/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* =============================================
=            Menu footer                       =
============================================= */
@layer sdc {
  .footer-menu .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 1.3125rem;
    row-gap: 1.125rem;
  }
  .footer-menu .menu__link {
    letter-spacing: -0.01em;
    font-size: 1rem;
    font-weight: 400;
  }
  .footer-menu .menu__link:link,
  .footer-menu .menu__link:visited {
    transition: color 0.3s ease-in-out;
    color: var(--color-black-main);
  }
  .footer-menu .menu__link:active,
  .footer-menu .menu__link:focus,
  .footer-menu .menu__link:hover {
    color: var(--color-action);
  }
  @media (min-width: 64em) {
    .footer-menu .menu__link {
      font-size: 1.0625rem;
    }
    .footer-menu .menu {
      justify-content: flex-start;
      column-gap: 3.125rem;
    }
  }
}