.hero-collection-carousel__inner{display:grid;grid-gap:10px;margin:5px auto}@media only screen and (min-width: 768px){.hero-collection-carousel__inner{grid-template-columns:repeat(var(--hero-collection-carousel-columns),1fr)}}.hero-collection-carousel__item{display:flex;flex-direction:column;min-width:0;position:relative;gap:10px;border-radius:10px;overflow:hidden}.hero-collection-carousel__item-footer{position:absolute;left:0;right:0;bottom:0;z-index:21;display:flex;flex-direction:column}.hero-collection-carousel-spacing--none .hero-collection-carousel__inner{grid-gap:0;margin:0 auto}.hero-collection-carousel-spacing--small .hero-collection-carousel__inner{grid-gap:10px;margin:5px auto}.hero-collection-carousel.hero-collection-carousel-spacing--small .hero-collection-carousel__item figure{border-radius:10px}.hero-collection-carousel-spacing--medium .hero-collection-carousel__inner{grid-gap:10px;margin:10px auto}.hero-collection-carousel-spacing--large .hero-collection-carousel__inner{grid-gap:30px;margin:30px auto}.hero-collection-carousel__item figure>svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5}.hero-collection-carousel__item figure{position:relative;width:100%;overflow:hidden;height:0;background:var(--color-accent);padding-bottom:var(--ratio-percent);border-radius:10px}.hero-collection-carousel__item figure.aspect-ratio--portrait{padding-bottom:125%}.hero-collection-carousel__item figure.aspect-ratio--square{padding-bottom:100%}.hero-collection-carousel__item figure.aspect-ratio--landscape{padding-bottom:75%}.hero-collection-carousel__item figure img,.hero-collection-carousel__item figure svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;object-fit:cover}.hero-collection-carousel__item figure:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity))}.hero-collection-carousel__related{display:flex;flex-direction:column;min-width:0;gap:8px;padding:12px 14px;border:1px solid var(--color-border, #e6e6e6);border-radius:0 0 8px 8px;background:var(--bg-body, #fff);box-shadow:0 2px 4px #0000000a;color:var(--color-body, #1c1c1c)}.hero-collection-carousel__item .hero-collection-carousel__related{max-height:30%}.hero-collection-carousel__banner{padding:10px 14px;border:1px solid var(--color-border, #e6e6e6);background:#3339;box-shadow:0 2px 4px #0000000a;color:#fff!important;line-height:1.4;text-align:inherit}.hero-collection-carousel__banner,.hero-collection-carousel__banner *{color:#fff!important}.hero-collection-carousel__banner h1,.hero-collection-carousel__banner h2,.hero-collection-carousel__banner h3,.hero-collection-carousel__banner h4,.hero-collection-carousel__banner h5,.hero-collection-carousel__banner h6{text-align:left;margin:0}.hero-collection-carousel__related-scroll{position:relative;overflow:visible;margin:0;width:100%;padding:0}.hero-collection-carousel__related-list{display:flex;gap:12px;min-width:0;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.hero-collection-carousel__related-list .carousel__slide{flex:0 0 auto;scroll-snap-align:start}.hero-collection-carousel__related-list a{display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:0;color:inherit;text-decoration:none;font-size:.875rem;scroll-snap-align:start;transition:color .2s ease;min-width:96px}.hero-collection-carousel__related-image-wrapper{width:64px;height:64px;position:relative;display:block;aspect-ratio:1 / 1}.hero-collection-carousel__related-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#f2f2f2;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, #e6e6e6)}.hero-collection-carousel__related-image img{width:100%;height:100%;object-fit:cover}.hero-collection-carousel__related-initial{font-weight:600;color:var(--color-body, #1c1c1c)}.hero-collection-carousel__related-name{text-align:center;line-height:1.3;word-break:break-word;white-space:normal}.hero-collection-carousel__related-list a:hover,.hero-collection-carousel__related-list a:focus{color:var(--color-accent, #000);outline:none}.hero-collection-carousel__related-scroll .flickity-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:50;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--color-body);background:var(--bg-body, #fff);color:var(--color-body, #1c1c1c);cursor:pointer}.hero-collection-carousel__related-scroll .flickity-next{right:-5px;left:auto}.hero-collection-carousel__related-scroll .flickity-prev{left:-5px;right:auto}.hero-collection-carousel__related-scroll .flickity-nav svg{display:block;padding:0;width:6px;height:10px;fill:none}.hero-collection-carousel__related-scroll .flickity-nav svg path{stroke:#252525;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hero-collection-carousel__related-scroll .flickity-prev svg{transform:none!important}.hero-collection-carousel__related-scroll .flickity-button,.hero-collection-carousel__related-scroll .flickity-prev-next-button{display:flex}.hero-collection-carousel__item-content-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:block}@media only screen and (max-width: 767px){.hero-collection-carousel.swipe-on-mobile .hero-collection-carousel__inner{grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(var(--mobile-swipe-width),1fr));scroll-snap-type:x mandatory}.hero-collection-carousel.swipe-on-mobile .hero-collection-carousel__inner .hero-collection-carousel__item{scroll-snap-align:center;scroll-snap-stop:always}.row:not(.full-width-row-full) .hero-collection-carousel.swipe-on-mobile .hero-collection-carousel__inner{margin:0 -15px;width:calc(100% + 30px)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hero-collection-carousel.css.map */