.swiper-slider {
  position: relative;
  overflow-x: hidden;

  &.is_venobox {
    .swiper-slide-thumb-active {
      border: none;
    }
  }
}

.swiper-thumbs {
  padding-block: var(--spred-size-1, 16px);

  .swiper-wrapper {
    .swiper-slide {
      border: 2px solid var(--spred-border-color-secondary, #ccc);
      border-radius: 4px;
      aspect-ratio: 1/1;
      display: grid;
      place-items: center;
    }
  }

  .swiper-slide-thumb-active {
    border-color: var(--spred-color-blue-80, #007bff) !important;
  }

  .swiper-button-prev,
  .swiper-button-next {
    transition: scale 0.3s ease;
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    &::before {
      scale: 1.4;
    }

    &:hover,
    &:focus-visible,
    &:active {
      scale: 1.2;
      background-color: transparent;
      box-shadow: none;
    }
  }

  .swiper-button-next {
    transform: rotate(180deg) translateY(50%);
  }

  .swiper-slider {
    padding-inline: 24px;
    overflow-x: hidden;

    @media (min-width: 420px) {
      padding-inline: 48px;
    }

    @media (min-width: 1280px) {
      padding-inline: 0;
    }
  }
}