/* Video choices beside the featured player; horizontal below the player on phones. */
@media(min-width:761px){
 #clientTrainingGrid .bv-media{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:0 18px;align-items:center;max-width:550px}
 #clientTrainingGrid .bv-stage{grid-column:1;grid-row:1;min-width:0}
 #clientTrainingGrid .bv-frame{width:min(100%,380px,44svh)}
 #clientTrainingGrid .bv-picker{grid-column:2;grid-row:1;display:flex;flex-direction:column;width:112px;max-width:100%;max-height:620px;margin:0;gap:10px;min-width:0}
 #clientTrainingGrid .bv-picker[hidden]{display:none}
 #clientTrainingGrid .bv-thumbs{flex-direction:column;position:relative;width:100%;max-height:min(490px,58svh);overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity;align-items:center;gap:12px;padding:3px}
 #clientTrainingGrid .bv-thumb{flex:0 0 auto;width:94px;max-width:100%;padding:2px}
 #clientTrainingGrid .bv-thumb-image{aspect-ratio:9/12}
 #clientTrainingGrid .bv-arrow{flex-shrink:0}
 #clientTrainingGrid .bv-arrow svg{transform:rotate(90deg)}
 #clientTrainingGrid .bv-counter{grid-column:1/-1;grid-row:2;margin-top:18px}
 #clientTrainingGrid .bv-media:has(.bv-picker[hidden]){grid-template-columns:minmax(0,1fr)}
 #clientTrainingGrid .bv-media:has(.bv-picker[hidden]) .bv-counter{display:none}
}
@media(min-width:761px) and (max-width:1000px){
 #clientTrainingGrid .bv-band{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:24px}
 #clientTrainingGrid .bv-band[data-text-side="right"]{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}
 #clientTrainingGrid .bv-media{grid-template-columns:minmax(0,1fr) 88px;column-gap:12px}
 #clientTrainingGrid .bv-picker{width:88px}
 #clientTrainingGrid .bv-thumb{width:78px}
}