.sound-toggle{--sound-size:40px;--sound-ink:#1b1540;--sound-paper:#fffdf6;--sound-cyan:#62e3ff;--sound-pink:#ff4fa6;top:max(calc(var(--orb-inset,17px) + (var(--orb-size,81px) - var(--sound-size)) / 2), env(safe-area-inset-top,0px));right:max(calc(var(--orb-inset,17px) + 4px), env(safe-area-inset-right,0px));z-index:20;width:var(--sound-size);height:var(--sound-size);border:2.5px solid var(--sound-ink);background:var(--sound-paper);color:var(--sound-ink);box-shadow:3px 3px 0 0 var(--sound-cyan), -2px -2px 0 0 var(--sound-pink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease-out;display:grid;position:fixed;transform:rotate(-4deg)}.sound-toggle:after{content:"";border-radius:50%;position:absolute;inset:-7px}.sound-toggle svg{width:64%;height:64%;display:block;overflow:visible}.sound-toggle path{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.sound-toggle .sound-toggle__body{fill:currentColor}.sound-toggle__wave,.sound-toggle__x{transform-box:fill-box;transform-origin:0;transition:opacity .2s ease-out,transform .35s cubic-bezier(.34,1.56,.64,1)}.sound-toggle__wave--2{transition-delay:50ms}.sound-toggle[aria-pressed=false]:not(.is-pending) .sound-toggle__wave,.sound-toggle[aria-pressed=true] .sound-toggle__x,.sound-toggle.is-pending .sound-toggle__x{opacity:0;transform:scale(.3)}.sound-toggle:hover,.sound-toggle:focus-visible{box-shadow:4px 4px 0 0 var(--sound-cyan), -3px -3px 0 0 var(--sound-pink);transform:rotate(4deg)scale(1.08)}.sound-toggle:active{box-shadow:1px 1px 0 0 var(--sound-cyan), -1px -1px 0 0 var(--sound-pink);transform:rotate(0)scale(.92)}.sound-toggle:focus-visible{outline:3px solid var(--white,#f6f6f4);outline-offset:4px}.sound-toggle.is-pending .sound-toggle__wave{animation:1.4s ease-in-out infinite sound-toggle-wait}.sound-toggle.is-pending .sound-toggle__wave--2{animation-delay:.2s}@keyframes sound-toggle-wait{50%{opacity:.2}}@media (max-width:600px){.sound-toggle{--sound-size:36px}}@media (prefers-reduced-motion:reduce){.sound-toggle,.sound-toggle *{transition:none}.sound-toggle.is-pending .sound-toggle__wave{opacity:.45;animation:none}}@media (min-width:700px){body:has(.tp-dfwv) .sound-toggle{right:324px}}