@use "@naomi-2025/ui-core/site-config";
@use "s360-scss-toolkit";

.view--taxonomy-clients {
  &.view--block-ticker {
    .view__slider-wrapper {
      position: relative;

      &::before,
      &::after {
        content: '';
        position: absolute;
        top: 0;
        width: 60px;
        height: 100%;
        z-index: 2;
      }
      &::before {
        content: '';
        background: linear-gradient(to right, var(--bg-color) 0%, transparent 100%);
        left: 0;
      }
      &::after {
        content: '';
        background: linear-gradient(to left, var(--bg-color) 0%, transparent 100%);
        right: 0;
      }
    }

    .swiper-slide {
      --client-logo--name--font-size: 1rem;

      width: 150px;
      display: flex;
      place-content: center;
    }

    .swiper-wrapper {
      transition-timing-function: linear !important;
      align-items: center;
    }
  }
}
