/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/* =============================================
=                    Map                      =
============================================= */
@layer sdc {
  .map {
    padding-block: var(--component-inner-space);
  }
  .map .leaflet-popup-content {
    margin: 1rem;
  }
  .map .leaflet-popup-close-button[role="button"] {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--color-action);
    font-size: 1.5rem;
  }
  .map .leaflet-popup-close-button[role="button"] span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .site {
    padding-right: 0.8rem;
    font-family: var(--font-primary);
  }
  .site__title {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 500;
  }
  .site__description {
    overflow-y: auto;
    max-height: 21.25rem;
    padding-right: 0.5rem;
    font-weight: 300;
    scrollbar-color: var(--color-action) var(--color-black-light);
    scrollbar-width: thin;
  }
  .site__description::-webkit-scrollbar {
    width: 0.375rem;
  }
  .site__description::-webkit-scrollbar-track {
    border-radius: 0.25rem;
    background-color: var(--color-grey-2);
  }
  .site__description::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background-color: var(--color-action);
  }
  .site__footer {
    padding-top: 1rem;
  }

  /* links */
  .site a {
    transition: color 0.2s ease-out;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .site a:link,
  .site a:visited {
    color: var(--color-action);
  }
  .site a:active,
  .site a:focus,
  .site a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: var(--color-black-main);
  }
}