.collection-carousel{position:relative;--cc-card-min-height-mobile: 280px;--cc-card-min-height-desktop: 340px;--cc-media-aspect-ratio: 1 / 1;--cc-title-lines: 2}.collection-products-group__content{display:flex;flex-direction:column;gap:var(--gap, 24px)}.collection-carousel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--padding-xl, 1.25rem);gap:var(--padding-md, .8rem)}@media screen and (max-width:749px){.collection-carousel__header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--padding-sm, .5rem)}.collection-carousel__heading{font-size:var(--font-size--md, 1rem)}.collection-carousel__view-all{font-size:var(--font-size--xs, .8125rem);white-space:nowrap}}.collection-carousel__heading{margin:0;color:var(--color-foreground-heading)}.collection-carousel__view-all{display:inline-flex;align-items:center;gap:var(--padding-2xs, .25rem);color:var(--color-foreground);text-decoration:none;font-size:var(--font-size--sm, .875rem);transition:color var(--hover-transition-duration, .25s) var(--hover-transition-timing, ease-out)}.collection-carousel__view-all:hover,.collection-carousel__view-all:focus-visible{color:var(--color-primary);text-decoration:underline}.collection-carousel__view-all svg{flex-shrink:0}.collection-carousel__wrapper{position:relative}.collection-carousel__track{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-left:var(--padding-inline-start, 0);scroll-padding-right:var(--padding-inline-end, 0);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.collection-carousel__track::-webkit-scrollbar{display:none}.collection-carousel__track:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.collection-carousel__items{display:flex;gap:var(--padding-md, .8rem);padding-bottom:var(--padding-xs, .5rem);align-items:stretch}.collection-carousel__item{flex:0 0 var(--card-min-width-mobile);max-width:var(--card-min-width-mobile);scroll-snap-align:start;display:flex;height:100%;border:1px solid transparent;border-radius:var(--product-card-border-radius, var(--style-radius-lg, 12px));transition:border-color var(--hover-transition-duration, .25s) var(--hover-transition-timing, ease-out)}@media screen and (min-width:750px){.collection-carousel__item{flex:0 0 var(--card-min-width-desktop);max-width:var(--card-min-width-desktop)}}.collection-carousel__item:hover{border-color:rgb(var(--carousel-card-border-rgb, var(--color-border-rgb)) / var(--carousel-card-border-opacity, .4))}.collection-carousel .product-card{transition:none!important}.collection-carousel .product-card:hover{transform:none!important;box-shadow:none!important}.collection-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:var(--style-border-radius-50, 50%);border:1px solid transparent;background:rgb(var(--color-background-rgb) / .9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--hover-transition-duration, .25s) var(--hover-transition-timing, ease-out);padding:0}.collection-carousel__arrow:hover:not(:disabled){border-color:rgb(var(--carousel-arrow-border-rgb, var(--color-border-rgb)) / var(--carousel-arrow-border-opacity, .4))}.collection-carousel__arrow:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.collection-carousel__arrow:disabled{opacity:var(--opacity-40, .4);cursor:not-allowed}.collection-carousel__arrow--prev{left:var(--padding-xs, .5rem);display:none}.collection-carousel__arrow--next{right:var(--padding-xs, .5rem)}.collection-carousel__arrow--prev svg{transform:rotate(180deg)}@media screen and (min-width:750px){.collection-carousel__arrow--prev{display:flex}}@media screen and (max-width:749px){.collection-carousel__arrow{display:none}.collection-carousel[data-arrows-mobile=true] .collection-carousel__arrow{display:flex}}.collection-carousel__empty{text-align:center;padding:var(--padding-6xl, 4rem) var(--padding-lg, 1rem);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7))}.collection-carousel__track[data-enable-drag=true]{cursor:grab}.collection-carousel__track[data-enable-drag=true]:active{cursor:grabbing}
/*# sourceMappingURL=/cdn/shop/t/27/assets/collection-carousel.css.map */