.sound-toggle{align-items:center;color:#eee;-moz-column-gap:1.2rem;column-gap:1.2rem;display:flex;pointer-events:none;position:fixed;right:2.8rem;top:3.2rem;z-index:80}@media (min-width:1024px){.sound-toggle{right:6.4rem;top:5rem}}.sound-toggle--visible{pointer-events:auto}.sound-toggle__label-wrapper{display:flex;padding-left:.5em;position:relative;white-space:nowrap}.sound-toggle__label-inner{display:flex;opacity:0;transform:translateY(100%);transition:transform .8s cubic-bezier(.9,0,.1,1) .3s,opacity .6s linear .3s}.sound-toggle--visible .sound-toggle__label-inner{opacity:1;transform:translateY(0)}.sound-toggle__label{display:inline-flex;transition:transform .8s cubic-bezier(.14,1,.34,1)}.sound-toggle--active .sound-toggle__label{transform:translateX(.5em)}.sound-toggle__label-status{transition:transform .8s cubic-bezier(.14,1,.34,1)}.sound-toggle__label-status--off{display:inline-flex}.sound-toggle--active .sound-toggle__label-status--off{transform:translateY(-100%)}.sound-toggle__label-status--on{position:absolute;right:0;top:0;transform:translateY(100%)}.sound-toggle--active .sound-toggle__label-status--on{transform:translateY(0)}.sound-toggle__svg{clip-path:inset(0 100% 0 0);color:#9bb8e1;height:.7rem;opacity:0;transition:opacity .6s linear .5s,clip-path .8s cubic-bezier(.9,0,.1,1) .5s;width:2.4rem}.sound-toggle--visible .sound-toggle__svg{clip-path:inset(0 0 0 0);opacity:1}