#block-views-block-alerts-block-alerts.is-hidden {
  height: 0;
  opacity: 0;
  transform: translateY(-2000px) translateZ(0);
  transition: opacity 0.3s ease 0s, transform 0s linear 0.9s;
}
#block-views-block-alerts-block-alerts .view-alerts {
  margin-block: 1rem;
}
#block-views-block-alerts-block-alerts .view-content {
  margin: auto;
  width: 90%;
  display: grid;
  grid-gap: 1rem;
}
#block-views-block-alerts-block-alerts .views-row {
  background-color: #eeeeee;
  border: thin solid #990000;
  border-radius: 8px;
  overflow: hidden;
}
#block-views-block-alerts-block-alerts .views-row a {
  text-decoration: none;
}
#block-views-block-alerts-block-alerts .views-row .alert-item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 2rem;
}
#block-views-block-alerts-block-alerts .views-row .alert-item__close-btn {
  float: right;
}
#block-views-block-alerts-block-alerts .views-row .alert-item__message p {
  display: inline;
}
#block-views-block-alerts-block-alerts .views-row.is-hidden {
  height: 0;
  opacity: 0;
  transform: translateY(-2000px) translateZ(0);
  transition: opacity 0.3s ease 0s, transform 0s linear 0.9s;
}
#block-views-block-alerts-block-alerts .alerts-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
#block-views-block-alerts-block-alerts .alert--label {
  color: #990000;
}

.alert-theme-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-theme-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-theme-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-theme-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}