.compare.svelte-ivg65k{-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:14px;flex:1;min-height:340px;margin:14px;position:relative;overflow:hidden}.pane.svelte-ivg65k{flex-direction:column;gap:10px;padding:16px;font-size:.75rem;display:flex;position:absolute;inset:0}.legacy.svelte-ivg65k{color:#000;background:#d4d0c8;font-family:Tahoma,Times New Roman,serif}.l-title.svelte-ivg65k{color:#fff;background:linear-gradient(90deg,#0a246a,#a6caf0);margin:-16px -16px 0;padding:6px 10px;font-size:.72rem;font-weight:700}.l-toolbar.svelte-ivg65k{align-items:center;gap:6px;display:flex}.l-btn.svelte-ivg65k{background:#ece9d8;border:2px outset #fff;padding:2px 10px;font-size:.7rem}.l-input.svelte-ivg65k{background:#fff;border:2px inset gray;flex:1;height:20px}.l-table.svelte-ivg65k{border-collapse:collapse;background:#fff;width:100%;font-size:.7rem}.l-table.svelte-ivg65k th:where(.svelte-ivg65k),.l-table.svelte-ivg65k td:where(.svelte-ivg65k){text-align:start;border:1px solid gray;padding:5px 6px}.l-table.svelte-ivg65k th:where(.svelte-ivg65k){background:#ece9d8}.l-table.svelte-ivg65k tr:where(.svelte-ivg65k):nth-child(2n) td:where(.svelte-ivg65k){background:#f2f2f2}.l-foot.svelte-ivg65k{color:maroon;margin-top:auto;font-size:.7rem}.modern.svelte-ivg65k{background:var(--demo-raised);color:var(--demo-ink);clip-path:inset(0 0 0 var(--split))}[dir=rtl] .modern.svelte-ivg65k{clip-path:inset(0 var(--split) 0 0)}.m-head.svelte-ivg65k{align-items:center;gap:12px;display:flex}.m-title.svelte-ivg65k{font-family:var(--font-display);font-size:1rem;font-weight:700}.m-search.svelte-ivg65k{background:color-mix(in oklab, var(--demo-ink) 6%, transparent);color:var(--demo-ink-3);border-radius:999px;align-items:center;gap:6px;margin-inline-start:auto;padding:6px 12px;font-size:.7rem;display:inline-flex}.m-stats.svelte-ivg65k{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.m-stat.svelte-ivg65k{background:var(--demo-surface);box-shadow:inset 0 0 0 1px var(--demo-line);border-radius:12px;padding:10px 12px;display:grid}.m-stat.svelte-ivg65k .v:where(.svelte-ivg65k){font-family:var(--font-display);font-size:1.15rem;font-weight:700}.m-stat.svelte-ivg65k .k:where(.svelte-ivg65k){color:var(--demo-ink-3);font-size:.68rem}.m-list.svelte-ivg65k{gap:6px;display:grid}.m-list.svelte-ivg65k li:where(.svelte-ivg65k){background:var(--demo-surface);box-shadow:inset 0 0 0 1px var(--demo-line);border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.m-id.svelte-ivg65k{font-family:var(--font-mono);color:var(--demo-ink-3)}.m-status.svelte-ivg65k{border-radius:999px;padding:2px 10px;font-size:.66rem;font-weight:600}.m-status.done.svelte-ivg65k{background:oklab(79.6849% -.153423 .056787/.2)}.m-status.progress.svelte-ivg65k{background:oklab(88.4883% -.0191926 .180925/.24)}.m-status.cancelled.svelte-ivg65k{background:oklab(70.9385% .162196 .0850461/.2)}.m-amount.svelte-ivg65k{font-family:var(--font-mono)}.m-amount.svelte-ivg65k .riyal{color:var(--demo-ink-3)}.m-foot.svelte-ivg65k{color:var(--demo-ink-2);align-items:center;gap:6px;margin-top:auto;font-size:.7rem;display:flex}.ok.svelte-ivg65k{background:#3ddc97;border-radius:50%;width:7px;height:7px}.label.svelte-ivg65k{pointer-events:none;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:600;position:absolute;bottom:12px}.before.svelte-ivg65k{color:#fff;background:#000;inset-inline-start:12px}.after.svelte-ivg65k{background:var(--sun);color:var(--navy);inset-inline-end:12px}.divider.svelte-ivg65k{top:0;bottom:0;background:var(--sun);pointer-events:none;width:2px;margin-inline-start:-1px;position:absolute;inset-inline-start:var(--split)}.handle.svelte-ivg65k{background:var(--sun);width:40px;height:40px;color:var(--navy);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 8px 24px #00000059}input[type=range].svelte-ivg65k{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare.svelte-ivg65k:has(input:where(.svelte-ivg65k):focus-visible) .handle:where(.svelte-ivg65k){outline:3px solid var(--fg);outline-offset:3px}@media (width<=520px){.m-list.svelte-ivg65k li:where(.svelte-ivg65k){grid-template-columns:auto 1fr auto}.m-amount.svelte-ivg65k{display:none}}