/* Keep slider tracks inside the page and give live shows the station record style. */
.nx-slider{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.nx-live-takeover,.nx-live-copy,.nx-slide{min-width:0;max-width:100%;box-sizing:border-box}
.nx-live-art{width:90%;max-width:540px;max-height:none;justify-self:center;margin:0;aspect-ratio:1}
.nx-live-picture{background:repeating-radial-gradient(circle,#1a1920 0 1px,#09090c 2px 5px);border-color:#19191d}
.nx-live-bars{background:transparent;box-shadow:none;backdrop-filter:none;border-radius:0;padding:0 5px;transform:rotate(-12deg);bottom:16%;width:68%;left:16%;height:52px}
.nx-live-bars i{border-radius:2px;background:linear-gradient(0deg,var(--live-accent) 10%,#fff9b0 66%,#b98cff);max-width:9px}
.nx-live-ring-a:before,.nx-live-ring-b:before{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--live-accent);box-shadow:0 0 18px 4px var(--live-accent)}
.nx-live-ring-b:before{background:#b998ff;box-shadow:0 0 18px 4px #b998ff}
@media(max-width:700px){
 /* Reserve space for all outer rings rather than positioning them off screen. */
 .nx-brand-slide .nx-hero-art--electric{right:0;width:90%;max-width:440px;top:8px;transform:perspective(900px) rotateY(-12deg) rotate(-10deg)}
 .nx-live-takeover{display:block;position:relative;padding:22px 0 26px;min-height:0;isolation:isolate}
 .nx-live-takeover:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.25) 58%,transparent),linear-gradient(0deg,var(--bg),transparent 55%)}
 .nx-live-copy{position:relative;z-index:2;min-height:395px}
 .nx-live-copy h2{font-size:clamp(42px,12vw,76px);max-width:100%;margin:20px 0 14px;text-shadow:0 2px 18px #0009}
 .nx-live-show{font-size:clamp(18px,5vw,25px);margin-bottom:150px;text-shadow:0 1px 12px #000}
 .nx-slider.has-live-takeover .nx-live-art{position:absolute;z-index:0;pointer-events:none;top:40px;right:2%;width:88%;max-width:390px;max-height:none;margin:0;rotate:-10deg}
 .nx-live-art-label{font-size:8px;right:9%;top:5%}
 .nx-live-actions{gap:9px;max-width:100%}
 .nx-live-actions .button{min-width:0;max-width:100%;font-size:11px;padding:12px 14px;white-space:normal;overflow-wrap:anywhere}
 .nx-live-back{max-width:100%;white-space:normal}
 .nx-live-footer{margin-top:25px;line-height:1.6;font-size:8px;letter-spacing:.08em}
 .nx-live-bars{height:36px}
}