.inclua-partners-strip {
  background: var(--color-surface-default);
  padding-block: var(--spacing-20);

  & .inclua-partners-strip__panel {
    align-items: center;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
    overflow: hidden;
    padding-block: 0;
    padding-inline: 0;
  }

  & .inclua-partners-strip__title {
    color: var(--color-text-primary);
    font-size: var(--font-size-heading-5);
    font-weight: 600;
    line-height: var(--line-height-heading-5);
    margin: 0;
    text-align: center;
  }

  & .inclua-partners-strip__featured {
    align-items: center;
    display: flex;
    height: var(--spacing-24);
    justify-content: center;

    @media (max-width: 47.5rem) {
      height: var(--spacing-20);
    }
  }

  & .inclua-partners-strip__featured-link {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-decoration: none;

    &:focus-visible {
      outline: 2px solid var(--color-control-border);
      outline-offset: var(--spacing-2);
    }
  }

  & .inclua-partners-strip__featured-logo {
    max-height: 100%;
    max-width: min(100%, 26rem);
    object-fit: contain;
    scale: 1;
    transition: scale 0.3s ease;
    user-select: none;

    &:hover {
      scale: 1.08;
    }

    @media (max-width: 47.5rem) {
      max-width: min(100%, 18rem);
    }
  }

  & .inclua-partners-strip__swiper {
    width: 100%;

    &:focus-visible {
      outline: 2px solid var(--color-control-border);
      outline-offset: var(--spacing-2);
    }
  }

  & .inclua-partners-strip__swiper:not(.swiper-initialized) {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }

  & .inclua-partners-strip__track {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  & .inclua-partners-strip__page {
    flex: 0 0 100%;
    list-style: none;
    width: 100%;
  }

  & .inclua-partners-strip__swiper:not(.swiper-initialized) .inclua-partners-strip__page {
    scroll-snap-align: start;
  }

  & .inclua-partners-strip__group {
    align-items: center;
    display: grid;
    gap: var(--spacing-12);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
  }

  & .inclua-partners-strip__group--1 .inclua-partners-strip__item {
    grid-column: 2;
  }

  & .inclua-partners-strip__item {
    align-items: center;
    display: flex;
    height: var(--spacing-20);
    justify-content: center;
  }

  & .inclua-partners-strip__link {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;

    &:focus-visible {
      outline: 2px solid var(--color-control-border);
      outline-offset: var(--spacing-2);
    }
  }

  & .inclua-partners-strip__logo {
    max-height: var(--spacing-16);
    max-width: min(100%, calc(var(--spacing-32) + var(--spacing-20)));
    object-fit: contain;
    opacity: 0.46;
    scale: 1;
    transition:
      opacity 0.2s ease,
      scale 0.2s ease;
    user-select: none;
  }

  & .inclua-partners-strip__item:hover .inclua-partners-strip__logo,
  & .inclua-partners-strip__link:focus-visible .inclua-partners-strip__logo {
    opacity: 0.72;
    scale: 1.08;
  }

  & .inclua-partners-strip__pagination {
    align-items: center;
    display: flex;
    gap: var(--spacing-2);
    justify-content: center;
    position: static;
  }

  & .inclua-partners-strip__pagination .swiper-pagination-bullet {
    position: relative;
    background: var(--color-neutral-200);
    height: calc(var(--spacing-2) + (var(--spacing-1) / 2));
    margin: 0 !important;
    opacity: 1;
    transition: background 0.2s ease;
    width: calc(var(--spacing-2) + (var(--spacing-1) / 2));

    &::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 2rem;
      height: 2rem;
    }

    &.swiper-pagination-bullet-active {
      background: var(--color-ink-primary);
    }

    &:focus-visible {
      outline: 2px solid var(--color-control-border);
      outline-offset: var(--spacing-1);
    }
  }

  @media (max-width: 47.5rem) {
    padding-block-end: var(--spacing-14);

    & .inclua-partners-strip__panel {
      gap: var(--spacing-6);
      padding-block: var(--spacing-12);
      padding-inline: var(--spacing-5);
    }

    & .inclua-partners-strip__group {
      gap: var(--spacing-4);
    }

    & .inclua-partners-strip__item {
      height: var(--spacing-16);
    }

    & .inclua-partners-strip__logo {
      max-height: var(--spacing-12);
      max-width: 100%;
    }
  }
}