.associates-container{background:0 0;flex-wrap:wrap;justify-content:center;gap:4rem;padding:2rem;display:flex}.associates-container ul{--base-delay:calc(sin((var(--index)/4)*45deg)*var(--stagger,0));grid-template:1fr/1fr;width:100px;margin:0;padding:0;list-style-type:none;display:grid}.associates-container li{grid-area:1/1;place-items:center;display:grid}.logo-container{grid-template:1fr/1fr;width:100%;height:100%;display:grid;position:relative}.logo-container img{object-fit:contain;width:100%;height:auto;max-height:6rem;animation-name:appear;animation-duration:calc(var(--duration)*1s);animation-iteration-count:infinite;animation-fill-mode:both;animation-delay:calc((var(--duration)/var(--items))*(var(--items) - var(--i))*-1s + (var(--base-delay)*1s));mix-blend-mode:normal;transform-box:fill-box;grid-area:1/1}.logo-container img:first-child{--u:0;filter:brightness(1.2)saturate(1.3);opacity:.8}.logo-container img:nth-child(2){--u:1;filter:hue-rotate(30deg)brightness(1.1);opacity:.6}.logo-container img:nth-child(3){--u:2;filter:hue-rotate(60deg)brightness(1.15);opacity:.6}.logo-container img:nth-child(4){--u:3;filter:brightness();opacity:1}:root{--duration:20;--stagger:.6;--movement-x:14;--movement-y:34;--movement-step:2;--blur:2}@media (max-width:768px){.associates-container{gap:2rem}.associates-container ul{width:80px}.logo-container img{max-height:2rem}}@media (max-width:480px){.associates-container{gap:1rem}.associates-container ul{width:60px}.logo-container img{max-height:1.5rem}}