// #variables
page,
.gms-portal {
  --gms-slider-vertical-height: 300rpx;
  --gms-slider-padding: calc(var(--gms-slider-thumb-size) / 2);

  --gms-slider-show-scale-padding-x: 68rpx;
  --gms-slider-show-scale-padding-y: 52rpx;

  --gms-slider-track-main-axis-size: 100%;
  --gms-slider-track-cross-axis-size: 8rpx;
  --gms-slider-track-bg: var(--gms-secondary-bg);

  --gms-slider-piece-bg: var(--gms-primary);

  --gms-slider-thumb-size: 48rpx;
  --gms-slider-thumb-bg: var(--gms-white);
  --gms-slider-thumb-box-shadow: var(--gms-shadow);

  --gms-slider-value-padding: 8rpx;
  --gms-slider-value-min-width: 40rpx;
  --gms-slider-value-horizontal-min-width: 56rpx;
  --gms-slider-value-font-size: var(--gms-text-sm);
  --gms-slider-value-color: var(--gms-white);
  --gms-slider-value-bg: var(--gms-gray-800);
  --gms-slider-value-box-shadow: var(--gms-shadow);
  --gms-slider-value-arrow-size: 12rpx;

  --gms-slider-scale-size: 16rpx;
  --gms-slider-scale-text-font-size: var(--gms-text-sm);
  --gms-slider-scale-text-offset: 40rpx;
}
// #endvariables