.scrollinglogobar{--lc: 7;--w: 250;--s: 8;overflow:hidden;position:relative}@media (min-width: 768px){.scrollinglogobar{--w: 150}}@media (min-width: 1024px){.scrollinglogobar{--w: 120}}.scrollinglogobar__logos,.scrollinglogobar__logos--wrap{width:calc(var(--w) * 1%);height:100px;display:flex;align-items:center;animation:logo-marquee calc(var(--lc) / var(--w) * var(--s) * 60s) infinite linear}.scrollinglogobar__logos picture,.scrollinglogobar__logos--wrap picture{width:calc((var(--w) * 1%) / var(--lc))}.scrollinglogobar__logos--wrap{left:calc(var(--w) * 1%);top:0;position:absolute}.scrollinglogobar:hover .scrollinglogobar__logos,.scrollinglogobar:hover .scrollinglogobar__logos--wrap{animation-play-state:paused}.scrollinglogobar::before{content:'';background:linear-gradient(to right, rgba(var(--bg-rgb), 1) 0, rgba(255,255,255,0) 100%);position:absolute;display:block;width:100px;height:100%;top:0;left:0;z-index:1}.scrollinglogobar::after{content:'';background:linear-gradient(to left, rgba(var(--bg-rgb), 1) 0, rgba(255,255,255,0) 100%);position:absolute;display:block;width:100px;height:100%;top:0;right:0}@keyframes logo-marquee{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}