.client-carousel{--client-columns:5;--client-gap:16px;border-top:1px solid var(--border);width:100%;padding-block:28px 40px}.client-carousel-viewport{scrollbar-width:none;overflow:hidden}.client-carousel-viewport::-webkit-scrollbar{display:none}.client-carousel-viewport:focus-visible{outline-offset:-3px;outline:3px solid #3dab91}.client-carousel-track{width:calc((100% + var(--client-gap)) * var(--client-count) * 2 / var(--client-columns));animation:90s linear infinite client-carousel-scroll;display:flex}.client-carousel-viewport:focus-visible .client-carousel-track{animation-play-state:paused}.client-carousel-group{gap:var(--client-gap);min-width:0;padding:0 var(--client-gap) 0 0;flex:0 0 50%;margin:0;list-style:none;display:flex}.client-carousel-item{flex:0 0 calc((100% - (var(--client-count) - 1) * var(--client-gap)) / var(--client-count));justify-content:center;align-items:center;min-width:0;height:164px;padding:16px;display:flex;overflow:hidden}.client-carousel-logo{object-fit:contain;-webkit-user-select:none;user-select:none;flex-shrink:0;width:100%;height:124px;display:block}.client-carousel-logo-khanskaya-britva{width:160%}@keyframes client-carousel-scroll{to{transform:translate(-50%)}}@media (width<=1100px){.client-carousel{--client-columns:4}}@media (width<=900px){.client-carousel{--client-columns:3}}@media (width<=600px){.client-carousel{--client-columns:2;--client-gap:12px;padding-block:24px 28px}.client-carousel-item{height:140px;padding:12px}.client-carousel-logo{height:108px}}@media (prefers-reduced-motion:reduce),print{.client-carousel-track{width:calc((100% + var(--client-gap)) * var(--client-count) / var(--client-columns));animation:none}.client-carousel-group{flex-basis:100%}.client-carousel-group[aria-hidden=true]{display:none}}@media (prefers-reduced-motion:reduce){.client-carousel-viewport{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;overflow-x:auto}.client-carousel-item{scroll-snap-align:start}}@media print{.client-carousel-track{width:100%}.client-carousel-group{flex-wrap:wrap;padding:0}.client-carousel-item{flex-basis:calc((100% - (var(--client-columns) - 1) * var(--client-gap)) / var(--client-columns))}}
