.logobar{--logobar-speed: 90s;--animps: running}@media(min-width:768px){.logobar{--logobar-speed: 120s}}.logobar{position:relative;display:flex;background-color:var(--neutral-black);color:var(--neutral-white);padding-block-start:var(--spacing-5);padding-block-end:var(--spacing-5);overflow:hidden}.logobar.is-pause{--animps: paused}.logobar ul,.logobar__list{display:flex;flex-direction:row;flex-shrink:0;align-items:center;list-style:none;margin:0;padding:0}.logobar li{height:2.5rem;padding-inline:var(--spacing-5)}.logobar li img{width:auto;height:100%;filter:brightness(0) invert(1)}.logobar__animated{animation:slide var(--logobar-speed, 120s) linear infinite var(--animps, running)}.logobar__button{position:absolute;top:50%;right:var(--spacing-4);translate:0 -50%;display:block;width:40px;height:40px;background:var(--primary-300);border:0;padding:0;box-sizing:border-box;z-index:1}.logobar__button .logobar__button-icon{position:absolute;top:50%;left:59%;translate:-50% -50%;box-sizing:border-box;height:20px;width:20px;border-color:transparent transparent transparent var(--neutral-white);transition:.1s all ease;will-change:border-width;cursor:pointer;border-style:double;border-width:0 0 0 16px;transform:translate(-1px,1px)}.logobar__button[data-animation=false] .logobar__button-icon{border-style:solid;border-width:12px 0 12px 16px}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}