/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/alert/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.c-alert {
  --c-alert-background-color: #0076c3;
  --c-alert-font-color: #fff;
  --c-alert-link-font-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  padding: 24px 20px;
  border-radius: 16px;
  background-color: var(--c-alert-background-color);
  color: var(--c-alert-font-color);
}
@media (max-width: 919px) {
  .c-alert {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
}
@media (min-width: 920px) {
  .c-alert {
    padding: 24px;
  }
}
.c-alert[data-alert-category=account] {
  --c-alert-background-color: #ffeb92;
  --c-alert-font-color: #2f2f2f;
  --c-alert-link-font-color: #2f2f2f;
}
.c-alert__icon .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 32px;
  height: 32px;
}

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

.c-alert__title {
  font-family: "Ubuntu Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 1.125;
}
.c-alert__title > :first-child {
  margin-top: 0;
}
.c-alert__title > :last-child {
  margin-bottom: 0;
}

.c-alert__body {
  font-size: 22px;
  line-height: 1.125;
}
.c-alert__body > :first-child {
  margin-top: 0;
}
.c-alert__body > :last-child {
  margin-bottom: 0;
}
.c-alert__body a {
  font-weight: 600;
  color: var(--c-alert-link-font-color) !important;
  text-decoration: underline;
}

[class$=account-alerts-main] .views-row:not(:last-child),
[class$=profile-alerts-main] .views-row:not(:last-child) {
  margin-bottom: 16px;
}

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