.video-player{--player-button:44px;--player-thumb:12px;z-index:3;pointer-events:none;position:absolute;inset:0;container-type:size}.video-player>*{pointer-events:auto}.video-player[hidden],.video-player [hidden]{display:none!important}.video-player svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.local-video[data-player] video{cursor:pointer}.local-video[data-player] video::-webkit-media-controls,.local-video[data-player] video::-webkit-media-controls-start-playback-button{display:none!important}.local-video[data-player-idle],.local-video[data-player-idle] video{cursor:none}.local-video[data-player=preview]:before,.local-video[data-player=preview]:after{display:none}.video-player .video-player-start{width:clamp(56px,18cqmin,92px);height:clamp(56px,18cqmin,92px);color:var(--color-ink);touch-action:manipulation;transition:background var(--duration-fast), transform .2s cubic-bezier(.2, .8, .2, 1);border-radius:50%;place-items:center;margin:auto;padding:0;display:grid;position:absolute;inset:0;box-shadow:0 6px 28px #0000001a}.video-player-start svg{stroke-width:1.3px;width:46%;height:46%}@media (hover:hover) and (pointer:fine){.video-player-start:hover:not([data-hand-hover]){background:var(--surface-glass-hover);transform:scale(1.06)}}.video-player-start:active:not([data-hand-press]){transform:scale(.96)}.video-player-start:focus-visible{outline-offset:4px;outline:2px solid #fff}.video-player-bar{max-width:560px;color:var(--color-ink);border-radius:30px;align-items:center;gap:2px;margin-inline:auto;padding:4px;transition:opacity .24s,transform .24s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:12px;left:12px;right:12px}.local-video[data-player-idle] .video-player-bar{opacity:0;pointer-events:none;transform:translateY(6px)}html[data-hands-tracking] .local-video[data-player-idle] .video-player-bar{opacity:1;pointer-events:auto;transform:none}.video-player-bar button{width:var(--player-button);height:var(--player-button);color:inherit;border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:background .18s,transform .2s cubic-bezier(.2,.8,.2,1);display:grid}@media (hover:hover) and (pointer:fine){.video-player-bar button:hover{background:#1717150d}}.video-player-bar :focus-visible{outline-offset:3px;outline:2px solid}.video-player-seek{min-width:48px;height:var(--player-button);-webkit-appearance:none;appearance:none;background:linear-gradient(currentColor, currentColor) left center / calc(var(--player-thumb) / 2 + (100% - var(--player-thumb)) * var(--progress,0)) 2px no-repeat, linear-gradient(#17171533, #17171533) center / 100% 2px no-repeat;color:inherit;cursor:pointer;touch-action:none;border:0;border-radius:0;flex:auto;margin:0 8px;padding:0}.video-player-seek::-webkit-slider-runnable-track{height:var(--player-thumb);background:0 0;border:0}.video-player-seek::-moz-range-track{background:0 0;border:0}.video-player-seek::-webkit-slider-thumb{width:var(--player-thumb);height:var(--player-thumb);-webkit-appearance:none;appearance:none;background:currentColor;border:0;border-radius:50%}.video-player-seek::-moz-range-thumb{width:var(--player-thumb);height:var(--player-thumb);background:currentColor;border:0;border-radius:50%}.video-player-bar .video-player-seek:focus-visible{outline-offset:-6px;border-radius:22px}.video-player-time{font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;padding:0 6px 0 2px;line-height:1}.video-player-duration{margin-left:.3em}.local-video[data-player-paused] [data-video-toggle] [data-pause],.local-video:not([data-player-paused]) [data-video-toggle] [data-play],.local-video[data-player-muted] [data-video-sound] [data-sound-on],.local-video:not([data-player-muted]) [data-video-sound] [data-sound-off],.local-video[data-player-fullscreen] [data-video-fullscreen] [data-enter],.local-video:not([data-player-fullscreen]) [data-video-fullscreen] [data-exit]{display:none}.local-video[data-local-video][data-player]:fullscreen{background:#000;border-radius:0}.local-video[data-local-video][data-player]:fullscreen{background:#000;border-radius:0}@container (width<=520px){.video-player-duration{display:none}}@container (width<=420px){.video-player-bar{--player-button:40px;bottom:8px;left:8px;right:8px}.video-player-seek{margin:0 4px}}@container (width<=280px){.video-player-time{display:none}}@media (prefers-reduced-motion:reduce){.video-player .video-player-start,.video-player-bar{transition:none}}