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

/* ==============================================
=               Cookie banner                   =
============================================== */
@layer sdc {
  @import "../../css/config/config.breakpoints.pcss.css";
  .eu-cookie-compliance-banner {
    --eu-color-button: var(--color-action);
    --eu-background-button: var(--color-white);
    --eu-border-color-button: var(--color-action);
    width: calc(100vw - var(--scrollbar-width));
    background-color: var(--color-white);
    box-shadow: 0 -9px 15px -3px rgb(0, 0, 0, 0.1);
  }
  .eu-cookie-compliance-content {
    padding-block: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 1rem;
    max-width: var(--max-width);
    column-gap: 2rem;
    padding-inline: var(--gap-layout);
  }
  @media (--3XL) {
    .eu-cookie-compliance-content {
      padding-block: 1.8rem;
    }
  }
  .eu-cookie-compliance-message {
    float: unset;
    max-width: unset;
    color: var(--color-black-main);
    font-weight: 300;
  }
  .eu-cookie-compliance-message h2 {
    margin: 0;
    padding-block-end: 0.9rem;
    font-size: 1.125rem;
    font-weight: 400;
  }
  @media (--XL) {
    .eu-cookie-compliance-message h2 {
      font-size: 1.25rem;
    }
  }
  .eu-cookie-compliance-message a {
    transition: color 0.2s ease-out;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .eu-cookie-compliance-message a:link,
  .eu-cookie-compliance-message a:visited {
    color: var(--color-action);
  }
  .eu-cookie-compliance-message a:focus,
  .eu-cookie-compliance-message a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: var(--color-black-main);
  }
  .eu-cookie-compliance-buttons {
    display: flex;
    float: unset;
    flex-wrap: wrap;
    justify-content: center;
    max-width: unset;
    column-gap: 2rem;
    row-gap: 1rem;
  }
  .eu-cookie-compliance-buttons button {
    padding-block: 1.0625rem;
    padding-inline: 1.875rem;
    transition:
      color,
      background-color 0.3s ease-out;
    text-transform: uppercase;
    color: var(--eu-color-button);
    border: none;
    outline: 1px solid var(--eu-border-color-button);
    background-color: var(--eu-background-button);
    box-shadow: none;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .eu-cookie-compliance-buttons button:hover {
    cursor: pointer;
  }
  .eu-cookie-compliance-buttons button.agree-button,
  .eu-cookie-compliance-buttons button:hover {
    --eu-color-button: var(--color-white);
    --eu-background-button: var(--color-action);
  }
  .eu-cookie-compliance-buttons button.agree-button:hover {
    --eu-color-button: var(--color-action);
    --eu-background-button: var(--color-white);
  }
}