.carousel-slider{position:relative}@media screen and (min-width: 750px) and (max-width: 989px){.grid--1-col-tablet{grid-template-columns:repeat(1,minmax(0,1fr))}.grid--2-col-tablet{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3-col-tablet{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4-col-tablet{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width: 749px){.grid--1-col-mobile{grid-template-columns:repeat(1,minmax(0,1fr))}.grid--2-col-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}}carousel-slider-component{position:relative;display:block}.carousel-slider .slider{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:var(--grid-desktop-horizontal-spacing, 2rem)}.carousel-slider .slider::-webkit-scrollbar{display:none}.carousel-slider .slider__slide{flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:always}@media screen and (max-width: 749px){.carousel-slider .slider--everywhere .slider__slide{flex:0 0 calc(100% / var(--mobile-columns, 1) - var(--grid-mobile-horizontal-spacing, 1rem))}.carousel-slider .grid--1-col-mobile .slider__slide{flex:0 0 calc(100% - 2rem)}.carousel-slider .grid--2-col-mobile .slider__slide{flex:0 0 calc(50% - 1rem)}}@media screen and (min-width: 750px) and (max-width: 989px){.carousel-slider .slider--everywhere .slider__slide{flex:0 0 calc(100% / var(--tablet-columns, 2) - var(--grid-tablet-horizontal-spacing, 1.5rem))}.carousel-slider .grid--1-col-tablet .slider__slide{flex:0 0 calc(100% - 3rem)}.carousel-slider .grid--2-col-tablet .slider__slide{flex:0 0 calc(50% - 1.5rem)}.carousel-slider .grid--3-col-tablet .slider__slide{flex:0 0 calc(33.333% - 1rem)}.carousel-slider .grid--4-col-tablet .slider__slide{flex:0 0 calc(25% - .75rem)}}@media screen and (min-width: 990px){.carousel-slider .slider--everywhere .slider__slide{flex:0 0 calc(100% / var(--desktop-columns, 4) - var(--grid-desktop-horizontal-spacing, 2rem))}.carousel-slider .grid--1-col-desktop .slider__slide{flex:0 0 calc(100% - 4rem)}.carousel-slider .grid--2-col-desktop .slider__slide{flex:0 0 calc(50% - 2rem)}.carousel-slider .grid--3-col-desktop .slider__slide{flex:0 0 calc(33.333% - 1.5rem)}.carousel-slider .grid--4-col-desktop .slider__slide{flex:0 0 calc(25% - 1.5rem)}.carousel-slider .grid--5-col-desktop .slider__slide{flex:0 0 calc(20% - 1.2rem)}.carousel-slider .grid--6-col-desktop .slider__slide{flex:0 0 calc(16.666% - 1rem)}}.carousel-slider .slider-buttons{display:flex;align-items:center;justify-content:center;margin-top:2rem;gap:1rem}.carousel-slider .slider-button{background:rgba(var(--color-foreground),.1);border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:rgb(var(--color-foreground))}.carousel-slider .slider-button:hover{background:rgba(var(--color-foreground),.2);border-color:rgba(var(--color-foreground),.4);transform:scale(1.05)}.carousel-slider .slider-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.carousel-slider .slider-button:disabled:hover{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.2);transform:none}.carousel-slider .slider-button--autoplay{background:rgba(var(--color-base-accent-1),.1);border-color:rgba(var(--color-base-accent-1),.3);color:rgb(var(--color-base-accent-1))}.carousel-slider .slider-button--autoplay:hover{background:rgba(var(--color-base-accent-1),.2);border-color:rgba(var(--color-base-accent-1),.5)}.carousel-slider .slider-button--autoplay.playing{background:rgba(var(--color-base-accent-1),.2)}.carousel-slider .autoplay-icon{font-size:12px;line-height:1}.carousel-slider .autoplay-icon--pause,.carousel-slider .slider-button--autoplay.playing .autoplay-icon--play{display:none}.carousel-slider .slider-button--autoplay.playing .autoplay-icon--pause{display:inline}.carousel-slider .slider-counter{background:rgba(var(--color-foreground),.05);border-radius:20px;padding:.5rem 1rem;font-size:.875rem;color:rgb(var(--color-foreground));min-width:60px;text-align:center}.carousel-slider .slider[data-touch-enabled=true]{cursor:grab}.carousel-slider .slider[data-touch-enabled=true]:active{cursor:grabbing}.carousel-slider .slider[data-mouse-drag=true]{-webkit-user-select:none;user-select:none}.carousel-slider .slider[data-autoplay=true]{scroll-behavior:smooth}@media screen and (max-width: 749px){.carousel-slider .slider-buttons{margin-top:1.5rem}.carousel-slider .slider-button{width:40px;height:40px}.carousel-slider .slider-counter{font-size:.8rem;padding:.4rem .8rem;min-width:50px}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.carousel-slider .slider__slide{animation:slideIn .5s ease-out}.carousel-slider .slider-button:focus-visible{outline:2px solid rgb(var(--color-base-accent-1));outline-offset:2px}.carousel-slider .slider:focus-visible{outline:2px solid rgb(var(--color-base-accent-1));outline-offset:2px}.carousel-slider .slider[data-loading=true]{opacity:.7;pointer-events:none}.carousel-slider .slider.grid--peek{padding-right:2rem}@media screen and (max-width: 749px){.carousel-slider .slider.grid--peek{padding-right:1rem}}.carousel-slider .multicolumn-card{transition:transform .3s ease,box-shadow .3s ease;height:100%}.carousel-slider .multicolumn-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(var(--color-foreground),.1)}.carousel-slider .multicolumn-card__image{transition:transform .3s ease}.carousel-slider .multicolumn-card:hover .multicolumn-card__image{transform:scale(1.05)}.carousel-slider .multicolumn-card__image-wrapper{overflow:hidden;border-radius:8px}.carousel-slider .autoplay-progress{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:rgba(var(--color-foreground),.2);border-radius:2px;overflow:hidden}.carousel-slider .autoplay-progress:after{content:"";position:absolute;top:0;left:0;height:100%;background:rgb(var(--color-base-accent-1));border-radius:2px;animation:progress-bar var(--autoplay-duration, 5s) linear infinite}@keyframes progress-bar{0%{width:0%}to{width:100%}}.carousel-slider .slider-button--autoplay:not(.playing)+.autoplay-progress:after{animation-play-state:paused}
/*# sourceMappingURL=/cdn/shop/t/94/assets/carousel-slider.css.map */