.video-grid{display:grid;gap:2rem;width:100%;margin:0 auto}.video-grid--1{grid-template-columns:minmax(0,1fr);max-width:48rem}.video-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.video-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media screen and (max-width:989px){.video-grid--3,.video-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.video-grid{gap:1.2rem}.video-grid--2,.video-grid--3,.video-grid--4{grid-template-columns:minmax(0,1fr)}}.video-grid__item{position:relative;width:100%;aspect-ratio:var(--video-grid-ratio, 9 / 16);max-height:var(--video-grid-max-height, 500px);overflow:hidden;border-radius:var(--media-radius);background-color:rgba(var(--color-foreground),.04)}.video-grid__video,.video-grid__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-grid__video{opacity:0;transition:opacity .4s ease}.video-grid__item.is-playing .video-grid__video{opacity:1}.video-grid__poster{z-index:0}.video-grid__item.is-unavailable .video-grid__video{display:none}.video-grid__toggle{position:absolute;z-index:2;bottom:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;cursor:pointer;color:rgb(var(--color-background));background-color:rgba(var(--color-foreground),.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s ease,opacity .2s ease}.video-grid__toggle:hover{background-color:rgba(var(--color-foreground),.85)}.video-grid__toggle:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.video-grid__item.is-unavailable .video-grid__toggle{display:none}.video-grid__toggle svg{width:1.6rem;height:1.6rem;fill:currentColor}.video-grid__toggle .video-grid__icon-play{display:block}.video-grid__toggle .video-grid__icon-pause,.video-grid__item.is-playing .video-grid__toggle .video-grid__icon-play{display:none}.video-grid__item.is-playing .video-grid__toggle .video-grid__icon-pause{display:block}@media(prefers-reduced-motion:reduce){.video-grid__video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-home-video-grid.css.map */