.sc{--sc-dir:1;--sc-lh:1.5rem;--sc-travel:5.5rem;--sc-dur:450ms;display:grid;gap:1.25rem;margin-block-start:2rem;padding:1.25rem;border-radius:1.25rem;border:1px solid var(--border);background:color-mix(in oklab,var(--muted) 55%,transparent);transition:opacity var(--sc-dur) ease}:where([dir=rtl]) .sc{--sc-dir:-1}.sc-compact{gap:0;margin-block:0 1rem;padding:1rem;border-radius:1rem}.sc[data-reset=true]{opacity:0}.sc[data-reset=true] :is(.sc-node,.sc-dot,.sc-roll,.sc-fill){transition:none}.sc-node{transition:opacity var(--sc-dur) ease,transform var(--sc-dur) ease,box-shadow var(--sc-dur) ease}.sc[data-live=true] .sc-node:not(.on){opacity:0;transform:translateY(.5rem)}.sc[data-live=true] .sc-ring.now{box-shadow:0 0 0 1px var(--brand)}.sc-tone-brand{color:var(--brand)}.sc-tone-ok{color:var(--success)}.sc-tone-warn{color:var(--warning)}.sc-tone-no{color:var(--destructive)}.sc-step{display:flex;align-items:center;gap:.6rem;min-inline-size:0;padding:.55rem .8rem;border-radius:.8rem;border:1px solid var(--border);background:var(--card);font-size:.92rem;line-height:1.6}.sc-step.sc-tone-brand,.sc-step.sc-tone-no,.sc-step.sc-tone-ok,.sc-step.sc-tone-warn{border-color:color-mix(in oklab,currentColor 50%,var(--border))}.sc-step>span:not(.sc-tiles){color:var(--foreground)}.sc-label{margin:0;color:var(--muted-foreground);font-size:.85rem;font-weight:600;line-height:1.6}.sc-chip{display:grid;place-items:center;inline-size:2rem;block-size:2rem;flex:none;border-radius:999px;border:1px solid;background:var(--card)}.sc-dot{position:absolute;inset-inline-start:.7rem;inset-block-start:50%;inline-size:.6rem;block-size:.6rem;margin-block-start:-.3rem;border-radius:999px;background:currentColor;opacity:0;visibility:hidden;translate:calc(var(--sc-dir) * var(--sc-travel) * var(--p, 0)) calc(var(--y, 0rem) * (1 - var(--p, 0)));transition:translate .6s ease,opacity .25s ease .35s,visibility 0s linear .6s}.sc-dot.on{opacity:1;visibility:visible;transition:translate .6s ease,opacity .25s ease 0s,visibility 0s}.sc-wallet{position:relative;display:flex;align-items:center;gap:.5rem;min-inline-size:0;padding:.6rem .9rem;border-radius:.9rem;border:1px solid var(--border);background:var(--card);font-weight:700;font-variant-numeric:tabular-nums}.sc-window{display:block;block-size:var(--sc-lh);overflow:hidden;line-height:var(--sc-lh)}.sc-roll{display:flex;flex-direction:column;translate:0 calc(var(--sc-lh) * var(--i, 0) * -1);transition:translate var(--sc-dur) ease}.sc-roll>span{block-size:var(--sc-lh);white-space:nowrap}.sc-unit{color:var(--muted-foreground);font-size:.75rem;font-weight:500}.sc-tag{position:absolute;inset-inline-end:.6rem;inset-block-start:-.2rem;translate:0 -100%;padding:0 .5rem;border-radius:999px;background:var(--card);border:1px solid;font-size:.75rem;line-height:1.4rem;direction:ltr;unicode-bidi:isolate}@media (prefers-reduced-motion:reduce){.sc,.sc-dot,.sc-fill,.sc-node,.sc-roll{transition:none}}