.video-player{isolation:isolate;object-fit:contain;border-radius:var(--radius-lg);background:var(--color-surface-0);width:100%;min-width:0;color:var(--color-ink);display:block;position:relative;overflow:hidden;container-type:inline-size}.video-player:focus-visible{outline:2px solid var(--color-ink);outline-offset:-3px}.video-player__media{object-fit:inherit;object-position:inherit;width:100%;height:100%;display:block}.video-player__surface{background:0 0;border:0;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.video-player__center{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-0) 65%, transparent);width:3rem;height:3rem;color:var(--color-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;display:grid}.video-player__controls{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface-0) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;width:min(100% - 1rem,34rem);transition:opacity var(--video-player-duration) var(--video-player-easing);padding:.125rem .25rem;position:absolute;inset:auto auto .5rem 50%;transform:translate(-50%)}.video-player[data-controls-visible=true] .video-player__controls,.video-player:focus-visible .video-player__controls{opacity:1;pointer-events:auto}.video-player:has(:focus-visible) .video-player__controls{opacity:1;pointer-events:auto}.video-player__toolbar{align-items:center;gap:.125rem;min-width:0;display:flex}.video-player__button{width:1.75rem;height:1.75rem;color:var(--color-ink);flex-shrink:0;padding:0}.video-player__button svg{width:.875rem;height:.875rem}.video-player__time{font-variant-numeric:tabular-nums;flex-shrink:0;padding-inline:.125rem;font-size:.75rem}.video-player__volume{align-items:center;gap:.25rem;display:flex}.video-player__seek{flex:1;min-width:1.5rem;padding-inline:.375rem}.video-player__seek-thumb{opacity:0}.video-player__seek:hover .video-player__seek-thumb,.video-player__seek:focus-within .video-player__seek-thumb{opacity:1}.video-player__volume-slider{visibility:hidden;width:0;transition:width var(--video-player-duration) var(--video-player-easing);overflow:hidden}.video-player__volume:hover .video-player__volume-slider,.video-player__volume:focus-within .video-player__volume-slider{visibility:visible;width:3.25rem}.video-player__speed{font-variant-numeric:tabular-nums;font-size:.75rem}.video-player__buffering{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.video-player__error{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-ink);margin:0;padding:.5rem .75rem;font-size:.75rem;position:absolute;top:.75rem;left:.75rem;right:.75rem}.video-player:fullscreen{border-radius:0;width:100%;max-width:none;height:100%;max-height:none}@container (width<=26rem){.video-player__volume-slider,.video-player__duration{display:none}.video-player__controls{bottom:.5rem}}@container (width<=18rem){.video-player__toolbar{grid-template-columns:44px minmax(44px,1fr) 44px;gap:0;display:grid}.video-player__controls{width:calc(100% - .5rem);padding:.125rem .25rem;bottom:.25rem}.video-player__button{width:44px;height:44px}.video-player__time,.video-player__speed,.video-player__center{display:none}.video-player__seek{grid-area:1/1/auto/-1}.video-player__volume{justify-self:center;margin-left:0}}@media (pointer:coarse){.video-player__button{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.video-player__controls{transition:none}}@media (forced-colors:active){.video-player{color:canvastext;background:canvas;border:1px solid canvastext}.video-player__controls{background:canvas}.video-player__center,.video-player__error{color:canvastext;background:canvas;border-color:canvastext}}