.styles_toggle__2MZRa{--font-size:48px;--step:0.5s;--ease:linear(0 0%,0.2342 12.49%,0.4374 24.99%,0.6093 37.49%,0.6835 43.74%,0.7499 49.99%,0.8086 56.25%,0.8593 62.5%,0.9023 68.75%,0.9375 75%,0.9648 81.25%,0.9844 87.5%,0.9961 93.75%,1 100%);--offset:calc(var(--step) * 0.5);--button-light:hsl(223 4% 73%);--button-dark:hsl(220 27% 6%);background:#0000;font-size:var(--font-size);height:3em;padding:0;border-radius:3em;border:0;aspect-ratio:1.8/1;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.styles_toggle__2MZRa *{box-sizing:border-box}.styles_toggle__2MZRa .face,.styles_toggle__2MZRa .socket{position:absolute;border-radius:3em}.styles_toggle__2MZRa .socket{box-shadow:-.05em .1em .2em -.2em white;background:hsl(0 0% 0%);position:relative;inset:0;transition-property:background-color,box-shadow;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa[aria-pressed=true] .socket{background:hsl(0 0% 90%);box-shadow:-.025em .08em .2em -.1em white}.styles_toggle__2MZRa .socket-shadow{position:absolute;inset:0 0;opacity:0;border-radius:inherit;box-shadow:0 .075em .1em 0 white;transition-property:opacity;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa[aria-pressed=true] .socket-shadow{opacity:1}.styles_toggle__2MZRa .face{inset:.15em;scale:1;transition-property:scale;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa[aria-pressed=true] .face{scale:1.12}.styles_toggle__2MZRa .face-shadow,.styles_toggle__2MZRa .face-shadow:after,.styles_toggle__2MZRa .face-shadow:before{position:absolute;inset:0;border-radius:inherit;transition-property:opacity,translate,filter,scale;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa .face-shadow:after,.styles_toggle__2MZRa .face-shadow:before{content:""}.styles_toggle__2MZRa .face-shadow:before{background:black}.styles_toggle__2MZRa .face-shadow:after{background:white;scale:.5}.styles_toggle__2MZRa[aria-pressed=true] .face-shadow:before{translate:-15% 55%;filter:blur(1em);opacity:.35}.styles_toggle__2MZRa[aria-pressed=true] .face-shadow:after{filter:blur(.5em);scale:1}.styles_toggle__2MZRa .face-plate{position:absolute;inset:0;border-radius:inherit;box-shadow:inset -.05em .1em .2em -.2em white;background:conic-gradient(from 45deg,#0000,hsl(0 0% 100%/.05)),var(--button-dark);transition-property:background-color;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa[aria-pressed=true] .face-plate{background:conic-gradient(from 45deg,#0000,hsl(0 0% 100%/.05)),var(--button-light)}.styles_toggle__2MZRa .face-shine{position:absolute;inset:0;opacity:0;border-radius:3em;transition-property:opacity;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa[aria-pressed=true] .face-shine{opacity:1}.styles_toggle__2MZRa .face-shine-shadow{position:absolute;inset:0;border-radius:inherit;mask:conic-gradient(from 0deg,#fff 90deg,#0000 110deg 200deg,#fff 215deg 280deg,#0000 315deg);box-shadow:inset .075em 0 .025em -.025em hsl(0 0% 0%/.5),inset -.075em -.05em .025em -.025em hsl(0 0% 0%/.5)}.styles_toggle__2MZRa .face-shine:before{content:"";position:absolute;inset:.05em;border-radius:3em;box-shadow:inset 0 -.05em .025em -.025em hsl(0 0% 50%/.5),inset -.025em .05em .025em -.025em hsl(0 0% 100%/.5)}.styles_toggle__2MZRa .face-shine:after{content:"";position:absolute;inset:0;background:conic-gradient(from 45deg,#0000,hsl(0 0% 100%/.25));border-radius:3em}.styles_toggle__2MZRa .face-glowdrop{position:absolute;inset:0;border-radius:inherit;scale:0;transition-property:scale;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa[aria-pressed=true] .face-glowdrop{scale:1}.styles_toggle__2MZRa .face-glowdrop:after,.styles_toggle__2MZRa .face-glowdrop:before{content:"";height:50%;aspect-ratio:1;background:#fff;filter:blur(6px);position:absolute;z-index:-1;border-radius:50%}.styles_toggle__2MZRa .face-glowdrop:before{left:4%;width:56%;translate:0 -25%}.styles_toggle__2MZRa .face-glowdrop:after{bottom:0;right:12%;width:34%;translate:0 20%}.styles_toggle__2MZRa .face-glows{position:absolute;inset:-.075em;opacity:0;border-radius:inherit;mix-blend-mode:plus-lighter;filter:blur(8px);z-index:20;mask:conic-gradient(from 280deg,#0000,#fff 20deg 45deg,#0000 95deg),conic-gradient(from 110deg,#0000,#fff 20deg,#0000 95deg);transition-property:opacity;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa[aria-pressed=true] .face-glows{opacity:1}.styles_toggle__2MZRa .face-glows div{position:absolute;inset:0;border-radius:inherit;filter:blur(4px);border:.1em solid white}.styles_toggle__2MZRa .face svg{--glow:hsl(182 90% 92%);width:25%;position:absolute;top:50%;left:50%;translate:-52% -48%;overflow:visible!important}.styles_toggle__2MZRa .face svg path{transform-box:fill-box;transform-origin:center center}.styles_toggle__2MZRa .glow{z-index:3;filter:drop-shadow(0 0 .2em var(--glow));will-change:opacity;opacity:0;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa .trail{stroke-dasharray:10 80;stroke-dashoffset:10;opacity:0;transition-property:stroke-dashoffset,opacity;transition-duration:calc(var(--step) * 3),calc(var(--step) * .5);transition-delay:var(--offset),calc(var(--offset) + (var(--step) * 2.5));transition-timing-function:var(--ease),linear(0 0,.0039 6.25%,.0156 12.5%,.0352 18.75%,.0625 25%,.0977 31.25%,.1407 37.5%,.1914 43.74%,.2499 49.99%,.3164 56.25%,.3906 62.5%,.5625 75%,.7656 87.5%,1 100%)}.styles_toggle__2MZRa[aria-pressed=true] .trail{transition:stroke-dashoffset 0s;opacity:1;stroke-dashoffset:-70}.styles_toggle__2MZRa .glow{opacity:1;transition-property:opacity;transition-duration:1.25s;transition-delay:var(--offset);transition-timing-function:linear(0 0,.0039 6.25%,.0156 12.5%,.0352 18.75%,.0625 25%,.0977 31.25%,.1407 37.5%,.1914 43.74%,.2499 49.99%,.3164 56.25%,.3906 62.5%,.5625 75%,.7656 87.5%,1 100%)}.styles_toggle__2MZRa[aria-pressed=true] .glow{opacity:0;transition-property:opacity;transition-duration:var(--step);transition-delay:0s;transition-timing-function:var(--ease)}.styles_toggle__2MZRa .outline{transition-property:stroke;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa[aria-pressed=true] .outline{stroke:hsl(0 0% 30%)}.styles_toggle__2MZRa .inner-bg{fill:black;transition-property:fill;transition-duration:var(--step);transition-timing-function:var(--ease)}.styles_toggle__2MZRa[aria-pressed=true] .inner-bg{fill:hsl(0 0% 20%)}.styles_toggle__2MZRa .trail-holder{z-index:2;filter:blur(10px)}.styles_toggle__2MZRa .trail-holder .trail{stroke-width:4}.styles_toggle__2MZRa .inner-face{fill:hsl(230 5% 80%)}.styles_toggle__2MZRa .glow-path{fill:var(--glow);stroke:var(--glow);opacity:1;stroke-width:0px}.styles_toggle__2MZRa:active .socket{box-shadow:-.045em .1em .2em -.15em white}.styles_toggle__2MZRa:active .face{scale:.99}