.kit-carousel{position:relative;width:100%;overflow:hidden;background:var(--kc-bg, #ffffff);padding-top:var(--kc-pt-mobile);padding-bottom:var(--kc-pb-mobile);--kc-blur: var(--kc-blur-mobile, 0px)}.kit-carousel__header{display:flex;flex-direction:column;gap:32px;max-width:var(--kc-max-width, 1420px);margin:0 auto;padding:0 var(--kc-inset-x-mobile, 24px);margin-bottom:var(--kc-section-gap-mobile, 60px)}.kit-carousel__heading{font-family:Inter,sans-serif;font-weight:var(--kc-heading-weight, 600);font-size:var(--kc-heading-size-mobile, 40px);line-height:1;letter-spacing:-.03em;color:var(--kc-heading-color, #181b22);margin:0}.kit-carousel__heading p{margin:0;line-height:inherit}.kit-carousel__intro-col{display:flex;flex-direction:column;gap:var(--kc-intro-gap, 40px)}.kit-carousel__subtitle{font-family:Inter,sans-serif;font-weight:600;font-size:var(--kc-subtitle-size-mobile, 18px);line-height:1.4;letter-spacing:-.03em;color:var(--kc-subtitle-color, #181b22);margin:0}.kit-carousel__description{font-family:Inter,sans-serif;font-weight:500;font-size:var(--kc-desc-size-mobile, 16px);line-height:1.4;letter-spacing:-.03em;color:var(--kc-desc-color, #6d6e74)}.kit-carousel__description p{margin:0}.kit-carousel__viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.kit-carousel__viewport::-webkit-scrollbar{display:none}.kit-carousel__track{display:flex;gap:var(--kc-card-gap, 12px);padding-left:calc(50% - var(--kc-card-w) / 2);padding-right:calc(50% - var(--kc-card-w) / 2)}.kit-carousel__card{flex:0 0 var(--kc-card-w);width:var(--kc-card-w);aspect-ratio:1;position:relative;overflow:hidden;border-radius:var(--kc-card-radius, 16px);scroll-snap-align:center;scroll-snap-stop:always;background:var(--kc-card-bg, #f5f5f7)}.kit-carousel__card-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--kc-card-bg-fit, cover);object-position:var(--kc-card-bg-pos, center);z-index:0;pointer-events:none;filter:blur(var(--kc-blur, 0px))}.kit-carousel__card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:var(--kc-content-top-mobile, 60px)}.kit-carousel__tag{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:50px;font-family:Inter,sans-serif;font-weight:600;font-size:var(--kc-tag-size-mobile, 14px);line-height:1;letter-spacing:-.03em;background:var(--kc-tag-bg, #181b22);color:var(--kc-tag-text, #ffffff);white-space:nowrap;margin-bottom:20px}.kit-carousel__card-title{font-family:Inter,sans-serif;font-weight:600;font-size:var(--kc-title-size-mobile, 28px);line-height:1;letter-spacing:-.03em;color:var(--kc-card-text, #181b22);margin:0 0 24px;white-space:nowrap}.kit-carousel__card-sub{font-family:Inter,sans-serif;font-weight:500;font-size:var(--kc-sub-size-mobile, 14px);line-height:1.4;letter-spacing:-.03em;color:var(--kc-card-text, #181b22);margin:0;padding:0 20px}.kit-carousel__card-media{position:absolute;z-index:1;left:50%;transform:translate(-50%);top:var(--kc-media-top, 35%);width:var(--kc-media-w, 72%);pointer-events:none;filter:blur(var(--kc-blur, 0px))}.kit-carousel__card-media img{display:block;width:100%;height:auto}.kit-carousel__nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:var(--kc-nav-mt, 40px);padding:0 var(--kc-inset-x-mobile, 24px)}.kit-carousel__arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--kc-arrow-color, #181b22);transition:opacity .2s ease;flex-shrink:0}.kit-carousel__arrow:hover{opacity:.6}.kit-carousel__arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}.kit-carousel__arrow svg{width:12px;height:19px;display:block}.kit-carousel__dots{display:flex;align-items:center;gap:10px}.kit-carousel__dot{width:var(--kc-dot-size, 12px);height:var(--kc-dot-size, 12px);padding:0;border:none;border-radius:20px;background:var(--kc-dot-inactive, #b9b9b9);cursor:pointer;transition:width .3s ease,background .3s ease}.kit-carousel__dot:hover{opacity:.7}.kit-carousel__dot.is-active{width:var(--kc-dot-active-w, 140px);background:var(--kc-dot-active, #181b22)}.kit-carousel__dot:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(min-width:750px){.kit-carousel{padding-top:var(--kc-pt-tablet);padding-bottom:var(--kc-pb-tablet);--kc-blur: var(--kc-blur-tablet, 0px)}.kit-carousel__header{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:60px;padding:0 var(--kc-inset-x-desktop, 60px);margin-bottom:var(--kc-section-gap-tablet, 100px)}.kit-carousel__heading-col{flex:0 0 auto;max-width:50%}.kit-carousel__intro-col{max-width:540px;flex-shrink:0}.kit-carousel__heading{font-size:var(--kc-heading-size-tablet, 64px)}.kit-carousel__subtitle{font-size:var(--kc-subtitle-size, 22px)}.kit-carousel__description{font-size:var(--kc-desc-size, 22px)}.kit-carousel__track{padding-left:calc(50% - var(--kc-card-w-tablet) / 2);padding-right:calc(50% - var(--kc-card-w-tablet) / 2)}.kit-carousel__card{flex:0 0 var(--kc-card-w-tablet);width:var(--kc-card-w-tablet)}.kit-carousel__card-content{padding-top:var(--kc-content-top-tablet, 80px)}.kit-carousel__tag{font-size:var(--kc-tag-size, 22px);padding:14px 20px;margin-bottom:30px}.kit-carousel__card-title{font-size:var(--kc-title-size-tablet, 36px);margin-bottom:40px}.kit-carousel__card-sub{font-size:var(--kc-sub-size, 22px)}.kit-carousel__nav{padding:0 var(--kc-inset-x-desktop, 60px)}}@media(min-width:1200px){.kit-carousel{padding-top:var(--kc-pt-desktop);padding-bottom:var(--kc-pb-desktop);--kc-blur: var(--kc-blur-desktop, 0px)}.kit-carousel__header{margin-bottom:var(--kc-section-gap-desktop, 140px)}.kit-carousel__heading{font-size:var(--kc-heading-size-desktop, 96px)}.kit-carousel__track{padding-left:calc(50% - var(--kc-card-w-desktop) / 2);padding-right:calc(50% - var(--kc-card-w-desktop) / 2)}.kit-carousel__card{flex:0 0 var(--kc-card-w-desktop);width:var(--kc-card-w-desktop)}.kit-carousel__card-content{padding-top:var(--kc-content-top-desktop, 100px)}.kit-carousel__card-title{font-size:var(--kc-title-size-desktop, 48px);margin-bottom:50px}}@media(prefers-reduced-motion:reduce){.kit-carousel__viewport{scroll-behavior:auto}.kit-carousel__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-kit-carousel.css.map */