.canon-stepper{gap:var(--canon-hairline);min-block-size:var(--canon-control-height);background:var(--canon-border);display:flex}.canon-stepper>.canon-button{flex:none}.canon-stepper-centre{box-sizing:border-box;background:var(--canon-card);min-inline-size:0;color:var(--canon-foreground);font-family:var(--canon-font);cursor:text;flex:auto;align-items:center;padding:0 10px;display:flex}.canon-stepper-centre:focus-within{outline:2px solid var(--canon-primary);outline-offset:-2px}.canon-stepper-value{flex:auto;align-items:baseline;gap:4px;min-inline-size:0;display:flex}.canon-stepper-field{inline-size:0;min-inline-size:48px;color:inherit;caret-color:var(--canon-primary);font:inherit;font-size:var(--canon-text-body);font-weight:var(--canon-weight-semibold);font-variant-numeric:tabular-nums;text-align:end;appearance:none;background:0 0;border:0;outline:none;flex:auto;margin:0;padding:0}.canon-stepper-unit{color:var(--canon-muted-foreground);font-size:var(--canon-text-caption);flex:none}.canon-decimal-field-input{min-inline-size:72px}