.cslogos-section{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:270px;margin-left:auto;margin-right:auto}.cslogos-section.in-view .cslogos-logo{opacity:1 !important;transform:scale(1)}.cslogos-logo{position:relative;width:130px;height:130px;opacity:0 !important;transform:scale(0.95);transition:400ms ease-in-out;transform-origin:50% 50%}.cslogos-logo:nth-child(1n){transition-delay:200ms}.cslogos-logo:nth-child(2n){transition-delay:300ms}.cslogos-logo:nth-child(3n){transition-delay:400ms}.cslogos-logo:nth-child(4n){transition-delay:500ms}.cslogos-logo .default-logo,.cslogos-logo .variant-logo{position:absolute;transition:opacity 200ms ease;width:100%;height:100%;aspect-ratio:1;object-fit:cover}.default-logo{opacity:1 !important;z-index:1}.variant-logo{opacity:0 !important;z-index:5}@media(hover: hover){.cslogos-logo:hover .default-logo{opacity:0 !important}.cslogos-logo:hover .variant-logo,.logo-link:focus .variant-logo{opacity:1 !important}}html[data-whatinput=keyboard] .logo-link:focus .variant-logo{outline:4px dotted var(--wp--preset--color--accent-3);border-radius:100%;outline-offset:4px}@media screen and (min-width: 360px){.cslogos-section{gap:20px;width:300px}.cslogos-logo{width:140px;height:140px}}@media screen and (min-width: 400px){.cslogos-section{width:340px}.cslogos-logo{width:160px;height:160px}}@media screen and (min-width: 450px){.cslogos-section{width:420px}.cslogos-logo{width:200px;height:200px}}@media screen and (min-width: 600px){.cslogos-section{width:540px}.cslogos-logo{width:260px;height:260px}}@media screen and (min-width: 1024px){.cslogos-section{width:980px}.cslogos-logo{width:220px;height:220px}}

/*# sourceMappingURL=style.css.map */