.sero-carousel{--carousel-gap: 12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.sero-carousel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sero-carousel__heading.related-products__heading{margin:0;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sero-carousel__arrows{display:none;gap:8px}.sero-carousel__arrow{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.sero-carousel__arrow:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.sero-carousel__arrow:disabled{opacity:.3;cursor:default}.sero-carousel__track{display:flex;gap:var(--carousel-gap);margin:0 -1.5rem;padding:0 1.5rem 4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 1.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.sero-carousel__track::-webkit-scrollbar{display:none}.sero-carousel__slide{flex:0 0 calc((100% - var(--carousel-gap)) / 1.6);scroll-snap-align:start;min-width:0}.sero-carousel__slide .card__heading{font-size:13px;letter-spacing:.06em;text-transform:uppercase}.sero-carousel__progress{position:relative;height:2px;margin-top:18px;border-radius:2px;background:rgba(var(--color-foreground),.1);overflow:hidden}.sero-carousel__progress span{position:absolute;top:0;bottom:0;left:0;width:30%;border-radius:2px;background:#a38883;transition:transform .2s ease-out,width .2s ease-out}@media screen and (min-width:750px){.sero-carousel{--carousel-gap: 20px}.sero-carousel__heading.related-products__heading{font-size:16px}.sero-carousel__arrows{display:inline-flex}.sero-carousel__track{margin:0;padding:0 0 4px;scroll-padding:0}.sero-carousel__slide{flex-basis:calc((100% - var(--carousel-gap) * 2) / 3)}}@media screen and (min-width:990px){.sero-carousel__slide{flex-basis:calc((100% - var(--carousel-gap) * (var(--carousel-columns, 4) - 1)) / var(--carousel-columns, 4))}}@media(prefers-reduced-motion:no-preference){.sero-carousel__track{scroll-behavior:smooth}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-sero-carousel.css.map */