.kb-wrap{width:100%;margin:16px 0}.kb-qty-label-title{font-family:var(--font-body--family);font-size:var(--font-size--xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));margin-bottom:10px}.kb-qty-row{display:flex;gap:8px;margin-bottom:20px}.kb-qty-btn{flex:1;padding:11px 6px 10px;border-radius:var(--style-border-radius-buttons-primary);border:1.5px solid var(--color-border);background:var(--color-background);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;transition:border-color .15s;font-family:var(--font-body--family)}.kb-qty-btn:hover{border-color:var(--color-foreground)}.kb-qty-btn.active{border:2px solid var(--color-foreground);background:var(--color-background)}.kb-qty-name{font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.kb-qty-old-price{font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));text-decoration:line-through;line-height:1.2}.kb-qty-price{font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold);color:#d72f2f;line-height:1.2}.kb-qty-saving{font-size:10px;color:#d72f2f;font-weight:600}.kb-qty-spacer{height:13px;display:block}.kb-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.kb-step{border:1.5px solid var(--color-border);border-radius:var(--style-border-radius-buttons-primary);overflow:hidden;background:var(--color-background);transition:border-color .2s}.kb-step.kb-step--done{border-color:var(--color-foreground)}.kb-step__header{padding:12px 16px;display:flex;align-items:center;gap:10px;background:var(--color-background-secondary, #f7f7f7);cursor:pointer;-webkit-user-select:none;user-select:none}.kb-step__num{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:var(--color-border);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-semibold);font-family:var(--font-body--family);transition:background .2s,color .2s}.kb-step--done .kb-step__num{background:var(--color-foreground);color:var(--color-background)}.kb-step__title{font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);flex:1;font-family:var(--font-body--family)}.kb-step__summary{font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));white-space:nowrap}.kb-step__body{display:none;padding:16px;border-top:1px solid var(--color-border)}.kb-step__body.kb-open{display:block}.kb-step__product-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.kb-step__product-img{width:52px;height:52px;border-radius:var(--style-border-radius-buttons-primary);object-fit:cover;border:1px solid var(--color-border);flex-shrink:0}.kb-step__product-name{font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);font-family:var(--font-body--family)}.kb-step__product-price{font-size:var(--font-size--xs);color:var(--color-price);font-weight:var(--font-weight-semibold);margin-top:2px}.kb-field-label{font-size:var(--font-size--xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.07em;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));margin-bottom:8px;font-family:var(--font-body--family)}.kb-field-label span{color:var(--color-foreground)}.kb-colors{display:flex;flex-wrap:wrap;gap:var(--gap-xs, 6px);margin-bottom:4px}.kb-swatch{position:relative;width:var(--variant-swatch-size, 28px);height:var(--variant-swatch-size, 28px);border-radius:var(--style-border-radius-50);border:var(--style-border-width-inputs) solid transparent;cursor:pointer;padding:0;outline:none;transition:border-color .2s ease,background-color .2s ease;box-shadow:0 0 0 1px var(--color-border)}.kb-swatch:hover{box-shadow:0 0 0 1px var(--color-foreground)}.kb-swatch.selected{box-shadow:0 0 0 2px var(--color-foreground)}.kb-swatch.kb-swatch--light.selected{box-shadow:0 0 0 2px rgb(var(--color-foreground-rgb) / .5)}.kb-sizes{display:flex;flex-wrap:wrap;gap:var(--gap-xs, 6px)}.kb-size{position:relative;display:flex;align-items:center;justify-content:center;min-width:var(--variant-ch, 2.5em);padding-block:var(--padding-sm);padding-inline:var(--padding-md);border:var(--style-border-width-inputs) solid var(--color-border);border-radius:var(--style-border-radius-buttons-secondary);background:transparent;font-size:var(--font-paragraph--size);font-family:var(--font-body--family);font-weight:var(--font-body--weight);color:var(--color-foreground);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.kb-size:hover:not(.unavailable){border-color:var(--color-variant-hover-border, var(--color-foreground))}.kb-size.selected{border-color:var(--color-foreground);background:var(--color-foreground);color:var(--color-background)}.kb-size.unavailable{opacity:.4;cursor:not-allowed;position:relative;overflow:hidden}.kb-size.unavailable:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:currentColor;opacity:.5;transform:rotate(-14deg)}.kb-next-btn{width:100%;margin-top:14px;padding:var(--padding-lg);background:var(--color-button-primary-background, var(--color-foreground));color:var(--color-button-primary-text, var(--color-background));border:none;border-radius:var(--style-border-radius-buttons-primary);font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold);font-family:var(--font-body--family);text-transform:var(--button-text-case-primary, uppercase);letter-spacing:.05em;cursor:pointer;transition:opacity .15s}.kb-next-btn:disabled{opacity:.3;cursor:default}.kb-total{background:var(--color-background-secondary, #f7f7f7);border:1px solid var(--color-border);border-radius:var(--style-border-radius-buttons-primary);padding:16px;margin-bottom:12px}.kb-total-row{display:flex;justify-content:space-between;font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));margin-bottom:5px;font-family:var(--font-body--family)}.kb-total-row--main{font-size:var(--font-size--md);font-weight:var(--font-weight-semibold);color:var(--color-foreground);padding-top:10px;margin-top:6px;margin-bottom:0;border-top:1px solid var(--color-border)}.kb-total-row--main .kb-total-val{font-size:var(--font-paragraph-large--size, 22px);color:var(--color-price)}.kb-total-unit{font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));text-align:right;margin-top:4px;font-family:var(--font-body--family)}.kb-total-old{text-decoration:line-through}.kb-total-green{color:var(--color-price-sale);font-weight:600}.kb-saving-badge{display:none;background:var(--color-background-secondary, #eafaf1);color:var(--color-price-sale);font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold);font-family:var(--font-body--family);padding:9px 14px;border-radius:var(--style-border-radius-buttons-primary);text-align:center;margin-bottom:12px}.kb-add-btn{width:100%;padding:var(--padding-lg);background:var(--color-button-primary-background, var(--color-foreground));color:var(--color-button-primary-text, var(--color-background));border:none;border-radius:var(--style-border-radius-buttons-primary);font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold);font-family:var(--font-body--family);text-transform:var(--button-text-case-primary, uppercase);letter-spacing:.06em;cursor:pointer;transition:opacity .15s}.kb-add-btn:disabled{opacity:.3;cursor:default}.kb-stock{text-align:center;font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));margin-top:10px;font-family:var(--font-body--family)}.kb-stock-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-price-sale);margin-right:5px}@media(max-width:480px){.kb-qty-btn{padding:9px 4px 8px}}.kb-qty-price,.kb-qty-saving{color:#d72f2f!important}.kb-qty-btn.active .kb-qty-price,.kb-qty-btn.active .kb-qty-saving{color:var(--color-foreground)!important}.kb-kit-badge{display:inline-block;background:#fff;color:#d72f2f;border:1px solid #d72f2f;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}
/*# sourceMappingURL=/cdn/shop/t/61/assets/kit-builder.css.map */