.stairs.svelte-d047ku{gap:var(--wa-space-m);min-inline-size:0;margin:0;display:grid;container-type:inline-size}figcaption.svelte-d047ku{color:var(--wa-color-text-quiet);font-size:.85rem;font-weight:var(--wa-font-weight-semibold)}.legend.svelte-d047ku{flex-wrap:wrap;gap:.4rem 1.1rem;margin:0;padding:0;list-style:none;display:flex}.legend.svelte-d047ku li:where(.svelte-d047ku){color:var(--wa-color-text-quiet);align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex}.legend.svelte-d047ku strong:where(.svelte-d047ku){color:var(--wa-color-text-normal);font-weight:var(--wa-font-weight-semibold)}.swatch.svelte-d047ku{background:var(--dg-fill);border-radius:.2rem;block-size:.75rem;inline-size:.75rem}.stair-list.svelte-d047ku{grid-template-columns:repeat(9,minmax(0,1fr));align-items:end;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.stair.svelte-d047ku a:where(.svelte-d047ku){color:inherit;justify-items:center;gap:.35rem;text-decoration:none;display:grid}.bar.svelte-d047ku{inline-size:100%;block-size:calc(2.4rem + (var(--level) - 1) * 1.05rem);border:1px solid var(--dg-border);background:var(--dg-soft);transition:transform var(--pes-motion,.16s ease), background-color var(--pes-motion,.16s ease);border-radius:.7rem .7rem .3rem .3rem;align-content:start;justify-items:center;display:grid;position:relative;overflow:hidden}.bar-score.svelte-d047ku{background:color-mix(in srgb, var(--dg-fill) 55%, transparent);position:absolute;inset-block-end:0;inset-inline:0}.bar-n.svelte-d047ku{background:var(--dg-fill);block-size:1.6rem;inline-size:1.6rem;color:var(--dg-on-fill);font-size:.78rem;font-weight:var(--wa-font-weight-bold);border-radius:50%;place-items:center;margin-block-start:.35rem;display:grid;position:relative}.stair.svelte-d047ku a:where(.svelte-d047ku):hover .bar:where(.svelte-d047ku),.stair.svelte-d047ku a:where(.svelte-d047ku):focus-visible .bar:where(.svelte-d047ku){background:color-mix(in srgb, var(--dg-fill) 22%, var(--wa-color-surface-default));transform:translateY(-4px)}.stair.svelte-d047ku a:where(.svelte-d047ku):focus-visible{outline:2px solid var(--dg-fill);outline-offset:3px;border-radius:.6rem}.icon.svelte-d047ku{color:var(--dg-fill);font-size:.95rem}.text.svelte-d047ku{text-align:center;justify-items:center;gap:.15rem;display:grid}.title.svelte-d047ku{-webkit-line-clamp:3;line-clamp:3;color:var(--wa-color-text-normal);font-size:.72rem;font-weight:var(--wa-font-weight-semibold);-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.best.svelte-d047ku{color:var(--dg-ink);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:var(--wa-font-weight-bold);align-items:center;gap:.2rem;display:inline-flex}.best.svelte-d047ku wa-icon:where(.svelte-d047ku){color:var(--wa-color-success-fill-loud)}.meter.svelte-d047ku{display:none}.dim.svelte-d047ku{opacity:.42}.dim.svelte-d047ku:hover,.dim.svelte-d047ku:focus-within{opacity:1}.sr.svelte-d047ku{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@container (width<=40rem){.stair-list.svelte-d047ku{grid-template-columns:1fr;gap:.4rem}.stair.svelte-d047ku a:where(.svelte-d047ku){border:1px solid var(--dg-border);border-inline-start:4px solid var(--dg-fill);border-radius:var(--wa-border-radius-m);background:var(--wa-color-surface-default);grid-template-columns:auto auto minmax(0,1fr) 3.5rem;place-items:center start;gap:.6rem;padding:.45rem .7rem}.bar.svelte-d047ku{background:0 0;border:0;order:1;block-size:auto;inline-size:auto;overflow:visible}.bar-score.svelte-d047ku{display:none}.bar-n.svelte-d047ku{margin:0}.icon.svelte-d047ku{order:2}.text.svelte-d047ku{text-align:start;order:3;justify-items:start}.title.svelte-d047ku{-webkit-line-clamp:2;line-clamp:2;font-size:.85rem}.meter.svelte-d047ku{background:linear-gradient(to right, var(--dg-fill) calc(var(--level) / 9 * 100%), var(--wa-color-surface-border) 0);border-radius:999px;order:4;block-size:.4rem;inline-size:100%;display:block}[dir=rtl] .meter.svelte-d047ku{background:linear-gradient(to left, var(--dg-fill) calc(var(--level) / 9 * 100%), var(--wa-color-surface-border) 0)}.stair.svelte-d047ku a:where(.svelte-d047ku):hover .bar:where(.svelte-d047ku),.stair.svelte-d047ku a:where(.svelte-d047ku):focus-visible .bar:where(.svelte-d047ku){background:0 0;transform:none}}