scroll-carousel{display:block;--scroll-carousel-gap: 1.6rem;--scroll-carousel-mobile-gap: 1.2rem;--scroll-carousel-track-color: var(--slate-gray);--scroll-carousel-thumb-color: var(--obsidian-black);--scroll-carousel-arrow-color: var(--obsidian-black);--scroll-carousel-dot-color: var(--stone-gray);--scroll-carousel-dot-active-color: var(--clay-orange);--scroll-carousel-snap: x mandatory}.scroll-carousel__track{display:flex;gap:var(--scroll-carousel-mobile-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:var(--scroll-carousel-snap);scrollbar-width:none;overflow-y:hidden}@media screen and (min-width:750px){.scroll-carousel__track{gap:var(--scroll-carousel-gap)}}.before-after-reviews__carousel .scroll-carousel__track{gap:.8rem;border-radius:.8rem}@media screen and (min-width:750px){.before-after-reviews__carousel .scroll-carousel__track{gap:1.2rem}}.scroll-carousel__track::-webkit-scrollbar{display:none}.scroll-carousel__track:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.scroll-carousel__track>*{flex-shrink:0;scroll-snap-align:start}.scroll-carousel__controls{display:flex;align-items:center;gap:1.6rem;margin-block-start:2.4rem}@media screen and (min-width:750px){.scroll-carousel__controls{margin-block-start:4rem}}scroll-carousel:not([data-overflowing]) .scroll-carousel__controls{display:none}.scroll-carousel__controls--dots{justify-content:center;margin-block-start:2.4rem}.scroll-carousel__progress{position:relative;flex:1;block-size:2px;overflow:hidden}.scroll-carousel__progress:before{content:"";position:absolute;inset-inline:0;inset-block-start:50%;block-size:1px;background-color:var(--scroll-carousel-track-color);transform:translateY(-50%)}.scroll-carousel__progress-thumb{position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--scroll-carousel-visible, 1) * 100%);background-color:var(--scroll-carousel-thumb-color);transform:translate(calc(var(--scroll-carousel-offset, 0) * 100%));transition:transform .15s linear}.scroll-carousel__arrows{display:flex;gap:1.2rem}@media screen and (min-width:750px){.scroll-carousel__arrows{gap:1.6rem}}.scroll-carousel__arrow{display:inline-flex;align-items:center;justify-content:center;inline-size:3.2rem;block-size:3.2rem;padding:0;border:1px solid var(--scroll-carousel-arrow-color);border-radius:50%;background:transparent;color:var(--scroll-carousel-arrow-color);cursor:pointer}.scroll-carousel__arrow:disabled{opacity:.4;cursor:default}.scroll-carousel__arrow:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.scroll-carousel__dots{display:flex;align-items:center;gap:.6rem}.scroll-carousel__dot{display:block;inline-size:.6rem;block-size:.6rem;border-radius:.3rem;background-color:var(--scroll-carousel-dot-color);transition:inline-size .2s ease}.scroll-carousel__dot--active{inline-size:2rem;background-color:var(--scroll-carousel-dot-active-color)}@media(prefers-reduced-motion:reduce){.scroll-carousel__track{scroll-behavior:auto}.scroll-carousel__progress-thumb,.scroll-carousel__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-scroll-carousel.css.map */