.media-grid--grid{display:grid;grid-auto-flow:dense;gap:var(--grid-gap, 1rem);width:100%;align-items:start;grid:auto-flow dense var(--grid-height-mobile) / repeat(2,minmax(0,1fr));position:relative}.media-grid--item{background:rgba(var(--background-color-media));border-radius:var(--rounded-block);overflow:hidden;width:100%;height:100%;position:relative;grid-area:span var(--grid-row-span) / span var(--grid-column-span)}.media-grid--inner{padding:1.3rem;max-height:100%;overflow-y:auto}.media-grid--img{position:absolute;top:0rem;left:0rem;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.media-grid--img:after{content:"";position:absolute;top:0rem;left:0rem;bottom:0rem;right:0rem;background-color:rgba(var(--background-color-overlay) / var(--overlay-color-opacity))}.media-grid--img :is(img,svg,video){width:100%;height:100%;object-fit:cover;pointer-events:none;transition:all .3s ease-in-out}.media-grid--img :is(img,.deferred-media){width:100%;height:100%;transition:all .3s ease-in-out}.media-grid--hover:hover .media-grid--img img,.media-grid--hover .media-grid--img .deferred-media{display:none;opacity:0;visibility:hidden}.media-grid--hover:hover .media-grid--img .deferred-media{display:block;opacity:1;visibility:visible;z-index:1}.media-grid--item:hover .media-grid--img :is(img,.placeholder-svg){transform:scale3d(1.1,1.1,1);transform-style:preserve-3d}.media-grid-content--wrapper{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;z-index:2;position:relative}.media-grid-content--wrapper :is(.media-grid--title,.description){color:rgba(var(--media-grid-text))}@media(min-width:768px){.media-grid--grid{grid:auto-flow dense auto / repeat(4,minmax(0,1fr))}.media-grid--item{grid-area:span var(--grid-row-span) / span var(--grid-column-span)}.media-grid--inner{padding:1.5rem}}@media(max-width:1024px){.media-grid--grid,.media-grid--grid .swiper-slide{height:auto!important}.media-grid--img{position:relative!important}.media-grid--item{overflow:visible!important}.media-grid--grid.swiper{display:block}.media-grid--grid .swiper-wrapper{display:flex}.media-grid--grid .swiper-slide{width:calc(100% - 48px);flex-shrink:0;height:auto;border-radius:var(--rounded-block);overflow:visible;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.media-grid--grid .swiper-slide .media-grid--img{position:relative;height:auto;aspect-ratio:16 / 9;width:100%;overflow:hidden;pointer-events:auto;border-radius:var(--rounded-block)}.media-grid--grid .swiper-slide .media-grid--img :is(img,svg,video){width:100%;height:100%;object-fit:cover}.media-grid--grid .swiper-slide .media-grid-content--wrapper{position:relative;z-index:1;width:100%;background:rgb(var(--background-color-input, 255 255 255));color:rgb(var(--text-color, 0 0 0));margin-top:.75rem;border-radius:var(--rounded-block);box-shadow:0 4px 12px #00000014;overflow:visible;height:auto}.media-grid--grid .swiper-slide .media-grid--inner{padding:1rem}.swiper-pagination[data-media-grid-pagination]{display:flex;gap:8px;justify-content:center;margin-top:20px;padding-bottom:0;position:relative}.swiper-pagination[data-media-grid-pagination] .swiper-pagination-bullet{width:9px;height:9px;border-radius:50%;background:#0000001f;opacity:1;transition:background .2s ease}.swiper-pagination[data-media-grid-pagination] .swiper-pagination-bullet-active{background:#7b2cfa}}.media-grid--play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.media-grid--play:focus{outline:2px solid rgba(var(--text-color),.8);outline-offset:4px}.media-grid--play-icon svg{display:block}.media-grid--badge{position:absolute;left:1rem;right:1rem;bottom:1.25rem;z-index:3;background:#000000b3;color:#fff;padding:.6rem 1rem;border-radius:6px;font-size:.95rem;display:inline-block}.video-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:none;align-items:center;justify-content:center;z-index:99999;padding:2rem}.video-modal-overlay.is-visible{display:flex}.video-modal-content{position:relative;width:min(1200px,95%);max-width:1200px;aspect-ratio:16 / 9;background:transparent}.video-modal-content iframe{width:100%;height:100%;border:0}.video-modal-close{position:absolute;top:-1.25rem;right:-1.25rem;background:#0009;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6}.video-modal-close svg{width:18px;height:18px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/media-grid.css.map */