.wp-block-wwx-block-client-logo-grid{margin:2em 0;--fade-easing:cubic-bezier(0.4,0,0.2,1);--crossfade-easing:cubic-bezier(0.25,0.46,0.45,0.94);--scale-factor:0.95;--blur-amount:2px}.client-logo-grid{background-color:var(--border-color,#e0e0e0);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(var(--grid-columns,3),1fr);grid-template-rows:repeat(var(--grid-rows,2),1fr);min-height:200px;overflow:hidden;padding:1px}.logo-slot{background-color:var(--background-color,#fff);min-height:100px;overflow:hidden;padding:1rem;perspective:1000px;transform:translateZ(0)}.logo-slot,.logo-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.logo-wrapper{height:100%;width:100%}.client-logo{backface-visibility:hidden;filter:grayscale(100%);max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;transition:filter .3s cubic-bezier(.4,0,.2,1),transform var(--animation-duration,.5s) cubic-bezier(.4,0,.2,1),opacity var(--animation-duration,.5s) cubic-bezier(.4,0,.2,1);will-change:filter,transform,opacity}.client-logo:hover{filter:grayscale(0)}.empty-slot{align-items:center;color:#999;display:flex;font-size:.9em;justify-content:center}.animation-fade .logo-slot.fade-out{filter:blur(var(--blur-amount,1px));opacity:0;transform:scale(var(--scale-factor,.95)) translateZ(0)}.animation-fade .logo-slot.fade-in{filter:blur(0);opacity:1;transform:scale(1) translateZ(0)}.animation-fade .logo-slot.fade-crossfade{box-shadow:inset 0 0 20px hsla(0,0%,100%,.1);filter:blur(calc(var(--blur-amount, 1px)*.5));opacity:.5;transform:scale(calc(var(--scale-factor, .95) + .03)) translateZ(0)}.animation-slide-up .logo-slot.slide-out{opacity:0;transform:translateY(-100%)}.animation-slide-up .logo-slot.slide-in{opacity:1;transform:translateY(0)}.animation-slide-down .logo-slot.slide-out{opacity:0;transform:translateY(100%)}.animation-slide-down .logo-slot.slide-in{opacity:1;transform:translateY(0)}.animation-slide-left .logo-slot.slide-out{opacity:0;transform:translateX(-100%)}.animation-slide-left .logo-slot.slide-in{opacity:1;transform:translateX(0)}.animation-slide-right .logo-slot.slide-out{opacity:0;transform:translateX(100%)}.animation-slide-right .logo-slot.slide-in{opacity:1;transform:translateX(0)}.animation-scale .logo-slot.scale-out{opacity:0;transform:scale(0)}.animation-scale .logo-slot.scale-in{opacity:1;transform:scale(1)}.animation-flip .logo-slot.flip-out{opacity:0;transform:rotateY(90deg)}.animation-flip .logo-slot.flip-in{opacity:1;transform:rotateY(0deg)}.logo-slot{backface-visibility:hidden;transition:opacity var(--animation-duration,.5s) var(--fade-easing,cubic-bezier(.4,0,.2,1)),transform var(--animation-duration,.5s) var(--fade-easing,cubic-bezier(.4,0,.2,1)),filter var(--animation-duration,.5s) var(--crossfade-easing,cubic-bezier(.25,.46,.45,.94));will-change:opacity,transform,filter}@media(max-width:768px){.client-logo-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-template-rows:auto}.logo-slot{min-height:80px;padding:.5rem}}@media(max-width:480px){.client-logo-grid{grid-template-columns:repeat(2,1fr)}.logo-slot{min-height:60px;padding:.25rem}}