.video{--columns:52;letter-spacing:.07em;isolation:isolate;width:100%;height:100%;position:relative;overflow:clip}.video:before{content:"";background-color:var(--color-cream-200);transition:opacity var(--animation-base);pointer-events:none;z-index:-1;position:absolute;inset:0}.video__preview{width:100%;height:100%;color:var(--black0);z-index:3;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.video__preview .picture{z-index:-1}.video__preview__img{z-index:0;position:absolute;top:0;left:0}.video__el{cursor:pointer;object-fit:cover;width:100%;height:100%}.video__el[autoplay=autoplay]{cursor:default}.video__toggle{z-index:2;width:24px;height:24px;color:var(--black0);background:0 0;border:thin solid #ffffff1a;justify-content:center;align-items:center;display:flex;position:absolute;bottom:10px;right:10px}.video__toggle>span{position:absolute}.video__toggle>span svg{width:100%;height:100%}.video__controls{pointer-events:none;width:100%;color:var(--black0);z-index:1;grid-template-columns:repeat(var(--columns), 1fr);background:linear-gradient(#0000 0%,#0000001a 30%,#0006 70%,#000000b3 100%);align-content:flex-end;height:100%;padding-bottom:34px;display:grid;position:absolute;bottom:0}@media screen and (width<=63.9375rem){.video__controls{display:none}}.video__controls__inner{pointer-events:all;grid-column:3/span 48;align-items:center;gap:17px;display:flex}