/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/templates/misc/status-messages/component/status-messages.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
@container (width > 500px) {}
.status-messages {
  padding: 21.6px;
  margin-bottom: 25.92px;
  background-color: rgba(70, 120, 186, 0.4);
  border: 4px solid #4678BA;
  width: -moz-fit-content;
  width: fit-content;
}
.status-messages--warning {
  background-color: rgba(255, 165, 0, 0.45);
  border-color: #FFA500;
}
.status-messages--error {
  background-color: rgba(255, 45, 13, 0.4);
  border-color: #ff2d0d;
}
.status-messages__type {
  color: var(--status-message--color, #1E1B1C);
  font-weight: 600;
  margin-bottom: 0.25em;
  text-transform: uppercase;
}
.status-messages ol.status-messages__list {
  --li--style-type: decimal;
  padding-left: 2ch;
}
.status-messages .status-message {
  line-height: 1.1;
  margin-bottom: 0.5em;
  max-width: 95ch;
}