.card-slider {
  display: flex;
  gap: var(--card-grid-gap);
  user-select: none;
  cursor: grab;
  cursor: -webkit-grab;
  overflow-y: hidden;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.surface--contrast .card-slider.custom-scrollbar {
  --scrollbar-face-color: var(--grey-900);
}

.card-slider__half.layout__container,
.card-slider__full.layout__container {
  padding-right: 0;
}

.card-slider__text + .card-slider__cards {
  margin-top: 2rem;
}

.card-slider.active,
.card-slider.active .post__title a {
  cursor: grabbing;
}

.post--slider-card {
  --card-bg-hover: var(--grey-125);
  --card-text-color: var(--white);
  --card-text-color-hover: var(--white);
  --base-heading-color: var(--white);
  --card-title-text-color-hover: var(--white);
  --line-clamp-amount: 4;
  width: 230px;
  flex-shrink: 0;
  margin-bottom: 1.25rem;
  scroll-snap-align: start;
}

.post--slider-card .post__details {
  position: absolute;
  inset: 0;
  justify-content: flex-end;
}

.post--slider-card figure::before,
.post--slider-card figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100%);
  opacity: 0.85;
  pointer-events: none;
  z-index: 1;
}

.post--slider-card figure::after {
  background: rgba(0, 0, 0, 0.7);
  opacity: 0.2;
  transition: opacity 0.3s;
}

.post--slider-card .post__description p {
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp-amount);
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(var(--calced-line-height) * var(--line-clamp-amount));
  margin-bottom: calc((var(--calced-line-height) * var(--line-clamp-amount) + var(--card-text-padding)) * -1);
  opacity: 0;
}

.post--slider-card:hover .post__description p,
.post--slider-card:focus .post__description p {
  margin-bottom: 0;
  opacity: 1;
}

.post--slider-card:hover figure::after,
.post--slider-card:focus figure::after {
  opacity: 1;
}

.post--slider-card.post--no-link {
  --card-bg-hover: var(--card-bg);
}

.post--slider-card.post--no-link picture {
  transform: scale(1.02);
}

.post--slider-card:nth-last-child(2) {
  margin-right: calc(var(--body-gutter) - var(--card-grid-gap));
}

.card-slider__card-spacer {
  padding-left: 1px;
}

@media (min-width: 48rem) {
  .post--slider-card {
    --line-clamp-amount: 5;
    width: 290px;
  }
  .post--slider-card .post__title {
    --text-font-size: 23;
  }
}
@media (min-width: 75rem) {
  .post--slider-card {
    --line-clamp-amount: 8;
    width: 370px;
  }
  .post--slider-card .post__title {
    --text-font-size: 27;
  }
  .card-slider__halves-wrapper {
    display: flex;
    align-items: center;
  }
  .card-slider__half {
    width: 50%;
  }
  .card-slider__halves-wrapper .card-slider__text + .card-slider__cards {
    margin-top: 0;
  }
  .card-slider__half.card-slider__cards.layout__container {
    padding-inline: 0;
  }
  .card-slider__half.card-slider__text > *:first-child {
    margin-top: 0;
  }
  .card-slider__half.card-slider__text > *:last-child {
    margin-bottom: 0;
  }
  .card-slider__halves-wrapper .text-width-limited > * {
    padding-inline-end: 0;
    max-width: calc(var(--content-medium) / 2 - var(--body-gutter));
    margin-inline-end: 0;
  }
  .content--small .card-slider__halves-wrapper .text-width-limited > * {
    max-width: calc(var(--content-small) / 2 - var(--body-gutter));
  }
}

/*# sourceMappingURL=/assets/application/content-modules/slider-cards-ad5381b4.css.map */