/* VARIABLES */
/* TYPOGRAPHY */
@media (min-width: 62rem) {
  .rolling-text {
    display: inline-block;
    perspective: 800px;
  }
  .rolling-text__wrapper {
    position: relative;
    display: block;
    height: var(--roll-h, auto);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .rolling-text__track {
    display: block;
    transform: translateY(0) rotateX(0);
    transform-origin: center;
    transition: transform 0.5s ease;
    will-change: transform;
  }
  .rolling-text__line {
    display: block;
    white-space: normal;
    opacity: 1;
    transition: opacity 0.5s ease;
  }
  .rolling-text__line--bottom {
    position: absolute;
    left: 0;
    top: var(--roll-h, 100%);
    opacity: 0;
  }
  .rolling-text:hover .rolling-text__track, .rolling-text:focus-visible .rolling-text__track {
    transform: translateY(calc(-0.975 * var(--roll-h, 0px))) rotateX(15deg);
  }
  .rolling-text:hover .rolling-text__line--top, .rolling-text:focus-visible .rolling-text__line--top {
    opacity: 0;
  }
  .rolling-text:hover .rolling-text__line--bottom, .rolling-text:focus-visible .rolling-text__line--bottom {
    opacity: 1;
  }
}
@media (min-width: 62rem) and (prefers-reduced-motion: reduce) {
  .rolling-text__track {
    transition: none;
  }
  .rolling-text__line {
    transition: none;
  }
}
.node--type-event.row:hover .field--name-node-title .rolling-text__track, .node--type-event.node--view-mode-teaser:hover .field--name-node-title .rolling-text__track {
  transform: translateY(calc(-0.975 * var(--roll-h, 0px))) rotateX(15deg);
}
.node--type-event.row:hover .field--name-node-title .rolling-text__line--top, .node--type-event.node--view-mode-teaser:hover .field--name-node-title .rolling-text__line--top {
  opacity: 0;
}
.node--type-event.row:hover .field--name-node-title .rolling-text__line--bottom, .node--type-event.node--view-mode-teaser:hover .field--name-node-title .rolling-text__line--bottom {
  opacity: 1;
}
.node--type-event.row:hover .field--name-field-media-image .drimage img, .node--type-event.node--view-mode-teaser:hover .field--name-field-media-image .drimage img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}

.field--name-field-media-image {
  border-radius: 10px;
  overflow: hidden;
}
.field--name-field-media-image .drimage img {
  transform: scale(1);
  transition: all 0.5s ease;
}

.node--type-event.node--view-mode-teaser {
  border-bottom: unset;
  padding-bottom: unset;
  margin-bottom: unset;
}

.text-gray-200 {
  color: #99a1af;
}

.rolling-text__wrapper.rolling-text__track {
  transform: translateY(calc(-0.975 * var(--roll-h, 0px))) rotateX(15deg);
}

.view-content.row:has(.views-view-grid) {
  margin-right: 0;
  margin-left: 0;
  display: block;
}

.custom-event-swiper .custom-swiper-slide[hidden] {
  display: none !important;
}

.custom-event-swiper .custom-swiper-wrapper {
  opacity: 1;
  transition: opacity 250ms ease;
}

.custom-event-swiper .custom-swiper-wrapper.is-fading {
  opacity: 0;
}

.custom-event-swiper .custom-swiper-button-prev.is-disabled,
.custom-event-swiper .custom-swiper-button-next.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.node--type-event.node--view-mode-teaser {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.node--type-event.node--view-mode-teaser .event-teaser-info {
  min-height: var(--event-info-h);
}
.node--type-event.node--view-mode-teaser .event-teaser-info__viewport {
  position: relative;
  overflow: hidden;
  height: var(--event-info-h);
}
.node--type-event.node--view-mode-teaser .event-teaser-info__track {
  transform: translateY(0);
  transition: transform 600ms ease;
  will-change: transform;
}
.node--type-event.node--view-mode-teaser .event-teaser-info__panel {
  height: var(--event-info-h);
}
.node--type-event.node--view-mode-teaser .event-teaser-info .event-actions {
  margin-top: auto;
}
.node--type-event.node--view-mode-teaser:hover .event-teaser-info__track, .node--type-event.node--view-mode-teaser:focus-within .event-teaser-info__track {
  transform: translateY(calc(-1 * var(--event-info-h)));
}

.swipe-buttons {
  display: none !important;
}

[dir=rtl] .swipe-buttons {
  justify-content: end;
  direction: ltr;
  padding-inline-start: 0 !important;
  padding-inline-end: 1rem !important;
  flex-direction: row-reverse !important;
}