:root{--sq-foot-text:#f0e8d8;--sq-foot-ink:#100f0d;--sq-foot-glass:rgba(16,15,13,0.55);--sq-foot-scrim:rgba(16,15,13,0.6);--sq-foot-hairline:rgba(240,232,216,0.22);--sq-foot-track:rgba(240,232,216,0.28)}.sq-sound{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 10px;border-radius:999px;border:.5px solid var(--sq-foot-hairline);font:inherit;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;background:var(--sq-foot-glass);color:var(--sq-foot-text);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .12s ease}.sq-sound[data-sound=off]{background:var(--sq-foot-text);color:var(--sq-foot-ink);border-color:var(--sq-foot-text)}.sq-sound:focus-visible{outline:2px solid var(--sq-foot-text);outline-offset:2px}.sq-sound--tile{position:relative;z-index:2;opacity:0;pointer-events:none}.sq-tile-wrap:focus-within .sq-sound--tile,.sq-tile-wrap:hover .sq-sound--tile{opacity:1;pointer-events:auto}@media (hover:none),(pointer:coarse){.sq-sound--tile{display:none}}@media (prefers-reduced-motion:reduce){.sq-sound{transition:none}}