@property --card-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.iridescent-card.svelte-sebsba{--card-angle: 0deg;position:relative;border:1px solid transparent;background:radial-gradient(56% 44% at 88% 0%,color-mix(in srgb,var(--color-chroma-iris) 9%,transparent),transparent 70%) padding-box,radial-gradient(48% 42% at 2% 100%,color-mix(in srgb,var(--color-chroma-rose) 8%,transparent),transparent 70%) padding-box,linear-gradient(var(--color-background-elevated),var(--color-background-elevated)) padding-box,conic-gradient(from var(--card-angle),var(--color-chroma-red),var(--color-chroma-iris),var(--color-chroma-rose),var(--color-chroma-cyan),var(--color-chroma-red)) border-box;box-shadow:var(--shadow-card)}.step-dot.svelte-sebsba{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;border:1px solid;border-radius:9999px;background:var(--color-background-elevated);font-family:var(--font-mono);font-size:.75rem;transition:background-color .25s var(--ease-brand),color .25s var(--ease-brand)}.step-dot-rose.svelte-sebsba{border-color:var(--color-chroma-rose);color:var(--color-chroma-rose-deep)}.step-dot-iris.svelte-sebsba{border-color:var(--color-chroma-iris);color:var(--color-chroma-iris-deep)}.step-row.svelte-sebsba:hover .step-dot-rose:where(.svelte-sebsba){background-color:var(--color-chroma-rose);color:#fff}.step-row.svelte-sebsba:hover .step-dot-iris:where(.svelte-sebsba){background-color:var(--color-chroma-iris);color:#fff}.step-title.svelte-sebsba{font-size:.8125rem;font-weight:500;color:var(--color-foreground-muted)}@media(prefers-reduced-motion:no-preference){.iridescent-card.svelte-sebsba{animation:svelte-sebsba-card-border-spin 16s linear infinite}}@keyframes svelte-sebsba-card-border-spin{to{--card-angle: 360deg}}