/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* =============================================
=            Menu main                         =
============================================= */
@keyframes slide-in {
  0% {
    transform: translateX(-100vw);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-100vw);
    opacity: 0;
  }
}
@layer sdc {
  .js-overflow {
    overflow: hidden;
  }
  @media (min-width: 64em) {
    .js-overflow {
      overflow: auto;
    }
    .navigation-main .menu-main {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 100%;
      column-gap: 0.7rem;
    }
  }
  @media (min-width: 87.5em) {
    .navigation-main .menu-main {
      column-gap: 1.875rem;
    }
  }
  .navigation-main .menu__link {
    display: block;
    transition: color 0.2s ease-out;
    -webkit-text-decoration: none;
    text-decoration: none;
    letter-spacing: -0.2px;
    color: var(--color-black-main);
    font-family: var(--font-primary);
    font-weight: 300;
  }
  @media (min-width: 64em) {
    .navigation-main .menu__link:not(span):hover {
      cursor: pointer;
    }
  }

  /* Menu level 2. */
  .navigation-main .menu__submenu--2 {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    padding: 5rem 2rem 2rem;
    transform: translateX(-100vw);
    animation: 0.3s ease-in-out slide-out;
    background-color: var(--color-white);
  }
  @media (min-width: 64em) {
    .navigation-main .menu__submenu--2 {
      z-index: -1;
      display: flex;
      flex-direction: row;
      width: 100%;
      min-height: auto;
      padding: 3.75rem;
      column-gap: 3.75rem;
      transition:
        opacity 0.2s ease-in-out,
        transform 0.3s ease-in-out;
      transform: translateY(calc(var(--header-top-height) - 0.625rem));
      animation: none;
      pointer-events: none;
      opacity: 0;
      border-bottom: 1px solid var(--color-secondary);
      box-shadow: 0 4px 10px 0 rgb(0, 0, 0, 0.1);
    }
  }
  .navigation-main .menu__submenu--2.js-slide {
    animation: 0.3s ease-in-out slide-in;
    animation-fill-mode: forwards;
  }
  @media (min-width: 64em) {
    .navigation-main .menu__submenu--2.js-slide {
      transform: translateY(var(--header-top-height));
      animation: none;
      pointer-events: unset;
      opacity: 1;
    }
  }

  /* Menu level 3. */
  .navigation-main .menu__submenu--3 {
    margin-block-end: 2rem;
  }
  @media (min-width: 64em) {
    .navigation-main .menu__submenu--3 {
      margin-block-end: 0;
    }
  }
  .navigation-main .menu__submenu--3 .menu__link {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
  }
  .navigation-main .menu__item--expanded[class*="1"] > .dropdown {
    display: flex;
    align-items: baseline;
    margin-bottom: 1.3125rem;
    column-gap: 0.875rem;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    color: var(--color-black-main);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
  }
  .navigation-main .menu__item--expanded[class*="1"] > .dropdown:not(span):hover {
    color: var(--color-primary);
  }

  /* First level items menu. */
  .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .dropdown,
  .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .menu__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    column-gap: 0.625rem;
    font-size: 1.3125rem;
  }
  @media (min-width: 64em) {
    .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .dropdown,
    .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .menu__link {
      font-size: 1rem;
    }
  }
  @media (min-width: 87.5em) {
    .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .dropdown,
    .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .menu__link {
      font-size: 1.0625rem;
    }
  }
  .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .dropdown:after,
  .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .menu__link:after {
    display: block;
    width: 1em;
    height: 1em;
  }
  @media (min-width: 64em) {
    .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .dropdown:after,
    .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .menu__link:after {
      display: flex;
      align-items: center;
      justify-content: center;
      content: "";
      transition: transform 0.3s ease-out;
      transform: rotate(90deg);
    }
  }
  .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .dropdown:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='none' viewBox='0 0 7 11'%3E%3Cpath fill='%2310aaaa' d='M.32 9.278A.96.96 0 0 0 .307 10.7c.415.396 1.093.4 1.515.011l4.857-4.484a.97.97 0 0 0 .32-.71.97.97 0 0 0-.32-.744L1.823.289A1.12 1.12 0 0 0 .308.3.96.96 0 0 0 .32 1.722L4.414 5.5z'/%3E%3C/svg%3E");
  }
  @media (min-width: 64em) {
    .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .dropdown:after {
      display: flex;
      align-items: center;
      justify-content: center;
      content: "";
      transition: transform 0.3s ease-out;
      transform: rotate(90deg);
    }
  }
  .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .dropdown:hover,
  .navigation-main .menu__item:not([class*="1"], [class*="2"]) > .menu__link:hover {
    cursor: pointer;
    color: var(--color-primary);
  }
  .navigation-main .menu__item:not([class*="1"], [class*="2"]).is-active > .dropdown:after,
  .navigation-main .menu__item:not([class*="1"], [class*="2"]):hover > .dropdown:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='none' viewBox='0 0 7 11'%3E%3Cpath fill='%2310aaaa' d='M.32 9.278A.96.96 0 0 0 .307 10.7c.415.396 1.093.4 1.515.011l4.857-4.484a.97.97 0 0 0 .32-.71.97.97 0 0 0-.32-.744L1.823.289A1.12 1.12 0 0 0 .308.3.96.96 0 0 0 .32 1.722L4.414 5.5z'/%3E%3C/svg%3E");
  }
  @media (min-width: 64em) {
    .navigation-main .menu__item:not([class*="1"], [class*="2"]).is-active > .dropdown:after {
      transform: rotate(-90deg);
    }
    .navigation-main .menu__item-1:not(:last-child) {
      border-right: 1px solid var(--color-secondary);
    }
    .navigation-main .menu__item-1 {
      width: 33%;
      padding-inline-end: 2rem;
    }
  }

  /* Items submenu depth 2 and 3. */
  .navigation-main .menu__item-2:not(:last-child) {
    margin-block-end: 0.875rem;
  }
  .navigation-main .menu__item-2 a {
    font-size: 1rem;
  }
  @media (min-width: 64em) {
    .navigation-main .menu__item-2 a {
      font-size: 0.875rem;
      line-height: 1rem;
    }
  }
  .navigation-main .menu__item-2 a:link,
  .navigation-main .menu__item-2 a:visited {
    color: var(--color-black-main);
  }
  .navigation-main .menu__item-2 a:active,
  .navigation-main .menu__item-2 a:focus,
  .navigation-main .menu__item-2 a:hover {
    color: var(--color-primary);
  }
  @media (min-width: 64em) {
    .navigation-main .menu__item--highlight {
      display: none;
    }
  }
  .navigation-main .menu-main > .menu__item--active-trail > a,
  .navigation-main .menu-main > .menu__item--active-trail > span {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: var(--color-primary);
  }
  @media (min-width: 64em) {
    .navigation-main .menu-main > .menu__item--active-trail > a,
    .navigation-main .menu-main > .menu__item--active-trail > span {
      position: relative;
      display: block;
      -webkit-text-decoration: none;
      text-decoration: none;
    }
    .navigation-main .menu-main > .menu__item--active-trail > a:before,
    .navigation-main .menu-main > .menu__item--active-trail > span:before {
      position: absolute;
      bottom: -0.5rem;
      left: 0;
      width: calc(100% - 1.5em);
      height: 2px;
      content: "";
      background-color: var(--color-primary);
    }
  }

  /* Special items Second level menu. */
  .navigation-main .menu__back {
    transition: color 0.2s ease-in-out;
    text-transform: capitalize;
    border: none;
    outline: transparent;
    background-color: initial;
    font-weight: 300;
  }
  .navigation-main .menu__back:hover {
    cursor: pointer;
    color: var(--color-primary);
  }
  .navigation-main .menu__back svg {
    transform: rotate(180deg);
  }
  .navigation-main .menu .item-section {
    padding: 1.5625rem 0;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: var(--color-secondary);
    font-size: 1.125rem;
    font-weight: 300;
  }
  .navigation-main .menu .icon {
    flex-shrink: 0;
  }
}