:where(.c-play-pause-button){position:relative;width:fit-content;height:fit-content;cursor:pointer;--un-text-opacity:1;color:rgb(var(--theme-colors-text-onSecondaryInteractive) / var(--un-text-opacity));--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-secondary) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-secondary) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onSecondaryStrong);--theme-colors-medium-on-X:var(--theme-colors-onSecondaryMedium);--theme-colors-subtle-on-X:var(--theme-colors-onSecondarySubtle);--theme-colors-disabled-on-X:var(--theme-colors-onSecondaryDisabled);--theme-colors-danger-on-X:var(--theme-colors-onSecondaryDanger);--theme-colors-interactive-on-X:var(--theme-colors-onSecondaryInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onSecondaryInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onSecondaryInteractiveActive);--theme-colors-onIndent-on-X:var(--theme-colors-onSecondaryOnIndent);--theme-colors-onIndentHover-on-X:var(--theme-colors-onSecondaryOnIndentHover);--theme-colors-onIndentActive-on-X:var(--theme-colors-onSecondaryOnIndentActive);--theme-colors-indent-on-X:var(--theme-colors-onSecondaryIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onSecondaryIndentActive);--theme-colors-text-strong-on-X:var(--theme-colors-text-onSecondaryStrong);--theme-colors-text-medium-on-X:var(--theme-colors-text-onSecondaryMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onSecondarySubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onSecondaryDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onSecondaryDanger);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onSecondaryInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onSecondaryInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onSecondaryInteractiveActive);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onSecondaryOnIndent);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onSecondaryOnIndentHover);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onSecondaryOnIndentActive);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onSecondaryExtraStrong);--theme-colors-border-strong-on-X:var(--theme-colors-border-onSecondaryStrong);--theme-colors-border-medium-on-X:var(--theme-colors-border-onSecondaryMedium);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onSecondarySubtle);--theme-colors-border-danger-on-X:var(--theme-colors-border-onSecondaryDanger);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onSecondaryInteractive);padding:var(--theme-spacing-2xs, var(--theme-spacing-2xs--sm));border-radius:var(--theme-borderRadius-button, var(--theme-borderRadius-button--sm))}:where(.c-play-pause-button):hover{--un-text-opacity:1;color:rgb(var(--theme-colors-text-onSecondaryInteractiveHover) / var(--un-text-opacity));--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-secondaryHover) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-secondaryHover) / var(--un-bg-opacity)) }:where(.c-play-pause-button):active{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-secondaryActive) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-secondaryActive) / var(--un-bg-opacity)) }:where(.c-video-player){aspect-ratio:16 / 9;height:auto;isolation:isolate;overflow:clip;position:relative;width:100%}.c-video-player>*{height:100%;width:100%}.c-video-player__overlay{left:0;pointer-events:none;position:absolute;top:0}:where(.c-video-player__overlay)>*{pointer-events:all}:where(.c-base-video){width:100%}:where(.c-base-video__wrapper){position:relative;width:100%;max-height:65vh;overflow:hidden;border-radius:var(--theme-borderRadius-xl, var(--theme-borderRadius-xl--sm))}:where(.c-base-video-caption){margin-top:24px;width:100%}@media (min-width: 60em){:where(.c-base-video-caption){width:calc(6 * var(--theme-layout-column-of-12, var(--theme-layout-column-of-12--sm)) + 5 * var(--theme-layout-gutter, var(--theme-layout-gutter--sm)))}}