/*! Gutter v0.1.0 | MIT */
/* src/css/00-tokens.css */
:root,
.light,
[data-theme=light] {
  color-scheme: light;
  --sidebar: #f3f3f3;
  --chrome: #f5f5f5;
  --editor: #fcfcfc;
  --base: #141414;
  --accent: #2678c1;
  --onPrimary: #fcfcfc;
  --brand: #f54e00;
  --focus: #2678c1;
  --success: #007041;
  --warn: #a46701;
  --danger: #be1744;
  --added: #007041;
  --modified: #a46701;
  --removed: #be1744;
  --untracked: #166c74;
  --red: #be1744;
  --orange: #cd4500;
  --yellow: #a46701;
  --green: #007041;
  --cyan: #166c74;
  --blue: #2678c1;
  --magenta: #92156a;
  --purple: #7565cc;
  --diff-added-line: #01af6624;
  --diff-added-text: #00b06838;
  --diff-removed-line: #ff617b38;
  --diff-removed-text: #ff617b57;
  --shadow-card: 0 0 2px 0 #0000000f, 0 6px 16px 0 #0000000f;
  --shadow-popover: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
  --shadow-dialog:
    0 0 0 1px var(--border-tertiary),
    0 0 2px 0 #0000000f,
    0 6px 16px 0 #0000000f;
  --shadow-command: 0 25px 50px -12px #00000040, 0 12px 24px -8px #00000026;
  --shadow-elevated: 0 8px 32px #0003;
  --shadow-glow: 0 0 0 1px var(--border-tertiary), 0 24px 64px -16px #00000033;
  --tooltip-bg: #121211;
  --tooltip-fg: #f0f0f0;
}
:root.dark,
.dark,
[data-theme=dark] {
  color-scheme: dark;
  --sidebar: #181818;
  --chrome: #141414;
  --editor: #181818;
  --base: #f0f0f0;
  --accent: #599ce7;
  --onPrimary: #191c22;
  --brand: #f54e00;
  --focus: #f0f0f0;
  --success: #3fa266;
  --warn: #f1b467;
  --danger: #e34671;
  --added: #70b489;
  --modified: #f1b467;
  --removed: #fc6b83;
  --untracked: #88c0d0;
  --red: #fc6b83;
  --orange: #d08770;
  --yellow: #f1b467;
  --green: #3fa266;
  --cyan: #81a1c1;
  --blue: #7bafe9;
  --magenta: #b48ead;
  --purple: #9386f2;
  --diff-added-line: #3fa26633;
  --diff-added-text: #3fa26622;
  --diff-removed-line: #b8004933;
  --diff-removed-text: #b8004922;
  --shadow-card: 0 0 2px 0 #0006, 0 6px 16px 0 #0006;
  --shadow-popover: 0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;
  --shadow-dialog:
    0 0 0 1px var(--border-tertiary),
    0 0 2px 0 #0006,
    0 6px 16px 0 #0006;
  --shadow-command: 0 25px 50px -12px #00000080, 0 12px 24px -8px #0006;
  --shadow-elevated: 0 8px 32px #00000080;
  --shadow-glow: 0 0 0 1px var(--border-tertiary), 0 24px 64px -16px #000000b3;
  --tooltip-bg: #fff;
  --tooltip-fg: #141414;
}
:root[data-theme=dark-hc],
[data-theme=dark-hc] {
  color-scheme: dark;
  --sidebar: #0a0a0a;
  --chrome: #0a0a0a;
  --editor: #0a0a0a;
  --base: #f0f0f0;
  --accent: #6cb6ff;
  --onPrimary: #191c22;
  --focus: #fc0;
  --success: #50d080;
  --warn: #ffd866;
  --danger: #ff6b6b;
  --added: #50d080;
  --removed: #ff6b6b;
  --red: #ff6b6b;
  --orange: #ffb070;
  --yellow: #ffd866;
  --green: #50d080;
  --cyan: #6cb6ff;
  --blue: #7bafe9;
  --magenta: #d9a0d9;
  --purple: #9386f2;
}
:root {
  --font-sans:
    "Geist",
    "GeistSans",
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --font-mono:
    "Geist Mono",
    "GeistMono",
    ui-monospace,
    SFMono-Regular,
    "SF Mono",
    Menlo,
    Consolas,
    "Liberation Mono",
    monospace;
  --font-size-2xs: 0.625rem;
  --font-size-xs: 0.6875rem;
  --font-size-sm: 0.75rem;
  --font-size-base: 0.8125rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.75rem;
  --font-size-5xl: 3.75rem;
  --line-height-2xs: 0.75rem;
  --line-height-xs: 0.875rem;
  --line-height-sm: 1rem;
  --line-height-base: 1.125rem;
  --line-height-md: 1.375rem;
  --line-height-lg: 1.5rem;
  --line-height-xl: 1.75rem;
  --line-height-body: 1.6;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tight: -0.02em;
  --tracking-display: -0.035em;
  --tracking-wide: 0.04em;
  --tracking-caps: 0.08em;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 9999px;
  --space-0: 0;
  --space-px: 1px;
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --control-sm: 24px;
  --control-md: 28px;
  --control-lg: 36px;
  --control-xl: 44px;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1200px;
  --container-2xl: 1320px;
  --container-pad: 24px;
  --grid-gutter: 24px;
  --sidebar-width: 280px;
  --navbar-height: 56px;
  --duration-fast: 100ms;
  --duration-base: 150ms;
  --duration-slow: 300ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --z-sticky: 20;
  --z-dropdown: 50;
  --z-modal: 100;
  --z-toast: 200;
  --z-tooltip: 300;
  --brand-glow: color-mix(in oklab, var(--brand) 38%, transparent);
}

/* src/css/01-tokens-derived.css */
:root,
.light,
.dark,
[data-theme] {
  --text-primary:var(--base);
  --text-secondary:color-mix(in oklab, var(--base) 74%, transparent);
  --text-tertiary:color-mix(in oklab, var(--base) 60%, transparent);
  --text-quaternary:color-mix(in oklab, var(--base) 36%, transparent);
  --text-inverted:var(--editor);
  --text-inverted-secondary:color-mix(in oklab, var(--editor) 70%, transparent);
  --text-inverted-tertiary:color-mix(in oklab, var(--editor) 48%, transparent);
  --text-inverted-quaternary:color-mix(in oklab, var(--editor) 32%, transparent);
  --text-luminous:#fff;
  --text-luminous-secondary:#ffffffb3;
  --text-luminous-tertiary:#ffffff7a;
  --text-luminous-quaternary:#ffffff52;
  --text-actionLabel:var(--onPrimary);
  --text-actionLabel-secondary:color-mix(in oklab, var(--onPrimary) 70%, transparent);
  --text-actionLabel-tertiary:color-mix(in oklab, var(--onPrimary) 48%, transparent);
  --text-actionLabel-quaternary:color-mix(in oklab, var(--onPrimary) 32%, transparent);
  --text-brand:var(--brand);
  --text-brand-secondary:color-mix(in oklab, var(--brand) 78%, transparent);
  --text-brand-tertiary:color-mix(in oklab, var(--brand) 64%, transparent);
  --text-brand-quaternary:color-mix(in oklab, var(--brand) 40%, transparent);
  --text-accent:var(--accent);
  --text-accent-secondary:color-mix(in oklab, var(--accent) 78%, transparent);
  --text-accent-tertiary:color-mix(in oklab, var(--accent) 64%, transparent);
  --text-accent-quaternary:color-mix(in oklab, var(--accent) 40%, transparent);
  --text-success:var(--success);
  --text-success-secondary:color-mix(in oklab, var(--success) 78%, transparent);
  --text-success-tertiary:color-mix(in oklab, var(--success) 64%, transparent);
  --text-success-quaternary:color-mix(in oklab, var(--success) 40%, transparent);
  --text-warn:var(--warn);
  --text-warn-secondary:color-mix(in oklab, var(--warn) 78%, transparent);
  --text-warn-tertiary:color-mix(in oklab, var(--warn) 64%, transparent);
  --text-warn-quaternary:color-mix(in oklab, var(--warn) 40%, transparent);
  --text-danger:var(--danger);
  --text-danger-secondary:color-mix(in oklab, var(--danger) 78%, transparent);
  --text-danger-tertiary:color-mix(in oklab, var(--danger) 64%, transparent);
  --text-danger-quaternary:color-mix(in oklab, var(--danger) 40%, transparent);
  --text-red:var(--red);
  --text-red-secondary:color-mix(in oklab, var(--red) 78%, transparent);
  --text-red-tertiary:color-mix(in oklab, var(--red) 64%, transparent);
  --text-red-quaternary:color-mix(in oklab, var(--red) 40%, transparent);
  --text-orange:var(--orange);
  --text-orange-secondary:color-mix(in oklab, var(--orange) 78%, transparent);
  --text-orange-tertiary:color-mix(in oklab, var(--orange) 64%, transparent);
  --text-orange-quaternary:color-mix(in oklab, var(--orange) 40%, transparent);
  --text-yellow:var(--yellow);
  --text-yellow-secondary:color-mix(in oklab, var(--yellow) 78%, transparent);
  --text-yellow-tertiary:color-mix(in oklab, var(--yellow) 64%, transparent);
  --text-yellow-quaternary:color-mix(in oklab, var(--yellow) 40%, transparent);
  --text-green:var(--green);
  --text-green-secondary:color-mix(in oklab, var(--green) 78%, transparent);
  --text-green-tertiary:color-mix(in oklab, var(--green) 64%, transparent);
  --text-green-quaternary:color-mix(in oklab, var(--green) 40%, transparent);
  --text-added:var(--added);
  --text-added-secondary:color-mix(in oklab, var(--added) 78%, transparent);
  --text-added-tertiary:color-mix(in oklab, var(--added) 64%, transparent);
  --text-added-quaternary:color-mix(in oklab, var(--added) 40%, transparent);
  --text-removed:var(--removed);
  --text-removed-secondary:color-mix(in oklab, var(--removed) 78%, transparent);
  --text-removed-tertiary:color-mix(in oklab, var(--removed) 64%, transparent);
  --text-removed-quaternary:color-mix(in oklab, var(--removed) 40%, transparent);
  --text-cyan:var(--cyan);
  --text-cyan-secondary:color-mix(in oklab, var(--cyan) 78%, transparent);
  --text-cyan-tertiary:color-mix(in oklab, var(--cyan) 64%, transparent);
  --text-cyan-quaternary:color-mix(in oklab, var(--cyan) 40%, transparent);
  --text-blue:var(--blue);
  --text-blue-secondary:color-mix(in oklab, var(--blue) 78%, transparent);
  --text-blue-tertiary:color-mix(in oklab, var(--blue) 64%, transparent);
  --text-blue-quaternary:color-mix(in oklab, var(--blue) 40%, transparent);
  --text-magenta:var(--magenta);
  --text-magenta-secondary:color-mix(in oklab, var(--magenta) 78%, transparent);
  --text-magenta-tertiary:color-mix(in oklab, var(--magenta) 64%, transparent);
  --text-magenta-quaternary:color-mix(in oklab, var(--magenta) 40%, transparent);
  --text-purple:var(--purple);
  --text-purple-secondary:color-mix(in oklab, var(--purple) 78%, transparent);
  --text-purple-tertiary:color-mix(in oklab, var(--purple) 64%, transparent);
  --text-purple-quaternary:color-mix(in oklab, var(--purple) 40%, transparent);
  --icon-primary:var(--base);
  --icon-secondary:color-mix(in oklab, var(--base) 66%, transparent);
  --icon-tertiary:color-mix(in oklab, var(--base) 52%, transparent);
  --icon-quaternary:color-mix(in oklab, var(--base) 28%, transparent);
  --icon-inverted:var(--editor);
  --icon-inverted-secondary:color-mix(in oklab, var(--editor) 62%, transparent);
  --icon-inverted-tertiary:color-mix(in oklab, var(--editor) 40%, transparent);
  --icon-inverted-quaternary:color-mix(in oklab, var(--editor) 24%, transparent);
  --icon-luminous:#fff;
  --icon-luminous-secondary:#ffffff9e;
  --icon-luminous-tertiary:#fff6;
  --icon-luminous-quaternary:#ffffff3d;
  --icon-actionLabel:var(--onPrimary);
  --icon-actionLabel-secondary:color-mix(in oklab, var(--onPrimary) 62%, transparent);
  --icon-actionLabel-tertiary:color-mix(in oklab, var(--onPrimary) 40%, transparent);
  --icon-actionLabel-quaternary:color-mix(in oklab, var(--onPrimary) 24%, transparent);
  --icon-brand:var(--brand);
  --icon-brand-secondary:color-mix(in oklab, var(--brand) 70%, transparent);
  --icon-brand-tertiary:color-mix(in oklab, var(--brand) 56%, transparent);
  --icon-brand-quaternary:color-mix(in oklab, var(--brand) 32%, transparent);
  --icon-accent:var(--accent);
  --icon-accent-secondary:color-mix(in oklab, var(--accent) 70%, transparent);
  --icon-accent-tertiary:color-mix(in oklab, var(--accent) 56%, transparent);
  --icon-accent-quaternary:color-mix(in oklab, var(--accent) 32%, transparent);
  --icon-success:var(--success);
  --icon-success-secondary:color-mix(in oklab, var(--success) 70%, transparent);
  --icon-success-tertiary:color-mix(in oklab, var(--success) 56%, transparent);
  --icon-success-quaternary:color-mix(in oklab, var(--success) 32%, transparent);
  --icon-warn:var(--warn);
  --icon-warn-secondary:color-mix(in oklab, var(--warn) 70%, transparent);
  --icon-warn-tertiary:color-mix(in oklab, var(--warn) 56%, transparent);
  --icon-warn-quaternary:color-mix(in oklab, var(--warn) 32%, transparent);
  --icon-danger:var(--danger);
  --icon-danger-secondary:color-mix(in oklab, var(--danger) 70%, transparent);
  --icon-danger-tertiary:color-mix(in oklab, var(--danger) 56%, transparent);
  --icon-danger-quaternary:color-mix(in oklab, var(--danger) 32%, transparent);
  --icon-red:var(--red);
  --icon-red-secondary:color-mix(in oklab, var(--red) 70%, transparent);
  --icon-red-tertiary:color-mix(in oklab, var(--red) 56%, transparent);
  --icon-red-quaternary:color-mix(in oklab, var(--red) 32%, transparent);
  --icon-orange:var(--orange);
  --icon-orange-secondary:color-mix(in oklab, var(--orange) 70%, transparent);
  --icon-orange-tertiary:color-mix(in oklab, var(--orange) 56%, transparent);
  --icon-orange-quaternary:color-mix(in oklab, var(--orange) 32%, transparent);
  --icon-yellow:var(--yellow);
  --icon-yellow-secondary:color-mix(in oklab, var(--yellow) 70%, transparent);
  --icon-yellow-tertiary:color-mix(in oklab, var(--yellow) 56%, transparent);
  --icon-yellow-quaternary:color-mix(in oklab, var(--yellow) 32%, transparent);
  --icon-green:var(--green);
  --icon-green-secondary:color-mix(in oklab, var(--green) 70%, transparent);
  --icon-green-tertiary:color-mix(in oklab, var(--green) 56%, transparent);
  --icon-green-quaternary:color-mix(in oklab, var(--green) 32%, transparent);
  --icon-cyan:var(--cyan);
  --icon-cyan-secondary:color-mix(in oklab, var(--cyan) 70%, transparent);
  --icon-cyan-tertiary:color-mix(in oklab, var(--cyan) 56%, transparent);
  --icon-cyan-quaternary:color-mix(in oklab, var(--cyan) 32%, transparent);
  --icon-blue:var(--blue);
  --icon-blue-secondary:color-mix(in oklab, var(--blue) 70%, transparent);
  --icon-blue-tertiary:color-mix(in oklab, var(--blue) 56%, transparent);
  --icon-blue-quaternary:color-mix(in oklab, var(--blue) 32%, transparent);
  --icon-magenta:var(--magenta);
  --icon-magenta-secondary:color-mix(in oklab, var(--magenta) 70%, transparent);
  --icon-magenta-tertiary:color-mix(in oklab, var(--magenta) 56%, transparent);
  --icon-magenta-quaternary:color-mix(in oklab, var(--magenta) 32%, transparent);
  --icon-purple:var(--purple);
  --icon-purple-secondary:color-mix(in oklab, var(--purple) 70%, transparent);
  --icon-purple-tertiary:color-mix(in oklab, var(--purple) 56%, transparent);
  --icon-purple-quaternary:color-mix(in oklab, var(--purple) 32%, transparent);
  --bg-chrome:var(--chrome);
  --bg-editor:var(--editor);
  --bg-sidebar:var(--sidebar);
  --bg-unified-elevated:var(--editor);
  --bg-elevated:var(--editor);
  --bg-scrim:#0006;
  --bg-primary:color-mix(in oklab, var(--base) 20%, transparent);
  --bg-secondary:color-mix(in oklab, var(--base) 14%, transparent);
  --bg-tertiary:color-mix(in oklab, var(--base) 8%, transparent);
  --bg-quaternary:color-mix(in oklab, var(--base) 6%, transparent);
  --bg-quinary:color-mix(in oklab, var(--base) 4%, transparent);
  --bg-active:color-mix(in oklab, var(--base) 16%, transparent);
  --bg-focused:color-mix(in oklab, var(--base) 22%, transparent);
  --bg-primary-opaque:color-mix(in oklab, var(--base) 20%, var(--bg-chrome));
  --bg-secondary-opaque:color-mix(in oklab, var(--base) 14%, var(--bg-chrome));
  --bg-tertiary-opaque:color-mix(in oklab, var(--base) 8%, var(--bg-chrome));
  --bg-quaternary-opaque:color-mix(in oklab, var(--base) 6%, var(--bg-chrome));
  --bg-quaternary-opaque-elevated:color-mix(in oklab, var(--base) 6%, var(--bg-elevated));
  --bg-tertiary-opaque-elevated:color-mix(in oklab, var(--base) 8%, var(--bg-elevated));
  --bg-secondary-opaque-elevated:color-mix(in oklab, var(--base) 14%, var(--bg-elevated));
  --bg-quinary-opaque:color-mix(in oklab, var(--base) 4%, var(--bg-chrome));
  --bg-luminous:#fff;
  --bg-luminous-secondary:#fff3;
  --bg-luminous-tertiary:#ffffff14;
  --bg-luminous-quaternary:#ffffff0a;
  --bg-neutral-hover:color-mix(in oklab, var(--chrome) 10%, var(--base));
  --bg-neutral:var(--base);
  --bg-neutral-secondary:color-mix(in oklab, var(--base) 24%, transparent);
  --bg-brand-hover:color-mix(in oklab, var(--base) 10%, var(--brand));
  --bg-brand:var(--brand);
  --bg-brand-secondary:color-mix(in oklab, var(--brand) 24%, transparent);
  --bg-brand-tertiary:color-mix(in oklab, var(--brand) 12%, transparent);
  --bg-brand-quaternary:color-mix(in oklab, var(--brand) 8%, transparent);
  --bg-accent-hover:color-mix(in oklab, var(--base) 10%, var(--accent));
  --bg-accent:var(--accent);
  --bg-accent-secondary:color-mix(in oklab, var(--accent) 24%, transparent);
  --bg-accent-tertiary:color-mix(in oklab, var(--accent) 12%, transparent);
  --bg-accent-quaternary:color-mix(in oklab, var(--accent) 8%, transparent);
  --bg-success-hover:color-mix(in oklab, var(--base) 10%, var(--success));
  --bg-success:var(--success);
  --bg-success-secondary:color-mix(in oklab, var(--success) 24%, transparent);
  --bg-success-tertiary:color-mix(in oklab, var(--success) 12%, transparent);
  --bg-success-quaternary:color-mix(in oklab, var(--success) 8%, transparent);
  --bg-warn-hover:color-mix(in oklab, var(--base) 10%, var(--warn));
  --bg-warn:var(--warn);
  --bg-warn-secondary:color-mix(in oklab, var(--warn) 24%, transparent);
  --bg-warn-tertiary:color-mix(in oklab, var(--warn) 12%, transparent);
  --bg-warn-quaternary:color-mix(in oklab, var(--warn) 8%, transparent);
  --bg-danger-hover:color-mix(in oklab, var(--base) 10%, var(--danger));
  --bg-danger:var(--danger);
  --bg-danger-secondary:color-mix(in oklab, var(--danger) 24%, transparent);
  --bg-danger-tertiary:color-mix(in oklab, var(--danger) 12%, transparent);
  --bg-danger-quaternary:color-mix(in oklab, var(--danger) 8%, transparent);
  --bg-red:color-mix(in oklab, var(--red) 92%, transparent);
  --bg-red-secondary:color-mix(in oklab, var(--red) 24%, transparent);
  --bg-red-tertiary:color-mix(in oklab, var(--red) 12%, transparent);
  --bg-red-quaternary:color-mix(in oklab, var(--red) 8%, transparent);
  --bg-orange:color-mix(in oklab, var(--orange) 92%, transparent);
  --bg-orange-secondary:color-mix(in oklab, var(--orange) 24%, transparent);
  --bg-orange-tertiary:color-mix(in oklab, var(--orange) 12%, transparent);
  --bg-orange-quaternary:color-mix(in oklab, var(--orange) 8%, transparent);
  --bg-yellow:color-mix(in oklab, var(--yellow) 92%, transparent);
  --bg-yellow-secondary:color-mix(in oklab, var(--yellow) 24%, transparent);
  --bg-yellow-tertiary:color-mix(in oklab, var(--yellow) 12%, transparent);
  --bg-yellow-quaternary:color-mix(in oklab, var(--yellow) 8%, transparent);
  --bg-green:color-mix(in oklab, var(--green) 92%, transparent);
  --bg-green-secondary:color-mix(in oklab, var(--green) 24%, transparent);
  --bg-green-tertiary:color-mix(in oklab, var(--green) 12%, transparent);
  --bg-green-quaternary:color-mix(in oklab, var(--green) 8%, transparent);
  --bg-added:color-mix(in oklab, var(--added) 92%, transparent);
  --bg-added-secondary:color-mix(in oklab, var(--added) 24%, transparent);
  --bg-added-tertiary:color-mix(in oklab, var(--added) 12%, transparent);
  --bg-added-quaternary:color-mix(in oklab, var(--added) 8%, transparent);
  --bg-removed:color-mix(in oklab, var(--removed) 92%, transparent);
  --bg-removed-secondary:color-mix(in oklab, var(--removed) 24%, transparent);
  --bg-removed-tertiary:color-mix(in oklab, var(--removed) 12%, transparent);
  --bg-removed-quaternary:color-mix(in oklab, var(--removed) 8%, transparent);
  --bg-cyan:color-mix(in oklab, var(--cyan) 92%, transparent);
  --bg-cyan-secondary:color-mix(in oklab, var(--cyan) 24%, transparent);
  --bg-cyan-tertiary:color-mix(in oklab, var(--cyan) 12%, transparent);
  --bg-cyan-quaternary:color-mix(in oklab, var(--cyan) 8%, transparent);
  --bg-blue:color-mix(in oklab, var(--blue) 92%, transparent);
  --bg-blue-secondary:color-mix(in oklab, var(--blue) 24%, transparent);
  --bg-blue-tertiary:color-mix(in oklab, var(--blue) 12%, transparent);
  --bg-blue-quaternary:color-mix(in oklab, var(--blue) 8%, transparent);
  --bg-magenta:color-mix(in oklab, var(--magenta) 92%, transparent);
  --bg-magenta-secondary:color-mix(in oklab, var(--magenta) 24%, transparent);
  --bg-magenta-tertiary:color-mix(in oklab, var(--magenta) 12%, transparent);
  --bg-magenta-quaternary:color-mix(in oklab, var(--magenta) 8%, transparent);
  --bg-purple:color-mix(in oklab, var(--purple) 92%, transparent);
  --bg-purple-secondary:color-mix(in oklab, var(--purple) 24%, transparent);
  --bg-purple-tertiary:color-mix(in oklab, var(--purple) 12%, transparent);
  --bg-purple-quaternary:color-mix(in oklab, var(--purple) 8%, transparent);
  --border-primary:color-mix(in oklab, var(--base) 20%, transparent);
  --border-secondary:color-mix(in oklab, var(--base) 12%, transparent);
  --border-tertiary:color-mix(in oklab, var(--base) 8%, transparent);
  --border-quaternary:color-mix(in oklab, var(--base) 4%, transparent);
  --border-tertiary-opaque:color-mix(in oklab, var(--border-tertiary) 100%, var(--bg-elevated));
  --border-quaternary-opaque:color-mix(in oklab, var(--border-quaternary) 100%, var(--bg-elevated));
  --border-neutral:color-mix(in oklab, var(--base) 80%, transparent);
  --border-focus:color-mix(in oklab, var(--focus) 15%, transparent);
  --border-brand:color-mix(in oklab, var(--brand) 92%, transparent);
  --border-brand-secondary:color-mix(in oklab, var(--brand) 56%, transparent);
  --border-brand-tertiary:color-mix(in oklab, var(--brand) 32%, transparent);
  --border-brand-quaternary:color-mix(in oklab, var(--brand) 28%, transparent);
  --border-accent:color-mix(in oklab, var(--accent) 92%, transparent);
  --border-accent-secondary:color-mix(in oklab, var(--accent) 56%, transparent);
  --border-accent-tertiary:color-mix(in oklab, var(--accent) 32%, transparent);
  --border-accent-quaternary:color-mix(in oklab, var(--accent) 28%, transparent);
  --border-success:color-mix(in oklab, var(--success) 92%, transparent);
  --border-success-secondary:color-mix(in oklab, var(--success) 56%, transparent);
  --border-success-tertiary:color-mix(in oklab, var(--success) 32%, transparent);
  --border-success-quaternary:color-mix(in oklab, var(--success) 28%, transparent);
  --border-warn:color-mix(in oklab, var(--warn) 92%, transparent);
  --border-warn-secondary:color-mix(in oklab, var(--warn) 56%, transparent);
  --border-warn-tertiary:color-mix(in oklab, var(--warn) 32%, transparent);
  --border-warn-quaternary:color-mix(in oklab, var(--warn) 28%, transparent);
  --border-danger:color-mix(in oklab, var(--danger) 92%, transparent);
  --border-danger-secondary:color-mix(in oklab, var(--danger) 56%, transparent);
  --border-danger-tertiary:color-mix(in oklab, var(--danger) 32%, transparent);
  --border-danger-quaternary:color-mix(in oklab, var(--danger) 28%, transparent);
  --border-red:color-mix(in oklab, var(--red) 92%, transparent);
  --border-red-secondary:color-mix(in oklab, var(--red) 56%, transparent);
  --border-red-tertiary:color-mix(in oklab, var(--red) 32%, transparent);
  --border-red-quaternary:color-mix(in oklab, var(--red) 28%, transparent);
  --border-orange:color-mix(in oklab, var(--orange) 92%, transparent);
  --border-orange-secondary:color-mix(in oklab, var(--orange) 56%, transparent);
  --border-orange-tertiary:color-mix(in oklab, var(--orange) 32%, transparent);
  --border-orange-quaternary:color-mix(in oklab, var(--orange) 28%, transparent);
  --border-yellow:color-mix(in oklab, var(--yellow) 92%, transparent);
  --border-yellow-secondary:color-mix(in oklab, var(--yellow) 56%, transparent);
  --border-yellow-tertiary:color-mix(in oklab, var(--yellow) 32%, transparent);
  --border-yellow-quaternary:color-mix(in oklab, var(--yellow) 28%, transparent);
  --border-green:color-mix(in oklab, var(--green) 92%, transparent);
  --border-green-secondary:color-mix(in oklab, var(--green) 56%, transparent);
  --border-green-tertiary:color-mix(in oklab, var(--green) 32%, transparent);
  --border-green-quaternary:color-mix(in oklab, var(--green) 28%, transparent);
  --border-added:color-mix(in oklab, var(--added) 92%, transparent);
  --border-added-secondary:color-mix(in oklab, var(--added) 56%, transparent);
  --border-added-tertiary:color-mix(in oklab, var(--added) 32%, transparent);
  --border-added-quaternary:color-mix(in oklab, var(--added) 28%, transparent);
  --border-removed:color-mix(in oklab, var(--removed) 92%, transparent);
  --border-removed-secondary:color-mix(in oklab, var(--removed) 56%, transparent);
  --border-removed-tertiary:color-mix(in oklab, var(--removed) 32%, transparent);
  --border-removed-quaternary:color-mix(in oklab, var(--removed) 28%, transparent);
  --border-cyan:color-mix(in oklab, var(--cyan) 92%, transparent);
  --border-cyan-secondary:color-mix(in oklab, var(--cyan) 56%, transparent);
  --border-cyan-tertiary:color-mix(in oklab, var(--cyan) 32%, transparent);
  --border-cyan-quaternary:color-mix(in oklab, var(--cyan) 28%, transparent);
  --border-blue:color-mix(in oklab, var(--blue) 92%, transparent);
  --border-blue-secondary:color-mix(in oklab, var(--blue) 56%, transparent);
  --border-blue-tertiary:color-mix(in oklab, var(--blue) 32%, transparent);
  --border-blue-quaternary:color-mix(in oklab, var(--blue) 28%, transparent);
  --border-magenta:color-mix(in oklab, var(--magenta) 92%, transparent);
  --border-magenta-secondary:color-mix(in oklab, var(--magenta) 56%, transparent);
  --border-magenta-tertiary:color-mix(in oklab, var(--magenta) 32%, transparent);
  --border-magenta-quaternary:color-mix(in oklab, var(--magenta) 28%, transparent);
  --border-purple:color-mix(in oklab, var(--purple) 92%, transparent);
  --border-purple-secondary:color-mix(in oklab, var(--purple) 56%, transparent);
  --border-purple-tertiary:color-mix(in oklab, var(--purple) 32%, transparent);
  --border-purple-quaternary:color-mix(in oklab, var(--purple) 28%, transparent);
}

/* src/css/02-base.css */
*,
*::before,
*::after {
  box-sizing: border-box;
  border: 0 solid var(--border-tertiary);
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  tab-size: 4;
  background: var(--bg-chrome);
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
[id] {
  scroll-margin-top: calc(var(--navbar-height) + 16px);
}
body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg-chrome);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--font-size-md);
  line-height: var(--line-height-body);
  font-feature-settings:
    "cv11",
    "ss01",
    "calt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
pre,
ul,
ol {
  margin: 0;
}
ul,
ol {
  padding: 0;
  list-style: none;
}
img,
svg,
video,
canvas,
iframe {
  display: block;
  max-width: 100%;
}
img,
video {
  height: auto;
}
button,
input,
select,
textarea,
optgroup {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  margin: 0;
}
button,
[role=button] {
  cursor: pointer;
  background: transparent;
  padding: 0;
}
button:disabled {
  cursor: default;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}
hr {
  height: 0;
  border-top-width: 1px;
  margin: 0;
  color: inherit;
}
summary {
  cursor: pointer;
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}
[hidden] {
  display: none !important;
}
:where(textarea) {
  resize: vertical;
}
::placeholder {
  color: var(--text-tertiary);
  opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  letter-spacing: var(--tracking-tight);
  color: var(--text-primary);
  text-wrap: balance;
}
h1 {
  font-size: var(--font-size-4xl);
  letter-spacing: var(--tracking-display);
  line-height: 1.08;
}
h2 {
  font-size: var(--font-size-3xl);
  letter-spacing: var(--tracking-display);
  line-height: 1.12;
}
h3 {
  font-size: var(--font-size-xl);
}
h4 {
  font-size: var(--font-size-lg);
}
h5 {
  font-size: var(--font-size-md);
}
h6 {
  font-size: var(--font-size-base);
}
p {
  text-wrap: pretty;
}
a {
  color: var(--text-accent);
  text-decoration: none;
  text-underline-offset: 3px;
  transition: color var(--duration-base) var(--ease-standard), opacity var(--duration-base) var(--ease-standard);
}
a:hover {
  text-decoration: underline;
}
strong,
b {
  font-weight: var(--font-weight-semibold);
}
small {
  font-size: var(--font-size-sm);
}
code,
kbd,
samp,
pre {
  font-family: var(--font-mono);
  font-size: 0.92em;
  font-feature-settings: "calt", "liga";
}
code {
  background: var(--bg-quaternary);
  border-radius: var(--radius-sm);
  padding: 1px 5px;
}
pre code {
  background: none;
  padding: 0;
  border-radius: 0;
  font-size: inherit;
}
kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: var(--radius-sm);
  background: var(--bg-tertiary);
  box-shadow: inset 0 -1px 0 var(--border-secondary);
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
  line-height: 1;
}
::selection {
  background: var(--bg-accent-secondary);
  color: inherit;
}
:focus {
  outline: none;
}
:focus-visible {
  outline: 2px solid color-mix(in oklab, var(--focus) 70%, transparent);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--text-quaternary) transparent;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: var(--text-quaternary);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--text-tertiary);
}
.display {
  font-size: clamp(2.5rem, 6.4vw, var(--font-size-5xl));
  line-height: 1.02;
  letter-spacing: var(--tracking-display);
  font-weight: var(--font-weight-medium);
}
.lead {
  font-size: var(--font-size-lg);
  line-height: 1.6;
  color: var(--text-secondary);
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-xs);
  line-height: 1;
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  color: var(--text-tertiary);
}
.muted {
  color: var(--text-secondary);
}
.caption {
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}
.mono {
  font-family: var(--font-mono);
}
.tabular {
  font-variant-numeric: tabular-nums;
}
.link {
  color: var(--text-secondary);
  text-decoration: underline;
  text-decoration-color: var(--border-primary);
  text-underline-offset: 3px;
}
.link:hover {
  color: var(--text-primary);
  text-decoration-color: currentColor;
}
.prose > * + * {
  margin-top: 1em;
}
.prose h2,
.prose h3 {
  margin-top: 1.8em;
}
.prose ul {
  list-style: disc;
  padding-left: 1.25em;
}
.prose ol {
  list-style: decimal;
  padding-left: 1.25em;
}
.prose li + li {
  margin-top: 0.35em;
}
.prose a {
  text-decoration: underline;
  text-decoration-color: var(--border-primary);
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 2.25rem;
  }
  h2 {
    font-size: 1.75rem;
  }
}

/* src/css/03-layout.css */
.container,
.container-fluid {
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--container-pad);
}
.container {
  max-width: calc(var(--container-xl) + var(--container-pad) * 2);
}
.container-sm {
  max-width: calc(var(--container-sm) + var(--container-pad) * 2);
}
.container-md {
  max-width: calc(var(--container-md) + var(--container-pad) * 2);
}
.container-lg {
  max-width: calc(var(--container-lg) + var(--container-pad) * 2);
}
.container-2xl {
  max-width: calc(var(--container-2xl) + var(--container-pad) * 2);
}
@media (max-width: 575.98px) {
  :root {
    --container-pad: 16px;
  }
}
.section {
  position: relative;
  padding-block: var(--space-24);
}
.section-sm {
  padding-block: var(--space-16);
}
.section-lg {
  padding-block: var(--space-32);
}
.section-bordered {
  border-top: 1px solid var(--border-tertiary);
}
.section-alt {
  background: var(--bg-sidebar);
}
.section-head {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 680px;
  margin-bottom: var(--space-12);
}
.section-head.center {
  margin-inline: auto;
  align-items: center;
  text-align: center;
}
.section-head h2 {
  font-size: clamp(1.75rem, 3.4vw, var(--font-size-3xl));
}
.section-head p {
  color: var(--text-secondary);
  font-size: var(--font-size-lg);
}
@media (max-width: 767.98px) {
  .section {
    padding-block: var(--space-16);
  }
  .section-lg {
    padding-block: var(--space-20);
  }
}
.stack {
  display: flex;
  flex-direction: column;
  gap: var(--stack-gap, var(--space-4));
}
.stack-1 {
  --stack-gap: var(--space-1);
}
.stack-2 {
  --stack-gap: var(--space-2);
}
.stack-3 {
  --stack-gap: var(--space-3);
}
.stack-4 {
  --stack-gap: var(--space-4);
}
.stack-6 {
  --stack-gap: var(--space-6);
}
.stack-8 {
  --stack-gap: var(--space-8);
}
.stack-12 {
  --stack-gap: var(--space-12);
}
.cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--cluster-gap, var(--space-3));
}
.cluster-2 {
  --cluster-gap: var(--space-2);
}
.cluster-4 {
  --cluster-gap: var(--space-4);
}
.cluster-6 {
  --cluster-gap: var(--space-6);
}
.grid {
  display: grid;
  gap: var(--grid-gap, var(--space-4));
}
.grid-auto {
  display: grid;
  gap: var(--grid-gap, var(--space-4));
  grid-template-columns: repeat(auto-fit, minmax(var(--grid-min, 260px), 1fr));
}
.app-shell {
  position: relative;
  min-height: 100dvh;
  background: var(--bg-chrome);
}
.app-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: var(--z-sticky);
  width: var(--sidebar-width);
  display: none;
  flex-direction: column;
  background: var(--bg-sidebar);
  border-right: 1px solid var(--border-tertiary);
}
.app-main {
  min-width: 0;
}
@media (min-width: 768px) {
  .app-sidebar {
    display: flex;
  }
  .app-main {
    padding-left: var(--sidebar-width);
  }
}
.app-content {
  max-width: 1000px;
  margin-inline: auto;
  padding: var(--space-8) var(--space-6) var(--space-16);
}
.app-title {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-xl);
  font-weight: var(--font-weight-normal);
  letter-spacing: 0;
  margin-bottom: var(--space-6);
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
}
.bg-grid {
  background-image:
    linear-gradient(var(--border-quaternary) 1px, transparent 1px),
    linear-gradient(
      90deg,
      var(--border-quaternary) 1px,
      transparent 1px);
  background-size: 56px 56px;
  mask-image:
    radial-gradient(
      ellipse 70% 60% at 50% 0%,
      #000 30%,
      transparent 75%);
  -webkit-mask-image:
    radial-gradient(
      ellipse 70% 60% at 50% 0%,
      #000 30%,
      transparent 75%);
}
.glow {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(80px);
  background: var(--glow-color, var(--brand-glow));
  opacity: var(--glow-opacity, 0.5);
}

/* src/css/components/buttons.css */
.btn {
  --btn-bg: transparent;
  --btn-bg-hover: var(--bg-quaternary);
  --btn-fg: var(--text-secondary);
  --btn-fg-hover: var(--text-primary);
  --btn-ring: transparent;
  --btn-h: var(--control-md);
  --btn-px: var(--space-2);
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: var(--btn-h);
  padding: 0 var(--btn-px);
  border-radius: var(--radius-md);
  background: var(--btn-bg);
  color: var(--btn-fg);
  box-shadow: inset 0 0 0 1px var(--btn-ring);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  font-weight: var(--font-weight-normal);
  white-space: nowrap;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
  transition:
    background-color var(--duration-base) var(--ease-standard),
    color var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard),
    transform var(--duration-fast) var(--ease-standard);
}
.btn:hover {
  background: var(--btn-bg-hover);
  color: var(--btn-fg-hover);
  text-decoration: none;
}
.btn:active {
  transform: translateY(0.5px);
}
.btn:disabled,
.btn.disabled,
.btn[aria-disabled=true] {
  opacity: 0.5;
  pointer-events: none;
}
.btn > .icon {
  flex-shrink: 0;
  font-size: 14px;
}
.btn-primary {
  --btn-bg: var(--bg-neutral);
  --btn-bg-hover: var(--bg-neutral-hover);
  --btn-fg: var(--text-inverted);
  --btn-fg-hover: var(--text-inverted);
}
.btn-secondary {
  --btn-bg: transparent;
  --btn-bg-hover: var(--bg-quaternary);
  --btn-fg: var(--text-primary);
  --btn-ring: var(--border-secondary);
}
.btn-ghost {
  --btn-bg: transparent;
}
.btn-brand {
  --btn-bg: var(--bg-brand);
  --btn-bg-hover: var(--bg-brand-hover);
  --btn-fg: #fff;
  --btn-fg-hover: #fff;
}
.btn-accent {
  --btn-bg: var(--bg-accent-secondary);
  --btn-bg-hover: color-mix(in oklab, var(--accent) 34%, transparent);
  --btn-fg: var(--text-accent);
  --btn-fg-hover: var(--text-accent);
}
.btn-success {
  --btn-bg: var(--bg-success-secondary);
  --btn-bg-hover: color-mix(in oklab, var(--success) 34%, transparent);
  --btn-fg: var(--text-success);
  --btn-fg-hover: var(--text-success);
}
.btn-danger {
  --btn-bg: var(--bg-danger-secondary);
  --btn-bg-hover: color-mix(in oklab, var(--danger) 34%, transparent);
  --btn-fg: var(--text-danger);
  --btn-fg-hover: var(--text-danger);
}
.btn-sm {
  --btn-h: var(--control-sm);
  --btn-px: 6px;
  font-size: var(--font-size-sm);
}
.btn-lg {
  --btn-h: var(--control-lg);
  --btn-px: var(--space-4);
  font-size: var(--font-size-md);
  border-radius: var(--radius-lg);
}
.btn-xl {
  --btn-h: var(--control-xl);
  --btn-px: var(--space-6);
  font-size: var(--font-size-lg);
  border-radius: var(--radius-lg);
}
.btn-lg > .icon,
.btn-xl > .icon {
  font-size: 16px;
}
.btn-icon {
  width: var(--btn-h);
  padding: 0;
}
.btn-pill {
  border-radius: var(--radius-full);
}
.btn-block {
  display: flex;
  width: 100%;
}
.btn-group {
  display: inline-flex;
}
.btn-group > .btn {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}
.btn-group > .btn:last-child {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.btn-group > .btn + .btn {
  margin-left: -1px;
}
.btn-link {
  --btn-h: auto;
  --btn-px: 0;
  height: auto;
  color: var(--text-secondary);
  text-decoration: underline;
  text-decoration-color: var(--border-primary);
  text-underline-offset: 3px;
}
.btn-link:hover {
  background: transparent;
  color: var(--text-primary);
  text-decoration-color: currentColor;
}

/* src/css/components/badges.css */
.badge {
  --badge-bg: var(--bg-tertiary);
  --badge-fg: var(--text-secondary);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 18px;
  padding: 0 6px;
  border-radius: var(--radius-sm);
  background: var(--badge-bg);
  color: var(--badge-fg);
  font-size: var(--font-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-normal);
  white-space: nowrap;
}
.badge > .icon {
  font-size: 11px;
}
.badge-outline {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--border-secondary);
}
.badge-pill {
  border-radius: var(--radius-full);
  padding-inline: 8px;
}
.badge-lg {
  height: 22px;
  padding-inline: 8px;
  font-size: var(--font-size-base);
}
.badge-brand {
  --badge-bg: var(--bg-brand-tertiary);
  --badge-fg: var(--text-brand);
}
.badge-accent {
  --badge-bg: var(--bg-accent-tertiary);
  --badge-fg: var(--text-accent);
}
.badge-success {
  --badge-bg: var(--bg-success-tertiary);
  --badge-fg: var(--text-success);
}
.badge-warn {
  --badge-bg: var(--bg-warn-tertiary);
  --badge-fg: var(--text-warn);
}
.badge-danger {
  --badge-bg: var(--bg-danger-tertiary);
  --badge-fg: var(--text-danger);
}
.badge-purple {
  --badge-bg: var(--bg-purple-tertiary);
  --badge-fg: var(--text-purple);
}
.badge-cyan {
  --badge-bg: var(--bg-cyan-tertiary);
  --badge-fg: var(--text-cyan);
}
.dot {
  --dot-color: var(--text-tertiary);
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dot-color);
  flex-shrink: 0;
}
.dot-success {
  --dot-color: var(--success);
}
.dot-warn {
  --dot-color: var(--warn);
}
.dot-danger {
  --dot-color: var(--danger);
}
.dot-brand {
  --dot-color: var(--brand);
}
.dot-accent {
  --dot-color: var(--accent);
}
.dot-pulse {
  position: relative;
}
.dot-pulse::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--dot-color);
  animation: gt-pulse 2s var(--ease-out) infinite;
}
@keyframes gt-pulse {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  80%, 100% {
    transform: scale(3.2);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dot-pulse::after {
    animation: none;
  }
}
.pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  padding: 0 12px 0 4px;
  border-radius: var(--radius-full);
  background: var(--bg-quaternary);
  box-shadow: inset 0 0 0 1px var(--border-tertiary);
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  text-decoration: none;
  transition: background-color var(--duration-base) var(--ease-standard);
}
a.pill:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
  text-decoration: none;
}
.pill > .badge {
  height: 20px;
  border-radius: var(--radius-full);
  padding-inline: 8px;
}

/* src/css/components/cards.css */
.card {
  --card-pad: var(--space-4);
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: var(--radius-xl);
  background: var(--bg-elevated);
  box-shadow: 0 0 0 1px var(--border-quaternary);
  padding: var(--card-pad);
  gap: var(--space-3);
}
.card-chrome {
  background: var(--bg-chrome);
  box-shadow: 0 0 0 1px var(--border-tertiary);
}
.card-flush {
  --card-pad: 0;
  gap: 0;
  overflow: hidden;
}
.card-lg {
  --card-pad: var(--space-6);
  gap: var(--space-4);
}
.card-sm {
  --card-pad: var(--space-3);
  gap: var(--space-2);
}
.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}
.card-title {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0;
}
.card-eyebrow {
  font-size: var(--font-size-sm);
  letter-spacing: var(--tracking-wide);
  color: var(--text-secondary);
}
.card-text {
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  line-height: 1.55;
}
.card-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.card-divider {
  height: 1px;
  background: var(--border-quaternary);
  margin-inline: calc(var(--card-pad) * -1);
}
.card-interactive {
  transition:
    background-color var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard),
    transform var(--duration-slow) var(--ease-out);
}
.card-interactive:hover {
  background: var(--bg-quaternary-opaque-elevated);
  box-shadow: 0 0 0 1px var(--border-tertiary);
}
.card-accent {
  background: color-mix(in oklab, var(--accent) 7%, var(--bg-elevated));
  box-shadow: 0 0 0 1px var(--border-accent-tertiary);
}
.card-brand {
  background: color-mix(in oklab, var(--brand) 6%, var(--bg-elevated));
  box-shadow: 0 0 0 1px var(--border-brand-tertiary), 0 24px 64px -24px var(--brand-glow);
}
.panel {
  border-radius: var(--radius-lg);
  background: var(--bg-quinary);
  box-shadow: inset 0 0 0 1px var(--border-quaternary);
  padding: var(--space-3) var(--space-4);
}
.icon-tile {
  --tile-size: 32px;
  --tile-color: var(--text-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--tile-size);
  height: var(--tile-size);
  border-radius: var(--radius-lg);
  background: var(--bg-quaternary);
  box-shadow: inset 0 0 0 1px var(--border-quaternary);
  color: var(--tile-color);
  font-size: calc(var(--tile-size) * 0.5);
}
.icon-tile-lg {
  --tile-size: 40px;
}
.icon-tile-brand {
  --tile-color: var(--text-brand);
  background: var(--bg-brand-quaternary);
  box-shadow: inset 0 0 0 1px var(--border-brand-quaternary);
}
.icon-tile-accent {
  --tile-color: var(--text-accent);
  background: var(--bg-accent-quaternary);
  box-shadow: inset 0 0 0 1px var(--border-accent-quaternary);
}
.icon-tile-success {
  --tile-color: var(--text-success);
  background: var(--bg-success-quaternary);
  box-shadow: inset 0 0 0 1px var(--border-success-quaternary);
}
.icon-tile-warn {
  --tile-color: var(--text-warn);
  background: var(--bg-warn-quaternary);
  box-shadow: inset 0 0 0 1px var(--border-warn-quaternary);
}
.icon-tile-danger {
  --tile-color: var(--text-danger);
  background: var(--bg-danger-quaternary);
  box-shadow: inset 0 0 0 1px var(--border-danger-quaternary);
}
.icon-tile-purple {
  --tile-color: var(--text-purple);
  background: var(--bg-purple-quaternary);
  box-shadow: inset 0 0 0 1px var(--border-quaternary);
}
.stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.stat-value {
  font-size: var(--font-size-3xl);
  line-height: 1;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--tracking-display);
  font-variant-numeric: tabular-nums;
}
.stat-label {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
}
.window {
  border-radius: var(--radius-xl);
  background: var(--bg-chrome);
  box-shadow: var(--shadow-glow);
  overflow: hidden;
}
.window-bar {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  height: 36px;
  padding: 0 var(--space-3);
  background: var(--bg-sidebar);
  border-bottom: 1px solid var(--border-tertiary);
}
.window-dots {
  display: flex;
  gap: 6px;
}
.window-dots i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--bg-secondary);
}
.window-title {
  flex: 1;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
  margin-right: 36px;
}

/* src/css/components/forms.css */
.label {
  display: block;
  margin-bottom: 6px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}
.field {
  display: flex;
  flex-direction: column;
}
.field + .field {
  margin-top: var(--space-4);
}
.field-hint {
  margin-top: 6px;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}
.field-error {
  margin-top: 6px;
  font-size: var(--font-size-sm);
  color: var(--text-danger);
}
.input,
.select,
.textarea {
  display: block;
  width: 100%;
  height: var(--control-md);
  padding: 4px 8px;
  border-radius: var(--radius-md);
  background: color-mix(in oklab, var(--base) 3%, transparent);
  box-shadow: inset 0 0 0 1px var(--border-secondary);
  color: var(--text-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  appearance: none;
  -webkit-appearance: none;
  transition: box-shadow var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard);
}
.input:hover,
.select:hover,
.textarea:hover {
  box-shadow: inset 0 0 0 1px var(--border-primary);
}
.input:focus,
.select:focus,
.textarea:focus {
  outline: none;
  background: color-mix(in oklab, var(--base) 4%, transparent);
  box-shadow: inset 0 0 0 1px var(--border-accent-secondary), 0 0 0 3px var(--border-focus);
}
.input:disabled,
.select:disabled,
.textarea:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.input[aria-invalid=true],
.is-invalid {
  box-shadow: inset 0 0 0 1px var(--border-danger-secondary);
}
.input-lg,
.select-lg {
  height: var(--control-lg);
  padding-inline: 12px;
  font-size: var(--font-size-md);
  border-radius: var(--radius-lg);
}
.input-xl {
  height: var(--control-xl);
  padding-inline: 14px;
  font-size: var(--font-size-lg);
  border-radius: var(--radius-lg);
}
.textarea {
  height: auto;
  min-height: 72px;
  padding: 8px;
}
.select {
  padding-right: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}
.select option {
  background: var(--bg-elevated);
  color: var(--text-primary);
}
.input-group {
  display: flex;
  align-items: center;
  gap: 4px;
  height: var(--control-md);
  padding: 0 4px 0 8px;
  border-radius: var(--radius-md);
  background: color-mix(in oklab, var(--base) 3%, transparent);
  box-shadow: inset 0 0 0 1px var(--border-secondary);
  color: var(--text-tertiary);
  transition: box-shadow var(--duration-base) var(--ease-standard);
}
.input-group:focus-within {
  box-shadow: inset 0 0 0 1px var(--border-accent-secondary), 0 0 0 3px var(--border-focus);
}
.input-group > .input {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.input-group > .input:focus {
  box-shadow: none;
  background: transparent;
}
.input-group:has(> .input[aria-invalid=true]) {
  box-shadow: inset 0 0 0 1px var(--border-danger-secondary);
}
.input-group-lg {
  height: var(--control-lg);
  border-radius: var(--radius-lg);
  padding-left: 12px;
}
.input-group-lg > .input {
  font-size: var(--font-size-md);
}
.input-group-xl {
  height: var(--control-xl);
  border-radius: var(--radius-lg);
  padding-left: 14px;
  padding-right: 5px;
}
.input-group-xl > .input {
  font-size: var(--font-size-lg);
}
.check,
.radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-base);
  color: var(--text-primary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.check > input,
.radio > input {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin: 0;
  background: color-mix(in oklab, var(--base) 3%, transparent);
  box-shadow: inset 0 0 0 1px var(--border-primary);
  cursor: pointer;
  transition: background-color var(--duration-base), box-shadow var(--duration-base);
}
.check > input {
  border-radius: var(--radius-sm);
}
.radio > input {
  border-radius: 50%;
}
.check > input:checked,
.radio > input:checked {
  background-color: var(--bg-neutral);
  box-shadow: none;
}
.check > input:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}
.radio > input:checked {
  background-image:
    radial-gradient(
      circle,
      var(--text-inverted) 0 28%,
      transparent 32%);
}
.check > input:focus-visible,
.radio > input:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}
.switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-size: var(--font-size-base);
}
.switch > input {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  flex-shrink: 0;
  width: 28px;
  height: 16px;
  margin: 0;
  border-radius: var(--radius-full);
  background: var(--bg-secondary);
  cursor: pointer;
  transition: background-color var(--duration-base) var(--ease-standard);
}
.switch > input::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--text-primary);
  transition: transform var(--duration-base) var(--ease-out), background-color var(--duration-base);
}
.switch > input:checked {
  background: var(--bg-neutral);
}
.switch > input:checked::after {
  transform: translateX(12px);
  background: var(--text-inverted);
}
.switch > input:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

/* src/css/components/navigation.css */
.navbar {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  height: var(--navbar-height);
  background: color-mix(in oklab, var(--bg-chrome) 78%, transparent);
  -webkit-backdrop-filter: saturate(1.6) blur(14px);
  backdrop-filter: saturate(1.6) blur(14px);
  border-bottom: 1px solid var(--border-quaternary);
}
.navbar-inner {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  height: 100%;
}
.navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-lg);
  letter-spacing: var(--tracking-tight);
  text-decoration: none;
}
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-nav {
  display: none;
  align-items: center;
  gap: 2px;
  margin-right: auto;
}
.navbar-actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-left: auto;
}
.navbar-nav + .navbar-actions {
  margin-left: 0;
}
.navbar-toggle {
  display: inline-flex;
}
.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  text-decoration: none;
  transition: background-color var(--duration-base), color var(--duration-base);
}
.nav-link:hover {
  color: var(--text-primary);
  background: var(--bg-quaternary);
  text-decoration: none;
}
.nav-link.active,
.nav-link[aria-current=page] {
  color: var(--text-primary);
  background: var(--bg-quaternary);
}
.navbar-mobile {
  display: none;
  flex-direction: column;
  gap: 2px;
  padding: var(--space-3) var(--container-pad) var(--space-4);
  background: var(--bg-chrome);
  border-bottom: 1px solid var(--border-tertiary);
}
.navbar-mobile.is-open {
  display: flex;
}
.navbar-mobile .nav-link {
  height: 36px;
  font-size: var(--font-size-md);
}
@media (min-width: 900px) {
  .navbar-nav {
    display: flex;
  }
  .navbar-toggle {
    display: none;
  }
  .navbar-mobile {
    display: none !important;
  }
}
.nav-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 0 8px;
}
.nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 30px;
  padding: 0 10px;
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font-size: var(--font-size-base);
  text-decoration: none;
  transition: background-color var(--duration-base);
}
.nav-item:hover {
  background: var(--bg-quaternary);
  text-decoration: none;
}
.nav-item.active {
  background: var(--bg-quaternary);
}
.nav-item > .icon {
  color: var(--icon-secondary);
  font-size: 14px;
}
.nav-divider {
  height: 1px;
  margin: 8px 10px;
  background: var(--border-quaternary);
}
.nav-heading {
  padding: 8px 18px 4px;
  font-size: var(--font-size-xs);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--font-size-base);
  color: var(--text-tertiary);
}
.breadcrumb a {
  color: var(--text-secondary);
}
.breadcrumb .icon {
  font-size: 12px;
}
.segmented {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border-radius: var(--radius-full);
  background: var(--bg-quinary);
  box-shadow: inset 0 0 0 1px var(--border-quaternary);
}
.segmented-option {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border-radius: var(--radius-full);
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  white-space: nowrap;
  transition: background-color var(--duration-base), color var(--duration-base);
}
.segmented-option:hover {
  color: var(--text-primary);
}
.segmented-option.active,
.segmented-option[aria-selected=true],
.segmented-option[aria-pressed=true] {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.segmented-square,
.segmented-square .segmented-option {
  border-radius: var(--radius-md);
}
.segmented-lg .segmented-option {
  height: 30px;
  padding-inline: 14px;
  font-size: var(--font-size-base);
}
.tabs {
  display: flex;
  gap: var(--space-1);
  border-bottom: 1px solid var(--border-tertiary);
}
.tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  margin-bottom: -1px;
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  white-space: nowrap;
  border-bottom: 1px solid transparent;
  transition: color var(--duration-base), border-color var(--duration-base);
}
.tab:hover {
  color: var(--text-primary);
}
.tab.active,
.tab[aria-selected=true] {
  color: var(--text-primary);
  border-bottom-color: var(--text-primary);
}
.tab-panel {
  display: none;
}
.tab-panel.active {
  display: block;
}
.pagination {
  display: inline-flex;
  gap: 2px;
}
.page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  font-size: var(--font-size-base);
}
.page-link:hover {
  background: var(--bg-quaternary);
  color: var(--text-primary);
  text-decoration: none;
}
.page-link.active {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}

/* src/css/components/tables.css */
.table-wrap {
  width: 100%;
  overflow-x: auto;
  border-radius: var(--radius-xl);
  background: var(--bg-elevated);
  box-shadow: 0 0 0 1px var(--border-quaternary);
}
.table {
  width: 100%;
  font-size: var(--font-size-base);
  color: var(--text-secondary);
  text-align: left;
}
.table th,
.table td {
  padding: 12px 8px;
  vertical-align: middle;
  white-space: nowrap;
}
.table th:first-child,
.table td:first-child {
  padding-left: 16px;
}
.table th:last-child,
.table td:last-child {
  padding-right: 16px;
}
.table thead th {
  height: 40px;
  padding-block: 0;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-tertiary);
}
.table tbody tr {
  border-top: 1px solid var(--border-quaternary);
}
.table tbody tr:first-child {
  border-top: 0;
}
.table-hover tbody tr {
  transition: background-color var(--duration-fast);
}
.table-hover tbody tr:hover {
  background: var(--bg-quinary);
}
.table-compact th,
.table-compact td {
  padding-block: 8px;
}
.table .num,
.table .text-end {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.table .cell-primary {
  color: var(--text-primary);
}
.table-striped tbody tr:nth-child(even) {
  background: var(--bg-quinary);
}
.table-sticky thead th {
  position: sticky;
  top: 0;
  background: var(--bg-elevated);
  z-index: 1;
}
.table-sticky td:first-child,
.table-sticky th:first-child {
  position: sticky;
  left: 0;
  background: var(--bg-elevated);
  z-index: 2;
}
.kv {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 24px;
  font-size: var(--font-size-base);
}
.kv dt {
  color: var(--text-tertiary);
}
.kv dd {
  color: var(--text-primary);
}

/* src/css/components/feedback.css */
.progress {
  --progress: 0%;
  --progress-color: var(--text-secondary);
  position: relative;
  height: 6px;
  border-radius: var(--radius-full);
  background: var(--bg-tertiary);
  overflow: hidden;
}
.progress::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--progress);
  border-radius: inherit;
  background: var(--progress-color);
  transition: width var(--duration-slow) var(--ease-out);
}
.progress-sm {
  height: 4px;
}
.progress-lg {
  height: 8px;
}
.progress-accent {
  --progress-color: var(--accent);
}
.progress-brand {
  --progress-color: var(--brand);
}
.progress-success {
  --progress-color: var(--success);
}
.progress-warn {
  --progress-color: var(--warn);
}
.progress-danger {
  --progress-color: var(--danger);
}
.alert {
  --alert-color: var(--text-secondary);
  --alert-bg: var(--bg-quinary);
  --alert-ring: var(--border-tertiary);
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-lg);
  background: var(--alert-bg);
  box-shadow: inset 0 0 0 1px var(--alert-ring);
  font-size: var(--font-size-base);
  line-height: 1.5;
  color: var(--text-secondary);
}
.alert > .icon {
  margin-top: 2px;
  color: var(--alert-color);
  font-size: 14px;
  flex-shrink: 0;
}
.alert-title {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
}
.alert-accent {
  --alert-color: var(--text-accent);
  --alert-bg: var(--bg-accent-quaternary);
  --alert-ring: var(--border-accent-quaternary);
}
.alert-success {
  --alert-color: var(--text-success);
  --alert-bg: var(--bg-success-quaternary);
  --alert-ring: var(--border-success-quaternary);
}
.alert-warn {
  --alert-color: var(--text-warn);
  --alert-bg: var(--bg-warn-quaternary);
  --alert-ring: var(--border-warn-quaternary);
}
.alert-danger {
  --alert-color: var(--text-danger);
  --alert-bg: var(--bg-danger-quaternary);
  --alert-ring: var(--border-danger-quaternary);
}
.alert-brand {
  --alert-color: var(--text-brand);
  --alert-bg: var(--bg-brand-quaternary);
  --alert-ring: var(--border-brand-quaternary);
}
.spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.5px solid var(--border-primary);
  border-top-color: var(--text-primary);
  animation: gt-spin 0.7s linear infinite;
}
@keyframes gt-spin {
  to {
    transform: rotate(360deg);
  }
}
.skeleton {
  border-radius: var(--radius-md);
  background:
    linear-gradient(
      90deg,
      var(--bg-quaternary) 25%,
      var(--bg-tertiary) 50%,
      var(--bg-quaternary) 75%);
  background-size: 200% 100%;
  animation: gt-shimmer 1.4s linear infinite;
}
@keyframes gt-shimmer {
  to {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .spinner,
  .skeleton {
    animation-duration: 3s;
  }
}
.toast-region {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: var(--z-toast);
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(360px, calc(100vw - 32px));
  pointer-events: none;
}
.toast {
  pointer-events: auto;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  border-radius: var(--radius-xl);
  background: var(--bg-elevated);
  box-shadow: var(--shadow-dialog);
  font-size: var(--font-size-base);
  animation: gt-toast-in 0.35s var(--ease-out) both;
}
.toast.is-leaving {
  animation: gt-toast-out 0.2s var(--ease-standard) both;
}
.toast > .icon {
  margin-top: 2px;
  font-size: 14px;
}
.toast-title {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
}
.toast-desc {
  color: var(--text-secondary);
  margin-top: 2px;
}
.toast-success > .icon {
  color: var(--text-success);
}
.toast-danger > .icon {
  color: var(--text-danger);
}
.toast-warn > .icon {
  color: var(--text-warn);
}
@keyframes gt-toast-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }
}
@keyframes gt-toast-out {
  to {
    opacity: 0;
    transform: translateY(6px) scale(0.98);
  }
}

/* src/css/components/overlays.css */
[data-tooltip] {
  position: relative;
}
[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  z-index: var(--z-tooltip);
  left: 50%;
  bottom: calc(100% + 6px);
  transform: translate(-50%, 2px);
  padding: 4px 8px;
  border-radius: var(--radius-md);
  background: var(--tooltip-bg);
  color: var(--tooltip-fg);
  font-size: var(--font-size-sm);
  line-height: 1.3;
  font-weight: var(--font-weight-normal);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);
  box-shadow: var(--shadow-popover);
}
[data-tooltip][data-tooltip-pos=bottom]::after {
  bottom: auto;
  top: calc(100% + 6px);
  transform: translate(-50%, -2px);
}
[data-tooltip]:hover::after,
[data-tooltip]:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
  transition-delay: 250ms;
}
.modal {
  width: min(480px, calc(100vw - 32px));
  max-height: calc(100dvh - 48px);
  padding: 0;
  border: 0;
  border-radius: var(--radius-xl);
  background: var(--bg-elevated);
  color: var(--text-primary);
  box-shadow: var(--shadow-dialog), var(--shadow-command);
  overflow: auto;
}
.modal-lg {
  width: min(720px, calc(100vw - 32px));
}
.modal[open] {
  animation: gt-modal-in 0.28s var(--ease-out) both;
}
.modal::backdrop {
  background: color-mix(in oklab, #000 55%, transparent);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.modal[open]::backdrop {
  animation: gt-fade-in 0.2s var(--ease-standard) both;
}
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 20px 0;
}
.modal-title {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0;
}
.modal-desc {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: var(--font-size-base);
}
.modal-body {
  padding: 16px 20px;
}
.modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 20px 20px;
}
body.has-modal {
  overflow: hidden;
}
@keyframes gt-modal-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
}
@keyframes gt-fade-in {
  from {
    opacity: 0;
  }
}
.dropdown {
  position: relative;
  display: inline-block;
}
.menu {
  position: absolute;
  z-index: var(--z-dropdown);
  top: calc(100% + 6px);
  left: 0;
  min-width: 200px;
  padding: 4px;
  border-radius: var(--radius-lg);
  background: var(--bg-elevated);
  box-shadow: var(--shadow-dialog), var(--shadow-popover);
  display: none;
  transform-origin: top left;
}
.menu-end {
  left: auto;
  right: 0;
  transform-origin: top right;
}
.dropdown.is-open > .menu {
  display: block;
  animation: gt-dropdown-in 0.14s var(--ease-out) both;
}
.menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 28px;
  padding: 4px 8px;
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font-size: var(--font-size-base);
  text-align: left;
  text-decoration: none;
}
.menu-item:hover,
.menu-item:focus-visible {
  background: var(--bg-tertiary);
  text-decoration: none;
  outline: none;
}
.menu-item > .icon {
  color: var(--icon-secondary);
  font-size: 14px;
}
.menu-item small {
  margin-left: auto;
  color: var(--text-tertiary);
}
.menu-label {
  padding: 6px 8px 4px;
  font-size: var(--font-size-xs);
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
}
.menu-divider {
  height: 1px;
  margin: 4px -4px;
  background: var(--border-tertiary);
}
@keyframes gt-dropdown-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
}
.popover {
  border-radius: var(--radius-lg);
  background: var(--bg-elevated);
  box-shadow: var(--shadow-dialog), var(--shadow-popover);
  padding: 12px;
}
.collapse:not(.is-open) {
  display: none;
}

/* src/css/components/accordion.css */
.accordion {
  border-radius: var(--radius-xl);
  background: var(--bg-elevated);
  box-shadow: 0 0 0 1px var(--border-quaternary);
  overflow: hidden;
}
.accordion-item + .accordion-item {
  border-top: 1px solid var(--border-quaternary);
}
.accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  transition: background-color var(--duration-base);
}
.accordion-trigger:hover {
  background: var(--bg-quinary);
}
.accordion-trigger::after {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-color: var(--icon-tertiary);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform var(--duration-slow) var(--ease-out);
}
.accordion-item[open] > .accordion-trigger::after {
  transform: rotate(45deg);
}
.accordion-content {
  padding: 0 20px 18px;
  color: var(--text-secondary);
  font-size: var(--font-size-md);
  line-height: 1.65;
  max-width: 72ch;
}
.accordion-item[open] > .accordion-content {
  animation: gt-accordion-in 0.25s var(--ease-out) both;
}
@keyframes gt-accordion-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
}

/* src/css/components/code.css */
.code-block {
  position: relative;
  border-radius: var(--radius-xl);
  background: var(--bg-elevated);
  box-shadow: 0 0 0 1px var(--border-quaternary);
  overflow: hidden;
}
.code-block-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 36px;
  padding: 0 8px 0 14px;
  border-bottom: 1px solid var(--border-quaternary);
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}
.code-block pre {
  margin: 0;
  padding: 14px 16px;
  overflow-x: auto;
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--text-secondary);
}
.code-block .copy-btn {
  position: static;
}
.tok-cmt {
  color: var(--text-quaternary);
  font-style: italic;
}
.tok-kw {
  color: var(--purple);
}
.tok-str {
  color: var(--green);
}
.tok-num {
  color: var(--orange);
}
.tok-fn {
  color: var(--blue);
}
.tok-key {
  color: var(--cyan);
}
.tok-flag {
  color: var(--yellow);
}
.tok-pun {
  color: var(--text-tertiary);
}
.tok-ok {
  color: var(--added);
}
.diff {
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.5;
}
.diff-line {
  display: flex;
  white-space: pre;
  min-height: 20px;
}
.diff-line-num {
  width: 36px;
  padding: 0 4px;
  text-align: right;
  color: var(--text-quaternary);
  -webkit-user-select: none;
  user-select: none;
  flex-shrink: 0;
}
.diff-line-sign {
  width: 20px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  flex-shrink: 0;
}
.diff-line-text {
  flex: 1;
  padding-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.diff-add {
  background: var(--diff-added-line);
}
.diff-add .diff-line-sign {
  color: var(--text-added);
}
.diff-del {
  background: var(--diff-removed-line);
}
.diff-del .diff-line-sign {
  color: var(--text-removed);
}
.prompt::before {
  content: "$ ";
  color: var(--text-quaternary);
  -webkit-user-select: none;
  user-select: none;
}

/* src/css/components/pricing.css */
.pricing-grid {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: 1fr;
  align-items: stretch;
}
@media (min-width: 720px) {
  .pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1100px) {
  .pricing-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.pricing-grid.cols-3 {
  grid-template-columns: 1fr;
}
@media (min-width: 900px) {
  .pricing-grid.cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.pricing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-5);
  border-radius: var(--radius-xl);
  background: var(--bg-elevated);
  box-shadow: 0 0 0 1px var(--border-quaternary);
  transition: box-shadow var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);
}
.pricing-card:hover {
  box-shadow: 0 0 0 1px var(--border-tertiary);
}
.pricing-card-featured {
  background: color-mix(in oklab, var(--brand) 5%, var(--bg-elevated));
  box-shadow: 0 0 0 1px var(--border-brand-tertiary), 0 28px 80px -32px var(--brand-glow);
}
.pricing-card-featured:hover {
  box-shadow: 0 0 0 1px var(--border-brand-secondary), 0 28px 80px -28px var(--brand-glow);
}
.pricing-ribbon {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.pricing-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0;
}
.pricing-desc {
  min-height: 3.1em;
  margin-top: 6px;
  font-size: var(--font-size-base);
  line-height: 1.55;
  color: var(--text-secondary);
}
.pricing-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 6px;
  min-height: 52px;
}
.price {
  font-size: 2.5rem;
  line-height: 1;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--tracking-display);
  font-variant-numeric: tabular-nums;
}
.price-unit {
  font-size: var(--font-size-base);
  color: var(--text-secondary);
}
.price-note {
  flex-basis: 100%;
  min-height: 1.2em;
  font-size: var(--font-size-sm);
  color: var(--text-tertiary);
}
.pricing-card .checklist {
  flex: 1;
}
.pricing-feature-head {
  font-size: var(--font-size-xs);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--text-tertiary);
  margin-bottom: -4px;
}
.billing-toggle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.billing-toggle .segmented-option {
  min-width: 84px;
  justify-content: center;
}
.save-tag {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  border-radius: var(--radius-full);
  background: var(--bg-success-tertiary);
  color: var(--text-success);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
}
.compare td:not(:first-child),
.compare th:not(:first-child) {
  text-align: center;
}
.compare td:first-child {
  color: var(--text-primary);
}
.compare .group-row td {
  padding-block: 8px;
  background: var(--bg-quinary);
  font-size: var(--font-size-xs);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.compare .icon-yes {
  color: var(--text-success);
}
.compare .icon-no {
  color: var(--text-quaternary);
}
.compare .col-featured {
  background: color-mix(in oklab, var(--brand) 4%, transparent);
}

/* src/css/components/misc.css */
.avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--bg-quaternary);
  overflow: hidden;
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
.avatar-sm {
  width: 20px;
  height: 20px;
  font-size: 10px;
}
.avatar-lg {
  width: 40px;
  height: 40px;
  font-size: var(--font-size-base);
}
.avatar > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-stack {
  display: inline-flex;
}
.avatar-stack > .avatar {
  box-shadow: 0 0 0 2px var(--bg-chrome);
}
.avatar-stack > .avatar + .avatar {
  margin-left: -8px;
}
.divider {
  height: 1px;
  background: var(--border-tertiary);
  border: 0;
}
.divider-v {
  width: 1px;
  align-self: stretch;
  background: var(--border-tertiary);
}
.checklist {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.checklist > li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: var(--font-size-base);
  line-height: 1.45;
  color: var(--text-secondary);
}
.checklist > li > .icon {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 14px;
  color: var(--text-success);
}
.checklist > li.is-off {
  color: var(--text-quaternary);
}
.checklist > li.is-off > .icon {
  color: var(--text-quaternary);
}
.checklist > li strong {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
}
.list {
  border-radius: var(--radius-xl);
  background: var(--bg-elevated);
  box-shadow: 0 0 0 1px var(--border-quaternary);
  overflow: hidden;
}
.list-item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: 12px 16px;
  font-size: var(--font-size-base);
}
.list-item + .list-item {
  border-top: 1px solid var(--border-quaternary);
}
.list-item-title {
  color: var(--text-primary);
}
.list-item-desc {
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  margin-top: 2px;
}
.heatmap {
  --cell: 10px;
  --cell-gap: 3px;
  --heat: var(--green);
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(var(--rows, 7), var(--cell));
  grid-auto-columns: var(--cell);
  gap: var(--cell-gap);
}
.heatmap > i {
  display: block;
  border-radius: 2px;
  background: var(--bg-tertiary);
}
.heatmap > i[data-level="1"] {
  background: color-mix(in oklab, var(--heat) 28%, transparent);
}
.heatmap > i[data-level="2"] {
  background: color-mix(in oklab, var(--heat) 50%, transparent);
}
.heatmap > i[data-level="3"] {
  background: color-mix(in oklab, var(--heat) 75%, transparent);
}
.heatmap > i[data-level="4"] {
  background: var(--heat);
}
.heatmap-danger {
  --heat: var(--danger);
}
.heatmap-brand {
  --heat: var(--brand);
}
.heatmap-accent {
  --heat: var(--accent);
}
.footer {
  border-top: 1px solid var(--border-tertiary);
  padding-block: var(--space-12) var(--space-8);
  font-size: var(--font-size-base);
  color: var(--text-secondary);
}
.footer h6 {
  margin-bottom: 12px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  letter-spacing: 0;
}
.footer-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-links a {
  color: var(--text-secondary);
}
.footer-links a:hover {
  color: var(--text-primary);
  text-decoration: none;
}
.js [data-gt-reveal] {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
  transition-delay: var(--reveal-delay, 0ms);
}
.js [data-gt-reveal].is-visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .js [data-gt-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
:root:not(.dark) .only-dark,
.light .only-dark,
[data-theme=light] .only-dark {
  display: none !important;
}
.dark .only-light,
[data-theme=dark] .only-light {
  display: none !important;
}

/* src/css/_generated/icons.css */
.icon {
  display: inline-block;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  font-size: 16px;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--icon-src) center / contain no-repeat;
  mask: var(--icon-src) center / contain no-repeat;
}
.icon-sm {
  font-size: 12px;
}
.icon-md {
  font-size: 14px;
}
.icon-lg {
  font-size: 20px;
}
.icon-xl {
  font-size: 24px;
}
.icon-check {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E);
}
.icon-x {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E);
}
.icon-plus {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22M12%205v14%22%2F%3E%3C%2Fsvg%3E);
}
.icon-minus {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E);
}
.icon-arrow-right {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E);
}
.icon-arrow-up-right {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%207h10v10%22%2F%3E%3Cpath%20d%3D%22M7%2017%2017%207%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chevron-down {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chevron-right {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chevron-left {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E);
}
.icon-search {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.3-4.3%22%2F%3E%3C%2Fsvg%3E);
}
.icon-menu {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16%22%2F%3E%3Cpath%20d%3D%22M4%206h16%22%2F%3E%3Cpath%20d%3D%22M4%2018h16%22%2F%3E%3C%2Fsvg%3E);
}
.icon-sun {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%202v2%22%2F%3E%3Cpath%20d%3D%22M12%2020v2%22%2F%3E%3Cpath%20d%3D%22m4.93%204.93%201.41%201.41%22%2F%3E%3Cpath%20d%3D%22m17.66%2017.66%201.41%201.41%22%2F%3E%3Cpath%20d%3D%22M2%2012h2%22%2F%3E%3Cpath%20d%3D%22M20%2012h2%22%2F%3E%3Cpath%20d%3D%22m6.34%2017.66-1.41%201.41%22%2F%3E%3Cpath%20d%3D%22m19.07%204.93-1.41%201.41%22%2F%3E%3C%2Fsvg%3E);
}
.icon-moon {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%200%209%209%209%209%200%201%201-9-9Z%22%2F%3E%3C%2Fsvg%3E);
}
.icon-activity {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-2.48a2%202%200%200%200-1.93%201.46l-2.35%208.36a.25.25%200%200%201-.48%200L9.24%202.18a.25.25%200%200%200-.48%200l-2.35%208.36A2%202%200%200%201%204.49%2012H2%22%2F%3E%3C%2Fsvg%3E);
}
.icon-zap {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%2F%3E%3C%2Fsvg%3E);
}
.icon-bell {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%208a6%206%200%200%201%2012%200c0%207%203%209%203%209H3s3-2%203-9%22%2F%3E%3Cpath%20d%3D%22M10.3%2021a1.94%201.94%200%200%200%203.4%200%22%2F%3E%3C%2Fsvg%3E);
}
.icon-shield {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%2F%3E%3C%2Fsvg%3E);
}
.icon-code {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m16%2018%206-6-6-6%22%2F%3E%3Cpath%20d%3D%22m8%206-6%206%206%206%22%2F%3E%3C%2Fsvg%3E);
}
.icon-terminal {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%2F%3E%3Cpath%20d%3D%22M12%2019h8%22%2F%3E%3C%2Fsvg%3E);
}
.icon-database {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%225%22%20rx%3D%229%22%20ry%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%205V19A9%203%200%200%200%2021%2019V5%22%2F%3E%3Cpath%20d%3D%22M3%2012A9%203%200%200%200%2021%2012%22%2F%3E%3C%2Fsvg%3E);
}
.icon-layers {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.83%202.18a2%202%200%200%200-1.66%200L2.6%206.08a1%201%200%200%200%200%201.83l8.58%203.91a2%202%200%200%200%201.66%200l8.58-3.9a1%201%200%200%200%200-1.83z%22%2F%3E%3Cpath%20d%3D%22M2%2012a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2012%22%2F%3E%3Cpath%20d%3D%22M2%2017a1%201%200%200%200%20.58.91l8.6%203.91a2%202%200%200%200%201.65%200l8.58-3.9A1%201%200%200%200%2022%2017%22%2F%3E%3C%2Fsvg%3E);
}
.icon-trending-up {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%207h6v6%22%2F%3E%3Cpath%20d%3D%22m22%207-8.5%208.5-5-5L2%2017%22%2F%3E%3C%2Fsvg%3E);
}
.icon-trending-down {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2017h6v-6%22%2F%3E%3Cpath%20d%3D%22m22%2017-8.5-8.5-5%205L2%207%22%2F%3E%3C%2Fsvg%3E);
}
.icon-eye {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E);
}
.icon-users {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E);
}
.icon-copy {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%228%22%20y%3D%228%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202%22%2F%3E%3C%2Fsvg%3E);
}
.icon-bar-chart {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020V10%22%2F%3E%3Cpath%20d%3D%22M18%2020V4%22%2F%3E%3Cpath%20d%3D%22M6%2020v-4%22%2F%3E%3C%2Fsvg%3E);
}
.icon-flame {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8.5%2014.5A2.5%202.5%200%200%200%2011%2012c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054%202-6%20.5%202.5%202%204.9%204%206.5%202%201.6%203%203.5%203%205.5a7%207%200%201%201-14%200c0-1.153.433-2.294%201-3a2.5%202.5%200%200%200%202.5%202.5z%22%2F%3E%3C%2Fsvg%3E);
}
.icon-sliders {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%204h-7%22%2F%3E%3Cpath%20d%3D%22M10%204H3%22%2F%3E%3Cpath%20d%3D%22M21%2012h-9%22%2F%3E%3Cpath%20d%3D%22M8%2012H3%22%2F%3E%3Cpath%20d%3D%22M21%2020h-5%22%2F%3E%3Cpath%20d%3D%22M12%2020H3%22%2F%3E%3Cpath%20d%3D%22M14%202v4%22%2F%3E%3Cpath%20d%3D%22M8%2010v4%22%2F%3E%3Cpath%20d%3D%22M16%2018v4%22%2F%3E%3C%2Fsvg%3E);
}
.icon-globe {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%202a14.5%2014.5%200%200%200%200%2020%2014.5%2014.5%200%200%200%200-20%22%2F%3E%3Cpath%20d%3D%22M2%2012h20%22%2F%3E%3C%2Fsvg%3E);
}
.icon-lock {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E);
}
.icon-info {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4%22%2F%3E%3Cpath%20d%3D%22M12%208h.01%22%2F%3E%3C%2Fsvg%3E);
}
.icon-alert-triangle {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%2F%3E%3Cpath%20d%3D%22M12%209v4%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E);
}
.icon-check-circle {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E);
}
.icon-box {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%2F%3E%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22%2F%3E%3Cpath%20d%3D%22M12%2022V12%22%2F%3E%3C%2Fsvg%3E);
}
.icon-mail {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2216%22%20x%3D%222%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%3C%2Fsvg%3E);
}
.icon-clock {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%2F%3E%3C%2Fsvg%3E);
}
.icon-external-link {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%203h6v6%22%2F%3E%3Cpath%20d%3D%22M10%2014%2021%203%22%2F%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%2F%3E%3C%2Fsvg%3E);
}
.icon-wallet {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%207V4a1%201%200%200%200-1-1H5a2%202%200%200%200%200%204h15a1%201%200%200%201%201%201v4h-3a2%202%200%200%200%200%204h3a1%201%200%200%200%201-1v-2a1%201%200%200%200-1-1%22%2F%3E%3Cpath%20d%3D%22M3%205v14a2%202%200%200%200%202%202h15a1%201%200%200%200%201-1v-4%22%2F%3E%3C%2Fsvg%3E);
}
.icon-gauge {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%2014%204-4%22%2F%3E%3Cpath%20d%3D%22M3.34%2019a10%2010%200%201%201%2017.32%200%22%2F%3E%3C%2Fsvg%3E);
}
.icon-radar {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19.07%204.93A10%2010%200%200%200%206.99%203.34%22%2F%3E%3Cpath%20d%3D%22M4%206h.01%22%2F%3E%3Cpath%20d%3D%22M2.29%209.62A10%2010%200%201%200%2021.31%208.35%22%2F%3E%3Cpath%20d%3D%22M16.24%207.76A6%206%200%201%200%208.23%2016.67%22%2F%3E%3Cpath%20d%3D%22M12%2018h.01%22%2F%3E%3Cpath%20d%3D%22M17.99%2011.66A6%206%200%200%201%2015.77%2016.67%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m13.41%2010.59%205.66-5.66%22%2F%3E%3C%2Fsvg%3E);
}
.icon-history {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%2F%3E%3Cpath%20d%3D%22M3%203v5h5%22%2F%3E%3Cpath%20d%3D%22M12%207v5l4%202%22%2F%3E%3C%2Fsvg%3E);
}
.icon-webhook {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2016.98h-5.99c-1.1%200-1.95.94-2.48%201.9A4%204%200%200%201%202%2017c.01-.7.2-1.4.57-2%22%2F%3E%3Cpath%20d%3D%22m6%2017%203.13-5.78c.53-.97.1-2.18-.5-3.1a4%204%200%201%201%206.89-4.06%22%2F%3E%3Cpath%20d%3D%22m12%206%203.13%205.73C15.66%2012.7%2016.9%2013%2018%2013a4%204%200%200%201%200%208%22%2F%3E%3C%2Fsvg%3E);
}
.icon-server {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%228%22%20x%3D%222%22%20y%3D%222%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%228%22%20x%3D%222%22%20y%3D%2214%22%20rx%3D%222%22%20ry%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%206h.01%22%2F%3E%3Cpath%20d%3D%22M6%2018h.01%22%2F%3E%3C%2Fsvg%3E);
}
.icon-scale {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m16%2016%203-8%203%208c-.87.65-1.92%201-3%201s-2.13-.35-3-1Z%22%2F%3E%3Cpath%20d%3D%22m2%2016%203-8%203%208c-.87.65-1.92%201-3%201s-2.13-.35-3-1Z%22%2F%3E%3Cpath%20d%3D%22M7%2021h10%22%2F%3E%3Cpath%20d%3D%22M12%203v18%22%2F%3E%3Cpath%20d%3D%22M3%207h2c2%200%205-1%207-2%202%201%205%202%207%202h2%22%2F%3E%3C%2Fsvg%3E);
}
.icon-git-branch {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%226%22%20x2%3D%226%22%20y1%3D%223%22%20y2%3D%2215%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M18%209a9%209%200%200%201-9%209%22%2F%3E%3C%2Fsvg%3E);
}
.icon-settings {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.22%202h-.44a2%202%200%200%200-2%202v.18a2%202%200%200%201-1%201.73l-.43.25a2%202%200%200%201-2%200l-.15-.08a2%202%200%200%200-2.73.73l-.22.38a2%202%200%200%200%20.73%202.73l.15.1a2%202%200%200%201%201%201.72v.51a2%202%200%200%201-1%201.74l-.15.09a2%202%200%200%200-.73%202.73l.22.38a2%202%200%200%200%202.73.73l.15-.08a2%202%200%200%201%202%200l.43.25a2%202%200%200%201%201%201.73V20a2%202%200%200%200%202%202h.44a2%202%200%200%200%202-2v-.18a2%202%200%200%201%201-1.73l.43-.25a2%202%200%200%201%202%200l.15.08a2%202%200%200%200%202.73-.73l.22-.39a2%202%200%200%200-.73-2.73l-.15-.08a2%202%200%200%201-1-1.74v-.5a2%202%200%200%201%201-1.74l.15-.09a2%202%200%200%200%20.73-2.73l-.22-.38a2%202%200%200%200-2.73-.73l-.15.08a2%202%200%200%201-2%200l-.43-.25a2%202%200%200%201-1-1.73V4a2%202%200%200%200-2-2z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E);
}
.icon-home {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%2F%3E%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%20.709-1.528l7-5.999a2%202%200%200%201%202.582%200l7%205.999A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E);
}
.icon-credit-card {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%222%22%20x2%3D%2222%22%20y1%3D%2210%22%20y2%3D%2210%22%2F%3E%3C%2Fsvg%3E);
}
.icon-star {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fsvg%3E);
}
.icon-openai {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M260.4%20249.8L260.4%20201.2C260.4%20197.1%20261.9%20194%20265.5%20192L363.3%20135.7C376.6%20128%20392.5%20124.4%20408.9%20124.4C470.3%20124.4%20509.3%20172%20509.3%20222.7C509.3%20226.3%20509.3%20230.4%20508.8%20234.5L407.3%20175.1C401.2%20171.5%20395%20171.5%20388.9%20175.1L260.4%20249.8zM488.7%20439.2L488.7%20323C488.7%20315.8%20485.6%20310.7%20479.5%20307.1L351%20232.4L393%20208.3C396.6%20206.3%20399.7%20206.3%20403.2%20208.3L501%20264.7C529.2%20281.1%20548.1%20315.9%20548.1%20349.7C548.1%20388.6%20525.1%20424.5%20488.7%20439.3L488.7%20439.3zM230.2%20336.8L188.2%20312.2C184.6%20310.2%20183.1%20307.1%20183.1%20303L183.1%20190.4C183.1%20135.6%20225.1%2094.1%20281.9%2094.1C303.4%2094.1%20323.4%20101.3%20340.3%20114.1L239.4%20172.5C233.3%20176.1%20230.2%20181.2%20230.2%20188.4L230.2%20336.9L230.2%20336.9zM320.6%20389L260.4%20355.2L260.4%20283.5L320.6%20249.7L380.8%20283.5L380.8%20355.2L320.6%20389zM359.3%20544.7C337.8%20544.7%20317.8%20537.5%20300.9%20524.7L401.8%20466.3C407.9%20462.7%20411%20457.6%20411%20450.4L411%20301.9L453.5%20326.5C457.1%20328.5%20458.6%20331.6%20458.6%20335.7L458.6%20448.3C458.6%20503.1%20416.1%20544.6%20359.3%20544.6L359.3%20544.6zM237.8%20430.5L140.1%20374.2C111.9%20357.8%2093%20323%2093%20289.2C93%20249.8%20116.6%20214.4%20152.9%20199.6L152.9%20316.3C152.9%20323.5%20156%20328.6%20162.1%20332.2L290.1%20406.4L248.1%20430.5C244.5%20432.5%20241.4%20432.5%20237.9%20430.5zM232.2%20514.5C174.3%20514.5%20131.8%20471%20131.8%20417.2C131.8%20413.1%20132.3%20409%20132.8%20404.9L233.7%20463.3C239.8%20466.9%20246%20466.9%20252.1%20463.3L380.6%20389.1L380.6%20437.7C380.6%20441.8%20379.1%20444.9%20375.5%20446.9L277.7%20503.2C264.4%20510.9%20248.5%20514.5%20232.1%20514.5L232.1%20514.5zM359.2%20575.4C421.2%20575.4%20472.9%20531.4%20484.6%20473C541.9%20458.1%20578.8%20404.4%20578.8%20349.6C578.8%20313.8%20563.4%20278.9%20535.8%20253.9C538.4%20243.1%20539.9%20232.4%20539.9%20221.6C539.9%20148.4%20480.5%2093.6%20411.9%2093.6C398.1%2093.6%20384.8%2095.6%20371.5%20100.3C348.5%2077.8%20316.7%2063.4%20281.9%2063.4C219.9%2063.4%20168.2%20107.4%20156.5%20165.8C99.2%20180.6%2062.3%20234.4%2062.3%20289.2C62.3%20325%2077.7%20359.9%20105.3%20384.9C102.7%20395.7%20101.2%20406.4%20101.2%20417.2C101.2%20490.4%20160.6%20545.2%20229.2%20545.2C243%20545.2%20256.3%20543.2%20269.6%20538.5C292.6%20561%20324.4%20575.4%20359.2%20575.4z%22%2F%3E%3C%2Fsvg%3E);
}
.icon-agentcore {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22138.5%20139.5%20172%20172%22%3E%3Cpath%20d%3D%22M182%20152.6c-10.2%205.8-19%2011-19.7%2011.6-.9.7-1.3%205.5-1.5%2015.1l-.3%2014.2-10%206.1-10%206.1-.3%2019.6-.2%2019.6%2010.5%206.2%2010.5%206.3v13.5c0%207.5.4%2014.1.8%2014.7.6.9%2030.1%2018.7%2037%2022.3%202%201.1%204.4.6%2016.5-3.5%207.8-2.5%2014.8-5.3%2015.5-6.2.9-1.2%201.2-9%201.2-30.9%200-18.5.4-29.3%201-29.3%202.4%200%208.9%203.3%209.5%204.8.4.9%202.7%207.1%205.2%2013.7%202.4%206.6%204.9%2012.5%205.5%2013.2%201.5%201.9%206.2%201.6%208.1-.5.8-.9%203.9-7.7%206.9-15l5.3-13.4%2013-5c7.1-2.7%2013.8-5.6%2014.7-6.5%202.1-1.9%202.4-6.6.6-8.1-.7-.5-7.1-3.3-14.3-6.2-7.1-2.9-13.5-5.8-14.1-6.4s-3.5-7.1-6.4-14.4c-5.4-13.7-7.1-15.9-11.4-14.8-2.7.7-3.4%201.9-9.5%2017.6l-4.8%2012.5-4.7%201.7-4.6%201.8v-29.9c0-24.7-.2-30.1-1.4-31-1.2-1-27.8-10-29.7-10.1-.3%200-8.8%204.8-18.9%2010.6m31.8%201.5%2010.2%203.3-.2%2042-.3%2042-19.8%2011.7c-10.9%206.4-20.4%2012.2-21.2%2012.9-1.3%201.1-1.2%201.6.5%204.1l2.1%202.8%205.2-3.1c2.9-1.7%2010.2-6%2016.2-9.5%206.1-3.6%2012.5-7.4%2014.3-8.5l3.2-2-.2%2021.7-.3%2021.8-11%203.8-10.9%203.8-3.8-2.1c-2.1-1.2-3.8-2.4-3.8-2.7s4.1-3.2%209.1-6.4l9-5.7-1.8-3c-1-1.7-2.3-2.8-3-2.6-.7.3-5.5%203.2-10.7%206.6-5.3%203.3-10%206-10.6%206s-4.7-2.1-9-4.6l-8-4.6v-25.3l8.5-5.3%208.5-5.4-1.7-2.9c-1-1.6-2.2-2.9-2.8-2.9-.5%200-4.4%202.3-8.5%205-4.1%202.8-7.9%205-8.5%205-.5%200-4.5-2.1-8.7-4.6l-7.8-4.5v-15.7l.1-15.7%208.4-4.8%208.4-4.8%208.5%205.1%208.6%205.1v5c0%204.8-.1%205-4.6%207.7-2.6%201.5-5.6%203.4-6.7%204.3-1.9%201.5-1.9%201.6-.2%204.2.9%201.5%202.1%202.7%202.6%202.7s3.3-1.6%206.3-3.5%205.9-3.5%206.5-3.5c.5%200%203.7%201.7%207.1%203.7l6.2%203.7%201.9-2.5c1-1.3%201.7-2.8%201.6-3.4-.2-.5-3-2.6-6.3-4.5l-5.9-3.7v-10.6l8.5-6.2%208.5-6.2v-21.8l-3.7-.3-3.8-.3v18.8l-6.8%204.6c-3.7%202.6-7.1%204.7-7.6%204.7-.4%200-4.3-2.1-8.6-4.7l-7.9-4.7-.3-10.6c-.2-5.8%200-11.4.4-12.6.5-1.7%2010.3-8.4%2012.3-8.4.2%200%20.6%205.1.7%2011.2l.3%2011.3h7l.5-13.9.5-14%205.5-3.3c3-1.8%206-3.1%206.5-2.9.6.2%205.6%201.8%2011.3%203.7m53.5%2060.6c.7.6%205.9%203%2011.7%205.3s10.9%204.5%2011.3%204.9-3.2%202.3-8%204.1-10.2%203.9-11.9%204.5c-2.7%201.1-3.6%202.6-8.1%2014.1l-5%2012.8-2.2-5.9c-1.2-3.3-3.3-9-4.7-12.7l-2.5-6.7-7.7-3c-7.6-2.9-7.7-3-8-6.8l-.3-3.8%207.7-3%207.6-3%204.2-10.5c2.3-5.8%204.6-11.4%205-12.5.6-1.6%201.7.5%205.2%209.5%202.5%206.3%205%2012%205.7%2012.7m23.3-32.3c-2.1%204.8-2.8%205.5-7.5%207.2-2.8%201-5.1%202.3-5.1%202.9s2.3%201.9%205%202.9c5.5%202%205.8%202.3%208%208.1.9%202.2%202.2%204%202.9%204s2.2-2.3%203.2-5c1.7-4.5%202.4-5.2%207-7%202.8-1.1%205.2-2.4%205.3-2.9%200-.6-2.3-2-5.3-3.2-5-2-5.6-2.6-7.4-7.3-1.1-2.8-2.4-5.1-2.8-5.1-.5%200-2%202.4-3.3%205.4%22%2F%3E%3C%2Fsvg%3E);
}
.icon-qwen {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22519%20519%20498%20498%22%3E%3Cpath%20d%3D%22M698.5%20523.4c-2.5%201.1-5.8%206.2-18.7%2028.7-8.6%2015.1-23.3%2040.7-32.6%2056.9l-16.9%2029.5-33.1.5c-31.1.5-33.2.6-35.7%202.5-1.5%201.1-9.2%2013.6-17.7%2028.5-21.7%2038.3-21.8%2038.4-21.8%2043.8%200%205.3%201.9%208.9%2040.8%2076.5%2011.7%2020.3%2021.2%2037.8%2021.2%2039s-6.4%2013.3-14.1%2026.9c-11.7%2020.5-14.2%2025.6-14.2%2028.8%200%203.3%202.3%208%2012.9%2026.3%207%2012.2%2015.3%2026.6%2018.3%2032%204.9%208.5%206%209.8%209.1%2010.7%202.1.6%2028.3%201%2067.1%201h63.7l15.8%2027.6c11.5%2020.1%2016.7%2028.2%2018.9%2029.6%202.8%201.7%205.3%201.8%2042.5%201.6%2038.6-.3%2039.6-.3%2042.5-2.4%202.8-2.1%2020.7-32.4%2055.8-94.5l10-17.7%205.1-.6c2.8-.3%2016.3-.6%2029.9-.6%2020%200%2025.4-.3%2027.7-1.5%203.1-1.6%204.8-4.3%2025.5-40.5%206.8-11.9%2012.7-22.8%2013-24.3%201.1-4.2-.2-8.8-4.4-15.8-2.1-3.5-16.3-28.4-31.6-55.2-23.8-42-27.6-49.2-26.7-51%20.5-1.2%207.8-14.1%2016.1-28.7%2012.7-22%2015.1-27%2014.8-29.6-.3-1.6-4.6-10.2-9.5-19-4.9-8.7-13-23.1-18-31.9-4.9-8.8-10.3-17.5-11.9-19.3l-3-3.2h-64.4c-35.4%200-65-.4-65.7-.8-.7-.5-7.3-11.6-14.8-24.8-7.4-13.1-14.4-24.8-15.5-26-3.7-4-8-4.4-43.5-4.4-25.7.1-34.6.4-36.9%201.4m22.8%2042.1c8.6%2015.1%2015.7%2027.8%2015.7%2028.2s-7.4%2013.6-16.4%2029.3c-8.9%2015.7-16.1%2028.9-15.8%2029.4s55.4.6%20130.1.3c71.3-.4%20130.1-.3%20130.8.1.9.6-3.5%209.2-15.2%2029.6l-16.4%2028.8%2026.6%2046.6c14.6%2025.7%2029.5%2051.8%2033%2058%203.6%206.2%206.4%2011.4%206.2%2011.6s-15%20.5-32.8.7l-32.5.4-3.1-5.5c-1.8-3-9.1-16.2-16.4-29.3-7.3-13-13.6-23.7-13.9-23.7-.4.1-8.2%2013.2-17.3%2029.3-53%2093.1-113.2%20198.3-114%20199.2-.6.5-1.4.4-2.1-.3s-8.3-13.5-16.8-28.5l-15.6-27.2-7.9-.6c-4.4-.4-34.1-.7-65.9-.8-31.9-.1-58.2-.3-58.4-.6-.5-.5%2028.2-51.9%2030.5-54.6%201.1-1.4%205.9-1.7%2034-2.3%2018-.4%2032.8-.8%2033-1s-13.9-25.2-31.3-55.7-46.7-81.7-65-113.7C586%20681.1%20571%20654.4%20571%20653.9s14.1-.9%2032.9-.9c26.5%200%2033.2-.3%2034.3-1.4.7-.7%2015.7-26.6%2033.3-57.4%2017.6-30.9%2032.5-56.2%2033-56.2.6%200%208.1%2012.4%2016.8%2027.5%22%2F%3E%3Cpath%20d%3D%22M691.1%20718.9c-1%20.7%201.8%206.2%2012.4%2024.7%207.5%2013.2%2025%2043.6%2038.8%2067.6%2013.8%2024.1%2025.4%2043.8%2025.7%2043.8.6%200%2019.5-33%2061.7-107.3%209-15.8%2016.3-28.9%2016.3-29.2%200-.9-153.5-.5-154.9.4%22%2F%3E%3C%2Fsvg%3E);
}
.icon-claude {
  --icon-src:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22273.5%20274%20560%20560%22%3E%3Cpath%20d%3D%22M426.9%20278.8c-4.2%201.5-5.7%203-13.5%2013.6l-8.7%2011.8%201.6%209.2c2.8%2015.2%205.2%2021.3%2013.5%2034.6%204.2%206.9%2011.8%2019.5%2016.7%2028s11.7%2020.2%2015.1%2026%2014.2%2024.9%2023.9%2042.5%2018.1%2032.5%2018.7%2033.3c1.5%201.8-2.3%205.8-4.4%204.6-.7-.5-11.2-8.3-23.3-17.3s-27.2-20.3-33.5-25-19.1-14.4-28.5-21.6c-42.4-32.7-44.8-34.5-47-35-1.1-.3-6.7-.9-12.5-1.4l-10.5-.8-6%206.5c-9.5%2010.3-9%208.8-7%2021.5%201.6%2010.1%202%2011.5%205.7%2016.3%202.2%203%207.2%207.5%2011.6%2010.5%204.2%202.9%2014.2%2010%2022.2%2015.8s33.9%2023.4%2057.5%2039.2c57.9%2038.7%2071.4%2047.8%2075.9%2051.5%203.5%202.7%203.7%203.3%202.7%205.2-1.4%202.6-2.1%202.7-20.5.7-27.2-2.9-32.2-3.4-44.6-4.5-6.9-.6-23.7-1.7-37.5-2.5-13.7-.9-30.4-2-37-2.5s-19.9-1.4-29.5-2-22.2-1.6-27.9-2.1l-10.3-1-5.4%203.3c-5.3%203.2-6.4%204.9-6.6%2011.1%200%20.5%202.6%204.4%205.8%208.7l5.8%207.8%208%201.6c4.5.8%2018.5%202%2031.1%202.6%2012.7.6%2030.4%201.5%2039.5%202s34.1%201.4%2055.5%202c52%201.5%2070.5%202.5%2072.2%204.3%201%201%201.1%202%20.3%204.3s-2.8%203.9-8.3%206.9c-4%202.1-8.8%204.8-10.7%206s-6%203.5-9%205.2c-3%201.6-9.5%205.3-14.5%208-4.9%202.8-11.2%206.3-14%207.8-2.7%201.5-7.9%204.5-11.5%206.5-3.6%202.1-15%208.6-25.5%2014.5-17.8%2010.1-59.9%2038-63.8%2042.3-1.2%201.3-2%204.6-2.5%2010.6l-.8%208.6%205.2%205.1%205.2%205.2%205.9-.7c3.2-.4%209.2-1.2%2013.3-1.8l7.5-1.1%2042.5-27.5c23.4-15%2056.2-36.3%2073-47.3%2016.8-10.9%2030.8-19.8%2031.3-19.9.4%200%20.7%201.1.7%202.5%200%201.8-3.1%206.2-10.4%2014.8-5.8%206.7-19.1%2023.4-29.7%2037.2-10.6%2013.7-30.6%2039.4-44.4%2057-34.9%2044.6-34.1%2043.3-34.8%2052.6l-.6%207.6%207.8%204.1%207.8%204.2%204.6-1.6c3.8-1.3%206.7-3.8%2015.9-13.7%206.2-6.7%2015.2-16.3%2019.9-21.4%208.8-9.4%2056.7-73%2086.2-114.5%204.7-6.7%206.8-8.8%208.5-8.8%201.8%200%202.2.4%201.8%201.7-2.3%208.5-4.9%2021.2-6.7%2033.3-3.6%2025.1-3.9%2027.4-4.9%2031-.5%201.9-4.1%2019.5-8%2039s-8.4%2041.1-9.9%2048c-4.7%2020.6-4.7%2019.7-.7%2029.2%203.4%207.6%204.2%208.7%2010.4%2013.3l6.8%205.1%208.6-3.3c6.7-2.6%209.2-4.2%2011.7-7.3%203.5-4.4%203.5-4.2%206.6-38.5.8-9.4%202-21.5%202.5-27s1.4-15.2%202-21.5%201.5-16%202-21.5%201.7-17.4%202.5-26.5c3.5-37.5%203.7-38.9%206.7-37.7.8.3%206.5%209.2%2012.8%2019.8%2023.5%2040.3%2075.5%20117.5%2079.5%20118.3%201.1.3%204.6.9%207.7%201.6%205.1%201%206.4.9%2012.4-1.2%2010.5-3.6%2011.9-7.5%209.2-26.8l-1.1-8.5-32.5-48.7c-20.2-30.4-32.2-49.4-31.8-50.3.3-.8%201.2-1.5%202-1.5%201.3%200%2037.8%2030.2%2056.3%2046.6%204.6%204%2019.9%2016%2034.1%2026.7%2020.5%2015.5%2026.5%2019.5%2029.8%2020%204%20.7%204.1.6%207.7-4.6%203.2-4.7%203.6-5.7%202.8-8.7-.5-1.9-1.2-4.7-1.5-6.2-.6-2.9-35.2-35.8-79.1-75.3-29.6-26.6-50.5-47.1-50.5-49.6%200-1%20.5-1.9%201.1-1.9.5%200%2010.8%202.4%2022.7%205.4s28.7%207.1%2037.2%209.1c32.4%207.6%2050.5%2011.9%2080.6%2019.1l19.2%204.6%2014-7.2%2013.9-7.3.6-5.4c.6-5.3.4-5.6-4.6-12.5-3.6-4.9-7.2-8.4-12.1-11.8-10.9-7.3-12.1-7.7-24.6-8.4-6.3-.4-16.4-1.1-22.5-1.7-6-.5-27.2-1.3-47-1.8-31.4-.9-60.3-2.7-72.8-4.7-5.1-.8-4.2-2.6%201.9-4%202.7-.7%2010.1-2.4%2016.4-3.9s14.9-3.5%2019-4.5%2012.7-3%2019-4.5c14.9-3.6%2013.8-3.3%2046.3-9.9%2025.8-5.2%2071.4-16%2072.5-17.1.3-.3%202.2-4.4%204.2-9.3%203.2-7.8%203.5-9.1%202.6-13.1-.9-4.3-1-4.4-10.4-8.7l-9.5-4.4-17.6%202.9c-28.5%204.8-57.9%2010.2-71.6%2013.2-4.5.9-32.8%206.8-48.3%2010.1-15.6%203.2-15.6%203.1-3.7-17.1%2011-18.9%2026.6-40.3%2069-94.6l14.1-18%203.3-11c1.9-6.1%203.6-12.1%203.8-13.5.3-1.9-1.7-5.6-8-14.9l-8.5-12.3-12.3.1-12.3.2-6.1%204.9c-3.3%202.6-8.3%207.2-10.9%2010.2-2.7%202.9-7.9%208.4-11.5%2012.3-14.5%2015.4-46%2053.9-68.6%2083.9C606%20468%20601.3%20473%20598.4%20473c-2.8%200-2.9-.6-1-10.3.8-4%202.6-13.5%204.1-21.2%203.1-17%203.9-21.2%206.5-34%207.8-39.8%2010.8-57.5%2016.1-93.4l.9-6.5-5.2-7.7c-4.6-6.7-6.1-8.1-11.6-10.8-3.4-1.7-6.7-3.1-7.3-3.1-.5%200-4.5%202.4-8.8%205.2l-7.8%205.3-4.7%2011.5c-4.4%2011.1-4.6%2012-6.1%2029.5-.8%209.9-1.9%2022.9-2.5%2029-.5%206-1.2%2014.4-1.5%2018.5-.4%204.1-1.8%2017.2-3.1%2029-2.5%2022-4.8%2046.5-5.9%2064.7-.6%209.1-.9%2010.3-2.6%2010.3-2.4%200-3.1-1.5-6.9-14.5-2.5-8.6-6.3-17.1-17.5-39-29.9-58.7-35.2-69.2-38.4-76.5-1.9-4.1-5.1-11.3-7.2-15.8-2.2-4.6-3.9-8.6-3.9-8.8s-1.5-3.7-3.3-7.6c-1.8-4-6.4-14.4-10.2-23-6.2-14.2-7.3-16.1-11.6-19.6-4.5-3.7-5.5-4-14.6-5.1-5.4-.7-10.5-1.4-11.3-1.6s-3.6.4-6.1%201.3%22%2F%3E%3C%2Fsvg%3E);
}

/* src/css/_generated/grid.css */
.row {
  --gx: var(--grid-gutter);
  --gy: 0px;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--gx) / -2);
  margin-top: calc(var(--gy) * -1);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-inline: calc(var(--gx) / 2);
  margin-top: var(--gy);
}
.g-0 {
  --gx:0;
  --gy:0;
}
.gx-0 {
  --gx:0;
}
.gy-0 {
  --gy:0;
}
.g-1 {
  --gx:var(--space-1);
  --gy:var(--space-1);
}
.gx-1 {
  --gx:var(--space-1);
}
.gy-1 {
  --gy:var(--space-1);
}
.g-2 {
  --gx:var(--space-2);
  --gy:var(--space-2);
}
.gx-2 {
  --gx:var(--space-2);
}
.gy-2 {
  --gy:var(--space-2);
}
.g-3 {
  --gx:var(--space-3);
  --gy:var(--space-3);
}
.gx-3 {
  --gx:var(--space-3);
}
.gy-3 {
  --gy:var(--space-3);
}
.g-4 {
  --gx:var(--space-4);
  --gy:var(--space-4);
}
.gx-4 {
  --gx:var(--space-4);
}
.gy-4 {
  --gy:var(--space-4);
}
.g-5 {
  --gx:var(--space-5);
  --gy:var(--space-5);
}
.gx-5 {
  --gx:var(--space-5);
}
.gy-5 {
  --gy:var(--space-5);
}
.g-6 {
  --gx:var(--space-6);
  --gy:var(--space-6);
}
.gx-6 {
  --gx:var(--space-6);
}
.gy-6 {
  --gy:var(--space-6);
}
.g-8 {
  --gx:var(--space-8);
  --gy:var(--space-8);
}
.gx-8 {
  --gx:var(--space-8);
}
.gy-8 {
  --gy:var(--space-8);
}
.col {
  flex: 1 0 0%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25.000000%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50.000000%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75.000000%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100.000000%;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100.000000%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50.000000%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25.000000%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20.000000%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.666667%;
}
.offset-0 {
  margin-left: 0.000000%;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25.000000%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50.000000%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75.000000%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25.000000%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50.000000%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75.000000%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100.000000%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100.000000%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50.000000%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25.000000%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20.000000%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .offset-sm-0 {
    margin-left: 0.000000%;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25.000000%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50.000000%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75.000000%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25.000000%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50.000000%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75.000000%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100.000000%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100.000000%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50.000000%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25.000000%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20.000000%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .offset-md-0 {
    margin-left: 0.000000%;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25.000000%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50.000000%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75.000000%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25.000000%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50.000000%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75.000000%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100.000000%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100.000000%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50.000000%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25.000000%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20.000000%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .offset-lg-0 {
    margin-left: 0.000000%;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25.000000%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50.000000%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75.000000%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25.000000%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50.000000%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75.000000%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100.000000%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100.000000%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50.000000%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25.000000%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20.000000%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .offset-xl-0 {
    margin-left: 0.000000%;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25.000000%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50.000000%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75.000000%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

/* src/css/_generated/utilities.css */
.d-none {
  display: none !important;
}
.d-block {
  display: block !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-grid {
  display: grid !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-grid {
    display: grid !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row;
  }
  .flex-sm-col {
    flex-direction: column;
  }
  .flex-sm-wrap {
    flex-wrap: wrap;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row;
  }
  .flex-md-col {
    flex-direction: column;
  }
  .flex-md-wrap {
    flex-wrap: wrap;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row;
  }
  .flex-lg-col {
    flex-direction: column;
  }
  .flex-lg-wrap {
    flex-wrap: wrap;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1280px) {
  .flex-xl-row {
    flex-direction: row;
  }
  .flex-xl-col {
    flex-direction: column;
  }
  .flex-xl-wrap {
    flex-wrap: wrap;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap;
  }
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.min-w-0 {
  min-width: 0;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
@media (min-width: 576px) {
  .justify-sm-start {
    justify-content: flex-start;
  }
  .justify-sm-center {
    justify-content: center;
  }
  .justify-sm-end {
    justify-content: flex-end;
  }
  .justify-sm-between {
    justify-content: space-between;
  }
  .justify-sm-around {
    justify-content: space-around;
  }
  .items-sm-start {
    align-items: flex-start;
  }
  .items-sm-center {
    align-items: center;
  }
  .items-sm-end {
    align-items: flex-end;
  }
  .items-sm-baseline {
    align-items: baseline;
  }
  .items-sm-stretch {
    align-items: stretch;
  }
}
@media (min-width: 768px) {
  .justify-md-start {
    justify-content: flex-start;
  }
  .justify-md-center {
    justify-content: center;
  }
  .justify-md-end {
    justify-content: flex-end;
  }
  .justify-md-between {
    justify-content: space-between;
  }
  .justify-md-around {
    justify-content: space-around;
  }
  .items-md-start {
    align-items: flex-start;
  }
  .items-md-center {
    align-items: center;
  }
  .items-md-end {
    align-items: flex-end;
  }
  .items-md-baseline {
    align-items: baseline;
  }
  .items-md-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1024px) {
  .justify-lg-start {
    justify-content: flex-start;
  }
  .justify-lg-center {
    justify-content: center;
  }
  .justify-lg-end {
    justify-content: flex-end;
  }
  .justify-lg-between {
    justify-content: space-between;
  }
  .justify-lg-around {
    justify-content: space-around;
  }
  .items-lg-start {
    align-items: flex-start;
  }
  .items-lg-center {
    align-items: center;
  }
  .items-lg-end {
    align-items: flex-end;
  }
  .items-lg-baseline {
    align-items: baseline;
  }
  .items-lg-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1280px) {
  .justify-xl-start {
    justify-content: flex-start;
  }
  .justify-xl-center {
    justify-content: center;
  }
  .justify-xl-end {
    justify-content: flex-end;
  }
  .justify-xl-between {
    justify-content: space-between;
  }
  .justify-xl-around {
    justify-content: space-around;
  }
  .items-xl-start {
    align-items: flex-start;
  }
  .items-xl-center {
    align-items: center;
  }
  .items-xl-end {
    align-items: flex-end;
  }
  .items-xl-baseline {
    align-items: baseline;
  }
  .items-xl-stretch {
    align-items: stretch;
  }
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.self-stretch {
  align-self: stretch;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media (min-width: 576px) {
  .grid-cols-sm-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-sm-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-sm-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-sm-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-sm-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-sm-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .grid-cols-md-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-md-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-md-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-md-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-md-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-md-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .grid-cols-lg-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-lg-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-lg-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-lg-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-lg-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-lg-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .grid-cols-xl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-xl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-xl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-xl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-xl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-xl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.col-span-2 {
  grid-column: span 2/span 2;
}
.col-span-3 {
  grid-column: span 3/span 3;
}
.col-full {
  grid-column: 1/-1;
}
.m-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.m-1 {
  margin-top: var(--space-1);
  margin-right: var(--space-1);
  margin-bottom: var(--space-1);
  margin-left: var(--space-1);
}
.m-2 {
  margin-top: var(--space-2);
  margin-right: var(--space-2);
  margin-bottom: var(--space-2);
  margin-left: var(--space-2);
}
.m-3 {
  margin-top: var(--space-3);
  margin-right: var(--space-3);
  margin-bottom: var(--space-3);
  margin-left: var(--space-3);
}
.m-4 {
  margin-top: var(--space-4);
  margin-right: var(--space-4);
  margin-bottom: var(--space-4);
  margin-left: var(--space-4);
}
.m-5 {
  margin-top: var(--space-5);
  margin-right: var(--space-5);
  margin-bottom: var(--space-5);
  margin-left: var(--space-5);
}
.m-6 {
  margin-top: var(--space-6);
  margin-right: var(--space-6);
  margin-bottom: var(--space-6);
  margin-left: var(--space-6);
}
.m-8 {
  margin-top: var(--space-8);
  margin-right: var(--space-8);
  margin-bottom: var(--space-8);
  margin-left: var(--space-8);
}
.m-10 {
  margin-top: var(--space-10);
  margin-right: var(--space-10);
  margin-bottom: var(--space-10);
  margin-left: var(--space-10);
}
.m-12 {
  margin-top: var(--space-12);
  margin-right: var(--space-12);
  margin-bottom: var(--space-12);
  margin-left: var(--space-12);
}
.m-16 {
  margin-top: var(--space-16);
  margin-right: var(--space-16);
  margin-bottom: var(--space-16);
  margin-left: var(--space-16);
}
.m-20 {
  margin-top: var(--space-20);
  margin-right: var(--space-20);
  margin-bottom: var(--space-20);
  margin-left: var(--space-20);
}
.m-24 {
  margin-top: var(--space-24);
  margin-right: var(--space-24);
  margin-bottom: var(--space-24);
  margin-left: var(--space-24);
}
.m-32 {
  margin-top: var(--space-32);
  margin-right: var(--space-32);
  margin-bottom: var(--space-32);
  margin-left: var(--space-32);
}
.m-auto {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-1 {
  margin-left: var(--space-1);
  margin-right: var(--space-1);
}
.mx-2 {
  margin-left: var(--space-2);
  margin-right: var(--space-2);
}
.mx-3 {
  margin-left: var(--space-3);
  margin-right: var(--space-3);
}
.mx-4 {
  margin-left: var(--space-4);
  margin-right: var(--space-4);
}
.mx-5 {
  margin-left: var(--space-5);
  margin-right: var(--space-5);
}
.mx-6 {
  margin-left: var(--space-6);
  margin-right: var(--space-6);
}
.mx-8 {
  margin-left: var(--space-8);
  margin-right: var(--space-8);
}
.mx-10 {
  margin-left: var(--space-10);
  margin-right: var(--space-10);
}
.mx-12 {
  margin-left: var(--space-12);
  margin-right: var(--space-12);
}
.mx-16 {
  margin-left: var(--space-16);
  margin-right: var(--space-16);
}
.mx-20 {
  margin-left: var(--space-20);
  margin-right: var(--space-20);
}
.mx-24 {
  margin-left: var(--space-24);
  margin-right: var(--space-24);
}
.mx-32 {
  margin-left: var(--space-32);
  margin-right: var(--space-32);
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-1 {
  margin-top: var(--space-1);
  margin-bottom: var(--space-1);
}
.my-2 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
}
.my-3 {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}
.my-4 {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}
.my-5 {
  margin-top: var(--space-5);
  margin-bottom: var(--space-5);
}
.my-6 {
  margin-top: var(--space-6);
  margin-bottom: var(--space-6);
}
.my-8 {
  margin-top: var(--space-8);
  margin-bottom: var(--space-8);
}
.my-10 {
  margin-top: var(--space-10);
  margin-bottom: var(--space-10);
}
.my-12 {
  margin-top: var(--space-12);
  margin-bottom: var(--space-12);
}
.my-16 {
  margin-top: var(--space-16);
  margin-bottom: var(--space-16);
}
.my-20 {
  margin-top: var(--space-20);
  margin-bottom: var(--space-20);
}
.my-24 {
  margin-top: var(--space-24);
  margin-bottom: var(--space-24);
}
.my-32 {
  margin-top: var(--space-32);
  margin-bottom: var(--space-32);
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: var(--space-1);
}
.mt-2 {
  margin-top: var(--space-2);
}
.mt-3 {
  margin-top: var(--space-3);
}
.mt-4 {
  margin-top: var(--space-4);
}
.mt-5 {
  margin-top: var(--space-5);
}
.mt-6 {
  margin-top: var(--space-6);
}
.mt-8 {
  margin-top: var(--space-8);
}
.mt-10 {
  margin-top: var(--space-10);
}
.mt-12 {
  margin-top: var(--space-12);
}
.mt-16 {
  margin-top: var(--space-16);
}
.mt-20 {
  margin-top: var(--space-20);
}
.mt-24 {
  margin-top: var(--space-24);
}
.mt-32 {
  margin-top: var(--space-32);
}
.mt-auto {
  margin-top: auto;
}
.mr-0 {
  margin-right: 0;
}
.mr-1 {
  margin-right: var(--space-1);
}
.mr-2 {
  margin-right: var(--space-2);
}
.mr-3 {
  margin-right: var(--space-3);
}
.mr-4 {
  margin-right: var(--space-4);
}
.mr-5 {
  margin-right: var(--space-5);
}
.mr-6 {
  margin-right: var(--space-6);
}
.mr-8 {
  margin-right: var(--space-8);
}
.mr-10 {
  margin-right: var(--space-10);
}
.mr-12 {
  margin-right: var(--space-12);
}
.mr-16 {
  margin-right: var(--space-16);
}
.mr-20 {
  margin-right: var(--space-20);
}
.mr-24 {
  margin-right: var(--space-24);
}
.mr-32 {
  margin-right: var(--space-32);
}
.mr-auto {
  margin-right: auto;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: var(--space-1);
}
.mb-2 {
  margin-bottom: var(--space-2);
}
.mb-3 {
  margin-bottom: var(--space-3);
}
.mb-4 {
  margin-bottom: var(--space-4);
}
.mb-5 {
  margin-bottom: var(--space-5);
}
.mb-6 {
  margin-bottom: var(--space-6);
}
.mb-8 {
  margin-bottom: var(--space-8);
}
.mb-10 {
  margin-bottom: var(--space-10);
}
.mb-12 {
  margin-bottom: var(--space-12);
}
.mb-16 {
  margin-bottom: var(--space-16);
}
.mb-20 {
  margin-bottom: var(--space-20);
}
.mb-24 {
  margin-bottom: var(--space-24);
}
.mb-32 {
  margin-bottom: var(--space-32);
}
.mb-auto {
  margin-bottom: auto;
}
.ml-0 {
  margin-left: 0;
}
.ml-1 {
  margin-left: var(--space-1);
}
.ml-2 {
  margin-left: var(--space-2);
}
.ml-3 {
  margin-left: var(--space-3);
}
.ml-4 {
  margin-left: var(--space-4);
}
.ml-5 {
  margin-left: var(--space-5);
}
.ml-6 {
  margin-left: var(--space-6);
}
.ml-8 {
  margin-left: var(--space-8);
}
.ml-10 {
  margin-left: var(--space-10);
}
.ml-12 {
  margin-left: var(--space-12);
}
.ml-16 {
  margin-left: var(--space-16);
}
.ml-20 {
  margin-left: var(--space-20);
}
.ml-24 {
  margin-left: var(--space-24);
}
.ml-32 {
  margin-left: var(--space-32);
}
.ml-auto {
  margin-left: auto;
}
.p-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.p-1 {
  padding-top: var(--space-1);
  padding-right: var(--space-1);
  padding-bottom: var(--space-1);
  padding-left: var(--space-1);
}
.p-2 {
  padding-top: var(--space-2);
  padding-right: var(--space-2);
  padding-bottom: var(--space-2);
  padding-left: var(--space-2);
}
.p-3 {
  padding-top: var(--space-3);
  padding-right: var(--space-3);
  padding-bottom: var(--space-3);
  padding-left: var(--space-3);
}
.p-4 {
  padding-top: var(--space-4);
  padding-right: var(--space-4);
  padding-bottom: var(--space-4);
  padding-left: var(--space-4);
}
.p-5 {
  padding-top: var(--space-5);
  padding-right: var(--space-5);
  padding-bottom: var(--space-5);
  padding-left: var(--space-5);
}
.p-6 {
  padding-top: var(--space-6);
  padding-right: var(--space-6);
  padding-bottom: var(--space-6);
  padding-left: var(--space-6);
}
.p-8 {
  padding-top: var(--space-8);
  padding-right: var(--space-8);
  padding-bottom: var(--space-8);
  padding-left: var(--space-8);
}
.p-10 {
  padding-top: var(--space-10);
  padding-right: var(--space-10);
  padding-bottom: var(--space-10);
  padding-left: var(--space-10);
}
.p-12 {
  padding-top: var(--space-12);
  padding-right: var(--space-12);
  padding-bottom: var(--space-12);
  padding-left: var(--space-12);
}
.p-16 {
  padding-top: var(--space-16);
  padding-right: var(--space-16);
  padding-bottom: var(--space-16);
  padding-left: var(--space-16);
}
.p-20 {
  padding-top: var(--space-20);
  padding-right: var(--space-20);
  padding-bottom: var(--space-20);
  padding-left: var(--space-20);
}
.p-24 {
  padding-top: var(--space-24);
  padding-right: var(--space-24);
  padding-bottom: var(--space-24);
  padding-left: var(--space-24);
}
.p-32 {
  padding-top: var(--space-32);
  padding-right: var(--space-32);
  padding-bottom: var(--space-32);
  padding-left: var(--space-32);
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-1 {
  padding-left: var(--space-1);
  padding-right: var(--space-1);
}
.px-2 {
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}
.px-3 {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
}
.px-4 {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}
.px-5 {
  padding-left: var(--space-5);
  padding-right: var(--space-5);
}
.px-6 {
  padding-left: var(--space-6);
  padding-right: var(--space-6);
}
.px-8 {
  padding-left: var(--space-8);
  padding-right: var(--space-8);
}
.px-10 {
  padding-left: var(--space-10);
  padding-right: var(--space-10);
}
.px-12 {
  padding-left: var(--space-12);
  padding-right: var(--space-12);
}
.px-16 {
  padding-left: var(--space-16);
  padding-right: var(--space-16);
}
.px-20 {
  padding-left: var(--space-20);
  padding-right: var(--space-20);
}
.px-24 {
  padding-left: var(--space-24);
  padding-right: var(--space-24);
}
.px-32 {
  padding-left: var(--space-32);
  padding-right: var(--space-32);
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-1 {
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
}
.py-2 {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}
.py-3 {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
}
.py-4 {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}
.py-5 {
  padding-top: var(--space-5);
  padding-bottom: var(--space-5);
}
.py-6 {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
}
.py-8 {
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
}
.py-10 {
  padding-top: var(--space-10);
  padding-bottom: var(--space-10);
}
.py-12 {
  padding-top: var(--space-12);
  padding-bottom: var(--space-12);
}
.py-16 {
  padding-top: var(--space-16);
  padding-bottom: var(--space-16);
}
.py-20 {
  padding-top: var(--space-20);
  padding-bottom: var(--space-20);
}
.py-24 {
  padding-top: var(--space-24);
  padding-bottom: var(--space-24);
}
.py-32 {
  padding-top: var(--space-32);
  padding-bottom: var(--space-32);
}
.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: var(--space-1);
}
.pt-2 {
  padding-top: var(--space-2);
}
.pt-3 {
  padding-top: var(--space-3);
}
.pt-4 {
  padding-top: var(--space-4);
}
.pt-5 {
  padding-top: var(--space-5);
}
.pt-6 {
  padding-top: var(--space-6);
}
.pt-8 {
  padding-top: var(--space-8);
}
.pt-10 {
  padding-top: var(--space-10);
}
.pt-12 {
  padding-top: var(--space-12);
}
.pt-16 {
  padding-top: var(--space-16);
}
.pt-20 {
  padding-top: var(--space-20);
}
.pt-24 {
  padding-top: var(--space-24);
}
.pt-32 {
  padding-top: var(--space-32);
}
.pr-0 {
  padding-right: 0;
}
.pr-1 {
  padding-right: var(--space-1);
}
.pr-2 {
  padding-right: var(--space-2);
}
.pr-3 {
  padding-right: var(--space-3);
}
.pr-4 {
  padding-right: var(--space-4);
}
.pr-5 {
  padding-right: var(--space-5);
}
.pr-6 {
  padding-right: var(--space-6);
}
.pr-8 {
  padding-right: var(--space-8);
}
.pr-10 {
  padding-right: var(--space-10);
}
.pr-12 {
  padding-right: var(--space-12);
}
.pr-16 {
  padding-right: var(--space-16);
}
.pr-20 {
  padding-right: var(--space-20);
}
.pr-24 {
  padding-right: var(--space-24);
}
.pr-32 {
  padding-right: var(--space-32);
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: var(--space-1);
}
.pb-2 {
  padding-bottom: var(--space-2);
}
.pb-3 {
  padding-bottom: var(--space-3);
}
.pb-4 {
  padding-bottom: var(--space-4);
}
.pb-5 {
  padding-bottom: var(--space-5);
}
.pb-6 {
  padding-bottom: var(--space-6);
}
.pb-8 {
  padding-bottom: var(--space-8);
}
.pb-10 {
  padding-bottom: var(--space-10);
}
.pb-12 {
  padding-bottom: var(--space-12);
}
.pb-16 {
  padding-bottom: var(--space-16);
}
.pb-20 {
  padding-bottom: var(--space-20);
}
.pb-24 {
  padding-bottom: var(--space-24);
}
.pb-32 {
  padding-bottom: var(--space-32);
}
.pl-0 {
  padding-left: 0;
}
.pl-1 {
  padding-left: var(--space-1);
}
.pl-2 {
  padding-left: var(--space-2);
}
.pl-3 {
  padding-left: var(--space-3);
}
.pl-4 {
  padding-left: var(--space-4);
}
.pl-5 {
  padding-left: var(--space-5);
}
.pl-6 {
  padding-left: var(--space-6);
}
.pl-8 {
  padding-left: var(--space-8);
}
.pl-10 {
  padding-left: var(--space-10);
}
.pl-12 {
  padding-left: var(--space-12);
}
.pl-16 {
  padding-left: var(--space-16);
}
.pl-20 {
  padding-left: var(--space-20);
}
.pl-24 {
  padding-left: var(--space-24);
}
.pl-32 {
  padding-left: var(--space-32);
}
.gap-0 {
  gap: 0;
}
.gap-x-0 {
  column-gap: 0;
}
.gap-y-0 {
  row-gap: 0;
}
.gap-1 {
  gap: var(--space-1);
}
.gap-x-1 {
  column-gap: var(--space-1);
}
.gap-y-1 {
  row-gap: var(--space-1);
}
.gap-2 {
  gap: var(--space-2);
}
.gap-x-2 {
  column-gap: var(--space-2);
}
.gap-y-2 {
  row-gap: var(--space-2);
}
.gap-3 {
  gap: var(--space-3);
}
.gap-x-3 {
  column-gap: var(--space-3);
}
.gap-y-3 {
  row-gap: var(--space-3);
}
.gap-4 {
  gap: var(--space-4);
}
.gap-x-4 {
  column-gap: var(--space-4);
}
.gap-y-4 {
  row-gap: var(--space-4);
}
.gap-5 {
  gap: var(--space-5);
}
.gap-x-5 {
  column-gap: var(--space-5);
}
.gap-y-5 {
  row-gap: var(--space-5);
}
.gap-6 {
  gap: var(--space-6);
}
.gap-x-6 {
  column-gap: var(--space-6);
}
.gap-y-6 {
  row-gap: var(--space-6);
}
.gap-8 {
  gap: var(--space-8);
}
.gap-x-8 {
  column-gap: var(--space-8);
}
.gap-y-8 {
  row-gap: var(--space-8);
}
.gap-10 {
  gap: var(--space-10);
}
.gap-x-10 {
  column-gap: var(--space-10);
}
.gap-y-10 {
  row-gap: var(--space-10);
}
.gap-12 {
  gap: var(--space-12);
}
.gap-x-12 {
  column-gap: var(--space-12);
}
.gap-y-12 {
  row-gap: var(--space-12);
}
.gap-16 {
  gap: var(--space-16);
}
.gap-x-16 {
  column-gap: var(--space-16);
}
.gap-y-16 {
  row-gap: var(--space-16);
}
.gap-20 {
  gap: var(--space-20);
}
.gap-x-20 {
  column-gap: var(--space-20);
}
.gap-y-20 {
  row-gap: var(--space-20);
}
.gap-24 {
  gap: var(--space-24);
}
.gap-x-24 {
  column-gap: var(--space-24);
}
.gap-y-24 {
  row-gap: var(--space-24);
}
.gap-32 {
  gap: var(--space-32);
}
.gap-x-32 {
  column-gap: var(--space-32);
}
.gap-y-32 {
  row-gap: var(--space-32);
}
@media (min-width: 576px) {
  .gap-sm-4 {
    gap: var(--space-4);
  }
  .gap-sm-6 {
    gap: var(--space-6);
  }
  .gap-sm-8 {
    gap: var(--space-8);
  }
  .gap-sm-12 {
    gap: var(--space-12);
  }
}
@media (min-width: 768px) {
  .gap-md-4 {
    gap: var(--space-4);
  }
  .gap-md-6 {
    gap: var(--space-6);
  }
  .gap-md-8 {
    gap: var(--space-8);
  }
  .gap-md-12 {
    gap: var(--space-12);
  }
}
@media (min-width: 1024px) {
  .gap-lg-4 {
    gap: var(--space-4);
  }
  .gap-lg-6 {
    gap: var(--space-6);
  }
  .gap-lg-8 {
    gap: var(--space-8);
  }
  .gap-lg-12 {
    gap: var(--space-12);
  }
}
@media (min-width: 1280px) {
  .gap-xl-4 {
    gap: var(--space-4);
  }
  .gap-xl-6 {
    gap: var(--space-6);
  }
  .gap-xl-8 {
    gap: var(--space-8);
  }
  .gap-xl-12 {
    gap: var(--space-12);
  }
}
.w-full {
  width: 100%;
}
.w-auto {
  width: auto;
}
.w-1-2 {
  width: 50%;
}
.h-full {
  height: 100%;
}
.h-auto {
  height: auto;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-dvh {
  min-height: 100dvh;
}
.max-w-xs {
  max-width: 320px;
}
.max-w-sm {
  max-width: var(--container-sm);
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-lg {
  max-width: var(--container-lg);
}
.max-w-xl {
  max-width: var(--container-xl);
}
.max-w-prose {
  max-width: 68ch;
}
.max-w-none {
  max-width: none;
}
.aspect-video {
  aspect-ratio: 16/9;
}
.aspect-square {
  aspect-ratio: 1/1;
}
.size-4 {
  width: 16px;
  height: 16px;
}
.size-5 {
  width: 20px;
  height: 20px;
}
.size-6 {
  width: 24px;
  height: 24px;
}
.size-8 {
  width: 32px;
  height: 32px;
}
.size-10 {
  width: 40px;
  height: 40px;
}
.size-12 {
  width: 48px;
  height: 48px;
}
.size-16 {
  width: 64px;
  height: 64px;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
.static {
  position: static;
}
.inset-0 {
  inset: 0;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-auto {
  overflow: auto;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-visible {
  overflow: visible;
}
.text-2xs {
  font-size: var(--font-size-2xs);
  line-height: var(--line-height-2xs);
}
.text-xs {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
}
.text-sm {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
}
.text-base {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}
.text-md {
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
}
.text-lg {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
}
.text-xl {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-xl);
}
.text-2xl {
  font-size: var(--font-size-2xl);
  line-height: 1.2;
}
.text-3xl {
  font-size: var(--font-size-3xl);
  line-height: 1.2;
}
.text-4xl {
  font-size: var(--font-size-4xl);
  line-height: 1.2;
}
.text-5xl {
  font-size: var(--font-size-5xl);
  line-height: 1.2;
}
.text-start {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: right;
}
@media (min-width: 576px) {
  .text-sm-start {
    text-align: left;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-end {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .text-md-start {
    text-align: left;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-end {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .text-lg-start {
    text-align: left;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-end {
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .text-xl-start {
    text-align: left;
  }
  .text-xl-center {
    text-align: center;
  }
  .text-xl-end {
    text-align: right;
  }
}
.font-normal {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.font-sans {
  font-family: var(--font-sans);
}
.font-mono {
  font-family: var(--font-mono);
}
.uppercase {
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration: underline;
}
.no-underline {
  text-decoration: none;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nowrap {
  white-space: nowrap;
}
.balance {
  text-wrap: balance;
}
.break-words {
  overflow-wrap: anywhere;
}
.tabular-nums {
  font-variant-numeric: tabular-nums;
}
.leading-tight {
  line-height: 1.2;
}
.leading-snug {
  line-height: 1.4;
}
.leading-normal {
  line-height: 1.6;
}
.tracking-tight {
  letter-spacing: var(--tracking-tight);
}
.tracking-display {
  letter-spacing: var(--tracking-display);
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.text-primary {
  color: var(--text-primary);
}
.text-secondary {
  color: var(--text-secondary);
}
.text-tertiary {
  color: var(--text-tertiary);
}
.text-quaternary {
  color: var(--text-quaternary);
}
.text-brand {
  color: var(--text-brand);
}
.text-accent {
  color: var(--text-accent);
}
.text-success {
  color: var(--text-success);
}
.text-warn {
  color: var(--text-warn);
}
.text-danger {
  color: var(--text-danger);
}
.text-red {
  color: var(--text-red);
}
.text-orange {
  color: var(--text-orange);
}
.text-yellow {
  color: var(--text-yellow);
}
.text-green {
  color: var(--text-green);
}
.text-cyan {
  color: var(--text-cyan);
}
.text-blue {
  color: var(--text-blue);
}
.text-magenta {
  color: var(--text-magenta);
}
.text-purple {
  color: var(--text-purple);
}
.text-inverted {
  color: var(--text-inverted);
}
.text-luminous {
  color: var(--text-luminous);
}
.text-current {
  color: currentColor;
}
.bg-chrome {
  background-color: var(--bg-chrome);
}
.bg-editor {
  background-color: var(--bg-editor);
}
.bg-sidebar {
  background-color: var(--bg-sidebar);
}
.bg-elevated {
  background-color: var(--bg-elevated);
}
.bg-primary {
  background-color: var(--bg-primary);
}
.bg-secondary {
  background-color: var(--bg-secondary);
}
.bg-tertiary {
  background-color: var(--bg-tertiary);
}
.bg-quaternary {
  background-color: var(--bg-quaternary);
}
.bg-quinary {
  background-color: var(--bg-quinary);
}
.bg-transparent {
  background-color: transparent;
}
.bg-neutral {
  background-color: var(--bg-neutral);
}
.bg-brand {
  background-color: var(--bg-brand);
}
.bg-brand-secondary {
  background-color: var(--bg-brand-secondary);
}
.bg-brand-tertiary {
  background-color: var(--bg-brand-tertiary);
}
.bg-brand-quaternary {
  background-color: var(--bg-brand-quaternary);
}
.bg-accent {
  background-color: var(--bg-accent);
}
.bg-accent-secondary {
  background-color: var(--bg-accent-secondary);
}
.bg-accent-tertiary {
  background-color: var(--bg-accent-tertiary);
}
.bg-accent-quaternary {
  background-color: var(--bg-accent-quaternary);
}
.bg-success {
  background-color: var(--bg-success);
}
.bg-success-secondary {
  background-color: var(--bg-success-secondary);
}
.bg-success-tertiary {
  background-color: var(--bg-success-tertiary);
}
.bg-success-quaternary {
  background-color: var(--bg-success-quaternary);
}
.bg-warn {
  background-color: var(--bg-warn);
}
.bg-warn-secondary {
  background-color: var(--bg-warn-secondary);
}
.bg-warn-tertiary {
  background-color: var(--bg-warn-tertiary);
}
.bg-warn-quaternary {
  background-color: var(--bg-warn-quaternary);
}
.bg-danger {
  background-color: var(--bg-danger);
}
.bg-danger-secondary {
  background-color: var(--bg-danger-secondary);
}
.bg-danger-tertiary {
  background-color: var(--bg-danger-tertiary);
}
.bg-danger-quaternary {
  background-color: var(--bg-danger-quaternary);
}
.bg-red {
  background-color: var(--bg-red);
}
.bg-red-secondary {
  background-color: var(--bg-red-secondary);
}
.bg-red-tertiary {
  background-color: var(--bg-red-tertiary);
}
.bg-red-quaternary {
  background-color: var(--bg-red-quaternary);
}
.bg-orange {
  background-color: var(--bg-orange);
}
.bg-orange-secondary {
  background-color: var(--bg-orange-secondary);
}
.bg-orange-tertiary {
  background-color: var(--bg-orange-tertiary);
}
.bg-orange-quaternary {
  background-color: var(--bg-orange-quaternary);
}
.bg-yellow {
  background-color: var(--bg-yellow);
}
.bg-yellow-secondary {
  background-color: var(--bg-yellow-secondary);
}
.bg-yellow-tertiary {
  background-color: var(--bg-yellow-tertiary);
}
.bg-yellow-quaternary {
  background-color: var(--bg-yellow-quaternary);
}
.bg-green {
  background-color: var(--bg-green);
}
.bg-green-secondary {
  background-color: var(--bg-green-secondary);
}
.bg-green-tertiary {
  background-color: var(--bg-green-tertiary);
}
.bg-green-quaternary {
  background-color: var(--bg-green-quaternary);
}
.bg-cyan {
  background-color: var(--bg-cyan);
}
.bg-cyan-secondary {
  background-color: var(--bg-cyan-secondary);
}
.bg-cyan-tertiary {
  background-color: var(--bg-cyan-tertiary);
}
.bg-cyan-quaternary {
  background-color: var(--bg-cyan-quaternary);
}
.bg-blue {
  background-color: var(--bg-blue);
}
.bg-blue-secondary {
  background-color: var(--bg-blue-secondary);
}
.bg-blue-tertiary {
  background-color: var(--bg-blue-tertiary);
}
.bg-blue-quaternary {
  background-color: var(--bg-blue-quaternary);
}
.bg-magenta {
  background-color: var(--bg-magenta);
}
.bg-magenta-secondary {
  background-color: var(--bg-magenta-secondary);
}
.bg-magenta-tertiary {
  background-color: var(--bg-magenta-tertiary);
}
.bg-magenta-quaternary {
  background-color: var(--bg-magenta-quaternary);
}
.bg-purple {
  background-color: var(--bg-purple);
}
.bg-purple-secondary {
  background-color: var(--bg-purple-secondary);
}
.bg-purple-tertiary {
  background-color: var(--bg-purple-tertiary);
}
.bg-purple-quaternary {
  background-color: var(--bg-purple-quaternary);
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0;
}
.border-t {
  border-top-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-primary {
  border-color: var(--border-primary);
}
.border-secondary {
  border-color: var(--border-secondary);
}
.border-tertiary {
  border-color: var(--border-tertiary);
}
.border-quaternary {
  border-color: var(--border-quaternary);
}
.border-brand {
  border-color: var(--border-brand);
}
.border-brand-secondary {
  border-color: var(--border-brand-secondary);
}
.border-brand-tertiary {
  border-color: var(--border-brand-tertiary);
}
.border-accent {
  border-color: var(--border-accent);
}
.border-accent-secondary {
  border-color: var(--border-accent-secondary);
}
.border-accent-tertiary {
  border-color: var(--border-accent-tertiary);
}
.border-success {
  border-color: var(--border-success);
}
.border-success-secondary {
  border-color: var(--border-success-secondary);
}
.border-success-tertiary {
  border-color: var(--border-success-tertiary);
}
.border-warn {
  border-color: var(--border-warn);
}
.border-warn-secondary {
  border-color: var(--border-warn-secondary);
}
.border-warn-tertiary {
  border-color: var(--border-warn-tertiary);
}
.border-danger {
  border-color: var(--border-danger);
}
.border-danger-secondary {
  border-color: var(--border-danger-secondary);
}
.border-danger-tertiary {
  border-color: var(--border-danger-tertiary);
}
.border-transparent {
  border-color: transparent;
}
.rounded-xs {
  border-radius: var(--radius-xs);
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-full {
  border-radius: var(--radius-full);
}
.rounded-0 {
  border-radius: 0;
}
.rounded {
  border-radius: var(--radius-md);
}
.ring-primary {
  box-shadow: 0 0 0 1px var(--border-primary);
}
.ring-secondary {
  box-shadow: 0 0 0 1px var(--border-secondary);
}
.ring-tertiary {
  box-shadow: 0 0 0 1px var(--border-tertiary);
}
.ring-quaternary {
  box-shadow: 0 0 0 1px var(--border-quaternary);
}
.shadow-card {
  box-shadow: var(--shadow-card);
}
.shadow-popover {
  box-shadow: var(--shadow-popover);
}
.shadow-dialog {
  box-shadow: var(--shadow-dialog);
}
.shadow-glow {
  box-shadow: var(--shadow-glow);
}
.shadow-elevated {
  box-shadow: var(--shadow-elevated);
}
.shadow-none {
  box-shadow: none;
}
.opacity-0 {
  opacity: 0;
}
.opacity-50 {
  opacity: .5;
}
.opacity-75 {
  opacity: .75;
}
.opacity-100 {
  opacity: 1;
}
.pointer-events-none {
  pointer-events: none;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.cursor-pointer {
  cursor: pointer;
}
.transition {
  transition:
    background-color var(--duration-base) var(--ease-standard),
    color var(--duration-base) var(--ease-standard),
    box-shadow var(--duration-base) var(--ease-standard),
    transform var(--duration-slow) var(--ease-out),
    opacity var(--duration-base) var(--ease-standard);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.divide-y > * + * {
  border-top: 1px solid var(--border-tertiary);
}
.divide-x > * + * {
  border-left: 1px solid var(--border-tertiary);
}

/* src/css/gutter.css */