.section-wrapper:has(.media-grid-mousetrap){overflow:hidden;isolation:isolate;position:relative}.media-grid-mousetrap{aspect-ratio:1;position:absolute;width:1500px;height:1500px;display:block;visibility:visible;border-radius:100%;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--spotlight-opacity, .7);background:radial-gradient(circle,var(--body-background-spotlight) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0) 100%)}.media-grid-wrapper{display:block;position:relative}.media-grid-list{display:grid;gap:var(--column-gap)}.media-grid-item{border-radius:var(--card-radius);grid-column:span var(--column-span);grid-row:span var(--row-span);height:100%;max-height:calc((var(--desktop-height) + var(--column-gap) * var(--row-span)) * var(--row-span));width:100%}.media-grid-slideshow{width:100%;height:100%}html.no-js .media-grid-slideshow.splide{visibility:visible}html.no-js .media-grid-slideshow-item{width:100%}.media-grid-slideshow-item{position:relative;overflow:hidden;border-radius:var(--card-radius)}.media-grid-slideshow-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;isolation:isolate;border-radius:var(--card-radius);background:var(--card-background-gradient)}.media-grid-slideshow .splide__track{height:100%}.media-grid-media{height:100%;width:100%}.media-grid-content{max-width:calc(100% - 30px);max-height:calc(100% - 30px);overflow:hidden;overflow-y:auto;position:absolute}.media-grid-content-inner{direction:ltr;display:grid;padding:4px;animation-delay:.6s;gap:var(--row-gap, 8px)}.splide--ltr .media-grid-slideshow-item.slide-active .media-grid-content-inner,.splide--rtl.moving-reverse .media-grid-slideshow-item.slide-active .media-grid-content-inner{animation:slideInRight .5s ease-out forwards}.splide--rtl .media-grid-slideshow-item.slide-active .media-grid-content-inner,.splide--ltr.moving-reverse .media-grid-slideshow-item.slide-active .media-grid-content-inner{animation:slideInLeft .5s ease-out forwards}.splide--ttb .media-grid-slideshow-item.slide-active .media-grid-content-inner{animation:slideInBottom .5s ease-out forwards}.splide--ttb.moving-reverse .media-grid-slideshow-item.slide-active .media-grid-content-inner{animation:slideInTop .5s ease-out forwards}html.no-js .media-grid-content-inner,html.no-animation .media-grid-content-inner{opacity:1}.media-grid-nav-group{pointer-events:none;padding:0 30px;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;z-index:2}.media-grid-nav-button{--svg-wrapper-size: 12px;pointer-events:auto;width:48px;height:48px;border-radius:100px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;color:var(--slider-arrow-color);border:1px solid var(--slider-arrow-color)}.media-grid-button-wrapper{margin-top:10px}.media-grid-track,.media-grid-items,.media-grid-items .media-grid-slideshow-item{height:100%}@media (max-width:767px){.media-grid-content{padding-block:10px}.media-grid-button-wrapper .button-element.button-animated,.media-grid-button-wrapper .button-element.button-large,.media-grid-button-wrapper .button-element.button-medium,.media-grid-button-wrapper .button-element.button-small{--button-width: 80px;--button-height: 35px;--svg-wrapper-size: 12px;font-size:var(--text-xs)}.media-grid-button-wrapper .button-element.button-solid-animated.button-medium,.media-grid-button-wrapper .button-element.button-solid-animated.button-small,.media-grid-button-wrapper .button-element.button-solid-animated.button-large{padding-inline:8px;padding-block:4px;transform:none;--icon-text-gap: 2px}.media-grid-button-wrapper .button-element.button-solid-animated .button-text{padding:0}.media-grid-button-wrapper .button:not(.icon-button){padding:4px 8px}.media-grid-nav-group{padding:0 10px}.media-grid-list{grid-template-columns:repeat(2,minmax(0px,1fr));grid-auto-rows:minmax(var(--mobile-height),auto)}}@media (min-width:768px){.media-grid-list{grid-template-columns:repeat(4,minmax(0px,1fr));grid-auto-rows:minmax(var(--desktop-height),auto)}.media-grid-content{padding-block:20px;max-width:calc(100% - 40px);max-height:calc(100% - 30px);width:100%}}@media (min-width:1025px){.media-grid-nav-button{--svg-wrapper-size: 16px;width:48px;height:48px}.media-grid-nav-button:hover{border-color:var(--slider-arrow-bg);background:var(--slider-arrow-bg)}}@media (min-width:1200px){.media-grid-nav-button{opacity:0;transition:all .3s ease}.media-grid-nav-button.button-prev{-webkit-animation:slideOutLeft .3s ease-in forwards;animation:slideOutLeft .3s ease-in forwards}.media-grid-nav-button.button-prev.show,.media-grid-wrapper:focus-within .media-grid-nav-button.button-prev{-webkit-animation:slideInLeft .3s ease-out forwards;animation:slideInLeft .3s ease-out forwards}.media-grid-nav-button.button-next{-webkit-animation:slideOutRight .3s ease-in forwards;animation:slideOutRight .3s ease-in forwards}.media-grid-nav-button.button-next.show,.media-grid-wrapper:focus-within .media-grid-nav-button.button-next{-webkit-animation:slideInRight .3s ease-out forwards;animation:slideInRight .3s ease-out forwards}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/media-grid.css.map */