card-carousel{display:block;position:relative;height:100%}.card-wrapper card-carousel{z-index:2}.card-carousel__track{display:flex;height:100%;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;cursor:pointer}.card-carousel__track::-webkit-scrollbar{display:none}.card-carousel__slide{flex:0 0 100%;height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.card-carousel__slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.card-carousel__dots{position:absolute;bottom:.7rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem;pointer-events:none}.card-carousel__dot{width:.45rem;height:.45rem;border-radius:50%;background:#12121240;box-shadow:0 0 0 1px #ffffff8c;transition:background .15s ease}.card-carousel__dot.is-active{background:#121212e6}.card-carousel__arrow{display:none}@media screen and (min-width:750px)and (hover:hover){.card-carousel__arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:2.8rem;height:2.8rem;border-radius:50%;border:none;background:#ffffffeb;box-shadow:0 1px 4px #0000002e;cursor:pointer;opacity:0;transition:opacity .15s ease;padding:0}.card-wrapper:hover .card-carousel__arrow,.card-carousel__arrow:focus-visible{opacity:1}.card-carousel__arrow--prev{left:.6rem}.card-carousel__arrow--next{right:.6rem}.card-carousel__arrow .icon-caret{width:1rem;height:1rem}.card-carousel__arrow--prev .icon-caret{transform:rotate(90deg)}.card-carousel__arrow--next .icon-caret{transform:rotate(-90deg)}}card-carousel[data-slides="1"] .card-carousel__dots,card-carousel[data-slides="1"] .card-carousel__arrow{display:none}.card--media .card__inner>.card__content{position:relative;z-index:3;pointer-events:none}.card-swatches{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.6rem;position:relative;z-index:2}.card-swatch{display:block;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--swatch-color, #ccc);border:.1rem solid rgba(18,18,18,.18);padding:0;cursor:pointer}.card-swatch.is-active{box-shadow:0 0 0 .15rem rgb(var(--color-background, 255, 255, 255)),0 0 0 .28rem #121212bf}.cad-coll__card .card-swatches{margin:-6px 0 10px}.cad-coll__card .card-swatch.is-active{box-shadow:0 0 0 .15rem var(--bone, #f5f1ea),0 0 0 .28rem #121212bf}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-card-carousel.css.map */