/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* ========================================
=            Component Glide Arrows       =
======================================== */
@layer sdc {
  .glide__arrow {
    padding: 0.5rem;
  }
  .glide__arrow:after,
  .glide__arrow:before {
    transition: background-color 0.3s ease-out;
    background-color: var(--arrow-color);
  }
  .glide__arrow:hover {
    --arrow-color: var(--color-primary);
    cursor: pointer;
  }
  .glide__arrow svg {
    transform: scale(0.6);
  }
  .glide__arrow--left {
    left: 1.25rem;
  }
  .glide__arrow--right {
    right: 1.25rem;
  }
  @media (min-width: 64em) {
    .glide__arrow {
      border: none;
    }
  }

  /* Only component Slider. */
  .slider .glide__arrows {
    display: none;
  }
  @media (min-width: 64em) {
    .slider .glide__arrows {
      display: block;
      transition: opacity 0.3s ease-out;
      opacity: 0;
    }
    .slider .glide__arrows svg {
      transform: scale(0.8);
    }
  }
  .slider .glide__arrow {
    top: calc(50% - 1.5rem);
  }
  .slider:hover .glide__arrows {
    opacity: 1;
  }
}