.video-player{gap:var(--space-12);flex-direction:column;width:100%;margin:0;display:flex}.video-player-frame{width:100%;aspect-ratio:var(--video-player-aspect-ratio,16 / 9);border-radius:var(--radius-8);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-surface-primary) 10%, transparent), transparent 28%), var(--neutral-surface-subtle);isolation:isolate;position:relative;overflow:hidden}.video-player-element,.video-player-empty{border:0;width:100%;height:100%;display:block}.video-player-element{background-color:var(--neutral-surface-background);-o-object-fit:cover;object-fit:cover}.video-player-frame--custom-controls{cursor:default}.video-player-frame--custom-controls:after{content:"";pointer-events:none;background:linear-gradient(180deg, transparent 0%, transparent 55%, color-mix(in srgb, var(--neutral-black) 24%, transparent) 100%);opacity:0;transition:opacity var(--speed-medium) var(--ease-linear);position:absolute;inset:0}.video-player-frame--custom-controls:hover:after,.video-player-frame--custom-controls.video-player-frame--playing:after{opacity:1}.video-player-cover{background-color:var(--neutral-surface-background);cursor:pointer;opacity:1;width:100%;height:100%;transition:opacity var(--video-player-cover-fade-duration,var(--speed-slow)) var(--ease-linear);z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;margin:0;padding:0;position:absolute;inset:0}.video-player-cover--hidden{opacity:0;pointer-events:none}.video-player-cover-alt{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.video-player-cover:focus-visible{outline:var(--stroke-focus) solid var(--support-focus);outline-offset:4px}.video-player-overlay-control{border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--neutral-surface-oncolor) 88%, transparent);color:var(--neutral-content-oncolor);box-shadow:var(--shadow-bottom-l);cursor:pointer;transition:transform var(--speed-medium) var(--ease-linear), opacity var(--speed-medium) var(--ease-linear), background-color var(--speed-medium) var(--ease-linear);z-index:2;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-player-overlay-control:hover{background-color:color-mix(in srgb, var(--neutral-surface-oncolor) 94%, transparent);transform:translate(-50%,-50%)scale(1.04)}.video-player-overlay-control:focus-visible{outline:var(--stroke-focus) solid var(--support-focus);outline-offset:4px}.video-player-overlay-control--large{width:116px;height:116px}.video-player-overlay-control--small{width:52px;height:52px}.video-player-overlay-icon{--neutral-surface-icons:currentColor;width:100%;height:100%;color:inherit;justify-content:center;align-items:center;padding-left:2px;display:inline-flex}.video-player-overlay-control--large .video-player-overlay-icon svg{width:24px;height:24px}.video-player-overlay-control--small .video-player-overlay-icon svg{width:20px;height:20px}.video-player-frame--playing .video-player-overlay-control{opacity:0}.video-player-frame--playing:hover .video-player-overlay-control,.video-player-frame--playing .video-player-overlay-control:focus-visible{opacity:1}.video-player-empty{padding:var(--space-24);text-align:center;color:var(--neutral-content-support);background:linear-gradient(180deg, color-mix(in srgb, var(--neutral-surface-main) 70%, transparent), transparent), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--neutral-border-components) 30%, transparent), color-mix(in srgb, var(--neutral-border-components) 30%, transparent) 12px, transparent 12px, transparent 24px);justify-content:center;align-items:center;display:flex}.video-player-meta{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.video-player-title,.video-player-caption{margin:0}.video-player-caption{color:var(--neutral-content-support)}@media (max-width:720px){.video-player-overlay-control--large{width:88px;height:88px}.video-player-overlay-control--large .video-player-overlay-icon svg{width:34px;height:34px}.video-player-overlay-control--small{width:44px;height:44px}.video-player-overlay-control--small .video-player-overlay-icon svg{width:18px;height:18px}}