/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* =============================================
=            Custom footer                     =
============================================= */
@layer sdc {
  .footer {
    position: relative;
    background-color: var(--color-grey-two);
  }
  .footer:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100vw - var(--scrollbar-width));
    height: 1px;
    content: "";
    transform: translateX(-50%);
    opacity: 0.3;
    background-color: var(--color-grey-one);
  }
  .footer__inner {
    padding: 3rem var(--gap-layout) 1rem;
  }
  @media (min-width: 64em) {
    .footer__inner {
      padding-top: 2.5rem;
    }
  }
  @media (min-width: 77.5rem) {
    .footer__inner {
      padding-inline: 0;
      padding-block-start: 3.375rem;
    }
  }
  .footer__links {
    display: flex;
    flex-direction: column;
  }
  @media (min-width: 64em) {
    .footer__links {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      column-gap: 2.5rem;
    }
  }
  .footer__social {
    --color-footer-social: var(--color-black-main);
    display: flex;
    justify-content: center;
    margin: 1.875rem 0 1rem;
    column-gap: 1.125rem;
  }
  .footer__social__item {
    display: inline-flex;
  }
  .footer__social__item:hover {
    --color-footer-social: var(--color-primary);
  }
  @media (min-width: 64em) {
    .footer__social {
      margin: 0;
      column-gap: 0.5rem;
    }
  }
}
