.product-card-carousel:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.4);outline-offset:.15rem;border-radius:.2rem}.card--media .card__inner:has(.product-card-carousel){z-index:2;position:relative}.card--media .card__inner:has(.product-card-carousel)>.card__media{z-index:0;position:absolute}.card--media .card__inner:has(.product-card-carousel)>.card__content{z-index:1;position:relative;pointer-events:none}.card--media .card__inner:has(.product-card-carousel) .card__badge{pointer-events:auto;position:relative}.product-card-carousel{position:relative;width:100%;height:100%;z-index:0;isolation:isolate;--pcc-arrow-size: 2.6rem;--pcc-dot-size: .45rem;--pcc-dot-active: var(--fcc-accent, #F475A8);--pcc-btn-bg: #fff;--pcc-btn-border: rgba(0, 0, 0, .45);--pcc-dots-clear-atc: 6.5rem;--pcc-z-controls: 3}.product-card-carousel__viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit}.product-card-carousel__track{display:flex;flex-direction:row;width:calc(100% * var(--pcc-slides, 1));min-height:100%;will-change:transform;transition:transform .3s ease;transform:translateZ(0)}.product-card-carousel__slide{position:relative;flex:0 0 calc(100% / var(--pcc-slides, 1));min-width:0;min-height:100%}.product-card-carousel__imglink{display:block;width:100%;height:100%;text-decoration:none}.product-card-carousel__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;vertical-align:middle}.product-card-carousel__controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--pcc-z-controls);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}@media(hover:hover){.card-wrapper:has([data-pcard-carousel]):hover .product-card-carousel__controls,.fcc-card:has([data-pcard-carousel]):hover .product-card-carousel__controls{opacity:1;visibility:visible}}@media(prefers-reduced-motion:reduce){.product-card-carousel__controls{transition:none}}.product-card-carousel__arrow,.product-card-carousel__dot{pointer-events:auto}.product-card-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--pcc-arrow-size);height:var(--pcc-arrow-size);padding:0;margin:0;border:.1rem solid var(--pcc-btn-border);border-radius:50%;background:var(--pcc-btn-bg);color:#000000d9;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:0;box-shadow:0 .05rem .15rem #00000014}.product-card-carousel__arrow .svg-wrapper{display:flex;width:1.1rem;height:1.1rem}.product-card-carousel__arrow--prev{left:.4rem}.product-card-carousel__arrow--prev .svg-wrapper{transform:rotate(180deg)}.product-card-carousel__arrow--next{right:.4rem}.product-card-carousel__arrow:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem}.product-card-carousel__arrow:disabled,.product-card-carousel__arrow[aria-disabled=true]{opacity:.35;cursor:not-allowed}.product-card-carousel__dots{position:absolute;left:50%;bottom:.5rem;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;max-width:calc(100% - 5rem);pointer-events:auto}.product-card-carousel--fcc .product-card-carousel__dots{bottom:.5rem}.fcc-card__media:has(.fcc-card__overlay) .product-card-carousel__dots{bottom:var(--fcc-atc-bar-clearance, var(--pcc-dots-clear-atc))}.product-card-carousel__dot{width:var(--pcc-dot-size);height:var(--pcc-dot-size);padding:0;border:none;border-radius:50%;background:#fff;box-shadow:0 0 0 .04rem #0003;cursor:pointer;transition:background .2s ease,transform .2s ease}.product-card-carousel__dot.is-active{background:var(--pcc-dot-active);transform:scale(1.15);box-shadow:0 0 0 .04rem #0000001f}.product-card-carousel__dot:focus-visible{outline:.15rem solid rgba(var(--color-foreground),.4);outline-offset:.1rem}.product-card-carousel--fcc{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fcc-card__media .product-card-carousel__arrow--prev{left:.25rem}.fcc-card__media .product-card-carousel__arrow--next{right:.25rem}.card__inner .media .product-card-carousel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-card-product-carousel.css.map */