.events-list {
  .event-item {
    border-top: 1px solid var(--color-border);
    padding: 11px 0 clamp(26px, 1.389vw, 30px);
    cursor: pointer;
  }

  .event-item__topline {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 34px;
    margin-bottom: 21px;
  }

  .event-item.toggler-js .event-item__topline::before {
    content: '';
    position: absolute;
    right: 0;
    width: 24px;
    aspect-ratio: 1 / 1;
    background: url("../../../themes/rudata/assets/images/icons/icon-chevron.svg") no-repeat 50% 50%/contain;
    transition: transform .2s linear;
    will-change: transform;
    transition-delay: .2s;
  }

  .event-item.toggler-js.active .event-item__topline::before {
    transform: scale(-1, -1);
    transition-delay: 0s;
  }

  .event-item__date {
    display: flex;
    align-items: center;
    gap: 10px;

    &::before {
      content: '';
      width: 20px;
      height: 20px;
      border-radius: 20px;
      background: #30E9A7;
    }
  }

  .event-item__tag {
    &::before {
      content: '/';
    }
  }

  .event-item__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease-in;
    will-change: max-height;
  }

  .event-item__content.active {
    max-height: 1000px;
  }

  .event-item__description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 10px;
    font-size: clamp(16px, calc(100vw * 20 / 1440), 20px);
    text-wrap: balance;
    line-height: 1.1;
  }

  .more-detailed {
    padding-top: 30px;
    font: 400 20px "Helios", sans-serif;
  }

}

.swiper {
  max-width: 100%;
}