.ndm-phero-art:has(>.ndm-int){height:auto}.ndm-int{--int-card-w:320px;--int-gap:24px;background:0 0;flex-direction:column;gap:24px;display:flex;overflow:clip visible}.ndm-int-row{gap:var(--int-gap);width:max-content;animation:80s linear infinite ndm-int-drift;display:flex}.ndm-int-track{gap:var(--int-gap);display:flex}.ndm-int-card{box-shadow:var(--hero-asset-shadow);width:var(--int-card-w);flex:none}@keyframes ndm-int-drift{to{translate:calc((-100% - var(--int-gap)) / 3) 0}}@media (prefers-reduced-motion:reduce){.ndm-int-row{animation:none}}.ndm-int-pill{transition:background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard)}.ndm-int-pill[data-state=connected]{background:color-mix(in oklch, var(--tone-success) 14%, var(--card));color:color-mix(in oklch, var(--tone-success) 70%, var(--foreground))}.ndm-int-mark{place-items:center;width:20px;height:20px;display:grid}.ndm-int-pill[data-state=connecting] .ndm-int-mark svg{animation:.9s linear infinite ndm-int-spin}@keyframes ndm-int-spin{to{rotate:360deg}}@media (max-width:860px){.ndm-int{--int-card-w:272px;--int-gap:16px;gap:16px}}
