.home-artifact{position:relative;overflow:hidden}.home-artifact:before{content:"";background:linear-gradient(90deg, var(--home-artifact-from), var(--home-artifact-to));height:3px;position:absolute;inset:0 0 auto}.home-artifact--flow{--home-artifact-from:var(--color-yellow-400);--home-artifact-to:var(--color-coral-400)}.home-artifact--procedure{--home-artifact-from:var(--color-indigo-400);--home-artifact-to:var(--color-skyblue-400)}.home-artifact--api_collection{--home-artifact-from:var(--color-teal-400);--home-artifact-to:var(--color-lemongrass-400)}.home-artifact--plan{--home-artifact-from:var(--color-skyblue-400);--home-artifact-to:var(--color-purple-400)}.home-artifact-halo{background:linear-gradient(135deg, var(--home-artifact-from), var(--home-artifact-to));border-radius:999px;flex-shrink:0;padding:1.5px;display:inline-flex}.home-artifact-logos>*+*{margin-left:-8px;transition:margin-left .22s cubic-bezier(.25,.46,.45,1)}.home-artifact:hover .home-artifact-logos>*+*,.home-artifact:focus-within .home-artifact-logos>*+*{margin-left:4px}.home-artifact-logo-names{opacity:0;transition:opacity .18s ease-out}.home-artifact:hover .home-artifact-logo-names,.home-artifact:focus-within .home-artifact-logo-names{opacity:1}.home-artifact-socket{border:1.5px dashed var(--color-border-strong);transition:border-color .24s ease-out,background-color .24s ease-out}.home-artifact-socket--connected{border-style:solid;border-color:var(--color-border-success);background-color:var(--color-status-success-background)}@media (prefers-reduced-motion:reduce){.home-artifact-logos>*+*,.home-artifact-logo-names,.home-artifact-socket{transition:none}}