.counter__wrapper{align-items:center;gap:var(--space-50);display:flex}.counter__wrapper button{align-items:center;display:flex}.counter__wrapper button>*{pointer-events:none}.counter__input{width:3ch;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:0 0;border:none;padding:0}.counter__input::-webkit-outer-spin-button{appearance:none;margin:0}.counter__input::-webkit-inner-spin-button{appearance:none;margin:0}.counter__button{padding:var(--space-200) var(--space-250);transition:transform var(--animation-press);display:flex}.counter__button:active{transform:scale(.98)}.counter__wrapper--boxed{border:var(--border-width-md) var(--border-style-solid) var(--color-neutral-200);border-radius:var(--border-radius-control);gap:0}.counter__wrapper--boxed .counter__button{width:var(--space-600);height:var(--space-600);justify-content:center;padding:0}.counter__wrapper--boxed .counter__button svg{width:var(--space-200)}.counter__wrapper--boxed .counter__input{font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);width:var(--space-600);height:var(--space-600);border-inline:var(--border-width-md) var(--border-style-solid) var(--color-neutral-200)}