html.hx-listening-open body{padding-bottom:150px}[data-hx-listening]{position:relative;outline:2px solid color-mix(in srgb,var(--iq,#3397b9) 70%,transparent);outline-offset:10px;border-radius:6px;transition:outline-color var(--dur-3) var(--ease)}[data-hx-listening]:after{content:"♪ " attr(data-hx-listening);position:absolute;top:-32px;right:0;padding:3px 10px;border-radius:var(--radius-pill);background:var(--iq,#3397b9);color:#fff;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;animation:hxListenIn var(--dur-3) var(--ease);pointer-events:none}@keyframes hxListenIn{0%{opacity:0;transform:translateY(3px)}}@media (max-width:680px){html.hx-listening-open body{padding-bottom:190px}}@media (prefers-reduced-motion:reduce){[data-hx-listening]:after{animation:none}}