.video-player{--scrim:color-mix(in srgb, var(--color-ink-900) 80%, transparent);background:var(--color-ink-900);block-size:100%;inline-size:100%;display:block;position:relative;overflow:hidden}.video-player__start{background:radial-gradient(circle at center, var(--color-ink-800) 0%, var(--color-ink-900) 70%);cursor:pointer;border:0;border-radius:0;block-size:100%;inline-size:100%;padding:0;display:block;position:relative}.video-player__poster,.video-player__poster img{object-fit:cover;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.video-player__icon{background:var(--color-brand-blue);block-size:4.5em;box-shadow:0 .5em 2em color-mix(in srgb, var(--color-ink-950) 45%, transparent);border-radius:50%;justify-content:center;align-items:center;inline-size:4.5em;margin:auto;transition:scale .2s;display:flex;position:absolute;inset:0}.video-player__icon svg{block-size:45%;fill:var(--color-cloud-50);inline-size:45%}.video-player__start:hover .video-player__icon,.video-player__start:focus-visible .video-player__icon{scale:1.08}.video-player__start:focus-visible{outline:none;animation:none}.video-player__start:focus-visible .video-player__icon{outline:3px solid var(--color-cloud-50);outline-offset:4px;box-shadow:0 0 0 4px var(--color-ink-950), 0 .5em 2em color-mix(in srgb, var(--color-ink-950) 45%, transparent);scale:1.08}.video-player[data-state=loading] .video-player__icon{animation:1s ease-in-out infinite video-player-pulse}@keyframes video-player-pulse{50%{opacity:.55}}.video-player__watch{background:var(--scrim);color:var(--color-cloud-50);font-size:var(--text-sm);padding:var(--space-3xs) var(--space-xs);text-decoration:none;position:absolute;inset-block-end:var(--space-xs);inset-inline-end:var(--space-xs)}.video-player[data-state=playing] .video-player__watch,.video-player[data-state=failed] .video-player__watch{display:none}.video-player[data-state=playing][data-stalled] .video-player__watch{inset-block:var(--space-xs) auto;z-index:1;display:block}.video-player[data-external] .video-player__start{color:inherit}.video-player[data-gone] .video-player__start{cursor:default}.video-player[data-gone] .video-player__poster{opacity:.4}.video-player__notice{background:var(--scrim);color:var(--color-cloud-50);font-size:var(--text-sm);padding:var(--space-2xs) var(--space-xs);text-align:center;margin:0;position:absolute;inset-block-end:0;inset-inline:0}.video-player__error{background:color-mix(in srgb, var(--color-ink-900) 90%, transparent);color:var(--color-cloud-50);padding:var(--space-lg);text-align:center;place-content:center;margin:0;display:grid;position:absolute;inset:0}.video-player__error[hidden]{display:none}.video-player__error a,.video-player__platform{color:var(--color-brand-blue)}.video-player__controller{--media-primary-color:var(--color-cloud-50);--media-secondary-color:color-mix(in srgb, var(--color-ink-900) 72%, transparent);--media-range-bar-color:var(--color-brand-blue);--media-range-thumb-background:var(--color-brand-blue);--media-control-background:transparent;--media-control-hover-background:color-mix(in srgb, var(--color-cloud-50) 22%, transparent);--media-font-family:var(--font-body);block-size:100%;inline-size:100%;display:block}.video-player__native,.video-player__controller>[slot=media]{block-size:100%;inline-size:100%;display:block}.video-player__native{border:0}.video-player[data-provider=youtube] .video-player__controller>youtube-video{pointer-events:none}.video-player__cover{background:var(--color-ink-900);opacity:0;pointer-events:none;transition:opacity .25s ease-out;position:absolute;inset:0}.video-player__controller[mediapaused] .video-player__cover,.video-player__controller[mediaended] .video-player__cover{opacity:1}.video-player__controller media-control-bar{background-color:var(--media-secondary-color);gap:var(--space-2xs);padding-inline:var(--space-xs);z-index:1;position:relative}.video-player__controller media-volume-range{margin-inline-end:var(--space-sm)}.video-player__controller media-control-bar media-play-button,.video-player__controller media-control-bar media-mute-button,.video-player__controller media-control-bar media-fullscreen-button{aspect-ratio:1;border-radius:999px;align-self:center;block-size:2.75rem;inline-size:2.75rem;padding:0}.video-player__controller media-control-bar>*{--media-focus-box-shadow:none}.video-player__controller media-control-bar>:focus-visible{outline:2px solid var(--color-cloud-50);outline-offset:-4px}.video-player__controller media-time-range,.video-player__controller media-volume-range,.video-player__controller media-time-display{--media-control-hover-background:transparent}.video-player__controller media-time-range{--media-preview-thumbnail-max-height:0;--media-preview-thumbnail-max-width:0;--media-preview-thumbnail-min-height:0;--media-preview-thumbnail-min-width:0}.video-player__controller .video-player__platform{color:var(--color-cloud-50);min-block-size:2.25rem;inline-size:5rem;padding-block:0;padding-inline:var(--space-sm);border-radius:999px;justify-content:center;align-self:center;align-items:center;transition:background-color .2s ease-out;display:inline-flex}.video-player__controller .video-player__platform:hover,.video-player__controller .video-player__platform:focus-visible{background-color:color-mix(in srgb, var(--color-cloud-50) 22%, transparent);text-decoration:none}.video-player__cover img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.video-player__big-play{--media-button-icon-height:2em;z-index:1;--media-control-background:var(--color-brand-blue);--media-control-hover-background:var(--color-brand-blue);block-size:4.5em;box-shadow:0 .5em 2em color-mix(in srgb, var(--color-ink-950) 45%, transparent);border-radius:50%;inline-size:4.5em;transition:scale .2s,opacity .25s ease-out;position:relative}.video-player__big-play:hover,.video-player__big-play:focus-visible{scale:1.08}.video-player__controller:not([mediapaused]) .video-player__big-play,.video-player__controller[medialoading] .video-player__big-play{opacity:0;pointer-events:none}.video-player__platform{font-size:var(--text-sm);padding-inline:var(--space-xs);align-self:center;text-decoration:none}
