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}}.carousel-thumb{aspect-ratio:1 / 1;border:1px solid #fff;overflow:hidden;transition:all .2s ease}.carousel-thumb img{width:100%;height:100%;object-fit:contain}.carousel-thumb:hover{border-color:var(--color-pine-light)}.carousel-thumb--active{box-shadow:0 0 0 2px var(--color-fairway),0 0 0 3px var(--color-pine-dark);outline:1px solid transparent;outline-offset:2px}.carousel-thumb--active:hover{border-color:#fff}.product-carousel .carousel__slide,.product-carousel-thumbs .carousel-thumb{background-color:#f3f3f3}
/*# sourceMappingURL=/cdn/shop/t/208/assets/carousel.css.map */