.miz-block-message {
  --block-message-background-color: transparent;
  --block-message-border-width: none;
  --block-message-border-style: solid;
  --block-message-border-color: transparent;
  --block-message-padding: 1rem 1rem 1rem 1rem;
  --block-message-flex-row-gap: 1rem;
  --block-message-text-color: rgb(0, 0, 0);
  --block-message-background-color-selection: rgb(255, 209, 125);
  --block-message-header-space-stack: 0.5rem 0 0 0;
  --block-message-title-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
  --block-message-title-font-size: 1.44rem;
  --block-message-title-font-weight: 700;
  --block-message-title-font-stretch: 75%;
  --block-message-pubdate-font-weight: 400;
  --block-message-content-font-weight: normal;
  --block-message-content-space-stack: 1rem 0 0 0;
  /* Positioning */
  position: relative;
  /* Display & Box Model */
  display: flex;
  gap: var(--block-message-flex-row-gap);
  padding: var(--block-message-padding);
  /* Style */
  background-color: var(--block-message-background-color);
  border: var(--block-message-border-width) var(--block-message-border-style) var(--block-message-border-color);
  color: var(--block-message-text-color);
}
.miz-block-message ::-moz-selection {
  background-color: var(--block-message-background-color-selection);
}
.miz-block-message ::selection {
  background-color: var(--block-message-background-color-selection);
}

.miz-block-message__content {
  flex: 1 1 0;
  font-weight: var(--block-message-content-font-weight);
}
.miz-block-message__content > * + * {
  margin: var(--block-message-content-space-stack);
}
@layer utility {
  .miz-block-message__content a {
    display: inline;
    padding: unset;
    margin: inherit;
    color: currentcolor;
    text-decoration: underline;
    background: none;
    font-weight: normal;
    transition: none;
  }
}

.miz-block-message__header > * + * {
  margin-top: var(--block-message-header-space-stack);
}

.miz-block-message__title {
  font-family: var(--block-message-title-font-family);
  font-size: var(--block-message-title-font-size);
  font-weight: var(--block-message-title-font-weight);
  font-stretch: var(--block-message-title-font-stretch);
}

.miz-block-message__pubdate {
  font-weight: var(--block-message-pubdate-font-weight);
}

.miz-block-message--success {
  --block-message-background-color: rgb(235, 244, 233);
  --block-message-text-color: rgb(33, 71, 22);
  --block-message-background-color-selection: rgb(178, 207, 169);
}
@layer utility {
  .miz-block-message--success a {
    color: rgb(33, 71, 22);
    font-weight: 600;
    text-decoration: underline;
  }
  .miz-block-message--success a:hover {
    text-decoration: none;
  }
}

.miz-block-message--info {
  --block-message-background-color: rgb(228, 241, 250);
  --block-message-text-color: rgb(20, 54, 80);
  --block-message-background-color-selection: rgb(178, 213, 240);
}
@layer utility {
  .miz-block-message--info a {
    color: rgb(20, 54, 80);
    font-weight: 600;
    text-decoration: underline;
  }
  .miz-block-message--info a:hover {
    text-decoration: none;
  }
}

.miz-block-message--warning {
  --block-message-background-color: rgb(255, 228, 219);
  --block-message-text-color: rgb(97, 28, 0);
  --block-message-background-color-selection: rgb(255, 190, 169);
}
@layer utility {
  .miz-block-message--warning a {
    color: rgb(97, 28, 0);
    font-weight: 600;
    text-decoration: underline;
  }
  .miz-block-message--warning a:hover {
    text-decoration: none;
  }
}

.miz-block-message--error {
  --block-message-background-color: rgb(255, 236, 236);
  --block-message-text-color: rgb(71, 1, 2);
  --block-message-background-color-selection: rgb(255, 194, 196);
}
@layer utility {
  .miz-block-message--error a {
    color: rgb(71, 1, 2);
    font-weight: 600;
    text-decoration: underline;
  }
  .miz-block-message--error a:hover {
    text-decoration: none;
  }
}

.miz-block-message--alert-info {
  --block-message-background-color: rgb(0, 119, 230);
  --block-message-background-color-selection: hsl(from rgb(0, 119, 230) h s calc(l - 20));
  --block-message-text-color: rgb(255, 255, 255);
}
@layer utility {
  .miz-block-message--alert-info a {
    color: rgb(255, 255, 255);
    font-weight: 600;
    text-decoration: underline;
  }
  .miz-block-message--alert-info a:hover {
    text-decoration: none;
  }
}

.miz-block-message--alert-clear {
  --block-message-background-color: rgb(58, 133, 35);
  --block-message-background-color-selection: hsl(from rgb(58, 133, 35) h s calc(l - 10));
  --block-message-text-color: rgb(255, 255, 255);
}
@layer utility {
  .miz-block-message--alert-clear a {
    color: rgb(255, 255, 255);
    font-weight: 600;
    text-decoration: underline;
  }
  .miz-block-message--alert-clear a:hover {
    text-decoration: none;
  }
}

.miz-block-message--alert-warning {
  --block-message-background-color: rgb(244, 130, 37);
  --block-message-background-color-selection: hsl(from rgb(244, 130, 37) h s calc(l - 10));
  --block-message-text-color: rgb(0, 0, 0);
}
@layer utility {
  .miz-block-message--alert-warning a {
    color: rgb(0, 0, 0);
    font-weight: 600;
    text-decoration: underline;
  }
  .miz-block-message--alert-warning a:hover {
    text-decoration: none;
  }
}

.miz-block-message--alert-severe {
  --block-message-background-color: rgb(237, 2, 18);
  --block-message-background-color-selection: hsl(from rgb(237, 2, 18) h s calc(l - 10));
  --block-message-text-color: rgb(255, 255, 255);
}
@layer utility {
  .miz-block-message--alert-severe a {
    color: rgb(255, 255, 255);
    font-weight: 600;
    text-decoration: underline;
  }
  .miz-block-message--alert-severe a:hover {
    text-decoration: none;
  }
}