{"version":3,"sources":["switch.css"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C;EACE,mBAAmB;EACnB,sBAAsB;EACtB,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,gCAAgC;EAChC,gBAAgB;EAChB,qBAAqB,EAAE;EACvB;IACE,SAAS;IACT,UAAU;IACV,mBAAmB;IACnB,WAAW,EAAE;IACb;MACE,oCAA4B;cAA5B,4BAA4B,EAAE;EAClC;IACE,mBAAmB;IACnB,gBAAgB;IAChB,OAAO;IACP,QAAQ;IACR,SAAS;IACT,UAAU;IACV,wBAAwB;IACxB,mBAAgB;IAAhB,gBAAgB,EAAE;EACpB;IACE,yDAAiD;YAAjD,iDAAiD,EAAE;EACrD;IACE,uBAAuB,EAAE;EAC3B;IACE,mBAAmB;IACnB,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,UAAU;IACV,YAAY;IACZ,wBAAwB;IACxB,wBAAwB;IACxB,yBAAiB;IAAjB,oBAAiB;IAAjB,iBAAiB,EAAE;EACrB;IACE,oCAA4B;QAA5B,gCAA4B;YAA5B,4BAA4B,EAAE;EAChC;IACE,kCAAkC,EAAE;IACpC;MACE,kCAAkC,EAAE;EACxC;;IAEE,aAAa;IACb,oBAAoB;IACpB,qBAAqB,EAAE;EACzB;IACE,sBAAsB,EAAE;EAC1B;IACE,sBAAsB,EAAE;EAC1B;IACE,oBAAoB,EAAE;EACxB;IACE,qBAAqB,EAAE;EACzB;IACE,YAAY;IACZ,aAAa,EAAE;IACf;MACE,aAAa;MACb,YAAY;MACZ,UAAU;MACV,YAAY,EAAE;IAChB;MACE,oCAA4B;UAA5B,gCAA4B;cAA5B,4BAA4B,EAAE;EAClC;IACE,aAAa;IACb,aAAa,EAAE;IACf;MACE,aAAa;MACb,YAAY;MACZ,UAAU;MACV,YAAY,EAAE;IAChB;MACE,oCAA4B;UAA5B,gCAA4B;cAA5B,4BAA4B,EAAE;;AAEpC;EACE,0BAA0B,EAAE","file":"switch.css","sourcesContent":["/* The switch - the box around the slider */\n.phoenix-switch {\n  position: relative;\n  display: inline-block;\n  width: 60px;\n  height: 34px;\n  margin-bottom: 0;\n  /* Hide default HTML checkbox */\n  /* The slider */\n  /* Rounded sliders */ }\n  .phoenix-switch input {\n    width: 0;\n    height: 0;\n    position: relative;\n    left: 30px; }\n    .phoenix-switch input:focus {\n      box-shadow: none !important; }\n  .phoenix-switch .switch-slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    -webkit-transition: .4s;\n    transition: .4s; }\n  .phoenix-switch input:focus + .switch-slider {\n    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n  .phoenix-switch .switch-slider.bg-default {\n    background-color: #ccc; }\n  .phoenix-switch .switch-slider:before {\n    position: absolute;\n    content: \"\";\n    height: 26px;\n    width: 26px;\n    left: 4px;\n    bottom: 4px;\n    background-color: white;\n    -webkit-transition: .4s;\n    transition: .25s; }\n  .phoenix-switch input:checked + .switch-slider:before {\n    transform: translateX(26px); }\n  .phoenix-switch input:not(:checked) + .switch-slider {\n    background-color: #ccc !important; }\n    .phoenix-switch input:not(:checked) + .switch-slider:hover {\n      background-color: #aaa !important; }\n  .phoenix-switch input[disabled] + .switch-slider,\n  .phoenix-switch input[readonly] + .switch-slider {\n    opacity: .65;\n    cursor: not-allowed;\n    pointer-events: none; }\n  .phoenix-switch .switch-slider.slider-round {\n    border-radius: .25rem; }\n  .phoenix-switch .switch-slider.slider-round:before {\n    border-radius: .18rem; }\n  .phoenix-switch .switch-slider.slider-circle {\n    border-radius: 50px; }\n  .phoenix-switch .switch-slider.slider-circle:before {\n    border-radius: 100px; }\n  .phoenix-switch.switch-sm {\n    width: 46px;\n    height: 24px; }\n    .phoenix-switch.switch-sm .switch-slider:before {\n      height: 18px;\n      width: 18px;\n      left: 3px;\n      bottom: 3px; }\n    .phoenix-switch.switch-sm input:checked + .switch-slider:before {\n      transform: translateX(22px); }\n  .phoenix-switch.switch-lg {\n    width: 100px;\n    height: 34px; }\n    .phoenix-switch.switch-lg .switch-slider:before {\n      height: 26px;\n      width: 45px;\n      left: 4px;\n      bottom: 4px; }\n    .phoenix-switch.switch-lg input:checked + .switch-slider:before {\n      transform: translateX(47px); }\n\n.has-invalid .phoenix-switch .switch-slider {\n  border: 1px solid #dc3545; }\n"]}