.bloks-logo-ticker{
  --bloks-logo-duration:35s;
  --bloks-logo-height:72px;
  --bloks-logo-gap:56px;
  width:100%;
  max-width:100%;
  overflow:hidden;
  position:relative;
  box-sizing:border-box;
}
.bloks-logo-ticker *{box-sizing:border-box}
.bloks-logo-track{
  display:flex;
  width:max-content;
  animation:bloks-logo-scroll var(--bloks-logo-duration) linear infinite;
  will-change:transform;
}
.bloks-logo-set{
  display:flex;
  align-items:center;
  flex:none;
  gap:var(--bloks-logo-gap);
  padding-right:var(--bloks-logo-gap);
}
.bloks-logo-item{
  display:flex;
  align-items:center;
  gap:12px;
  flex:none;
  text-decoration:none;
  color:inherit;
}
.bloks-logo-image{
  display:flex;
  align-items:center;
  justify-content:center;
  height:var(--bloks-logo-height);
  min-width:calc(var(--bloks-logo-height) * 1.2);
}
.bloks-logo-image img{
  display:block;
  width:auto;
  height:auto;
  max-width:calc(var(--bloks-logo-height) * 2.8);
  max-height:var(--bloks-logo-height);
  object-fit:contain;
  transition:opacity .2s ease,filter .2s ease,transform .2s ease;
}
.bloks-logo-item:hover .bloks-logo-image img{transform:scale(1.035)}
.bloks-logo-name{font-size:.9rem;white-space:nowrap}
.bloks-logo-ticker.is-grayscale .bloks-logo-image img{filter:grayscale(1);opacity:.72}
.bloks-logo-ticker.is-grayscale .bloks-logo-item:hover .bloks-logo-image img{filter:grayscale(0);opacity:1}
.bloks-logo-ticker.pause-on-hover:hover .bloks-logo-track{animation-play-state:paused}
.bloks-logo-ticker.direction-right .bloks-logo-track{animation-direction:reverse}
@keyframes bloks-logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.bloks-logo-track{animation:none}.bloks-logo-ticker{overflow-x:auto}.bloks-logo-set[aria-hidden="true"]{display:none}}