.carousel{--slide-gap-active: var(--slide-gap);--slide-size-active: var(--slide-size)}@media screen and (min-width:768px){.carousel{--slide-gap-active: var(--slide-gap-tablet);--slide-size-active: var(--slide-size-tablet)}}@media screen and (min-width:1024px){.carousel{--slide-gap-active: var(--slide-gap-desktop);--slide-size-active: var(--slide-size-desktop)}}@media screen and (min-width:1440px){.carousel{--slide-gap-active: var(--slide-gap-wide);--slide-size-active: var(--slide-size-wide)}}@media screen and (min-width:1920px){.carousel{--slide-gap-active: var(--slide-gap-extra-wide);--slide-size-active: var(--slide-size-extra-wide)}}.carousel [hidden]{display:none!important}.carousel__viewport{position:relative;overflow:hidden}.carousel__viewport[disabled] .carousel__container{transform:none!important}.carousel__container{display:flex;margin-left:calc(var(--slide-gap-active) * -1);touch-action:pan-y pinch-zoom}.carousel__container>*{flex:0 0 var(--slide-size-active);padding-left:var(--slide-gap-active);-webkit-user-select:none;user-select:none}@media screen and (min-width:1920px){.carousel--center .carousel__container{justify-content:center}}.carousel--center .carousel__viewport[disabled] .carousel__container{justify-content:center}.carousel__buttons{display:flex;align-items:center;width:100%}.carousel__buttons--inside{position:absolute;top:50%;left:50%;justify-content:space-between;padding-inline:16px;transform:translate(-50%,-50%);pointer-events:none}.carousel__buttons--inside .carousel__button{width:14px;height:14px}.carousel__buttons--outside{justify-content:flex-end;gap:16px;margin-bottom:12px;width:fit-content;margin-left:auto}.carousel__button{width:12px;height:12px;padding:0;border:0;color:var(--color-primary);background-color:transparent;-webkit-tap-highlight-color:rgba(var(--color-primary),.5);appearance:none;-webkit-appearance:none;cursor:pointer;pointer-events:auto;touch-action:manipulation}.carousel__button:disabled{color:var(--color-disabled);cursor:not-allowed}.carousel__button-icon{width:100%;height:100%}.carousel__progress{display:flex;justify-content:center;align-items:center}.carousel__progress--dots{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.carousel__progress--slider{position:absolute;bottom:0;left:0;z-index:1;display:flex;justify-content:flex-start;width:100%;height:1px;background-color:var(--color-bg-lighter);pointer-events:none}.carousel__progress--slider .carousel__progress-item{width:calc(100% / var(--item-count, 1));height:100%;background-color:var(--color-bg-inverse);transform:translate(calc((var(--item-count, 1) - 1) * 100% * var(--scroll-progress, 0)))}.carousel__progress-item{display:inline-flex;width:4px;height:4px;padding:0;border:0;background-color:var(--color-bg-light);-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);appearance:none;-webkit-appearance:none;cursor:pointer;transition:background-color .3s ease;touch-action:manipulation}.carousel__progress-item--selected{background-color:var(--color-bg-inverse);cursor:auto}@media screen and (min-width:768px){.carousel__buttons--inside{width:calc(100% + 60px);transition:width .3s ease}.carousel__viewport:hover .carousel__buttons--inside{width:100%}.carousel__progress--dots{margin-top:32px}}@media screen and (min-width:1440px){.carousel__progress--dots{margin-top:40px}}.product-carousel{overflow:hidden}@media screen and (min-width:1440px){.product-carousel--flatlay .carousel__container>*{flex-basis:min(var(--slide-size-active),calc(300px + var(--slide-gap-active)))}}.product-carousel__wrapper{position:relative;margin-top:var(--spacing-top);margin-bottom:var(--spacing-bottom)}@media screen and (max-width:767px){.product-carousel__wrapper{margin-top:var(--spacing-top-mobile);margin-bottom:var(--spacing-bottom-mobile)}}.product-carousel__tabs{--gap: 16px;display:flex;flex-wrap:nowrap;gap:var(--gap);width:calc(100% - 80px);margin:0 16px 16px;overflow:auto;scrollbar-width:none}.product-carousel__tabs::-webkit-scrollbar{display:none}@media(min-width:768px){.product-carousel__tabs{--gap: 24px;margin:0 24px 24px}}.product-carousel__tab{position:relative;padding-block:2px;text-wrap-mode:nowrap;cursor:pointer}.product-carousel__tab:has(:checked){cursor:default}.product-carousel__tab:has(:checked):after{--left: 0px;--right: 0px}.product-carousel__tab:has(~* :checked):after{--left: var(--gap-max);--right: var(--gap-min)}.product-carousel--single .product-carousel__tab{padding:0}.product-carousel--tabs .product-carousel__tab:after{--gap-min: calc(var(--gap) * -1);--gap-max: calc(100% + var(--gap));content:"";position:absolute;bottom:0;left:var(--left, var(--gap-min));right:var(--right, var(--gap-max));height:1px;background:var(--color-bg-inverse);transition:left .5s cubic-bezier(.25,.8,.25,1),right .5s cubic-bezier(.25,.8,.25,1)}.product-carousel--padded .product-carousel__content{margin-inline-start:16px}@media(min-width:768px){.product-carousel--padded .product-carousel__content{margin-inline:24px}}.product-carousel .carousel__buttons--outside{position:absolute;top:0;right:12px;z-index:1;min-height:20px;margin:0}@media(min-width:768px){.product-carousel .carousel__buttons--outside{right:24px}}.product-carousel--single .carousel__buttons--outside{min-height:16px}.cart-recs{padding:0 12px}@media screen and (min-width:768px){.cart-recs{padding:0 24px}}.cart-recs__title{padding:64px 0 12px}@media screen and (min-width:768px){.cart-recs__title{padding:96px 0 24px}}.cart-recs--mini{width:calc(100% + 32px);margin-left:-16px}.cart-recs--mini .cart-recs__title{padding-top:32px;padding-bottom:12px;padding-left:12px}@media screen and (min-width:768px){.cart-recs--mini .cart-recs__title{padding-top:48px;padding-bottom:24px}}@media screen and (min-width:768px){.cart-recs--mini{width:calc(100% + 48px);margin-left:-24px;padding-left:0;padding-right:0}.cart-recs--mini .cart-recs__title{padding-left:24px}}
/*# sourceMappingURL=/cdn/shop/t/336/assets/carousel.css.map */