.AppHeader {
  position: relative;
  z-index: var(--layerHeaderZIndex);
  padding-top: var(--spaceSm);
  padding-bottom: var(--spaceMd);
  background: #fff;
}

@media (max-width: 87rem) {
  .AppHeader {
    padding-top: .5em;
    padding-bottom: .5em;
  }
}

@media (max-width: 48rem) {
  .AppHeader {
    font-size: 1em;
  }
}

.AppHeader.CrisisPage {
  padding-bottom: var(--spaceSm);
}

.AppHeader.CrisisPage .AppHeader-top {
  padding-bottom: 0;
  border-bottom: 0;
}

.AppHeader.CrisisPage .AppHeaderContact {
  justify-content: flex-end;
}

.AppHeader-frame {
  display: flex;
  flex-direction: column;
}

.AppHeader-top {
  display: flex;
  align-items: center;
  padding-bottom: var(--spaceSm);
  border-bottom: 1px solid var(--colorOutlines);
}

@media (max-width: 87rem) {
  .AppHeader-top {
    padding-bottom: 0;
  }
}

@media (max-width: 48rem) {
  .AppHeader-top {
    border-bottom: 0;
  }
}

.AppHeader-top .AppHeader-buttons {
  margin-right: 50px;
}

@media (min-width: 48rem) {
  .AppHeader-top .AppHeader-buttons {
    display: none;
  }
}

@media (max-width: 38rem) {
  .AppHeader-top .AppHeader-buttons {
    display: none;
  }
  .AppHeader-top .AppHeader-buttons span:nth-child(2) {
    display: none;
  }
  .AppHeader-top .AppHeader-buttons span svg {
    margin: 0;
  }
}

@media (max-width: 28rem) {
  .AppHeader-top .AppHeader-buttons {
    display: none;
  }
}

.AppHeader-bottom {
  display: flex;
  align-items: center;
  padding-top: var(--spaceMd);
}

@media (max-width: 87rem) {
  .AppHeader-bottom {
    padding-top: .5em;
  }
}

@media (max-width: 80rem) {
  .AppHeader-bottom {
    justify-content: flex-end;
  }
}

@media (max-width: 48rem) {
  .AppHeader-bottom {
    padding-top: 0;
  }
  .AppHeader-bottom > *:not(.AppHeaderMobileNav):not(.AppHeader-boxes) {
    display: none;
  }
  .AppHeader-bottom .AppHeader-buttons {
    display: none;
  }
}

.AppHeader-bottom .AppNavigation {
  font-weight: bold;
  display: flex;
  flex-direction: column;
}

.AppHeader-buttons {
  display: flex;
  align-items: center;
}

.AppHeader-buttons .ButtonBase {
  white-space: nowrap;
}

@media (max-width: 91rem) {
  .AppHeader-buttons .ButtonBase {
    font-size: .875em;
    padding: .65em 1em;
  }
}

.AppHeader-buttons .ButtonBase:not(:last-of-type) {
  margin-right: var(--spaceXs);
}

.AppHeader-buttons .ButtonBase span + svg {
  display: none;
}

.AppHeader-socials {
  display: flex;
  align-items: center;
  margin-right: var(--spaceSm);
}

.AppHeader-socials a {
  color: #000;
  display: flex;
}

.AppHeader-socials a:not(:last-of-type) {
  margin-right: var(--spaceMd);
}

.AppHeader-socials a:hover {
  color: var(--colorBrand);
}

.AppHeader-socials .Social-desc {
  display: none;
}

.AppHeader-logo {
  display: flex;
  margin-right: auto;
}

.AppHeader-logo img, .AppHeader-logo svg {
  max-width: 100%;
  height: auto;
}

@media (max-width: 93rem) {
  .AppHeader-logo img, .AppHeader-logo svg {
    width: 15em;
  }
}

@media (max-width: 87rem) {
  .AppHeader-logo img, .AppHeader-logo svg {
    width: 13em;
  }
}

@media (max-width: 77rem) {
  .AppHeader-logo img, .AppHeader-logo svg {
    width: 11em;
    height: 45px;
  }
}

@media (max-width: 23rem) {
  .AppHeader-logo img, .AppHeader-logo svg {
    width: 8rem;
    height: auto;
  }
}

.AppHeaderContact {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

@media (max-width: 80rem) {
  .AppHeaderContact {
    justify-content: flex-end;
  }
}

@media (max-width: 48rem) {
  .AppHeaderContact {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: #fff;
    width: 100%;
    left: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .25s;
  }
  .AppHeaderContact.is-active {
    opacity: 1;
    visibility: visible;
  }
}

.AppHeaderContactItem {
  display: flex;
  align-items: center;
  font-size: 0.875em;
  color: #000;
  line-height: 1.2;
}

@media (max-width: 48rem) {
  .AppHeaderContactItem {
    width: 320px;
    padding: 1.5em;
    font-size: 1em;
  }
  .AppHeaderContactItem:not(:last-of-type) {
    border-bottom: 1px solid var(--colorOutlines);
  }
}

.AppHeaderContactItem:not(:last-of-type) {
  margin-right: var(--spaceXl);
}

@media (max-width: 87rem) {
  .AppHeaderContactItem:not(:last-of-type) {
    margin-right: 2em;
  }
}

@media (max-width: 48rem) {
  .AppHeaderContactItem:not(:last-of-type) {
    margin-right: 0;
  }
}

.AppHeaderContactItem:hover, .AppHeaderContactItem:active, .AppHeaderContactItem:focus {
  text-decoration: none;
}

.AppHeaderContactItem:hover svg, .AppHeaderContactItem:active svg, .AppHeaderContactItem:focus svg {
  transform: scale(1.1);
  color: var(--colorBrand);
}

.AppHeaderContactItem.is-available .AppHeaderContactItem-icon::after {
  opacity: 1;
  visibility: visible;
  background: #198754;
}

.AppHeaderContactItem.is-unavailable .AppHeaderContactItem-icon::after {
  opacity: 1;
  visibility: visible;
  background: #9e9e9e;
}

.AppHeaderContactItem.is-blue .AppHeaderContactItem-icon {
  background: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1.55 * 1%));
}

.AppHeaderContactItem.is-blue strong {
  color: var(--colorBrand);
}

.AppHeaderContactItem.is-green .AppHeaderContactItem-icon {
  background: hsl(var(--colorBrandSecondary-h), calc(var(--colorBrandSecondary-s) * 1%), calc(var(--colorBrandSecondary-l) * 1.85 * 1%));
}

.AppHeaderContactItem.is-green strong {
  color: var(--colorBrandSecondary);
}

.AppHeaderContactItem-all {
  display: none;
  background: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1.55 * 1%));
  padding: 2.4em;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

@media (max-width: 48rem) {
  .AppHeaderContactItem-all {
    display: block;
  }
}

.AppHeaderContactItem-icon {
  width: 2.5em;
  height: 2.5em;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1em;
  position: relative;
}

@media (max-width: 48rem) {
  .AppHeaderContactItem-icon {
    width: 3.75em;
    height: 3.75em;
  }
}

.AppHeaderContactItem-icon svg {
  transition: .25s;
}

.AppHeaderContactItem-icon::after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s;
}

@media (max-width: 48rem) {
  .AppHeaderContactItem-icon::after {
    width: 16px;
    height: 16px;
    right: 2px;
    bottom: 2px;
  }
}

.AppHeaderContactItem strong {
  display: block;
  font-size: 1.25em;
  transition: .25s;
}

@media (max-width: 48rem) {
  .AppHeaderContactItem strong {
    font-size: 1.5em;
  }
}

.AppHeaderContactItem-statusText {
  display: block;
  font-size: 0.85em;
  color: #888;
  font-style: italic;
  margin-top: 3px;
  font-weight: normal;
}

@media (max-width: 48rem) {
  .AppHeaderContactItem-statusText {
    font-size: 0.9em;
  }
}

.AppHeader-boxes {
  display: flex;
  margin-left: auto;
  margin-right: var(--spaceSm);
  position: relative;
}

@media (max-width: 48rem) {
  .AppHeader-boxes {
    position: absolute;
    right: 6rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .AppHeader-boxes a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1.55 * 1%));
    border-radius: 50%;
    padding: 0;
  }
  .AppHeader-boxes a svg {
    width: 18px;
    height: 18px;
    color: #3AB5E9;
  }
}

@media (max-width: 512px) {
  .AppHeader-boxes {
    right: 5.5rem;
  }
}

@media (max-width: 48rem) {
  .AppHeader-button {
    display: none;
  }
}

.AppHeader-contactBtn {
  position: relative;
  display: none;
  width: 2.5em;
  height: 2.5em;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1.55 * 1%));
}

@media (max-width: 48rem) {
  .AppHeader-contactBtn {
    width: 34px;
    height: 34px;
  }
}

.AppHeader-contactBtn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 36 36'%3e%3cimage width='36' height='36' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAY1BMVEUAAAAIOIAFO4QGPYUG PYUFPYQGPoQGPYUAOIAFPYUFPYQFPYIEPIMAQIAFPoQAQIAFPIQIOoQHO4QGPIUGPYQFPoQGPYMG PYQIQIAFPIMQQIAFPIQGPYTBzuDg5/AlVZP///8bSFU4AAAAHHRSTlMAIHCf3+/PryBgv2BAEI8g zx9wr+/PoLAgkBC/n86n6AAAAAFiS0dEILNrPYAAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElN RQflChoRJR7wUasIAAAA9ElEQVQ4y42U6RLCIAyEU5rWq4dX1era+v5PKTpiIVDK/oLhG7IJJESW MpVzARTlSq0prM0WlspdAKkYQiyxukFATW0zbYmg2LLWMrBE1bOM9m8iNoio+aWOqKovxHGInYue wzgdjcPTLD/l2pvN8JqoUW/MeqvTh30wekutAyn4lMvgSCd4lGCQT5b+lGR0fgUkJRmcSVRFU5IB 0qCkcCwZ33hHl+USXNOKeVt+lozo30hzD9ylfpWkT0dVHPq1aB9jetNSXSTY3TTebb45s6mF56jS YnTEoK/+Tq42/uipQkPM+cmP0BD7WlOn/Wcccq4cM29wmm71CaDbjQAAACV0RVh0ZGF0ZTpjcmVh dGUAMjAyMS0xMC0yNlQxNDozNzozMCswMzowMEPMnsIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEt MTAtMjZUMTQ6Mzc6MzArMDM6MDAykSZ+AAAAAElFTkSuQmCC'/%3e%3c/svg%3e");
  opacity: 0;
  transition: .25s;
}

@media (max-width: 48rem) {
  .AppHeader-contactBtn {
    display: flex;
  }
}

.AppHeader-contactBtn.is-active:before {
  opacity: 1;
}

.AppHeader-hmb {
  display: flex;
  flex-direction: column;
  font-size: .5rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-left: var(--spaceLg);
  cursor: pointer;
  color: var(--colorBrandDark);
}

.AppHeader-hmb svg {
  width: 1.6rem;
  height: auto;
}

@media (max-width: 32rem) {
  .AppHeader-hmb {
    margin-left: var(--spaceLg);
  }
}

@media (min-width: 80.01rem) {
  .AppHeader-hmb {
    display: none;
  }
}

.NotificationListItem {
  display: none;
}

@media (min-width: 80.01rem) {
  .AppHeaderMobileNav {
    display: none;
  }
}

.TopHeader {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 38.01rem) {
  .TopHeader {
    display: none;
  }
}

.TopHeader .ButtonBase {
  border-radius: 0;
  font-size: 14px;
  padding: 10px;
}

.TopHeader .ButtonBase--secondary {
  color: var(--colorBrandSecondary);
  background: #e0f0d4;
}

.TopHeader .ButtonBase--secondary svg path {
  stroke: var(--colorBrandSecondary);
}

.TopHeader .ButtonBase--primary {
  color: var(--colorBrand);
  background: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1.55 * 1%));
}

.TopHeader .ButtonBase--primary svg path {
  fill: var(--colorBrand);
}

.TopHeader .ButtonBase > svg {
  display: none;
}

/*# sourceMappingURL=header.min.css.map */