:root{--gray-0:#fff;--gray-50:#f7f8fa;--gray-100:#eef0f3;--gray-200:#dee1e6;--gray-300:#c3c7d0;--gray-400:#9ba1ad;--gray-500:#767c89;--gray-600:#565c68;--gray-700:#3d414b;--gray-800:#282b33;--gray-900:#16181d;--gray-950:#0a0b0e;--brand-100:#ffeee9;--brand-200:#ffd7ca;--brand-300:#ffb199;--brand-400:#ff7d5c;--brand-500:#ff5a36;--brand-600:#e8431f;--brand-700:#c2340f;--green-100:#edf9f1;--green-300:#a7d9bc;--green-700:#15803d;--red-100:#fdecec;--red-300:#f5b5b5;--red-700:#dc2626;--font-ui-name:"Figtree";--font-mono-name:"JetBrains Mono";--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--leading-xs:16px;--leading-sm:20px;--leading-base:24px;--leading-lg:28px;--leading-xl:32px;--leading-2xl:40px;--leading-3xl:48px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--icon-size-16:16px;--icon-size-20:20px;--icon-size-24:24px;--icon-size-32:32px;--icon-size-40:40px;--icon-size-48:48px;--icon-size-64:64px;--icon-size-96:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--ink:var(--gray-950);--ink-strong:var(--gray-800);--ink-soft:var(--gray-600);--ink-muted:var(--gray-500);--ink-subtle:var(--gray-400);--ink-faint:var(--gray-300);--ink-inverse:var(--gray-0);--surface:var(--gray-0);--surface-muted:var(--gray-50);--surface-sunken:var(--gray-100);--border:var(--gray-200);--border-soft:var(--gray-100);--border-strong:var(--gray-300);--border-accent:var(--brand-400);--accent:var(--brand-500);--accent-strong:var(--brand-600);--accent-surface:var(--brand-100);--accent-border:var(--brand-300);--accent-ink:var(--brand-700);--success:var(--green-700);--success-surface:var(--green-100);--success-border:var(--green-300);--warning:var(--brand-500);--warning-surface:var(--brand-100);--warning-border:var(--brand-300);--danger:var(--red-700);--danger-surface:var(--red-100);--danger-border:var(--red-300);--icon-color:var(--gray-950);--icon-accent:var(--brand-500);--filter-ink:invert(2%) sepia(4%) saturate(4817%) hue-rotate(193deg) brightness(114%) contrast(96%);--filter-ink-soft:invert(33%) sepia(18%) saturate(323%) hue-rotate(182deg) brightness(100%) contrast(90%);--filter-ink-muted:invert(55%) sepia(23%) saturate(191%) hue-rotate(181deg) brightness(84%) contrast(89%);--filter-ink-subtle:invert(70%) sepia(11%) saturate(284%) hue-rotate(181deg) brightness(91%) contrast(86%);--filter-ink-faint:invert(76%) sepia(17%) saturate(99%) hue-rotate(184deg) brightness(99%) contrast(100%);--filter-ink-inverse:invert(100%);--filter-accent:invert(49%) sepia(65%) saturate(3508%) hue-rotate(337deg) brightness(106%) contrast(113%);--filter-accent-strong:invert(29%) sepia(85%) saturate(1790%) hue-rotate(350deg) brightness(94%) contrast(93%);--filter-success:invert(38%) sepia(22%) saturate(2045%) hue-rotate(94deg) brightness(92%) contrast(84%);--filter-warning:var(--filter-accent);--filter-danger:invert(48%) sepia(74%) saturate(7139%) hue-rotate(343deg) brightness(84%) contrast(105%);--font-ui:var(--font-ui-name), "Figtree fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font-mono-name), ui-monospace, SFMono-Regular, Menlo, monospace;--gutter:clamp(var(--space-16), 5vw, var(--space-48));--shadow-sm:0 0 7.5px color-mix(in srgb, var(--gray-400) 20%, transparent);--shadow-accent:0 0 7.5px color-mix(in srgb, var(--accent-strong) 40%, transparent)}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(./figtree-latin-D_ZTVpCC.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(./figtree-latin-ext-DCwSJGxG.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree fallback;src:local(Arial),local(Liberation Sans);size-adjust:100.3%;ascent-override:94.7%;descent-override:24.9%;line-gap-override:0%}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--surface);color:var(--ink);--icon-filter:var(--filter-ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}lord-icon{width:var(--icon-size-32);height:var(--icon-size-32);display:inline-block}lord-icon:not(:defined)>img{width:100%;height:100%;display:block}lord-icon>img{filter:var(--icon-filter)}.pager{gap:var(--space-4);display:flex}.pager__dot{width:var(--space-24);height:var(--space-24);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.pager__dot:before{content:"";width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--border-strong);transition:background .15s}.pager__dot:hover:before{background:var(--ink-subtle)}.pager__dot[aria-pressed=true]:before{background:var(--accent)}@media (prefers-reduced-motion:reduce){.pager__dot:before{transition:none}}.demo{place-items:stretch center;gap:var(--space-48);min-height:100dvh;padding:var(--space-64) var(--gutter) var(--space-32);grid-template-rows:1fr auto;display:grid}.page{align-content:start;gap:var(--space-24);justify-items:center;width:100%;display:grid}.page--deck{align-content:center}.add{padding:var(--space-8) var(--space-16);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-sm);cursor:pointer;justify-self:center;font-weight:500}.add:hover:not(:disabled){border-color:var(--border-strong)}.add:disabled{color:var(--ink-subtle);cursor:not-allowed}.alerts{gap:var(--space-16);width:100%;max-width:600px;margin:0;padding:0;list-style:none;display:grid}.alert{align-items:flex-start;gap:var(--space-8);padding:var(--space-12);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted);display:flex}.alert__icon{width:var(--icon-size-24);height:var(--icon-size-24);color:var(--ink-soft);--icon-filter:var(--filter-ink-soft);flex:none}.alert[data-kind=success]{border-color:var(--success-border);background:var(--success-surface)}.alert[data-kind=success] .alert__icon{color:var(--success);--icon-filter:var(--filter-success)}.alert[data-kind=warning]{border-color:var(--warning-border);background:var(--warning-surface)}.alert[data-kind=warning] .alert__icon{color:var(--warning);--icon-filter:var(--filter-warning)}.alert[data-kind=error]{border-color:var(--danger-border);background:var(--danger-surface)}.alert[data-kind=error] .alert__icon{color:var(--danger);--icon-filter:var(--filter-danger)}.alert__body{flex:1;min-width:0}.alert__title{font-size:var(--text-sm);font-weight:500;line-height:var(--leading-base);margin:0}.alert__message{color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--leading-base);margin:0}.alert__close{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink-soft);--icon-filter:var(--filter-ink-soft);cursor:pointer;background:0 0;flex:none;place-items:center;display:grid}.alert__close:hover{border-color:var(--border-strong);color:var(--ink)}.alert__close-icon{width:var(--icon-size-16);height:var(--icon-size-16)}.stack{min-height:132px;position:relative}.stack .alert{transform-origin:bottom;inset-inline:0;--layer:min(var(--depth,0), 2);translate:0 calc(var(--layer) * 10px);scale:calc(1 - var(--layer) * .2);opacity:calc(1 - max(var(--depth,0) - 1, 0));transition:translate .22s cubic-bezier(.2,.8,.3,1),scale 60ms cubic-bezier(0,0,.2,1),opacity 60ms cubic-bezier(0,0,.2,1);position:absolute;bottom:20px}.stack .alert:not(:last-child){transition:translate .34s cubic-bezier(.3,0,.2,1),scale .34s cubic-bezier(.3,0,.2,1),opacity .34s cubic-bezier(.3,0,.2,1)}@starting-style{.stack .alert{opacity:0;translate:0 24px;scale:.9}}.stack .alert[data-leaving]{z-index:10;opacity:0;transition:translate .24s cubic-bezier(.4,0,1,1),scale .24s cubic-bezier(.4,0,1,1),opacity .2s linear;translate:0 16px;scale:.96}.stack .alert{background:color-mix(in srgb, var(--surface-muted) 70%, transparent);-webkit-backdrop-filter:blur(5px)saturate(140%);backdrop-filter:blur(5px)saturate(140%)}.stack .alert[data-kind=success]{background:color-mix(in srgb, var(--success-surface) 70%, transparent)}.stack .alert[data-kind=warning]{background:color-mix(in srgb, var(--warning-surface) 70%, transparent)}.stack .alert[data-kind=error]{background:color-mix(in srgb, var(--danger-surface) 70%, transparent)}@media (prefers-reduced-motion:reduce){.stack .alert{transition:none}}
