/**
 * @file
 * Visual styles for slick slider.
 */
.slick-track {
  /* display: flex; */
  align-items: center;
  justify-content: left;
  display: grid;
  grid-auto-flow: column;
  overflow: hidden;
}

.slick-slide img {
  margin: auto;
}

/**
 * @file
 * Visual styles for popup slider.
 */
@media screen and (min-width: 1024px) {
  .node__content .slick-slider .slick-arrow {
    width: 3em;
    height: 3em;
    border: none;
    position: absolute;
    top: calc(50% - 1.8rem);
    z-index: 10;
    background-color: var(--bright-primary);
  }
  .node__content .slick-slider .slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .node__content .slick-slider .slick-prev {
    left: -1.4rem;
  }

  .node__content .slick-slider .slick-next {
    right: -1.4rem;
  }
  .node__content .slick-slider .slick-arrow::before {
    font-size: 0.9em;
    color: var(--max-light);
  }
}