/**
*  Header Variables
*/
/*
$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;
*/
.card-container {
  display: flex;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  width: 100%;
  height: 100%;
}
.card.card-white {
  background-color: #ffffff;
}
.card.card-success {
  background-color: #eafbeb;
}
.card.card-warning {
  background-color: #ffefca;
}
.card.card-danger {
  background-color: #ffe8e3;
}
.card.card-info {
  background-color: #e3f7ff;
}
.card.card-transparent {
  background-color: transparent;
}
.card.card-light-gray {
  background-color: #f7f7f7;
}

/**
*  Header Variables
*/
/*
$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 */
.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1440px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-size-h1 {
  font-size: 3rem;
}

.font-size-h2 {
  font-size: 2rem;
}

.font-size-h3 {
  font-size: 1.5rem;
}

.font-size-h4 {
  font-size: 1.25rem;
}

.font-size-h5 {
  font-size: 1rem;
}

.font-size-h6 {
  font-size: 0.875rem;
}

.font-size-h7 {
  font-size: 0.75rem;
}

.text-type-1 {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
@media (max-width: 991.98px) {
  .text-type-1 {
    font-size: 2.25rem;
  }
}
.text-type-1 {
  letter-spacing: 0.3px;
}

.text-type-1-bold {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (max-width: 991.98px) {
  .text-type-1-bold {
    font-size: 2.25rem;
  }
}
.text-type-1-bold {
  letter-spacing: 0.3px;
}

.text-type-1-medium {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 550;
  font-variation-settings: "wght" 550;
}
@media (max-width: 991.98px) {
  .text-type-1-medium {
    font-size: 2.25rem;
  }
}
.text-type-1-medium {
  letter-spacing: 0.3px;
}

.text-type-2 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
@media (max-width: 991.98px) {
  .text-type-2 {
    font-size: 1.75rem;
  }
}
.text-type-2 {
  letter-spacing: 0.3px;
}

.text-type-2-bold {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}
@media (max-width: 991.98px) {
  .text-type-2-bold {
    font-size: 1.75rem;
  }
}
.text-type-2-bold {
  letter-spacing: 0.3px;
}

.text-type-2-medium {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 550;
  font-variation-settings: "wght" 550;
}
@media (max-width: 991.98px) {
  .text-type-2-medium {
    font-size: 1.75rem;
  }
}
.text-type-2-medium {
  letter-spacing: 0.3px;
}

.text-type-3 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  letter-spacing: 0.3px;
}

.text-type-3-bold {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.3px;
}

.text-type-3-medium {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 550;
  font-variation-settings: "wght" 550;
  letter-spacing: 0.3px;
}

.text-type-4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

.text-type-4-bold {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}

.text-type-4-medium {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 550;
  font-variation-settings: "wght" 550;
}

.text-type-5 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

.text-type-5-bold {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}

.text-type-5-medium {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 550;
  font-variation-settings: "wght" 550;
}

.text-type-6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

.text-type-6-bold {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}

.text-type-6-medium {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 550;
  font-variation-settings: "wght" 550;
}

.text-type-7 {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

.text-type-7-bold {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}

.text-type-7-medium {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 550;
  font-variation-settings: "wght" 550;
}

.text-white {
  color: #ffffff !important;
}

.text-primary {
  color: #277c78 !important;
}

.text-header {
  color: #161618 !important;
}

.text-caption {
  color: #707070 !important;
}

.text-navy {
  color: #142d3e !important;
}

.text-success {
  color: #0d8252 !important;
}

.text-warning {
  color: #ae5400 !important;
}

.text-danger {
  color: #b30518 !important;
}

.text-info {
  color: #0077a7 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
  font-variation-settings: "wght" 400 !important;
}

.font-weight-medium {
  font-weight: 550 !important;
  font-variation-settings: "wght" 550 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
  font-variation-settings: "wght" 700 !important;
}

.font-italic {
  font-style: italic;
}

.line-height-reset {
  line-height: 1;
}

.line-height-base {
  line-height: 1.5rem;
}

:host {
  display: flex !important;
  flex-direction: column !important;
  width: 362px !important;
  pointer-events: all !important;
}
@media (max-width: 576px) {
  :host {
    width: 100% !important;
  }
}

.toast__container--content {
  display: flex;
  flex-flow: row;
  gap: 0.5rem;
}

.toast__content {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}
.toast__content .toast__headline {
  margin-block-end: 0.25rem;
  font-size: 1rem;
  font-weight: 700;
  font-variation-settings: "wght" 700;
}

.toast__close-button {
  display: flex;
  align-self: start;
  padding: 0;
  margin-block-start: -0.5rem;
  margin-inline-end: -0.5rem;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  color: #142d3e;
  font-size: 1.5rem;
  transition: all 0.15s;
}
.toast__close-button:hover, .toast__close-button:focus-visible {
  background-color: #eaf1f4;
  color: #000000;
}
.toast__close-button:focus-visible {
  outline: 2px solid #142d3e;
}