.flex-layout.logo_slider {
  padding: 0;
  margin: 0;
  --logo-slider-cell: max(11rem, calc(18.125 * var(--su)));
  --logo-slider-line: rgba(167, 162, 160, 0.6);
  --logo-slider-duration: 60s;
}

.flex-layout.logo_slider .pk-grid-container--full {
  margin-inline: 0;
}

.flex-layout.logo_slider .logo-slider-viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid var(--logo-slider-line);
  border-bottom: 1px solid var(--logo-slider-line);
  background-color: var(--wit);
}

.flex-layout.logo_slider .logo-slider-track {
  display: flex;
  width: max-content;
  animation: logo-slider-scroll var(--logo-slider-duration) linear infinite;
}

.flex-layout.logo_slider .logo-slider-track.speed-slow {
  --logo-slider-duration: 90s;
}

.flex-layout.logo_slider .logo-slider-track.speed-fast {
  --logo-slider-duration: 35s;
}

.flex-layout.logo_slider .logo-slider-track.reverse {
  animation-direction: reverse;
}

.flex-layout.logo_slider .logo-slider-viewport:hover .logo-slider-track {
  animation-play-state: paused;
}

.flex-layout.logo_slider .logo-slider-group {
  display: flex;
  flex-shrink: 0;
}

.flex-layout.logo_slider .logo-slider-cell {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--logo-slider-cell);
  height: var(--logo-slider-cell);
  border-left: 1px solid var(--logo-slider-line);
  overflow: hidden;
  text-decoration: none;
}

.flex-layout.logo_slider .logo-slider-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max(6rem, calc(11.8 * var(--su)));
  height: max(2.75rem, calc(4.65 * var(--su)));
}

.flex-layout.logo_slider .logo-slider-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  aspect-ratio: auto;
}

.flex-layout.logo_slider .logo-slider-label {
  position: absolute;
  left: max(0.5rem, calc(0.5 * var(--su)));
  bottom: max(0.35rem, calc(0.355 * var(--su)));
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: max(4rem, calc(5.25 * var(--su)));
  padding: max(0.4375rem, calc(0.4375 * var(--su))) max(0.75rem, calc(0.75 * var(--su))) max(0.5rem, calc(0.5 * var(--su)));
  border: 1px solid var(--licht-grijs);
  border-radius: max(4px, calc(0.25 * var(--su)));
  background-color: #f7f7f5;
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
  color: var(--ats-grey);
  font-size: var(--desktop-body-xxs);
  line-height: 0.9;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.flex-layout.logo_slider a.logo-slider-cell {
  cursor: pointer;
}

.flex-layout.logo_slider a.logo-slider-cell::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--ats-blue-5);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.flex-layout.logo_slider a.logo-slider-cell .logo-slider-image {
  position: relative;
  transition: transform 0.3s ease;
}

.flex-layout.logo_slider a.logo-slider-cell .logo-slider-label {
  transition: color 0.3s ease, border-color 0.3s ease;
}

.flex-layout.logo_slider a.logo-slider-cell:hover::before,
.flex-layout.logo_slider a.logo-slider-cell:focus-visible::before {
  opacity: 1;
}

.flex-layout.logo_slider a.logo-slider-cell:hover .logo-slider-image,
.flex-layout.logo_slider a.logo-slider-cell:focus-visible .logo-slider-image {
  transform: scale(1.06);
}

.flex-layout.logo_slider a.logo-slider-cell:hover .logo-slider-label,
.flex-layout.logo_slider a.logo-slider-cell:focus-visible .logo-slider-label {
  border-color: var(--ats-blue);
  color: var(--ats-blue);
}

.flex-layout.logo_slider a.logo-slider-cell:focus-visible {
  outline: 2px solid var(--ats-blue);
  outline-offset: -2px;
}

@keyframes logo-slider-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media only screen and (max-width: 767px) {
  .flex-layout.logo_slider {
    --logo-slider-cell: 9.5rem;
  }

  .flex-layout.logo_slider .logo-slider-image {
    width: 6rem;
    height: 2.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .flex-layout.logo_slider .logo-slider-track {
    animation: none;
  }

  .flex-layout.logo_slider .logo-slider-viewport {
    overflow-x: auto;
  }
}