.media-controls-container[data-v-57bc8910]{container:media-player-controls / inline-size;min-width:0}.comparison-controls[data-v-57bc8910]{display:flex;align-items:center;gap:6px;padding:4px 8px;border-top:1px solid #ffffff14;background:#101112;color:var(--muted)}.comparison-controls button[data-v-57bc8910]{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;background:none;color:#fff;border-radius:9px}.comparison-controls button[data-v-57bc8910]:hover{background:var(--surface-hover)}.comparison-controls button[data-v-57bc8910]:focus-visible,.comparison-controls input[data-v-57bc8910]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.comparison-controls .loader[data-v-57bc8910]{width:18px;height:18px}.media-control-timeline[data-v-57bc8910]{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.media-control-timeline input[data-v-57bc8910]{padding:0;border:0;min-width:0;width:100%;height:36px;accent-color:var(--accent);cursor:pointer;touch-action:pan-y pinch-zoom}.comparison-time[data-v-57bc8910]{flex:none;font-size:11px;font-variant-numeric:tabular-nums}@container media-player-controls (max-width:299px){.comparison-controls[data-v-57bc8910]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0 2px 2px}.comparison-controls.has-expand[data-v-57bc8910]{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-controls button[data-v-57bc8910]{justify-self:center}.media-control-play[data-v-57bc8910]{grid-column:1;grid-row:1}.media-control-sound[data-v-57bc8910]{grid-column:2;grid-row:1}.media-control-expand[data-v-57bc8910]{grid-column:3;grid-row:1}.media-control-timeline[data-v-57bc8910]{grid-column:1/-1;grid-row:2;width:100%;padding-inline:6px;box-sizing:border-box}}