._toggle-container_1xntp_1{--height: calc(2.5em * var(--responsive_scale, 1));--width: calc(var(--height) * 3.4);--rad: calc(var(--height) / 2.1);display:flex;gap:.5em;align-items:center;justify-content:center}._toggle-container_1xntp_1._small_1xntp_10,._toggle-container_1xntp_1._small_1xntp_10 *{--height: calc(1.1em * var(--responsive_scale, 1));--width: calc(var(--height) * 1.7)}._toggle_1xntp_1{position:relative;display:inline-block;width:var(--width);height:var(--height);-webkit-box-shadow:0px .1em .2em rgba(0,0,0,.3);-moz-box-shadow:0px .1em .2em rgba(0,0,0,.3);-o-box-shadow:0px .1em .2em rgba(0,0,0,.3);-ms-box-shadow:0px .1em .2em rgba(0,0,0,.3);box-shadow:0 .1em .2em #0000004d;border-radius:var(--rad);cursor:pointer}._toggle_1xntp_1 input[type=checkbox i]{display:inline-block;appearance:none;border-radius:2rem;outline:none;border:none;margin:.3em 0 -.3em 2em;padding-left:1em}._toggle_1xntp_1 ._slider_1xntp_38{position:absolute;inset:0;border-radius:var(--rad);background-color:#ddd;border-top:.1em solid var(--color-primary-9);border-bottom:.1em solid var(--color-primary-16);-webkit-box-shadow:inset 0px .2em .6em rgba(0,0,0,.3);-moz-box-shadow:inset 0px .2em .6em rgba(0,0,0,.3);-o-box-shadow:inset 0px .2em .6em rgba(0,0,0,.3);-ms-box-shadow:inset 0px .2em .6em rgba(0,0,0,.3);box-shadow:inset 0 .2em .6em #0000004d;transition-property:background-color,background-position,border-top-color,border-bottom-color;transition-timing-function:ease-in-out;transition-duration:.3s}._light_1xntp_58._toggle_1xntp_1 ._slider_1xntp_38{border-top:.1em solid var(--color-primary-10);border-bottom:.1em solid var(--color-primary-11)}._toggle_1xntp_1:hover ._slider_1xntp_38{border-top-color:var(--color-primary-19);border-bottom-color:var(--color-primary-18)}._toggle_1xntp_1 ._slider_1xntp_38:before{content:"";position:absolute;top:calc(var(--height) * .06);left:calc(var(--height) * .1);width:calc(var(--height) * .8);height:calc(var(--height) * .8);border-radius:calc(var(--height) / 2);background-color:var(--color-primary-17);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.3),inset 0px -.1em .3em rgba(0,0,0,.7),inset 0px 1px 4px rgba(255,255,255,1);-moz-box-shadow:0px 1px 3px rgba(0,0,0,.3),inset 0px -.1em .3em rgba(0,0,0,.7),inset 0px 1px 4px rgba(255,255,255,1);-o-box-shadow:0px 1px 3px rgba(0,0,0,.3),inset 0px -.1em .3em rgba(0,0,0,.7),inset 0px 1px 4px rgba(255,255,255,1);-ms-box-shadow:0px 1px 3px rgba(0,0,0,.3),inset 0px -.1em .3em rgba(0,0,0,.7),inset 0px 1px 4px rgba(255,255,255,1);box-shadow:0 1px 3px #0000004d,inset 0 -.1em .3em #000000b3,inset 0 1px 4px #fff;z-index:2;outline:1px solid var(--color-gray-4);outline-offset:-1px}._toggle_1xntp_1 ._slider_1xntp_38:after{content:"";position:absolute;inset:-.25em -.3em -.3em -.2em;border-radius:var(--rad);background-color:var(--color-primary-2);-webkit-box-shadow:-.1em 0px .6em -.2em hsla(var(--hue-primary),100%,35%,.9);-moz-box-shadow:-.1em 0px .6em -.2em hsla(var(--hue-primary),100%,35%,.9);-o-box-shadow:-.1em 0px .6em -.2em hsla(var(--hue-primary),100%,35%,.9);-ms-box-shadow:-.1em 0px .6em -.2em hsla(var(--hue-primary),100%,35%,.9);box-shadow:-.1em 0 .6em -.2em hsla(var(--hue-primary),100%,35%,.9);z-index:-1}._toggle_1xntp_1 ._slider_1xntp_38:before{transition-property:transform,background-color;transition-timing-function:ease-in-out;transition-duration:.3s}._light_1xntp_58._toggle_1xntp_1 ._slider_1xntp_38:before{background-color:var(--color-primary-3)}._toggle_1xntp_1 input+._slider_1xntp_38:before{background-color:var(--color-primary-19)}._toggle_1xntp_1 input:checked+._slider_1xntp_38:before{background-color:var(--color-primary-18)}._toggle_1xntp_1 input:checked+._slider_1xntp_38{background-color:var(--color-primary-7)}._toggle_1xntp_1 input:checked+._slider_1xntp_38:before{-webkit-transform:translateX(calc(var(--width) - var(--height)));-ms-transform:translateX(calc(var(--width) - var(--height)));-o-transform:translateX(calc(var(--width) - var(--height)));-moz-transform:translateX(calc(var(--width) - var(--height)));transform:translate(calc(var(--width) - var(--height)))}._light_1xntp_58._toggle_1xntp_1 input+._slider_1xntp_38:before{background-color:var(--color-primary-1)}._light_1xntp_58._toggle_1xntp_1 input:checked+._slider_1xntp_38:before{background-color:var(--color-primary-2)}._toggle_1xntp_1 ._labels_1xntp_152{position:absolute;top:calc(calc(var(--height) - 1em) / 2);left:calc(calc(var(--height) - 1em) / 2);right:calc(calc(var(--height) - 1em) / 2);bottom:calc(calc(var(--height) - 1em) / 2);font-family:sans-serif}._toggle_1xntp_1 ._labels_1xntp_152:not(._hide-on-off_1xntp_160){transition-property:transform,color;transition-timing-function:ease-in-out;transition-duration:.3s}._toggle_1xntp_1 ._labels_1xntp_152:not(._hide-on-off_1xntp_160):after{content:attr(data-off);position:absolute;right:.1em;color:#000;opacity:1;-webkit-text-shadow:1px 1px 2px rgba(255,255,255,.8);-moz-text-shadow:1px 1px 2px rgba(255,255,255,.8);-o-text-shadow:1px 1px 2px rgba(255,255,255,.8);-ms-text-shadow:1px 1px 2px rgba(255,255,255,.8);text-shadow:1px 1px 2px rgba(255,255,255,.8)}._toggle_1xntp_1 ._labels_1xntp_152:not(._hide-on-off_1xntp_160):before{content:attr(data-on);position:absolute;left:.1em;color:var(--color-primary-19);opacity:0;-webkit-text-shadow:1px 1px 2px rgba(0,0,0,.8);-moz-text-shadow:1px 1px 2px rgba(0,0,0,.8);-o-text-shadow:1px 1px 2px rgba(0,0,0,.8);-ms-text-shadow:1px 1px 2px rgba(0,0,0,.8);text-shadow:1px 1px 2px rgba(0,0,0,.8)}._toggle_1xntp_1 ._labels_1xntp_152:not(._hide-on-off_1xntp_160):after,._toggle_1xntp_1 ._labels_1xntp_152:not(._hide-on-off_1xntp_160):before{top:-.06em;transition-property:transform,opacity,text-shadow;transition-timing-function:ease-in-out;transition-duration:.3s}._toggle_1xntp_1:hover ._labels_1xntp_152:not(._hide-on-off_1xntp_160):after,._toggle_1xntp_1:hover ._labels_1xntp_152:not(._hide-on-off_1xntp_160):before{-webkit-text-shadow:1px 1px 2px rgba(0,0,0,0);-moz-text-shadow:1px 1px 2px rgba(0,0,0,0);-o-text-shadow:1px 1px 2px rgba(0,0,0,0);-ms-text-shadow:1px 1px 2px rgba(0,0,0,0);text-shadow:1px 1px 2px rgba(0,0,0,0)}._toggle_1xntp_1 input:checked~._labels_1xntp_152:not(._hide-on-off_1xntp_160):after{opacity:0}._toggle_1xntp_1 input:checked~._labels_1xntp_152:not(._hide-on-off_1xntp_160):before{opacity:1}._toggle_1xntp_1 input+._slider_1xntp_38{background:linear-gradient(45deg,var(--color-primary-2) 0%,var(--color-primary-7) 20%,var(--color-primary-15) 50%,pink 80%,pink 100%);background-size:auto 180px;background-position:left 0%}._toggle_1xntp_1._equal_1xntp_226 input+._slider_1xntp_38{background:linear-gradient(45deg,var(--color-primary-2) 0%,var(--color-primary-7) 20%,var(--color-primary-13) 45%,var(--color-primary-19) 100%);background-size:auto 180px;background-position:left 0%}._light_1xntp_58._toggle_1xntp_1 input+._slider_1xntp_38{background:linear-gradient(45deg,var(--color-primary-15) 0%,var(--color-primary-12) 30%,var(--color-primary-7) 40%,var(--color-primary-2) 60%,pink 80%,pink 100%);background-size:auto 180px;background-position:left 0%}._light_1xntp_58._toggle_1xntp_1._equal_1xntp_226 input+._slider_1xntp_38{background:linear-gradient(45deg,var(--color-primary-14) 0%,var(--color-primary-9) 60%,var(--color-primary-8) 70%,var(--color-primary-2) 100%);background-size:auto 180px;background-position:left 0%}._toggle_1xntp_1 input:checked+._slider_1xntp_38,._toggle_1xntp_1._equal_1xntp_226 input:checked+._slider_1xntp_38{background-position:left 100%}._toggle_1xntp_1 input:hover+._slider_1xntp_38,._toggle_1xntp_1 input:hover~._labels_1xntp_152:before,._toggle_1xntp_1._equal_1xntp_226 input:hover+._slider_1xntp_38,._toggle_1xntp_1._equal_1xntp_226 input:hover~._labels_1xntp_152:before{color:var(--color-primary-1);background-position:left 50%}._light_1xntp_58._toggle_1xntp_1 input~._labels_1xntp_152:before,._light_1xntp_58._toggle_1xntp_1._equal_1xntp_226 input~._labels_1xntp_152:before{color:var(--color-primary-1)}._light_1xntp_58._toggle_1xntp_1 input:hover+._slider_1xntp_38,._light_1xntp_58._toggle_1xntp_1 input:hover~._labels_1xntp_152:before,._light_1xntp_58._toggle_1xntp_1._equal_1xntp_226 input:hover+._slider_1xntp_38,._light_1xntp_58._toggle_1xntp_1._equal_1xntp_226 input:hover~._labels_1xntp_152:before{color:var(--color-primary-19);background-position:left 50%}
