.kit-builder{display:block;background:var(--kb-bg, var(--color-background));color:var(--kb-text, var(--color-foreground));font-family:var(--font-body--family);padding-block:var(--kb-top) var(--kb-bottom);--kb-accent:var(--color-primary-button-background);--kb-radius:var(--style-border-radius-sm, 8px)}.kit-builder *,.kit-builder *:before,.kit-builder *:after{box-sizing:border-box}.kit-builder [hidden]{display:none!important}.kit-builder__container{max-width:var(--kb-width);padding-inline:24px;margin-inline:auto}.kit-builder__intro{max-width:850px;margin-bottom:40px}.kit-builder h1,.kit-builder h2,.kit-builder h3{margin:0;overflow-wrap:anywhere}.kit-builder h1,.kit-builder h2{font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight)}.kit-builder h1{font-size:clamp(28px,3.6vw,48px);line-height:1.08}.kit-builder__lead{margin-top:16px;font-size:16px;line-height:1.6}.kit-builder__lead p,.kit-builder__description p{margin:0}.kit-builder__layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.kit-builder__stages,.kit-builder__category,.kit-builder__row{min-width:0}.kit-builder__category+.kit-builder__category{margin-top:40px;padding-top:32px;border-top:1px solid var(--kb-line)}.kit-builder__row+.kit-builder__row{margin-top:24px;padding-top:24px;border-top:1px solid var(--kb-line)}.kit-builder__row{scroll-margin-top:calc(var(--header-height, 80px) + 20px)}.kit-builder__row-header{display:flex;gap:16px;align-items:start;justify-content:space-between;margin-bottom:16px}.kit-builder__row h2{font-size:clamp(18px,1.65vw,24px);line-height:1.25}.kit-builder__description{margin-top:8px;font-size:14px;line-height:1.5}.kit-builder__arrows{display:flex;gap:6px;flex-shrink:0}.kit-builder__arrow{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--kb-line);border-radius:50%;background:var(--kb-bg);color:inherit;font-size:22px;cursor:pointer}.kit-builder__arrow:disabled{opacity:.35;cursor:default}.kit-builder__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px)/2);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:3px;padding:3px 3px 12px;scrollbar-width:thin;scrollbar-color:var(--kb-accent) var(--kb-line)}.kit-builder__card{min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;border:1px solid var(--kb-line);border-radius:var(--kb-radius);overflow:hidden;background:var(--kb-bg);transition:border-color .15s}.kit-builder__card[data-selected=true]{border-color:var(--kb-accent);box-shadow:0 0 0 1px var(--kb-accent)}.kit-builder__image-link{display:block;position:relative;background:color-mix(in srgb,var(--kb-text) 4%,var(--kb-bg));aspect-ratio:1}.kit-builder__image{display:block;width:100%;height:100%;object-fit:contain;padding:12px}.kit-builder__check{position:absolute;top:12px;right:12px;width:28px;height:28px;display:grid;place-items:center;background:var(--kb-accent);color:var(--color-primary-button-text);border-radius:50%;font-weight:700}.kit-builder__card-body{display:flex;flex-direction:column;flex:1;gap:12px;padding:16px;border-top:1px solid var(--kb-line)}.kit-builder__card h3{font-family:var(--font-subheading--family, var(--font-body--family));font-weight:var(--font-subheading--weight, 700);font-size:15px;line-height:1.35;text-transform:none;letter-spacing:normal}.kit-builder__card h3 a{color:inherit;text-decoration:none}.kit-builder__price{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:15px}.kit-builder__price s{font-size:12px;opacity:.65}.kit-builder__discount{background:var(--kb-accent);color:var(--color-primary-button-text);padding:2px 5px;font-size:11px;border-radius:3px}.kit-builder__variant,.kit-builder__quantity{display:grid;gap:5px;font-size:12px;min-width:0}.kit-builder select,.kit-builder input{width:100%;max-width:100%;min-width:0;height:44px;padding:8px 10px;border:1px solid var(--kb-line);border-radius:var(--style-border-radius-inputs, 0);background:var(--kb-bg);color:inherit;font:inherit;font-size:16px}.kit-builder select{text-overflow:ellipsis}.kit-builder__quantity{grid-template-columns:minmax(0,1fr) 80px;align-items:center}.kit-builder .button{min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.3;text-align:center;padding:12px 16px;font-size:13px}.kit-builder__select{width:100%;margin-top:auto}.kit-builder .kit-builder__select[aria-pressed=true]{background:var(--kb-accent);color:var(--color-primary-button-text);box-shadow:none}.kit-builder .button:disabled{opacity:.5;cursor:not-allowed}.kit-builder__row-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:10px}.kit-builder__skip,.kit-builder__remove-row{min-height:44px;padding:8px 0;font:inherit;font-size:13px;color:inherit;background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;text-align:start}.kit-builder__skip[aria-pressed=true]{font-weight:700;text-decoration-thickness:2px}.kit-builder__extra{margin-top:16px}.kit-builder__summary{padding:24px;border:1px solid var(--kb-line);border-radius:var(--kb-radius);background:color-mix(in srgb,var(--kb-text) 3%,var(--kb-bg));min-width:0}.kit-builder[data-sticky=true] .kit-builder__summary{position:sticky;top:calc(var(--header-height, 80px) + 16px);max-height:calc(100dvh - var(--header-height, 80px) - 32px);overflow-y:auto;overscroll-behavior:contain}.kit-builder__summary h2{font-size:24px;line-height:1.2}.kit-builder__summary>p{font-size:13px;line-height:1.5}.kit-builder__summary-items{list-style:none;padding:0;margin:16px 0}.kit-builder__summary-item{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:8px;border-top:1px solid var(--kb-line);padding-block:14px}.kit-builder__summary-item strong,.kit-builder__summary-item span{display:block;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.kit-builder__summary-item small{display:block;font-size:12px;margin-block:5px}.kit-builder__summary-item button{min-width:32px;min-height:44px;align-self:start;border:0;background:none;color:inherit;font-size:20px;cursor:pointer}.kit-builder__totals{border-top:1px solid var(--kb-line);padding-top:16px;font-size:13px}.kit-builder__totals>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:18px}.kit-builder__submit{width:100%;margin-top:12px}.kit-builder__status:empty,.kit-builder__validation:empty{display:none}.kit-builder__row-error,.kit-builder__status[data-error=true]{border-inline-start:3px solid var(--kb-accent);padding-inline-start:10px;font-size:13px}.kit-builder__cart-link{display:inline-block;padding-block:10px;text-decoration:underline}.kit-builder__editor,.kit-builder__notice{padding:16px;border:1px dashed var(--kb-line);margin-bottom:24px;font-size:14px}.kit-builder :focus-visible{outline:2px solid currentColor;outline-offset:3px}.kit-builder[data-busy=true] .kit-builder__stages{opacity:.65}@media(min-width:1300px){.kit-builder__track{grid-auto-columns:calc((100% - 32px) / 3)}}@media(max-width:1099px){.kit-builder__layout{grid-template-columns:minmax(0,1fr)}.kit-builder[data-sticky=true] .kit-builder__summary{position:static;max-height:none;overflow:visible}.kit-builder__track{grid-auto-columns:calc((100% - 32px) / 3)}}@media(max-width:749px){.kit-builder__container{padding-inline:16px}.kit-builder__intro{margin-bottom:28px}.kit-builder__track{grid-auto-columns:82%;gap:12px}.kit-builder__card-body{padding:14px}.kit-builder__arrows{gap:4px}.kit-builder__arrow{width:36px;height:36px}.kit-builder__summary{padding:20px}.kit-builder__category+.kit-builder__category{margin-top:28px;padding-top:24px}}@media(prefers-reduced-motion:reduce){.kit-builder *,.kit-builder *:before,.kit-builder *:after{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/kit-builder.css.map */