/* Audio and video players with waveforms and meters (js/tour-players.js): the tour detail page and the Audio page. */
/* Audio and video players (js/tour-players.js): stereo waveform, VU meter and LED lights, like the Tour Builder. */
.byp-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;max-width:900px;margin:0 0 8px;padding:6px 8px 6px 6px;background:#0d0d10;border:1px solid #222;border-radius:6px;box-sizing:border-box}
.byp-play{width:40px;height:40px;border:0;border-radius:50%;background:#cc0000;color:#fff;font-size:14px;line-height:40px;text-align:center;cursor:pointer;padding:0}
.byp-play:hover{filter:brightness(1.15)}
.byp-name{font-family:'Lato',sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#ddd;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.byp-wave{position:relative;height:40px;background:#121216;border:1px solid #26262c;border-radius:5px;cursor:pointer;overflow:hidden}
.byp-wave:hover{border-color:#cc0000}
.byp-wave canvas{width:100%;height:100%;display:block}
.byp-t{position:absolute;right:6px;top:50%;transform:translateY(-50%);font:700 10px/1 Menlo,monospace;color:#fff;background:rgba(0,0,0,.55);padding:2px 5px;border-radius:4px}
.byp-t:empty{display:none}
.byp-vu{display:block;border-radius:4px}
.byp-leds{display:grid;grid-template-columns:7px 7px;gap:2px 3px;justify-items:center}
.byp-leds span{font:700 7px/1 sans-serif;color:#888}
.byp-led{display:flex;flex-direction:column-reverse;gap:1px;height:46px}
.byp-led i{flex:1;width:7px;border-radius:1px;background:#1a2a1a;transition:background .05s}
.byp-led i.y{background:#2a2a12}.byp-led i.r{background:#2a1212}
.byp-led i.on{background:#2ee86a;box-shadow:0 0 5px #2ee86a}
.byp-led i.y.on{background:#ffd23f;box-shadow:0 0 5px #ffd23f}
.byp-led i.r.on{background:#ff3b4a;box-shadow:0 0 6px #ff3b4a}
.byp-vdeck{max-width:900px;margin:0 0 12px;background:#0d0d10;border:1px solid #222;border-radius:8px;overflow:hidden;box-sizing:border-box}
.byp-vdeck[hidden]{display:none!important}
.byp-vbar{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 10px;background:#1c1c22;color:#ddd;font-family:'Lato',sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;-webkit-user-select:none;user-select:none;touch-action:none}
.byp-vtitle{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.byp-vbtns{display:flex;gap:2px;flex:none}
.byp-vbtns button{width:28px;height:24px;border:0;border-radius:4px;background:transparent;color:#ccc;font-size:14px;line-height:24px;cursor:pointer;padding:0}
.byp-vbtns button:hover{background:#333;color:#fff}.byp-vbtns [data-close]:hover{background:#cc0000}
.byp-vdeck:not(.float) [data-min],.byp-vdeck:not(.float) [data-max]{display:none}
.byp-vbody{display:flex;gap:8px;padding:8px}
.byp-vbody video{flex:1;min-width:0;max-height:60vh;background:#000;display:block}
.byp-vmeters{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;flex:none}
.byp-vdeck .byp-led{height:110px}
.byp-vdeck.float{position:fixed;z-index:9999;margin:0;max-width:none;min-width:300px;min-height:220px;display:flex;flex-direction:column;resize:both;box-shadow:0 14px 44px rgba(0,0,0,.55)}
.byp-vdeck.float .byp-vbar{cursor:move}
.byp-vdeck.float .byp-vbody{flex:1;min-height:0}
.byp-vdeck.float video{max-height:none;height:100%;object-fit:contain}
.byp-vdeck.float.min{width:280px!important;height:auto!important;min-height:0;resize:none}
.byp-vdeck.float.min .byp-vbody{display:none}
.byp-vdeck.float.max{left:8px;top:8px;right:8px;bottom:8px;resize:none}
@media only screen and (max-width:600px){.byp-strip{grid-template-columns:auto minmax(0,1fr) auto}.byp-strip .byp-vu{display:none}.byp-vdeck .byp-vu{display:none}.byp-vdeck .byp-led{height:70px}}