@layer components{.customers-panel{border-radius:var(--radius-xl);background-color:#eff2f9;background-image:radial-gradient(55% 90% at 100% 0,#e6ba2d29,#0000 70%),linear-gradient(#f3f6fb,#ebeff7);border:1px solid #dfe4ee;box-shadow:0 1px 2px #070d260a,0 28px 56px -28px #070d262e}.customers-strip{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-neutral-0);flex:1;min-width:0;padding-block:12px;overflow:hidden}.customers-dots{gap:4px;display:flex}.customers-dots>span{background:var(--color-viz-gold);border-radius:9999px;width:4px;height:4px}.customers-view{--per:3;--logo-h:44px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.customers-view::-webkit-scrollbar{display:none}.customers-view[data-sliding]{scroll-snap-type:none}.customers-track{display:flex}.customers-logo{flex:0 0 calc(100% / var(--per));height:calc(var(--logo-h) + 12px);scroll-snap-align:start;justify-content:center;align-items:center;padding-inline:8px;display:flex}.customers-logo-link{justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (min-width:768px){.customers-view{--per:5;--logo-h:56px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.customers-logo{padding-inline:14px}.customers-strip{padding-block:20px}}@media (min-width:1024px){.customers-view{--per:6;--logo-h:72px}}.customers-arrow{border:1px solid var(--color-border);background:var(--color-neutral-0);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,background-color .2s,color .2s;display:flex}.customers-arrow:hover{border-color:var(--color-brand-blue);background:var(--color-brand-blue);color:var(--color-neutral-0)}@media (min-width:768px){.customers-arrow{width:36px;height:36px}}@media (prefers-reduced-motion:no-preference){.customers-dots>span{animation:customers-pulse 1.8s ease-in-out calc(var(--i) * .22s) infinite}.motion[data-anim]:not([data-anim=reset]) .customers-rise{animation:motion-rise .7s var(--motion-ease) calc(var(--motion-delay) + var(--i,0) * .12s) both}}}@keyframes customers-pulse{0%,60%,to{opacity:.3;transform:scale(.8)}25%{opacity:1;transform:scale(1.15)}}
