.card__media-carousel{position:relative;width:100%;height:100%;overflow:hidden;display:block}.card__media:has(.card__media-carousel){z-index:2}.card__media-carousel .media{position:relative;width:100%;height:100%}.card__media-slides{display:flex;transition:transform .3s ease-out;height:100%;width:100%;will-change:transform}.card__media-slide{flex:0 0 100%;width:100%;min-width:100%;position:relative}.card__media-slide img{width:100%;height:100%;object-fit:cover;display:block}.card__media-slide a{display:block;width:100%;height:100%}.card__carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background-color .2s ease,box-shadow .2s ease;z-index:100;padding:0;box-shadow:0 2px 4px #0000001a;pointer-events:auto}.card__carousel-nav svg{width:14px;height:14px;pointer-events:none}.card__carousel-nav--prev{left:10px}.card__carousel-nav--next{right:10px}.card-wrapper:hover .card__carousel-nav,.card__media-carousel:hover .card__carousel-nav{opacity:1}.card__carousel-nav:hover{background:#fff;box-shadow:0 4px 8px #00000026}.card__carousel-nav:disabled{opacity:.3;cursor:default;pointer-events:none}.card__carousel-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:100;opacity:0;transition:opacity .2s ease;pointer-events:auto}.card-wrapper:hover .card__carousel-dots,.card__media-carousel.is-touching .card__carousel-dots{opacity:1}.card__carousel-dot{width:6px;height:6px;border-radius:50%;background:#fff9;border:1px solid rgba(0,0,0,.2);cursor:pointer;padding:0;transition:background-color .2s ease;pointer-events:auto}.card__carousel-dot.is-active{background:#fff}.card__carousel-dot:hover{background:#ffffffe6}@media screen and (max-width:749px){.card__carousel-nav{display:none!important}.card__carousel-dots{opacity:1}.card__media-carousel{touch-action:pan-y pinch-zoom}.card__media-slides{cursor:grab}.card__media-slides.is-dragging{cursor:grabbing;transition:none}}.card__badge{z-index:101}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-card-carousel.css.map */