.h-12 {
  height: 3rem;
}
.header {
  width: min(calc(100% - 2 * var(--container-padding)), var(--container-xl));
  isolation: isolate;
  z-index: 50;
  background-color: var(--color-white);
  height: 100%;
  padding-top: calc(var(--spacing) * 3);
  padding-bottom: calc(var(--spacing) * 5);
  grid-template: "branding menu" 3rem / auto 1fr;
  grid-area: header;
  align-items: center;
  gap: 1rem;
  margin-inline: auto;
  display: grid;
  position: relative;
}

@media (min-width: 64rem) {
  .header {
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 8);
  }
}

.header:before {
  content: "";
  width: 100%;
  z-index: -10;
  --tw-translate-x: -50%;
  width: 100vw;
  height: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
    var(--tw-skew-x) var(--tw-skew-y);
  background-color: var(--color-primary-content);
  position: absolute;
  left: 50%;
}

.header:after {
  content: "";
  background-color: var(--c-branding);
  width: 100%;
  box-shadow: 33vw 0 0 0 var(--c-branding), -33vw 0 0 0 var(--c-branding);
  bottom: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 2);
  --tw-translate-x: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
    var(--tw-skew-x) var(--tw-skew-y);
  position: absolute;
  left: 50%;
}

.header [data-block="baag_branding"] {
  grid-area: branding;
}

.header [data-block="baag_language_switcher_content"] {
  grid-area: language;
  align-items: center;
  margin-left: auto;
  display: none;
}

@media (min-width: 64rem) {
  .header [data-block="baag_language_switcher_content"] {
    display: grid;
  }
}

.header [area="search"] {
  grid-area: search;
  display: none;
}

@media (min-width: 64rem) {
  .header [area="search"] {
    display: block;
  }
}

.header baag-worldwide {
  grid-area: worldwide;
}

.header baag-segments-button {
  grid-area: segments;
}

.header baag-main-menu {
  grid-area: menu;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header baag-main-menu .language-switcher {
  display: block;
}

@media (min-width: 64rem) {
  .header baag-main-menu .language-switcher {
    display: none;
  }
}

.header baag-main-menu:not(.mounted) [slot="mobile-footer"] {
  display: none;
}

@media (min-width: 64rem) {
  .header {
    box-shadow: inset 0 -9px 0 0 var(--color-grey-300);
    grid-template: "branding worldwide segments language search" 2rem "branding menu menu menu menu" 2rem / auto 1fr;
  }
}

@media not all and (min-width: 64rem) {
  #segments {
    z-index: 9999;
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

#segments {
  transition-delay: 0.1s;
}

@media not all and (min-width: 64rem) {
  #segments {
    background-color: var(--color-primary);
    opacity: 0;
    grid-template-rows: 1fr;
  }
}

#segments {
  pointer-events: none;
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
}

#segments .details-content > * {
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
  transform: translateY(-100%);
}

@media (min-width: 64rem) {
  #segments .details-content > * {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

#segments[open] {
  background-color: var(--color-primary);
  pointer-events: auto;
}

@media not all and (min-width: 64rem) {
  #segments[open] {
    opacity: 1;
  }
}

#segments[open] .details-content > * {
  transform: translate(0);
}

baag-hero,
nav.breadcrumbs {
  display: none !important;
}
baag-off-canvas-page-wrapper {
  overflow: hidden;
}

.button {
  display: inline-flex !important;
}
.language-switcher {
  height: calc(var(--spacing, 0.25rem) * 12);
  display: inline-block;
}

.language-switcher:not(:focus-within) {
  overflow: hidden;
}

.language-switcher:not(:focus-within) li:not(:first-child) {
  pointer-events: none;
  opacity: 0;
  height: 0;
}

.language-switcher:focus-within ul {
  --tw-shadow: 0 4px 8px 0 var(--tw-shadow-color, #00000014);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.language-switcher:focus-within ul:after {
  rotate: 180deg;
}

.language-switcher .link {
  text-decoration: none;
}

.language-switcher ul {
  isolation: isolate;
  z-index: 10;
  display: inline-grid;
  position: relative;
}

.language-switcher ul:after {
  pointer-events: none;
  content: "";
  width: 1em;
  height: 0.649em;
  -webkit-mask-image: var(--i-select);
  mask-image: var(--i-select);
  background-color: var(--color-base-content, var(--c-base-content));
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))
  );
  transition-duration: var(
    --tw-duration,
    var(--default-transition-duration, 0.15s)
  );
  --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  position: absolute;
  top: 1.1em;
  right: 1em;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.language-switcher ul li:not(:first-child) {
  pointer-events: all;
  opacity: 1;
  height: auto;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))
  );
  transition-duration: var(
    --tw-duration,
    var(--default-transition-duration, 0.15s)
  );
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}

.language-switcher ul li.is-active {
  order: -1;
}

.language-switcher ul li {
  background-color: var(--color-primary-content, var(--c-primary-content));
}

.language-switcher a {
  line-height: 2rem;
  font-size: var(--text-14, 0.875rem);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-base-content, var(--c-base-content));
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none;
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  padding-right: calc(var(--spacing, 0.25rem) * 12);
  text-decoration-line: none;
  display: block;
}

.language-switcher a:hover,
.language-switcher a:focus-visible {
  background-color: var(--color-primary-200, var(--c-primary-200));
  --tw-outline-style: none;
  outline-style: none;
}

@media (forced-colors: active) {
  .language-switcher a:hover,
  .language-switcher a:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}
/* :where(img) {
  display: inherit;
  height: inherit;
  width: inherit;
  object-fit: inherit;
} */
[container] {
  width: min(
    calc(100% - 2 * var(--container-padding)),
    var(--container-size, 100%)
  );
  position: relative;
}

[container~="full"] {
  --container-padding: 0px;
}

[container~="y"] {
  padding-block: var(--container-y-spacing);
}

[container~="t"] {
  padding-block-start: var(--container-y-spacing);
}

[container~="b"] {
  padding-block-end: var(--container-y-spacing);
}

[container~="center"] {
  margin-inline: auto;
}

[container~="6"] {
  --container-size: var(--container-6col);
}

[container~="7"] {
  --container-size: var(--container-7col);
}

[container~="8"] {
  --container-size: var(--container-8col);
}

[container~="9"] {
  --container-size: var(--container-9col);
}

[container~="10"] {
  --container-size: var(--container-10col);
}

[container~="11"] {
  --container-size: var(--container-11col);
}

[container~="12"] {
  --container-size: var(--container-12col);
}

.\[\&_img\]\:h-12 img {
  height: calc(var(--spacing) * 12);
}
.xl\:justify-center {
  justify-content: center;
}
@media (min-width: 64rem) {
  .lg\:h-20 {
    height: calc(var(--spacing) * 20);
  }
  .header {
    box-shadow: inset 0 -9px 0 0 var(--color-grey-300);
    grid-template:
      "branding worldwide segments language search" 2rem
      "branding menu menu menu menu" 2rem / auto 1fr;
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 8);
  }
}
.dialog-off-canvas-main-canvas {
  min-height: unset !important;
}
/* header > baag-worldwide-button,
header > baag-segments-button {
  display: block !important;
}
header baag-main-menu ul {
  display: flex !important;
} */

@media (min-width: 64rem) {
  .lg\:block {
    display: block;
  }
  .baag-main-menu > ul {
    display: none;
  }
  .lg\:flex {
    display: flex !important
;
  }
}

/* .flex {
    display: flex
;
} */

#share-dialog baag-share-link {
  display: none;
}
baag-backtop {
  display: inline-flex !important;
}
#svgmap {
  width: 100%;
  height: 100%;
  fill: hsl(var(--c-primary));
  stroke: hsl(var(--c-primary-content));
  stroke-linejoin: round;
}
.worldmap {
  z-index: -1;
  left: -1.25rem;
  width: calc(100% + 2.5rem);
  height: 100vh;
  height: 100dvh;
  top: -5.5rem;
}
.overlay {
  width: 100vw;
  height: calc(
    100dvh - var(--gin-local-tasks-height, 0px) -
      var(--gin-toolbar-secondary-height, 0px)
  );
  top: calc(
    var(--gin-local-tasks-height, 0px) +
      var(--gin-toolbar-secondary-height, 0px)
  );
  right: 0px;
  left: 0;
}