.video-play-button{--video-play-button-icon-transform:translateX(calc(var(--icon-size) * .09));aspect-ratio:1;color:var(--color-interactive-primary-contrast);border-radius:var(--radius-full);cursor:pointer;z-index:var(--z-10);background:#1b1b1be6;justify-content:center;align-items:center;transition:transform .15s ease-in-out;display:flex;overflow:hidden}@media (hover:hover){.video-play-button:hover,[data-play-button-parent]:hover .video-play-button{transform:scale(1.1)}}.video-play-button{inline-size:var(--size-9);--icon-size:var(--size-4)}@supports (container-type:inline-size){.video-play-button{--icon-size:clamp(var(--size-3), 8cqi, var(--size-6));inline-size:calc(var(--icon-size) * 2)}}.video-play-button-icon{transform:var(--video-play-button-icon-transform);transition:transform .15s ease-in-out}@media (width>=768px){:root{--font-size-display-xs:var(--font-size-md);--font-size-display-sm:var(--font-size-xl);--font-size-display-md:var(--font-size-3xl);--font-size-display-lg:var(--font-size-5xl);--font-size-display-xl:var(--font-size-7xl);--font-size-display-2xl:var(--font-size-10xl);--space-1:var(--size-1);--space-2:var(--size-2);--space-3:var(--size-3);--space-4:var(--size-4);--space-5:var(--size-5);--space-6:var(--size-6);--space-8:var(--size-8);--space-10:var(--size-10);--space-12:var(--size-12);--space-14:var(--size-14);--space-16:var(--size-16);--space-18:var(--size-18);--space-20:var(--size-20);--space-30:var(--size-30);--space-40:var(--size-40)}}.video-player{aspect-ratio:16/9;border-radius:var(--video-player-border-radius,var(--radius-md));justify-content:center;align-items:center;display:flex;position:relative;overflow:clip}.video-player[data-state=idle]{cursor:pointer}.video-player[data-state=started]>:not(.video-player-source){display:none}.video-player .video-player-source{z-index:var(--z-0);background:0 0;position:absolute;inset:0}.video-player .video-player-source iframe{border:0;width:100%;height:100%;position:absolute}.video-player .video-player-source mux-player{width:100%;height:100%;position:absolute;inset:0}.video-player .video-player-poster{width:100%;z-index:var(--z-10);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;container-type:inline-size}.video-player .video-player-poster-image{object-fit:cover;object-position:center;background-color:var(--color-black);width:100%;height:100%;display:block;position:absolute}.video-player .video-player-duration{z-index:var(--z-10);right:var(--video-player-duration-inset,var(--radius-md));bottom:var(--video-player-duration-inset,var(--radius-md));pointer-events:none;position:absolute}.video-player .video-player-error{justify-content:center;align-items:center;gap:var(--size-1);background-color:var(--color-surface-10);color:var(--color-text-negative-emphasis);display:flex;position:absolute;inset:0}.video-player .video-player-youtube-click-trap{width:100%;position:absolute}.video-player .video-player-youtube-click-trap[data-position=top]{height:60px;top:0}.video-player .video-player-youtube-click-trap[data-position=bottom]{height:52px;bottom:0}.video-player .video-player-mux{--media-background-color:transparent}@media (width>=768px){:root{--font-size-display-xs:var(--font-size-md);--font-size-display-sm:var(--font-size-xl);--font-size-display-md:var(--font-size-3xl);--font-size-display-lg:var(--font-size-5xl);--font-size-display-xl:var(--font-size-7xl);--font-size-display-2xl:var(--font-size-10xl);--space-1:var(--size-1);--space-2:var(--size-2);--space-3:var(--size-3);--space-4:var(--size-4);--space-5:var(--size-5);--space-6:var(--size-6);--space-8:var(--size-8);--space-10:var(--size-10);--space-12:var(--size-12);--space-14:var(--size-14);--space-16:var(--size-16);--space-18:var(--size-18);--space-20:var(--size-20);--space-30:var(--size-30);--space-40:var(--size-40)}}