card-slider{display:block;position:relative;width:100%;height:100%}.card-slider__scroller{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;height:100%}.card-slider__scroller::-webkit-scrollbar{display:none}.card-slider__slide{flex:0 0 100%;width:100%;scroll-snap-align:start;position:relative}.card-slider__btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:0;transition:opacity .2s;color:#000;filter:drop-shadow(0 1px 2px rgba(255,255,255,.5))}.card-slider__btn:hover{background:transparent}.card-slider__btn svg{width:16px;height:16px}.card-slider__btn--prev{left:4px}.card-slider__btn--next{right:4px}.card-slider__btn--prev svg{transform:rotate(-90deg)}.card-slider__btn--next svg{transform:rotate(90deg)}.card-slider__btn--hidden{opacity:0!important;pointer-events:none!important}.card-slider--desktop-only .card-slider__btn{display:none}.card-slider--desktop-only .card-slider__scroller{overflow-x:hidden}@media screen and (min-width:750px){.card-slider--desktop-only .card-slider__btn{display:flex}.card-slider--desktop-only .card-slider__scroller{overflow-x:auto}.card-slider--mobile-only .card-slider__btn{display:none!important}.card-slider--mobile-only .card-slider__scroller{overflow-x:hidden!important}.card-slider--both .card-slider__btn,.card-slider--desktop-only .card-slider__btn{opacity:0;pointer-events:none}.card-slider--both:hover .card-slider__btn:not(.card-slider__btn--hidden),.card-slider--desktop-only:hover .card-slider__btn:not(.card-slider__btn--hidden),.card-slider--both:focus-within .card-slider__btn:not(.card-slider__btn--hidden),.card-slider--desktop-only:focus-within .card-slider__btn:not(.card-slider__btn--hidden){opacity:1;pointer-events:auto}}@media screen and (max-width:749px){.card-slider--both .card-slider__btn,.card-slider--mobile-only .card-slider__btn{display:flex;opacity:1;pointer-events:auto}.card-slider--both .card-slider__scroller,.card-slider--mobile-only .card-slider__scroller{overflow-x:auto}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/card-slider.css.map */