/**
 * This file was automatically generated. Please run `npm run dist` to update.
 */

.ct-message .ct-message__inner {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch;
  border-radius: var(--ct-message-border-radius);
  border-left: solid 0.375rem transparent;
  padding: 1.5rem 1.5rem 1.5rem 0.5rem;
  width: 100%;
  font-size: var(--ct-typography-text-regular-font-size);
  line-height: var(--ct-typography-text-regular-line-height);
  font-family: var(--ct-typography-text-regular-font-name);
  font-weight: var(--ct-typography-text-regular-font-weight);
  letter-spacing: var(--ct-typography-text-regular-letter-spacing);
}
.ct-message .ct-message__icon {
  vertical-align: top;
  line-height: 100%;
  margin-right: 1rem;
}
@media (min-width: 0) {
  .ct-message .ct-message__icon {
    margin-top: 0.125rem;
  }
}
@media (min-width: 768px) {
  .ct-message .ct-message__icon {
    margin-top: 0.25rem;
  }
}
.ct-message .ct-message__title {
  font-weight: 600;
}
.ct-message .ct-message__content {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.ct-message .ct-message__content:first-child {
  margin-top: 0;
}
.ct-message[class*=ct-vertical-spacing-] .ct-message__inner {
  margin: 0;
}
.ct-message.ct-theme-light.ct-message--with-background {
  background-color: var(--ct-message-light-background-color);
}
.ct-message.ct-theme-light.ct-message--information .ct-message__inner {
  background-color: var(--ct-message-light-information-background-color);
  color: var(--ct-message-light-information-color);
  border-color: var(--ct-message-light-information-border-color);
}
.ct-message.ct-theme-light.ct-message--information .ct-message__inner .ct-message__icon {
  color: var(--ct-message-light-information-icon-color);
}
.ct-message.ct-theme-light.ct-message--warning .ct-message__inner {
  background-color: var(--ct-message-light-warning-background-color);
  color: var(--ct-message-light-warning-color);
  border-color: var(--ct-message-light-warning-border-color);
}
.ct-message.ct-theme-light.ct-message--warning .ct-message__inner .ct-message__icon {
  color: var(--ct-message-light-warning-icon-color);
}
.ct-message.ct-theme-light.ct-message--error .ct-message__inner {
  background-color: var(--ct-message-light-error-background-color);
  color: var(--ct-message-light-error-color);
  border-color: var(--ct-message-light-error-border-color);
}
.ct-message.ct-theme-light.ct-message--error .ct-message__inner .ct-message__icon {
  color: var(--ct-message-light-error-icon-color);
}
.ct-message.ct-theme-light.ct-message--success .ct-message__inner {
  background-color: var(--ct-message-light-success-background-color);
  color: var(--ct-message-light-success-color);
  border-color: var(--ct-message-light-success-border-color);
}
.ct-message.ct-theme-light.ct-message--success .ct-message__inner .ct-message__icon {
  color: var(--ct-message-light-success-icon-color);
}
.ct-message.ct-theme-dark.ct-message--with-background {
  background-color: var(--ct-message-dark-background-color);
}
.ct-message.ct-theme-dark.ct-message--information .ct-message__inner {
  background-color: var(--ct-message-dark-information-background-color);
  color: var(--ct-message-dark-information-color);
  border-color: var(--ct-message-dark-information-border-color);
}
.ct-message.ct-theme-dark.ct-message--information .ct-message__inner .ct-message__icon {
  color: var(--ct-message-dark-information-icon-color);
}
.ct-message.ct-theme-dark.ct-message--warning .ct-message__inner {
  background-color: var(--ct-message-dark-warning-background-color);
  color: var(--ct-message-dark-warning-color);
  border-color: var(--ct-message-dark-warning-border-color);
}
.ct-message.ct-theme-dark.ct-message--warning .ct-message__inner .ct-message__icon {
  color: var(--ct-message-dark-warning-icon-color);
}
.ct-message.ct-theme-dark.ct-message--error .ct-message__inner {
  background-color: var(--ct-message-dark-error-background-color);
  color: var(--ct-message-dark-error-color);
  border-color: var(--ct-message-dark-error-border-color);
}
.ct-message.ct-theme-dark.ct-message--error .ct-message__inner .ct-message__icon {
  color: var(--ct-message-dark-error-icon-color);
}
.ct-message.ct-theme-dark.ct-message--success .ct-message__inner {
  background-color: var(--ct-message-dark-success-background-color);
  color: var(--ct-message-dark-success-color);
  border-color: var(--ct-message-dark-success-border-color);
}
.ct-message.ct-theme-dark.ct-message--success .ct-message__inner .ct-message__icon {
  color: var(--ct-message-dark-success-icon-color);
}