.section-media-wall{overflow:hidden}.media-wall__wrapper{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 1.5rem}.media-wall__header{text-align:center;margin-bottom:2rem}.media-wall__header h2{margin:0 0 .5rem}.media-wall__header .media-wall__description{opacity:.7}.media-wall__slider{position:relative}.media-wall__track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none;padding:0;margin:0;list-style:none}@media(hover:hover){.media-wall__track{scroll-behavior:smooth;scroll-snap-type:x mandatory}}.media-wall__track::-webkit-scrollbar{display:none}.media-wall__slide{flex:0 0 auto;width:16rem;position:relative;scroll-snap-align:start}@media screen and (min-width:750px){.media-wall__slide{width:24rem}}.media-wall__media{position:relative;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;background:#80808014}.media-wall__media img,.media-wall__media video,.media-wall__media svg{width:100%;height:100%;object-fit:cover}.media-wall__video-poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transition:opacity .3s ease}.media-wall__video-poster.is-playing{opacity:0;pointer-events:none}.media-wall__video-poster img{width:100%;height:100%;object-fit:cover}.media-wall__shop-btn{position:absolute;bottom:.75rem;left:.75rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:var(--padding-xs) var(--padding-md);background:var(--color-primary-button-background, var(--color-foreground, #000));color:var(--color-primary-button-text, var(--color-background, #fff));border:none;border-radius:var(--style-border-radius-pill, 2rem);font-size:.75rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.media-wall__shop-btn:hover{opacity:.85}.media-wall__shop-btn svg{width:16px;height:16px;flex-shrink:0}.media-wall__controls{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem}.media-wall__nav-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border, rgba(128,128,128,.2));background:var(--color-background, #fff);color:var(--color-foreground, #000);cursor:pointer;transition:opacity .2s ease}@media screen and (min-width:750px){.media-wall__nav-btn{display:flex}}.media-wall__nav-btn:hover{opacity:.7}.media-wall__nav-btn svg{width:16px;height:16px}.media-wall__dots{display:flex;align-items:center;justify-content:center;gap:.5rem}.media-wall__dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--color-foreground, #000);opacity:.2;cursor:pointer;padding:0;transition:opacity .2s ease}.media-wall__dot.is-active{opacity:1}.media-wall__slider--overlay{position:relative}.media-wall__slider--overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;width:4rem;background:linear-gradient(to left,rgb(var(--color-background-rgb, 255, 255, 255)),rgb(var(--color-background-rgb, 255, 255, 255) / 0));pointer-events:none;z-index:1}.media-wall__deferred-media{position:relative;width:100%;height:100%}.media-wall__deferred-media template{display:none}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-media-wall.css.map */