/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* =======================================
=          Link list component           =
======================================= */
@layer sdc {
  @import "../../css/config/config.breakpoints.pcss.css";
  .link-list {
    padding-block: var(--component-inner-space);
  }
  .link-list__intro {
    padding-bottom: 1.875rem;
  }
  .link-list__items {
    display: grid;
    gap: 2.5rem;
    grid-template-columns: 1fr;
  }
  @media (--M) {
    .link-list__items--three,
    .link-list__items--two {
      grid-template-columns: repeat(2, 1fr);
      gap: 1.875rem;
    }
  }
  @media (--L) {
    .link-list__items--three {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .link-list__item {
    padding: 2.5rem;
    box-shadow: var(--box-shadow);
  }
  .link-list__item__header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
  }
  .link-list__item__icon {
    padding-right: 1.25rem;
  }
  .link-list__item__title {
    color: var(--color-black-main);
    font-family: var(--font-secondary);
    font-size: 1.5rem;
  }
  .link-list__item__link {
    padding-bottom: 0.5rem;
  }
  .link-list__item__link a {
    display: inline-block;
    transition: color 0.3s ease-in-out;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    line-height: 1.4em;
  }
  .link-list__item__link a:link,
  .link-list__item__link a:visited {
    color: var(--color-action);
  }
  .link-list__item__link a:hover {
    color: var(--color-black-main);
  }
}