carousel-component{display:block;position:relative}@media screen and (min-width: 800px){carousel-component{overflow:hidden}}.carousel__slide{scroll-snap-align:start;flex-shrink:0;width:100%}@media screen and (min-width: 800px){.carousel__slide{width:33.33%}}.carousel{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;display:flex}.carousel{scrollbar-color:rgb(var(--color-foreground)) rgba(var(--color-foreground),.04);-ms-overflow-style:none;scrollbar-width:none}.carousel::-webkit-scrollbar{height:.4rem;width:.4rem;display:none}.no-js .carousel{-ms-overflow-style:auto;scrollbar-width:auto}.no-js .carousel::-webkit-scrollbar{display:initial}.carousel::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground));border-radius:.4rem;border:0}.carousel::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.04);border-radius:.4rem}.carousel-counter{margin:0 1.2rem}.carousel-button{background:var(--color-base-accent);border:none;cursor:pointer;width:4.5rem;height:4.5rem;position:absolute;border-radius:100%;transition:transform var(--duration-default) var(--cubic)}.carousel-button--next{top:50%;right:2rem;transform:translate(calc(100% + 2rem),-50%)}.carousel-button--prev{top:50%;left:2rem;transform:translate(calc(-100% - 2rem),-50%)}carousel-component:hover .carousel-button--next,carousel-component:hover .carousel-button--prev{transform:translateY(-50%)}.carousel-button--next .icon{transform:rotate(0);margin-top:4px;margin-left:4px}.carousel-button--prev .icon{transform:rotate(180deg);margin-top:4px;margin-right:4px}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:1.2rem;position:absolute;bottom:-4rem;left:0;right:0;z-index:2}.carousel-dot{background-color:var(--color-base-text);width:1.5rem;height:1.5rem;border-radius:100%;cursor:pointer;border:none;opacity:.3}.carousel-dot--current{opacity:1}@media screen and (max-width: 799px){.carousel-dot{padding:0;margin-left:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/396/assets/component-carousel.css.map */