.collection-scroll-carousel{--carousel-side: clamp(20px, 4.3vw, 88px);--carousel-start-offset: 50vw;--carousel-card-width: clamp(260px, 21.5vw, 450px);background:#fff;overflow:hidden;padding:120px 40px 215px}.collection-scroll-carousel__scroller{margin-inline:calc(var(--carousel-side) * -1);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.collection-scroll-carousel__scroller::-webkit-scrollbar{display:none}.collection-scroll-carousel__content{box-sizing:border-box;min-width:max-content;padding-left:var(--carousel-start-offset);margin:0 40px}.collection-scroll-carousel__heading{position:sticky;left:var(--carousel-side);width:max-content;max-width:calc(100vw - (var(--carousel-side) * 2));margin:0 0 20px;color:#1c1b19;font-family:Inter Tight,sans-serif;font-size:16px;font-weight:500;line-height:20px;letter-spacing:1%;text-transform:uppercase;z-index:1}.collection-scroll-carousel__track{display:flex;align-items:flex-start;gap:20px;width:max-content}.collection-scroll-carousel__card{display:block;flex:0 0 var(--carousel-card-width);color:inherit;scroll-snap-align:start;text-decoration:none}.collection-scroll-carousel__image{position:relative;overflow:hidden;background:#e1d9cf}.collection-scroll-carousel__image-layer,.collection-scroll-carousel__placeholder{display:block;width:100%;aspect-ratio:1 / 1.25}.collection-scroll-carousel__image-layer{transition:transform .52s cubic-bezier(.22,1,.36,1)}.collection-scroll-carousel__image-layer--main{position:relative;z-index:2;transform:translateY(0)}.collection-scroll-carousel__image-layer--hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform:translateY(100%)}.collection-scroll-carousel__image img,.collection-scroll-carousel__placeholder{display:block;width:100%;height:100%;object-fit:cover}.collection-scroll-carousel__placeholder{height:auto}.collection-scroll-carousel__card:hover .collection-scroll-carousel__image.has-hover .collection-scroll-carousel__image-layer--main{transform:translateY(-100%)}.collection-scroll-carousel__card:hover .collection-scroll-carousel__image.has-hover .collection-scroll-carousel__image-layer--hover{transform:translateY(0)}.collection-scroll-carousel__title{margin:12px 0 0;font-family:Inter Tight,sans-serif;font-size:12px;font-weight:500;line-height:14px;letter-spacing:-1%;text-transform:uppercase;color:#171724}.collection-scroll-carousel__description{max-width:240px;color:#3a3835;font-family:Inter Tight,sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:2%;margin:0}@media screen and (max-width:989px){.collection-scroll-carousel{--carousel-start-offset: 24vw;--carousel-card-width: clamp(230px, 42vw, 360px);padding-block:88px}}@media screen and (max-width:749px){.collection-scroll-carousel{--carousel-start-offset: 0px;--carousel-card-width: min(78vw, 320px);padding:64px 40px}.collection-scroll-carousel__heading{left:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-scroll-carousel.css.map */