carousel-component,product-carousel{--gap: 16px;--slide-max-width: 100%;--slide-min-width: 160px;display:block;position:relative}.carousel__controls{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:10}.carousel__track{display:flex;overflow-x:auto;gap:var(--gap);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.carousel__track--pad{padding-left:1rem;padding-right:1rem;scroll-padding-left:1rem;scroll-padding-right:1rem}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{flex:0 0 auto;scroll-snap-align:start;max-width:var(--slide-max-width);min-width:var(--slide-min-width);box-sizing:border-box;width:var(--slide-mobile-width-adjusted, var(--slide-mobile-width, 100%))}@media (min-width: 768px){.carousel__slide{width:var(--slide-desktop-width-adjusted, var(--slide-desktop-width, 100%))}}.carousel__button{align-items:center;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border-radius:50%;cursor:pointer;display:flex;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:18px;height:44px;justify-content:center;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;-webkit-user-select:none;user-select:none;width:44px;background:rgba(var(--color-button-text, 255, 255, 255),.75);color:rgba(var(--color-button, 0, 0, 0),1)}.carousel__button:hover:not(:disabled){background:rgba(var(--color-button-text, 255, 255, 255),1);box-shadow:0 4px 6px -1px #0000001a}.carousel__button:focus{outline:2px solid #3b82f6;outline-offset:2px}.carousel__button:disabled{opacity:0;cursor:not-allowed}.carousel__button--left{left:16px;transform:translateY(-50%) translate(0)}.carousel__button--left:disabled{transform:translateY(-50%) translate(-60px)}.carousel__button--right{right:16px;transform:translateY(-50%) translate(0)}.carousel__button--right:disabled{transform:translateY(-50%) translate(60px)}@media (prefers-reduced-motion: reduce){.carousel__button{transition:none}.carousel__track{scroll-behavior:auto}}carousel-component:focus-within .carousel__button{outline:2px solid #3b82f6;outline-offset:2px}.carousel__border{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(to left,var(--color-sunrise),var(--color-sunset));border-radius:1px;pointer-events:none}carousel-component:has(.carousel__track--pad) .carousel__border{left:1rem;right:1rem}@media (min-width: 1440px){carousel-component:has(.carousel__track--xl) .carousel__border{left:calc(50vw - 720px);right:calc(50vw - 720px)}}@media (min-width: 1440px){.carousel__track--xl{padding-left:calc(50vw - 720px);padding-right:calc(50vw - 720px);scroll-padding-left:calc(50vw - 720px);scroll-padding-right:calc(50vw - 720px)}.carousel__track--xl>*{scroll-snap-align:center}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/carousel.css.map */