.embed-container{height:auto;max-width:100%;overflow:hidden;position:relative}.embed-container.arrow--black{--arrow-color:#000}.embed-container.arrow--white{--arrow-color:#fff}.embed-container.aspectratio--1-1{--ratio:1/1}.embed-container.aspectratio--4-3{--ratio:4/3}.embed-container.aspectratio--3-4{--ratio:3/4}.embed-container.aspectratio--3-2{--ratio:3/2}.embed-container.aspectratio--2-3{--ratio:2/3}.embed-container.aspectratio--16-9{--ratio:16/9}.embed-container.aspectratio--9-16{--ratio:9/16}.embed-container .embed-preview{align-items:center;background-image:var(--image);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;transform:translateY(0);transition:opacity .25s 0s,transform .25s .25s;width:100%}.embed-container .embed-preview.hide{opacity:0;transform:translateY(100%)}.embed-container .embed-preview svg{height:70px;width:70px}@media (min-width:768px){.embed-container .embed-preview svg{height:120px;width:120px}}.embed-container .embed-preview svg path{fill:var(--arrow-color)}.embed-container iframe{aspect-ratio:var(--ratio);background-color:#000;border:none;display:block;height:100%;width:100%}