volt-box-builder{display:block}.volt-builder{background:var(--card);border:var(--border);border-radius:var(--radius-hero);box-shadow:var(--shadow-hero);padding:clamp(18px,3vw,26px);font-family:var(--font-body);color:var(--ink)}.volt-builder--empty{box-shadow:var(--shadow-card);padding:26px}.volt-builder--empty .volt-eyebrow{margin-bottom:10px}.volt-builder__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.volt-builder__title{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,3vw,28px);letter-spacing:-.01em;margin:0}.volt-builder__count{font-family:var(--font-mono);font-weight:700;font-size:clamp(18px,2.5vw,22px);margin:0}.volt-builder__sizes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.volt-builder__size{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border:1px solid rgba(22,21,15,.1);border-radius:16px;background:var(--card);color:var(--ink);font-family:var(--font-ui);cursor:pointer;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur),background var(--dur)}.volt-builder__size:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-soft-sm)}.volt-builder__size.is-active{border:1.5px solid var(--ink);background:var(--card-warm);background:color-mix(in srgb,var(--accent) 16%,#ffffff);box-shadow:var(--shadow-soft-sm)}.volt-builder__size-cans{font-weight:700;font-size:14px}.volt-builder__size-price{font-family:var(--font-ui);font-weight:600;font-size:11px;color:var(--body)}.volt-builder__progress{margin-bottom:14px}.volt-builder__slots{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:14px 12px 12px;background:var(--paper-deep);border:1px solid rgba(22,21,15,.14);border-top:4px solid rgba(22,21,15,.22);border-radius:10px 10px var(--radius-inner) var(--radius-inner);box-shadow:inset 0 3px 12px #3c321c29;margin-bottom:10px}.volt-builder__slots--dense{grid-template-columns:repeat(8,1fr)}.volt-builder__slot{display:flex;align-items:center;justify-content:center;aspect-ratio:5 / 8;border:1.5px dashed rgba(22,21,15,.16);border-radius:14px;background:#16150f0a;box-shadow:inset 0 1px 4px #3c321c1a;color:var(--muted);font-family:var(--font-ui);font-weight:700;font-size:14px;padding:4px}.volt-builder__slot--filled{border:1px solid rgba(22,21,15,.08);background:var(--card-warm);box-shadow:var(--shadow-soft-sm);cursor:pointer;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur)}.volt-builder__slot--filled:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 20px -8px #3c321c66}.volt-can{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;min-height:34px;border-radius:8px 8px 12px 12px;background:var(--paper);overflow:hidden}.volt-can__band{display:block;width:70%;height:4px;border-radius:99px;background:var(--accent)}.volt-can__initial{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink);line-height:1}.volt-can--img img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;border:0;border-radius:0;box-shadow:none;filter:none;transform:none}.volt-builder__hint--bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.volt-builder__brand-select{flex:0 1 auto;min-width:0;font-family:var(--font-ui);font-weight:700;font-size:12px;color:var(--ink);padding:7px 28px 7px 13px;border:var(--border);border-radius:var(--radius-btn);background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238a857a' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 11px center;appearance:none;-webkit-appearance:none;cursor:pointer}.volt-builder__hint{font-family:var(--font-ui);font-weight:600;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--body);margin:0 0 10px}.volt-builder__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.volt-builder__filter{font-family:var(--font-ui);font-weight:600;font-size:12px;padding:8px 15px;border-radius:999px;border:1px solid rgba(22,21,15,.12);background:var(--card);color:var(--body);cursor:pointer;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur)}.volt-builder__filter:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft-sm)}.volt-builder__filter.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.volt-builder__chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px 8px;margin-bottom:16px}.volt-builder--hero .volt-builder__chips{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 6px 6px;margin:-8px -6px 12px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}.volt-builder--hero .volt-builder__chip{flex:0 0 84px;scroll-snap-align:start}.volt-builder__chip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 5px;border:1px solid rgba(22,21,15,.08);border-radius:18px;background:var(--card-warm);cursor:pointer;font-family:var(--font-ui);text-decoration:none;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur)}.volt-builder__chip:hover{transform:translateY(-3px) scale(1.03);box-shadow:var(--shadow-soft-sm);border-color:#16150f40}.volt-builder__chip .volt-can{width:32px;height:46px;flex:0 0 auto}.volt-builder__chip-brand{font-weight:700;font-size:11px;color:var(--ink);line-height:1.2;text-align:center}.volt-builder__chip-name{font-size:10px;font-weight:500;color:var(--body);line-height:1.25;text-align:center}.volt-builder__chip-price{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--body);line-height:1.15;text-align:center;white-space:nowrap}.volt-builder__chip--qty{padding:0;overflow:hidden;cursor:default}.volt-builder__chip-add{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:9px 5px 7px;border:0;background:transparent;cursor:pointer;font-family:inherit;flex:1 0 auto}.volt-builder__stepper{margin-top:auto}.volt-builder__stepper{display:flex;align-items:stretch;width:100%;border-top:1px solid var(--line)}.volt-builder__step{flex:1 1 auto;min-height:28px;border:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-weight:700;font-size:14px;line-height:1;cursor:pointer}.volt-builder__step:hover{background:var(--track);background:color-mix(in srgb,var(--accent) 22%,#ffffff)}.volt-builder__qty{width:34px;flex:0 0 auto;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--card);text-align:center;font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--ink);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.volt-builder__qty::-webkit-outer-spin-button,.volt-builder__qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.volt-builder__qty:focus-visible{outline:2px solid var(--accent-deep);outline-offset:-2px}.volt-builder__chip[disabled]{cursor:not-allowed;opacity:.55}.volt-builder__chip[disabled]:hover{transform:none;box-shadow:none;border-color:#16150f14}.volt-builder__chip[disabled] .volt-can__band{background:var(--line)}.volt-builder__chip-soldout{font-family:var(--font-ui);font-weight:700;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--body)}.volt-builder__chips--accordion{display:block}.volt-builder__group{border:1px solid rgba(22,21,15,.08);border-radius:var(--radius-inner);background:var(--card-warm);overflow:hidden}.volt-builder__group+.volt-builder__group{margin-top:8px}.volt-builder__group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;cursor:pointer;font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--ink)}.volt-builder__group summary::-webkit-details-marker{display:none}.volt-builder__group summary:hover{background:#fff9}.volt-builder__group-meta{display:flex;align-items:center;gap:10px;font-weight:600;font-size:12px;color:var(--body)}.volt-builder__group-caret{display:inline-block;transition:transform var(--dur) var(--ease-spring)}.volt-builder__group[open] .volt-builder__group-caret{transform:rotate(180deg)}.volt-builder__group-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px 8px;padding:2px 12px 14px}.volt-builder__group .volt-builder__chip-brand{display:none}@media(prefers-reduced-motion:reduce){.volt-builder__group-caret{transition:none!important}}.volt-builder__chip--more{justify-content:center;background:transparent;border-style:dashed;color:var(--ink);font-weight:700;font-size:12px;line-height:1.3;text-align:center}.volt-builder__cadence{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid var(--line);margin-bottom:14px}.volt-builder__cadence-note{font-family:var(--font-body);font-size:13px;color:var(--body);margin:0}.volt-builder__plan{flex:1 1 140px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 10px;border:1px solid rgba(22,21,15,.1);border-radius:16px;background:var(--card);color:var(--ink);font-family:var(--font-ui);cursor:pointer;transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur),background var(--dur)}.volt-builder__plan:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-soft-sm)}.volt-builder__plan.is-active{border:1.5px solid var(--ink);background:var(--card-warm);background:color-mix(in srgb,var(--accent) 16%,#ffffff);box-shadow:var(--shadow-soft-sm)}.volt-builder__plan-name{font-weight:600;font-size:13px;text-align:center}.volt-builder__plan-price{font-family:var(--font-ui);font-weight:600;font-size:11px;color:var(--body)}.volt-builder__actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.volt-builder__actions>.volt-btn{flex:1 1 auto}.volt-builder__cta{flex:3 1 220px}.volt-builder__cta--waiting{opacity:.85}.volt-builder__cta-price{font-family:var(--font-mono);font-weight:700}.volt-builder__status{font-family:var(--font-body);font-size:13px;color:var(--body);min-height:1.2em;margin:8px 0 0}.volt-builder__more{margin:10px 0 0;font-family:var(--font-ui);font-weight:600;font-size:14px}.volt-builder__more a{color:var(--ink)}.volt-builder__handoff{margin-top:16px;border:1.5px dashed var(--ink);border-radius:var(--radius-inner);padding:14px;background:var(--paper)}.volt-builder__handoff-title{font-family:var(--font-ui);font-weight:700;font-size:13px;margin:0 0 6px}.volt-builder__handoff-text{font-family:var(--font-body);font-size:12px;color:var(--body);margin:0 0 10px}.volt-builder__handoff-json{font-family:var(--font-mono);font-size:11px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.volt-builder button:focus-visible,.volt-builder a:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px}.volt-builder .volt-btn--ghost{color:var(--body)}.volt-builder--full{padding:clamp(22px,4vw,34px)}.volt-builder--full .volt-builder__slots{gap:12px 10px;padding:18px 12px}.volt-builder--hero{padding:16px 18px 14px}.volt-builder--hero .volt-builder__slots{grid-template-columns:repeat(12,1fr);gap:6px;padding:10px 8px;margin-bottom:8px}.volt-builder--hero .volt-builder__slots--dense{grid-template-columns:repeat(16,1fr)}.volt-builder--hero .volt-builder__slot{border-radius:10px;font-size:12px;padding:2px}.volt-builder--hero .volt-can__initial{font-size:11px}.volt-builder--hero .volt-can__band{height:3px}.volt-builder--hero .volt-builder__hint{margin-bottom:8px}.volt-builder--hero .volt-builder__status{margin-top:6px}.volt-builder--hero .volt-builder__more{margin-top:8px}@media(max-width:640px){.volt-builder--hero .volt-builder__slots{grid-template-columns:repeat(6,1fr)}.volt-builder--hero .volt-builder__slots--dense{grid-template-columns:repeat(8,1fr)}.volt-builder--hero .volt-builder__sizes{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.volt-builder--hero .volt-builder__size{flex:0 0 auto;min-width:92px}}@media(min-width:900px){.volt-builder--split{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.volt-builder--split .volt-builder__panel-inner{position:sticky;top:16px}}@media(max-width:899px){.volt-builder--split{display:flex;flex-direction:column}.volt-builder--split .volt-builder__panel{order:-1;margin-bottom:18px}}.volt-builder--split .volt-builder__panel-inner{background:var(--paper-bright);border:1px solid rgba(22,21,15,.06);border-radius:var(--radius-inner);padding:16px}.volt-builder__dock{position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;padding:14px 18px;background:var(--card);border:1.5px solid var(--ink);border-radius:var(--radius-inner);box-shadow:var(--shadow-card)}.volt-builder--split .volt-builder__dock{display:none}@media(max-width:899px){.volt-builder--split .volt-builder__dock{display:flex}.volt-builder--split .volt-builder__panel [data-builder-slots],.volt-builder--split .volt-builder__panel .volt-builder__actions,.volt-builder--split .volt-builder__panel .volt-builder__progress{display:none}.volt-builder--split .volt-builder__panel-inner{padding:12px 14px}}.volt-builder__dock-slots{flex:1 1 100%;order:-1;display:flex;gap:4px;overflow-x:auto;scroll-behavior:smooth;padding:2px 2px 5px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}.volt-builder__dock-slots--empty{display:none}.volt-builder__dock-slot{flex:0 0 24px;height:34px;border:1px solid rgba(22,21,15,.14);border-radius:5px 5px 8px 8px;background:var(--card-warm);padding:1px;cursor:pointer}.volt-builder__dock-slot .volt-can{min-height:0;gap:2px;border-radius:4px 4px 6px 6px}.volt-builder__dock-slot .volt-can__initial{font-size:9px}.volt-builder__dock-slot .volt-can__band{height:2px;width:60%}@media(prefers-reduced-motion:reduce){.volt-builder__dock-slots{scroll-behavior:auto}}.volt-builder__dock-meta{display:flex;flex-direction:column;gap:2px;min-width:150px;flex:1 1 200px}.volt-builder__dock-count{margin:0}.volt-builder__dock-mix{font-family:var(--font-body);font-size:12px;line-height:1.4;color:var(--body);margin:0;max-width:420px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.volt-builder__dock .volt-progress{flex:1 1 140px;margin:0}.volt-builder__dock .volt-builder__actions{flex:2 1 320px}.volt-builder__dock .volt-builder__status{flex:1 1 100%;margin:0}.volt-builder--dock .volt-builder__cadence{border-top:0;padding-top:0;margin-bottom:16px}.volt-builder__railgroup+.volt-builder__railgroup{margin-top:16px}.volt-builder__rail-head{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--ink);margin:0 2px 6px}.volt-builder__rail-head span:last-child{font-weight:600;font-size:12px;color:var(--body)}.volt-builder__rail{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;padding:8px 6px 10px;margin:-8px -6px 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}.volt-builder__rail .volt-builder__chip{flex:0 0 96px;scroll-snap-align:start}.volt-builder--launch .volt-builder__progress{margin-bottom:14px}@media(prefers-reduced-motion:reduce){.volt-builder__size,.volt-builder__plan,.volt-builder__chip,.volt-builder__filter,.volt-builder__slot--filled{transition:none!important}.volt-builder__size:hover,.volt-builder__plan:hover,.volt-builder__chip:hover,.volt-builder__filter:hover,.volt-builder__slot--filled:hover{transform:none}}@media(max-width:480px){.volt-builder__slots{grid-template-columns:repeat(4,1fr)}.volt-builder__slots--dense{grid-template-columns:repeat(6,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/volt-builder.css.map */