.kit-steps{--kit-radius: 2rem}.kit-steps__subheading,.kit-steps__heading{margin:0}.kit-steps__intro{max-width:56ch}.kit-steps__wizard{display:flex;flex-direction:column;gap:var(--spacing-7)}.kit-steps__wizard-header{display:flex;flex-direction:column;gap:var(--spacing-3)}.kit-steps__tabs-scroller{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.kit-steps__tabs-scroller::-webkit-scrollbar{display:none}.kit-steps__tabs{--kit-step-notch: 1.6rem;--kit-step-seam: .5rem;display:flex;width:max-content;min-width:100%;border-radius:min(1rem,var(--kit-radius));overflow:hidden}.kit-steps__tab{--kit-step-background: rgb(var(--color-foreground) / 4%);--kit-step-color: rgb(var(--color-foreground) / 50%);--kit-step-badge-background: rgb(var(--color-background));--kit-step-badge-color: rgb(var(--color-foreground) / 55%);--kit-step-badge-ring: rgb(var(--color-foreground) / 12%);display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-width:12rem;padding-block:1.2rem;padding-inline:calc(var(--kit-step-notch) + 1.2rem);border:0;background-color:var(--kit-step-background);color:var(--kit-step-color);font-family:var(--font-button--family);font-weight:var(--font-button--weight);scroll-snap-align:center;cursor:pointer;clip-path:polygon(0 0,calc(100% - var(--kit-step-notch)) 0,100% 50%,calc(100% - var(--kit-step-notch)) 100%,0 100%,var(--kit-step-notch) 50%);transition:background-color var(--animation-duration--slow) var(--animation-easing--smooth),color var(--animation-duration--slow) var(--animation-easing--smooth)}.kit-steps__tab+.kit-steps__tab{margin-inline-start:calc(var(--kit-step-seam) - var(--kit-step-notch))}.kit-steps__tab:first-child{padding-inline-start:1.6rem;clip-path:polygon(0 0,calc(100% - var(--kit-step-notch)) 0,100% 50%,calc(100% - var(--kit-step-notch)) 100%,0 100%)}.kit-steps__tab:last-child{padding-inline-end:1.6rem;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,var(--kit-step-notch) 50%)}.kit-steps__tab:only-child{clip-path:none}.kit-steps__tab:focus-visible{outline:none;box-shadow:inset 0 0 0 .15rem rgb(var(--color-foreground) / 40%)}.kit-steps__tab[data-kit-step-state=done]{--kit-step-background: rgb(var(--color-foreground) / 7%);--kit-step-color: rgb(var(--color-foreground) / 80%);--kit-step-badge-background: rgb(var(--color-foreground));--kit-step-badge-color: rgb(var(--color-background));--kit-step-badge-ring: transparent}.kit-steps__tab[data-kit-step-state=active]{--kit-step-background: rgb(var(--color-background-secondary));--kit-step-color: rgb(var(--color-foreground));--kit-step-badge-background: rgb(var(--color-primary-button-background));--kit-step-badge-color: rgb(var(--color-primary-button-text));--kit-step-badge-ring: transparent}.kit-steps__tab[data-kit-step-state=active] .kit-steps__tab-label{font-weight:var(--font-heading--weight)}.kit-steps__tab-number{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background-color:var(--kit-step-badge-background);color:var(--kit-step-badge-color);box-shadow:inset 0 0 0 .1rem var(--kit-step-badge-ring);font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--font-size--paragraph-small);transition:background-color var(--animation-duration--slow) var(--animation-easing--smooth),color var(--animation-duration--slow) var(--animation-easing--smooth),box-shadow var(--animation-duration--slow) var(--animation-easing--smooth)}.kit-steps__tab-digit,.kit-steps__tab-check{transition:opacity var(--animation-duration--fast) var(--animation-easing),transform var(--animation-duration--fast) var(--animation-easing)}.kit-steps__tab-check{position:absolute;opacity:0;transform:scale(.5)}.kit-steps__tab[data-kit-step-state=done] .kit-steps__tab-digit{opacity:0;transform:scale(.5)}.kit-steps__tab[data-kit-step-state=done] .kit-steps__tab-check{opacity:1;transform:none}.kit-steps__tab-label{max-width:100%;overflow:hidden;font-size:var(--font-size--paragraph-small);text-overflow:ellipsis;white-space:nowrap}@media(hover:hover)and (pointer:fine){.kit-steps__tab:not([data-kit-step-state=active]):hover{--kit-step-background: rgb(var(--color-foreground) / 10%);--kit-step-color: rgb(var(--color-foreground))}}.kit-steps__tab-media[hidden],.kit-steps__panel[hidden]{display:none}.kit-steps__tab-media,.kit-steps__panel{animation:kit-steps-fade var(--animation-duration--medium) var(--animation-easing--smooth)}.kit-steps__panel{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}.kit-steps__panel:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.kit-steps__panel-title{margin:0}.kit-steps__panel-text{max-width:56ch}@keyframes kit-steps-fade{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}.kit-steps--carousel .kit-steps__header .kit-steps__heading{max-width:none}.kit-steps--carousel .kit-steps__header{margin-block-end:clamp(3.2rem,calc(1.395vw + 2.13rem),4.8rem)}.kit-steps__carousel{--f-column-gap-max: 1.6rem}.kit-steps__carousel-slide{overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(center,white,black);mask-image:-webkit-radial-gradient(center,white,black)}.kit-steps__carousel-slide .image-card__media-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-flat);pointer-events:none;background:linear-gradient(to top,#0000009e,#00000047 42%,#0000 72%)}.kit-steps__carousel-title{margin:0}.kit-steps__carousel-text{max-width:36ch;font-size:clamp(1.5rem,calc(.585vw + 1.051rem),1.8rem);line-height:var(--line-height--heading-tight, 1.3)}.kit-steps__carousel-text :is(p,ul,ol){margin:0}.kit-steps__carousel-text p+p,.kit-steps__carousel-text p+ul,.kit-steps__carousel-text ul+p{margin-block-start:.6em}.kit-steps__carousel .carousel__controls{margin-block-start:var(--spacing-6)}.kit-steps__split{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--spacing-7);align-items:start}.kit-steps__split-media,.kit-steps__split-content{min-width:0}.kit-steps__split-media-inner{--sticky-element-top: 3rem;border-radius:var(--kit-radius)}.header-pinned .kit-steps__split-media-inner{--sticky-element-top: calc(var(--header-height, 0px) + 3rem)}.kit-steps__split-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-5)}.kit-steps__list{display:flex;flex-direction:column;gap:var(--spacing-4);margin:0;padding:0;list-style:none}.kit-steps__list-item{display:flex;align-items:flex-start;gap:var(--spacing-4)}.kit-steps__list-number{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background-color:rgb(var(--color-background-secondary));color:rgb(var(--color-foreground));font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--font-size--paragraph-small)}.kit-steps__list-body{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.kit-steps__list-title{margin:0}.kit-steps__header{display:grid;gap:var(--spacing-5);margin-block-end:var(--spacing-8)}.kit-steps__header-main,.kit-steps__header-aside{display:flex;flex-direction:column;gap:var(--spacing-3)}.kit-steps__header-aside{align-items:flex-start;gap:var(--spacing-5)}.kit-steps__header .kit-steps__heading{max-width:18ch}.kit-steps__header .kit-steps__intro,.kit-steps__overview{max-width:62ch}.kit-steps__overview :is(p,ul,ol){margin:0}.kit-steps__overview p+p,.kit-steps__overview p+ul,.kit-steps__overview ul+p{margin-block-start:.85em}.kit-steps__overview ul{padding-inline-start:1.2em}.kit-steps__header--stacked .kit-steps__header-aside{max-width:62ch}.kit-steps__header--center{justify-items:center;text-align:center}.kit-steps__header--center .kit-steps__header-aside{align-items:center}.kit-steps__grid{margin:0;padding:0;list-style:none}.kit-steps__step{display:flex;flex-direction:column;gap:var(--spacing-5);min-width:0}.kit-steps__media{border-radius:var(--kit-radius)}.kit-steps__content{display:flex;flex-direction:column;gap:var(--spacing-2)}.kit-steps__number{display:block;color:rgb(var(--color-foreground) / 60%)}.kit-steps__title{margin:0}.kit-steps__text{max-width:38ch}@media(min-width:768px){.kit-steps__split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:var(--spacing-10)}.kit-steps__wizard .kit-steps__split{align-items:center}.kit-steps__split--media-right .kit-steps__split-media{order:1}.kit-steps__split--no-media{grid-template-columns:minmax(0,1fr)}.kit-steps__split--no-media .kit-steps__split-content{max-width:var(--page-width-narrow)}.kit-steps__header--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:var(--spacing-10)}}@media(max-width:767.98px){.kit-steps__wizard{gap:var(--spacing-6)}.kit-steps__tabs-scroller{width:calc(100% + var(--page-padding) * 2);margin-inline:calc(var(--page-padding) * -1);padding-inline:var(--page-padding);scroll-padding-inline:var(--page-padding)}.kit-steps__tabs{--kit-step-notch: 1.1rem;--kit-step-seam: .3rem;border-radius:min(.8rem,var(--kit-radius))}.kit-steps__tab{flex-direction:row;gap:.5rem;min-width:0;padding-block:.6rem;padding-inline:calc(var(--kit-step-notch) + .7rem) calc(var(--kit-step-notch) + .9rem)}.kit-steps__tab:first-child{padding-inline-start:1rem}.kit-steps__tab:last-child{padding-inline-end:1rem}.kit-steps__tab-number{width:2.2rem;height:2.2rem;font-size:1.1rem}.kit-steps__tab-check{--icon-size: 1rem}.kit-steps__tab-label{font-size:1.2rem}.kit-steps__header{margin-block-end:var(--spacing-6)}.kit-steps__carousel-text{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.kit-steps__tab-media,.kit-steps__panel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-kit-how-it-works.css.map */