.frame-type-gkmb_slider_media {
  display: block;

  --swiper-navigation-color: rgb(var(--c-neutral-lightest));
  --swiper-navigation-size: 30px;
}

.slider-media {
  padding: 1rem 0;
}

.slider-media__image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.slider-media__item {
  display: block;
  position: relative;
  overflow: hidden;
}

.slider-media__title {
  position: absolute;
  bottom: 8px;
  left: 8px;
  background: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
  font-weight: var(--f-weight-sb);
  padding: 0.25rem 0.75rem;
  font-size: var(--f-size-l-1);
  transition: background 0.3s ease;
}

.slider-media__image {
  transition: transform 0.3s ease;
}

.swiper-button-prev,
.swiper-button-next {
  background: rgba(var(--c-neutral-lightest),0.4);
  width: 50px;
  height: 50px;
  border-radius: 25px;
  text-align: center;
  line-height: 50px;
}

@media (hover: hover) {
  .slider-media__item:hover {
    & .slider-media__title {
      background: rgb(var(--c-neutral-darker));
    }

    & .slider-media__image {
      transform: scale(1.1);
    }
  }
}