.tp-stepper{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem;border-radius:999px;background:var(--color-paper-2)}.tp-step{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;font-size:1.25rem;font-weight:700;line-height:1;color:var(--color-ink);background:var(--color-sheet);box-shadow:0 2px 6px -2px #28190a59;transition:transform .3s var(--ease-spring),background-color .2s}.tp-step:hover:not(:disabled){background:var(--color-lamp)}.tp-step:active:not(:disabled){transform:scale(.88)}.tp-step:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.tp-qty{width:2.4rem;text-align:center;font-family:var(--font-display);font-size:1.35rem;font-weight:600;font-variant-numeric:tabular-nums;background:transparent;-moz-appearance:textfield;appearance:textfield}.tp-qty::-webkit-outer-spin-button,.tp-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tp-qty::placeholder{color:color-mix(in oklab,var(--color-ink) 45%,transparent)}
