.video{letter-spacing:.07em;background-color:var(--color-neutral-150);width:100%;height:100%;position:relative;overflow:clip}.video:before{-webkit-mask:var(--settings-placeholder-pattern,var(--settings-monogram)) center/min(20%, var(--space-1200)) no-repeat;mask:var(--settings-placeholder-pattern,var(--settings-monogram)) center/min(20%, var(--space-1200)) no-repeat;content:"";background-color:var(--color-neutral-300);transition:opacity var(--animation-base);pointer-events:none;z-index:var(--z-default);position:absolute;inset:0}@media (prefers-reduced-motion){.video:before{transition-duration:0s!important}}.video__preview{width:100%;height:100%;z-index:var(--z-stack);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.video__preview .picture{z-index:-1}@media (prefers-reduced-motion:reduce){.video__preview{opacity:1;display:flex}}.video__player-button{z-index:var(--z-elevated);width:fit-content;height:fit-content;margin:auto;inset:0}.video__player-button.button--primary{background-color:var(--color-neutral-900-32);-webkit-backdrop-filter:blur(var(--blur-10));backdrop-filter:blur(var(--blur-10))}@media screen and (width<=63.9375rem){.video__player-button.button--primary{width:var(--space-800);height:var(--space-800);padding:var(--space-250)}}.video__player-button .button__inner{align-items:center;gap:var(--space-200);display:inline-flex}@media (prefers-reduced-motion:reduce){.video__player-button.button{display:none}}@media screen and (width<=63.9375rem){.video__player-button-label{display:none}}.video .video__player-button.button{z-index:var(--z-elevated);position:absolute}.video__player-button-icon{width:var(--space-300);height:var(--space-300);display:block}.video__el{cursor:pointer;object-fit:cover;width:100%;height:100%;z-index:var(--z-stack);position:relative}.video__el[autoplay=autoplay]{cursor:default}@media (prefers-reduced-motion:reduce){.video__el--button-player{cursor:default}}.video:has(>.video__player-button) .video__el{z-index:var(--z-raised)}.video__toggle{z-index:var(--z-elevated);height:var(--space-600);width:var(--space-600);color:var(--color-neutral-900);right:var(--space-300);bottom:var(--space-300);transition:transform var(--animation-press);border-radius:var(--border-radius-control);border:1px solid var(--color-neutral-0-20);background:var(--color-neutral-0-68);-webkit-backdrop-filter:blur(var(--blur-2));backdrop-filter:blur(var(--blur-2));grid-template-areas:"stack";place-items:center;display:grid;position:absolute}@media screen and (width>=64rem){.video__toggle{right:var(--space-500);bottom:var(--space-500)}}.video__toggle:active:not([disabled]){transform:scale(.98)}@media (prefers-reduced-motion:reduce){.video__toggle{display:none}.video__toggle--focus-only{display:grid}}.video__toggle--focus-only:not(:focus-visible){clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.video__toggle-icon{transition:opacity var(--animation-micro);grid-area:stack}.video__toggle-icon svg{width:var(--space-300);height:var(--space-300);display:block}.video__toggle .video__toggle-icon--pause,.video__toggle.is-playing .video__toggle-icon--play,.video__controls-toggle .video__toggle-icon--pause,.video__controls-toggle.is-playing .video__toggle-icon--play{opacity:0}.video__toggle.is-playing .video__toggle-icon--pause,.video__controls-toggle.is-playing .video__toggle-icon--pause{opacity:1}.video__controls{--color-focus-ring:currentcolor;padding:var(--space-300);color:var(--color-neutral-0);pointer-events:none;z-index:var(--z-elevated);background:linear-gradient(#0000 0%,#0000001a 30%,#0006 70%,#000000b3 100%);align-items:flex-end;display:flex;position:absolute;inset:0}@media screen and (width>=64rem){.video__controls{padding:var(--space-600)}}@media (prefers-reduced-motion:reduce){.video__controls{display:none}}.video__controls-inner{align-items:center;gap:var(--space-300);width:100%;height:var(--space-400);pointer-events:all;display:flex}@media screen and (width>=64rem){.video__controls-inner>button{min-width:var(--space-400);min-height:var(--space-400)}}.video__controls-toggle{color:currentColor;flex-shrink:0;grid-template-areas:"stack";place-items:center;display:grid}