.auto-advance-demo-module__VBhp3a__demo{background:#16161d;border:1px solid #ffffff1f;border-radius:16px;width:100%;margin:0;overflow:hidden;box-shadow:0 28px 70px #00000094;container:auto-demo/inline-size}.auto-advance-demo-module__VBhp3a__screen{aspect-ratio:16/6;background:radial-gradient(at 70% 20%,#fbbf2429,#0000 60%),radial-gradient(at 20% 90%,#00ccbe33,#0000 55%),#0b0b12;border-bottom:1px solid #ffffff14;place-items:center;padding:24px;display:grid}.auto-advance-demo-module__VBhp3a__lyrics{text-align:center;color:#fff;text-shadow:0 2px 14px #0000008c;flex-direction:column;align-items:center;gap:4px;min-height:2.5em;font-size:clamp(16px,4cqi,28px);font-weight:600;line-height:1.25;animation:.36s ease-out both auto-advance-demo-module__VBhp3a__lyricsIn;display:flex}@keyframes auto-advance-demo-module__VBhp3a__lyricsIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auto-advance-demo-module__VBhp3a__bar{background:#00ccbe0f;border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.auto-advance-demo-module__VBhp3a__play{color:#00ccbe;height:26px;font:inherit;cursor:pointer;background:#00ccbe24;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.auto-advance-demo-module__VBhp3a__playOn{color:#04201e;background:#00ccbe}.auto-advance-demo-module__VBhp3a__play svg{width:12px;height:12px}.auto-advance-demo-module__VBhp3a__status{color:#ffffff8c;font-variant-numeric:tabular-nums;font-size:12px}.auto-advance-demo-module__VBhp3a__tempo{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.auto-advance-demo-module__VBhp3a__icon{color:#ffffffb3;width:26px;height:26px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:15px;display:inline-grid}.auto-advance-demo-module__VBhp3a__icon:hover,.auto-advance-demo-module__VBhp3a__tap:hover{background:#ffffff14}.auto-advance-demo-module__VBhp3a__icon svg{width:13px;height:13px}.auto-advance-demo-module__VBhp3a__bpm{text-align:center;color:#fff;font-variant-numeric:tabular-nums;min-width:4.6em;font-size:12px;font-weight:600}.auto-advance-demo-module__VBhp3a__bpmChanged{color:#00ccbe}.auto-advance-demo-module__VBhp3a__tap{color:#ffffffbf;height:26px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:12px;font-weight:600}.auto-advance-demo-module__VBhp3a__play:focus-visible,.auto-advance-demo-module__VBhp3a__icon:focus-visible,.auto-advance-demo-module__VBhp3a__tap:focus-visible{outline-offset:2px;outline:2px solid #00ccbe}.auto-advance-demo-module__VBhp3a__timing{padding:14px 16px 6px}.auto-advance-demo-module__VBhp3a__timingTitle{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 8px;font-size:10px;font-weight:600;display:flex}.auto-advance-demo-module__VBhp3a__timingTitle span{color:#fff6;letter-spacing:0;text-transform:none;font-weight:500}.auto-advance-demo-module__VBhp3a__rows{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.auto-advance-demo-module__VBhp3a__row{color:#ffffffb3;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:6px 10px;font-size:12px;display:flex}.auto-advance-demo-module__VBhp3a__row>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.auto-advance-demo-module__VBhp3a__row strong{color:#ffffffe6;font-weight:600}.auto-advance-demo-module__VBhp3a__rowLive{background:#00ccbe14;border-color:#00ccbe73}.auto-advance-demo-module__VBhp3a__time{color:#ffffff8c;font-variant-numeric:tabular-nums;flex-shrink:0}.auto-advance-demo-module__VBhp3a__caption{color:#9494a7;padding:8px 16px 16px;font-size:11px;line-height:1.6}@media (prefers-reduced-motion:reduce){.auto-advance-demo-module__VBhp3a__lyrics{animation:none}}