.qty{--qty-height:48px;--qty-step:38px;height:var(--qty-height);background:var(--color-surface-muted);border:1px solid var(--color-line);corner-shape:superellipse(1.5);border-radius:999px;flex:none;align-items:center;padding:4px;display:inline-flex}.qty--sm{--qty-height:38px;--qty-step:28px;padding:4px}.qty input{font-variant-numeric:tabular-nums;width:44px;height:100%;color:var(--color-ink);text-align:center;appearance:textfield;background:0 0;border:0;outline:none;font-size:1rem;font-weight:600}.qty input::-webkit-inner-spin-button{appearance:none;margin:0}.qty input::-webkit-outer-spin-button{appearance:none;margin:0}.qty input:focus-visible{box-shadow:0 0 0 2px var(--color-primary);border-radius:4px}.qty--sm input{width:36px;font-size:.875rem}.qty__step{appearance:none;font:inherit;color:var(--color-primary);cursor:pointer;corner-shape:superellipse(1.5);width:var(--qty-step);height:var(--qty-step);background:#fff;border:0;border-radius:999px;place-items:center;margin:0;padding:0;transition:color .15s cubic-bezier(.22,1,.36,1),background-color .15s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:inset 0 -1px #00144d1a,inset 0 -3px 3px -2px #00144d1f,0 1px 3px #0008204d}@media (hover:hover) and (pointer:fine){.qty__step:hover{color:var(--color-on-primary);background:var(--color-primary)}}.qty__step:disabled{cursor:not-allowed;color:var(--color-ink-subtle);background:var(--color-surface-muted);box-shadow:none}.qty__step:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}