.l3d2 .l3d-qb{--qb-accent: var(--accent-strong);--qb-accent-soft: color-mix(in srgb, var(--accent-strong) 18%, transparent);--qb-accent-ink: var(--accent-ink);--qb-ink: var(--ink);--qb-bg: var(--surface);--qb-soft: var(--sunk);--qb-line: var(--line);--qb-muted: var(--muted);--qb-grid: #3a3152;--qb-err: var(--bad);--qb-r: var(--r);color:var(--qb-ink);font-size:15px;line-height:1.5}.l3d2 .l3d-qb *,.l3d2 .l3d-qb *:before,.l3d2 .l3d-qb *:after{box-sizing:border-box}.l3d2 .l3d-qb button{font:inherit;color:inherit;-webkit-appearance:none;appearance:none;margin:0;letter-spacing:normal;text-transform:none}.l3d2 .l3d-qb p{margin:0}.l3d2 .qb-head{text-align:center;max-width:640px;margin:0 auto;padding-block:56px 32px;display:grid;gap:12px;justify-items:center}.l3d2 .qb-head .eyebrow{color:var(--accent)}.l3d2 .qb-intro,.l3d2 .qb-intro p{color:var(--qb-muted);font-size:1.05rem;margin:0}.l3d2 .l3d-qb .qb-h{margin:0 0 22px;font-size:1.35rem;text-align:center}.l3d2 .l3d-qb .qb-muted{color:var(--qb-muted)}.l3d2 .l3d-qb .qb-small{font-size:13px}.l3d2 .l3d-qb .qb-center{text-align:center;padding:44px 24px;display:grid;justify-items:center;gap:12px;max-width:560px;margin:0 auto}.l3d2 .l3d-qb .qb-center-text{text-align:center;margin-top:18px}.l3d2 .l3d-qb .qb-err{color:var(--qb-err);margin:6px 0;font-size:14px}.l3d2 .l3d-qb .qb-note{background:color-mix(in srgb,var(--warn) 14%,transparent);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);border-radius:var(--r-sm);padding:8px 12px;margin:4px 0;font-size:14px}.l3d2 .l3d-qb .qb-card{background:var(--qb-bg);border:1px solid var(--qb-line);border-radius:var(--qb-r);padding:18px}.l3d2 .l3d-qb .qb-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.l3d2 .l3d-qb .qb-row-center{justify-content:center}.l3d2 .l3d-qb .qb-gap-sm{gap:14px}.l3d2 .l3d-qb .qb-grow{flex:1 1 140px}.l3d2 .l3d-qb .qb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--qb-accent);color:var(--qb-accent-ink);border:1px solid transparent;border-radius:var(--r-sm);padding:12px 22px;font:600 .95rem var(--f-body);cursor:pointer;text-decoration:none;transition:filter .15s,transform .15s}.l3d2 .l3d-qb .qb-btn:hover:not([disabled]){filter:brightness(1.12)}.l3d2 .l3d-qb .qb-btn:active:not([disabled]){transform:translateY(1px)}.l3d2 .l3d-qb .qb-btn[disabled]{opacity:.45;cursor:not-allowed}.l3d2 .l3d-qb .qb-btn-ghost{background:transparent;color:var(--qb-ink);border-color:var(--qb-line)}.l3d2 .l3d-qb .qb-btn-wide{width:100%;margin-top:14px}.l3d2 .l3d-qb .qb-link{background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:14px}.l3d2 .l3d-qb .qb-link[disabled]{opacity:.4}.l3d2 .l3d-qb .qb-type{max-width:900px;margin:0 auto}.l3d2 .l3d-qb .qb-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:720px){.l3d2 .l3d-qb .qb-type-grid{grid-template-columns:1fr}}.l3d2 .l3d-qb button.qb-type-card{position:relative;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;text-align:center;padding:32px 26px 26px;cursor:pointer;background:var(--qb-bg);border:1.5px solid var(--qb-line);border-radius:16px;box-shadow:none;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}.l3d2 .l3d-qb button.qb-type-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 34px -18px #7c3aed8c}.l3d2 .l3d-qb button.qb-type-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.l3d2 .l3d-qb button.qb-type-card.is-on{border-color:var(--qb-accent);background:linear-gradient(180deg,var(--tint),var(--qb-bg));box-shadow:0 0 0 3px var(--qb-accent-soft)}.l3d2 .l3d-qb .qb-type-name{font:700 1.4rem var(--f-display);color:var(--qb-ink)}.l3d2 .l3d-qb .qb-type-desc{color:var(--qb-muted);max-width:32ch}.l3d2 .l3d-qb .qb-type-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px}.l3d2 .l3d-qb .qb-type-list span{font:500 .75rem var(--f-mono);padding:4px 10px;border-radius:99px;background:var(--qb-soft);color:var(--qb-muted);border:1px solid var(--qb-line)}.l3d2 .l3d-qb button.qb-type-card:after{content:"Choose";margin-top:auto;width:100%;padding:11px 16px;border-radius:var(--r-sm);font:600 .92rem var(--f-body);color:var(--qb-ink);border:1px solid var(--qb-line);background:var(--qb-soft);transition:background .15s,border-color .15s,color .15s}.l3d2 .l3d-qb .qb-type-list{margin-bottom:14px}.l3d2 .l3d-qb button.qb-type-card:hover:after,.l3d2 .l3d-qb button.qb-type-card.is-on:after{background:var(--qb-accent);border-color:var(--qb-accent);color:var(--qb-accent-ink)}.l3d2 .l3d-qb button.qb-type-card.is-on:after{content:"Selected"}.l3d2 .l3d-qb .qb-type-art{display:flex;flex-direction:column;align-items:center;gap:4px;width:96px;height:70px;justify-content:flex-end;margin-bottom:6px}.l3d2 .l3d-qb .qb-art-multi span{display:block;height:13px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff24}.l3d2 .l3d-qb .qb-art-multi span:nth-child(1){width:40%}.l3d2 .l3d-qb .qb-art-multi span:nth-child(2){width:60%}.l3d2 .l3d-qb .qb-art-multi span:nth-child(3){width:80%}.l3d2 .l3d-qb .qb-art-multi span:nth-child(4){width:100%}.l3d2 .l3d-qb .qb-art-single span{display:block;width:100%;height:66px;background:repeating-linear-gradient(180deg,var(--accent) 0 13px,transparent 13px 17px);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.l3d2 .l3d-qb .qb-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.l3d2 .l3d-qb .qb-pill{display:inline-block;padding:6px 14px;border-radius:99px;background:var(--tint);color:var(--accent);font:500 .8rem var(--f-mono);letter-spacing:.03em}.l3d2 .l3d-qb .qb-pill-multi{background:linear-gradient(90deg,#e5393538,#fdd83538,#1e88e538);color:var(--qb-ink)}.l3d2 .l3d-qb .qb-pill-ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.l3d2 .l3d-qb .qb-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}.l3d2 .l3d-qb .qb-stage-col{position:sticky;top:16px;display:grid;gap:14px}.l3d2 .l3d-qb .qb-side{display:grid;gap:14px}@media(max-width:860px){.l3d2 .l3d-qb .qb-grid{grid-template-columns:1fr}.l3d2 .l3d-qb .qb-stage-col{position:static}}.l3d2 .l3d-qb .qb-stage{position:relative;aspect-ratio:4 / 3;border-radius:var(--qb-r);overflow:hidden;border:1px solid var(--qb-line);background:radial-gradient(120% 90% at 50% 15%,#1f1830,var(--bg))}.l3d2 .l3d-qb .qb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab}.l3d2 .l3d-qb .qb-canvas:active{cursor:grabbing}.l3d2 .l3d-qb .qb-stage-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;text-align:center;padding:24px;color:var(--qb-muted)}.l3d2 .l3d-qb .qb-stage.is-empty .qb-stage-msg{display:grid}.l3d2 .l3d-qb .qb-stage.is-empty .qb-stage-hint,.l3d2 .l3d-qb .qb-stage.is-empty .qb-stage-tools{display:none}.l3d2 .l3d-qb .qb-stage-hint{position:absolute;left:12px;bottom:10px;font-size:12px;color:var(--qb-muted);pointer-events:none}.l3d2 .l3d-qb .qb-stage-tools{position:absolute;top:10px;right:10px}.l3d2 .l3d-qb .qb-icon{width:34px;height:34px;border-radius:50%;border:1px solid var(--qb-line);background:var(--qb-bg);cursor:pointer;font-size:16px}.l3d2 .l3d-qb .qb-drop-btn{width:100%;display:grid;gap:4px;padding:26px;text-align:center;cursor:pointer;border:1.5px dashed var(--qb-line);border-radius:var(--qb-r);background:var(--qb-bg);transition:border-color .15s,background .15s}.l3d2 .l3d-qb .qb-drop-btn strong{font-size:1.05em}.l3d2 .l3d-qb .qb-drop-btn span{color:var(--qb-muted);font-size:13.5px}.l3d2 .l3d-qb .qb-drop.is-over .qb-drop-btn,.l3d2 .l3d-qb .qb-drop-btn:hover{border-color:var(--accent);background:var(--tint)}.l3d2 .l3d-qb .qb-parts{display:grid;gap:12px}.l3d2 .l3d-qb .qb-part{border:1px solid var(--qb-line);border-radius:var(--qb-r);padding:16px;display:grid;gap:12px;background:var(--qb-bg)}.l3d2 .l3d-qb .qb-part.is-active{border-color:var(--qb-accent);box-shadow:0 0 0 2px var(--qb-accent-soft)}.l3d2 .l3d-qb .qb-part.has-error{border-color:color-mix(in srgb,var(--qb-err) 55%,var(--qb-line))}.l3d2 .l3d-qb .qb-part header{display:flex;align-items:center;gap:10px}.l3d2 .l3d-qb .qb-part-name{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;text-align:left;font-weight:600}.l3d2 .l3d-qb .qb-part-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l3d2 .l3d-qb .qb-ext{font:600 .7rem var(--f-mono);letter-spacing:.04em;padding:3px 7px;border-radius:5px;background:var(--tint);color:var(--accent);flex:none}.l3d2 .l3d-qb .qb-size{font-size:13px;white-space:nowrap}.l3d2 .l3d-qb .qb-x{width:28px;height:28px;border-radius:50%;border:1px solid var(--qb-line);background:var(--qb-soft);cursor:pointer;font-size:17px;line-height:1;flex:none;padding:0}.l3d2 .l3d-qb .qb-price{font:600 1rem var(--f-mono);white-space:nowrap}.l3d2 .l3d-qb .qb-field{display:grid;gap:6px;margin:0;min-width:0;border:0;padding:0}.l3d2 .l3d-qb .qb-field>span,.l3d2 .l3d-qb .qb-field>legend{font-size:13px;font-weight:600;color:var(--qb-muted);padding:0}.l3d2 .l3d-qb .qb-field>span b{color:var(--qb-ink)}.l3d2 .l3d-qb .qb-field input[type=text],.l3d2 .l3d-qb .qb-field input[type=number],.l3d2 .l3d-qb .qb-field select,.l3d2 .l3d-qb .qb-field textarea{width:100%;font:inherit;color:var(--qb-ink);background:var(--bg);border:1px solid var(--qb-line);border-radius:var(--r-sm);padding:9px 11px;min-height:42px}.l3d2 .l3d-qb .qb-field textarea{resize:vertical;min-height:70px}.l3d2 .l3d-qb .qb-field select[disabled]{opacity:.7}.l3d2 .l3d-qb .qb-row>.qb-field{flex:1 1 150px}.l3d2 .l3d-qb .qb-row>.qb-field-qty{flex:0 0 86px}.l3d2 .l3d-qb .qb-row>.qb-field-zip{flex:0 0 110px}.l3d2 .l3d-qb .qb-field-check{grid-template-columns:auto 1fr;align-items:center}.l3d2 .l3d-qb .qb-field-check>span{order:2}.l3d2 .l3d-qb .qb-seg{display:flex;flex-wrap:wrap;gap:6px}.l3d2 .l3d-qb .qb-seg label{position:relative;cursor:pointer;padding:8px 14px;border-radius:99px;border:1px solid var(--qb-line);font-size:14px;background:var(--bg)}.l3d2 .l3d-qb .qb-seg label.is-on{border-color:var(--qb-accent);background:var(--tint);font-weight:600}.l3d2 .l3d-qb .qb-seg input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.l3d2 .l3d-qb .qb-support small{display:block;margin-top:2px;font-size:13px}.l3d2 .l3d-qb .qb-adv-toggle{justify-self:start}.l3d2 .l3d-qb .qb-adv{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:12px;background:var(--qb-soft);border-radius:var(--r-sm)}.l3d2 .l3d-qb .qb-swatches{display:flex;flex-wrap:wrap;gap:8px}.l3d2 .l3d-qb .qb-sw{width:30px;height:30px;padding:0;border-radius:50%;border:0;cursor:pointer;background:var(--sw);position:relative;box-shadow:inset 0 0 0 1px #ffffff38;transition:transform .12s}.l3d2 .l3d-qb .qb-sw:hover:not([disabled]){transform:scale(1.1)}.l3d2 .l3d-qb .qb-sw.is-on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.l3d2 .l3d-qb .qb-sw.is-on:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--ink)}.l3d2 .l3d-qb .qb-sw-any{background:var(--qb-soft);font-weight:700;font-size:14px}.l3d2 .l3d-qb .qb-sw-any.is-on:after{display:none}.l3d2 .l3d-qb .qb-colors{display:grid;gap:14px}.l3d2 .l3d-qb .qb-colors-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.l3d2 .l3d-qb .qb-colors-head h4{margin:0;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.l3d2 .l3d-qb .qb-slot{display:grid;gap:8px}.l3d2 .l3d-qb .qb-slot-head{display:flex;align-items:center;gap:8px;font-size:14px}.l3d2 .l3d-qb .qb-slot-num{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font:600 .75rem var(--f-mono);background:var(--tint);color:var(--accent)}.l3d2 .l3d-qb .qb-chips{display:flex;flex-wrap:wrap;gap:6px}.l3d2 .l3d-qb .qb-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:3px 10px 3px 4px;border-radius:99px;background:var(--qb-soft);border:1px solid var(--qb-line)}.l3d2 .l3d-qb .qb-chip i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff38}.l3d2 .l3d-qb .qb-delivery{display:grid;gap:12px;margin:0}.l3d2 .l3d-qb .qb-delivery legend{font:700 1rem var(--f-display);padding:0 6px}.l3d2 .l3d-qb .qb-radios{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.l3d2 .l3d-qb .qb-radio{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--qb-line);border-radius:var(--r-sm);cursor:pointer;background:var(--bg)}.l3d2 .l3d-qb .qb-radio.is-on{border-color:var(--qb-accent);background:var(--tint);box-shadow:inset 0 0 0 1px var(--qb-accent)}.l3d2 .l3d-qb .qb-radio input{accent-color:var(--qb-accent);width:auto;flex:none}.l3d2 .l3d-qb .qb-radio span{display:grid}.l3d2 .l3d-qb .qb-radio small{color:var(--qb-muted);font-size:12.5px}.l3d2 .l3d-qb .qb-addr{display:grid;gap:10px}.l3d2 .l3d-qb .qb-rates,.l3d2 .l3d-qb .qb-totals{margin:0;display:grid;gap:0}.l3d2 .l3d-qb .qb-rates div,.l3d2 .l3d-qb .qb-totals div{display:flex;justify-content:space-between;gap:14px;font-size:14px;padding:7px 0;border-bottom:1px dashed var(--qb-line)}.l3d2 .l3d-qb .qb-rates dt,.l3d2 .l3d-qb .qb-totals dt{color:var(--qb-muted)}.l3d2 .l3d-qb .qb-rates dd,.l3d2 .l3d-qb .qb-totals dd{margin:0;text-align:right;font-family:var(--f-mono);font-size:13px}.l3d2 .l3d-qb .qb-totals .qb-total{border-bottom:0;padding-top:10px;font-size:1.1em;font-weight:700}.l3d2 .l3d-qb .qb-totals .qb-total dt{color:var(--qb-ink)}.l3d2 .l3d-qb .qb-summary>p{margin:12px 0 0}.l3d2 .l3d-qb .qb-problems{margin:12px 0 0;padding-left:18px;color:var(--qb-muted);font-size:13.5px}.l3d2 .l3d-qb .qb-check{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;line-height:1.45;cursor:pointer;font-size:.92rem}.l3d2 .l3d-qb .qb-check input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--qb-accent)}.l3d2 .l3d-qb .qb-check a{color:var(--accent)}.l3d2 .l3d-qb .qb-progress{height:6px;border-radius:99px;background:var(--qb-soft);overflow:hidden}.l3d2 .l3d-qb .qb-progress span{display:block;height:100%;background:var(--qb-accent);transition:width .2s}.l3d2 .l3d-qb .qb-status{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.l3d2 .l3d-qb .qb-st-done{color:var(--ok)}.l3d2 .l3d-qb .qb-st-failed{color:var(--qb-err)}.l3d2 .l3d-qb .qb-spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--qb-line);border-top-color:var(--accent);animation:qb-spin .8s linear infinite;display:inline-block}.l3d2 .l3d-qb .qb-spinner-sm{width:14px;height:14px;border-width:2px;vertical-align:-2px}@keyframes qb-spin{to{transform:rotate(360deg)}}.l3d2 .l3d-qb .qb-build.is-busy .qb-side{cursor:progress}.l3d2 .l3d-qb .qb-login{background:linear-gradient(135deg,var(--tint),var(--surface));border-color:color-mix(in srgb,var(--accent-strong) 50%,transparent);border-radius:16px}.l3d2 .l3d-qb .qb-login h3{margin:0;font-size:1.5rem}.l3d2 .l3d-qb .qb-login p{margin:0;max-width:420px;color:var(--qb-muted)}@media(prefers-reduced-motion:reduce){.l3d2 .l3d-qb *{transition:none!important;animation-duration:2s!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/l3d-quote-builder.css.map */