/* stylelint-disable */
.SectionMessage {
  --section-message-icon-padding: 2px;
  padding: var(--section-message-padding);
  border-radius: var(--border-radius-m);
  background-color: var(--section-message-background-color);
  display: flex;
  -moz-column-gap: var(--section-message-column-gap);
       column-gap: var(--section-message-column-gap);
  align-items: flex-start;
  inline-size: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.SectionMessage_status_info {
      --section-message-icon-color: var(--color-content-info-light-on);
      --section-message-background-color: var(--color-background-info-light);
      --section-message-button-color: var(--color-content-info-light-on);
    }
.SectionMessage_status_info:hover {
        --section-message-button-color: var(--color-content-info-hover);
      }
.SectionMessage_status_info:active {
        --section-message-button-color: var(--color-content-info-pressed);
      }
.SectionMessage_status_neutral {
      --section-message-icon-color: var(--color-content-base-primary);
      --section-message-background-color: var(--color-background-base-secondary);
      --section-message-button-color: var(--color-content-accent-default);
    }
.SectionMessage_status_neutral:hover {
        --section-message-button-color: var(--color-content-accent-hover);
      }
.SectionMessage_status_neutral:active {
        --section-message-button-color: var(--color-content-accent-pressed);
      }
.SectionMessage_status_warning {
      --section-message-icon-color: var(--color-content-warning-light-on);
      --section-message-background-color: var(--color-background-warning-light);
      --section-message-button-color: var(--color-content-warning-light-on);
    }
.SectionMessage_status_warning:hover {
        --section-message-button-color: var(--color-content-warning-hover);
      }
.SectionMessage_status_warning:active {
        --section-message-button-color: var(--color-content-warning-pressed);
      }
.SectionMessage_status_success {
      --section-message-icon-color: var(--color-content-success-light-on);
      --section-message-background-color: var(--color-background-success-light);
      --section-message-button-color: var(--color-content-success-light-on);
    }
.SectionMessage_status_success:hover {
        --section-message-button-color: var(--color-content-success-hover);
      }
.SectionMessage_status_success:active {
        --section-message-button-color: var(--color-content-success-pressed);
      }
.SectionMessage_status_error {
      --section-message-icon-color: var(--color-content-error-light-on);
      --section-message-background-color: var(--color-background-error-light);
      --section-message-button-color: var(--color-content-error-light-on);
    }
.SectionMessage_status_error:hover {
        --section-message-button-color: var(--color-content-error-hover);
      }
.SectionMessage_status_error:active {
        --section-message-button-color: var(--color-content-error-pressed);
      }
.SectionMessage_size_xs {
      --section-message-padding: 12px;
      --section-message-column-gap: var(--spacing-2x);
      --section-message-icon-padding: 0;

      font: var(--typography-text-xs-font);

      text-transform: var(--typography-text-xs-text_transform, none);

      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
    }
.SectionMessage_size_xs .SectionMessage-Title {
        font: var(--typography-text-xs_strong-font);
        text-transform: var(--typography-text-xs_strong-text_transform, none);
        letter-spacing: var(--typography-text-xs_strong-letter_spacing, 0);
      }
.SectionMessage_size_s {
      --section-message-padding: 14px 16px;
      --section-message-column-gap: var(--spacing-3x);

      font: var(--typography-text-s-font);

      text-transform: var(--typography-text-s-text_transform, none);

      letter-spacing: var(--typography-text-s-letter_spacing, 0);
    }
.SectionMessage_size_s .SectionMessage-Title {
        font: var(--typography-text-s_strong-font);
        text-transform: var(--typography-text-s_strong-text_transform, none);
        letter-spacing: var(--typography-text-s_strong-letter_spacing, 0);
      }
.SectionMessage_size_m {
      --section-message-padding: 16px 20px;
      --section-message-column-gap: var(--spacing-3x);
      --section-message-icon-padding: 0;

      font: var(--typography-text-m-font);

      text-transform: var(--typography-text-m-text_transform, none);

      letter-spacing: var(--typography-text-m-letter_spacing, 0);
    }
.SectionMessage_size_m .SectionMessage-Title {
        font: var(--typography-text-m_strong-font);
        text-transform: var(--typography-text-m_strong-text_transform, none);
        letter-spacing: var(--typography-text-m_strong-letter_spacing, 0);
      }
.SectionMessage_size_l {
      --section-message-padding: 18px 24px;
      --section-message-column-gap: var(--spacing-4x);

      font: var(--typography-text-l-font);

      text-transform: var(--typography-text-l-text_transform, none);

      letter-spacing: var(--typography-text-l-letter_spacing, 0);
    }
.SectionMessage_size_l .SectionMessage-Title {
        font: var(--typography-text-l_strong-font);
        text-transform: var(--typography-text-l_strong-text_transform, none);
        letter-spacing: var(--typography-text-l_strong-letter_spacing, 0);
      }
.SectionMessage-Icon {
    display: flex;
    color: var(--section-message-icon-color);
    -webkit-padding-before: var(--section-message-icon-padding);
            padding-block-start: var(--section-message-icon-padding);
  }
.SectionMessage-Title {
    display: flex;
    align-items: center;
  }
.SectionMessage-Action {
    -webkit-margin-before: var(--spacing-2x);
            margin-block-start: var(--spacing-2x);
  }
.SectionMessage-Button {
    color: var(--section-message-button-color);
  }