.demo.svelte-1jy3430{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35em;border-radius:12px;padding:.9em 1.2em;background:#1f3a4d;border:2px solid #2980b9;color:#c0f1ff}.demo.svelte-1jy3430 h3:where(.svelte-1jy3430){margin:0;font-size:.9em;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.row.svelte-1jy3430{display:flex;align-items:center;justify-content:center;gap:1em;width:100%}.side.svelte-1jy3430{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.15em;font-size:.8em}.side.prev.svelte-1jy3430{align-items:flex-start;text-align:left}.side.next.svelte-1jy3430{align-items:flex-end;text-align:right}.side.svelte-1jy3430 .dir:where(.svelte-1jy3430){text-transform:uppercase;letter-spacing:.06em;font-size:.82em;opacity:.7}.side.svelte-1jy3430 .name:where(.svelte-1jy3430){font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figure.svelte-1jy3430{flex:none;display:flex;align-items:baseline;gap:.25em;font-variant-numeric:tabular-nums;line-height:1}.figure.svelte-1jy3430 .pos:where(.svelte-1jy3430){font-size:3.4em;font-weight:700}.figure.svelte-1jy3430 .of:where(.svelte-1jy3430){font-size:2em;opacity:.55}.figure.svelte-1jy3430 .total:where(.svelte-1jy3430){font-size:2.4em;opacity:.85}.track.svelte-1jy3430{width:82%;height:12px;border-radius:999px;background:#ffffff24;overflow:hidden}.track.svelte-1jy3430 .fill:where(.svelte-1jy3430){height:100%;border-radius:inherit;background:#2980b9;transition:width .24s ease}.pct.svelte-1jy3430{font-family:ui-monospace,monospace;font-size:.95em;opacity:.9}code.svelte-1jy3430{font-family:ui-monospace,monospace;font-size:.92em;padding:0 .2em;border-radius:4px;background:#ffffff1f}