/*
$font-family-sans-serif: 'Open Sans', Roboto,
'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol' !default;
*/
/*
$display1-size: 6rem !default;
$display2-size: 5.5rem !default;
$display3-size: 4.5rem !default;
$display4-size: 3.5rem !default;

$display1-weight: 300 !default;
$display2-weight: 300 !default;
$display3-weight: 300 !default;
$display4-weight: 300 !default;
$display-line-height: $headings-line-height !default;

$lead-font-size: ($font-size-base * 1.25) !default;
$lead-font-weight: 300 !default;



$text-muted: $gray-700 !default;

$blockquote-small-color: $gray-600 !default;
$blockquote-font-size: ($font-size-base * 1.25) !default;

$hr-border-color: rgba($black, 0.1) !default;
$hr-border-width: $border-width !default;

$mark-padding: 0.2em !default;
*/
/*
$kbd-box-shadow: inset 0 -0.1rem 0 rgba($black, 0.25) !default;
$nested-kbd-font-weight: $font-weight-bold !default;

$list-inline-padding: 0.5rem !default;

$mark-bg: #fcf8e3 !default;

$hr-margin-y: $spacer !default;
*/
/* CONTAINER QUERIES */
.alert-container {
  container-type: inline-size;
  display: block;
}
.alert-container.alert-dismissed {
  display: none;
  visibility: hidden;
}
.alert-container .alert {
  position: relative;
  padding: 1.5rem;
  border-radius: 2px;
}
@container (max-width: 767.98px) {
  .alert-container .alert {
    padding: 1.5rem 1rem;
  }
}
.alert-container .alert.alert-white {
  color: #d0d0d0;
  border: 1px solid #d0d0d0;
  background-color: #ffffff;
}
.alert-container .alert.alert-white .dismiss {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 0;
  padding: 0;
  font-size: 1.5rem;
  background-color: transparent;
  cursor: pointer;
}
.alert-container .alert.alert-white .dismiss:focus, .alert-container .alert.alert-white .dismiss:hover {
  outline: 0;
  background-color: #eaf1f4;
  border-radius: 50%;
}
.alert-container .alert.alert-white .dismiss:focus-visible {
  box-shadow: 0px 0px 0px 2px #d0d0d0;
}
.alert-container .alert.alert-success {
  color: #0d8252;
  border: 1px solid #0d8252;
  background-color: #eafbeb;
}
.alert-container .alert.alert-success .dismiss {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 0;
  padding: 0;
  font-size: 1.5rem;
  background-color: transparent;
  cursor: pointer;
}
.alert-container .alert.alert-success .dismiss:focus, .alert-container .alert.alert-success .dismiss:hover {
  outline: 0;
  background-color: #99D59D;
  border-radius: 50%;
}
.alert-container .alert.alert-success .dismiss:focus-visible {
  box-shadow: 0px 0px 0px 2px #0d8252;
}
.alert-container .alert.alert-warning {
  color: #e5a612;
  border: 1px solid #e5a612;
  background-color: #ffefca;
}
.alert-container .alert.alert-warning .icon-container {
  color: #ae5400;
}
.alert-container .alert.alert-warning .dismiss {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 0;
  padding: 0;
  font-size: 1.5rem;
  background-color: transparent;
  cursor: pointer;
}
.alert-container .alert.alert-warning .dismiss:focus, .alert-container .alert.alert-warning .dismiss:hover {
  outline: 0;
  background-color: #ffd58a;
  border-radius: 50%;
}
.alert-container .alert.alert-warning .dismiss:focus-visible {
  box-shadow: 0px 0px 0px 2px #e5a612;
}
.alert-container .alert.alert-danger {
  color: #b30518;
  border: 1px solid #b30518;
  background-color: #ffe8e3;
}
.alert-container .alert.alert-danger .dismiss {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 0;
  padding: 0;
  font-size: 1.5rem;
  background-color: transparent;
  cursor: pointer;
}
.alert-container .alert.alert-danger .dismiss:focus, .alert-container .alert.alert-danger .dismiss:hover {
  outline: 0;
  background-color: #ffc3b7;
  border-radius: 50%;
}
.alert-container .alert.alert-danger .dismiss:focus-visible {
  box-shadow: 0px 0px 0px 2px #b30518;
}
.alert-container .alert.alert-info {
  color: #0077a7;
  border: 1px solid #0077a7;
  background-color: #e3f7ff;
}
.alert-container .alert.alert-info .dismiss {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 0;
  padding: 0;
  font-size: 1.5rem;
  background-color: transparent;
  cursor: pointer;
}
.alert-container .alert.alert-info .dismiss:focus, .alert-container .alert.alert-info .dismiss:hover {
  outline: 0;
  background-color: #a0e1ff;
  border-radius: 50%;
}
.alert-container .alert.alert-info .dismiss:focus-visible {
  box-shadow: 0px 0px 0px 2px #0077a7;
}
.alert-container .alert.alert-transparent {
  color: #d0d0d0;
  border: 1px solid #d0d0d0;
  background-color: transparent;
}
.alert-container .alert.alert-transparent .dismiss {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 0;
  padding: 0;
  font-size: 1.5rem;
  background-color: transparent;
  cursor: pointer;
}
.alert-container .alert.alert-transparent .dismiss:focus, .alert-container .alert.alert-transparent .dismiss:hover {
  outline: 0;
  background-color: #eaf1f4;
  border-radius: 50%;
}
.alert-container .alert.alert-transparent .dismiss:focus-visible {
  box-shadow: 0px 0px 0px 2px #d0d0d0;
}
.alert-container .alert.alert-light-gray {
  color: #d0d0d0;
  border: 1px solid #d0d0d0;
  background-color: #f7f7f7;
}
.alert-container .alert.alert-light-gray .dismiss {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 0;
  padding: 0;
  font-size: 1.5rem;
  background-color: transparent;
  cursor: pointer;
}
.alert-container .alert.alert-light-gray .dismiss:focus, .alert-container .alert.alert-light-gray .dismiss:hover {
  outline: 0;
  background-color: #eaf1f4;
  border-radius: 50%;
}
.alert-container .alert.alert-light-gray .dismiss:focus-visible {
  box-shadow: 0px 0px 0px 2px #d0d0d0;
}
.alert-container .alert .alert-inner {
  display: flex;
  align-items: start;
}
.alert-container .alert .alert-content {
  width: 100%;
  display: flex;
  flex-flow: column;
  color: #353535;
}
.alert-container .alert .alert-content .headline {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  letter-spacing: 0.1px;
  color: #161618;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  margin-bottom: 0.5rem;
}
.alert-container .alert .alert-content .has-icon {
  padding-left: 1rem;
}
.alert-container .alert .alert-content > div p:last-of-type {
  margin-bottom: 0;
}
.alert-container .alert .icon-container {
  background: transparent;
  font-size: 1.75rem;
}
.alert-container .alert .icon-container.no-headline {
  margin-top: 0;
}