.scroll-carousel{--cols: var(--columns-mobile, 2);--peek: var(--peek-mobile, 0%);position:relative;display:block;overflow:hidden}@media screen and (min-width:750px){.scroll-carousel{--cols: var(--columns-tablet, var(--columns-desktop, 4))}}@media screen and (min-width:990px){.scroll-carousel{--cols: var(--columns-desktop, 4);--peek: var(--peek-desktop, 0%)}}.scroll-carousel__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.scroll-carousel__viewport::-webkit-scrollbar{display:none}.scroll-carousel.is-dragging .scroll-carousel__viewport{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.scroll-carousel__track{display:flex;gap:var(--grid-gap, 16px)}.scroll-carousel__track>*{flex:0 0 calc((100% - var(--peek) - (var(--cols) - 1) * var(--grid-gap, 16px)) / var(--cols));scroll-snap-align:start}.scroll-carousel__arrow{position:absolute;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;transform:translateY(-50%);border:none;border-radius:var(--radius-full);background-color:var(--color-background);color:var(--color-foreground);box-shadow:0 4px 20px #1414141f;cursor:pointer;transition:opacity var(--duration-base) ease,background-color var(--duration-base) ease}.scroll-carousel__arrow:hover:not(:disabled){background-color:var(--color-surface-hover)}.scroll-carousel__arrow:disabled{opacity:0;pointer-events:none}.scroll-carousel__arrow--prev{left:var(--space-3)}.scroll-carousel__arrow--next{right:var(--space-3)}.scroll-carousel[data-single] .scroll-carousel__arrow,.scroll-carousel[data-single] .scroll-carousel__dots{display:none}@media screen and (max-width:989px){.scroll-carousel__arrow{display:none}}.scroll-carousel__dots{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-6);margin-bottom:var(--space-2)}.scroll-carousel__dot{width:8px;height:8px;padding:0;border:1px solid var(--color-foreground);border-radius:var(--radius-full);background-color:transparent;cursor:pointer;transition:transform var(--duration-fast) ease,background-color var(--duration-fast) ease}.scroll-carousel__dot.is-active{background-color:var(--color-foreground);transform:scale(1.2)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-scroller.css.map */