/* One continuous, restrained treatment for native customer/project logo rows. */
.panasia-logo-desktop {display:block!important}
[data-logo-native-mobile] {display:none!important}
.panasia-logo-marquee {--logo-slot:240px;position:relative;display:flex;width:100%;min-width:0;max-width:100%;contain:inline-size;overflow:hidden;isolation:isolate;padding-bottom:32px;color:inherit}
/* A single moving rail keeps both copies on the same clock after any resize. */
.panasia-logo-rail {display:flex;flex:none;width:max-content;gap:0;animation:panasia-shared-logos var(--logo-cycle-duration) linear infinite}
.panasia-logo-rail > .panasia-logo-track {
 display:flex!important;flex:none!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center;
 width:var(--logo-cycle-width)!important;max-width:none!important;min-width:0!important;min-height:80px;max-height:none!important;
 padding:0!important;margin:0!important;gap:0!important;position:relative!important;
 transition:none!important;
}
.panasia-logo-track > * {transition:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 var(--logo-slot)!important;width:var(--logo-slot)!important;min-width:0!important;max-width:none!important;height:80px!important;padding:0!important;margin:0!important}
.panasia-logo-track img {width:168px!important;height:40px!important;max-width:min(168px,100%)!important;max-height:none!important;object-fit:contain!important;scale:1!important}
/* One identity treatment across native LogoClouds, masks and marquee tracks. */
html main [data-client-mark] {display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px;isolation:isolate}
html main div[data-client-mark] {width:max-content!important;max-width:none!important;min-height:48px}
html main [data-client-mark] > img {flex:none;width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain!important;scale:1!important;transform:none!important;opacity:1!important;background:transparent!important;border-radius:0!important;padding:0!important;filter:grayscale(1)!important;mix-blend-mode:normal}
html main [data-client-mark]::after {content:attr(data-client-name) / "";font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.035em;white-space:nowrap;color:#161616}
html main [data-client-mark="aptos"] > img {filter:grayscale(1) brightness(0)!important}
/* Remove light avatar backdrops without changing original logo files. */
html main [data-client-mark]:is([data-client-mark="talus"],[data-client-mark="zkpass"],[data-client-mark="sahara-ai"]) > img {filter:grayscale(1) contrast(3)!important;mix-blend-mode:multiply;clip-path:inset(1px)}
html main [data-client-tone="dark"]::after {color:#fff}
html main [data-client-tone="dark"] > img {filter:grayscale(1) invert(1)!important}
html main [data-client-tone="dark"][data-client-mark="aptos"] > img {filter:grayscale(1) brightness(0) invert(1)!important}
html main [data-client-tone="dark"]:is([data-client-mark="talus"],[data-client-mark="zkpass"],[data-client-mark="sahara-ai"],[data-client-mark="story-protocol"]) > img {filter:grayscale(1) contrast(3) invert(1)!important;mix-blend-mode:screen}
.LogoMarquee div:has(> [data-client-mark]) {width:240px!important;display:flex;align-items:center;justify-content:center}
.panasia-logo-marquee-control {position:absolute;bottom:0;right:4px;display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;color:inherit;opacity:.65;cursor:pointer;z-index:2}
.panasia-logo-marquee-control:hover {opacity:1}
.panasia-logo-marquee-control:focus-visible {outline:2px solid currentColor;outline-offset:-3px;opacity:1}
.panasia-logo-marquee[data-paused] > .panasia-logo-rail {animation-play-state:paused}
@media(max-width:767px){
 .panasia-logo-marquee {--logo-slot:210px}
 .panasia-logo-track > * {height:72px!important}
 .panasia-logo-rail > .panasia-logo-track {min-height:72px}
 .panasia-logo-track img {width:136px!important;height:32px!important;max-width:min(136px,100%)!important}
 html main [data-client-mark] {gap:10px}
 html main [data-client-mark] > img {width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important}
 html main [data-client-mark]::after {font-size:18px}
 .LogoMarquee div:has(> [data-client-mark]) {width:210px!important}
}
@media(prefers-reduced-motion:reduce){
 .panasia-logo-marquee {padding-bottom:0}
 .panasia-logo-rail {animation:none!important;width:100%}
 .panasia-logo-rail > .panasia-logo-track {flex-wrap:wrap!important;width:100%!important;justify-content:center!important}
 .panasia-logo-track > * {flex:0 1 50%!important}
 .panasia-logo-track > * {flex-basis:240px!important}
 .panasia-logo-marquee [data-logo-repeat],.panasia-logo-marquee-control {display:none!important}
}
@keyframes panasia-shared-logos {to {transform:translateX(-50%)}}
