.kit-builder{display:block;--kit-border: var(--border, rgba(0, 0, 0, .12));--kit-accent: var(--text, #000)}.kit-builder__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.kit-builder__panel{max-width:880px}@media(max-width:989px){.kit-builder__layout{grid-template-columns:minmax(0,1fr);gap:24px}}.kit-builder--mounted{margin:8px 0 24px}.kit-builder--mounted .kit-builder__layout{grid-template-columns:minmax(0,1fr);gap:24px}.kit-builder__stage-wrapper--mounted{align-self:start;position:sticky;top:90px}@media(max-width:989px){.kit-builder__stage-wrapper--mounted{position:static}.kit-builder--mounted{margin:16px 0 8px}}.kit-builder--mounted .kit-builder__panel{max-width:none}.kit-builder--mounted .kit-tab{padding:10px 4px;font-size:clamp(.65em,1.4vw,.85em);letter-spacing:.02em}.kit-builder__stage-wrapper{position:sticky;top:90px}@media(max-width:989px){.kit-builder__stage-wrapper{position:static}}.kit-builder__stage{position:relative;width:100%;max-width:550px;margin:0 auto}.kit-builder__base{display:block;width:100%;height:auto}.kit-builder__wells{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.kit-well{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:4px;outline:1px dashed rgba(255,255,255,.55);outline-offset:-1px;pointer-events:auto;transition:outline-color .2s ease,box-shadow .2s ease}.kit-well.is-filled{outline-color:transparent}.kit-well.is-highlighted{box-shadow:0 0 0 3px #ffd54f}.kit-well__label{font-size:11px;line-height:1;color:#ffffffbf;-webkit-user-select:none;user-select:none}.kit-well.is-filled .kit-well__label{display:none}.kit-well__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;border-radius:4px}.kit-well{overflow:visible;z-index:auto}.kit-well__remove{z-index:3}.kit-well__remove{position:absolute;top:-8px;right:-8px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#fff;color:#000;font-size:14px;line-height:20px;text-align:center;cursor:pointer;box-shadow:0 1px 3px #0000004d}.kit-builder__title{margin:0 0 4px}.kit-builder__price{margin:0 0 16px;font-size:1.1em}.kit-builder__heading{margin:0 0 8px;font-size:1.25em}.kit-builder__text{margin-bottom:16px}.kit-builder__notice{margin:0 0 12px;padding:10px 14px;border-radius:4px;background:#0000000d;font-size:.9em}.kit-builder__notice[data-type=warning]{background:#fff4e5;color:#663c00}.kit-builder__notice[data-type=success]{background:#e8f5e9;color:#1b5e20}.kit-builder__meter{display:flex;gap:16px;margin:0 0 12px;font-size:.9em}.kit-meter__item.is-full{opacity:.6}.kit-builder__tabs{display:flex;border-bottom:1px solid var(--kit-border);margin-bottom:16px}.kit-tab{flex:1 1 0;min-width:0;padding:10px 6px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:inherit;font:inherit;font-size:.9em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:nowrap;cursor:pointer}@media(max-width:480px){.kit-tab{padding:10px 2px;font-size:clamp(.68em,3.3vw,.85em);letter-spacing:.02em}}.kit-tab[aria-selected=true]{border-bottom-color:var(--kit-accent)}.kit-group+.kit-group{margin-top:20px}.kit-group__title{margin:0 0 8px;font-size:.85em;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}@media(max-width:480px){.kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kit-tile{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:10px 8px 12px;border:1px solid var(--kit-border);border-radius:6px;text-align:center;transition:border-color .2s ease}.kit-tile.is-selected{border-color:var(--kit-accent)}.kit-tile__add{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.kit-tile.is-full .kit-tile__add{cursor:not-allowed;opacity:.45}.kit-tile__image{display:block;width:64px;height:64px;padding:4px;border-radius:4px;background:#0000000d}.kit-tile__image img{width:100%;height:100%;object-fit:contain}.kit-tile__name{font-size:.85em;line-height:1.2}.kit-tile__sizes{display:flex;width:100%;max-width:116px;padding:2px;border:1px solid var(--kit-border);border-radius:999px;background:#0000000a}.kit-tile__size{flex:1 1 0;min-width:0;padding:4px 6px;border:0;border-radius:999px;background:none;color:inherit;font:inherit;font-size:11px;letter-spacing:.02em;line-height:1.3;white-space:nowrap;text-align:center;cursor:pointer;transition:background .15s ease,color .15s ease}.kit-tile__size-badge{display:inline-block;padding:4px 12px;border:1px solid transparent;border-radius:999px;background:#0000000d;font-size:11px;letter-spacing:.02em;line-height:1.3;opacity:.75}.kit-tile__size[aria-pressed=true]{background:var(--kit-accent);color:var(--bg, #fff);box-shadow:0 1px 2px #00000026}.kit-tile__controls{display:inline-flex;align-items:center;gap:6px}.kit-tile__step{width:26px;height:26px;padding:0;border:1px solid var(--kit-border);border-radius:50%;background:none;color:inherit;font:inherit;font-size:16px;line-height:1;cursor:pointer}.kit-tile__step:disabled{opacity:.35;cursor:not-allowed}.kit-tile__count{min-width:14px;font-variant-numeric:tabular-nums;font-weight:600}.kit-tile__info{padding:0;border:0;background:none;color:inherit;font:inherit;font-size:.72em;text-decoration:underline;opacity:.7;cursor:pointer}.kit-builder__summary{margin:24px 0 16px}.kit-builder__summary-title{margin:0 0 8px;font-size:1em}.kit-builder__slots{list-style:none;margin:0;padding:0;border:1px solid var(--kit-border);border-radius:6px}.kit-slot{display:flex;align-items:center;gap:10px;padding:6px 10px;font-size:.9em}.kit-slot+.kit-slot{border-top:1px solid var(--kit-border)}.kit-slot--empty{opacity:.55}.kit-slot__set{flex:0 0 64px;font-size:.75em;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.kit-slot__image{width:28px;height:28px;object-fit:contain;border-radius:3px;background:#0000000d}.kit-slot__label{flex:1 1 auto}.kit-slot__remove{width:24px;height:24px;padding:0;border:0;background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.6}.kit-slot__remove:hover{opacity:1}.kit-builder__form{margin:0}.kit-builder__atc.is-loading{pointer-events:none;opacity:.7}.kit-builder__sticky{display:none}@media(max-width:989px){.kit-builder__sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--bg, #fff);color:var(--text, #000);box-shadow:0 -2px 12px #0000001f;transform:translateY(100%);transition:transform .25s ease}.kit-builder__sticky.is-visible{transform:translateY(0)}.kit-builder__sticky-count{font-size:.9em;font-weight:600}}.kit-builder__dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(90vw,520px);height:fit-content;max-height:85vh;overflow:auto;padding:40px 28px 32px;border:0;border-radius:10px;background:#fff;color:#000;box-shadow:0 10px 25px #0003;text-align:center}.kit-builder__dialog[open]{display:block}.kit-builder__dialog::backdrop{background:#00000080}.kit-builder__dialog-close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer}.kit-builder__dialog-image{display:block;width:55%;max-height:45vh;margin:0 auto 16px;object-fit:contain}.kit-builder__dialog-image--swatch{width:140px}.kit-builder__dialog-title{margin:0 0 10px;font-size:1.6em}.kit-builder__dialog-text{margin:0;font-size:.95em;line-height:1.5}.kit-builder__dialog-text p:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/50/assets/kit-builder.css.map */