// #region variables
page,
.sar-portal {
  --sar-switch-size: 60rpx;
  --sar-switch-width: calc(var(--sar-switch-size) / 6 * 10);
  --sar-switch-height: var(--sar-switch-size);
  --sar-switch-transition-duration: var(--sar-duration);
  --sar-switch-bg: var(--sar-tertiary-bg);
  --sar-switch-checked-bg: var(--sar-primary);

  --sar-switch-is-loading-opacity: var(--sar-loading-opacity);

  --sar-switch-thumb-gap: 6rpx;
  --sar-switch-thumb-width: calc(
    var(--sar-switch-height) - var(--sar-switch-thumb-gap) * 2
  );
  --sar-switch-thumb-height: var(--sar-switch-thumb-width);
  --sar-switch-thumb-border-radius: var(--sar-rounded-full);
  --sar-switch-thumb-bg: var(--sar-white);
  --sar-switch-thumb-color: var(--sar-gray-600);
  --sar-switch-thumb-transition-duration: var(--sar-duration);

  --sar-switch-text-min-margin: 18rpx;
  --sar-switch-text-max-margin: calc(
    var(--sar-switch-thumb-width) + var(--sar-switch-text-min-margin)
  );
  --sar-switch-text-color: var(--sar-white);
  --sar-switch-text-font-size: var(--sar-text-base);
}
// #endregion variables