.toggle-container{--knob-size:1.45em;--lever-angle:28deg;--lever-ease:cubic-bezier(.65, 1.35, .5, 1);--lever-speed:.34s;--slot-off-top:#9cc8f2;--slot-off-bottom:#4a86c6;--slot-on-top:#8fd39a;--slot-on-bottom:#3f8a4a;--pivot-bottom:.82em;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:flex-end;width:4.6em;height:4.7em;font-size:12px;display:inline-flex;position:relative}.toggle-input{z-index:4;opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.toggle-handle-wrapper{z-index:2;left:50%;bottom:var(--pivot-bottom);pointer-events:none;width:0;height:0;position:absolute}.toggle-handle{bottom:0;left:calc(var(--knob-size) / -2);width:var(--knob-size);transform-origin:50% 100%;transform:rotate(calc(var(--lever-angle) * -1));transition:transform var(--lever-speed) var(--lever-ease);flex-direction:column;align-items:center;display:flex;position:absolute}.toggle-handle-knob{z-index:1;width:var(--knob-size);height:var(--knob-size);transform:rotate(calc(var(--lever-angle) * 2));transition:transform var(--lever-speed) var(--lever-ease);background-image:radial-gradient(circle at 34% 28%,#ffe9df 0 6%,#f58d6f 18%,#e05a3a 48%,#a93a22 82%,#8c2e1b 100%);border-radius:50%;position:relative;box-shadow:0 .18em .35em #280c0666,inset 0 -.12em .22em #3c0e0659,inset 0 .08em .1em #ffe6dc80}.toggle-handle-bar-wrapper{border-radius:0 0 .2em .2em;width:.38em;height:2.35em;margin-top:-.3em;position:relative;overflow:hidden}.toggle-handle-bar{transition:background-position var(--lever-speed);background-image:linear-gradient(90deg,#5f5d60,#9d9ca0 22%,#f4f5f7 46% 54%,#9d9ca0 78%,#5f5d60);background-position-x:.05em;background-size:130% 100%;position:absolute;inset:0}.toggle-base{z-index:1;box-sizing:border-box;background-image:linear-gradient(#fffffff5,#e2e8f0eb);border-radius:3em;width:4.4em;height:1.64em;padding:.24em;transition:box-shadow .2s;position:relative;box-shadow:inset 0 .06em #fff,inset 0 -.08em .1em #14284a2e,0 .25em .55em #0a162c52,0 0 0 .04em #0a162c14}.toggle-base-inside{border-radius:inherit;background-image:linear-gradient(to bottom, var(--slot-off-bottom), var(--slot-off-top));width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 .18em .28em #00102861,inset 0 -.05em #ffffffb3}.toggle-base-inside:after{content:"";border-radius:inherit;background-image:linear-gradient(to bottom, var(--slot-on-bottom), var(--slot-on-top));opacity:0;transition:opacity var(--lever-speed);position:absolute;inset:0;box-shadow:inset 0 .18em .28em #00180861}.toggle-base-inside:before{content:"";z-index:1;background:#0612249e;border-radius:1em;height:.3em;margin-top:-.15em;position:absolute;top:50%;left:22%;right:22%;box-shadow:0 .04em #ffffff59}.toggle-container:after{content:"";z-index:3;left:50%;bottom:calc(var(--pivot-bottom) - .16em);pointer-events:none;background:radial-gradient(at 50% 35%,#d9dde3,#7d8590 70%,#545b66);border-radius:50%;width:.62em;height:.32em;margin-left:-.31em;position:absolute;box-shadow:0 .05em .08em #00000073}.toggle-input:checked+.toggle-handle-wrapper .toggle-handle{transform:rotate(var(--lever-angle))}.toggle-input:checked+.toggle-handle-wrapper .toggle-handle-knob{transform:rotate(calc(var(--lever-angle) * -2))}.toggle-input:checked+.toggle-handle-wrapper .toggle-handle-bar{background-position-x:-.05em}.toggle-input:checked~.toggle-base .toggle-base-inside:after{opacity:1}.toggle-input:hover+.toggle-handle-wrapper .toggle-handle-knob{filter:brightness(1.07)}.toggle-input:active+.toggle-handle-wrapper .toggle-handle{transition-duration:.18s}.toggle-input:focus-visible~.toggle-base{box-shadow:0 0 0 .18em #fff,0 0 0 .36em #14284a}.toggle-input:disabled{cursor:not-allowed}.toggle-input:disabled~.toggle-base,.toggle-input:disabled+.toggle-handle-wrapper{opacity:.55}@media (prefers-reduced-motion:reduce){.toggle-container{--lever-speed:0s}}