.marquee-container{white-space:nowrap;backface-visibility:hidden;perspective:1000px;background:#0006;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;width:100%;padding:2rem 0;position:relative;overflow:hidden;transform:translate(0,0);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{will-change:transform;width:max-content;animation:scroll var(--marquee-duration,20s) linear infinite;animation-direction:var(--marquee-direction,normal);display:flex}@keyframes scroll{0%{transform:translate(0,0)}to{transform:translate(-25%)}}.marquee-content{align-items:center;gap:4rem;padding-right:4rem;display:flex}.client-logo-item{filter:grayscale()brightness(1.15);opacity:.55;backface-visibility:hidden;transition:filter .3s,transform .3s,opacity .3s;transform:translateZ(0)}@media (hover:hover){.client-logo-item:hover{filter:grayscale(0%)brightness(1.05);opacity:1;transform:scale(1.08)translateZ(0)}}.client-logo-item img{display:block}@media screen and (width<=768px){.client-logo-item{filter:grayscale(0%)brightness();opacity:1}}.client-logo-placeholder{font-family:var(--font-label);color:var(--color-outline);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);background:var(--color-surface-container);padding:.75rem 1.5rem;font-size:.9rem}.client-logo-placeholder:hover{border-color:var(--color-primary-container);color:var(--color-primary)}