.quote-stepper{border:1px solid var(--color-input);background:var(--color-background);width:7rem;height:2.5rem;transition:border-color var(--duration-fast) ease-out, box-shadow var(--duration-fast) ease-out;border-radius:999px;align-items:center;display:inline-flex}.quote-stepper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-primary) 18%, transparent)}.quote-stepper input{text-align:center;width:2.375rem;height:100%;font:inherit;font-size:var(--text-body);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-foreground);background:0 0;border:0;outline:2px solid #0000;padding:0;font-weight:600}.quote-stepper-btn{width:2.25rem;height:100%;color:var(--color-muted-foreground);cursor:pointer;transition:color var(--duration-fast) ease-out, background-color var(--duration-fast) ease-out;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.quote-stepper-btn:hover{color:var(--color-primary);background:color-mix(in oklch, var(--color-primary) 8%, transparent)}.quote-stepper-btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.quote-in-code{justify-content:center;margin-top:.5rem;font-weight:400;display:flex}.quote-code-cell:has(.quote-in-code){text-align:center}.quote-code-cell:has(.quote-in-code) img{margin-inline:auto}@media (min-width:48rem){.quote-in-code{display:none}.quote-code-cell:has(.quote-in-code){text-align:left}.quote-code-cell:has(.quote-in-code) img{margin-inline:0}}.quote-qty-cell{width:1%}tr>:has(+.quote-qty-cell){border-right-width:0}@media (min-width:48rem){tr>:has(+.quote-qty-cell){border-right-width:1px}}.quote-addbar{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:1rem;padding:.875rem 1rem;display:flex}.quote-addbar p{font-size:var(--text-small);line-height:var(--leading-small);font-variant-numeric:tabular-nums}.quote-addbar button{width:100%}.quote-addbar button:disabled{opacity:.45;cursor:not-allowed}.quote-addbar-selected{z-index:20;margin-inline:calc(var(--spacing-gutter) * -1);box-shadow:var(--shadow-lg);border-radius:0;position:sticky;bottom:0}@media (min-width:48rem){.quote-addbar button{width:auto}.quote-addbar-selected{border-radius:var(--radius-card);box-shadow:none;margin-inline:0;position:static}}.quote-notice{z-index:50;background:var(--color-dark);max-width:min(22rem,100% - 2rem);color:var(--color-dark-foreground);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);font-size:var(--text-small);line-height:var(--leading-small);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex;position:fixed;top:4.5rem;right:1rem}.quote-notice[hidden]{display:none}.quote-notice a{color:inherit;padding-block:.375rem;font-weight:700;display:inline-block}.quote-head{gap:var(--spacing-stack-sm);margin-bottom:var(--spacing-stack-lg);display:grid}.quote-head h1:after{content:"";background:var(--color-primary);width:4.5rem;height:4px;margin-top:1rem;display:block}.quote-head p{color:var(--color-muted-foreground);max-width:40rem}.quote-head .quote-keep{font-size:var(--text-small);line-height:var(--leading-small)}.quote-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:2rem 3rem;display:grid}@media (min-width:64rem){.quote-grid{grid-template-columns:minmax(0,1fr) minmax(0,26rem)}}.quote-lines-head{border-bottom:2px solid var(--color-foreground);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.75rem;display:flex}.quote-lines-head h2{font-size:var(--text-h4);line-height:var(--leading-h4);font-weight:700}.quote-lines-head span{font-size:var(--text-small);color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap}.quote-line{border-bottom:1px solid var(--color-border);transition:opacity var(--duration-fast) ease-out, transform var(--duration-fast) ease-out;grid-template-columns:4.5rem minmax(0,1fr) 2.75rem;grid-template-areas:"img main del""img qty qty""note note note";align-items:center;gap:.5rem .75rem;padding-block:1rem;display:grid}.quote-line-gone{opacity:0;transform:translate(16px)}.quote-line-img{aspect-ratio:1;background:var(--color-muted);border-radius:var(--radius-card);grid-area:img;justify-content:center;align-self:start;align-items:center;display:flex;overflow:hidden}.quote-line-img img{mix-blend-mode:multiply;width:80%;height:auto}.quote-line-main{grid-area:main;gap:.125rem;min-width:0;display:grid}.quote-line-name{color:inherit;font-weight:700;text-decoration:none}.quote-line-name:hover{color:var(--color-primary);text-decoration:underline}.quote-line-code{font-weight:600;font-size:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap}.quote-line-sub{font-size:var(--text-small);color:var(--color-muted-foreground)}.quote-line-qty{grid-area:qty}.quote-line-del{width:2.75rem;height:2.75rem;color:var(--color-muted-foreground);cursor:pointer;border-radius:var(--radius-button);background:0 0;border:0;grid-area:del;align-self:start;place-items:center;display:grid}.quote-line-del:hover{color:var(--color-destructive);background:var(--color-muted)}.quote-line-note{grid-area:note;min-width:0}.quote-line-note input{border:1px solid var(--color-input);border-radius:var(--radius-input);background:var(--color-background);width:100%;min-height:2.75rem;color:var(--color-foreground);font:inherit;font-size:var(--text-body);padding:.5rem .75rem;display:block}.quote-line-note input::placeholder{color:var(--color-muted-foreground)}.quote-line-note input:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}@media (min-width:48rem){.quote-line{grid-template-columns:5.5rem minmax(0,1fr) auto 2.75rem;grid-template-areas:"img main qty del""img note qty del";gap:.5rem 1rem}.quote-line-del{align-self:center}}.quote-lines-foot{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:1rem;display:flex}.quote-lines-foot a,.quote-lines-foot button{min-height:2.75rem;color:var(--color-primary);font:inherit;font-size:var(--text-small);cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:0;font-weight:600;text-decoration:none;display:inline-flex}.quote-form-card h2{font-size:var(--text-h4);line-height:var(--leading-h4);padding:1.5rem 1.5rem 0;font-weight:700}.quote-form-card .quote-form-sum{font-size:var(--text-small);color:var(--color-muted-foreground);padding:.25rem 1.5rem 0}.quote-form-card .inquiry-form{padding:1.5rem}.quote-form-card .inquiry-row{grid-template-columns:minmax(0,1fr)}.quote-empty{text-align:center;padding:var(--spacing-stack-xl) 1rem;border:1px dashed var(--color-input);border-radius:var(--radius-card);justify-items:center;gap:1rem;display:grid}.quote-empty .quote-empty-alt{font-size:var(--text-small);color:var(--color-muted-foreground)}.quote-empty .quote-empty-alt a{color:var(--color-primary);font-weight:600}.quote-loading{min-height:16rem}.quote-sent{text-align:center;justify-items:center;gap:1rem;max-width:40rem;margin-inline:auto;display:grid}.quote-sent>svg{width:3.5rem;height:3.5rem;color:var(--color-primary)}.quote-sent h2{font-size:var(--text-h2);line-height:var(--leading-h2);overflow-wrap:anywhere;font-weight:700}.quote-sent p{color:var(--color-muted-foreground);overflow-wrap:anywhere}.quote-sent-list{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-card);width:100%}.quote-sent-list li{font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;padding:.75rem 1rem;display:flex}.quote-sent-list li+li{border-top:1px solid var(--color-border)}.quote-sent-list li>span:first-child{overflow-wrap:anywhere;min-width:0}.quote-sent-list li>span:last-child{white-space:nowrap}.quote-sent-acts{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@media (prefers-reduced-motion:reduce){.quote-line{transition:none}}
