/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/navigation/site-switcher/src/site-switcher.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/navigation/site-switcher/src/site-switcher.scss (1) ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body:has(.twz-site-switcher.active) .twz-overlay {
  opacity: 1;
}

.twz-site-switcher.active .twz-site-switcher__current {
  --nav-link-color: var(--white);
}
.twz-site-switcher.active .twz-site-switcher__current svg {
  rotate: 180deg;
}
@media (min-width: 768px) {
  .twz-site-switcher.active .twz-site-switcher__current svg path {
    fill: var(--nav-link-color--active);
  }
}
.twz-site-switcher.active .twz-site-switcher__items {
  opacity: 1;
  pointer-events: all;
}
.twz-site-switcher__current {
  color: var(--nav-link-color, var(--white));
  cursor: pointer;
  padding: var(--sub-menu-item-padding, 2rem);
  font-weight: 500;
}
@media (max-width: 767px) {
  .twz-site-switcher__current {
    --nav-link-color: var(--text-color-dark);
    padding-left: 0;
  }
}
.twz-site-switcher__current svg {
  height: 1em;
  width: 0.7em;
  transition: 0.2s ease;
  position: relative;
  top: 0.2em;
}
.twz-site-switcher__current svg path {
  fill: var(--nav-link-color);
}
.twz-site-switcher__items {
  --text-color: var(--site-switcher-text-color, var(--white));
  background-color: var(--site-switcher-bg, var(--blue-800));
  display: grid;
  grid-template-columns: repeat(var(--site-switcher-columns, 4), 1fr);
  gap: 0.5rem;
  position: absolute;
  top: calc(100% - 2 * var(--sub-menu-item-padding));
  width: 100vw;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: 0.2s cubic-bezier(0.1, 0.38, 0.5, 0.84);
}
@media (max-width: 767px) {
  .twz-site-switcher__items {
    --site-switcher-columns: 1;
    --site-switcher-bg: transparent;
    top: var(--nav-height);
    max-height: calc(100vh - var(--nav-height));
    overflow-y: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .twz-site-switcher__items {
    --site-switcher-columns: 2;
  }
}
.twz-site-switcher__items .twz-site-switcher__item {
  --site-switcher-padding: 2rem;
  background: var(--brand-gradient-color);
  position: relative;
  transition: 0.2s ease-in;
}
@media (max-width: 767px) {
  .twz-site-switcher__items .twz-site-switcher__item {
    min-height: 19rem;
    --brand-gradient-percent: 70%;
    --brand-gradient-deg: 260deg;
    --site-switcher-padding: 3rem 5rem;
    padding: var(--site-switcher-padding);
  }
}
@media (min-width: 768px) {
  .twz-site-switcher__items .twz-site-switcher__item {
    opacity: 0.4;
  }
}
.twz-site-switcher__items .twz-site-switcher__item:hover, .twz-site-switcher__items .twz-site-switcher__item.active {
  opacity: 1;
}
.twz-site-switcher__items .twz-site-switcher__item.active .full-link {
  pointer-events: none;
}
.twz-site-switcher__items .twz-site-switcher__item__wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .twz-site-switcher__items .twz-site-switcher__item__wrapper {
    justify-content: center;
    gap: 2rem;
  }
}
.twz-site-switcher__items .twz-site-switcher__item .title {
  padding: var(--site-switcher-padding);
  flex: 1 0 auto;
}
@media (max-width: 767px) {
  .twz-site-switcher__items .twz-site-switcher__item .title {
    flex: unset;
    color: var(--blue-200);
    order: 2;
    padding: 0;
    font-size: var(--theme-fs-h5);
    font-weight: 700;
  }
}
.twz-site-switcher__items .twz-site-switcher__item .image {
  display: grid;
  align-items: flex-end;
  position: relative;
}
@media (max-width: 767px) {
  .twz-site-switcher__items .twz-site-switcher__item .image {
    display: none;
  }
}
.twz-site-switcher__items .twz-site-switcher__item .image:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, color-mix(in srgb, var(--blue-800) 50%, transparent) 0%, color-mix(in srgb, var(--blue-800) 50%, transparent) 60%, transparent 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.twz-site-switcher__items .twz-site-switcher__item .image .description,
.twz-site-switcher__items .twz-site-switcher__item .image img {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.twz-site-switcher__items .twz-site-switcher__item .image img {
  min-height: 40rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .twz-site-switcher__items .twz-site-switcher__item .image img {
    min-height: unset;
    height: 20rem;
  }
}
.twz-site-switcher__items .twz-site-switcher__item .image .description {
  padding: var(--site-switcher-padding);
  font-size: var(--theme-fs-h5);
  line-height: 1.3;
  position: relative;
  z-index: 3;
}
.twz-site-switcher__items .twz-site-switcher__item .logo {
  padding: 2rem;
  border-top: 3px solid var(--text-color);
  background-color: var(--brand-primary-color);
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .twz-site-switcher__items .twz-site-switcher__item .logo {
    padding: 0;
    border: none;
    background-color: unset;
  }
}
.twz-site-switcher__items .twz-site-switcher__item .logo svg {
  height: 4rem;
  width: auto;
}
@media (max-width: 767px) {
  .twz-site-switcher__items .twz-site-switcher__item .logo svg {
    height: 6rem;
  }
}
.twz-site-switcher__items .twz-site-switcher__item .logo svg path:not(.cls-3),
.twz-site-switcher__items .twz-site-switcher__item .logo svg polygon:not(.cls-3) {
  fill: var(--text-color);
}
.twz-site-switcher__items .twz-site-switcher__item .decorative {
  border-top: 3px solid var(--text-color);
  display: block;
  width: 100%;
  padding: var(--site-switcher-padding);
  background-color: var(--brand-secondary-color);
}
@media (max-width: 767px) {
  .twz-site-switcher__items .twz-site-switcher__item .decorative {
    display: none;
  }
}