.sound-toggle.svelte-wwq073{-webkit-tap-highlight-color:transparent;--slide-ease: cubic-bezier(.4, -.3, .6, 1.3);--easing: var(--slide-ease);--speed: .5s;--width: clamp(46px, 8vw, 72px);--ar: 8 / 3;--disc-on: hsl(45 80% 55%);--disc-off: hsl(215 15% 75%);width:var(--width);aspect-ratio:var(--ar);border-radius:100vh;border:0;position:relative;padding:0;overflow:hidden;cursor:pointer;transition:background var(--speed) var(--easing);background:hsl(calc(204 + (var(--dark) * 25) + (var(--on) * -9)) calc((53 - (var(--dark) * 28) + (var(--on) * 15)) * 1%) calc((47 - (var(--dark) * 31) + (var(--on) * -6)) * 1%));box-shadow:calc(var(--width) * 0) calc(var(--width) * .02) calc(var(--width) * .01) calc(var(--width) * -.0025) #fffffff2,calc(var(--width) * 0) calc(var(--width) * -.02) calc(var(--width) * .01) calc(var(--width) * -.0025) #171a1c33,calc(var(--width) * 0) calc(var(--width) * .02) calc(var(--width) * .5) 0 #ffffff26;isolation:isolate;will-change:transform;transform:translateZ(0);z-index:10}.sound-toggle.svelte-wwq073:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:calc(var(--width) * 0) calc(var(--width) * -.025) calc(var(--width) * .025) 0 #171a1c26 inset,calc(var(--width) * 0) calc(var(--width) * .025) calc(var(--width) * .025) 0 #171a1ca6 inset;border-radius:100vh;pointer-events:none}.stoggle__content.svelte-wwq073{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:100vh;display:block;clip-path:inset(0 0 0 0 round 100vh);container-type:inline-size}.stoggle__backdrop.svelte-wwq073{overflow:visible!important;position:absolute;bottom:0;width:100%;left:0}.stoggle__backdrop.svelte-wwq073:first-of-type{transition:translate var(--speed) var(--easing);translate:0 calc(var(--on) * (100% - (3 / 8 * var(--width))))}.zzz-marks.svelte-wwq073{fill:#ffffffd9}.zzz-marks.svelte-wwq073 text:where(.svelte-wwq073):nth-child(1){opacity:.9}.zzz-marks.svelte-wwq073 text:where(.svelte-wwq073):nth-child(2){opacity:.7}.zzz-marks.svelte-wwq073 text:where(.svelte-wwq073):nth-child(3){opacity:.5}.notes.svelte-wwq073 g:where(.svelte-wwq073){transform-box:fill-box;transform-origin:50% 50%}.notes.svelte-wwq073 path:where(.svelte-wwq073){transform-box:fill-box;transform-origin:25% 50%;scale:calc(.25 + (var(--on) * .75));transition:scale var(--speed) calc(var(--speed) * .5) var(--easing)}[aria-pressed=false].svelte-wwq073 .notes:where(.svelte-wwq073) path:where(.svelte-wwq073){transition-delay:0s}.notes.svelte-wwq073 g:where(.svelte-wwq073):nth-child(2){animation:svelte-wwq073-note-twinkle 4s -2s infinite}.notes.svelte-wwq073 g:where(.svelte-wwq073):nth-child(6){animation:svelte-wwq073-note-twinkle 5s -1s infinite}.notes.svelte-wwq073 g:where(.svelte-wwq073):nth-child(9){animation:svelte-wwq073-note-twinkle 4.5s -3s infinite}.notes.svelte-wwq073 g:where(.svelte-wwq073):nth-child(4){animation:svelte-wwq073-note-twinkle 6s -.5s infinite}@keyframes svelte-wwq073-note-twinkle{0%,40%,60%,to{transform:scale(1)}50%{transform:scale(0)}}[aria-pressed=false].svelte-wwq073 .zzz-marks:where(.svelte-wwq073) text:where(.svelte-wwq073):nth-child(1){animation:svelte-wwq073-zzz-float 3s 0s ease-in-out infinite}[aria-pressed=false].svelte-wwq073 .zzz-marks:where(.svelte-wwq073) text:where(.svelte-wwq073):nth-child(2){animation:svelte-wwq073-zzz-float 3.5s .4s ease-in-out infinite}[aria-pressed=false].svelte-wwq073 .zzz-marks:where(.svelte-wwq073) text:where(.svelte-wwq073):nth-child(3){animation:svelte-wwq073-zzz-float 2.8s .8s ease-in-out infinite}@keyframes svelte-wwq073-zzz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}[aria-pressed=false].svelte-wwq073 .stoggle__backdrop:where(.svelte-wwq073):first-of-type{transition-timing-function:cubic-bezier(.2,-.6,.7,1.6)}.stoggle__indicator-wrapper.svelte-wwq073{position:absolute;top:0;right:0;bottom:0;left:0}.stoggle__indicator.svelte-wwq073{height:100%;aspect-ratio:1;border-radius:0%;display:grid;place-items:center;padding:3%;transition:translate var(--speed) var(--slide-ease);translate:calc(var(--on) * (100cqi - 100%)) 0}.stoggle__star.svelte-wwq073{height:100%;aspect-ratio:1;border-radius:50%;position:relative;transition:translate var(--speed) var(--easing);translate:calc((var(--on) * -10%) + 5%) 0}.stoggle__star.svelte-wwq073:before{content:"";z-index:-1;width:356%;background:radial-gradient(hsl(195 80% 60% / calc(.15 + (var(--on) * .15))) 40%,transparent 40.5%),radial-gradient(hsl(195 80% 60% / calc(.1 + (var(--on) * .2))) 56%,transparent 56.5%) hsl(195 80% 60% / calc(.05 + (var(--on) * .15)));border-radius:50%;aspect-ratio:1;position:absolute;top:50%;left:50%;transition:translate var(--speed) var(--easing);translate:calc((50 - (var(--on) * 4)) * -1%) -50%}.stoggle__star.svelte-wwq073:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#00000080;filter:blur(4px);translate:2% 4%;border-radius:50%;z-index:-1}.stoggle__disc.svelte-wwq073{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--disc-on);transition:background var(--speed) var(--easing);box-shadow:calc(var(--width) * .01) calc(var(--width) * .01) calc(var(--width) * .02) 0 #fffffff2 inset,calc(var(--width) * -.01) calc(var(--width) * -.01) calc(var(--width) * .02) 0 #2e333880 inset}.mute-slash.svelte-wwq073{position:absolute;top:-1%;right:-1%;bottom:-1%;left:-1%;border-radius:50%;background:var(--disc-off);transition:translate var(--speed) ease-in-out;translate:calc(var(--on) * 100%) 0%;box-shadow:calc(var(--width) * .01) calc(var(--width) * .01) calc(var(--width) * .02) 0 #fffffff2 inset,calc(var(--width) * -.01) calc(var(--width) * -.01) calc(var(--width) * .02) 0 #171a1cf2 inset}.mute-slash.svelte-wwq073:after{content:"";position:absolute;top:50%;left:10%;width:80%;height:12%;background:#dd3c3c;border-radius:100vh;transform:translateY(-50%) rotate(-45deg);box-shadow:0 1px 2px #0000004d}.stoggle__speaker.svelte-wwq073{width:55%;height:55%;fill:none;stroke:none;position:relative;z-index:1}.speaker-body.svelte-wwq073{fill:hsl(calc(40 - (var(--on) * 20)) calc((20 + (var(--on) * 50)) * 1%) calc((25 + (var(--on) * 10)) * 1%));transition:fill var(--speed) var(--easing)}.sound-toggle.svelte-wwq073:focus-visible{outline:3px solid rgba(0,176,255,.4);outline-offset:3px}@media(prefers-reduced-motion:reduce){.sound-toggle.svelte-wwq073,.stoggle__backdrop.svelte-wwq073,.stoggle__indicator.svelte-wwq073,.stoggle__star.svelte-wwq073,.stoggle__star.svelte-wwq073:before,.stoggle__disc.svelte-wwq073,.mute-slash.svelte-wwq073,.notes.svelte-wwq073 path:where(.svelte-wwq073),.notes.svelte-wwq073 g:where(.svelte-wwq073),.zzz-marks.svelte-wwq073 text:where(.svelte-wwq073),.speaker-body.svelte-wwq073{transition:none!important;animation:none!important}}