@use '../style/base' as *;

// #variables
page,
.gms-portal {
  --gms-toast-top: 10%;
  --gms-toast-bottom: 10%;

  --gms-toast-font-size: var(--gms-text-base);
  --gms-toast-width: calc(var(--gms-toast-font-size) * 9);
  --gms-toast-not-text-min-height: var(--gms-toast-width);
  --gms-toast-padding-x: var(--gms-toast-font-size);
  --gms-toast-padding-y: var(--gms-toast-font-size);
  --gms-toast-border-radius: var(--gms-rounded-lg);
  --gms-toast-color: var(--gms-white);
  --gms-toast-bg: var(--gms-mask-illegible);

  --gms-toast-text-max-width: 80%;
  --gms-toast-text-padding-y: 20rpx;

  --gms-toast-icon-margin-bottom: 16rpx;
  --gms-toast-icon-size: 72rpx;
  --gms-toast-icon-loading-size: 60rpx;

  --gms-toast-title-font-size: var(--gms-toast-font-size);
  --gms-toast-title-line-height: var(--gms-leading-normal);
}
// #endvariables