@djthoms/pretty-checkbox/dist/maps/pretty-checkbox.css.map

A pure css library to beautify checkbox and radio buttons.

{"version":3,"sources":["scss/_core.scss","pretty-checkbox.css","scss/_variables.scss","scss/essentials/_keyframes.scss","scss/elements/default/_fill.scss","scss/elements/default/_outline.scss","scss/elements/default/_thick.scss","scss/elements/font-icon/_general.scss","scss/elements/svg/_general.scss","scss/elements/image/_general.scss","scss/elements/switch/_general.scss","scss/elements/switch/_fill.scss","scss/elements/switch/_slim.scss","scss/states/_hover.scss","scss/states/_focus.scss","scss/states/_indeterminate.scss","scss/extras/_toggle.scss","scss/extras/_plain.scss","scss/extras/_round.scss","scss/extras/_curve.scss","scss/extras/_animation.scss","scss/extras/_disabled.scss","scss/extras/_locked.scss","scss/extras/_colors.scss","scss/extras/_bigger.scss","scss/extras/_print.scss"],"names":[],"mappings":"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","file":"../pretty-checkbox.css","sourcesContent":["@charset 'utf-8';\n\n.#{$pretty--class-name} * {\n    box-sizing: border-box;\n}\n\n//Throw error on invalid input types.\n.#{$pretty--class-name} input:not([type='checkbox']):not([type='radio']) {\n    display: none;\n\n    @if $pretty--debug {\n        + *:after {\n            content: $pretty--err-message;\n            border: 1px solid #dedede;\n            border-left: 3px solid #d9534f;\n            padding: 9px;\n            font-size: 1em;\n            font-weight: 600;\n            color: #d9534f;\n            position: absolute;\n            z-index: 3;\n            background: #fbfbfb;\n            top: 0;\n            left: 0;\n        }\n    }\n}\n\n.#{$pretty--class-name} {\n    position: relative;\n    display: inline-block;\n    margin-right: 1em;\n    white-space: nowrap;\n    line-height: 1;\n\n    input {\n        position: absolute;\n        left: 0;\n        top: 0;\n        min-width: 1em;\n        width: 100%;\n        height: 100%;\n        z-index: $pretty--z-index-front;\n        opacity: 0;\n        margin: 0;\n        padding: 0;\n        cursor: pointer;\n    }\n\n    .state {\n        label {\n            position: initial;\n            display: inline-block;\n            font-weight: normal;\n            margin: 0;\n            text-indent: $pretty--label-text-offset;\n            min-width: $pretty--box-size;\n\n            &:before,\n            &:after {\n                content: '';\n                width: $pretty--box-size;\n                height: $pretty--box-size;\n                display: block;\n                box-sizing: border-box;\n                border-radius: 0;\n                border: 1px solid transparent;\n                z-index: $pretty--z-index-back;\n                position: absolute;\n                left: 0;\n                top: $pretty-top-offset;\n                background-color: transparent;\n            }\n\n            &:before {\n                border-color: $pretty--color-default;\n            }\n        }\n\n        &.p-is-hover,\n        &.p-is-indeterminate {\n            display: none;\n        }\n    }\n}\n",".pretty * {\n  box-sizing: border-box;\n}\n\n.pretty input:not([type=checkbox]):not([type=radio]) {\n  display: none;\n}\n\n.pretty {\n  position: relative;\n  display: inline-block;\n  margin-right: 1em;\n  white-space: nowrap;\n  line-height: 1;\n}\n.pretty input {\n  position: absolute;\n  left: 0;\n  top: 0;\n  min-width: 1em;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  opacity: 0;\n  margin: 0;\n  padding: 0;\n  cursor: pointer;\n}\n.pretty .state label {\n  position: initial;\n  display: inline-block;\n  font-weight: normal;\n  margin: 0;\n  text-indent: 1.5em;\n  min-width: calc(1em + 2px);\n}\n.pretty .state label:before, .pretty .state label:after {\n  content: \"\";\n  width: calc(1em + 2px);\n  height: calc(1em + 2px);\n  display: block;\n  box-sizing: border-box;\n  border-radius: 0;\n  border: 1px solid transparent;\n  z-index: 0;\n  position: absolute;\n  left: 0;\n  top: calc((0% - (100% - 1em)) - 8%);\n  background-color: transparent;\n}\n.pretty .state label:before {\n  border-color: #bdc3c7;\n}\n.pretty .state.p-is-hover, .pretty .state.p-is-indeterminate {\n  display: none;\n}\n\n@keyframes zoom {\n  0% {\n    opacity: 0;\n    transform: scale(0);\n  }\n}\n@keyframes tada {\n  0% {\n    animation-timing-function: ease-in;\n    opacity: 0;\n    transform: scale(7);\n  }\n  38% {\n    animation-timing-function: ease-out;\n    opacity: 1;\n    transform: scale(1);\n  }\n  55% {\n    animation-timing-function: ease-in;\n    transform: scale(1.5);\n  }\n  72% {\n    animation-timing-function: ease-out;\n    transform: scale(1);\n  }\n  81% {\n    animation-timing-function: ease-in;\n    transform: scale(1.24);\n  }\n  89% {\n    animation-timing-function: ease-out;\n    transform: scale(1);\n  }\n  95% {\n    animation-timing-function: ease-in;\n    transform: scale(1.04);\n  }\n  100% {\n    animation-timing-function: ease-out;\n    transform: scale(1);\n  }\n}\n@keyframes jelly {\n  0% {\n    transform: scale3d(1, 1, 1);\n  }\n  30% {\n    transform: scale3d(0.75, 1.25, 1);\n  }\n  40% {\n    transform: scale3d(1.25, 0.75, 1);\n  }\n  50% {\n    transform: scale3d(0.85, 1.15, 1);\n  }\n  65% {\n    transform: scale3d(1.05, 0.95, 1);\n  }\n  75% {\n    transform: scale3d(0.95, 1.05, 1);\n  }\n  100% {\n    transform: scale3d(1, 1, 1);\n  }\n}\n@keyframes rotate {\n  0% {\n    opacity: 0;\n    transform: translateZ(-200px) rotate(-45deg);\n  }\n  100% {\n    opacity: 1;\n    transform: translateZ(0) rotate(0);\n  }\n}\n@keyframes pulse {\n  0% {\n    box-shadow: 0px 0px 0px 0px #bdc3c7;\n  }\n  100% {\n    box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);\n  }\n}\n.pretty.p-default.p-fill .state label:after {\n  transform: scale(1);\n}\n\n.pretty.p-default .state label:after {\n  transform: scale(0.6);\n}\n.pretty.p-default input:checked ~ .state label:after {\n  background-color: #bdc3c7 !important;\n}\n\n.pretty.p-default.p-thick .state label:before, .pretty.p-default.p-thick .state label:after {\n  border-width: calc(1em / 7);\n}\n.pretty.p-default.p-thick .state label:after {\n  transform: scale(0.4) !important;\n}\n\n.pretty.p-icon .state .icon {\n  position: absolute;\n  font-size: 1em;\n  width: calc(1em + 2px);\n  height: calc(1em + 2px);\n  left: 0;\n  z-index: 1;\n  text-align: center;\n  line-height: normal;\n  top: calc((0% - (100% - 1em)) - 8%);\n  border: 1px solid transparent;\n  opacity: 0;\n}\n.pretty.p-icon .state .icon:before {\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  line-height: 1;\n}\n.pretty.p-icon input:checked ~ .state .icon,\n.pretty.p-icon input:indeterminate ~ .state .icon {\n  opacity: 1;\n}\n.pretty.p-icon input:checked ~ .state label:before,\n.pretty.p-icon input:indeterminate ~ .state label:before {\n  border-color: #5a656b;\n}\n\n.pretty.p-svg .state .svg {\n  position: absolute;\n  font-size: 1em;\n  width: calc(1em + 2px);\n  height: calc(1em + 2px);\n  left: 0;\n  z-index: 1;\n  text-align: center;\n  line-height: normal;\n  top: calc((0% - (100% - 1em)) - 8%);\n  border: 1px solid transparent;\n  opacity: 0;\n}\n.pretty.p-svg .state svg {\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  line-height: 1;\n}\n.pretty.p-svg input:checked ~ .state .svg,\n.pretty.p-svg input:indeterminate ~ .state .svg {\n  opacity: 1;\n}\n\n.pretty.p-image .state img {\n  opacity: 0;\n  position: absolute;\n  width: calc(1em + 2px);\n  height: calc(1em + 2px);\n  top: 0;\n  top: calc((0% - (100% - 1em)) - 8%);\n  left: 0;\n  z-index: 0;\n  text-align: center;\n  line-height: normal;\n  transform: scale(0.8);\n}\n.pretty.p-image input:checked ~ .state img,\n.pretty.p-image input:indeterminate ~ .state img {\n  opacity: 1;\n}\n\n.pretty.p-switch input {\n  min-width: 2em;\n}\n.pretty.p-switch .state {\n  position: relative;\n}\n.pretty.p-switch .state:before {\n  content: \"\";\n  border: 1px solid #bdc3c7;\n  border-radius: 60px;\n  width: 2em;\n  box-sizing: unset;\n  height: calc(1em + 2px);\n  position: absolute;\n  top: 0;\n  top: calc((0% - (100% - 1em)) - 16%);\n  z-index: 0;\n  transition: all 0.5s ease;\n}\n.pretty.p-switch .state label {\n  text-indent: 2.5em;\n}\n.pretty.p-switch .state label:before, .pretty.p-switch .state label:after {\n  transition: all 0.5s ease;\n  border-radius: 100%;\n  left: 0;\n  border-color: transparent;\n  transform: scale(0.8);\n}\n.pretty.p-switch .state label:after {\n  background-color: #bdc3c7 !important;\n}\n.pretty.p-switch input:checked ~ .state:before {\n  border-color: #5a656b;\n}\n.pretty.p-switch input:checked ~ .state label:before {\n  opacity: 0;\n}\n.pretty.p-switch input:checked ~ .state label:after {\n  background-color: #5a656b !important;\n  left: 1em;\n}\n\n.pretty.p-switch.p-fill input:checked ~ .state:before {\n  border-color: #5a656b;\n  background-color: #5a656b !important;\n}\n.pretty.p-switch.p-fill input:checked ~ .state label:before {\n  opacity: 0;\n}\n.pretty.p-switch.p-fill input:checked ~ .state label:after {\n  background-color: #fff !important;\n  left: 1em;\n}\n\n.pretty.p-switch.p-slim .state:before {\n  height: 0.1em;\n  background: #bdc3c7 !important;\n  top: calc(50% - 0.1em);\n}\n.pretty.p-switch.p-slim input:checked ~ .state:before {\n  border-color: #5a656b;\n  background-color: #5a656b !important;\n}\n\n.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {\n  display: none;\n}\n.pretty.p-has-hover input:hover ~ .state.p-is-hover {\n  display: block;\n}\n.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {\n  display: block;\n}\n\n.pretty.p-has-focus input:focus ~ .state label:before {\n  box-shadow: 0px 0px 3px 0px #bdc3c7;\n}\n\n.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) {\n  display: none;\n}\n.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate {\n  display: block;\n}\n.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon {\n  display: block;\n  opacity: 1;\n}\n\n.pretty.p-toggle .state.p-on {\n  opacity: 0;\n  display: none;\n}\n.pretty.p-toggle .state.p-off,\n.pretty.p-toggle .state .icon,\n.pretty.p-toggle .state .svg,\n.pretty.p-toggle .state img {\n  opacity: 1;\n  display: inherit;\n}\n.pretty.p-toggle .state.p-off .icon {\n  color: #bdc3c7;\n}\n.pretty.p-toggle input:checked ~ .state.p-on {\n  opacity: 1;\n  display: inherit;\n}\n.pretty.p-toggle input:checked ~ .state.p-off {\n  opacity: 0;\n  display: none;\n}\n\n.pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before {\n  content: none;\n}\n.pretty.p-plain.p-plain .icon {\n  transform: scale(1.1);\n}\n\n.pretty.p-round .state label:before, .pretty.p-round .state label:after {\n  border-radius: 100%;\n}\n.pretty.p-round.p-icon .state .icon {\n  border-radius: 100%;\n  overflow: hidden;\n}\n.pretty.p-round.p-icon .state .icon:before {\n  transform: scale(0.8);\n}\n\n.pretty.p-curve .state label:before, .pretty.p-curve .state label:after {\n  border-radius: 20%;\n}\n\n.pretty.p-smooth label:before,\n.pretty.p-smooth label:after,\n.pretty.p-smooth .icon,\n.pretty.p-smooth .svg {\n  transition: all 0.5s ease;\n}\n.pretty.p-smooth input:checked + .state label:after {\n  transition: all 0.3s ease;\n}\n.pretty.p-smooth input:checked + .state .icon,\n.pretty.p-smooth input:checked + .state .svg,\n.pretty.p-smooth input:checked + .state img {\n  animation: zoom 0.2s ease;\n}\n.pretty.p-smooth.p-default input:checked + .state label:after {\n  animation: zoom 0.2s ease;\n}\n.pretty.p-smooth.p-plain input:checked + .state label:before {\n  content: \"\";\n  transform: scale(0);\n  transition: all 0.5s ease;\n}\n\n.pretty.p-tada:not(.p-default) input:checked + .state .icon,\n.pretty.p-tada:not(.p-default) input:checked + .state .svg,\n.pretty.p-tada:not(.p-default) input:checked + .state img,\n.pretty.p-tada:not(.p-default) input:checked + .state label:before,\n.pretty.p-tada:not(.p-default) input:checked + .state label:after {\n  animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;\n  opacity: 1;\n}\n\n.pretty.p-jelly:not(.p-default) input:checked + .state .icon,\n.pretty.p-jelly:not(.p-default) input:checked + .state .svg,\n.pretty.p-jelly:not(.p-default) input:checked + .state img,\n.pretty.p-jelly:not(.p-default) input:checked + .state label:before,\n.pretty.p-jelly:not(.p-default) input:checked + .state label:after {\n  animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 1;\n}\n.pretty.p-jelly:not(.p-default) input:checked + .state label:before {\n  border-color: transparent;\n}\n\n.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon,\n.pretty.p-rotate:not(.p-default) input:checked ~ .state .svg,\n.pretty.p-rotate:not(.p-default) input:checked ~ .state img,\n.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before,\n.pretty.p-rotate:not(.p-default) input:checked ~ .state label:after {\n  animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  opacity: 1;\n}\n.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {\n  border-color: transparent;\n}\n\n.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {\n  animation: pulse 1s;\n}\n\n.pretty input[disabled] {\n  cursor: not-allowed;\n  display: none;\n}\n.pretty input[disabled] ~ * {\n  opacity: 0.5;\n}\n\n.pretty.p-locked input {\n  display: none;\n  cursor: not-allowed;\n}\n\n.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {\n  background-color: #428bca !important;\n}\n.pretty input:checked ~ .state.p-primary .icon,\n.pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon,\n.pretty.p-toggle .state.p-primary .svg {\n  color: #fff;\n  stroke: #fff;\n}\n.pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before {\n  border-color: #428bca;\n}\n.pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after {\n  background-color: transparent;\n}\n.pretty input:checked ~ .state.p-primary-o .icon,\n.pretty input:checked ~ .state.p-primary-o .svg,\n.pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon,\n.pretty.p-toggle .state.p-primary-o .svg,\n.pretty.p-toggle .state.p-primary-o svg {\n  color: #428bca;\n  stroke: #428bca;\n}\n.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {\n  background-color: #428bca !important;\n}\n.pretty.p-switch input:checked ~ .state.p-primary:before {\n  border-color: #428bca;\n}\n.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {\n  background-color: #428bca !important;\n}\n.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {\n  border-color: #245682;\n  background-color: #245682 !important;\n}\n.pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after {\n  background-color: #5bc0de !important;\n}\n.pretty input:checked ~ .state.p-info .icon,\n.pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon,\n.pretty.p-toggle .state.p-info .svg {\n  color: #fff;\n  stroke: #fff;\n}\n.pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before {\n  border-color: #5bc0de;\n}\n.pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after {\n  background-color: transparent;\n}\n.pretty input:checked ~ .state.p-info-o .icon,\n.pretty input:checked ~ .state.p-info-o .svg,\n.pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon,\n.pretty.p-toggle .state.p-info-o .svg,\n.pretty.p-toggle .state.p-info-o svg {\n  color: #5bc0de;\n  stroke: #5bc0de;\n}\n.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {\n  background-color: #5bc0de !important;\n}\n.pretty.p-switch input:checked ~ .state.p-info:before {\n  border-color: #5bc0de;\n}\n.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {\n  background-color: #5bc0de !important;\n}\n.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {\n  border-color: #2390b0;\n  background-color: #2390b0 !important;\n}\n.pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after {\n  background-color: #5cb85c !important;\n}\n.pretty input:checked ~ .state.p-success .icon,\n.pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon,\n.pretty.p-toggle .state.p-success .svg {\n  color: #fff;\n  stroke: #fff;\n}\n.pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before {\n  border-color: #5cb85c;\n}\n.pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after {\n  background-color: transparent;\n}\n.pretty input:checked ~ .state.p-success-o .icon,\n.pretty input:checked ~ .state.p-success-o .svg,\n.pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon,\n.pretty.p-toggle .state.p-success-o .svg,\n.pretty.p-toggle .state.p-success-o svg {\n  color: #5cb85c;\n  stroke: #5cb85c;\n}\n.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {\n  background-color: #5cb85c !important;\n}\n.pretty.p-switch input:checked ~ .state.p-success:before {\n  border-color: #5cb85c;\n}\n.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {\n  background-color: #5cb85c !important;\n}\n.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {\n  border-color: #357935;\n  background-color: #357935 !important;\n}\n.pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after {\n  background-color: #f0ad4e !important;\n}\n.pretty input:checked ~ .state.p-warning .icon,\n.pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon,\n.pretty.p-toggle .state.p-warning .svg {\n  color: #fff;\n  stroke: #fff;\n}\n.pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {\n  border-color: #f0ad4e;\n}\n.pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after {\n  background-color: transparent;\n}\n.pretty input:checked ~ .state.p-warning-o .icon,\n.pretty input:checked ~ .state.p-warning-o .svg,\n.pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon,\n.pretty.p-toggle .state.p-warning-o .svg,\n.pretty.p-toggle .state.p-warning-o svg {\n  color: #f0ad4e;\n  stroke: #f0ad4e;\n}\n.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {\n  background-color: #f0ad4e !important;\n}\n.pretty.p-switch input:checked ~ .state.p-warning:before {\n  border-color: #f0ad4e;\n}\n.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {\n  background-color: #f0ad4e !important;\n}\n.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {\n  border-color: #c77c11;\n  background-color: #c77c11 !important;\n}\n.pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {\n  background-color: #d9534f !important;\n}\n.pretty input:checked ~ .state.p-danger .icon,\n.pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon,\n.pretty.p-toggle .state.p-danger .svg {\n  color: #fff;\n  stroke: #fff;\n}\n.pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before {\n  border-color: #d9534f;\n}\n.pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after {\n  background-color: transparent;\n}\n.pretty input:checked ~ .state.p-danger-o .icon,\n.pretty input:checked ~ .state.p-danger-o .svg,\n.pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon,\n.pretty.p-toggle .state.p-danger-o .svg,\n.pretty.p-toggle .state.p-danger-o svg {\n  color: #d9534f;\n  stroke: #d9534f;\n}\n.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {\n  background-color: #d9534f !important;\n}\n.pretty.p-switch input:checked ~ .state.p-danger:before {\n  border-color: #d9534f;\n}\n.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {\n  background-color: #d9534f !important;\n}\n.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {\n  border-color: #a02622;\n  background-color: #a02622 !important;\n}\n\n.pretty.p-bigger label:before,\n.pretty.p-bigger label:after,\n.pretty.p-bigger .icon,\n.pretty.p-bigger .svg,\n.pretty.p-bigger .img {\n  font-size: 1.2em !important;\n  top: calc((0% - (100% - 1em)) - 35%) !important;\n}\n.pretty.p-bigger label {\n  text-indent: 1.7em;\n}\n\n@media print {\n  .pretty .state:before,\n.pretty .state label:before,\n.pretty .state label:after,\n.pretty .state .icon {\n    color-adjust: exact;\n    /* stylelint-disable */\n    -webkit-print-color-adjust: exact;\n    print-color-adjust: exact;\n  }\n}","$pretty--class-name: pretty !default;\n\n// colors\n$pretty--color-default: #bdc3c7 !default;\n$pretty--color-primary: #428bca !default;\n$pretty--color-info: #5bc0de !default;\n$pretty--color-success: #5cb85c !default;\n$pretty--color-warning: #f0ad4e !default;\n$pretty--color-danger: #d9534f !default;\n$pretty--color-dark: #5a656b !default;\n\n// z-index\n$pretty--z-index-back: 0 !default;\n$pretty--z-index-between: 1 !default;\n$pretty--z-index-front: 2 !default;\n\n// box\n$pretty--curve-radius: 20% !default;\n$pretty--box-size: calc(1em + 2px) !default;\n\n// text\n$pretty--label-text-offset: 1.5em !default;\n$pretty--label-text-offset-switch: 2.5em !default;\n\n// scale\n$pretty--2x: 1.2em !default;\n\n// color set\n$pretty--colors: (primary, $pretty--color-primary), (info, $pretty--color-info),\n    (success, $pretty--color-success), (warning, $pretty--color-warning),\n    (danger, $pretty--color-danger) !default;\n\n// position\n$pretty-top: 8;\n$pretty-top-switch: ($pretty-top * 2) * 1%;\n$pretty-top-offset: calc((0% - (100% - 1em)) - #{$pretty-top * 1%});\n$pretty-top-offset-switch: calc((0% - (100% - 1em)) - #{$pretty-top-switch});\n\n// dev\n$pretty--debug: false !default;\n$pretty--err-message: 'Error: Invalid input type!' !default;\n","@keyframes zoom {\n    0% {\n        opacity: 0;\n        transform: scale(0);\n    }\n}\n\n@keyframes tada {\n    0% {\n        animation-timing-function: ease-in;\n        opacity: 0;\n        transform: scale(7);\n    }\n\n    38% {\n        animation-timing-function: ease-out;\n        opacity: 1;\n        transform: scale(1);\n    }\n\n    55% {\n        animation-timing-function: ease-in;\n        transform: scale(1.5);\n    }\n\n    72% {\n        animation-timing-function: ease-out;\n        transform: scale(1);\n    }\n\n    81% {\n        animation-timing-function: ease-in;\n        transform: scale(1.24);\n    }\n\n    89% {\n        animation-timing-function: ease-out;\n        transform: scale(1);\n    }\n\n    95% {\n        animation-timing-function: ease-in;\n        transform: scale(1.04);\n    }\n\n    100% {\n        animation-timing-function: ease-out;\n        transform: scale(1);\n    }\n}\n\n@keyframes jelly {\n    0% {\n        transform: scale3d(1, 1, 1);\n    }\n\n    30% {\n        transform: scale3d(0.75, 1.25, 1);\n    }\n\n    40% {\n        transform: scale3d(1.25, 0.75, 1);\n    }\n\n    50% {\n        transform: scale3d(0.85, 1.15, 1);\n    }\n\n    65% {\n        transform: scale3d(1.05, 0.95, 1);\n    }\n\n    75% {\n        transform: scale3d(0.95, 1.05, 1);\n    }\n\n    100% {\n        transform: scale3d(1, 1, 1);\n    }\n}\n\n@keyframes rotate {\n    0% {\n        opacity: 0;\n        transform: translateZ(-200px) rotate(-45deg);\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateZ(0) rotate(0);\n    }\n}\n\n@keyframes pulse {\n    0% {\n        box-shadow: 0px 0px 0px 0px transparentize($pretty--color-default, 0);\n    }\n\n    100% {\n        box-shadow: 0px 0px 0px 1.5em transparentize($pretty--color-default, 1);\n    }\n}\n",".#{$pretty--class-name}.p-default.p-fill {\n    .state label {\n        &:after {\n            transform: scale(1);\n        }\n    }\n}\n",".#{$pretty--class-name}.p-default {\n    .state label {\n        &:after {\n            transform: scale(0.6);\n        }\n    }\n\n    input:checked ~ .state label {\n        &:after {\n            background-color: $pretty--color-default !important;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-default.p-thick {\n    .state label {\n        &:before,\n        &:after {\n            border-width: calc(1em / 7);\n        }\n\n        &:after {\n            transform: scale(0.4) !important;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-icon {\n    .state {\n        .icon {\n            position: absolute;\n            font-size: 1em;\n            width: $pretty--box-size;\n            height: $pretty--box-size;\n            left: 0;\n            z-index: $pretty--z-index-between;\n            text-align: center;\n            line-height: normal;\n            top: $pretty-top-offset;\n            border: 1px solid transparent;\n            opacity: 0;\n        }\n\n        .icon:before {\n            margin: 0;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n            display: flex;\n            flex: 1;\n            justify-content: center;\n            align-items: center;\n            line-height: 1;\n        }\n    }\n\n    input:checked ~ .state,\n    input:indeterminate ~ .state {\n        .icon {\n            opacity: 1;\n        }\n\n        label:before {\n            border-color: #5a656b;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-svg {\n    .state {\n        .svg {\n            position: absolute;\n            font-size: 1em;\n            width: $pretty--box-size;\n            height: $pretty--box-size;\n            left: 0;\n            z-index: $pretty--z-index-between;\n            text-align: center;\n            line-height: normal;\n            top: $pretty-top-offset;\n            border: 1px solid transparent;\n            opacity: 0;\n        }\n\n        svg {\n            margin: 0;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n            display: flex;\n            flex: 1;\n            justify-content: center;\n            align-items: center;\n            line-height: 1;\n        }\n    }\n\n    input:checked ~ .state .svg,\n    input:indeterminate ~ .state .svg {\n        opacity: 1;\n    }\n}\n",".#{$pretty--class-name}.p-image {\n    .state {\n        img {\n            opacity: 0;\n            position: absolute;\n            width: $pretty--box-size;\n            height: $pretty--box-size;\n            top: 0;\n            top: $pretty-top-offset;\n            left: 0;\n            z-index: $pretty--z-index-back;\n            text-align: center;\n            line-height: normal;\n            transform: scale(0.8);\n        }\n    }\n\n    input:checked ~ .state img,\n    input:indeterminate ~ .state img {\n        opacity: 1;\n    }\n}\n",".#{$pretty--class-name}.p-switch {\n    input {\n        min-width: 2em;\n    }\n    .state {\n        position: relative;\n\n        &:before {\n            content: '';\n            border: 1px solid $pretty--color-default;\n            border-radius: 60px;\n            width: 2em;\n            box-sizing: unset;\n            height: $pretty--box-size;\n            position: absolute;\n            top: 0;\n            top: $pretty-top-offset-switch;\n            z-index: $pretty--z-index-back;\n            transition: all 0.5s ease;\n        }\n\n        label {\n            text-indent: $pretty--label-text-offset-switch;\n\n            &:before,\n            &:after {\n                transition: all 0.5s ease;\n                border-radius: 100%;\n                left: 0;\n                border-color: transparent;\n                transform: scale(0.8);\n            }\n\n            &:after {\n                background-color: $pretty--color-default !important;\n            }\n        }\n    }\n\n    input:checked ~ .state {\n        &:before {\n            border-color: $pretty--color-dark;\n        }\n\n        label:before {\n            opacity: 0;\n        }\n\n        label:after {\n            background-color: $pretty--color-dark !important;\n            left: 1em;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-switch.p-fill {\n    input:checked ~ .state {\n        &:before {\n            border-color: $pretty--color-dark;\n            background-color: $pretty--color-dark !important;\n        }\n        label:before {\n            opacity: 0;\n        }\n        label:after {\n            background-color: #fff !important;\n            left: 1em;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-switch.p-slim {\n    .state {\n        &:before {\n            height: 0.1em;\n            background: $pretty--color-default !important;\n            top: calc(50% - 0.1em);\n        }\n    }\n\n    input:checked ~ .state {\n        &:before {\n            border-color: $pretty--color-dark;\n            background-color: $pretty--color-dark !important;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-has-hover {\n    input:hover ~ .state:not(.p-is-hover) {\n        display: none;\n    }\n\n    input:hover ~ .state.p-is-hover {\n        display: block;\n\n        .icon {\n            display: block;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-has-focus {\n    input:focus {\n        ~ .state label:before {\n            box-shadow: 0px 0px 3px 0px rgb(189, 195, 199);\n        }\n    }\n}\n",".#{$pretty--class-name}.p-has-indeterminate {\n    input[type='checkbox']:indeterminate ~ .state:not(.p-is-indeterminate) {\n        display: none;\n    }\n\n    input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate {\n        display: block;\n\n        .icon {\n            display: block;\n            opacity: 1;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-toggle {\n    .state {\n        &.p-on {\n            opacity: 0;\n            display: none;\n        }\n\n        &.p-off,\n        .icon,\n        .svg,\n        img {\n            opacity: 1;\n            display: inherit;\n        }\n\n        &.p-off .icon {\n            color: $pretty--color-default;\n        }\n    }\n\n    input:checked ~ .state {\n        &.p-on {\n            opacity: 1;\n            display: inherit;\n        }\n\n        &.p-off {\n            opacity: 0;\n            display: none;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-plain {\n    input:checked ~ .state label,\n    &.p-toggle .state label {\n        &:before {\n            content: none;\n        }\n    }\n\n    &.p-plain .icon {\n        transform: scale(1.1);\n    }\n}\n",".#{$pretty--class-name}.p-round {\n    .state label {\n        &:before,\n        &:after {\n            border-radius: 100%;\n        }\n    }\n\n    &.p-icon .state .icon {\n        border-radius: 100%;\n        overflow: hidden;\n\n        &:before {\n            transform: scale(0.8);\n        }\n    }\n}\n",".#{$pretty--class-name}.p-curve {\n    .state label {\n        &:before,\n        &:after {\n            border-radius: $pretty--curve-radius;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-smooth {\n    label:before,\n    label:after,\n    .icon,\n    .svg {\n        transition: all 0.5s ease;\n    }\n\n    input:checked + .state {\n        label:after {\n            transition: all 0.3s ease;\n        }\n\n        .icon,\n        .svg,\n        img {\n            animation: zoom 0.2s ease;\n        }\n    }\n\n    &.p-default input:checked + .state {\n        label:after {\n            animation: zoom 0.2s ease;\n        }\n    }\n\n    &.p-plain input:checked + .state {\n        label:before {\n            content: '';\n            transform: scale(0);\n            transition: all 0.5s ease;\n        }\n    }\n}\n\n.#{$pretty--class-name}.p-tada:not(.p-default) {\n    input:checked + .state {\n        .icon,\n        .svg,\n        img,\n        label:before,\n        label:after {\n            animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;\n            opacity: 1;\n        }\n    }\n}\n\n.#{$pretty--class-name}.p-jelly:not(.p-default) {\n    input:checked + .state {\n        .icon,\n        .svg,\n        img,\n        label:before,\n        label:after {\n            animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            opacity: 1;\n        }\n\n        label:before {\n            border-color: transparent;\n        }\n    }\n}\n\n.#{$pretty--class-name}.p-rotate:not(.p-default) {\n    input:checked ~ .state {\n        .icon,\n        .svg,\n        img,\n        label:before,\n        label:after {\n            animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            opacity: 1;\n        }\n\n        label:before {\n            border-color: transparent;\n        }\n    }\n}\n\n.#{$pretty--class-name}.p-pulse:not(.p-switch) {\n    input:checked ~ .state {\n        label:before {\n            animation: pulse 1s;\n        }\n    }\n}\n",".#{$pretty--class-name} {\n    input {\n        &[disabled] {\n            cursor: not-allowed;\n            display: none;\n\n            & ~ * {\n                opacity: 0.5;\n            }\n        }\n    }\n}\n",".#{$pretty--class-name}.p-locked {\n    input {\n        display: none;\n        cursor: not-allowed;\n    }\n}\n",".#{$pretty--class-name} {\n    @each $name, $color in $pretty--colors {\n        input:checked ~ .state.p-#{$name},\n        &.p-toggle .state.p-#{$name} {\n            label:after {\n                background-color: $color !important;\n            }\n\n            .icon,\n            .svg {\n                color: #fff;\n                stroke: #fff;\n            }\n        }\n\n        input:checked ~ .state.p-#{$name}-o,\n        &.p-toggle .state.p-#{$name}-o {\n            label:before {\n                border-color: $color;\n            }\n\n            label:after {\n                background-color: transparent;\n            }\n\n            .icon,\n            .svg,\n            svg {\n                color: $color;\n                stroke: $color;\n            }\n        }\n\n        &.p-default:not(.p-fill) input:checked ~ .state.p-#{$name}-o label {\n            &:after {\n                background-color: $color !important;\n            }\n        }\n\n        &.p-switch input:checked ~ .state.p-#{$name}:before {\n            border-color: $color;\n        }\n\n        &.p-switch.p-fill input:checked ~ .state.p-#{$name}:before {\n            background-color: $color !important;\n        }\n\n        &.p-switch.p-slim input:checked ~ .state.p-#{$name}:before {\n            border-color: darken($color, 20%);\n            background-color: darken($color, 20%) !important;\n        }\n    }\n}\n",".#{$pretty--class-name}.p-bigger {\n    label:before,\n    label:after,\n    .icon,\n    .svg,\n    .img {\n        font-size: $pretty--2x !important;\n        top: calc((0% - (100% - 1em)) - 35%) !important;\n    }\n\n    label {\n        text-indent: 1.7em;\n    }\n}\n","@media print {\n    .#{$pretty--class-name} {\n        .state:before,\n        .state label:before,\n        .state label:after,\n        .state .icon {\n            color-adjust: exact;\n            /* stylelint-disable */\n            -webkit-print-color-adjust: exact;\n            print-color-adjust: exact;\n        }\n    }\n}\n"]}