.video-item{display:flex;flex-direction:column;gap:var(--space--4xs)}.video-item__inner{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--border-radius--s);overflow:hidden}.video-item__cover{position:relative;width:100%;height:100%}.video-item__cover--inner{width:100%;height:100%}.video-item__button{--play-button--background: var(--color--brand-4);--play-button--color: var(--color--brand-1);position:absolute;z-index:2;bottom:0%;left:50%;top:50%;transform:translate(-50%, -50%);padding:0;border:none;background:none;cursor:pointer;width:5.625rem;height:5.625rem}.video-item__button svg path{transition:all .2s ease-in-out}@media(max-width: 47.99em){.video-item__button{width:3.5rem;height:3.5rem}}.video-item__button:focus,.video-item__button:active{--play-button--background: var(--color--brand-1);--play-button--color: var(--color--brand-4)}@media(hover: hover){.video-item__button:hover{--play-button--background: var(--color--brand-1);--play-button--color: var(--color--brand-4)}}.video-item__video{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity .3s ease;visibility:hidden}.video-item__video-element{width:100%;height:100%;object-fit:contain}.video-item__caption{font-size:calc(16/16*1rem + (16 - 16)*var(--fluid-bp));font-family:var(--type--3--font-family);font-weight:400;margin:0;max-width:100%;text-align:start}.video-item iframe{width:100%;height:100%;border:0;margin:0}.video-item--playing .video-item__cover{opacity:0;visibility:hidden}.video-item--playing .video-item__video{opacity:1;visibility:visible}