/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body:has(.twz-site-switcher[data-active=true]) .twz-overlay {
  opacity: 1;
}

.twz-site-switcher {
  --sub-menu-item-padding: 1rem;
  position: relative;
}
.twz-site-switcher:has(.twz-site-switcher__current) {
  z-index: 1000;
  place-self: center;
}
@media (max-width: 767px) {
  .twz-site-switcher:has(.twz-site-switcher__current) {
    place-self: flex-end;
  }
}
.twz-text + .twz-site-switcher {
  padding-top: 4rem;
}
@media (max-width: 1023px) {
  body:has(.twz-regional-switcher-plugin) .twz-site-switcher__current > .twz-site-switcher {
    display: none;
  }
}
.twz-site-switcher__current {
  color: var(--navigation-topbar-color, var(--white));
  cursor: pointer;
  padding: var(--sub-menu-item-padding, 1rem) 2rem;
  padding-left: 0;
  font-size: 1.4rem;
  text-decoration: underline;
  place-content: center;
}
@media (max-width: 1023px) {
  .twz-site-switcher__current {
    padding-right: 0;
  }
}
.twz-site-switcher__current:hover {
  color: var(--site-switcher-hover-color, var(--blue-800));
}
.twz-site-switcher__current:hover svg,
.twz-site-switcher__current:hover svg.twz-icon {
  fill: var(--site-switcher-hover-color, var(--blue-800));
}
.twz-site-switcher__current:hover svg path,
.twz-site-switcher__current:hover svg.twz-icon path {
  fill: var(--site-switcher-hover-color, var(--blue-800));
}
.twz-site-switcher__current svg {
  height: 1em;
  width: 0.7em;
  transition: 0.2s ease;
  position: relative;
  top: 0.2em;
  fill: var(--navigation-topbar-color);
}
.twz-site-switcher__current svg path {
  fill: var(--navigation-topbar-color, var(--white));
}
.twz-site-switcher:has(.twz-site-switcher__current) .twz-site-switcher__items {
  background-color: var(--site-switcher-bg, var(--blue-800));
  pointer-events: none;
  opacity: 0;
  right: 0;
  position: absolute;
  top: 100%;
  width: 100vw;
}
@media (max-width: 1023px) {
  .twz-site-switcher:has(.twz-site-switcher__current) .twz-site-switcher__items {
    position: fixed;
    height: calc(100vh - var(--topbar-height));
    top: var(--topbar-height);
  }
}
.twz-site-switcher:has(.twz-site-switcher__current)[data-active=true] .twz-site-switcher__current {
  --nav-link-color: var(--white);
}
.twz-site-switcher:has(.twz-site-switcher__current)[data-active=true] .twz-site-switcher__current svg {
  rotate: 180deg;
}
@media (min-width: 1024px) {
  .twz-site-switcher:has(.twz-site-switcher__current)[data-active=true] .twz-site-switcher__current svg path {
    fill: var(--nav-link-color--active);
  }
}
.twz-site-switcher:has(.twz-site-switcher__current)[data-active=true] .twz-site-switcher__items {
  opacity: 1;
  pointer-events: all;
}
@media (min-width: 1024px) {
  .twz-site-switcher:has(.twz-site-switcher__current) .twz-site-switcher__item {
    opacity: 1;
  }
}
.twz-site-switcher:has(.twz-site-switcher__current) .twz-site-switcher__item:hover, .twz-site-switcher:has(.twz-site-switcher__current) .twz-site-switcher__item[data-active=true] {
  opacity: 1;
}
.row > .twz-site-switcher {
  width: 95vw;
  margin-left: 50%;
  translate: -50% 0;
}
@media (max-width: 767px) {
  .row > .twz-site-switcher {
    width: 100vw;
  }
}
.twz-site-switcher__items {
  --text-color: var(--site-switcher-text-color, var(--white));
  display: grid;
  grid-template-columns: repeat(var(--site-switcher-columns, 4), 1fr);
  gap: 0.5rem;
  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;
    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__item {
  --site-switcher-padding: 3.5rem;
  background: var(--brand-gradient-color);
  position: relative;
  transition: 0.2s ease-in;
}
@media (max-width: 767px) {
  .twz-site-switcher__item {
    min-height: 10rem;
    --brand-gradient-percent: 70%;
    --brand-gradient-deg: 260deg;
    --site-switcher-padding: 1.5rem calc(var(--row-margin-inline) * 0.5);
    padding: var(--site-switcher-padding);
    background-color: var(--brand-primary-color);
  }
}
.twz-site-switcher__item:hover .image:after {
  opacity: 0.8;
}
.twz-site-switcher__item:hover .image .description {
  opacity: 1;
}
.twz-site-switcher__item[data-active=true] .full-link {
  pointer-events: none;
}
.twz-site-switcher__item:not(.current) {
  order: 2;
}
.twz-site-switcher__item__wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .twz-site-switcher__item__wrapper {
    justify-content: center;
    gap: 2rem;
  }
}
.twz-site-switcher__item .title {
  padding: var(--site-switcher-padding);
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .twz-site-switcher__item .title {
    flex: unset;
    order: 2;
    padding: 0;
    font-size: var(--theme-fs-h5);
    font-weight: 700;
  }
}
.twz-site-switcher__item .image {
  display: grid;
  align-items: flex-end;
  position: relative;
  flex-grow: 1;
  max-height: 50rem;
}
@media (max-width: 767px) {
  .twz-site-switcher__item .image {
    display: none;
  }
}
.twz-site-switcher__item .image:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 0.2s ease;
  background-color: var(--blue-800);
  opacity: 0.4;
}
.twz-site-switcher__item .image .content,
.twz-site-switcher__item .image img,
.twz-site-switcher__item .image picture {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.twz-site-switcher__item .image img,
.twz-site-switcher__item .image picture {
  min-height: 40rem;
  z-index: 0;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .twz-site-switcher__item .image img,
  .twz-site-switcher__item .image picture {
    min-height: unset;
    height: 20rem;
  }
}
.twz-site-switcher__item .image .content {
  position: relative;
  z-index: 3;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.twz-site-switcher__item .image .description {
  padding: var(--site-switcher-padding);
  font-size: var(--theme-fs-h5);
  line-height: 1.3;
  margin-top: 0;
  padding-top: 0;
  opacity: 0;
  transition: 0.2s ease;
}
.row .twz-site-switcher__item .image .description {
  opacity: 0;
  transition: 0.2s ease;
}
.twz-site-switcher__item .logo {
  padding: var(--site-switcher-padding);
  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__item .logo {
    padding: 0;
    border: none;
    background-color: unset;
  }
}
.twz-site-switcher__item .logo svg {
  height: 3.5rem;
  width: auto;
}
@media (max-width: 767px) {
  .twz-site-switcher__item .logo svg {
    height: 4.5rem;
  }
}
.twz-site-switcher__item .logo svg path:not(.cls-3),
.twz-site-switcher__item .logo svg polygon:not(.cls-3) {
  fill: var(--text-color);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/stxgroup/components/navigation/site-switcher/src/site-switcher.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-site-switcher {
  --site-switcher-hover-color: var(--white);
}
@media (max-width: 1023px) {
  .twz-site-switcher__current {
    --nav-link-color: var(--white);
  }
}