pretty-checkbox.css.map

{"version":3,"sources":["scss/_core.scss","scss/_variables.scss","scss/essentials/_keyframes.scss","pretty-checkbox.css","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","scss/extras/_rtl.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}","$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), (success, $pretty--color-success), (warning, $pretty--color-warning), (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(.75, 1.25, 1);\n  }\n\n  40% {\n    transform: scale3d(1.25, .75, 1);\n  }\n\n  50% {\n    transform: scale3d(.85, 1.15, 1);\n  }\n\n  65% {\n    transform: scale3d(1.05, .95, 1);\n  }\n\n  75% {\n    transform: scale3d(.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}",".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\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\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\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\n.pretty .state label:before {\n  border-color: #bdc3c7;\n}\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\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\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\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\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\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\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\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\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\n.pretty.p-icon input:checked ~ .state .icon {\n  opacity: 1;\n}\n\n.pretty.p-icon input:checked ~ .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\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\n.pretty.p-svg input:checked ~ .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\n.pretty.p-image input:checked ~ .state img {\n  opacity: 1;\n}\n\n.pretty.p-switch input {\n  min-width: 2em;\n}\n\n.pretty.p-switch .state {\n  position: relative;\n}\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\n.pretty.p-switch .state label {\n  text-indent: 2.5em;\n}\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\n.pretty.p-switch .state label:after {\n  background-color: #bdc3c7 !important;\n}\n\n.pretty.p-switch input:checked ~ .state:before {\n  border-color: #5a656b;\n}\n\n.pretty.p-switch input:checked ~ .state label:before {\n  opacity: 0;\n}\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\n.pretty.p-switch.p-fill input:checked ~ .state label:before {\n  opacity: 0;\n}\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\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\n.pretty.p-has-hover input:hover ~ .state.p-is-hover {\n  display: block;\n}\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\n.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate {\n  display: block;\n}\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\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\n.pretty.p-toggle .state.p-off .icon {\n  color: #bdc3c7;\n}\n\n.pretty.p-toggle input:checked ~ .state.p-on {\n  opacity: 1;\n  display: inherit;\n}\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,\n.pretty.p-plain.p-toggle .state label:before {\n  content: none;\n}\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\n.pretty.p-round.p-icon .state .icon {\n  border-radius: 100%;\n  overflow: hidden;\n}\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\n.pretty.p-smooth input:checked + .state label:after {\n  transition: all 0.3s ease;\n}\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\n.pretty.p-smooth.p-default input:checked + .state label:after {\n  animation: zoom 0.2s ease;\n}\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\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\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\n.pretty input[disabled] ~ * {\n  opacity: .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,\n.pretty.p-toggle .state.p-primary label:after {\n  background-color: #428bca !important;\n}\n\n.pretty input:checked ~ .state.p-primary .icon,\n.pretty input:checked ~ .state.p-primary .svg,\n.pretty.p-toggle .state.p-primary .icon,\n.pretty.p-toggle .state.p-primary .svg {\n  color: #fff;\n  stroke: #fff;\n}\n\n.pretty input:checked ~ .state.p-primary-o label:before,\n.pretty.p-toggle .state.p-primary-o label:before {\n  border-color: #428bca;\n}\n\n.pretty input:checked ~ .state.p-primary-o label:after,\n.pretty.p-toggle .state.p-primary-o label:after {\n  background-color: transparent;\n}\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,\n.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\n.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {\n  background-color: #428bca !important;\n}\n\n.pretty.p-switch input:checked ~ .state.p-primary:before {\n  border-color: #428bca;\n}\n\n.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {\n  background-color: #428bca !important;\n}\n\n.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {\n  border-color: #245682;\n  background-color: #245682 !important;\n}\n\n.pretty input:checked ~ .state.p-info label:after,\n.pretty.p-toggle .state.p-info label:after {\n  background-color: #5bc0de !important;\n}\n\n.pretty input:checked ~ .state.p-info .icon,\n.pretty input:checked ~ .state.p-info .svg,\n.pretty.p-toggle .state.p-info .icon,\n.pretty.p-toggle .state.p-info .svg {\n  color: #fff;\n  stroke: #fff;\n}\n\n.pretty input:checked ~ .state.p-info-o label:before,\n.pretty.p-toggle .state.p-info-o label:before {\n  border-color: #5bc0de;\n}\n\n.pretty input:checked ~ .state.p-info-o label:after,\n.pretty.p-toggle .state.p-info-o label:after {\n  background-color: transparent;\n}\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,\n.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\n.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {\n  background-color: #5bc0de !important;\n}\n\n.pretty.p-switch input:checked ~ .state.p-info:before {\n  border-color: #5bc0de;\n}\n\n.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {\n  background-color: #5bc0de !important;\n}\n\n.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {\n  border-color: #2390b0;\n  background-color: #2390b0 !important;\n}\n\n.pretty input:checked ~ .state.p-success label:after,\n.pretty.p-toggle .state.p-success label:after {\n  background-color: #5cb85c !important;\n}\n\n.pretty input:checked ~ .state.p-success .icon,\n.pretty input:checked ~ .state.p-success .svg,\n.pretty.p-toggle .state.p-success .icon,\n.pretty.p-toggle .state.p-success .svg {\n  color: #fff;\n  stroke: #fff;\n}\n\n.pretty input:checked ~ .state.p-success-o label:before,\n.pretty.p-toggle .state.p-success-o label:before {\n  border-color: #5cb85c;\n}\n\n.pretty input:checked ~ .state.p-success-o label:after,\n.pretty.p-toggle .state.p-success-o label:after {\n  background-color: transparent;\n}\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,\n.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\n.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {\n  background-color: #5cb85c !important;\n}\n\n.pretty.p-switch input:checked ~ .state.p-success:before {\n  border-color: #5cb85c;\n}\n\n.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {\n  background-color: #5cb85c !important;\n}\n\n.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {\n  border-color: #357935;\n  background-color: #357935 !important;\n}\n\n.pretty input:checked ~ .state.p-warning label:after,\n.pretty.p-toggle .state.p-warning label:after {\n  background-color: #f0ad4e !important;\n}\n\n.pretty input:checked ~ .state.p-warning .icon,\n.pretty input:checked ~ .state.p-warning .svg,\n.pretty.p-toggle .state.p-warning .icon,\n.pretty.p-toggle .state.p-warning .svg {\n  color: #fff;\n  stroke: #fff;\n}\n\n.pretty input:checked ~ .state.p-warning-o label:before,\n.pretty.p-toggle .state.p-warning-o label:before {\n  border-color: #f0ad4e;\n}\n\n.pretty input:checked ~ .state.p-warning-o label:after,\n.pretty.p-toggle .state.p-warning-o label:after {\n  background-color: transparent;\n}\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,\n.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\n.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {\n  background-color: #f0ad4e !important;\n}\n\n.pretty.p-switch input:checked ~ .state.p-warning:before {\n  border-color: #f0ad4e;\n}\n\n.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {\n  background-color: #f0ad4e !important;\n}\n\n.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {\n  border-color: #c77c11;\n  background-color: #c77c11 !important;\n}\n\n.pretty input:checked ~ .state.p-danger label:after,\n.pretty.p-toggle .state.p-danger label:after {\n  background-color: #d9534f !important;\n}\n\n.pretty input:checked ~ .state.p-danger .icon,\n.pretty input:checked ~ .state.p-danger .svg,\n.pretty.p-toggle .state.p-danger .icon,\n.pretty.p-toggle .state.p-danger .svg {\n  color: #fff;\n  stroke: #fff;\n}\n\n.pretty input:checked ~ .state.p-danger-o label:before,\n.pretty.p-toggle .state.p-danger-o label:before {\n  border-color: #d9534f;\n}\n\n.pretty input:checked ~ .state.p-danger-o label:after,\n.pretty.p-toggle .state.p-danger-o label:after {\n  background-color: transparent;\n}\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,\n.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\n.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {\n  background-color: #d9534f !important;\n}\n\n.pretty.p-switch input:checked ~ .state.p-danger:before {\n  border-color: #d9534f;\n}\n\n.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {\n  background-color: #d9534f !important;\n}\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\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}\n\n.pretty[dir=\"rtl\"] .state label:before, .pretty[dir=\"rtl\"] .state label:after {\n  right: 0px;\n  left: auto;\n}\n\n.pretty.p-switch[dir=\"rtl\"] input:checked ~ .state label:after {\n  right: 1em;\n}\n",".#{$pretty--class-name}.p-default.p-fill {\n  .state label {\n    &:after {\n      transform: scale(1);\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}",".#{$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}",".#{$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    .icon {\n      opacity: 1;\n    }\n\n    label:before {\n      border-color: #5a656b;\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    opacity: 1;\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    opacity: 1;\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}",".#{$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}",".#{$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}",".#{$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}",".#{$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}",".#{$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}",".#{$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}",".#{$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}",".#{$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}",".#{$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.250, 0.460, 0.450, 0.940) 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.250, 0.460, 0.450, 0.940);\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.250, 0.460, 0.450, 0.940);\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}",".#{$pretty--class-name} {\n  input {\n    &[disabled] {\n      cursor: not-allowed;\n      display: none;\n\n      & ~ * {\n        opacity: .5;\n      }\n    }\n  }\n}\n",".#{$pretty--class-name}.p-locked {\n  input {\n    display: none;\n    cursor: not-allowed;\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}",".#{$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}","@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}",".#{$pretty--class-name}[dir=\"rtl\"] {\n  .state label {\n    &:before,\n    &:after {\n      right: 0px;\n      left: auto;\n    }\n  }\n}\n\n.#{$pretty--class-name}.p-switch[dir=\"rtl\"] {\n  input:checked ~ .state {\n    label:after {\n      right: 1em;\n    }\n  }\n}\n"]}