.video-grid__item{position:relative;display:flex;flex-direction:column}.video-grid__media{position:relative;width:100%;aspect-ratio:var(--VIDEO-RATIO, 9 / 16);overflow:hidden;border-radius:var(--radius);background:var(--bg-accent, rgba(0, 0, 0, .04));cursor:pointer}.video-grid__thumbnail,.video-grid__video{position:absolute;top:0;left:0;width:100%;height:100%}.video-grid__thumbnail{display:flex;align-items:center;justify-content:center}.video-grid__video{opacity:0;transition:opacity .3s ease}.video-grid__video video{display:block;width:100%;height:100%;object-fit:cover}.video-grid__item.is-playing .video-grid__video{opacity:1}.video-grid__item.is-playing .video-grid__button .icon-play{display:none}.video-grid__item.is-playing .video-grid__button .icon-pause{display:flex}.video-grid__controls{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:calc(var(--inner) / 4);padding:var(--inner);pointer-events:none}.video-grid__button,.video-grid__badge{pointer-events:auto;background:var(--bg);color:var(--text);border-radius:var(--radius)}.video-grid__button{--icons: var(--text);--icon-size: 20px;display:flex;align-items:center;justify-content:center;width:calc(var(--icon-size) + var(--inner) / 2);height:calc(var(--icon-size) + var(--inner) / 2);padding:0;cursor:pointer;transition:none}.video-grid__button .icon-pause{display:none}.video-grid__badge{font-size:var(--body-small);padding:calc(var(--inner) / 4) calc(var(--inner) / 2)}.video-grid--autoplay .video-grid__button{display:none}.video-grid__video--embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-grid__poster{width:100%;height:100%;object-fit:cover;display:block}.video-grid__mute{--icons: var(--text);pointer-events:auto;display:flex;align-items:center;justify-content:center;width:calc(20px + var(--inner) / 2);height:calc(20px + var(--inner) / 2);padding:0;cursor:pointer;background:var(--bg);color:var(--text);border-radius:var(--radius);transition:none}.video-grid__mute .video-grid__icon-sound{display:none}.video-grid__item.is-unmuted .video-grid__mute .video-grid__icon-sound{display:block}.video-grid__item.is-unmuted .video-grid__mute .video-grid__icon-muted{display:none}.video-grid--autoplay .video-grid__mute{width:36px;height:36px}.video-grid--controls .video-grid__item.is-playing .video-grid__controls{display:none}.video-grid--controls .video-grid__item.is-playing .video-grid__media{cursor:default}.video-grid__caption{text-align:center;padding-top:calc(var(--inner) / 2)}@media only screen and (max-width:749px){.video-grid .grid--mobile-slider .grid-item{width:var(--MOBILE-SLIDER-WIDTH, 60%)}}@media only screen and (min-width:750px){.video-grid .grid--center-partial{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}.video-grid .grid--center-partial .grid-item{flex:0 0 auto;width:calc((100% - (var(--columns) - 1) * var(--gap)) / var(--columns))}}@media only screen and (max-width:749px){.video-grid .grid--center-partial.grid--mobile-vertical{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}.video-grid .grid--center-partial.grid--mobile-vertical .grid-item{flex:0 0 auto;width:calc((100% - (var(--columns) - 1) * var(--gap)) / var(--columns))}}
/*# sourceMappingURL=/cdn/shop/t/658/assets/video-grid.css.map */