// #region variables
page,
.sar-portal {
  --sar-stepper-height: 64rpx;
  --sar-stepper-accent-height: 48rpx;
  --sar-stepper-gap: 8rpx;
  --sar-stepper-bg: var(--sar-secondary-bg);

  --sar-stepper-input-width: 80rpx;
  --sar-stepper-input-padding-x: 10rpx;
  --sar-stepper-input-font-size: var(--sar-text-base);
  --sar-stepper-placeholder-color: var(--sar-fourth-color);

  --sar-stepper-button-font-size: var(--sar-text-lg);
  --sar-stepper-button-border-radius: var(--sar-rounded-sm);
  --sar-stepper-button-active-bg: var(--sar-active-deep-bg);

  --sar-stepper-height-sm: 52rpx;
  --sar-stepper-accent-height-sm: 40rpx;
  --sar-stepper-input-width-sm: 72rpx;
  --sar-stepper-input-font-size-sm: var(--sar-text-sm);
  --sar-stepper-button-font-size-sm: var(--sar-text-base);
}
// #endregion variables