html.idle-motion .layer{transition:translate 1100ms cubic-bezier(.2,.7,.2,1)}
html.is-idle .layer{translate:0 var(--idle-shift,0px)}
html.is-idle #toggle{animation:idle-pulse 3.2s ease-in-out infinite}
@keyframes idle-pulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
html.is-idle .layer .identity,html.is-idle .layer .sound-choice,html.is-idle .layer .sound-timer,html.is-idle .layer .sound-curve,html.is-idle .layer .note{clip-path:inset(50% 0 50% 0);filter:brightness(2.6);transition:clip-path 250ms ease-in,filter 250ms ease-in,visibility 0s linear 250ms}
html.is-idle .layer .sound-choice,html.is-idle .layer .sound-curve,html.is-idle .layer .note{visibility:hidden}
html.is-waking .layer .identity{transition:clip-path 750ms cubic-bezier(.3,.8,.3,1),filter 1200ms ease-out,opacity 900ms ease}
html.is-waking .layer .sound-choice{transition:clip-path 750ms cubic-bezier(.3,.8,.3,1) 280ms,filter 1200ms ease-out 280ms,visibility 0s linear 280ms}
html.is-waking .layer .sound-timer{transition:clip-path 750ms cubic-bezier(.3,.8,.3,1) 450ms,filter 1200ms ease-out 450ms}
html.is-waking .layer .sound-curve,html.is-waking .layer .note{transition:clip-path 750ms cubic-bezier(.3,.8,.3,1) 620ms,filter 1200ms ease-out 620ms,visibility 0s linear 620ms}
html.is-idle .sound-policy{opacity:0;visibility:hidden;transition:opacity 250ms ease,visibility 0s linear 250ms}
html.is-waking .sound-policy{transition:opacity 900ms ease 1500ms,visibility 0s linear 1500ms}
.sound-presets{position:relative}
.sound-presets::after{content:"Silence is intentional.";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#505967;font-family:Montserrat,sans-serif;font-size:.6rem;font-weight:400;letter-spacing:.13em;pointer-events:none;opacity:0;transition:opacity 250ms ease}
html.is-idle .sound-presets::after{opacity:1;transition:opacity 600ms ease 300ms}
@media(prefers-reduced-motion:reduce){
html.is-idle #toggle{animation:none}
html.idle-motion .layer{transition:none}
html.is-idle .layer .identity,html.is-idle .layer .sound-choice,html.is-idle .layer .sound-timer,html.is-idle .layer .sound-curve,html.is-idle .layer .note{clip-path:none;filter:none;opacity:0;transition:none}
html.is-waking .layer .identity,html.is-waking .layer .sound-choice,html.is-waking .layer .sound-timer,html.is-waking .layer .sound-curve,html.is-waking .layer .note{transition:opacity 500ms ease}
html.is-waking .sound-policy{transition:opacity 500ms ease 600ms}
}