:root {
  --air-modal-body-background-color: var(--air-color-white, #ffffff);
  --air-modal-box-shadow: var(--air-box-shadow-02);
  --air-modal-close-size: 24px;
  --air-modal-close-margin: 0;
  --air-modal-content-spacing: 40px;
  --air-modal-content-width: 28rem;
  --air-modal-flex-align-items: center;
  --air-modal-flex-direction: column;
  --air-modal-flex-justify-position: center;
  --air-modal-max-height: 100vh;
  --air-modal-max-width: calc(100% - var(--air-spacing-05));
  --air-modal-overlay-background-color: rgba(0, 0, 0, 0.38);
  --air-modal-padding-bottom: var(--air-spacing-05);
  --air-modal-padding-left: var(--air-spacing-05);
  --air-modal-padding-right: var(--air-spacing-05);
  --air-modal-padding-top: var(--air-spacing-05);

  --air-modal-header-padding-bottom: var(--air-spacing-03);
  --air-modal-header-padding-left: var(--air-spacing-05);
  --air-modal-header-padding-right: var(--air-spacing-05);
  --air-modal-header-padding-top: var(--air-spacing-03);

  --air-modal-footer-padding-bottom: var(--air-spacing-03);
  --air-modal-footer-padding-left: var(--air-spacing-05);
  --air-modal-footer-padding-right: var(--air-spacing-05);
  --air-modal-footer-padding-top: var(--air-spacing-03);

  --air-modal-border-radius: var(--air-border-radius);
  --air-modal-z-index: 40;
  --air-modal-body-max-height: 65vh;
  --air-modal-header-box-shadow: var(--air-box-shadow-02);
  --air-modal-footer-box-shadow: var(--air-box-shadow-02);

  --air-mobile-modal-max-height: 100vh;
  --air-mobile-modal-padding-bottom: var(--air-spacing-03);
  --air-mobile-modal-padding-left: var(--air-spacing-03);
  --air-mobile-modal-padding-right: var(--air-spacing-03);
  --air-mobile-modal-padding-top: var(--air-spacing-03);

  --air-mobile-modal-header-padding-bottom: var(--air-spacing-02);
  --air-mobile-modal-header-padding-left: var(--air-spacing-03);
  --air-mobile-modal-header-padding-right: var(--air-spacing-03);
  --air-mobile-modal-header-padding-top: var(--air-spacing-02);

  --air-mobile-modal-footer-padding-bottom: var(--air-spacing-02);
  --air-mobile-modal-footer-padding-left: var(--air-spacing-03);
  --air-mobile-modal-footer-padding-right: var(--air-spacing-03);
  --air-mobile-modal-footer-padding-top: var(--air-spacing-02);
}
