.og-radio{margin-bottom:clamp(40px,6vw,72px)}.og-radio__stage{border-radius:20px;outline:none;height:clamp(300px,40svh,380px);position:relative;container-type:inline-size}.og-radio__stage>.og-listen{height:100%;min-height:0}.og-radio__stage .og-listen__stage{touch-action:pan-y}.og-radio__stage .og-listen{grid-template-rows:minmax(0,1fr) auto auto}.og-radio__stage .og-listen__note{white-space:normal;text-align:center;grid-row:2;justify-self:center;margin:0 16px 10px;position:static;translate:none}.og-radio__stage .og-listen__dock{grid-row:3}.og-radio__stage .og-listen__play{color:#0a0a0a;background:#f7f7f5;box-shadow:inset 0 2px #fff,inset 0 -.5px 2px #00000029,0 0 0 1px #ffffff38}.og-radio-visualizer{color:#f5f5f3;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:12px;overflow:hidden;container-type:inline-size}.og-radio-visualizer::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040406f0}.og-radio-visualizer>.og-listen{height:100%;min-height:0}:root:has(.og-radio-visualizer[open]:not([data-modal=false])){overflow:hidden}@media (prefers-reduced-motion:no-preference){.og-radio-visualizer{opacity:1;transition-property:opacity,overlay,display;transition-duration:var(--mDialog,.22s);transition-timing-function:var(--ease,ease-out);transition-behavior:allow-discrete}.og-radio-visualizer>.og-listen{transition:scale var(--mDialog,.22s) var(--ease,ease-out);scale:1}.og-radio-visualizer:not([open]){opacity:0;transition-duration:var(--mMenu,.16s)}.og-radio-visualizer::backdrop{opacity:1;transition-property:opacity,overlay,display;transition-duration:var(--mDialog,.22s);transition-timing-function:var(--ease,ease-out);transition-behavior:allow-discrete}.og-radio-visualizer:not([open])::backdrop{opacity:0;transition-duration:var(--mMenu,.16s)}@starting-style{.og-radio-visualizer[open]{opacity:0}.og-radio-visualizer[open]>.og-listen{scale:.96}.og-radio-visualizer[open]::backdrop{opacity:0}}}.og-radio-visualizer[data-modal=false]{z-index:1000;border-radius:20px;width:min(560px,100vw - 32px);height:min(480px,100dvh - 108px);padding:0;position:fixed;inset:auto 16px 76px auto;box-shadow:0 16px 48px #0000004d}
