.vi-player{--focus:var(--sun);width:100%;max-width:none;height:100%;max-height:none;padding:var(--s3) var(--gutter);background:var(--night);color:var(--bone);border:0;margin:0;overflow-y:auto}.vi-player[open]{place-items:center;display:grid}.vi-player::backdrop{background:var(--night)}html:has(.vi-player[open]){overflow:hidden}.vi-player__inner{width:min(1200px,100%,177.778svh - 462.222px);min-width:min(100%,320px)}.vi-player__bar{justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s2);display:flex}.vi-player__meta{min-width:0;color:var(--sun);flex-wrap:wrap;gap:4px 24px;display:flex}.vi-player__close{min-height:48px;color:var(--bone);flex:none}.vi-player__screen{aspect-ratio:16/9;background:#000 50%/cover no-repeat;position:relative}.vi-player__screen iframe{border:0;width:100%;height:100%}.vi-player__foot{justify-content:space-between;align-items:baseline;gap:var(--s2) var(--s4);margin-top:var(--s3);flex-wrap:wrap;display:flex}.vi-player__title{max-width:40ch}@media (max-width:759.98px){.vi-player{padding:var(--s2) 0}.vi-player__bar,.vi-player__foot{padding:0 var(--gutter)}.vi-player__inner{width:100%}.vi-player__bar{flex-wrap:wrap;gap:4px}.vi-player__close{order:-1;margin-left:auto}.vi-player__meta{flex-basis:100%;gap:4px 16px}}