// #variables
page,
.gms-portal {
  --gms-popout-border-top-radius: var(--gms-rounded-xl);
  --gms-popout-bg: var(--gms-emphasis-bg);

  --gms-popout-close-padding: 32rpx;
  --gms-popout-close-font-size: var(--gms-text-lg);
  --gms-popout-close-color: var(--gms-secondary-color);

  --gms-popout-header-compact-height: 88rpx;
  --gms-popout-header-loose-height: 88rpx;
  --gms-popout-header-loose-padding-x: 120rpx;

  --gms-popout-title-font-size: var(--gms-text-lg);
  --gms-popout-title-color: var(--gms-emphasis-color);

  --gms-popout-button-wrap-min-width: 160rpx;

  --gms-popout-footer-gap-y: 20rpx;
  --gms-popout-footer-gap-x: 32rpx;

  --gms-popout-button-gap: 32rpx;
}
// #endvariables