.simple-status-messages {
  top: max(100px, 15%);
  margin-bottom: 32px;
}

.simple-status-messages .status-messages {
  position: relative;
  min-width: 300px;
  padding: 20px 52px !important;
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color);
  background: no-repeat 16px 20px;
  background-size: 24px;
  background-color: #fff;
  border: 1px solid;
  border-radius: 4px;
  box-shadow: unset;
}

[dir="ltr"] .simple-status-messages .status-messages {
  text-align: left;
}

[dir="rtl"] .simple-status-messages .status-messages {
  text-align: right;
}

.simple-status-messages .status-messages .backtrace {
  white-space: break-spaces;
}

.simple-status-messages .status-messages .status-message-close {
  position: absolute;
  width: 24px;
  height: 24px;
  opacity: 0.5;
  top: 20px;
  padding: 0;
}

[dir="ltr"] .simple-status-messages .status-messages .status-message-close {
  right: 20px;
}

[dir="rtl"] .simple-status-messages .status-messages .status-message-close {
  left: 20px;
}

.simple-status-messages .status-messages .status-message-close span {
  position: unset;
  font-size: 0;
}

.simple-status-messages .status-messages .status-message-close:hover, .simple-status-messages .status-messages .status-message-close:focus {
  opacity: 1;
}

.simple-status-messages .messages--status,
.simple-status-messages .messages--info,
.simple-status-messages .messages--webform {
  background-image: url(../../media/images/success_check.svg);
  border-color: #00712F;
}

.simple-status-messages .messages--status .status-message-close,
.simple-status-messages .messages--info .status-message-close,
.simple-status-messages .messages--webform .status-message-close {
  background: url(../../media/images/close-green.svg) no-repeat center;
}

.simple-status-messages .messages--status .messages__list .messages__item::marker,
.simple-status-messages .messages--status .messages__list li::marker,
.simple-status-messages .messages--status .item-list__comma-list .messages__item::marker,
.simple-status-messages .messages--status .item-list__comma-list li::marker,
.simple-status-messages .messages--info .messages__list .messages__item::marker,
.simple-status-messages .messages--info .messages__list li::marker,
.simple-status-messages .messages--info .item-list__comma-list .messages__item::marker,
.simple-status-messages .messages--info .item-list__comma-list li::marker,
.simple-status-messages .messages--webform .messages__list .messages__item::marker,
.simple-status-messages .messages--webform .messages__list li::marker,
.simple-status-messages .messages--webform .item-list__comma-list .messages__item::marker,
.simple-status-messages .messages--webform .item-list__comma-list li::marker {
  color: #00712F;
}

.simple-status-messages .messages--status em.placeholder,
.simple-status-messages .messages--status a,
.simple-status-messages .messages--info em.placeholder,
.simple-status-messages .messages--info a,
.simple-status-messages .messages--webform em.placeholder,
.simple-status-messages .messages--webform a {
  color: #00712F;
  text-decoration: unset;
}

.simple-status-messages .messages--warning {
  background-image: url(../../media/images/warning_important.svg);
  border-color: #F09C2A;
}

.simple-status-messages .messages--warning .status-message-close {
  background: url(../../media/images/close-orange.svg) no-repeat center;
}

.simple-status-messages .messages--warning .messages__list .messages__item::marker,
.simple-status-messages .messages--warning .messages__list li::marker,
.simple-status-messages .messages--warning .item-list__comma-list .messages__item::marker,
.simple-status-messages .messages--warning .item-list__comma-list li::marker {
  color: #F09C2A;
}

.simple-status-messages .messages--warning em.placeholder,
.simple-status-messages .messages--warning a {
  color: #F09C2A;
  text-decoration: unset;
}

.simple-status-messages .messages--error {
  background-image: url(../../media/images/error_close.svg);
  border-color: #E30613;
}

.simple-status-messages .messages--error .status-message-close {
  background: url(../../media/images/close-red.svg) no-repeat center;
}

.simple-status-messages .messages--error .messages__list .messages__item::marker,
.simple-status-messages .messages--error .messages__list li::marker,
.simple-status-messages .messages--error .item-list__comma-list .messages__item::marker,
.simple-status-messages .messages--error .item-list__comma-list li::marker {
  color: #E30613;
}

.simple-status-messages .messages--error em.placeholder,
.simple-status-messages .messages--error a {
  color: #E30613;
  text-decoration: unset;
}

.messages__list,
.item-list__comma-list {
  display: block;
  list-style-type: square;
}

.messages__list .messages__item,
.messages__list li,
.item-list__comma-list .messages__item,
.item-list__comma-list li {
  display: list-item;
}

.messages__list .messages__item::marker,
.messages__list li::marker,
.item-list__comma-list .messages__item::marker,
.item-list__comma-list li::marker {
  opacity: 0.5;
}

[dir="ltr"] .messages__list .messages__item::marker,
[dir="ltr"] .messages__list li::marker,
[dir="ltr"] .item-list__comma-list .messages__item::marker,
[dir="ltr"] .item-list__comma-list li::marker {
  margin-right: 5px;
}

[dir="rtl"] .messages__list .messages__item::marker,
[dir="rtl"] .messages__list li::marker,
[dir="rtl"] .item-list__comma-list .messages__item::marker,
[dir="rtl"] .item-list__comma-list li::marker {
  margin-left: 5px;
}

.placeholder {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  color: var(--text-color);
  line-height: 24px;
  margin: 0 5px;
  font-style: normal;
  background: unset;
  opacity: unset;
  text-decoration: underline;
  cursor: auto;
}

.dark-mode .status-messages {
  background-color: var(--dark-grey-bg);
}

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