.video-player{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);inline-size:100%;overflow:hidden;position:relative}.video-player--rounded{border-radius:var(--radius-xl)}.video-player__poster{block-size:auto;display:block;inline-size:100%;max-block-size:680px;object-fit:cover}.video-player__trigger{background:transparent;block-size:100%;border:0;cursor:pointer;display:grid;inline-size:100%;inset:0;margin:0;padding:0;place-items:center;position:absolute;z-index:2}.video-player__play{background:var(--gradient-btn-primary);block-size:clamp(56px,8vw,88px);border-radius:var(--radius-full);box-shadow:var(--shadow-btn);display:grid;inline-size:clamp(56px,8vw,88px);place-items:center;transition:transform var(--transition-default)}.video-player__trigger:focus-visible .video-player__play,.video-player__trigger:hover .video-player__play{transform:scale(1.07)}.video-player__trigger:focus-visible{outline:none}.video-player__trigger:focus-visible .video-player__play{box-shadow:var(--shadow-btn),var(--shadow-focus-ring)}.video-player__editor-note{background-color:var(--color-feedback-success-bg);color:var(--color-text-heading);font-size:var(--font-size-2xs);inset-block-end:0;inset-inline:0;margin:0;padding:var(--space-xs) var(--space-sm);position:absolute;text-align:center;z-index:5}.video-player__play svg{block-size:auto;fill:var(--color-white);inline-size:34%;margin-inline-start:8%}.video-player__embed,.video-player__video{block-size:100%;border:0;display:none;inline-size:100%;inset:0;object-fit:cover;position:absolute;z-index:3}.video-player.is-playing .video-player__embed,.video-player.is-playing .video-player__video{display:block}.video-player.is-playing .video-player__trigger{display:none}@media (prefers-reduced-motion:reduce){.video-player__play{transition:none}}