.kv-carousel{position:relative;width:100%;aspect-ratio:var(--kv-ratio-mobile, .8);overflow:hidden;background:#f2f1ee;transition:aspect-ratio .4s ease;container-type:size;container-name:kv}@media screen and (min-width:750px){.kv-carousel{aspect-ratio:var(--kv-ratio-desktop, 1.78)}}.kv-carousel__track{position:relative;width:100%;height:100%}.kv-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease;will-change:opacity,transform}.kv-carousel__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.kv-carousel--slide .kv-carousel__slide{transform:translate(100%);transition:transform .6s cubic-bezier(.65,0,.35,1);opacity:1;visibility:visible;pointer-events:none}.kv-carousel--slide .kv-carousel__slide.is-active{transform:translate(0);pointer-events:auto}.kv-carousel--slide .kv-carousel__slide.is-prev{transform:translate(-100%)}.kv-carousel__link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.kv-carousel__media{position:relative;width:100%;height:100%}.kv-carousel__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.kv-carousel__img--mobile{display:none}@media screen and (max-width:749px){.kv-carousel__media--has-mobile .kv-carousel__img--desktop{display:none}.kv-carousel__media--has-mobile .kv-carousel__img--mobile{display:block}}.kv-carousel__placeholder{width:100%;height:100%;background:#e4e2dd}.kv-carousel__placeholder-svg{width:100%;height:100%;fill:#cfccc4}.kv-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--kv-overlay-opacity, 0);pointer-events:none}.kv-carousel__content{position:absolute;z-index:2;padding:clamp(8px,4cqmin,32px);display:flex;flex-direction:column;gap:clamp(3px,1.5cqmin,10px);max-width:min(640px,88%)}.kv-carousel__content--left{align-items:flex-start;text-align:left}.kv-carousel__content--center{align-items:center;text-align:center}.kv-carousel__content--right{align-items:flex-end;text-align:right}.kv-carousel__subheading{margin:0;font-size:var(--kv-subheading-size-mobile, clamp(11px, 1.4vw, 14px));font-weight:var(--kv-subheading-weight, 400);letter-spacing:.08em;text-transform:uppercase;color:var(--kv-subheading-color, #fff);text-shadow:0 1px 6px rgba(0,0,0,.35)}.kv-carousel__heading{margin:0;font-size:var(--kv-heading-size-mobile, clamp(18px, 3.2vw, 32px));font-weight:var(--kv-heading-weight, 700);line-height:1.35;color:var(--kv-heading-color, #fff);text-shadow:0 1px 8px rgba(0,0,0,.35)}@media screen and (min-width:750px){.kv-carousel__subheading{font-size:var(--kv-subheading-size-desktop, clamp(11px, 1.4vw, 14px))}.kv-carousel__heading{font-size:var(--kv-heading-size-desktop, clamp(18px, 3.2vw, 32px))}}.kv-carousel__button{display:inline-block;margin-top:clamp(4px,1vw,8px);padding:clamp(8px,1.4vw,13px) clamp(16px,3vw,26px);font-size:clamp(11px,1.2vw,14px);letter-spacing:.06em;border-radius:2px;transition:opacity .2s ease}.kv-carousel__link:hover .kv-carousel__button{opacity:.8}.kv-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:clamp(30px,6vw,44px);height:clamp(30px,6vw,44px);display:flex;align-items:center;justify-content:center;background:#000;border:none;border-radius:2px;color:#fff;cursor:pointer;transition:background .2s ease}.kv-carousel__arrow svg{width:clamp(8px,1.6vw,10px);height:auto}.kv-carousel__arrow:hover{background:#222}.kv-carousel__arrow--prev{left:clamp(8px,2vw,16px)}.kv-carousel__arrow--next{right:clamp(8px,2vw,16px)}.kv-carousel__dots{position:absolute;left:50%;bottom:clamp(4px,2.5cqmin,16px);transform:translate(-50%);z-index:3;display:flex;gap:clamp(3px,1.5cqmin,8px)}.kv-carousel__dot{width:clamp(3px,1.5cqmin,8px);height:clamp(3px,1.5cqmin,8px);border-radius:50%;border:none;background:#ffffff80;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.kv-carousel__dot.is-active{background:#fff;transform:scale(1.2)}@media(prefers-reduced-motion:reduce){.kv-carousel__slide,.kv-carousel--slide .kv-carousel__slide{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/keyvisual-carousel.css.map */