@property --quantity-trace-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.qty.svelte-1vdsgga{--qty-height: 44px;--qty-radius: var(--radius-2, 12px);--qty-button-size: 38px;--qty-input-font-size: .95rem;--qty-unit-font-size: .65rem;display:flex;align-items:center;width:100%;min-width:0}.qty.compact.svelte-1vdsgga{width:140px;max-width:100%;flex:0 1 140px}.qty.small.svelte-1vdsgga{--qty-height: 36px;--qty-button-size: 30px;--qty-input-font-size: .82rem;--qty-unit-font-size: .6rem}.qty.card.svelte-1vdsgga{--qty-height: 40px;--qty-button-size: 34px;--qty-input-font-size: .88rem;--qty-unit-font-size: .6rem}.qty-pill.svelte-1vdsgga{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;min-width:0;height:var(--qty-height);box-sizing:border-box;padding:2px;border:1px solid var(--border);border-radius:var(--qty-radius);background:color-mix(in srgb,var(--bg-elevated) 55%,var(--bg-surface));color:var(--text);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 4%,transparent);transition:border-color .16s ease,background-color .16s ease}.qty-pill.svelte-1vdsgga:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--bg-surface))}.qty-trace.svelte-1vdsgga{--quantity-trace-angle: 0deg;position:absolute;inset:-1px;z-index:3;box-sizing:border-box;padding:1.5px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--quantity-trace-angle),transparent 0% 78%,color-mix(in srgb,var(--accent) 55%,white) 86%,var(--accent) 92%,transparent 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:svelte-1vdsgga-quantity-edge-trace .65s ease-out both}@keyframes svelte-1vdsgga-quantity-edge-trace{0%{--quantity-trace-angle: 0deg;opacity:0}12%,75%{opacity:.9}to{--quantity-trace-angle: 360deg;opacity:0}}.qty-button.svelte-1vdsgga{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 var(--qty-button-size);width:var(--qty-button-size);height:100%;padding:0;border:0;border-radius:calc(var(--qty-radius) - 3px);background:transparent;color:var(--text-muted);cursor:pointer;touch-action:manipulation;transition:background-color .14s ease,color .14s ease,transform .14s ease}.qty.has-value.svelte-1vdsgga .qty-button:where(.svelte-1vdsgga):not(.at-bound):not(:disabled){color:var(--accent)}.qty-button.svelte-1vdsgga:active:not(:disabled){background:color-mix(in srgb,var(--accent) 14%,transparent);transform:scale(.92)}.qty-button.svelte-1vdsgga:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.qty-button.at-bound.svelte-1vdsgga{color:var(--text-muted);opacity:.45}.qty.disabled.svelte-1vdsgga{opacity:.5}.qty-button.svelte-1vdsgga:disabled,.qty.disabled.svelte-1vdsgga .qty-wrapper:where(.svelte-1vdsgga){cursor:not-allowed}.input-wrap.svelte-1vdsgga{position:relative;display:flex;align-items:center;align-self:stretch;flex:1 1 0;min-width:0;padding-inline:4px;border-inline:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.qty-wrapper.svelte-1vdsgga{display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;min-width:0;cursor:text}.input.svelte-1vdsgga{width:5ch;max-width:100%;min-width:1.5ch;flex:0 1 5ch;padding:0;margin:0;border:0;outline:none;background:transparent;color:inherit;font-family:inherit;font-size:var(--qty-input-font-size);font-weight:650;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;-moz-appearance:textfield}.input.svelte-1vdsgga::-webkit-outer-spin-button,.input.svelte-1vdsgga::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@supports (field-sizing: content){.input.svelte-1vdsgga{field-sizing:content;width:auto}}.unit.svelte-1vdsgga{flex:0 0 auto;color:var(--text-muted);font-size:var(--qty-unit-font-size);font-weight:500;line-height:1;pointer-events:none;white-space:nowrap}@media(hover:hover)and (pointer:fine){.qty-pill.svelte-1vdsgga:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.qty-button.svelte-1vdsgga:hover:not(:disabled):not(.at-bound){background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}}@media(max-width:425px){.qty.card.svelte-1vdsgga{--qty-button-size: 30px;--qty-input-font-size: .85rem}}@media(prefers-reduced-motion:reduce){.qty-trace.svelte-1vdsgga{display:none;animation:none}.qty-pill.svelte-1vdsgga,.qty-button.svelte-1vdsgga{transition:none}.qty-button.svelte-1vdsgga:active:not(:disabled){transform:none}}
