.sf-setup-steps{display:grid;gap:12px}.sf-setup-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;padding:20px;border-radius:22px;background:var(--muted);border:2px solid transparent;transition:border-color .2s ease-out}.sf-setup-step[data-next=true]{border-color:var(--sf-sun)}.sf-setup-step[data-tone=problem]{border-color:var(--sf-fire)}.sf-setup-card{align-items:center}.sf-setup-card>a{grid-column:1 / -1;justify-self:start}@media(min-width:640px){.sf-setup-card{grid-template-columns:48px minmax(0,1fr) auto}.sf-setup-card>a{grid-column:auto}}.sf-setup-step-flame{width:40px;height:48px;transition:filter .25s ease-out,opacity .25s ease-out}.sf-setup-step[data-tone=todo] .sf-setup-step-flame,.sf-setup-step[data-tone=problem] .sf-setup-step-flame{filter:grayscale(1);opacity:.45}.sf-setup-step[data-next=true] .sf-setup-step-flame{opacity:.75}.sf-setup-dot{width:9px;height:9px;border-radius:999px;flex-shrink:0}.sf-setup-dot[data-state=todo]{background:var(--sf-sun);box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-sun) 30%,transparent)}.sf-setup-dot[data-state=done]{background:#3fb27f}@media(prefers-reduced-motion:reduce){.sf-setup-step,.sf-setup-step-flame{transition:none}}