card-slider{container-type:inline-size;--progress-fill: 0%;display:block;width:100%}.slider-track-wrapper{overflow:hidden}.slider-track{display:flex;gap:var(--card-gap-desktop);overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.slider-track::-webkit-scrollbar{display:none}.slider-card{position:relative;flex:0 0 calc((100% - ((var(--cards-desktop) - 1) * var(--card-gap-desktop))) / var(--cards-desktop));scroll-snap-align:start;scroll-snap-stop:normal;display:flex;flex-direction:column;overflow:hidden;background:var(--color-light)}.slider-controls{display:flex;align-items:center;gap:16px;margin-top:15px;margin-right:20px}.custom-page-width .slider-controls{margin-right:0}.slider-progress-track{flex:1;height:1px;background:#1b1b1b3b;border-radius:999px;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;cursor:default}card-slider .slider-progress-fill:empty{height:100%;width:var(--progress-fill, 0%);background:var(--primary-btn-bg);border-radius:999px;will-change:width;transition:width .12s linear;display:block}.slider-arrows{display:flex;gap:8px;flex-shrink:0}.slider-arrow{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;width:30px;height:30px;border-radius:50%;background:var(--primary-btn-bg);color:var(--primary-btn-text);flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease,transform .1s ease}.slider-arrow svg{width:13px;height:13px;pointer-events:none}.slider-arrow.slider-arrow--prev svg{transform:translate(-1px)}.slider-arrow.slider-arrow--next svg{transform:translate(1px)}.slider-arrow svg path{stroke-width:0;fill:var(--primary-btn-text)}.slider-arrow[disabled]{cursor:default;pointer-events:none;background:var(--primary-btn-disabled-bg)}.slider-arrow[disabled] svg path{fill:var(--primary-btn-bg)}@media(max-width:768px){card-slider{position:relative}.slider-card{flex:0 0 calc((100% - ((var(--cards-mobile) - 1) * var(--card-gap-mobile))) / var(--cards-mobile))}.slider-track{gap:var(--card-gap-mobile)}.slider-controls,.custom-page-width .slider-controls{gap:12px;margin-right:0}.custom-page-width .slider-controls{gap:0}.slider-arrow{width:30px;height:30px;position:absolute;top:calc(50% - 15px);right:15px;transform:translateY(-50%);z-index:3}.slider-arrow.slider-arrow.slider-arrow--prev{left:15px;right:unset}.slider-arrow svg{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/742/assets/card-slider-component.css.map */