@layer theme,base;@layer components{.cs-steps{counter-reset:k}.cs-steps>li{counter-increment:k}.cs-steps>li:before{content:counter(k);border:1px solid var(--color-gold);width:26px;height:26px;color:var(--color-gold);border-radius:50%;grid-row:span 2;place-items:center;font-size:.75rem;font-weight:800;display:grid}.cs-no{border:2px solid var(--color-line-strong);color:var(--color-ink-muted)}.cs-no[data-done]{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-on-navy)}@media (prefers-reduced-motion:no-preference){.cs-no{transition:background-color .3s,border-color .3s,color .3s}.cs-swap{animation:.3s both cs-fade}}@keyframes cs-fade{0%{opacity:0}to{opacity:1}}}@layer utilities;