:root{--size:clamp(10rem,1rem + 40vmin,30rem);--gap:calc(var(--size) / 8);--duration:40s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap));}.inifinite-div{display:grid;align-content:center;overflow:hidden;gap:var(--gap);width:100%;min-height:100vh;}.wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw;}.client{display:flex;overflow:hidden;user-select:none;gap:var(--gap);mask-image:linear-gradient(var(--mask-direction,to right),hsl(0 0% 0% / 0),hsl(0 0% 0% / 1) 20%,hsl(0 0% 0% / 1) 80%,hsl(0 0% 0% / 0));}.client img{width:auto;height:42px;}.client-group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);min-width:100%;animation:scroll-x var(--duration) linear infinite;}@keyframes scroll-x{from{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}@keyframes scroll-y{from{transform:translateY(var(--scroll-start))}to{transform:translateY(var(--scroll-end))}}.integrate .card:hover{box-shadow:0 0 6px rgba(33,33,33,.2);}.integrate .card{margin-bottom:.9rem;}