// #variables
page,
.gms-portal {
  --gms-form-bg: var(--gms-emphasis-bg);
  --gms-form-card-border-radius: var(--gms-rounded-lg);

  --gms-form-item-padding-x: 32rpx;
  --gms-form-item-padding-y: 20rpx;
  --gms-form-item-border-color: var(--gms-border-color);

  --gms-form-item-label-width: 176rpx;
  --gms-form-item-label-margin-right: 24rpx;
  --gms-form-item-label-margin-bottom: 8rpx;
  --gms-form-item-label-font-size: var(--gms-text-base);
  --gms-form-item-label-line-height: var(--gms-leading-normal);

  --gms-form-item-star-font-size: var(--gms-text-base);
  --gms-form-item-star-line-height: var(--gms-leading-normal);
  --gms-form-item-star-color: var(--gms-danger);
  --gms-form-item-star-gap: 8rpx;

  --gms-form-item-error-margin-top: 4px;
  --gms-form-item-error-font-size: var(--gms-text-sm);
  --gms-form-item-error-line-height: var(--gms-leading-tight);
  --gms-form-item-error-color: var(--gms-danger);
}
// #endvariables