* {
  box-sizing: var(--air-box-sizing, border-box);
}

:host {
  display: var(--air-info-box-display, flex);
}

.info-box {
  display: flex;
  position: relative;
  align-items: start;
  width: var(--air-info-box-width, 100%);
  max-width: var(--air-info-box-width, 100%);
  padding-top: var(--air-info-box-padding-top, var(--air-spacing-04, 1.5rem));
  padding-right: var(--air-info-box-padding-right, var(--air-spacing-04, 1.5rem));
  padding-bottom: var(--air-info-box-padding-bottom, var(--air-spacing-04, 1.5rem));
  padding-left: var(--air-info-box-padding-left, var(--air-spacing-04, 1.5rem));
  border-width: var(--air-info-box-border-width, 1px);
  border-style: var(--air-info-box-border-style, none);
  border-color: var(--air-info-box-border-color, transparent);
  border-radius: var(--air-info-box-border-radius, var(--air-border-radius, 4px));
  font-family: var(--air-info-box-font-family, var(--air-body-bold-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));
  background-color: var(--air-info-box-background-color, var(--air-color-white, #ffffff));
  box-shadow: var(--air-info-box-shadow, var(--air-box-shadow-02, 0px 0px 10px rgba(0, 0, 0, 0.25)));
  justify-items: stretch;
}
.info-box.hidden {
  display: none;
}
.info-box-heading {
  display: flex;
  position: relative;
  align-items: var(--air-info-box-heading-align-items, center);
  justify-content: var(--air-info-box-heading-justify-content, space-between);
  min-height: var(--air-info-box-heading-height, 24px);
  color: var(--air-info-box-heading-color, var(--air-body-bold-color, var(--air-color-eclipse, #3a3a3a)));
  font-weight: var(--air-info-box-heading-font-weight, var(--air-body-bold-font-weight, 600));
  font-size: var(--air-info-box-heading-font-size, var(--air-body-bold-font-size, 1rem));
  line-height: var(--air-info-box-heading-line-height, var(--air-body-bold-line-height, 1.5));
  font-family: var(--air-info-box-heading-font-family, var(--air-body-bold-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));
}
.info-box-text {
  color: var(--air-info-box-color-text, var(--air-color-bright-gray, #545559));
}
.info-box-close {
  display: inline-flex;
  cursor: pointer;
}
.info-box-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--air-info-box-content-color, var(--air-color-bright-gray, #545559));
}
.info-box-markdown {
  color: var(--air-info-box-content-color, var(--air-color-bright-gray, #545559));
  font-family: var(--air-info-box-content-font-family, var(--air-body-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));
  font-size: var(--air-info-box-content-font-size, 1rem);
  line-height: var(--air-info-box-content-line-height, 24px);
  font-weight: var(--air-info-box-content-font-weight, 400);
}
.info-box-modal .info-box {
  box-shadow: none;
  padding: 0;
  --air-info-box-background-color: var(--air-modal-info-box-background-color, transparent);
}
.info-box-modal .info-box p:first-of-type {
  margin-top: 0;
}