.element.elementlogo{--logo-width:300px;--logo-height:100px}.element.elementlogo ul.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--logo-width),1fr));list-style:none;margin:0;padding:calc(var(--lh)*1em) 0 0;grid-gap:calc(var(--lh)*1em)}.greyscale:is(.element.elementlogo ul.logos) li.logo figure img{filter:grayscale(100%) saturate(.8);transition-duration:.2s;transition-property:filter}:is(.element.elementlogo ul.logos) li.logo{min-height:var(--logo-height);min-width:var(--logo-width);padding:0;transition-duration:.4s;transition-property:background-color}:is(:is(.element.elementlogo ul.logos) li.logo),:is(:is(.element.elementlogo ul.logos) li.logo)>a{align-items:center;display:flex;height:100%;justify-content:center}:is(:is(.element.elementlogo ul.logos) li.logo) figure{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0}:is(:is(:is(.element.elementlogo ul.logos) li.logo) figure) img{height:auto;margin:0;max-height:80px;max-width:180px;transition-duration:.2s;transition-property:filter}.has-link:is(:is(.element.elementlogo ul.logos) li.logo):hover img{filter:grayscale(0)}.element.elementlogo .swiper-container{overflow-x:hidden}:is(.element.elementlogo .swiper-container) .swiper-wrapper{transition-timing-function:linear}:is(.element.elementlogo .swiper-container) ul.logos{display:flex;gap:0}:is(:is(.element.elementlogo .swiper-container) ul.logos) li.logo{width:var(--logo-width)!important}