.bt-lights{--beat:0;--bt-accent:var(--slapp);--bt-glow:#ffd23f;--bt-lamp:#ffb22e;pointer-events:none;border-radius:5.9%/3.37%;position:absolute;inset:0;container-type:inline-size}.bt-lights-front{opacity:0;box-shadow:0 0 calc(10px + 34px * var(--beat)) calc(1px + 5px * var(--beat)) color-mix(in srgb, var(--bt-accent) 70%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--bt-accent) calc(30% + 50% * var(--beat)), transparent);transition:opacity .32s}.bt-lights-front[data-playing]{opacity:1}.bt-lamp,.bt-knob,.bt-glyph{opacity:0;mix-blend-mode:screen;border-radius:50%;transition:opacity .26s;position:absolute}.bt-lamp{background:radial-gradient(circle at 42% 38%, #fff6d8 0%, var(--bt-lamp) 38%, transparent 72%);box-shadow:0 0 calc(6px + 22px * var(--beat)) calc(2px * var(--beat)) var(--bt-lamp)}.bt-knob{background:radial-gradient(circle, color-mix(in srgb, var(--bt-accent) 70%, #fff) 0%, transparent 70%);box-shadow:0 0 calc(4px + 14px * var(--beat)) var(--bt-accent)}.bt-glyph{background:radial-gradient(closest-side, color-mix(in srgb, var(--bt-glow) 60%, transparent), transparent);border-radius:40%}.bt-lights-back[data-playing] .bt-lamp{opacity:calc(.45 + .55 * var(--beat))}.bt-lights-back[data-playing] .bt-knob{opacity:calc(.2 + .6 * var(--beat))}.bt-lights-back[data-playing] .bt-glyph{opacity:calc(.15 + .7 * var(--beat))}.bt-display{box-shadow:inset 0 0 calc(2px + 6px * var(--beat)) color-mix(in srgb, var(--bt-glow) 45%, transparent);background:#030303;border-radius:3.5cqw/1.2cqw;align-items:center;display:flex;position:absolute;overflow:hidden}.bt-display-text{white-space:nowrap;color:var(--bt-glow);letter-spacing:.4cqw;text-transform:uppercase;text-shadow:0 0 calc(2px + 6px * var(--beat)) var(--bt-glow);padding-left:100%;font:700 4.5cqw/1 JetBrains Mono,Space Mono,ui-monospace,monospace;animation:9s linear infinite bt-display-scroll;display:inline-block}@keyframes bt-display-scroll{to{transform:translate(-100%)}}.bt-big-button{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;padding:0;transition:box-shadow .2s,background-color .2s;position:absolute}.bt-big-button:hover{background:#ffffff14}.bt-big-button:focus-visible{outline:2px solid var(--slapp);outline-offset:3px}.bt-lights-back[data-playing] .bt-big-button{background:radial-gradient(circle, color-mix(in srgb, var(--bt-accent) calc(10% + 30% * var(--beat)), transparent) 0%, transparent 72%);box-shadow:0 0 calc(6px + 26px * var(--beat)) calc(1px + 4px * var(--beat)) color-mix(in srgb, var(--bt-accent) 80%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--bt-accent) 70%, transparent)}@media (prefers-reduced-motion:reduce){.bt-lights,.bt-lights *{transition:none}.bt-display-text{text-overflow:ellipsis;text-align:center;width:100%;padding-left:0;animation:none;overflow:hidden}}