/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./source/components/message/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.c-message {
  --c-message-background-color: #e1e7eb;
  --c-message-font-color: #2f2f2f;
  --c-message-link-font-color: #2f2f2f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 12px;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--c-message-background-color);
  color: var(--c-message-font-color);
}
@media (max-width: 919px) {
  .c-message {
    margin-left: - !important;
    margin-right: - !important;
  }
}
.c-message.palette--accent-grey-ultralight, .c-message[data-message-category=info], .c-message[data-message-category=help] {
  --c-message-background-color: #f0f3f5;
  --c-message-font-color: #2f2f2f;
  --c-message-link-font-color: #2f2f2f;
}
.c-message.palette--accent-green-ultralight, .c-message[data-message-category=status], .c-message[data-message-category=success] {
  --c-message-background-color: #e3f9e9;
  --c-message-font-color: #2f2f2f;
  --c-message-link-font-color: #2f2f2f;
}
.c-message.palette--accent-yellow-ultralight, .c-message[data-message-category=warning] {
  --c-message-background-color: #fff5c8;
  --c-message-font-color: #2f2f2f;
  --c-message-link-font-color: #2f2f2f;
}
.c-message.palette--accent-orange-extralight, .c-message[data-message-category=error] {
  --c-message-background-color: #fad1b9;
  --c-message-font-color: #2f2f2f;
  --c-message-link-font-color: #2f2f2f;
}
.c-message.palette--primary-ultralight {
  --c-message-background-color: #e8eff7;
  --c-message-font-color: #2f2f2f;
  --c-message-link-font-color: #2f2f2f;
}
.c-message.palette--secondary-ultralight {
  --c-message-background-color: #fef3eb;
  --c-message-font-color: #2f2f2f;
  --c-message-link-font-color: #2f2f2f;
}
.c-message.palette--grey-ultralight {
  --c-message-background-color: #eef3f5;
  --c-message-font-color: #2f2f2f;
  --c-message-link-font-color: #2f2f2f;
}

.c-message__icon {
  font-size: 0;
  line-height: 0;
}
.c-message__icon .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
}

.c-message__contents {
  margin-top: 4px;
}

.c-message__title {
  font-family: "Ubuntu Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  margin-bottom: 12px;
  font-size: 17px;
  line-height: 1.5;
}
.c-message__title > :first-child {
  margin-top: 0;
}
.c-message__title > :last-child {
  margin-bottom: 0;
}

.c-message__body {
  font-size: 17px;
  line-height: 1.5;
}
.c-message__body > :first-child {
  margin-top: 0;
}
.c-message__body > :last-child {
  margin-bottom: 0;
}
.c-message__body > * {
  margin-top: 12px;
  margin-bottom: 12px;
}
.c-message__body a {
  font-weight: 600;
  color: var(--c-message-link-font-color) !important;
  text-decoration: underline;
}
.c-message__body hr {
  height: 1px;
  border: none;
  border-top: 1px solid var(--c-message-font-color);
}

.status-messages .c-message {
  margin-bottom: 24px;
}
.block-help .c-message {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.block-help .c-message .c-message__body > * {
  color: var(--c-message-font-color);
}

/*# sourceMappingURL=styles.css.map*/