.element.elementlogo{--logo-width:300px;--logo-height:300px}.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{aspect-ratio:1;border:1px solid var(--gray);margin-bottom:1px;max-width:calc(var(--logo-width) + 50px);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:250px;max-width:250px;transition-duration:.2s;transition-property:filter}.has-link:is(:is(.element.elementlogo ul.logos) li.logo):hover{background-color:oklch(from var(--gray--lighter) l c h/1)}.has-link:is(:is(.element.elementlogo ul.logos) li.logo):hover img{filter:grayscale(0)}.element.elementlogo .swiper-container{--logo-width:160px;--logo-height:160px;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{background:transparent!important;width:var(--logo-width)!important}:is(:is(:is(.element.elementlogo .swiper-container) ul.logos) li.logo) img{max-height:80px;max-width:80px}