.kit-builder{--kit-gap: 2.5rem;--kit-radius: 16px;--kit-border: #e7e7e7;--kit-text: #111111;--kit-muted: #8a8a8a;--kit-enter-ease: cubic-bezier(.3, 1, .3, 1);position:fixed;top:0;right:0;bottom:0;left:0;top:var(--sticky-header-height, var(--header-height, 80px));z-index:19;display:block;background:rgb(var(--color-background));color:var(--kit-text);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;opacity:0;transition:opacity .4s var(--kit-enter-ease)}.kit-builder::-webkit-scrollbar{display:none}.kit-builder[hidden]{display:none}.kit-builder.is-open{opacity:1}.kit-builder__preview,.kit-builder__header,.kit-builder__steps{opacity:0;transform:translateY(1.25rem);transition:opacity .5s var(--kit-enter-ease),transform .55s var(--kit-enter-ease)}.kit-builder.is-open .kit-builder__preview{opacity:1;transform:none;transition-delay:.06s}.kit-builder.is-open .kit-builder__header{opacity:1;transform:none;transition-delay:.1s}.kit-builder.is-open .kit-builder__steps{opacity:1;transform:none;transition-delay:.16s}.kit-builder__summary{opacity:0;transform:translateY(100%);transition:opacity .45s var(--kit-enter-ease),transform .5s var(--kit-enter-ease)}.kit-builder.is-open .kit-builder__summary{opacity:1;transform:none;transition-delay:.12s}@media(prefers-reduced-motion:reduce){.kit-builder,.kit-builder__preview,.kit-builder__header,.kit-builder__steps,.kit-builder__summary{opacity:1;transform:none;transition:none}}body.kit-builder-open{overflow:hidden}body.kit-builder-open .product-sticky-form,body.kit-builder-open .mobile-dock{display:none}.kit-builder__panel{min-height:100%;padding-block:1.25rem var(--kit-dock-space, 10.5rem)}@media screen and (min-width:1024px){.kit-builder__panel{padding-block:2.5rem 4rem}}.kit-builder__back{display:inline-flex;align-items:center;gap:.5rem;align-self:start;grid-column:1;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:.875rem;letter-spacing:-.01em;line-height:1.03;cursor:pointer}.kit-builder__back:hover{opacity:.7}.kit-builder__layout{display:flex;flex-direction:column;gap:1.25rem}.kit-builder__media-col{display:contents}.kit-builder__back{order:1}.kit-builder__preview{order:2}.kit-builder__flow{order:3;display:flex;flex-direction:column;gap:1.25rem}.kit-builder__summary{order:4;display:flex;flex-direction:column;gap:1rem;position:fixed;bottom:0;inset-inline:0;z-index:3;padding:15px var(--page-padding) 20px;background:rgb(var(--color-background));border-start-start-radius:16px;border-start-end-radius:16px;box-shadow:0 -6px 10px #0000003d}@media screen and (min-width:1024px){.kit-builder{--kit-gap: 6.875rem;--kit-dock-space: 0px}.kit-builder__layout{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,40fr);justify-content:center;align-items:start;column-gap:var(--kit-gap);row-gap:1.25rem}.kit-builder__back{order:unset;grid-column:2;grid-row:1}.kit-builder__media-col{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:1rem;grid-column:2;grid-row:2}.kit-builder__preview,.kit-builder__flow,.kit-builder__summary{order:unset}.kit-builder__flow{grid-column:1;grid-row:2;gap:3.125rem}.kit-builder__back{font-size:.9375rem}.kit-builder__summary{position:static;margin-block-start:0;padding:0;border-radius:0;box-shadow:none;gap:1.25rem;transform:translateY(1.25rem)}.kit-builder.is-open .kit-builder__summary{transform:none}}.kit-builder__preview{margin:0;aspect-ratio:1;width:100%;overflow:hidden;border-radius:var(--kit-radius);background:#f5f5f5}.kit-builder__preview-image{display:block;width:100%;height:100%;object-fit:cover}.kit-builder__set{display:flex;flex-direction:column;gap:1rem;padding:0;background:rgb(var(--color-background))}.kit-builder__set-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.kit-builder__set-copy{display:flex;flex-direction:column;align-items:start;gap:.125rem}.kit-builder__set-copy .kit-builder__assemble{grid-column:unset;grid-row:unset;font-size:1rem;font-weight:400;line-height:1.3}.kit-builder__set-copy .kit-builder__step-label{font-size:.75rem;letter-spacing:0;text-align:start}.kit-builder__set-title{display:none;margin:0;font-size:1.125rem;font-weight:400;line-height:1.3;text-align:start}.kit-builder__set-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:12px;height:6px;transition:transform .2s ease}.kit-builder__set-toggle[aria-expanded=true] .kit-builder__set-chevron{transform:rotate(180deg)}.kit-builder__set-body{display:flex;flex-direction:column;max-height:min(45vh,22rem);overflow:auto}.kit-builder__set-body[hidden]{display:none}@media screen and (min-width:1024px){.kit-builder__set{gap:1rem;padding:1.5rem;border:1px solid var(--kit-border);border-radius:var(--kit-radius);box-shadow:0 6px 10px #0000000a}.kit-builder__set-toggle{pointer-events:none}.kit-builder__set-copy{display:none}.kit-builder__set-title{display:block;font-size:1.125rem}.kit-builder__set-chevron{display:none}.kit-builder__set-body,.kit-builder__set-body[hidden]{display:flex!important;max-height:none;overflow:visible}}.kit-builder__lines{display:flex;flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none}.kit-builder__empty{color:var(--kit-muted);font-size:.875rem}.kit-builder__line{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.kit-builder__line-main{display:flex;align-items:center;gap:.625rem;min-width:0}.kit-builder__line-media{flex-shrink:0;width:90px;height:90px;overflow:hidden;border-radius:4px;background:#f3f3f3}.kit-builder__line-media img{display:block;width:100%;height:100%;object-fit:cover}.kit-builder__line-copy{display:flex;flex-direction:column;align-items:start;gap:.375rem;min-width:0}.kit-builder__line-title{margin:0;font-size:.875rem;line-height:1.2}.kit-builder__line-meta{display:flex;align-items:center;gap:.25rem;font-size:.75rem;line-height:1.3}.kit-builder__swatch{width:7px;height:7px;border-radius:50%;background:currentColor}.kit-builder__line-qty{margin:0;font-size:.75rem;line-height:1.3}.kit-builder__line-price{flex-shrink:0;font-size:.75rem}.kit-builder__line-price--sale{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.kit-builder__line-price--sale s{color:var(--kit-muted);font-size:.6875rem;text-decoration:line-through}.kit-builder__line-price--sale span{color:rgb(var(--color-sale-price))}.kit-builder__totals{display:flex;flex-direction:column;gap:.35rem;padding-block-start:1rem;border-block-start:1px solid #ededed}.kit-builder__discount-note{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem}.kit-builder__discount-note[hidden]{display:none}.kit-builder__discount-note-title,.kit-builder__discount-note-meta{margin:0}.kit-builder__discount-note-title{color:rgb(var(--color-sale-price));font-size:.8125rem;font-weight:500}.kit-builder__discount-note-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:.35rem;row-gap:.125rem;color:var(--kit-muted);font-size:.75rem;text-align:end}.kit-builder__discount-note-meta>span{white-space:nowrap}.kit-builder__discount-note-meta>span+span:before{content:"|";margin-inline-end:.35rem}.kit-builder__discount-note-meta.is-stacked>span+span:before{content:none;margin:0}.kit-builder__total{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem}.kit-builder__total strong{font-size:1.75rem;font-weight:500;line-height:1.25}.kit-builder__submit{width:100%}.kit-builder__submit[disabled],.kit-builder__submit[aria-disabled=true]{opacity:.55;cursor:not-allowed}.kit-builder__header{display:grid;gap:.5rem}.kit-builder__title{margin:0;font-size:1.25rem;font-weight:400;line-height:1.2}.kit-builder__description{margin:0;font-size:.875rem;line-height:1.35;color:var(--kit-text)}.kit-builder__progress-row{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin-block-end:1.25rem;align-items:end}.kit-builder__step-label,.kit-builder__assemble{margin:0}.kit-builder__step-label{display:none;font-size:.875rem;letter-spacing:.06em;color:var(--kit-muted);text-align:end}.kit-builder__assemble{font-size:1.25rem;font-weight:400;grid-column:1;grid-row:1}.kit-builder__progress{grid-column:1 / -1;height:3px;overflow:hidden;border-radius:999px;background:#ececec}.kit-builder__progress-bar{display:block;height:100%;width:var(--kit-progress, 0%);background:var(--kit-text)}.kit-builder__progress-row--dock{display:none}@media screen and (max-width:1023px){.kit-builder__flow .kit-builder__progress-row{display:none}.kit-builder__progress-row--dock{display:grid;grid-template-columns:minmax(0,1fr);margin-block-end:0}.kit-builder__progress-row--dock .kit-builder__progress{height:5px}}.kit-builder__steps{display:flex;flex-direction:column;gap:1rem}.kit-builder__step{border:1px solid var(--kit-border);border-radius:16px;background:rgb(var(--color-background));box-shadow:0 1px 2px #00000008;overflow:hidden}.kit-builder__step-toggle{display:flex;align-items:center;justify-content:space-between;gap:.875rem;width:100%;min-height:68px;padding:1.375rem 1.5rem;border:0;background:none;color:inherit;text-align:start;cursor:pointer}.kit-builder__step.is-locked .kit-builder__step-toggle{cursor:not-allowed}.kit-builder__step-copy{display:flex;flex:1;flex-direction:column;gap:.1875rem;min-width:0}.kit-builder__step-title{font-size:1rem;font-weight:500;line-height:1.3}.kit-builder__step-subtitle{font-size:.75rem;line-height:1.35;color:var(--kit-muted)}.kit-builder__step-index{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#ededed;color:#9c9c9c;font-size:.8125rem;font-weight:700}.kit-builder__step.is-current .kit-builder__step-index,.kit-builder__step.is-complete .kit-builder__step-index{background:var(--kit-text);color:#fff}.kit-builder__step-body{padding:0 1.5rem 1.5rem;overflow:visible}.kit-builder__step[data-layout=swatches]{overflow:visible}.kit-builder__step-body[hidden]{display:none}.kit-builder__options{display:flex;flex-wrap:wrap;gap:.75rem}.kit-builder__options[hidden]{display:none}.kit-builder__options:not([data-layout=products]):not([data-layout=swatches]){container-type:inline-size;container-name:kit-options}.kit-builder__options:not([data-layout=products]):not([data-layout=swatches]) .kit-builder__option{flex:1 1 12.5rem;max-width:100%}@container kit-options (max-width: 39rem){.kit-builder__options:not([data-layout=products]):not([data-layout=swatches]) .kit-builder__option--plain{flex:1 1 100%;order:-1}.kit-builder__options:not([data-layout=products]):not([data-layout=swatches]) .kit-builder__option:not(.kit-builder__option--plain){flex:1 1 calc(50% - .375rem)}}.kit-builder__option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:146px;padding:1.25rem .75rem 1rem;border:1px solid #e4e4e4;border-radius:14px;background:#fff;color:inherit;text-align:center;cursor:pointer;overflow:hidden}.kit-builder__option.is-selected{border-color:#0f0f0f}.kit-builder__option[hidden]{display:none}.kit-builder__options[data-layout=products]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:640px){.kit-builder__options[data-layout=products]{grid-template-columns:repeat(3,minmax(0,1fr))}}.kit-builder__options[data-layout=products] .kit-builder__option{min-height:0;aspect-ratio:1;justify-content:flex-end;padding:0}.kit-builder__options[data-layout=products] .kit-builder__option-icon{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;margin:0}.kit-builder__options[data-layout=products] .kit-builder__option-icon img{width:100%;height:100%;max-width:none;object-fit:cover}.kit-builder__options[data-layout=products] .kit-builder__option-label,.kit-builder__options[data-layout=products] .kit-builder__option-description{position:relative;z-index:2}.kit-builder__options[data-layout=products] .kit-builder__option-label{width:100%;padding:.75rem .5rem}.kit-builder__options[data-layout=swatches]{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;gap:1rem .75rem;padding:.5rem .15rem .25rem}.kit-builder__option--swatch{min-height:0;min-width:4.5rem;flex:0 0 auto;width:auto;padding:6px 4px 0;border:0;background:none;gap:.25rem;overflow:visible}.kit-builder__option--swatch.is-selected .kit-builder__option-swatch{box-shadow:0 0 0 2px #fff,0 0 0 3px #111}.kit-builder__option-swatch{width:34px;height:34px;border-radius:50%;border:1px solid #e4e4e4;flex-shrink:0}.kit-builder__option--swatch .kit-builder__option-label{font-size:.8125rem;font-weight:400;white-space:nowrap}.kit-builder__option-price,.kit-builder__option-price[hidden]{display:none}.kit-builder__option-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;justify-content:center;min-height:18px;padding:0 10px;border-radius:999px;background:#0f0f0f;color:#fff;font-size:.625rem;font-weight:400;line-height:1;white-space:nowrap}.kit-builder__option.is-coming-soon,.kit-builder__option.is-rule-disabled{cursor:not-allowed}.kit-builder__option.is-coming-soon:disabled,.kit-builder__option.is-rule-disabled:disabled,.kit-builder__option.is-coming-soon.is-disabled,.kit-builder__option.is-rule-disabled.is-disabled{opacity:1}.kit-builder__option-disabled-msg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:1rem 1.25rem;font-size:.9375rem;font-weight:400;line-height:1.2;color:#0f0f0f;text-align:center;text-transform:uppercase}.kit-builder__option-disabled-msg[hidden]{display:none}.kit-builder__info{display:flex;align-items:flex-start;justify-content:flex-start;gap:.625rem;width:fit-content;max-width:100%;margin-block-start:1rem;margin-inline-end:auto;padding:.75rem 1.25rem;border-radius:11px;background:#f8f8f8;font-size:.875rem;line-height:1.4}.kit-builder__info-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;margin-block-start:.15rem;border-radius:50%;border:1px solid #111;font-size:.65rem;font-weight:700}.kit-builder__info-copy p{margin:0}.kit-builder__info-copy a{color:inherit;text-decoration:underline;text-underline-offset:.12em}.kit-builder__info-links{margin-block-start:.35em}.kit-builder__info-links[hidden]{display:none}.kit-builder__info-sep{white-space:pre}.kit-builder__info--button{margin-block-end:0;border:0;color:inherit;cursor:pointer;text-align:start}.kit-builder__info--button+.kit-builder__info-links,.kit-builder__info+.kit-builder__info-links{margin-block-start:.5rem}.kit-builder__popup{width:min(32rem,calc(100vw - 2rem));max-height:min(80vh,40rem);padding:0;border:0;background:transparent;color:inherit}.kit-builder__popup::backdrop{background:#00000073}.kit-builder__popup-card{overflow:auto;max-height:min(80vh,40rem);padding:1.5rem;border-radius:16px;background:rgb(var(--color-background));box-shadow:0 12px 40px #0003}.kit-builder__popup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-block-end:1rem}.kit-builder__popup-title{margin:0;font-size:1.125rem;font-weight:500;line-height:1.3}.kit-builder__popup-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;margin:-.25rem;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer}.kit-builder__popup-body{font-size:.9375rem;line-height:1.5}.kit-builder__popup-body>:first-child{margin-block-start:0}.kit-builder__popup-body>:last-child{margin-block-end:0}.kit-builder__stepper{display:flex;align-items:center;justify-content:center;width:180px;height:34px;margin-block:0 1.25rem;margin-inline-end:auto;border:1px solid #e8e8e8;border-radius:999px;gap:1.5rem}.kit-builder__stepper-btn{padding:0;border:0;background:none;color:inherit;font:inherit;font-size:1.125rem;cursor:pointer}.kit-builder__stepper-input{width:3.5rem;min-width:3rem;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:inherit;font-weight:600;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.kit-builder__stepper-input::-webkit-outer-spin-button,.kit-builder__stepper-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.kit-builder__stepper-btn:disabled{opacity:.35;cursor:not-allowed}.kit-builder__discounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block-end:.5rem}[dir=rtl] .kit-builder__discounts{direction:rtl}@media screen and (min-width:640px){.kit-builder__discounts{grid-template-columns:repeat(4,minmax(0,1fr))}}.kit-builder__discount{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.7rem .5rem;border-radius:11px;background:#f8f8f8;text-align:center}.kit-builder__discount span{font-size:.875rem;font-weight:500}.kit-builder__discount small{font-size:.75rem;color:var(--kit-muted)}.kit-builder__discount.is-active{background:var(--kit-text);color:#fff}.kit-builder__discount.is-active small{color:inherit;opacity:.75}.kit-builder__option-icon{display:flex;overflow:hidden;align-items:center;justify-content:center;margin-block-end:10px}.kit-builder__option-icon[hidden]{display:none}.kit-builder__option-icon img{display:block;width:auto;height:auto;max-width:100%}.kit-builder__option-label{font-size:1rem;font-weight:500;line-height:1.3}.kit-builder__option-description{font-size:.75rem;line-height:1.35;color:var(--kit-muted)}.kit-builder__option--quantity{min-height:90px}.kit-builder__option.is-disabled,.kit-builder__option:disabled{opacity:.45;cursor:not-allowed}.kit-builder__continue{display:flex;width:max-content;margin-block-start:1rem;margin-inline:auto;min-height:52px;transition:background .25s ease,color .25s ease}.js .kit-builder__continue.button--primary:hover:not([disabled]){color:rgb(var(--color-button-hover-text));background:rgb(var(--color-button-hover-background))}.js .kit-builder__continue.button--primary:hover:not([disabled]) .btn-text{color:inherit}.kit-builder__continue .btn-fill{display:none}.kit-builder__continue:disabled,.kit-builder__continue[aria-disabled=true]{opacity:.45;cursor:not-allowed}.kit-builder__multi-hint{margin:.75rem 0 0;font-size:.9rem;line-height:1.35;color:var(--kit-muted)}.kit-builder__continue[hidden]{display:none}@media screen and (min-width:1024px){.kit-builder__title{font-size:2rem;letter-spacing:-.02em;line-height:1}.kit-builder__description{font-size:1.0625rem;letter-spacing:-.01em}.kit-builder__header{gap:.625rem}.kit-builder__step-label{display:block;font-size:.875rem;letter-spacing:.06em}.kit-builder__assemble{font-size:1.25rem}.kit-builder__step-title{font-size:1.09375rem}.kit-builder__step-subtitle{font-size:.875rem}.kit-builder__option-label{font-size:1.03125rem}.kit-builder__option-description{font-size:.84375rem}.kit-builder__line-title{font-size:.96rem}.kit-builder__line-price{font-size:.79rem}.kit-builder__total{font-size:.90625rem}.kit-builder__total span{color:var(--kit-muted)}.kit-builder__total strong{font-size:1.625rem}.kit-builder__submit .btn-text{font-size:1.125rem;font-weight:500}}@media screen and (max-width:1023px){.kit-builder{scroll-padding-bottom:calc(var(--kit-dock-space, 10.5rem) + 12px)}.kit-builder__panel{padding-block-end:calc(var(--kit-dock-space, 10.5rem) + 12px)}.kit-builder__line-media{width:64px;height:64px}.kit-builder__totals{padding-block-start:.85rem}.kit-builder__total{align-items:end}.kit-builder__total span{color:var(--kit-muted);font-size:.875rem}.kit-builder__total strong{font-size:18px;font-weight:500}.kit-builder__submit{padding-block:12px;border-radius:27px}.kit-builder__submit .btn-text{font-size:.875rem;font-weight:600}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/kit-builder.css.map */