.xarr-player-view.has-vu .xarr-cover-wrap{width:clamp(165px,33vh,280px);margin-bottom:10px}.xarr-player-view.has-vu .xarr-track{min-height:88px}.xarr-vu{--vu-green:#00f52b;--vu-red:#ff1717;width:min(620px,94vw);margin:4px auto 9px;padding:6px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(0,0,0,.28);box-shadow:inset 0 0 22px rgba(0,0,0,.42);transition:opacity .2s}.xarr-vu-line{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:7px}.xarr-vu-line>b{color:#bfffc7;font:800 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}.xarr-vu-segments{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.xarr-vu-segments i{display:block;height:13px;border-radius:1px;opacity:var(--xarr-vu-idle,.1);transition:opacity 45ms linear,box-shadow 45ms linear,filter 45ms linear}.xarr-vu-segments i.is-green{background:var(--vu-green)}.xarr-vu-segments i.is-red{background:var(--vu-red)}.xarr-vu-segments i.is-on{opacity:1}.xarr-vu-segments i.is-green.is-on{box-shadow:0 0 7px rgba(0,245,43,.75);filter:saturate(1.25)}.xarr-vu-segments i.is-red.is-on{box-shadow:0 0 8px rgba(255,23,23,.8);filter:saturate(1.25)}.xarr-vu.is-idle .xarr-vu-segments i{opacity:var(--xarr-vu-idle,.1);box-shadow:none;filter:none}.xarr-vu-scale{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:2px 0 2px 27px;color:#9effaa;font:700 10px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}.xarr-vu-scale span{text-align:center;white-space:nowrap}.xarr-vu-scale span:nth-child(1){grid-column:1}.xarr-vu-scale span:nth-child(2){grid-column:3}.xarr-vu-scale span:nth-child(3){grid-column:5}.xarr-vu-scale span:nth-child(4){grid-column:7}.xarr-vu-scale span:nth-child(5){grid-column:8}.xarr-vu-scale span:nth-child(6){grid-column:9}.xarr-vu-scale span:nth-child(7){grid-column:11;color:#ff8585}.xarr-vu-scale span:nth-child(8){grid-column:12;color:#ff8585}.xarr-vu-ticks{height:7px;margin:0 0 3px 27px;background:repeating-linear-gradient(90deg,rgba(0,245,43,.65) 0 1px,transparent 1px 5px)}.xarr-vu-ticks:last-child{margin-top:3px;margin-bottom:0}.xarr-vu-ticks:after{content:"";display:block;width:25%;height:100%;margin-left:75%;background:repeating-linear-gradient(90deg,rgba(255,23,23,.55) 0 1px,transparent 1px 5px)}.xarr-vu-no-scale .xarr-vu-scale{display:none}.xarr-vu-no-scale .xarr-vu-line+.xarr-vu-line{margin-top:5px}@media(max-width:600px){.xarr-player-view.has-vu{padding-left:10px;padding-right:10px}.xarr-player-view.has-vu .xarr-cover-wrap{width:min(52vw,220px)}.xarr-player-view.has-vu .xarr-track{min-height:82px}.xarr-vu{width:100%;padding:5px 7px;margin-top:1px}.xarr-vu-line{grid-template-columns:17px 1fr;gap:4px}.xarr-vu-segments{gap:3px}.xarr-vu-segments i{height:11px}.xarr-vu-scale{gap:3px;margin-left:21px;font-size:8px}.xarr-vu-ticks{margin-left:21px;height:5px}.xarr-player-view.has-vu .xarr-play{width:70px;height:70px;margin-top:6px}}@media(max-height:720px){.xarr-player-view.has-vu .xarr-cover-wrap{width:150px}.xarr-player-view.has-vu .xarr-track{min-height:72px}.xarr-player-view.has-vu .xarr-track h1{font-size:21px}.xarr-vu{margin-bottom:4px}.xarr-vu-ticks{display:none}.xarr-vu-segments i{height:10px}.xarr-player-view.has-vu .xarr-quick-actions{margin-top:8px}}