[data-tds=video-player]{inline-size:100%;color:var(--tds-video-control-fg);position:relative}[data-tds=video-player] [data-part=stage]{aspect-ratio:16/9;background:var(--tds-video-bg);position:relative;overflow:hidden}[data-tds=video-player] [data-part=media],[data-tds=video-player] [data-part=embed]{object-fit:contain;border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}[data-tds=video-player] [data-part=surface],[data-tds=video-player] [data-part=edge]{touch-action:none;position:absolute;inset-block:0}[data-tds=video-player] [data-part=surface]{inset-inline:0}[data-tds=video-player] [data-part=edge]{inset-block:14% 22%}[data-tds=video-player] [data-part=edge][data-zone=brightness]{width:12%;left:0}[data-tds=video-player] [data-part=edge][data-zone=volume]{width:12%;right:0}[data-tds=video-player] [data-part=surface]:focus-visible{outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:calc(var(--tds-focus-ring-offset) * -1);box-shadow:var(--tds-focus-halo)}[data-tds=video-player] [data-part=shade]{background:var(--tds-video-shade);pointer-events:none;position:absolute;inset:0}[data-tds=video-player] [data-part=hud]{padding:var(--tds-space-2) var(--tds-space-3);border-radius:var(--tds-radius-control);background:var(--tds-video-hud-bg);color:var(--tds-video-hud-fg);font-size:var(--tds-font-size-sm);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}[data-tds=video-player] [data-part=error]{inset-inline:var(--tds-space-4);text-align:center;color:var(--tds-video-control-fg);margin:0;position:absolute;inset-block-start:50%;transform:translateY(-50%)}[data-tds=video-player] [data-part=controls]{gap:var(--tds-space-1);padding:var(--tds-space-2) var(--tds-space-3) var(--tds-space-2);background:var(--tds-video-controls-bg);color:var(--tds-video-control-fg);opacity:0;pointer-events:none;transition:opacity var(--tds-video-transition);display:grid;position:absolute;inset-block-end:0;inset-inline:0}[data-tds=video-player] [data-part=controls][data-visible=true],[data-tds=video-player] [data-part=controls]:focus-within{opacity:1}[data-tds=video-player] [data-part=controls] button,[data-tds=video-player] [data-part=controls] input{pointer-events:none}[data-tds=video-player] [data-part=controls][data-visible=true] button,[data-tds=video-player] [data-part=controls][data-visible=true] input,[data-tds=video-player] [data-part=controls]:focus-within button,[data-tds=video-player] [data-part=controls]:focus-within input{pointer-events:auto}[data-tds=video-player][data-source=embed] [data-part=controls]{background:0 0}[data-tds=video-player][data-source=embed] [data-part=controls] [data-part=bar]{background:var(--tds-video-controls-bg);border-radius:var(--tds-radius-control)}[data-tds=video-player] [data-part=progress]{appearance:none;cursor:pointer;inline-size:100%;accent-color:var(--tds-video-fill);background:0 0;margin:0}[data-tds=video-player] [data-part=progress]::-webkit-slider-runnable-track{block-size:var(--tds-video-track-size);border-radius:var(--tds-radius-control);background:var(--tds-video-track)}[data-tds=video-player] [data-part=progress]::-moz-range-track{block-size:var(--tds-video-track-size);border-radius:var(--tds-radius-control);background:var(--tds-video-track)}[data-tds=video-player] [data-part=progress]::-webkit-slider-thumb{appearance:none;inline-size:var(--tds-video-thumb-size);block-size:var(--tds-video-thumb-size);background:var(--tds-video-fill);opacity:0;transition:opacity var(--tds-video-transition);border:0;border-radius:50%;margin-block-start:calc((var(--tds-video-track-size) - var(--tds-video-thumb-size)) / 2)}[data-tds=video-player] [data-part=progress]::-moz-range-thumb{inline-size:var(--tds-video-thumb-size);block-size:var(--tds-video-thumb-size);background:var(--tds-video-fill);opacity:0;transition:opacity var(--tds-video-transition);border:0;border-radius:50%}[data-tds=video-player] [data-part=progress]:hover::-webkit-slider-thumb{opacity:1}[data-tds=video-player] [data-part=progress]:focus-visible::-webkit-slider-thumb{opacity:1}[data-tds=video-player] [data-part=progress]:hover::-moz-range-thumb{opacity:1}[data-tds=video-player] [data-part=progress]:focus-visible::-moz-range-thumb{opacity:1}[data-tds=video-player] [data-part=progress]:disabled{cursor:default}[data-tds=video-player] [data-part=bar]{align-items:center;gap:var(--tds-space-2);min-inline-size:0;display:flex}[data-tds=video-player] [data-part=play],[data-tds=video-player] [data-part=icon]{inline-size:var(--tds-video-control-size);block-size:var(--tds-video-control-size);border-radius:var(--tds-radius-control);color:inherit;font-size:var(--tds-video-icon-size);cursor:pointer;transition:background-color var(--tds-video-transition);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-tds=video-player] [data-part=play]:hover,[data-tds=video-player] [data-part=icon]:hover{background:var(--tds-video-track)}[data-tds=video-player] [data-part=icon][aria-pressed=true]{color:var(--tds-video-fill)}[data-tds=video-player] [data-part=group]{align-items:center;gap:var(--tds-space-1);display:inline-flex}[data-tds=video-player] [data-part=level]{appearance:none;opacity:0;inline-size:0;accent-color:var(--tds-video-fill);transition:inline-size var(--tds-video-transition), opacity var(--tds-video-transition);background:0 0;margin:0}[data-tds=video-player] [data-part=group]:hover [data-part=level],[data-tds=video-player] [data-part=group]:focus-within [data-part=level]{opacity:1;inline-size:5rem}[data-tds=video-player] [data-part=time]{color:inherit;font-size:var(--tds-font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}[data-tds=video-player] [data-part=spacer]{flex:auto}[data-tds=video-player] button:focus-visible,[data-tds=video-player] input:focus-visible{outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:0;box-shadow:var(--tds-focus-halo)}[data-tds=video-player][data-mode=float]{z-index:var(--tds-z-overlay);inline-size:min(var(--tds-video-float-width), calc(100vw - var(--tds-video-float-offset) * 2));border-radius:var(--tds-video-radius);box-shadow:var(--tds-video-float-shadow);position:fixed;inset-block-end:calc(var(--tds-dock-reserve,0px) + var(--tds-video-float-offset));inset-inline-end:var(--tds-video-float-offset);overflow:hidden}[data-tds=video-player][data-mode=float] [data-part=stage]{border-radius:inherit}[data-tds=video-player][data-mode=float] [data-part=handle]{z-index:1;block-size:var(--tds-space-4);cursor:grab;touch-action:none;display:block;position:absolute;inset-block-start:0;inset-inline:0}[data-tds=video-player][data-mode=float] [data-part=handle]:focus-visible{outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:0}@media print{[data-tds=video-player][data-print=hide]{display:none}}