@layer equip{.eq-video-player{box-sizing:border-box;width:100%;min-width:0;aspect-ratio:var(--_ratio,16 / 9);border-radius:var(--eq-radius-l);background:color-mix(in srgb, var(--eq-ink) 10%, var(--eq-surface));color:var(--eq-ink);font:var(--eq-weight) var(--eq-text-m) / 1.35 var(--eq-font);display:grid;position:relative;overflow:hidden;container-type:inline-size}.eq-video-player:focus{outline:none}.eq-video-player[data-fullscreen]{aspect-ratio:auto;border-radius:0}.eq-video-player[data-idle]{cursor:none}.eq-video-player-video{object-fit:contain;cursor:pointer;grid-area:1/1;width:100%;height:100%;min-height:0;display:block}.eq-video-player[data-idle] .eq-video-player-video{cursor:none}.eq-video-player-bar{right:var(--eq-space-2);bottom:var(--eq-space-2);left:var(--eq-space-2);padding:0 var(--eq-space-1) var(--eq-space-1);border:1px solid var(--eq-line);border-radius:var(--eq-radius-m);background:color-mix(in srgb, var(--eq-raised) 88%, transparent);-webkit-backdrop-filter:var(--eq-blur);backdrop-filter:var(--eq-blur);transition:opacity var(--eq-dur) var(--eq-ease), translate var(--eq-dur-move) var(--eq-spring);display:grid;position:absolute}.eq-video-player[data-idle] .eq-video-player-bar{opacity:0;translate:0 4px}.eq-video-player[data-idle]:has(:focus-visible) .eq-video-player-bar{opacity:1;translate:none}.eq-video-player-scrub{padding-inline:var(--eq-space-1);display:flex;position:relative}.eq-video-player-preview{bottom:calc(100% - 2px);left:calc(var(--eq-space-1) + (100% - 2 * var(--eq-space-1)) * var(--_hover));border-radius:var(--eq-radius-s);background:var(--eq-solid);color:var(--eq-solid-ink);font:var(--eq-weight-strong) var(--eq-text-xs) / 1 var(--eq-font);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;padding:3px 5px;position:absolute;translate:-50%}.eq-video-player-controls{align-items:center;gap:2px;min-width:0;display:flex}.eq-video-player-spacer{flex:1}.eq-video-player-time{padding-inline:var(--eq-space-1);color:var(--eq-ink-2);font-size:var(--eq-text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.eq-video-player-button{box-sizing:border-box;min-width:var(--eq-h-s);height:var(--eq-h-s);padding:0 var(--eq-space-1);border-radius:var(--eq-radius-s);color:var(--eq-ink);font:var(--eq-weight-strong) var(--eq-text-xs) / 1 var(--eq-font);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);background:0 0;border:0;flex:none;place-items:center;margin:0;display:inline-grid;position:relative}.eq-video-player-button[data-control=rate]{min-width:38px}.eq-video-player-button[aria-pressed=true]:is([data-control=captions],[data-control=pip]){background:var(--eq-solid);color:var(--eq-solid-ink)}.eq-video-player-button[data-control=mute][aria-pressed=true]{color:var(--eq-ink-2)}.eq-video-player-button[data-waiting]:after{content:"";border:2px solid #0000;border-top-color:var(--eq-ink-2);border-radius:var(--eq-radius-full);animation:.8s linear infinite eq-video-player-spin;position:absolute;inset:2px}@keyframes eq-video-player-spin{to{rotate:1turn}}@media (hover:hover){.eq-video-player-button:hover:not([aria-pressed=true]:is([data-control=captions],[data-control=pip])){background:var(--eq-tint-strong)}.eq-video-player-big:hover{background:color-mix(in srgb, var(--eq-raised) 100%, var(--eq-ink) 6%)}}.eq-video-player-button:active,.eq-video-player-big:active{scale:var(--eq-press)}.eq-video-player-button:focus-visible,.eq-video-player-big:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-video-player-button:focus-visible{z-index:1}.eq-video-player-big{border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-full);background:var(--eq-raised);width:52px;height:52px;color:var(--eq-ink);box-shadow:var(--eq-shadow);cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);place-items:center;margin:0;padding:0 0 0 3px;display:grid;position:absolute;top:calc(50% - 20px);left:50%;translate:-50% -50%}.eq-video-player-captions{right:var(--eq-space-4);bottom:calc(var(--eq-h-s) + 44px);left:var(--eq-space-4);text-align:center;pointer-events:none;transition:translate var(--eq-dur-move) var(--eq-spring);justify-content:center;display:flex;position:absolute}.eq-video-player[data-idle] .eq-video-player-captions{translate:0 calc(var(--eq-h-s) + 28px)}.eq-video-player-cue{padding:2px var(--eq-space-2);border-radius:var(--eq-radius-s);background:color-mix(in srgb, var(--eq-solid) 82%, transparent);color:var(--eq-solid-ink);font-size:var(--eq-text-m);font-weight:var(--eq-weight-strong);white-space:pre-line;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.4}.eq-video-player-error{top:var(--eq-space-3);left:var(--eq-space-3);padding:var(--eq-space-1) var(--eq-space-2);border-radius:var(--eq-radius-s);background:var(--eq-raised);color:var(--eq-danger);font-size:var(--eq-text-s);margin:0;position:absolute}.eq-video-player-seek,.eq-video-player-volume{--_thumb:12px;--_track:4px;--_stop:calc(var(--_thumb) / 2 + (100% - var(--_thumb)) * var(--_played,0));--_load:calc(var(--_thumb) / 2 + (100% - var(--_thumb)) * var(--_loaded,0));appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:20px;margin:0;display:block}.eq-video-player-volume{margin-inline:0 var(--eq-space-1);flex:0 72px}.eq-video-player-seek:focus-visible,.eq-video-player-volume:focus-visible{outline:none}.eq-video-player-seek:disabled{opacity:.45;cursor:not-allowed}.eq-video-player-seek::-webkit-slider-runnable-track{height:var(--_track);border-radius:var(--eq-radius-full);background:linear-gradient(to right, var(--eq-solid) var(--_stop), transparent var(--_stop)), linear-gradient(to right, color-mix(in srgb, var(--eq-ink) 30%, transparent) var(--_load), transparent var(--_load)), var(--eq-tint-strong)}.eq-video-player-volume::-webkit-slider-runnable-track{height:var(--_track);border-radius:var(--eq-radius-full);background:linear-gradient(to right, var(--eq-solid) var(--_stop), transparent var(--_stop)), linear-gradient(to right, color-mix(in srgb, var(--eq-ink) 30%, transparent) var(--_load), transparent var(--_load)), var(--eq-tint-strong)}.eq-video-player-seek::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);margin-top:calc((var(--_track) - var(--_thumb)) / 2);border:2px solid var(--eq-solid);border-radius:var(--eq-radius-full);background:var(--eq-raised);transition:scale var(--eq-dur-move) var(--eq-spring)}.eq-video-player-volume::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);margin-top:calc((var(--_track) - var(--_thumb)) / 2);border:2px solid var(--eq-solid);border-radius:var(--eq-radius-full);background:var(--eq-raised);transition:scale var(--eq-dur-move) var(--eq-spring)}.eq-video-player-seek:focus-visible::-webkit-slider-thumb{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-video-player-volume:focus-visible::-webkit-slider-thumb{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-video-player-seek:active:not(:disabled)::-webkit-slider-thumb{scale:1.25}.eq-video-player-volume:active::-webkit-slider-thumb{scale:1.25}.eq-video-player-seek::-moz-range-track{height:var(--_track);border-radius:var(--eq-radius-full);background:linear-gradient(to right, color-mix(in srgb, var(--eq-ink) 30%, transparent) var(--_load), transparent var(--_load)), var(--eq-tint-strong)}.eq-video-player-volume::-moz-range-track{height:var(--_track);border-radius:var(--eq-radius-full);background:linear-gradient(to right, color-mix(in srgb, var(--eq-ink) 30%, transparent) var(--_load), transparent var(--_load)), var(--eq-tint-strong)}.eq-video-player-seek::-moz-range-progress{height:var(--_track);border-radius:var(--eq-radius-full);background:var(--eq-solid)}.eq-video-player-volume::-moz-range-progress{height:var(--_track);border-radius:var(--eq-radius-full);background:var(--eq-solid)}.eq-video-player-seek::-moz-range-thumb{box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);border:2px solid var(--eq-solid);border-radius:var(--eq-radius-full);background:var(--eq-raised);transition:scale var(--eq-dur-move) var(--eq-spring)}.eq-video-player-volume::-moz-range-thumb{box-sizing:border-box;width:var(--_thumb);height:var(--_thumb);border:2px solid var(--eq-solid);border-radius:var(--eq-radius-full);background:var(--eq-raised);transition:scale var(--eq-dur-move) var(--eq-spring)}.eq-video-player-seek:focus-visible::-moz-range-thumb{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-video-player-volume:focus-visible::-moz-range-thumb{outline:2px solid var(--eq-focus);outline-offset:2px}@container (max-width:420px){.eq-video-player-volume,.eq-video-player-button[data-control=pip]{display:none}.eq-video-player-cue{font-size:var(--eq-text-s)}}@container (max-width:300px){.eq-video-player:not([data-started]) .eq-video-player-bar,.eq-video-player-button[data-control=rate],.eq-video-player-button[data-control=mute]{display:none}.eq-video-player-bar{right:var(--eq-space-1);bottom:var(--eq-space-1);left:var(--eq-space-1)}.eq-video-player-big{width:40px;height:40px;top:calc(50% - 16px)}.eq-video-player-captions{right:var(--eq-space-2);bottom:calc(var(--eq-h-s) + 38px);left:var(--eq-space-2)}.eq-video-player-cue{font-size:var(--eq-text-xs)}}@media (prefers-reduced-motion:reduce){.eq-video-player-button[data-waiting]:after{animation-duration:2.4s}}}