.client-logos-container{width:100%;position:relative;overflow:hidden}.client-logos-container.with-mask{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}@supports not ((-webkit-mask-image:linear-gradient(to right, black, black)) or (mask-image:linear-gradient(to right, black, black))){.client-logos-container.with-mask:before,.client-logos-container.with-mask:after{content:"";z-index:2;pointer-events:none;width:10%;height:100%;position:absolute;top:0}.client-logos-container.with-mask:before{background:linear-gradient(90deg,#fff,#0000);left:0}.client-logos-container.with-mask:after{background:linear-gradient(270deg,#fff,#0000);right:0}}.logo-carousel-track{width:fit-content;animation-name:scroll-left;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.logo-carousel-track.speed-slow{animation-duration:90s}.logo-carousel-track.speed-fast{animation-duration:30s}.logo-carousel-track.direction-right{animation-name:scroll-right}.logo-carousel-track.paused{animation-play-state:paused}.logo-carousel-content{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logo-carousel-content.spacing-tight{gap:1rem}.logo-carousel-content.spacing-normal{gap:2rem}.logo-carousel-content.spacing-wide{gap:3rem}.logo-item{flex-shrink:0}.logo-container{background:0 0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.logo-container.size-sm{width:200px;height:150px;padding:.5rem}.logo-container.size-md{width:280px;height:200px;padding:.75rem}.logo-container.size-lg{width:360px;height:250px;padding:1rem}.logo-container.size-xl{width:440px;height:300px;padding:1.25rem}.logo-image{object-fit:contain;max-width:100%;max-height:100%;transition:filter .3s}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scroll-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (width<=768px){.logo-carousel-content.spacing-tight{gap:.5rem}.logo-carousel-content.spacing-normal{gap:1rem}.logo-carousel-content.spacing-wide{gap:1.5rem}.logo-container.size-sm{width:80px;height:60px;padding:.25rem}.logo-container.size-md{width:120px;height:80px;padding:.5rem}.logo-container.size-lg{width:150px;height:100px;padding:.75rem}.logo-container.size-xl{width:200px;height:120px;padding:1rem}}@media (prefers-reduced-motion:reduce){.logo-carousel-track{animation:none}}.clickable-carousel{cursor:pointer;-webkit-user-select:none;user-select:none}.clickable-carousel:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}