.card--media .card__inner{z-index:2}.card--media .card__inner>.card__content{pointer-events:none}.card-slider{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:pointer}.card-slider__track{display:flex;height:100%;will-change:transform;transition:transform .35s cubic-bezier(.25,.46,.45,.94);user-select:none;-webkit-user-select:none}.card-slider__slide{flex:0 0 100%;width:100%;height:100%;position:relative;min-width:0;overflow:hidden;backface-visibility:hidden}.card-slider__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:#ffffffd9;border:none;border-radius:50%;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-slider__arrow svg{width:.8rem;height:1.4rem;color:rgb(var(--color-button))}.card-slider__arrow--prev{left:.8rem}.card-slider__arrow--next{right:.8rem}@media(hover:hover){.card-wrapper:hover .card-slider__arrow{opacity:1}.card-slider__arrow:hover{background:#fffffff2}}@media(max-width:749px){.card-slider__arrow{display:none}}.card-quick-add{position:absolute;bottom:.8rem;right:.8rem;z-index:3;pointer-events:auto}.card-quick-add .form{margin:0}.card-quick-add__btn{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;min-width:unset;border:none;border-radius:50%;background:#ffffffd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;color:rgba(var(--color-foreground),.75);transition:opacity .2s ease,background .15s ease;position:relative}.card-quick-add__btn>svg{width:24px;height:24px;flex-shrink:0}.card-quick-add__btn .loading-overlay__spinner{width:2rem;height:2rem}@media(hover:hover){.card-quick-add__btn{opacity:0}.card-wrapper:hover .card-quick-add__btn{opacity:1}.card-quick-add__btn:hover:not(:disabled){background:#fffffff2;color:rgb(var(--color-foreground))}}@media(max-width:749px){.card-quick-add__btn{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/card-product-slider.css.map */
