/* Glass: the one sheet every component stands on. Light, landing in glass, over the universe.

   Two systems, one sheet:
   - Glass Lines gives the material: there is no brand colour, there is light. White hairlines join pieces of
     information, a pulse of light travels along them, and where it lands the glass takes a faint prism (pale
     blue, rose, mint, peach) that fades back to white. The prism lives in four places only: the mark's core,
     the one call to action on a screen, where light lands (and the chosen chip), and the hairline that marks
     the place you are. Never a fill, never a text colour, never a wash.
   - The Universe gives the laws: the world is the ground and the interface floats over it; the serif is the
     voice and the sans is the hands; numbers are large and honest; motion has weight and nothing bounces;
     a ring, never a border drawn round content; a finger's reach is 44 px.

   ONE SCALE FOR EVERYTHING (a gap off the scale fails the audit)
     space    4 8 12 16 24 32 48 64 96            --s1 … --s9   (2 px is allowed for hairline gaps only)
     type     12 14 16 20 · 28 36 48 64           --t-xs --t-s --t-m --t-l · --t-d1 … --t-d4
     leading  16 20 24 28 · 32 40 52 64           every line box lands on the 4 px grid, so rows align
     radius   6 10 16 24 · pill                   --r0 --r1 --r2 --r3 --r-pill; nested radius = outer − inset
     height   24 32 40 48                         --h-xs --h-s --h-m --h-l; coarse pointers reach 44
     motion   press 120 · micro 160 · glide 340 · land 220 in, 1400 out · rise 280 · macro 600

   WHAT READS AS MADE BY A MACHINE, AND IS THEREFORE NOT HERE
     tracked uppercase micro-labels (labels are sentence case at 12 in the third ink; wide capitals belong to
     the wordmark alone) · bordered status pills (a status is a dot and a word) · card soup (glass is for the
     one object a surface is about; everything else sits on the page with space and a hairline) · many micro
     sizes · monospace figures (figures are Geist with tabular numerals; mono is for code only).

   THEMES  Ink (night) is the default. Day is daylight on paper. The device decides, then a host's data-theme
   ("light" / "dark") if it sets one, unless a root says class="ink" or class="day"; any subtree can pin either. */

@property --turn { syntax: "<angle>"; inherits: false; initial-value: 210deg; }

:root, .ink {
  color-scheme: dark;
  --f-ui: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --f-voice: "Instrument Serif", "Young Serif", "Iowan Old Style", Georgia, serif;
  --f-wide: "Archivo", "Geist", -apple-system, sans-serif;
  --f-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;
  --t-xs: 12px; --t-s: 14px; --t-m: 16px; --t-l: 20px; --t-d1: 28px; --t-d2: 36px; --t-d3: 48px; --t-d4: 64px;
  --lh-xs: 16px; --lh-s: 20px; --lh-m: 24px; --lh-l: 28px; --lh-d1: 32px; --lh-d2: 40px; --lh-d3: 52px; --lh-d4: 64px;
  --r0: 6px; --r1: 10px; --r2: 16px; --r3: 24px; --r-pill: 999px;
  --h-xs: 24px; --h-s: 32px; --h-m: 40px; --h-l: 48px; --reach: 44px;

  --ease: cubic-bezier(.3, .7, .2, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-light: cubic-bezier(.45, .05, .35, 1);
  --spring: cubic-bezier(.34, 1.36, .64, 1);
  --d-press: 120ms; --d-micro: 160ms; --d-dur: 180ms; --d-rise: 280ms; --d-glide: 340ms; --d-slow: 420ms; --d-macro: 600ms;
  --d-land: 220ms; --d-fade: 1400ms; --d-turn: 6s; --d-step: 20ms;

  /* Ink: the ground is the night sky with a violet bias, the ink a cool white */
  --ground: #060509; --surface: #0e0d13; --raised: #15141b; --sunk: #09080d;
  --line: rgba(236, 232, 248, .09); --line-2: rgba(236, 232, 248, .16); --line-3: rgba(236, 232, 248, .26);
  --tint: rgba(255, 255, 255, .05); --tint-2: rgba(255, 255, 255, .09); --tint-3: rgba(255, 255, 255, .14);
  --ink: #f1eef7; --ink-2: #aca7c0; --ink-3: #8a85a0; --ink-4: #615c75;
  --on-ink: #0d0c12;

  /* meanings. light is the accent and what was recorded; glass is what was seen; gap is what has no record.
     ok / warn / bad are states and never a series colour. */
  --light: #f7f5fc; --core: #ffffff; --glass: #a9c8d6; --gap: #df9483;
  --ok: #7fd8ae; --warn: #e9c27a; --bad: #f08a8a;
  --ok-soft: rgba(127, 216, 174, .12); --warn-soft: rgba(233, 194, 122, .12); --bad-soft: rgba(240, 138, 138, .12); --gap-soft: rgba(223, 148, 131, .12); --glass-soft: rgba(169, 200, 214, .12);

  /* series: the prism, deepened until a chart can tell them apart (validated: lightness band, chroma,
     colour-blind separation, contrast). Fixed order, never cycled; a sixth series folds into "Other". */
  --c1: #5b8def; --c2: #d65c9c; --c3: #c4862c; --c4: #2ba487; --c5: #8b78ea; --c-other: #6e6a80;

  /* the prism: four pale hues between two whites */
  --prism-stops: rgba(255,255,255,.15), rgba(208,222,255,.95), rgba(246,212,236,.9), rgba(210,244,232,.9), rgba(255,236,216,.9), rgba(255,255,255,.15);
  --prism-line: linear-gradient(90deg, rgba(208,222,255,0), rgba(208,222,255,.95) 18%, rgba(246,212,236,.9) 42%, rgba(210,244,232,.9) 66%, rgba(255,236,216,.9) 86%, rgba(255,236,216,0));
  --prism-fall: linear-gradient(180deg, rgba(208,222,255,.95), rgba(246,212,236,.85) 36%, rgba(210,244,232,.8) 68%, rgba(255,236,216,.35));
  --beam: rgba(214, 224, 255, .5);
  --bloom: 0 0 44px -12px rgba(214,224,255,.42), inset 0 0 36px -16px rgba(255,255,255,.28);
  --glow: 0 0 28px -6px rgba(214,224,255,.55), 0 0 60px -20px rgba(246,212,236,.35);
  --core-glow: drop-shadow(0 0 1.6px rgba(255,255,255,.95)) drop-shadow(-1.3px -.5px 2.2px rgba(208,222,255,.85)) drop-shadow(1.3px -.4px 2.2px rgba(246,212,236,.75)) drop-shadow(0 1.4px 2.2px rgba(210,244,232,.7));

  /* glass: frosted, translucent, a light top edge */
  --frost: blur(18px) saturate(125%);
  --pane: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016));
  --pane-solid: linear-gradient(180deg, #14131a, #100f15);
  --pane-edge: inset 0 1px 0 rgba(255,255,255,.07), inset 0 0 0 1px rgba(255,255,255,.035);
  --ring: inset 0 0 0 var(--edge-w) var(--line);
  --ring-2: inset 0 0 0 var(--edge-w) var(--line-2);
  --shadow: 0 24px 48px -32px rgba(0,0,0,.9);
  --shadow-pop: 0 1px 0 rgba(255,255,255,.04) inset, 0 0 0 1px rgba(255,255,255,.06), 0 16px 40px -12px rgba(0,0,0,.75), 0 4px 12px -4px rgba(0,0,0,.5);
  --scrim: rgba(4, 3, 8, .62);

  /* the one call to action: a pearl on Ink */
  --cta: linear-gradient(180deg, #ffffff 0%, #f2f1f5 46%, #dcdbe3 100%);
  --cta-ink: #0d0c12;
  --cta-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(0,0,0,.16), 0 1px 1px rgba(0,0,0,.35), 0 12px 26px -14px rgba(0,0,0,.9);

  /* the focus ring goes FIRST in any box-shadow list it joins: the first shadow paints on top, and a lens's own shadow
     (a hard offset, a thick spread) drawn above it would cover the ring. tools/lint.mjs refuses the other order in a
     component; here and in site.css it is kept by hand. */
  --focus: 0 0 0 2px var(--ground), 0 0 0 3.5px rgba(214, 224, 255, .9);
  --pick: #f1eef7; --on-pick: #0d0c12;   /* the fill of a chosen check, switch or segment, and the ink on it */

  /* the comic material: a lens may set each (the Table lens does); every default here draws nothing, so Glass and
     every other lens look as they did. --ground-art layers over the ground (alpha .3 or below, so the audit still
     measures over it; none, an empty layer, by default: even a transparent gradient changes how a page is rasterised);
     the voice may be outlined and lifted; a press may sink instead of shrink; a ring may be wider;
     an entrance may start turned; a stamp may rest tilted. */
  --ground-art: none;
  --voice-stroke: 0 transparent; --voice-lift: none;
  --press: scale(.98); --cta-press: var(--cta-shadow);
  --edge-w: 1px;
  --arrive: translateY(8px); --arrive-pop: scale(.94); --tilt: 0deg;

  /* Optional material for a navigation bar; no existing piece reads it. The primary's tracking is unset so
     its inherited spacing stays exactly as before, including inside a tracked parent. */
  --bar: var(--pane); --bar-edge: var(--pane-edge); --bar-frost: var(--frost); --bar-tracking: normal;
  --cta-tracking: initial;
  /* Optional source materials: defaults preserve the existing themes. */
  --lens-exact: 0;
  --glass-wash: transparent;
  --glass-dark: none;
  --glass-right-drop: none;
  --glass-left-drop: none;

  --seg-first-three: var(--seg-first);
  --facts-min-height: 0px;

  --f-meta: var(--f-ui);
  --glass-layer-display: none;
  --glass-light-filter: none;
  --glass-right-fill: none;
  --glass-left-fill: none;
  --seg-ink: var(--ink);

  --pearl-frame: 0;
  --pearl-rim-shadow: none;
  --pearl-ring: var(--cta);
  --pearl-edge: var(--line);
  --pearl-label: linear-gradient(var(--cta-ink), var(--cta-ink));
  --pearl-label-shadow: none;
  --glass-base: var(--pane);
  --glass-edge: var(--pane-edge);
  --glass-drop: var(--shadow);
  --glass-light: none;
  --glass-right: var(--pane-edge);
  --glass-left: var(--pane-edge);
  --glass-top: none;
  --seg-inset: 2px;
  --seg-gap: 2px;
  --seg-height: initial;
  --seg-weight: 500;
  --seg-disabled: .4;
  --seg-first: auto;
  --seg-chosen: var(--pane), var(--surface);
  --seg-track: var(--pane);
  --seg-edge: var(--pane-edge), var(--shadow);
  --facts-pad: var(--s4);
  --facts-gap: var(--s3);
  --facts-columns: 1fr 1fr;
  --facts-label-size: var(--t-xs);
  --facts-label-line: var(--lh-xs);
  --facts-surface: var(--pane), var(--surface);
  --facts-edge: var(--pane-edge), var(--shadow);
  --facts-frost: var(--frost);
  --sheet-handle: var(--line-2);
  --sheet-detail: var(--pane-solid);
  --sheet-frost: var(--frost);
  --scrim-frost: none;
  --head-title-ink: var(--ink);

}

@media (prefers-color-scheme: light) {
  :root:not(.ink):not([data-theme="dark"]) {
    color-scheme: light;
    --ground: #efede7; --surface: #f7f6f2; --raised: #ffffff; --sunk: #e7e4dc;
    --line: rgba(20,16,30,.11); --line-2: rgba(20,16,30,.18); --line-3: rgba(20,16,30,.28);
    --tint: rgba(20,16,30,.04); --tint-2: rgba(20,16,30,.075); --tint-3: rgba(20,16,30,.11);
    --ink: #121018; --ink-2: #4d4860; --ink-3: #66617a; --ink-4: #908ba2;
    --on-ink: #ffffff;
    --light: #2b2836; --core: #2b2836; --glass: #2a6580; --gap: #a2483a;
    --ok: #15703f; --warn: #7d5400; --bad: #b3261e;
    --ok-soft: rgba(21,112,63,.09); --warn-soft: rgba(125,84,0,.09); --bad-soft: rgba(179,38,30,.08); --gap-soft: rgba(162,72,58,.08); --glass-soft: rgba(42,101,128,.08);
    --c1: #3b6fd8; --c2: #c2457f; --c3: #a8650f; --c4: #14866a; --c5: #6a55d0; --c-other: #8d889c;
    --prism-stops: rgba(20,16,30,.08), rgba(92,116,214,.8), rgba(198,92,156,.72), rgba(46,156,118,.72), rgba(206,134,60,.72), rgba(20,16,30,.08);
    --prism-line: linear-gradient(90deg, rgba(92,116,214,0), rgba(92,116,214,.8) 18%, rgba(198,92,156,.72) 42%, rgba(46,156,118,.72) 66%, rgba(206,134,60,.72) 86%, rgba(206,134,60,0));
    --prism-fall: linear-gradient(180deg, rgba(92,116,214,.8), rgba(198,92,156,.7) 36%, rgba(46,156,118,.68) 68%, rgba(206,134,60,.3));
    --beam: rgba(92,116,214,.28);
    --bloom: 0 0 40px -14px rgba(92,116,214,.3), inset 0 0 30px -18px rgba(198,92,156,.18);
    --glow: 0 0 26px -8px rgba(92,116,214,.32), 0 0 54px -22px rgba(198,92,156,.26);
    --core-glow: drop-shadow(0 0 1.2px rgba(255,255,255,.9)) drop-shadow(-1.2px -.5px 2px rgba(92,116,214,.55)) drop-shadow(1.2px -.4px 2px rgba(198,92,156,.5)) drop-shadow(0 1.3px 2px rgba(46,156,118,.45));
    --pane: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.55));
    --pane-solid: linear-gradient(180deg, #ffffff, #fbfaf7);
    --pane-edge: inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(20,16,30,.06);
    --shadow: 0 16px 34px -24px rgba(40,30,80,.35);
    --shadow-pop: 0 0 0 1px rgba(20,16,30,.07), 0 16px 40px -14px rgba(40,30,80,.28), 0 4px 12px -4px rgba(40,30,80,.12);
    --scrim: rgba(239, 237, 231, .7);
    --cta: linear-gradient(180deg, #2c2935 0%, #1a1820 54%, #121018 100%);
    --cta-ink: #ffffff;
    --cta-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(0,0,0,.4), 0 1px 1px rgba(20,16,30,.2), 0 12px 26px -14px rgba(40,30,80,.55);
    --focus: 0 0 0 2px var(--ground), 0 0 0 3.5px rgba(59, 79, 160, .85);
    --pick: #121018; --on-pick: #ffffff;
    --ring: inset 0 0 0 var(--edge-w) var(--line); --ring-2: inset 0 0 0 var(--edge-w) var(--line-2);
    --ground-art: none; --voice-stroke: 0 transparent; --voice-lift: none;
    --press: scale(.98); --cta-press: var(--cta-shadow); --edge-w: 1px; --arrive: translateY(8px); --arrive-pop: scale(.94); --tilt: 0deg;
    --bar: var(--pane); --bar-edge: var(--pane-edge); --bar-frost: var(--frost); --bar-tracking: normal;
    --cta-tracking: initial;
  /* Optional source materials: defaults preserve the existing themes. */
  --lens-exact: 0;
  --glass-wash: transparent;
  --glass-dark: none;
  --glass-right-drop: none;
  --glass-left-drop: none;

  --seg-first-three: var(--seg-first);
  --facts-min-height: 0px;

  --f-meta: var(--f-ui);
  --glass-layer-display: none;
  --glass-light-filter: none;
  --glass-right-fill: none;
  --glass-left-fill: none;
  --seg-ink: var(--ink);

  --pearl-frame: 0;
  --pearl-rim-shadow: none;
  --pearl-ring: var(--cta);
  --pearl-edge: var(--line);
  --pearl-label: linear-gradient(var(--cta-ink), var(--cta-ink));
  --pearl-label-shadow: none;
  --glass-base: var(--pane);
  --glass-edge: var(--pane-edge);
  --glass-drop: var(--shadow);
  --glass-light: none;
  --glass-right: var(--pane-edge);
  --glass-left: var(--pane-edge);
  --glass-top: none;
  --seg-inset: 2px;
  --seg-gap: 2px;
  --seg-height: initial;
  --seg-weight: 500;
  --seg-disabled: .4;
  --seg-first: auto;
  --seg-chosen: var(--pane), var(--surface);
  --seg-track: var(--pane);
  --seg-edge: var(--pane-edge), var(--shadow);
  --facts-pad: var(--s4);
  --facts-gap: var(--s3);
  --facts-columns: 1fr 1fr;
  --facts-label-size: var(--t-xs);
  --facts-label-line: var(--lh-xs);
  --facts-surface: var(--pane), var(--surface);
  --facts-edge: var(--pane-edge), var(--shadow);
  --facts-frost: var(--frost);
  --sheet-handle: var(--line-2);
  --sheet-detail: var(--pane-solid);
  --sheet-frost: var(--frost);
  --scrim-frost: none;
  --head-title-ink: var(--ink);

  }
}

/* a subtree pinned to Day whatever the device says, or a viewer who chose light: the same values */
.day, :root[data-theme="light"]:not(.ink) {
  color-scheme: light;
  --ground: #efede7; --surface: #f7f6f2; --raised: #ffffff; --sunk: #e7e4dc;
  --line: rgba(20,16,30,.11); --line-2: rgba(20,16,30,.18); --line-3: rgba(20,16,30,.28);
  --tint: rgba(20,16,30,.04); --tint-2: rgba(20,16,30,.075); --tint-3: rgba(20,16,30,.11);
  --ink: #121018; --ink-2: #4d4860; --ink-3: #66617a; --ink-4: #908ba2;
  --on-ink: #ffffff;
  --light: #2b2836; --core: #2b2836; --glass: #2a6580; --gap: #a2483a;
  --ok: #15703f; --warn: #7d5400; --bad: #b3261e;
  --ok-soft: rgba(21,112,63,.09); --warn-soft: rgba(125,84,0,.09); --bad-soft: rgba(179,38,30,.08); --gap-soft: rgba(162,72,58,.08); --glass-soft: rgba(42,101,128,.08);
  --c1: #3b6fd8; --c2: #c2457f; --c3: #a8650f; --c4: #14866a; --c5: #6a55d0; --c-other: #8d889c;
  --prism-stops: rgba(20,16,30,.08), rgba(92,116,214,.8), rgba(198,92,156,.72), rgba(46,156,118,.72), rgba(206,134,60,.72), rgba(20,16,30,.08);
  --prism-line: linear-gradient(90deg, rgba(92,116,214,0), rgba(92,116,214,.8) 18%, rgba(198,92,156,.72) 42%, rgba(46,156,118,.72) 66%, rgba(206,134,60,.72) 86%, rgba(206,134,60,0));
  --prism-fall: linear-gradient(180deg, rgba(92,116,214,.8), rgba(198,92,156,.7) 36%, rgba(46,156,118,.68) 68%, rgba(206,134,60,.3));
  --beam: rgba(92,116,214,.28);
  --bloom: 0 0 40px -14px rgba(92,116,214,.3), inset 0 0 30px -18px rgba(198,92,156,.18);
  --glow: 0 0 26px -8px rgba(92,116,214,.32), 0 0 54px -22px rgba(198,92,156,.26);
  --core-glow: drop-shadow(0 0 1.2px rgba(255,255,255,.9)) drop-shadow(-1.2px -.5px 2px rgba(92,116,214,.55)) drop-shadow(1.2px -.4px 2px rgba(198,92,156,.5)) drop-shadow(0 1.3px 2px rgba(46,156,118,.45));
  --pane: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.55));
  --pane-solid: linear-gradient(180deg, #ffffff, #fbfaf7);
  --pane-edge: inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(20,16,30,.06);
  --shadow: 0 16px 34px -24px rgba(40,30,80,.35);
  --shadow-pop: 0 0 0 1px rgba(20,16,30,.07), 0 16px 40px -14px rgba(40,30,80,.28), 0 4px 12px -4px rgba(40,30,80,.12);
  --scrim: rgba(239, 237, 231, .7);
  --cta: linear-gradient(180deg, #2c2935 0%, #1a1820 54%, #121018 100%);
  --cta-ink: #ffffff;
  --cta-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(0,0,0,.4), 0 1px 1px rgba(20,16,30,.2), 0 12px 26px -14px rgba(40,30,80,.55);
  --focus: 0 0 0 2px var(--ground), 0 0 0 3.5px rgba(59, 79, 160, .85);
  --pick: #121018; --on-pick: #ffffff;
  --ring: inset 0 0 0 var(--edge-w) var(--line); --ring-2: inset 0 0 0 var(--edge-w) var(--line-2);
  --ground-art: none; --voice-stroke: 0 transparent; --voice-lift: none;
  --press: scale(.98); --cta-press: var(--cta-shadow); --edge-w: 1px; --arrive: translateY(8px); --arrive-pop: scale(.94); --tilt: 0deg;
  --bar: var(--pane); --bar-edge: var(--pane-edge); --bar-frost: var(--frost); --bar-tracking: normal;
  --cta-tracking: initial;
  /* Optional source materials: defaults preserve the existing themes. */
  --lens-exact: 0;
  --glass-wash: transparent;
  --glass-dark: none;
  --glass-right-drop: none;
  --glass-left-drop: none;

  --seg-first-three: var(--seg-first);
  --facts-min-height: 0px;

  --f-meta: var(--f-ui);
  --glass-layer-display: none;
  --glass-light-filter: none;
  --glass-right-fill: none;
  --glass-left-fill: none;
  --seg-ink: var(--ink);

  --pearl-frame: 0;
  --pearl-rim-shadow: none;
  --pearl-ring: var(--cta);
  --pearl-edge: var(--line);
  --pearl-label: linear-gradient(var(--cta-ink), var(--cta-ink));
  --pearl-label-shadow: none;
  --glass-base: var(--pane);
  --glass-edge: var(--pane-edge);
  --glass-drop: var(--shadow);
  --glass-light: none;
  --glass-right: var(--pane-edge);
  --glass-left: var(--pane-edge);
  --glass-top: none;
  --seg-inset: 2px;
  --seg-gap: 2px;
  --seg-height: initial;
  --seg-weight: 500;
  --seg-disabled: .4;
  --seg-first: auto;
  --seg-chosen: var(--pane), var(--surface);
  --seg-track: var(--pane);
  --seg-edge: var(--pane-edge), var(--shadow);
  --facts-pad: var(--s4);
  --facts-gap: var(--s3);
  --facts-columns: 1fr 1fr;
  --facts-label-size: var(--t-xs);
  --facts-label-line: var(--lh-xs);
  --facts-surface: var(--pane), var(--surface);
  --facts-edge: var(--pane-edge), var(--shadow);
  --facts-frost: var(--frost);
  --sheet-handle: var(--line-2);
  --sheet-detail: var(--pane-solid);
  --sheet-frost: var(--frost);
  --scrim-frost: none;
  --head-title-ink: var(--ink);

}

/* ── the root of anything drawn in Glass ───────────────────────────────────────────────────────────── */
.g-root {
  font: 400 var(--t-s)/var(--lh-s) var(--f-ui);
  color: var(--ink);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01" 0;
}
.g-root *, .g-root *::before, .g-root *::after { box-sizing: border-box; }
:where(.g-root) :where(h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd) { margin: 0; }
:where(.g-root) :where(h1, h2, h3, h4, h5, h6) { font: inherit; }   /* a heading takes the size its component gives it, never the browser's */
:where(.g-root) :where(ul, ol) { padding: 0; list-style: none; }
:where(.g-root) :where(button, input, textarea, select) { font: inherit; color: inherit; letter-spacing: inherit; }
:where(.g-root) :where(button) { background: none; border: 0; padding: 0; cursor: pointer; }
:where(.g-root) :where(a) { color: inherit; text-decoration: none; }
:where(.g-root) :where(svg) { display: block; }
:where(.g-root) :where(:focus-visible) { outline: none; box-shadow: var(--focus); }
:where(.g-root) :where([hidden]) { display: none !important; }

/* ── words ─────────────────────────────────────────────────────────────────────────────────────────── */
.g-label { font: 500 var(--t-xs)/var(--lh-xs) var(--f-ui); letter-spacing: .01em; color: var(--ink-3); }
.g-quiet { color: var(--ink-2); }
.g-faint { color: var(--ink-3); }
.g-fig { font-family: var(--f-ui); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.g-num { font-variant-numeric: tabular-nums; }
.g-voice { font-family: var(--f-voice); font-weight: 400; letter-spacing: -.01em; -webkit-text-stroke: var(--voice-stroke); paint-order: stroke fill; text-shadow: var(--voice-lift); }
.g-voice em { font-style: italic; }
.g-mono { font-family: var(--f-mono); font-size: var(--t-xs); line-height: var(--lh-xs); }
.g-ellipsis { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* a status is a dot and a word */
.g-tag { display: inline-flex; align-items: center; gap: var(--s2); font: 500 var(--t-xs)/var(--lh-xs) var(--f-ui); white-space: nowrap; color: var(--ink-2); }
.g-tag::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.g-tag.ok { color: var(--ok); } .g-tag.warn { color: var(--warn); } .g-tag.bad { color: var(--bad); } .g-tag.gap { color: var(--gap); }
.g-tag.light { color: var(--light); } .g-tag.glass { color: var(--glass); }
.g-tag.none { color: var(--ink-3); } .g-tag.none::before { box-shadow: none; background: none; border: 1px solid currentColor; }
.g-tag.live::before { animation: g-live 1.6s var(--ease-light) infinite; }
@keyframes g-live { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }

/* ── the prism edge: a 1 px ring in the prism, masked to the edge of whatever carries it ─────────────── */
.g-lit, .g-prism { position: relative; }
.g-lit::after, .g-prism::after, .g-btn::after, .g-chip::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; padding: var(--edge-w); pointer-events: none;
  background: conic-gradient(from var(--turn), var(--prism-stops));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  opacity: 0; transition: opacity var(--d-fade) ease-out;
}
.g-prism.on::after { opacity: .9; transition-duration: var(--d-land); }
.g-lit { transition: box-shadow var(--d-fade) ease-out; }
.g-lit.landed { box-shadow: var(--pane-edge), var(--bloom); transition-duration: var(--d-land); }
.g-lit.landed::after { opacity: 1; transition-duration: var(--d-land); }
@keyframes g-turn { to { --turn: 570deg; } }

/* ── surfaces ──────────────────────────────────────────────────────────────────────────────────────── */
/* the one object a surface is about: frosted glass with a light top edge */
.g-pane { position: relative; background: var(--pane), var(--surface); box-shadow: var(--pane-edge), var(--shadow); border-radius: var(--r3); }
.g-pane.frost { background: var(--pane); backdrop-filter: var(--frost); -webkit-backdrop-filter: var(--frost); }
/* Navigation material only: the page supplies its layout and semantics. Keep words over a known light/dark
   surface appropriate to the lens; a translucent bar cannot guarantee contrast over arbitrary imagery. */
.g-bar { background: var(--bar); box-shadow: var(--bar-edge); backdrop-filter: var(--bar-frost); -webkit-backdrop-filter: var(--bar-frost); letter-spacing: var(--bar-tracking); }
/* a sheet that floats over everything: menus, popovers, tooltips with content */
.g-sheet { position: relative; background: var(--pane-solid); box-shadow: var(--shadow-pop); border-radius: var(--r2); }
/* a well sunk into a surface: code, previews, inputs at rest */
.g-well { background: var(--tint); box-shadow: var(--ring); border-radius: var(--r1); }
/* the hairline that separates rows inside a surface */
.g-hair { height: 1px; border: 0; margin: 0; background: var(--line); }
.g-beam { display: block; height: 1px; border: 0; margin: 0; background: var(--prism-line); box-shadow: 0 0 12px var(--beam); }
.g-quote { padding-left: var(--s4); border-left: 1px solid transparent; border-image: var(--prism-fall) 1; color: var(--ink); }

/* ── buttons: one pearl per screen carries the prism; every other button is quiet glass ──────────────── */
.g-btn {
  position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: var(--s2);
  height: var(--h-s); padding: 0 var(--s3); border: 0; border-radius: var(--r-pill);
  background: var(--tint); box-shadow: var(--ring-2); color: var(--ink);
  font: 500 var(--t-s)/var(--lh-s) var(--f-ui); white-space: nowrap; text-decoration: none; cursor: pointer; user-select: none;
  transition: background-color var(--d-dur) ease, box-shadow var(--d-slow) ease, color var(--d-dur) ease, transform var(--d-press) ease, opacity var(--d-dur) ease;
}
.g-btn:hover { background: var(--tint-2); }
.g-btn:hover::after, .g-btn:focus-visible::after { opacity: .5; transition-duration: .3s; animation: g-turn var(--d-turn) linear infinite; }
.g-btn:active { transform: var(--press); }
.g-btn:focus-visible { outline: none; box-shadow: var(--ring-2), var(--focus); }
.g-btn:disabled, .g-btn[aria-disabled="true"] { opacity: .4; cursor: not-allowed; transform: none; }
.g-btn:disabled::after, .g-btn[aria-disabled="true"]::after { opacity: 0; animation: none; }
/* waiting is not unavailable: a busy button keeps its full ink and turns its ring in the button's own ink */
.g-btn[aria-busy="true"] { opacity: 1; cursor: progress; transform: none; }
.g-btn .g-spin { width: 14px; height: 14px; border-color: color-mix(in srgb, currentColor 24%, transparent); border-top-color: currentColor; }
.g-btn.xs .g-spin { width: 12px; height: 12px; }
/* the pearl: the one call to action on a surface */
.g-btn.primary { background: var(--cta); color: var(--cta-ink); box-shadow: var(--cta-shadow); font-weight: 600; letter-spacing: var(--cta-tracking, inherit); }
.g-btn.primary::after { inset: -2px; padding: 1.5px; opacity: .38; transition-duration: .5s; }
.g-btn.primary:hover, .g-btn.primary:focus-visible { box-shadow: var(--cta-shadow), var(--glow); }
.g-btn.primary:hover::after, .g-btn.primary:focus-visible::after { opacity: 1; }
.g-btn.primary:focus-visible { box-shadow: var(--focus), var(--cta-shadow); }
/* pressed: a lens may sink the pearl into its own shadow (--cta-press is the resting shadow by default) */
.g-btn.primary:active { box-shadow: var(--cta-press); }
.g-btn.primary:active:hover { box-shadow: var(--cta-press), var(--glow); }
.g-btn.primary:active:focus-visible { box-shadow: var(--focus), var(--cta-press); }
/* quiet: no ring until pointed at */
.g-btn.ghost { background: transparent; box-shadow: none; color: var(--ink-2); }
.g-btn.ghost:hover { background: var(--tint); color: var(--ink); }
.g-btn.ghost::after { display: none; }
/* destructive: the word says it; the colour only agrees */
.g-btn.danger { color: var(--bad); background: var(--bad-soft); box-shadow: inset 0 0 0 var(--edge-w) color-mix(in srgb, var(--bad) 28%, transparent); }
.g-btn.danger:hover { background: color-mix(in srgb, var(--bad) 18%, transparent); }
.g-btn.danger::after { display: none; }
/* the quiet kinds keep a visible focus: their own resting shadow must never win over it */
.g-btn.ghost:focus-visible { box-shadow: var(--focus); }
.g-btn.danger:focus-visible { box-shadow: inset 0 0 0 var(--edge-w) color-mix(in srgb, var(--bad) 28%, transparent), var(--focus); }
/* sizes */
.g-btn.xs { height: var(--h-xs); padding: 0 var(--s2); gap: var(--s1); font-size: var(--t-xs); line-height: var(--lh-xs); }
.g-btn.m { height: var(--h-m); padding: 0 var(--s4); }
.g-btn.l { height: var(--h-l); padding: 0 var(--s5); font-size: var(--t-m); line-height: var(--lh-m); }
/* square, for one icon: the icon sits in the optical centre */
.g-btn.icon { width: var(--h-s); padding: 0; }
.g-btn.icon.xs { width: var(--h-xs); } .g-btn.icon.m { width: var(--h-m); } .g-btn.icon.l { width: var(--h-l); }
/* an icon leading a label: the label's side keeps its padding, the icon's side gives 2 px back */
.g-btn > .g-i:first-child:not(:only-child) { margin-left: -2px; }
.g-btn > .g-i:last-child:not(:only-child) { margin-right: -2px; }

/* a finger's reach: on a coarse pointer every small control reaches 44 × 44 round its centre, the drawing unchanged */
@media (pointer: coarse) {
  .g-btn::before, .g-chip::before, .g-reach::before {
    content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, var(--reach)); height: max(100%, var(--reach));
    transform: translate(-50%, -50%);
  }
}
.g-reach { position: relative; }

/* ── chips and the segmented control: the choice is where light rests ──────────────────────────────── */
.g-chip {
  position: relative; display: inline-flex; align-items: center; gap: var(--s2); height: var(--h-s); padding: 0 var(--s3);
  border: 0; border-radius: var(--r-pill); background: var(--tint); box-shadow: var(--ring); color: var(--ink-2);
  font: 500 var(--t-s)/var(--lh-s) var(--f-ui); white-space: nowrap; cursor: pointer;
  transition: color var(--d-dur) ease, background-color var(--d-dur) ease, box-shadow var(--d-slow) ease;
}
.g-chip.xs { height: var(--h-xs); padding: 0 var(--s2); gap: var(--s1); font-size: var(--t-xs); line-height: var(--lh-xs); }
.g-chip:hover { color: var(--ink); background: var(--tint-2); }
.g-chip[aria-pressed="true"], .g-chip[aria-selected="true"], .g-chip[aria-current="page"], .g-chip.on { color: var(--ink); box-shadow: inset 0 0 0 var(--edge-w) transparent, 0 0 24px -8px var(--beam); }
.g-chip[aria-pressed="true"]::after, .g-chip[aria-selected="true"]::after, .g-chip[aria-current="page"]::after, .g-chip.on::after { opacity: .9; transition-duration: var(--d-land); }
.g-chip:focus-visible { outline: none; box-shadow: var(--ring), var(--focus); }

.g-seg { position: relative; display: inline-flex; gap: 2px; padding: 2px; border-radius: var(--r-pill); background: var(--tint); box-shadow: var(--ring); }
.g-seg > .thumb { position: absolute; left: 0; top: 0; border-radius: var(--r-pill); background: var(--pick); box-shadow: 0 1px 8px -2px rgba(0,0,0,.6), 0 0 18px -6px var(--beam); transition: transform var(--d-glide) var(--ease), width var(--d-glide) var(--ease), height var(--d-glide) var(--ease); pointer-events: none; }
.g-seg > button { position: relative; z-index: 1; height: calc(var(--h-s) - 4px); padding: 0 var(--s3); border: 0; border-radius: var(--r-pill); background: transparent; color: var(--ink-2); font: 500 var(--t-s)/var(--lh-s) var(--f-ui); white-space: nowrap; cursor: pointer; transition: color var(--d-dur) ease; }
.g-seg > button[aria-pressed="true"], .g-seg > button[aria-selected="true"], .g-seg > button[aria-checked="true"] { color: var(--on-pick); }
.g-seg:not(.glides) > button[aria-pressed="true"], .g-seg:not(.glides) > button[aria-selected="true"], .g-seg:not(.glides) > button[aria-checked="true"] { background: var(--pick); }
.g-seg > button:hover:not([aria-pressed="true"]):not([aria-selected="true"]):not([aria-checked="true"]) { color: var(--ink); }
.g-seg > button:focus-visible { outline: none; box-shadow: var(--focus); }

/* Opt-in glass choice. The surface under the chosen pill keeps its ink legible even while the track is clear.
   No changes to the default pill, checks or switches; all three selected states also work without a thumb. */
.g-seg.glass { gap: var(--seg-gap); padding: var(--seg-inset); background: var(--seg-track); box-shadow: var(--seg-edge); backdrop-filter: var(--frost); -webkit-backdrop-filter: var(--frost); }
.g-seg.glass > .thumb { background: var(--seg-chosen); box-shadow: var(--seg-edge); }
.g-seg.glass > button[aria-pressed="true"], .g-seg.glass > button[aria-selected="true"], .g-seg.glass > button[aria-checked="true"] { color: var(--ink); }
.g-seg.glass:not(.glides) > button[aria-pressed="true"], .g-seg.glass:not(.glides) > button[aria-selected="true"], .g-seg.glass:not(.glides) > button[aria-checked="true"] { background: var(--seg-chosen); box-shadow: var(--seg-edge); }
.g-seg.glass:not(.glides) > button:focus-visible { box-shadow: var(--focus), var(--pane-edge), var(--shadow); }

/* ── keys ──────────────────────────────────────────────────────────────────────────────────────────── */
.g-kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 var(--s1); border-radius: var(--r0); background: var(--tint); box-shadow: inset 0 0 0 var(--edge-w) var(--line-2), inset 0 -1px 0 var(--line-2); color: var(--ink-2); font: 500 var(--t-xs)/1 var(--f-ui); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (pointer: coarse) { .g-kbd { display: none !important; } }   /* key hints are decoration: a touch screen has no keys */
.g-btn.primary .g-kbd { background: rgba(0,0,0,.06); box-shadow: inset 0 0 0 var(--edge-w) rgba(0,0,0,.12); color: inherit; opacity: .7; }

/* ── fields ────────────────────────────────────────────────────────────────────────────────────────── */
.g-field { display: flex; align-items: center; gap: var(--s2); height: var(--h-m); padding: 0 var(--s3); border-radius: var(--r1); background: var(--tint); box-shadow: var(--ring); color: var(--ink); transition: box-shadow var(--d-dur) ease, background-color var(--d-dur) ease; }
.g-field:hover { box-shadow: var(--ring-2); }
.g-field:focus-within { background: var(--tint-2); box-shadow: var(--ring-2), var(--focus); }
.g-field > input, .g-field > textarea { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; font: 400 var(--t-s)/var(--lh-s) var(--f-ui); color: var(--ink); }
.g-field > input::placeholder, .g-field > textarea::placeholder { color: var(--ink-3); }
.g-field.s { height: var(--h-s); border-radius: var(--r-pill); }
.g-field[aria-invalid="true"] { box-shadow: inset 0 0 0 var(--edge-w) color-mix(in srgb, var(--bad) 60%, transparent); }

/* ── checks and switches ───────────────────────────────────────────────────────────────────────────── */
.g-check { appearance: none; -webkit-appearance: none; position: relative; flex: none; width: 16px; height: 16px; margin: 0; border-radius: 5px; background: var(--tint); box-shadow: inset 0 0 0 var(--edge-w) var(--line-3); cursor: pointer; transition: background-color var(--d-micro) ease, box-shadow var(--d-micro) ease; }
.g-check::after { content: ""; position: absolute; inset: 0; background: var(--on-pick); -webkit-mask: var(--g-i-check-s) center / 12px no-repeat; mask: var(--g-i-check-s) center / 12px no-repeat; transform: scale(.4); opacity: 0; transition: transform var(--d-micro) var(--spring), opacity var(--d-press) ease; }
.g-check:checked { background: var(--pick); box-shadow: none; }
.g-check:checked::after { transform: none; opacity: 1; }
.g-check:indeterminate { background: var(--pick); box-shadow: none; }
.g-check:indeterminate::after { -webkit-mask: none; mask: none; inset: 7px 4px; border-radius: 1px; transform: none; opacity: 1; }
.g-check:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--edge-w) var(--line-3), var(--focus); }
.g-check:disabled { opacity: .4; cursor: not-allowed; }

.g-switch { appearance: none; -webkit-appearance: none; position: relative; flex: none; width: 32px; height: 20px; margin: 0; border-radius: var(--r-pill); background: var(--tint-3); box-shadow: inset 0 0 0 var(--edge-w) var(--line); cursor: pointer; transition: background-color var(--d-dur) ease; }
.g-switch::after { content: ""; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--ink-2); box-shadow: 0 1px 3px rgba(0,0,0,.35); transition: transform var(--d-glide) var(--ease), background-color var(--d-dur) ease; }
.g-switch:checked { background: var(--pick); }
.g-switch:checked::after { transform: translateX(12px); background: var(--on-pick); }
.g-switch:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--edge-w) var(--line), var(--focus); }
.g-switch:disabled { opacity: .4; cursor: not-allowed; }

/* ── people and marks ──────────────────────────────────────────────────────────────────────────────── */
.g-avatar { position: relative; display: inline-grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--tint-2); box-shadow: inset 0 0 0 var(--edge-w) var(--line-2); color: var(--ink); font: 600 var(--t-xs)/1 var(--f-ui); letter-spacing: -.01em; overflow: hidden; }
.g-avatar.s { width: 20px; height: 20px; }
.g-avatar.m { width: 32px; height: 32px; font-size: var(--t-xs); }
.g-avatar.l { width: 40px; height: 40px; font-size: var(--t-s); }
.g-avatar.xl { width: 64px; height: 64px; font-size: var(--t-m); }
.g-avatar > img { width: 100%; height: 100%; object-fit: cover; }
/* a glyph tile: the mark of a service or an agent, never a borrowed logo */
.g-tile { display: inline-grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: var(--r1); background: var(--pane), var(--raised); box-shadow: var(--pane-edge); color: var(--ink); font: 600 var(--t-xs)/1 var(--f-ui); }
.g-tile.s { width: 24px; height: 24px; border-radius: var(--r0); }
.g-tile.l { width: 40px; height: 40px; border-radius: var(--r1); font-size: var(--t-s); }
/* a point of light: the mark of the assistant */
.g-orb { position: relative; display: inline-block; flex: none; width: 10px; height: 10px; border-radius: 50%; background: radial-gradient(circle at 38% 34%, #fff, rgba(232,236,255,.9) 38%, rgba(190,200,240,.55) 70%, rgba(190,200,240,.15)); filter: var(--core-glow); }
.g-orb.l { width: 16px; height: 16px; }

/* ── menus, lists and tips ─────────────────────────────────────────────────────────────────────────── */
.g-menu { display: flex; flex-direction: column; gap: 2px; padding: var(--s1); }
.g-item { display: flex; align-items: center; gap: var(--s2); min-height: var(--h-s); padding: var(--s1) var(--s2); border-radius: var(--r1); color: var(--ink); font: 400 var(--t-s)/var(--lh-s) var(--f-ui); text-align: left; cursor: pointer; user-select: none; }
.g-item > .g-i { color: var(--ink-2); }
.g-item:hover { background: var(--tint); }
.g-item.active, .g-item[aria-selected="true"], .g-item:focus-visible { background: var(--tint-2); }   /* where the keyboard stands is firmer than where the pointer rests */
.g-item[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
.g-item .end { flex: 1 0 auto; justify-content: flex-end; display: inline-flex; align-items: center; gap: var(--s1); color: var(--ink-3); font-size: var(--t-xs); line-height: var(--lh-xs); }
/* inside a sheet the items keep its curve: 16 outer, 4 inset, 12 inner */
.g-sheet > .g-menu > .g-item, .g-sheet .g-menu > .g-item { border-radius: calc(var(--r2) - var(--s1)); }
.g-menu-label { padding: var(--s2) var(--s2) var(--s1); font: 500 var(--t-xs)/var(--lh-xs) var(--f-ui); color: var(--ink-3); }
.g-tip { position: absolute; z-index: 50; padding: var(--s1) var(--s2); border-radius: var(--r0); background: var(--ink); color: var(--on-ink); font: 500 var(--t-xs)/var(--lh-xs) var(--f-ui); white-space: nowrap; pointer-events: none; box-shadow: 0 6px 16px -6px rgba(0,0,0,.5); }

/* ── one recipe each for what every component has ─────────────────────────────────────────────────── */
/* an empty place speaks in the voice, on the content's left edge, with an optional hint under it */
.g-empty { display: flex; flex-direction: column; gap: var(--s1); padding: var(--s5) var(--s4); }
.g-empty > :first-child { font: 400 var(--t-l)/var(--lh-l) var(--f-voice); color: var(--ink-2); -webkit-text-stroke: var(--voice-stroke); paint-order: stroke fill; text-shadow: var(--voice-lift); }
.g-empty > .g-label { color: var(--ink-3); }
/* an error is a line, not a box: the alert mark and plain words saying what happened and what to do */
.g-error { display: flex; align-items: flex-start; gap: var(--s2); color: var(--bad); font: 500 var(--t-xs)/var(--lh-xs) var(--f-ui); }
.g-error > .g-i { width: 16px; height: 16px; margin-top: 0; flex: none; }
/* the folded line a decided request becomes: a mark, a word, its object, a time, at most one quiet action */
.g-folded { display: flex; align-items: center; gap: var(--s3); min-height: var(--h-l); padding: var(--s3) var(--s4); border-radius: var(--r2); }
.g-folded > .mark { flex: none; width: 20px; height: 20px; }
.g-folded > .what { flex: 1; min-width: 0; display: flex; align-items: baseline; gap: var(--s2); }
.g-folded > .what > b { flex: none; font-weight: 500; color: var(--ink); }
.g-folded > .what > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-3); }
.g-folded > time { flex: none; color: var(--ink-3); font: 400 var(--t-xs)/var(--lh-xs) var(--f-ui); font-variant-numeric: tabular-nums; }
.g-folded > .g-btn.ghost:last-child { margin-right: calc(var(--s3) * -1); }

/* ── scrolling and loading ─────────────────────────────────────────────────────────────────────────── */
.g-scroll { overflow: auto; scrollbar-width: thin; scrollbar-color: var(--line-2) transparent; overscroll-behavior: contain; }
.g-skel { position: relative; overflow: hidden; border-radius: var(--r0); background: var(--tint-2); }
.g-skel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,.07) 50%, transparent 80%); transform: translateX(-100%); animation: g-sweep 1.6s var(--ease-light) infinite; }
.day .g-skel::after, :root[data-theme="light"]:not(.ink) .g-skel::after { background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,.7) 50%, transparent 80%); }
@keyframes g-sweep { to { transform: translateX(100%); } }
.g-spin { display: inline-block; flex: none; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--line-2); border-top-color: var(--ink); animation: g-rot .8s linear infinite; }
@keyframes g-rot { to { transform: rotate(360deg); } }

/* ── light lines: drawn between pieces of information ──────────────────────────────────────────────── */
.light-root { position: relative; }
.light-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 0; }
.light-line { fill: none; stroke: var(--line-2); stroke-width: 1; }
.light-pulse { fill: none; stroke: var(--core); stroke-width: 1.5; stroke-linecap: round; }
.light-bloom { fill: none; stroke: var(--beam); stroke-width: 8; stroke-linecap: round; opacity: .9; }

/* ── the named motions: they live once and every component reuses them ─────────────────────────────── */
@keyframes g-rise { from { opacity: 0; transform: var(--arrive); } }
@keyframes g-materialise { from { opacity: 0; filter: blur(12px); transform: translateY(4px); } }
@keyframes g-fade { from { opacity: 0; } }
@keyframes g-pop { from { opacity: 0; transform: var(--arrive-pop); } }
@keyframes g-draw { from { stroke-dashoffset: var(--len, 24); } }

/* ── icons: drawn on one 24 grid, 1.5 stroke, round ends; masked so they take the ink of their place ─── */
.g-i { display: inline-block; flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; vertical-align: middle; }
.g-i.s { width: 16px; height: 16px; }
.g-i.xs { width: 12px; height: 12px; }
.g-i.l { width: 24px; height: 24px; }
/*@icons*/
/* GENERATED by tools/icons.mjs from icons/src (251 drawings, 22 aliases; manifest c3ecc5131510). Draw in icons/src. */
:root {
  --g-i-activity: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h3.5l2.5-6 4 12 2.5-6H21'/%3E%3C/svg%3E");
  --g-i-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 8v4.5'/%3E%3Ccircle cx='12' cy='16' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-animal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='5.2' cy='10.1' rx='1.45' ry='2.15' transform='rotate(-24 5.2 10.1)'/%3E%3Cellipse cx='9.2' cy='5.8' rx='1.5' ry='2.35' transform='rotate(-8 9.2 5.8)'/%3E%3Cellipse cx='14.8' cy='5.8' rx='1.5' ry='2.35' transform='rotate(8 14.8 5.8)'/%3E%3Cellipse cx='18.8' cy='10.1' rx='1.45' ry='2.15' transform='rotate(24 18.8 10.1)'/%3E%3Cpath d='M8.2 13.7c1.1-1.9 2.1-2.8 3.8-2.8s2.7.9 3.8 2.8l1.7 2.8c1.2 2-.3 4-2.4 3.4L12 19l-3.1.9c-2.1.6-3.6-1.4-2.4-3.4z'/%3E%3C/svg%3E");
  --g-i-archive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='4.5' rx='1.5'/%3E%3Cpath d='M5.5 9.5V18a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V9.5'/%3E%3Cpath d='M10 13.5h4'/%3E%3C/svg%3E");
  --g-i-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5.5 V18.5 M6.5 13 L12 18.5 L17.5 13'/%3E%3C/svg%3E");
  --g-i-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='M11 6l-6 6 6 6'/%3E%3C/svg%3E");
  --g-i-arrow-right-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h13'/%3E%3Cpath d='M14 5l3 3-3 3'/%3E%3Cpath d='M20 16H7'/%3E%3Cpath d='M10 13l-3 3 3 3'/%3E%3C/svg%3E");
  --g-i-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --g-i-arrow-up-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 16V8'/%3E%3Cpath d='M8.5 11.5L12 8l3.5 3.5'/%3E%3C/svg%3E");
  --g-i-arrow-up-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7'/%3E%3Cpath d='M9 7h8v8'/%3E%3C/svg%3E");
  --g-i-at: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.25'/%3E%3Cpath d='M15.25 9 V13 A2.125 2.125 0 0 0 19.5 13 V12 A7.5 7.5 0 1 0 16.5 18'/%3E%3C/svg%3E");
  --g-i-attach: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 12.5l6.5-6.5a3.2 3.2 0 0 1 4.5 4.5L10.5 19a5 5 0 0 1-7-7L11 4.5'/%3E%3C/svg%3E");
  --g-i-award: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5.5'/%3E%3Cpath d='M9 13.5L8 20.5l4-2 4 2-1-7'/%3E%3C/svg%3E");
  --g-i-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6l-6 6 6 6'/%3E%3C/svg%3E");
  --g-i-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8.5h13l-1 11.5h-11z'/%3E%3Cpath d='M8.5 8.5V8a3.5 3.5 0 0 1 7 0v.5'/%3E%3C/svg%3E");
  --g-i-ban: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E");
  --g-i-bar-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V12'/%3E%3Cpath d='M12 20V5'/%3E%3Cpath d='M19 20v-9'/%3E%3Cpath d='M3 20h18'/%3E%3C/svg%3E");
  --g-i-bell-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M8 8.5a5.5 5.5 0 0 1 9.5 2.5v5'/%3E%3Cpath d='M6.5 11v5l-1.5 2h11'/%3E%3Cpath d='M10 20.5a2 2 0 0 0 4 0'/%3E%3C/svg%3E");
  --g-i-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 16V11a5.5 5.5 0 0 1 11 0v5l1.5 2h-14z'/%3E%3Cpath d='M10 20.5a2 2 0 0 0 4 0'/%3E%3C/svg%3E");
  --g-i-book-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7c-1.5-1.5-4-2-8-2v12c4 0 6.5.5 8 2 1.5-1.5 4-2 8-2V5c-4 0-6.5.5-8 2z'/%3E%3Cpath d='M12 7v12'/%3E%3C/svg%3E");
  --g-i-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5A1.5 1.5 0 0 1 6.5 4H19v16H6.5A1.5 1.5 0 0 1 5 18.5z'/%3E%3Cpath d='M5 18.5A1.5 1.5 0 0 1 6.5 17H19'/%3E%3C/svg%3E");
  --g-i-bookmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.5h10v15l-5-3.5-5 3.5z'/%3E%3C/svg%3E");
  --g-i-bot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='8' width='14' height='11' rx='3'/%3E%3Cpath d='M12 5v3'/%3E%3Ccircle cx='12' cy='4' r='1' fill='%23000' stroke='none'/%3E%3Ccircle cx='9.25' cy='13' r='1' fill='%23000' stroke='none'/%3E%3Ccircle cx='14.75' cy='13' r='1' fill='%23000' stroke='none'/%3E%3Cpath d='M9.5 16.25h5'/%3E%3Cpath d='M3 12v3'/%3E%3Cpath d='M21 12v3'/%3E%3C/svg%3E");
  --g-i-boxes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12l-4 2v5l4 2 4-2v-5z'/%3E%3Cpath d='M17 12l-4 2v5l4 2 4-2v-5z'/%3E%3Cpath d='M12 3l-4 2v5l4 2 4-2V5z'/%3E%3C/svg%3E");
  --g-i-brain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 4.5A2.75 2.75 0 0 0 6 7.25 2.75 2.75 0 0 0 4.75 12 2.75 2.75 0 0 0 6 16.75 2.75 2.75 0 0 0 9.5 19.5c1.25 0 2.5-1 2.5-2.5v-10c0-1.5-1.25-2.5-2.5-2.5z'/%3E%3Cpath d='M14.5 4.5A2.75 2.75 0 0 1 18 7.25 2.75 2.75 0 0 1 19.25 12 2.75 2.75 0 0 1 18 16.75 2.75 2.75 0 0 1 14.5 19.5c-1.25 0-2.5-1-2.5-2.5v-10c0-1.5 1.25-2.5 2.5-2.5z'/%3E%3C/svg%3E");
  --g-i-branch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.5' cy='6' r='2.25'/%3E%3Ccircle cx='6.5' cy='18' r='2.25'/%3E%3Ccircle cx='17.5' cy='6' r='2.25'/%3E%3Cpath d='M6.5 8.25 V15.75 M17.5 8.25 V9.5 C17.5 12.75 14 14.5 6.5 14.5'/%3E%3C/svg%3E");
  --g-i-briefcase: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='7.5' width='17' height='12' rx='2'/%3E%3Cpath d='M9 7.5V6a1.5 1.5 0 0 1 1.5-1.5h3A1.5 1.5 0 0 1 15 6v1.5'/%3E%3Cpath d='M3.5 12.5h17'/%3E%3C/svg%3E");
  --g-i-building: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='16' rx='1.5'/%3E%3Cpath d='M9 8h2'/%3E%3Cpath d='M13 8h2'/%3E%3Cpath d='M9 12h2'/%3E%3Cpath d='M13 12h2'/%3E%3Cpath d='M10 20v-4h4v4'/%3E%3C/svg%3E");
  --g-i-calendar-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='6' width='16' height='14' rx='2.5'/%3E%3Cpath d='M4 10.5h16'/%3E%3Cpath d='M9 4v4'/%3E%3Cpath d='M15 4v4'/%3E%3Cpath d='M12 13v2.5l1.75 1'/%3E%3C/svg%3E");
  --g-i-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='6' width='16' height='14' rx='2.5'/%3E%3Cpath d='M4 10.5h16'/%3E%3Cpath d='M9 4v4'/%3E%3Cpath d='M15 4v4'/%3E%3C/svg%3E");
  --g-i-camera-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M8.5 7.5h1L11 5.5h2l1.5 2h3.5a2 2 0 0 1 2 2V16'/%3E%3Cpath d='M4 9.5V17a2 2 0 0 0 2 2h11'/%3E%3Cpath d='M9.8 10.8a3.25 3.25 0 0 0 4.4 4.4'/%3E%3C/svg%3E");
  --g-i-camera: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5a2 2 0 0 1 2-2h2l1.5-2h5l1.5 2h2a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='12' cy='13' r='3.25'/%3E%3C/svg%3E");
  --g-i-captions-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M9 5.5h9a2.5 2.5 0 0 1 2.5 2.5v8'/%3E%3Cpath d='M3.5 8v8a2.5 2.5 0 0 0 2.5 2.5h9'/%3E%3Cpath d='M10 10.5a2 2 0 0 0-3.5 1.5 2 2 0 0 0 3.5 1.5'/%3E%3C/svg%3E");
  --g-i-captions: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2.5'/%3E%3Cpath d='M10 10.5a2 2 0 0 0-3.5 1.5 2 2 0 0 0 3.5 1.5'/%3E%3Cpath d='M17 10.5a2 2 0 0 0-3.5 1.5 2 2 0 0 0 3.5 1.5'/%3E%3C/svg%3E");
  --g-i-car: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13l1.5-4.5A2 2 0 0 1 7.4 7h9.2a2 2 0 0 1 1.9 1.5L20 13'/%3E%3Cpath d='M3.5 13h17v4.5h-17z'/%3E%3Ccircle cx='7.5' cy='17.5' r='1.5'/%3E%3Ccircle cx='16.5' cy='17.5' r='1.5'/%3E%3C/svg%3E");
  --g-i-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4.5h2l2.2 10.5h10.3l1.5-7H7'/%3E%3Ccircle cx='9.5' cy='19' r='1.25'/%3E%3Ccircle cx='16.5' cy='19' r='1.25'/%3E%3C/svg%3E");
  --g-i-cells: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='3.5' height='3.5' rx='1'/%3E%3Crect x='10.25' y='4' width='3.5' height='3.5' rx='1'/%3E%3Crect x='16.5' y='4' width='3.5' height='3.5' rx='1'/%3E%3Crect x='4' y='10.25' width='3.5' height='3.5' rx='1'/%3E%3Crect x='10.25' y='10.25' width='3.5' height='3.5' rx='1'/%3E%3Crect x='16.5' y='10.25' width='3.5' height='3.5' rx='1'/%3E%3Crect x='4' y='16.5' width='3.5' height='3.5' rx='1'/%3E%3Crect x='10.25' y='16.5' width='3.5' height='3.5' rx='1'/%3E%3Crect x='16.5' y='16.5' width='3.5' height='3.5' rx='1'/%3E%3C/svg%3E");
  --g-i-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 4.5 V19.5 H20 M8 15 L11 11 L14 13 L18.5 7.5'/%3E%3C/svg%3E");
  --g-i-check-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12.5l4 4L15 8'/%3E%3Cpath d='M11 16.5l2 2L21 10'/%3E%3C/svg%3E");
  --g-i-check-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M8.5 12.5l2.5 2.5 4.5-5'/%3E%3C/svg%3E");
  --g-i-check-square: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='M8.5 12.5l2.5 2.5 4.5-5'/%3E%3C/svg%3E");
  --g-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --g-i-chev-updown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 9 L12 4.5 L16.5 9 M7.5 15 L12 19.5 L16.5 15'/%3E%3C/svg%3E");
  --g-i-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3C/svg%3E");
  --g-i-clipboard-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='5' width='12' height='16' rx='2.5'/%3E%3Cpath d='M9.5 5V3.5h5V5'/%3E%3Cpath d='M9 13l2 2 4-4.5'/%3E%3C/svg%3E");
  --g-i-clipboard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='5' width='12' height='16' rx='2.5'/%3E%3Cpath d='M9.5 5V3.5h5V5'/%3E%3Cpath d='M9 11h6'/%3E%3Cpath d='M9 15h4'/%3E%3C/svg%3E");
  --g-i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4.5l3 1.5'/%3E%3C/svg%3E");
  --g-i-close-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M9 9l6 6'/%3E%3Cpath d='M15 9l-6 6'/%3E%3C/svg%3E");
  --g-i-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7l10 10'/%3E%3Cpath d='M17 7L7 17'/%3E%3C/svg%3E");
  --g-i-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 18.5a4 4 0 0 1-.6-7.95A5.5 5.5 0 0 1 17.6 9.6 3.75 3.75 0 0 1 17 18.5z'/%3E%3C/svg%3E");
  --g-i-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 8L4.5 12l4 4'/%3E%3Cpath d='M15.5 8l4 4-4 4'/%3E%3Cpath d='M13.5 5l-3 14'/%3E%3C/svg%3E");
  --g-i-coins: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='5.5'/%3E%3Cpath d='M14.4 10.4A5.5 5.5 0 1 1 13.6 14.4'/%3E%3Cpath d='M7.5 9h3'/%3E%3Cpath d='M9 7.5v3'/%3E%3C/svg%3E");
  --g-i-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4 L14 10 M14 4.5 V10 H19.5 M4 20 L10 14 M4.5 14 H10 V19.5'/%3E%3C/svg%3E");
  --g-i-columns: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4.5' width='16' height='15' rx='2.5'/%3E%3Cpath d='M9.5 4.5v15'/%3E%3Cpath d='M14.5 4.5v15'/%3E%3C/svg%3E");
  --g-i-compass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M16 8 L13.5 13.5 L8 16 L10.5 10.5 Z'/%3E%3C/svg%3E");
  --g-i-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='10.5' height='10.5' rx='2'/%3E%3Cpath d='M6 15H5.5A1.5 1.5 0 0 1 4 13.5v-8A1.5 1.5 0 0 1 5.5 4h8A1.5 1.5 0 0 1 15 5.5V6'/%3E%3C/svg%3E");
  --g-i-cpu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='2'/%3E%3Crect x='10' y='10' width='4' height='4' rx='1'/%3E%3Cpath d='M9.5 4 V7 M14.5 4 V7 M9.5 17 V20 M14.5 17 V20 M4 9.5 H7 M4 14.5 H7 M17 9.5 H20 M17 14.5 H20'/%3E%3C/svg%3E");
  --g-i-credit-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2.5'/%3E%3Cpath d='M3.5 10h17'/%3E%3Cpath d='M7 14.5h4'/%3E%3C/svg%3E");
  --g-i-crosshair: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cpath d='M12 3v4'/%3E%3Cpath d='M12 17v4'/%3E%3Cpath d='M3 12h4'/%3E%3Cpath d='M17 12h4'/%3E%3C/svg%3E");
  --g-i-crown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8l4 4 4-6 4 6 4-4-1.5 10h-13z'/%3E%3Cpath d='M6 20h12'/%3E%3C/svg%3E");
  --g-i-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5 L18.5 10.25 L12.5 12.25 L10.25 18.5 Z'/%3E%3C/svg%3E");
  --g-i-dashboard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='9' rx='2'/%3E%3Crect x='13' y='4' width='7' height='5' rx='2'/%3E%3Crect x='13' y='11' width='7' height='9' rx='2'/%3E%3Crect x='4' y='15' width='7' height='5' rx='2'/%3E%3C/svg%3E");
  --g-i-database: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6.5' rx='7' ry='2.75'/%3E%3Cpath d='M5 6.5v11c0 1.5 3.1 2.75 7 2.75s7-1.25 7-2.75v-11'/%3E%3Cpath d='M5 12c0 1.5 3.1 2.75 7 2.75s7-1.25 7-2.75'/%3E%3C/svg%3E");
  --g-i-dial: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 12l3.5-3.5'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-door-closed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 20V5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15'/%3E%3Cpath d='M4 20h16'/%3E%3Ccircle cx='15' cy='12.5' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-door-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 20V5l-7 1.5v12z'/%3E%3Cpath d='M13 5h5v15h-5'/%3E%3Cpath d='M6 18.5L3.5 19'/%3E%3Ccircle cx='10.5' cy='12.5' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-dot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='2.75' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 10l6 6 6-6'/%3E%3C/svg%3E");
  --g-i-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v10'/%3E%3Cpath d='M8 10.5l4 4 4-4'/%3E%3Cpath d='M5 17.5v1a1.5 1.5 0 0 0 1.5 1.5h11a1.5 1.5 0 0 0 1.5-1.5v-1'/%3E%3C/svg%3E");
  --g-i-drive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14h16'/%3E%3Cpath d='M6 6.5A1.5 1.5 0 0 1 7.5 5h9A1.5 1.5 0 0 1 18 6.5L20 14v4a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 18v-4z'/%3E%3Ccircle cx='8' cy='17' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-ear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5a5.5 5.5 0 0 1 11 0c0 2.5-1.5 3.5-2.5 5s-.5 3.5-2.5 4.5-4-1-4-2.5'/%3E%3Cpath d='M10 9.5a2 2 0 0 1 4 0c0 1-1 1.5-1 2.5'/%3E%3C/svg%3E");
  --g-i-edit-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16'/%3E%3Cpath d='M6 15.5L15.5 6l2.5 2.5L8.5 18 5 18.5z'/%3E%3C/svg%3E");
  --g-i-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l4-1L19 8l-3-3L5 16z'/%3E%3Cpath d='M14 7l3 3'/%3E%3C/svg%3E");
  --g-i-enter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 5 V11.5 A2.5 2.5 0 0 1 16.5 14 H5 M9 10 L5 14 L9 18'/%3E%3C/svg%3E");
  --g-i-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='M19 5l-8 8'/%3E%3Cpath d='M17 13.5V18a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 5 18V9a1.5 1.5 0 0 1 1.5-1.5H11'/%3E%3C/svg%3E");
  --g-i-eye-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M9.9 6.2A9.6 9.6 0 0 1 12 6c5.5 0 9 6 9 6a15 15 0 0 1-2.7 3.2'/%3E%3Cpath d='M6.4 8.3A15 15 0 0 0 3 12s3.5 6 9 6a9.2 9.2 0 0 0 3.7-.8'/%3E%3Cpath d='M10.2 10.2a2.75 2.75 0 0 0 3.6 3.6'/%3E%3C/svg%3E");
  --g-i-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12s3.5-6 9-6 9 6 9 6-3.5 6-9 6-9-6-9-6z'/%3E%3Ccircle cx='12' cy='12' r='2.75'/%3E%3C/svg%3E");
  --g-i-file-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5a1.5 1.5 0 0 1 1.5-1.5H14L18 7.5V19a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 19z'/%3E%3Cpath d='M13.5 3.5V8H18'/%3E%3Cpath d='M10 12l-2 2 2 2'/%3E%3Cpath d='M14 12l2 2-2 2'/%3E%3C/svg%3E");
  --g-i-file-sheet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5a1.5 1.5 0 0 1 1.5-1.5H14L18 7.5V19a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 19z'/%3E%3Cpath d='M13.5 3.5V8H18'/%3E%3Cpath d='M8.5 12h7'/%3E%3Cpath d='M8.5 15.5h7'/%3E%3Cpath d='M12 12v5'/%3E%3C/svg%3E");
  --g-i-file-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5a1.5 1.5 0 0 1 1.5-1.5H14L18 7.5V19a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 19z'/%3E%3Cpath d='M13.5 3.5V8H18'/%3E%3Cpath d='M9 12h6'/%3E%3Cpath d='M9 15.5h6'/%3E%3C/svg%3E");
  --g-i-file-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5a1.5 1.5 0 0 1 1.5-1.5H14L18 7.5V19a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 19z'/%3E%3Cpath d='M13.5 3.5V8H18'/%3E%3Cpath d='M12 17v-5'/%3E%3Cpath d='M9.75 14.25L12 12l2.25 2.25'/%3E%3C/svg%3E");
  --g-i-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5a1.5 1.5 0 0 1 1.5-1.5H14L18 7.5V19a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 19z'/%3E%3Cpath d='M13.5 3.5V8H18'/%3E%3C/svg%3E");
  --g-i-film: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M8 5v14'/%3E%3Cpath d='M16 5v14'/%3E%3Cpath d='M4 9.5h4'/%3E%3Cpath d='M4 14.5h4'/%3E%3Cpath d='M16 9.5h4'/%3E%3Cpath d='M16 14.5h4'/%3E%3C/svg%3E");
  --g-i-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M11 17h2'/%3E%3C/svg%3E");
  --g-i-fingerprint: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8.5a7 7 0 0 1 12 0'/%3E%3Cpath d='M4.5 12.5a8.5 8.5 0 0 1 1-4'/%3E%3Cpath d='M8.5 19.5a10 10 0 0 1-1-5'/%3E%3Cpath d='M12 8.5a4 4 0 0 1 4 4c0 3-.5 5-1.5 7'/%3E%3Cpath d='M12 12.5c0 3.5-.5 5.5-2 7.5'/%3E%3Cpath d='M15.5 16.5a13 13 0 0 1-.5 3'/%3E%3C/svg%3E");
  --g-i-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 20 V4.5 M5.5 5 H18 L15.5 9 L18 13 H5.5'/%3E%3C/svg%3E");
  --g-i-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5c1 3 4 4.5 4 8.5a4 4 0 0 1-8 0c0-1.5.5-2.5 1-3.5.5 1 1 1.5 2 1.5 0-3-1-4.5 1-6.5z'/%3E%3C/svg%3E");
  --g-i-flask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 4 H14.5 M10 4 V9 L5.75 17 C5 18.5 5.75 20 7.5 20 H16.5 C18.25 20 19 18.5 18.25 17 L14 9 V4 M7.5 14 H16.5'/%3E%3C/svg%3E");
  --g-i-folder-archive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5A1.5 1.5 0 0 1 5.5 6H10l2 2h6.5A1.5 1.5 0 0 1 20 9.5v8a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 17.5z'/%3E%3Cpath d='M12 11v5'/%3E%3Cpath d='M10.5 15.5h3'/%3E%3C/svg%3E");
  --g-i-folder-git: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5A1.5 1.5 0 0 1 5.5 6H10l2 2h6.5A1.5 1.5 0 0 1 20 9.5v8a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 17.5z'/%3E%3Ccircle cx='12' cy='14' r='1.75'/%3E%3Cpath d='M8 14h2.25'/%3E%3Cpath d='M13.75 14H16'/%3E%3C/svg%3E");
  --g-i-folder-kanban: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5A1.5 1.5 0 0 1 5.5 6H10l2 2h6.5A1.5 1.5 0 0 1 20 9.5v8a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 17.5z'/%3E%3Cpath d='M9 11.5v4'/%3E%3Cpath d='M12 11.5v2'/%3E%3Cpath d='M15 11.5v3'/%3E%3C/svg%3E");
  --g-i-folder-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5A1.5 1.5 0 0 1 5.5 6H10l2 2h6.5A1.5 1.5 0 0 1 20 9.5V11'/%3E%3Cpath d='M4 12.5h16.5l-2 6.5H5.5z'/%3E%3C/svg%3E");
  --g-i-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5A1.5 1.5 0 0 1 5.5 6H10l2 2h6.5A1.5 1.5 0 0 1 20 9.5v8a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 17.5z'/%3E%3C/svg%3E");
  --g-i-footprints: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 15c-1.5 0-2.5-1.5-2.5-4s1-6 2.5-6 2.5 3.5 2.5 6-1 4-2.5 4z'/%3E%3Cpath d='M5 17.5h3.5V19a1.75 1.75 0 0 1-3.5 0z'/%3E%3Cpath d='M17.5 12c-1.5 0-2.5-1.5-2.5-4s1-6 2.5-6S20 5.5 20 8s-1 4-2.5 4z'/%3E%3Cpath d='M16 14.5h3.5V16a1.75 1.75 0 0 1-3.5 0z'/%3E%3C/svg%3E");
  --g-i-forward: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 6l6 6-6 6'/%3E%3C/svg%3E");
  --g-i-frame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V6a2 2 0 0 1 2-2h3'/%3E%3Cpath d='M15 4h3a2 2 0 0 1 2 2v3'/%3E%3Cpath d='M20 15v3a2 2 0 0 1-2 2h-3'/%3E%3Cpath d='M9 20H6a2 2 0 0 1-2-2v-3'/%3E%3C/svg%3E");
  --g-i-gauge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16 A8 8 0 1 1 19 16 M12 13.5 L16 9.5'/%3E%3Ccircle cx='12' cy='13.5' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-gavel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5l5 5'/%3E%3Cpath d='M11 8l5 5'/%3E%3Cpath d='M13.5 6.5l-9 9L7 18l9-9'/%3E%3Cpath d='M4 21h8'/%3E%3C/svg%3E");
  --g-i-gem: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 4h9l4 5.5L12 20 3.5 9.5z'/%3E%3Cpath d='M3.5 9.5h17'/%3E%3Cpath d='M9 9.5l3 10.5 3-10.5'/%3E%3Cpath d='M7.5 4l1.5 5.5'/%3E%3Cpath d='M16.5 4L15 9.5'/%3E%3C/svg%3E");
  --g-i-gift: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='10' rx='1.5'/%3E%3Cpath d='M4 10h16'/%3E%3Cpath d='M12 10v10'/%3E%3Cpath d='M3.5 7h17v3h-17z'/%3E%3Cpath d='M12 7c-1.5 0-4-1-4-2.5S10 3 12 7c2-4 4-3.5 4-2.5S13.5 7 12 7z'/%3E%3C/svg%3E");
  --g-i-git-commit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 12h6'/%3E%3Cpath d='M15 12h6'/%3E%3C/svg%3E");
  --g-i-git-pr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.5' cy='6' r='2.25'/%3E%3Ccircle cx='6.5' cy='18' r='2.25'/%3E%3Ccircle cx='17.5' cy='18' r='2.25'/%3E%3Cpath d='M6.5 8.25v7.5'/%3E%3Cpath d='M17.5 15.75V10a3 3 0 0 0-3-3H12'/%3E%3Cpath d='M14 4.5L11.5 7 14 9.5'/%3E%3C/svg%3E");
  --g-i-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17'/%3E%3Cpath d='M12 3.5c2.5 2.5 3.75 5.5 3.75 8.5S14.5 18 12 20.5C9.5 18 8.25 15 8.25 12S9.5 6 12 3.5z'/%3E%3C/svg%3E");
  --g-i-graduation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-4 9 4-9 4z'/%3E%3Cpath d='M6.5 10.5v4.5c0 1.5 2.5 3 5.5 3s5.5-1.5 5.5-3v-4.5'/%3E%3Cpath d='M21 9v6'/%3E%3C/svg%3E");
  --g-i-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.75'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.75'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.75'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.75'/%3E%3C/svg%3E");
  --g-i-grip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='6' r='1' fill='%23000' stroke='none'/%3E%3Ccircle cx='15' cy='6' r='1' fill='%23000' stroke='none'/%3E%3Ccircle cx='9' cy='12' r='1' fill='%23000' stroke='none'/%3E%3Ccircle cx='15' cy='12' r='1' fill='%23000' stroke='none'/%3E%3Ccircle cx='9' cy='18' r='1' fill='%23000' stroke='none'/%3E%3Ccircle cx='15' cy='18' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-hammer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6l4 4'/%3E%3Cpath d='M11.5 8.5L4 16l4 4 7.5-7.5'/%3E%3Cpath d='M12 5l2.5-2 5.5 5.5-2 2.5'/%3E%3C/svg%3E");
  --g-i-handshake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9h4l3 4 2 .5 4-4'/%3E%3Cpath d='M21 9h-4l-3-2h-3'/%3E%3Cpath d='M8 13l3 3a1.5 1.5 0 0 0 2-2'/%3E%3Cpath d='M10 15.5l2 2a1.5 1.5 0 0 0 2-2'/%3E%3Cpath d='M12 17.5l1.5 1.5a1.5 1.5 0 0 0 2-2l1.5-1.5'/%3E%3C/svg%3E");
  --g-i-hard-hat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17a8 8 0 0 1 16 0z'/%3E%3Cpath d='M10 9V6h4v3'/%3E%3Cpath d='M3 17h18'/%3E%3C/svg%3E");
  --g-i-hash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4.5 L8 19.5 M16 4.5 L14 19.5 M5 9 H20 M4 15 H19'/%3E%3C/svg%3E");
  --g-i-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19.5s-7-4.4-7-9.3A3.7 3.7 0 0 1 12 8a3.7 3.7 0 0 1 7 2.2c0 4.9-7 9.3-7 9.3z'/%3E%3C/svg%3E");
  --g-i-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M9.5 9.75a2.5 2.5 0 1 1 3.5 2.3c-.7.35-1 .95-1 1.7'/%3E%3Ccircle cx='12' cy='16.5' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-hexagon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l7.4 4.25v8.5L12 20.5l-7.4-4.25v-8.5z'/%3E%3C/svg%3E");
  --g-i-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.3-5.6'/%3E%3Cpath d='M4 4v4.5h4.5'/%3E%3Cpath d='M12 8v4.5l3 1.5'/%3E%3C/svg%3E");
  --g-i-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.5L12 5l8 6.5'/%3E%3Cpath d='M6.5 10v9h11v-9'/%3E%3C/svg%3E");
  --g-i-image-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12v5a2.5 2.5 0 0 1-2.5 2.5H6A2.5 2.5 0 0 1 3.5 17V7A2.5 2.5 0 0 1 6 4.5h6'/%3E%3Ccircle cx='9' cy='9.5' r='1.75'/%3E%3Cpath d='M20.5 15l-4.5-4.5-7 7'/%3E%3Cpath d='M18 3v6'/%3E%3Cpath d='M15 6h6'/%3E%3C/svg%3E");
  --g-i-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2.5'/%3E%3Ccircle cx='9' cy='9.5' r='1.75'/%3E%3Cpath d='M20.5 15l-4.5-4.5-7 7'/%3E%3C/svg%3E");
  --g-i-inbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13l2.5-8h11L20 13v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M4 13h4.5l1.5 2.5h4l1.5-2.5H20'/%3E%3C/svg%3E");
  --g-i-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5'/%3E%3Ccircle cx='12' cy='8' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l8.5-8.5'/%3E%3Cpath d='M16.5 7l2.5 2.5'/%3E%3Cpath d='M14 9.5l2 2'/%3E%3C/svg%3E");
  --g-i-keyboard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='7' width='17' height='10' rx='2'/%3E%3Cpath d='M7 10.5h.5'/%3E%3Cpath d='M10.5 10.5h.5'/%3E%3Cpath d='M14 10.5h.5'/%3E%3Cpath d='M17.5 10.5h.5'/%3E%3Cpath d='M8 14h8'/%3E%3C/svg%3E");
  --g-i-laptop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='10' rx='2'/%3E%3Cpath d='M3 18.5h18'/%3E%3Cpath d='M4 15h16l1 3.5H3z'/%3E%3C/svg%3E");
  --g-i-layers-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l8 4.5-8 4.5-8-4.5z'/%3E%3Cpath d='M4 12.5l8 4.5 8-4.5'/%3E%3Cpath d='M4 16.5l8 4.5 8-4.5'/%3E%3C/svg%3E");
  --g-i-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l8 4.5-8 4.5-8-4.5z'/%3E%3Cpath d='M4 13l8 4.5 8-4.5'/%3E%3C/svg%3E");
  --g-i-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 5-13 14-14-1 9-6 14-14 14z'/%3E%3Cpath d='M5 19c3-4 6-7 10-9'/%3E%3C/svg%3E");
  --g-i-lightbulb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 21h4'/%3E%3Cpath d='M8 13.5a5.5 5.5 0 1 1 8 0c-.8.8-1 1.5-1 2.5H9c0-1-.2-1.7-1-2.5z'/%3E%3C/svg%3E");
  --g-i-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.6.4l2.4-2.4a4 4 0 0 0-5.6-5.6l-1 1'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.6-.4L6 12a4 4 0 0 0 5.6 5.6l1-1'/%3E%3C/svg%3E");
  --g-i-list-todo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 7h9'/%3E%3Cpath d='M11 12h9'/%3E%3Cpath d='M11 17h9'/%3E%3Cpath d='M4 7l1.5 1.5L8 6'/%3E%3Crect x='4' y='10.5' width='3.5' height='3.5' rx='1'/%3E%3Crect x='4' y='15.5' width='3.5' height='3.5' rx='1'/%3E%3C/svg%3E");
  --g-i-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7h11'/%3E%3Cpath d='M9 12h11'/%3E%3Cpath d='M9 17h11'/%3E%3Ccircle cx='5' cy='7' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='5' cy='12' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='5' cy='17' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-loader: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5a8.5 8.5 0 1 1-6 2.5'/%3E%3C/svg%3E");
  --g-i-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3Ccircle cx='12' cy='15.5' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-log-in: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='M4 12h9'/%3E%3Cpath d='M9.5 8l3.5 4-3.5 4'/%3E%3C/svg%3E");
  --g-i-log-out: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M20 12h-9'/%3E%3Cpath d='M16 8l4 4-4 4'/%3E%3C/svg%3E");
  --g-i-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2.5'/%3E%3Cpath d='M3.5 8l8.5 6 8.5-6'/%3E%3C/svg%3E");
  --g-i-map-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.3-6.5-10.5a6.5 6.5 0 0 1 13 0C18.5 15.7 12 21 12 21z'/%3E%3Ccircle cx='12' cy='10.5' r='2.25'/%3E%3C/svg%3E");
  --g-i-map: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5l5-2 6 2 5-2v13l-5 2-6-2-5 2z'/%3E%3Cpath d='M9 4.5v13'/%3E%3Cpath d='M15 6.5v13'/%3E%3C/svg%3E");
  --g-i-maximize: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4l-7 7'/%3E%3Cpath d='M10 20H4v-6'/%3E%3Cpath d='M4 20l7-7'/%3E%3C/svg%3E");
  --g-i-megaphone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v4h3l7 4V6l-7 4z'/%3E%3Cpath d='M17.5 9.5a3.5 3.5 0 0 1 0 5'/%3E%3Cpath d='M7 14l1 5h3l-1-5'/%3E%3C/svg%3E");
  --g-i-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14'/%3E%3Cpath d='M5 16h14'/%3E%3C/svg%3E");
  --g-i-message: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5v8a2.5 2.5 0 0 1-2.5 2.5H10l-5 3.5V17z'/%3E%3C/svg%3E");
  --g-i-mic-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M9 9v2a3 3 0 0 0 5 2.2'/%3E%3Cpath d='M15 9.5V7a3 3 0 0 0-5.5-1.7'/%3E%3Cpath d='M6 11.5a6 6 0 0 0 9.3 5'/%3E%3Cpath d='M18 11.5a6 6 0 0 1-.5 2.4'/%3E%3Cpath d='M12 17.5V20'/%3E%3C/svg%3E");
  --g-i-mic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='4' width='6' height='10' rx='3'/%3E%3Cpath d='M6 11.5a6 6 0 0 0 12 0'/%3E%3Cpath d='M12 17.5V20'/%3E%3C/svg%3E");
  --g-i-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
  --g-i-mobile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3.5' width='10' height='17' rx='2.5'/%3E%3Cpath d='M10.5 17.5 H13.5'/%3E%3C/svg%3E");
  --g-i-monitor-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M8 5h10.5a2 2 0 0 1 2 2v8'/%3E%3Cpath d='M3.5 7.5V14a2 2 0 0 0 2 2H16'/%3E%3Cpath d='M9 20h6'/%3E%3Cpath d='M12 16v4'/%3E%3C/svg%3E");
  --g-i-monitor-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='11' rx='2'/%3E%3Cpath d='M9 20h6'/%3E%3Cpath d='M12 16v4'/%3E%3Cpath d='M12 13V8'/%3E%3Cpath d='M9.5 10.5L12 8l2.5 2.5'/%3E%3C/svg%3E");
  --g-i-monitor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='11' rx='2'/%3E%3Cpath d='M9 20h6'/%3E%3Cpath d='M12 16v4'/%3E%3C/svg%3E");
  --g-i-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14.5A7.5 7.5 0 0 1 9.5 5 7.5 7.5 0 1 0 19 14.5z'/%3E%3C/svg%3E");
  --g-i-more-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6' r='1.1' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='1.1' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='18' r='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='1.1' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='1.1' fill='%23000' stroke='none'/%3E%3Ccircle cx='18' cy='12' r='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-mountain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19l6-10 3.5 5.5L15 11l6 8z'/%3E%3Cpath d='M9 9l1.5 2.5'/%3E%3C/svg%3E");
  --g-i-music: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18.5V6l10-2.5v12.5'/%3E%3Ccircle cx='6.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='16.5' cy='16' r='2.5'/%3E%3C/svg%3E");
  --g-i-nav: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 L19 20 L12 16.5 L5 20 Z'/%3E%3C/svg%3E");
  --g-i-navigate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4L4 10.5l7.5 2 2 7.5z'/%3E%3C/svg%3E");
  --g-i-network: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3.5' width='6' height='5' rx='1.5'/%3E%3Crect x='3.5' y='15.5' width='6' height='5' rx='1.5'/%3E%3Crect x='14.5' y='15.5' width='6' height='5' rx='1.5'/%3E%3Cpath d='M12 8.5V12'/%3E%3Cpath d='M6.5 15.5V12h11v3.5'/%3E%3C/svg%3E");
  --g-i-note: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6.5A1.5 1.5 0 0 1 6.5 5h11A1.5 1.5 0 0 1 19 6.5V14l-5 5H6.5A1.5 1.5 0 0 1 5 17.5z'/%3E%3Cpath d='M14 19v-5h5'/%3E%3C/svg%3E");
  --g-i-notebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='13' height='16' rx='2'/%3E%3Cpath d='M4 8h3'/%3E%3Cpath d='M4 12h3'/%3E%3Cpath d='M4 16h3'/%3E%3Cpath d='M11.5 12.5l3-3 1.5 1.5-3 3-2 .5z'/%3E%3C/svg%3E");
  --g-i-package: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l8 4v9l-8 4-8-4v-9z'/%3E%3Cpath d='M4 7.5l8 4 8-4'/%3E%3Cpath d='M12 11.5v9'/%3E%3Cpath d='M8 5.5l8 4'/%3E%3C/svg%3E");
  --g-i-panel-right-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2.5'/%3E%3Cpath d='M15 4.5v15'/%3E%3Cpath d='M11 10l-2 2 2 2'/%3E%3C/svg%3E");
  --g-i-panel-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2.5'/%3E%3Cpath d='M15 4.5v15'/%3E%3Cpath d='M8 10l2 2-2 2'/%3E%3C/svg%3E");
  --g-i-paperclip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 12.5l6.5-6.5a3.2 3.2 0 0 1 4.5 4.5L10.5 19a5 5 0 0 1-7-7L11 4.5'/%3E%3C/svg%3E");
  --g-i-pause: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5v11'/%3E%3Cpath d='M15 6.5v11'/%3E%3C/svg%3E");
  --g-i-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l4-1L19 8l-3-3L5 16z'/%3E%3Cpath d='M14 7l3 3'/%3E%3C/svg%3E");
  --g-i-people: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3.25'/%3E%3Cpath d='M3.5 19.5a5.5 5.5 0 0 1 11 0'/%3E%3Cpath d='M15.5 5.75a3.25 3.25 0 0 1 0 5.5'/%3E%3Cpath d='M16.5 14.5a5.5 5.5 0 0 1 4 5'/%3E%3C/svg%3E");
  --g-i-percent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='7.5' r='2.25'/%3E%3Ccircle cx='16.5' cy='16.5' r='2.25'/%3E%3Cpath d='M5.5 18.5 L18.5 5.5'/%3E%3C/svg%3E");
  --g-i-person-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M6.5 18.5a6 6 0 0 1 11 0'/%3E%3C/svg%3E");
  --g-i-person-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8.5' r='3.75'/%3E%3Cpath d='M3.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M19 8v6'/%3E%3Cpath d='M16 11h6'/%3E%3C/svg%3E");
  --g-i-person: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.75'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
  --g-i-phone-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M13.5 15.5a10 10 0 0 1-5.5-5.5l2-1.5-1.5-4H5a2 2 0 0 0-2 2A15 15 0 0 0 11.5 20.5'/%3E%3Cpath d='M15.5 14l4 1.5V19a2 2 0 0 1-1.2 1.85'/%3E%3C/svg%3E");
  --g-i-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h3.5l1.5 4-2 1.5a10 10 0 0 0 6 6l1.5-2 4 1.5V19a2 2 0 0 1-2 2A15 15 0 0 1 3 6.5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
  --g-i-pie: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 4.5 A8 8 0 1 0 19.5 12.5 H11.5 Z M14 3.5 A6.5 6.5 0 0 1 20.5 10 H14 Z'/%3E%3C/svg%3E");
  --g-i-pin-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M10.5 4H15l-.5 5.5 3 2.5h-2'/%3E%3Cpath d='M6.5 12l3-2.5'/%3E%3Cpath d='M12 12v8'/%3E%3Cpath d='M8 12h4'/%3E%3C/svg%3E");
  --g-i-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6l-.5 5.5 3 2.5H6.5l3-2.5z'/%3E%3Cpath d='M12 12v8'/%3E%3C/svg%3E");
  --g-i-pip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Crect x='12' y='12' width='6' height='4' rx='1'/%3E%3C/svg%3E");
  --g-i-place: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.3-6.5-10.5a6.5 6.5 0 0 1 13 0C18.5 15.7 12 21 12 21z'/%3E%3Ccircle cx='12' cy='10.5' r='2.25'/%3E%3C/svg%3E");
  --g-i-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6.5v11l9-5.5z'/%3E%3C/svg%3E");
  --g-i-plug: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3.5V8'/%3E%3Cpath d='M15 3.5V8'/%3E%3Cpath d='M6.5 8h11v3a5.5 5.5 0 0 1-11 0z'/%3E%3Cpath d='M12 16.5v4'/%3E%3C/svg%3E");
  --g-i-plus-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 5 V10 M5 7.5 H10 M14 16.5 H19 M5.5 18.5 L18.5 5.5'/%3E%3C/svg%3E");
  --g-i-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
  --g-i-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16c1.5 0 3-1.5 3-3.5V9H5v4h2.5'/%3E%3Cpath d='M14 16c1.5 0 3-1.5 3-3.5V9h-4v4h2.5'/%3E%3C/svg%3E");
  --g-i-radio: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='2.25'/%3E%3Cpath d='M8.5 15.5a5 5 0 0 1 0-7'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M5.5 18.5a9 9 0 0 1 0-13'/%3E%3Cpath d='M18.5 5.5a9 9 0 0 1 0 13'/%3E%3C/svg%3E");
  --g-i-record: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3C/svg%3E");
  --g-i-redo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 8h5V3'/%3E%3Cpath d='M19.5 8A8 8 0 1 0 20 13'/%3E%3C/svg%3E");
  --g-i-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12a7 7 0 1 1-2.3-5.2'/%3E%3Cpath d='M19 4v4.5h-4.5'/%3E%3C/svg%3E");
  --g-i-repeat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 11 V9.5 A2.5 2.5 0 0 1 7 7 H19.5 M16 3.5 L19.5 7 L16 10.5 M19.5 13 V14.5 A2.5 2.5 0 0 1 17 17 H4.5 M8 13.5 L4.5 17 L8 20.5'/%3E%3C/svg%3E");
  --g-i-rocket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5c3 2 4.5 6 4.5 9.5l-1.5 3h-6L7.5 13c0-3.5 1.5-7.5 4.5-9.5z'/%3E%3Ccircle cx='12' cy='10' r='1.5'/%3E%3Cpath d='M7.5 13L4.5 15.5l3 .5'/%3E%3Cpath d='M16.5 13l3 2.5-3 .5'/%3E%3Cpath d='M10.5 16.5L12 20.5l1.5-4'/%3E%3C/svg%3E");
  --g-i-route: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='18' r='2.25'/%3E%3Ccircle cx='18' cy='6' r='2.25'/%3E%3Cpath d='M8.25 18H13a3 3 0 0 0 0-6h-2a3 3 0 0 1 0-6h4.75'/%3E%3C/svg%3E");
  --g-i-save: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6.5A1.5 1.5 0 0 1 6.5 5h9L19 8.5v9a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 17.5z'/%3E%3Cpath d='M8 19v-5h8v5'/%3E%3Cpath d='M8.5 5v3.5h5'/%3E%3C/svg%3E");
  --g-i-scissors: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='2.5'/%3E%3Ccircle cx='7' cy='17' r='2.5'/%3E%3Cpath d='M9 8.5L20 19'/%3E%3Cpath d='M9 15.5L20 5'/%3E%3C/svg%3E");
  --g-i-scroll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h11a2 2 0 0 1 2 2v2h-3'/%3E%3Cpath d='M17 8v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-1.5h11'/%3E%3Cpath d='M7 4a2 2 0 0 0-2 2v10.5'/%3E%3Cpath d='M9 9h5'/%3E%3Cpath d='M9 12.5h5'/%3E%3C/svg%3E");
  --g-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E");
  --g-i-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='M6 11l6-6 6 6'/%3E%3C/svg%3E");
  --g-i-server: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='6.5' rx='2'/%3E%3Crect x='4' y='13.5' width='16' height='6.5' rx='2'/%3E%3Ccircle cx='8' cy='7.25' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='8' cy='16.75' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h10'/%3E%3Cpath d='M18 7h2'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Cpath d='M4 17h4'/%3E%3Cpath d='M12 17h8'/%3E%3Ccircle cx='10' cy='17' r='2'/%3E%3C/svg%3E");
  --g-i-share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 10.5 H6.5 A1.5 1.5 0 0 0 5 12 V18 A1.5 1.5 0 0 0 6.5 19.5 H17.5 A1.5 1.5 0 0 0 19 18 V12 A1.5 1.5 0 0 0 17.5 10.5 H16.5 M12 14 V4.5 M8.5 8 L12 4.5 L15.5 8'/%3E%3C/svg%3E");
  --g-i-shield-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l7 2.5v5.5c0 4.5-3 7.6-7 9-4-1.4-7-4.5-7-9V6z'/%3E%3Cpath d='M9 12.25l2.25 2.25L15.5 10'/%3E%3C/svg%3E");
  --g-i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l7 2.5v5.5c0 4.5-3 7.6-7 9-4-1.4-7-4.5-7-9V6z'/%3E%3C/svg%3E");
  --g-i-shirt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 4L4 6.5 5.5 10l2-.5V20h9V9.5l2 .5L20 6.5 15.5 4a3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E");
  --g-i-sidebar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4.5' width='16' height='15' rx='2.5'/%3E%3Cpath d='M9.5 4.5 V19.5'/%3E%3C/svg%3E");
  --g-i-skip-forward: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6.5v11l8-5.5z'/%3E%3Cpath d='M18 6.5v11'/%3E%3C/svg%3E");
  --g-i-sliders: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 17h16'/%3E%3Ccircle cx='9' cy='7' r='1.75' fill='var(--us-surface, %23fff)'/%3E%3Ccircle cx='15' cy='12' r='1.75' fill='var(--us-surface, %23fff)'/%3E%3Ccircle cx='7' cy='17' r='1.75' fill='var(--us-surface, %23fff)'/%3E%3C/svg%3E");
  --g-i-smile-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12A8.5 8.5 0 1 1 12 3.5'/%3E%3Cpath d='M8.5 14.5a4.5 4.5 0 0 0 7 0'/%3E%3Ccircle cx='9' cy='10' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='15' cy='10' r='.9' fill='%23000' stroke='none'/%3E%3Cpath d='M19 3v5'/%3E%3Cpath d='M16.5 5.5h5'/%3E%3C/svg%3E");
  --g-i-smile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='9' cy='10' r='0.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='15' cy='10' r='0.9' fill='%23000' stroke='none'/%3E%3Cpath d='M8.5 14.5 C10 17 14 17 15.5 14.5'/%3E%3C/svg%3E");
  --g-i-sort: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5 V19 M3.5 15.5 L7 19 L10.5 15.5 M17 19 V5 M13.5 8.5 L17 5 L20.5 8.5'/%3E%3C/svg%3E");
  --g-i-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M6.5 6.5l11 11'/%3E%3Cpath d='M17.5 6.5l-11 11'/%3E%3C/svg%3E");
  --g-i-sparkle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 C12.75 8.5 15.5 11.25 20 12 C15.5 12.75 12.75 15.5 12 20 C11.25 15.5 8.5 12.75 4 12 C8.5 11.25 11.25 8.5 12 4 Z'/%3E%3C/svg%3E");
  --g-i-sparkles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M6.5 6.5l11 11'/%3E%3Cpath d='M17.5 6.5l-11 11'/%3E%3Ccircle cx='19' cy='5' r='1' fill='%23000' stroke='none'/%3E%3Ccircle cx='5' cy='19' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-sprout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20v-7'/%3E%3Cpath d='M12 13c0-3 2.5-5 6-5-0 3-2.5 5-6 5z'/%3E%3Cpath d='M12 15.5c0-2.5-2-4.5-5-4.5 0 2.5 2 4.5 5 4.5z'/%3E%3Cpath d='M6 20h12'/%3E%3C/svg%3E");
  --g-i-square: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='3'/%3E%3C/svg%3E");
  --g-i-star-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.5l2.3 4.8 5.2.7-3.8 3.6.9 5.2-4.6-2.5-4.6 2.5.9-5.2L4.5 10l5.2-.7z' fill='%23000'/%3E%3C/svg%3E");
  --g-i-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.5l2.3 4.8 5.2.7-3.8 3.6.9 5.2-4.6-2.5-4.6 2.5.9-5.2L4.5 10l5.2-.7z'/%3E%3C/svg%3E");
  --g-i-stop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='2.5' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-store: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9l1.5-4h13L20 9'/%3E%3Cpath d='M4 9a2.5 2.5 0 0 0 5 0 2.5 2.5 0 0 0 5 0 2.5 2.5 0 0 0 5 0'/%3E%3Cpath d='M5.5 11v9h13v-9'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E");
  --g-i-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.75'/%3E%3Cpath d='M12 3.5v2'/%3E%3Cpath d='M12 18.5v2'/%3E%3Cpath d='M3.5 12h2'/%3E%3Cpath d='M18.5 12h2'/%3E%3Cpath d='M6 6l1.4 1.4'/%3E%3Cpath d='M16.6 16.6L18 18'/%3E%3Cpath d='M6 18l1.4-1.4'/%3E%3Cpath d='M16.6 7.4L18 6'/%3E%3C/svg%3E");
  --g-i-sync: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12a7 7 0 0 1 12-4.9'/%3E%3Cpath d='M19 12a7 7 0 0 1-12 4.9'/%3E%3Cpath d='M17 4v3.5h-3.5'/%3E%3Cpath d='M7 20v-3.5h3.5'/%3E%3C/svg%3E");
  --g-i-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A1.5 1.5 0 0 1 5.5 4H11l9 9-7 7-9-9z'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.25' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-terminal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='14' rx='2.5'/%3E%3Cpath d='M7.5 9 L10.5 12 L7.5 15 M13 15 H17'/%3E%3C/svg%3E");
  --g-i-test-tube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3.5v11a3.5 3.5 0 0 1-7 0v-11'/%3E%3Cpath d='M5.5 3.5h10'/%3E%3Cpath d='M7 11h7'/%3E%3C/svg%3E");
  --g-i-thumbs-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v10'/%3E%3Cpath d='M4 4h3v10H4z'/%3E%3Cpath d='M7 13l4 7c1.5 0 2.5-1 2.5-2.5V15h4.5a2 2 0 0 0 2-2.3l-1-6.5a2 2 0 0 0-2-1.7H7'/%3E%3C/svg%3E");
  --g-i-thumbs-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 20V10'/%3E%3Cpath d='M4 10h3v10H4z'/%3E%3Cpath d='M7 11l4-7c1.5 0 2.5 1 2.5 2.5V9h4.5a2 2 0 0 1 2 2.3l-1 6.5a2 2 0 0 1-2 1.7H7'/%3E%3C/svg%3E");
  --g-i-timer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3h4'/%3E%3Cpath d='M12 3v2.5'/%3E%3Ccircle cx='12' cy='13.5' r='7'/%3E%3Cpath d='M12 13.5V10'/%3E%3Cpath d='M18.5 7l1-1'/%3E%3C/svg%3E");
  --g-i-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14'/%3E%3Cpath d='M9.5 7V5h5v2'/%3E%3Cpath d='M7 7l.8 12h8.4L17 7'/%3E%3C/svg%3E");
  --g-i-trend-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l6 6 4-4 8 8'/%3E%3Cpath d='M15.5 17H21v-5.5'/%3E%3C/svg%3E");
  --g-i-trend-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15.5 7H21v5.5'/%3E%3C/svg%3E");
  --g-i-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v5a4 4 0 0 1-8 0z'/%3E%3Cpath d='M8 6H5a3 3 0 0 0 3 3.5'/%3E%3Cpath d='M16 6h3a3 3 0 0 1-3 3.5'/%3E%3Cpath d='M12 13v3.5'/%3E%3Cpath d='M8.5 20h7'/%3E%3Cpath d='M12 16.5c-1.5 0-2.5 1.5-2.5 3.5h5c0-2-1-3.5-2.5-3.5z'/%3E%3C/svg%3E");
  --g-i-truck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6h10v9h-10z'/%3E%3Cpath d='M13.5 9h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17' r='1.75'/%3E%3Ccircle cx='17' cy='17' r='1.75'/%3E%3C/svg%3E");
  --g-i-tv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='7' width='17' height='11' rx='2'/%3E%3Cpath d='M8 3.5l4 3.5 4-3.5'/%3E%3C/svg%3E");
  --g-i-type: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6.5V5h14v1.5'/%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M9 19h6'/%3E%3C/svg%3E");
  --g-i-undo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 8H4V3'/%3E%3Cpath d='M4.5 8A8 8 0 1 1 4 13'/%3E%3C/svg%3E");
  --g-i-unlink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.6.4l1.4-1.4'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.6-.4L7 11'/%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M8 20l1-1.5'/%3E%3Cpath d='M16 4l-1 1.5'/%3E%3C/svg%3E");
  --g-i-unlock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 7.6-1.7'/%3E%3Ccircle cx='12' cy='15.5' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-unplug: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M9 3.5V8'/%3E%3Cpath d='M15 3.5V8'/%3E%3Cpath d='M6.5 8H12'/%3E%3Cpath d='M17.5 8v3a5.5 5.5 0 0 1-1.7 4'/%3E%3Cpath d='M6.5 10.5v.5a5.5 5.5 0 0 0 5.5 5.5'/%3E%3Cpath d='M12 16.5v4'/%3E%3C/svg%3E");
  --g-i-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 14l6-6 6 6'/%3E%3C/svg%3E");
  --g-i-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14V4'/%3E%3Cpath d='M8 7.5l4-4 4 4'/%3E%3Cpath d='M5 17.5v1a1.5 1.5 0 0 0 1.5 1.5h11a1.5 1.5 0 0 0 1.5-1.5v-1'/%3E%3C/svg%3E");
  --g-i-utensils: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5v6a2 2 0 0 0 4 0v-6'/%3E%3Cpath d='M8 11.5v9'/%3E%3Cpath d='M17 3.5c-2 0-3 2-3 5.5h3z'/%3E%3Cpath d='M17 9v11.5'/%3E%3C/svg%3E");
  --g-i-video-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M8 7h5a2.5 2.5 0 0 1 2.5 2.5V13'/%3E%3Cpath d='M15.5 10.5l5-2.5v8'/%3E%3Cpath d='M3.5 9v5.5A2.5 2.5 0 0 0 6 17h8'/%3E%3C/svg%3E");
  --g-i-video: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='7' width='12' height='10' rx='2.5'/%3E%3Cpath d='M15.5 10.5l5-2.5v8l-5-2.5'/%3E%3C/svg%3E");
  --g-i-voice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10 V14'/%3E%3Cpath d='M8 7 V17'/%3E%3Cpath d='M12 4 V20'/%3E%3Cpath d='M16 7 V17'/%3E%3Cpath d='M20 10 V14'/%3E%3C/svg%3E");
  --g-i-volume: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3l4-3.5v12l-4-3.5H4z'/%3E%3Cpath d='M15 9a4 4 0 0 1 0 6'/%3E%3Cpath d='M17.5 6.5a7.5 7.5 0 0 1 0 11'/%3E%3C/svg%3E");
  --g-i-wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='7' width='16' height='12' rx='2.5'/%3E%3Cpath d='M4 10h16'/%3E%3Ccircle cx='16' cy='14.5' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-wand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 18 L6 19.5 L17 8.5 L15.5 7 Z M13.5 9 L15 10.5 M7 4.5 V7.5 M5.5 6 H8.5 M18.5 4 V6 M17.5 5 H19.5'/%3E%3C/svg%3E");
  --g-i-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.5l8.5 15h-17z'/%3E%3Cpath d='M12 10v4'/%3E%3Ccircle cx='12' cy='16.75' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-waterfall: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5 H11.5 M7.5 12 H16.5 M12 17.5 H20'/%3E%3C/svg%3E");
  --g-i-waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5c2.25 0 2.25 2 4.5 2s2.25-2 4.5-2 2.25 2 4.5 2 2.25-2 4.5-2'/%3E%3Cpath d='M3 15.5c2.25 0 2.25 2 4.5 2s2.25-2 4.5-2 2.25 2 4.5 2 2.25-2 4.5-2'/%3E%3C/svg%3E");
  --g-i-webhook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.5a3.5 3.5 0 0 1 3 5.25L11.5 15.5'/%3E%3Cpath d='M7 9.5a3.5 3.5 0 0 0 1.5 6.5H15'/%3E%3Cpath d='M15.5 12.5a3.5 3.5 0 1 1-1.5 6.5'/%3E%3Ccircle cx='12' cy='8' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-wifi-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l16 16'/%3E%3Cpath d='M3 9.5a13 13 0 0 1 5.3-3.1'/%3E%3Cpath d='M12.5 6.5a13 13 0 0 1 8.5 3'/%3E%3Cpath d='M6.5 13a8 8 0 0 1 3.3-2'/%3E%3Cpath d='M14.4 11.4a8 8 0 0 1 3.1 1.6'/%3E%3Cpath d='M9.75 16.5a3.5 3.5 0 0 1 4.5 0'/%3E%3Ccircle cx='12' cy='19.5' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-wifi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5a13 13 0 0 1 18 0'/%3E%3Cpath d='M6.5 13a8 8 0 0 1 11 0'/%3E%3Cpath d='M9.75 16.5a3.5 3.5 0 0 1 4.5 0'/%3E%3Ccircle cx='12' cy='19.5' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --g-i-workflow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='2'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='2'/%3E%3Cpath d='M10.5 7H14a2 2 0 0 1 2 2v4.5'/%3E%3C/svg%3E");
  --g-i-wrench: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5a4 4 0 0 0 4.7 5.4L11 19.1a2 2 0 0 1-2.8-2.8l8.2-8.2A4 4 0 0 0 14.5 5.5z'/%3E%3C/svg%3E");
  --g-i-zap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3L5.5 13.5H12l-1 7.5L18.5 10.5H12z'/%3E%3C/svg%3E");
  --g-i-arrow-up: var(--g-i-send);
  --g-i-bars: var(--g-i-bar-chart);
  --g-i-bolt: var(--g-i-zap);
  --g-i-bulb: var(--g-i-lightbulb);
  --g-i-card: var(--g-i-credit-card);
  --g-i-case: var(--g-i-briefcase);
  --g-i-check-s: var(--g-i-check);
  --g-i-chev-down: var(--g-i-down);
  --g-i-chev-left: var(--g-i-back);
  --g-i-chev-right: var(--g-i-forward);
  --g-i-chev-up: var(--g-i-up);
  --g-i-coin: var(--g-i-coins);
  --g-i-comment: var(--g-i-message);
  --g-i-expand: var(--g-i-maximize);
  --g-i-tasks: var(--g-i-list-todo);
  --g-i-thumb: var(--g-i-thumbs-up);
  --g-i-thumb-down: var(--g-i-thumbs-down);
  --g-i-user: var(--g-i-person);
  --g-i-user-plus: var(--g-i-person-plus);
  --g-i-users: var(--g-i-people);
  --g-i-x: var(--g-i-close);
  --g-i-x-circle: var(--g-i-close-circle);
}
.g-i[data-i="activity"] { --i: var(--g-i-activity); }
.g-i[data-i="alert"] { --i: var(--g-i-alert); }
.g-i[data-i="animal"] { --i: var(--g-i-animal); }
.g-i[data-i="archive"] { --i: var(--g-i-archive); }
.g-i[data-i="arrow-down"] { --i: var(--g-i-arrow-down); }
.g-i[data-i="arrow-left"] { --i: var(--g-i-arrow-left); }
.g-i[data-i="arrow-right-left"] { --i: var(--g-i-arrow-right-left); }
.g-i[data-i="arrow-right"] { --i: var(--g-i-arrow-right); }
.g-i[data-i="arrow-up-circle"] { --i: var(--g-i-arrow-up-circle); }
.g-i[data-i="arrow-up-right"] { --i: var(--g-i-arrow-up-right); }
.g-i[data-i="at"] { --i: var(--g-i-at); }
.g-i[data-i="attach"] { --i: var(--g-i-attach); }
.g-i[data-i="award"] { --i: var(--g-i-award); }
.g-i[data-i="back"] { --i: var(--g-i-back); }
.g-i[data-i="bag"] { --i: var(--g-i-bag); }
.g-i[data-i="ban"] { --i: var(--g-i-ban); }
.g-i[data-i="bar-chart"] { --i: var(--g-i-bar-chart); }
.g-i[data-i="bell-off"] { --i: var(--g-i-bell-off); }
.g-i[data-i="bell"] { --i: var(--g-i-bell); }
.g-i[data-i="book-open"] { --i: var(--g-i-book-open); }
.g-i[data-i="book"] { --i: var(--g-i-book); }
.g-i[data-i="bookmark"] { --i: var(--g-i-bookmark); }
.g-i[data-i="bot"] { --i: var(--g-i-bot); }
.g-i[data-i="boxes"] { --i: var(--g-i-boxes); }
.g-i[data-i="brain"] { --i: var(--g-i-brain); }
.g-i[data-i="branch"] { --i: var(--g-i-branch); }
.g-i[data-i="briefcase"] { --i: var(--g-i-briefcase); }
.g-i[data-i="building"] { --i: var(--g-i-building); }
.g-i[data-i="calendar-clock"] { --i: var(--g-i-calendar-clock); }
.g-i[data-i="calendar"] { --i: var(--g-i-calendar); }
.g-i[data-i="camera-off"] { --i: var(--g-i-camera-off); }
.g-i[data-i="camera"] { --i: var(--g-i-camera); }
.g-i[data-i="captions-off"] { --i: var(--g-i-captions-off); }
.g-i[data-i="captions"] { --i: var(--g-i-captions); }
.g-i[data-i="car"] { --i: var(--g-i-car); }
.g-i[data-i="cart"] { --i: var(--g-i-cart); }
.g-i[data-i="cells"] { --i: var(--g-i-cells); }
.g-i[data-i="chart"] { --i: var(--g-i-chart); }
.g-i[data-i="check-check"] { --i: var(--g-i-check-check); }
.g-i[data-i="check-circle"] { --i: var(--g-i-check-circle); }
.g-i[data-i="check-square"] { --i: var(--g-i-check-square); }
.g-i[data-i="check"] { --i: var(--g-i-check); }
.g-i[data-i="chev-updown"] { --i: var(--g-i-chev-updown); }
.g-i[data-i="circle"] { --i: var(--g-i-circle); }
.g-i[data-i="clipboard-check"] { --i: var(--g-i-clipboard-check); }
.g-i[data-i="clipboard"] { --i: var(--g-i-clipboard); }
.g-i[data-i="clock"] { --i: var(--g-i-clock); }
.g-i[data-i="close-circle"] { --i: var(--g-i-close-circle); }
.g-i[data-i="close"] { --i: var(--g-i-close); }
.g-i[data-i="cloud"] { --i: var(--g-i-cloud); }
.g-i[data-i="code"] { --i: var(--g-i-code); }
.g-i[data-i="coins"] { --i: var(--g-i-coins); }
.g-i[data-i="collapse"] { --i: var(--g-i-collapse); }
.g-i[data-i="columns"] { --i: var(--g-i-columns); }
.g-i[data-i="compass"] { --i: var(--g-i-compass); }
.g-i[data-i="copy"] { --i: var(--g-i-copy); }
.g-i[data-i="cpu"] { --i: var(--g-i-cpu); }
.g-i[data-i="credit-card"] { --i: var(--g-i-credit-card); }
.g-i[data-i="crosshair"] { --i: var(--g-i-crosshair); }
.g-i[data-i="crown"] { --i: var(--g-i-crown); }
.g-i[data-i="cursor"] { --i: var(--g-i-cursor); }
.g-i[data-i="dashboard"] { --i: var(--g-i-dashboard); }
.g-i[data-i="database"] { --i: var(--g-i-database); }
.g-i[data-i="dial"] { --i: var(--g-i-dial); }
.g-i[data-i="door-closed"] { --i: var(--g-i-door-closed); }
.g-i[data-i="door-open"] { --i: var(--g-i-door-open); }
.g-i[data-i="dot"] { --i: var(--g-i-dot); }
.g-i[data-i="down"] { --i: var(--g-i-down); }
.g-i[data-i="download"] { --i: var(--g-i-download); }
.g-i[data-i="drive"] { --i: var(--g-i-drive); }
.g-i[data-i="ear"] { --i: var(--g-i-ear); }
.g-i[data-i="edit-2"] { --i: var(--g-i-edit-2); }
.g-i[data-i="edit"] { --i: var(--g-i-edit); }
.g-i[data-i="enter"] { --i: var(--g-i-enter); }
.g-i[data-i="external"] { --i: var(--g-i-external); }
.g-i[data-i="eye-off"] { --i: var(--g-i-eye-off); }
.g-i[data-i="eye"] { --i: var(--g-i-eye); }
.g-i[data-i="file-code"] { --i: var(--g-i-file-code); }
.g-i[data-i="file-sheet"] { --i: var(--g-i-file-sheet); }
.g-i[data-i="file-text"] { --i: var(--g-i-file-text); }
.g-i[data-i="file-up"] { --i: var(--g-i-file-up); }
.g-i[data-i="file"] { --i: var(--g-i-file); }
.g-i[data-i="film"] { --i: var(--g-i-film); }
.g-i[data-i="filter"] { --i: var(--g-i-filter); }
.g-i[data-i="fingerprint"] { --i: var(--g-i-fingerprint); }
.g-i[data-i="flag"] { --i: var(--g-i-flag); }
.g-i[data-i="flame"] { --i: var(--g-i-flame); }
.g-i[data-i="flask"] { --i: var(--g-i-flask); }
.g-i[data-i="folder-archive"] { --i: var(--g-i-folder-archive); }
.g-i[data-i="folder-git"] { --i: var(--g-i-folder-git); }
.g-i[data-i="folder-kanban"] { --i: var(--g-i-folder-kanban); }
.g-i[data-i="folder-open"] { --i: var(--g-i-folder-open); }
.g-i[data-i="folder"] { --i: var(--g-i-folder); }
.g-i[data-i="footprints"] { --i: var(--g-i-footprints); }
.g-i[data-i="forward"] { --i: var(--g-i-forward); }
.g-i[data-i="frame"] { --i: var(--g-i-frame); }
.g-i[data-i="gauge"] { --i: var(--g-i-gauge); }
.g-i[data-i="gavel"] { --i: var(--g-i-gavel); }
.g-i[data-i="gem"] { --i: var(--g-i-gem); }
.g-i[data-i="gift"] { --i: var(--g-i-gift); }
.g-i[data-i="git-commit"] { --i: var(--g-i-git-commit); }
.g-i[data-i="git-pr"] { --i: var(--g-i-git-pr); }
.g-i[data-i="globe"] { --i: var(--g-i-globe); }
.g-i[data-i="graduation"] { --i: var(--g-i-graduation); }
.g-i[data-i="grid"] { --i: var(--g-i-grid); }
.g-i[data-i="grip"] { --i: var(--g-i-grip); }
.g-i[data-i="hammer"] { --i: var(--g-i-hammer); }
.g-i[data-i="handshake"] { --i: var(--g-i-handshake); }
.g-i[data-i="hard-hat"] { --i: var(--g-i-hard-hat); }
.g-i[data-i="hash"] { --i: var(--g-i-hash); }
.g-i[data-i="heart"] { --i: var(--g-i-heart); }
.g-i[data-i="help"] { --i: var(--g-i-help); }
.g-i[data-i="hexagon"] { --i: var(--g-i-hexagon); }
.g-i[data-i="history"] { --i: var(--g-i-history); }
.g-i[data-i="home"] { --i: var(--g-i-home); }
.g-i[data-i="image-plus"] { --i: var(--g-i-image-plus); }
.g-i[data-i="image"] { --i: var(--g-i-image); }
.g-i[data-i="inbox"] { --i: var(--g-i-inbox); }
.g-i[data-i="info"] { --i: var(--g-i-info); }
.g-i[data-i="key"] { --i: var(--g-i-key); }
.g-i[data-i="keyboard"] { --i: var(--g-i-keyboard); }
.g-i[data-i="laptop"] { --i: var(--g-i-laptop); }
.g-i[data-i="layers-3"] { --i: var(--g-i-layers-3); }
.g-i[data-i="layers"] { --i: var(--g-i-layers); }
.g-i[data-i="leaf"] { --i: var(--g-i-leaf); }
.g-i[data-i="lightbulb"] { --i: var(--g-i-lightbulb); }
.g-i[data-i="link"] { --i: var(--g-i-link); }
.g-i[data-i="list-todo"] { --i: var(--g-i-list-todo); }
.g-i[data-i="list"] { --i: var(--g-i-list); }
.g-i[data-i="loader"] { --i: var(--g-i-loader); }
.g-i[data-i="lock"] { --i: var(--g-i-lock); }
.g-i[data-i="log-in"] { --i: var(--g-i-log-in); }
.g-i[data-i="log-out"] { --i: var(--g-i-log-out); }
.g-i[data-i="mail"] { --i: var(--g-i-mail); }
.g-i[data-i="map-pin"] { --i: var(--g-i-map-pin); }
.g-i[data-i="map"] { --i: var(--g-i-map); }
.g-i[data-i="maximize"] { --i: var(--g-i-maximize); }
.g-i[data-i="megaphone"] { --i: var(--g-i-megaphone); }
.g-i[data-i="menu"] { --i: var(--g-i-menu); }
.g-i[data-i="message"] { --i: var(--g-i-message); }
.g-i[data-i="mic-off"] { --i: var(--g-i-mic-off); }
.g-i[data-i="mic"] { --i: var(--g-i-mic); }
.g-i[data-i="minus"] { --i: var(--g-i-minus); }
.g-i[data-i="mobile"] { --i: var(--g-i-mobile); }
.g-i[data-i="monitor-off"] { --i: var(--g-i-monitor-off); }
.g-i[data-i="monitor-up"] { --i: var(--g-i-monitor-up); }
.g-i[data-i="monitor"] { --i: var(--g-i-monitor); }
.g-i[data-i="moon"] { --i: var(--g-i-moon); }
.g-i[data-i="more-v"] { --i: var(--g-i-more-v); }
.g-i[data-i="more"] { --i: var(--g-i-more); }
.g-i[data-i="mountain"] { --i: var(--g-i-mountain); }
.g-i[data-i="music"] { --i: var(--g-i-music); }
.g-i[data-i="nav"] { --i: var(--g-i-nav); }
.g-i[data-i="navigate"] { --i: var(--g-i-navigate); }
.g-i[data-i="network"] { --i: var(--g-i-network); }
.g-i[data-i="note"] { --i: var(--g-i-note); }
.g-i[data-i="notebook"] { --i: var(--g-i-notebook); }
.g-i[data-i="package"] { --i: var(--g-i-package); }
.g-i[data-i="panel-right-close"] { --i: var(--g-i-panel-right-close); }
.g-i[data-i="panel-right"] { --i: var(--g-i-panel-right); }
.g-i[data-i="paperclip"] { --i: var(--g-i-paperclip); }
.g-i[data-i="pause"] { --i: var(--g-i-pause); }
.g-i[data-i="pencil"] { --i: var(--g-i-pencil); }
.g-i[data-i="people"] { --i: var(--g-i-people); }
.g-i[data-i="percent"] { --i: var(--g-i-percent); }
.g-i[data-i="person-circle"] { --i: var(--g-i-person-circle); }
.g-i[data-i="person-plus"] { --i: var(--g-i-person-plus); }
.g-i[data-i="person"] { --i: var(--g-i-person); }
.g-i[data-i="phone-off"] { --i: var(--g-i-phone-off); }
.g-i[data-i="phone"] { --i: var(--g-i-phone); }
.g-i[data-i="pie"] { --i: var(--g-i-pie); }
.g-i[data-i="pin-off"] { --i: var(--g-i-pin-off); }
.g-i[data-i="pin"] { --i: var(--g-i-pin); }
.g-i[data-i="pip"] { --i: var(--g-i-pip); }
.g-i[data-i="place"] { --i: var(--g-i-place); }
.g-i[data-i="play"] { --i: var(--g-i-play); }
.g-i[data-i="plug"] { --i: var(--g-i-plug); }
.g-i[data-i="plus-minus"] { --i: var(--g-i-plus-minus); }
.g-i[data-i="plus"] { --i: var(--g-i-plus); }
.g-i[data-i="quote"] { --i: var(--g-i-quote); }
.g-i[data-i="radio"] { --i: var(--g-i-radio); }
.g-i[data-i="record"] { --i: var(--g-i-record); }
.g-i[data-i="redo"] { --i: var(--g-i-redo); }
.g-i[data-i="refresh"] { --i: var(--g-i-refresh); }
.g-i[data-i="repeat"] { --i: var(--g-i-repeat); }
.g-i[data-i="rocket"] { --i: var(--g-i-rocket); }
.g-i[data-i="route"] { --i: var(--g-i-route); }
.g-i[data-i="save"] { --i: var(--g-i-save); }
.g-i[data-i="scissors"] { --i: var(--g-i-scissors); }
.g-i[data-i="scroll"] { --i: var(--g-i-scroll); }
.g-i[data-i="search"] { --i: var(--g-i-search); }
.g-i[data-i="send"] { --i: var(--g-i-send); }
.g-i[data-i="server"] { --i: var(--g-i-server); }
.g-i[data-i="settings"] { --i: var(--g-i-settings); }
.g-i[data-i="share"] { --i: var(--g-i-share); }
.g-i[data-i="shield-check"] { --i: var(--g-i-shield-check); }
.g-i[data-i="shield"] { --i: var(--g-i-shield); }
.g-i[data-i="shirt"] { --i: var(--g-i-shirt); }
.g-i[data-i="sidebar"] { --i: var(--g-i-sidebar); }
.g-i[data-i="skip-forward"] { --i: var(--g-i-skip-forward); }
.g-i[data-i="sliders"] { --i: var(--g-i-sliders); }
.g-i[data-i="smile-plus"] { --i: var(--g-i-smile-plus); }
.g-i[data-i="smile"] { --i: var(--g-i-smile); }
.g-i[data-i="sort"] { --i: var(--g-i-sort); }
.g-i[data-i="spark"] { --i: var(--g-i-spark); }
.g-i[data-i="sparkle"] { --i: var(--g-i-sparkle); }
.g-i[data-i="sparkles"] { --i: var(--g-i-sparkles); }
.g-i[data-i="sprout"] { --i: var(--g-i-sprout); }
.g-i[data-i="square"] { --i: var(--g-i-square); }
.g-i[data-i="star-fill"] { --i: var(--g-i-star-fill); }
.g-i[data-i="star"] { --i: var(--g-i-star); }
.g-i[data-i="stop"] { --i: var(--g-i-stop); }
.g-i[data-i="store"] { --i: var(--g-i-store); }
.g-i[data-i="sun"] { --i: var(--g-i-sun); }
.g-i[data-i="sync"] { --i: var(--g-i-sync); }
.g-i[data-i="tag"] { --i: var(--g-i-tag); }
.g-i[data-i="target"] { --i: var(--g-i-target); }
.g-i[data-i="terminal"] { --i: var(--g-i-terminal); }
.g-i[data-i="test-tube"] { --i: var(--g-i-test-tube); }
.g-i[data-i="thumbs-down"] { --i: var(--g-i-thumbs-down); }
.g-i[data-i="thumbs-up"] { --i: var(--g-i-thumbs-up); }
.g-i[data-i="timer"] { --i: var(--g-i-timer); }
.g-i[data-i="trash"] { --i: var(--g-i-trash); }
.g-i[data-i="trend-down"] { --i: var(--g-i-trend-down); }
.g-i[data-i="trend-up"] { --i: var(--g-i-trend-up); }
.g-i[data-i="trophy"] { --i: var(--g-i-trophy); }
.g-i[data-i="truck"] { --i: var(--g-i-truck); }
.g-i[data-i="tv"] { --i: var(--g-i-tv); }
.g-i[data-i="type"] { --i: var(--g-i-type); }
.g-i[data-i="undo"] { --i: var(--g-i-undo); }
.g-i[data-i="unlink"] { --i: var(--g-i-unlink); }
.g-i[data-i="unlock"] { --i: var(--g-i-unlock); }
.g-i[data-i="unplug"] { --i: var(--g-i-unplug); }
.g-i[data-i="up"] { --i: var(--g-i-up); }
.g-i[data-i="upload"] { --i: var(--g-i-upload); }
.g-i[data-i="utensils"] { --i: var(--g-i-utensils); }
.g-i[data-i="video-off"] { --i: var(--g-i-video-off); }
.g-i[data-i="video"] { --i: var(--g-i-video); }
.g-i[data-i="voice"] { --i: var(--g-i-voice); }
.g-i[data-i="volume"] { --i: var(--g-i-volume); }
.g-i[data-i="wallet"] { --i: var(--g-i-wallet); }
.g-i[data-i="wand"] { --i: var(--g-i-wand); }
.g-i[data-i="warning"] { --i: var(--g-i-warning); }
.g-i[data-i="waterfall"] { --i: var(--g-i-waterfall); }
.g-i[data-i="waves"] { --i: var(--g-i-waves); }
.g-i[data-i="webhook"] { --i: var(--g-i-webhook); }
.g-i[data-i="wifi-off"] { --i: var(--g-i-wifi-off); }
.g-i[data-i="wifi"] { --i: var(--g-i-wifi); }
.g-i[data-i="workflow"] { --i: var(--g-i-workflow); }
.g-i[data-i="wrench"] { --i: var(--g-i-wrench); }
.g-i[data-i="zap"] { --i: var(--g-i-zap); }
.g-i[data-i="arrow-up"] { --i: var(--g-i-send); }
.g-i[data-i="bars"] { --i: var(--g-i-bar-chart); }
.g-i[data-i="bolt"] { --i: var(--g-i-zap); }
.g-i[data-i="bulb"] { --i: var(--g-i-lightbulb); }
.g-i[data-i="card"] { --i: var(--g-i-credit-card); }
.g-i[data-i="case"] { --i: var(--g-i-briefcase); }
.g-i[data-i="check-s"] { --i: var(--g-i-check); }
.g-i[data-i="chev-down"] { --i: var(--g-i-down); }
.g-i[data-i="chev-left"] { --i: var(--g-i-back); }
.g-i[data-i="chev-right"] { --i: var(--g-i-forward); }
.g-i[data-i="chev-up"] { --i: var(--g-i-up); }
.g-i[data-i="coin"] { --i: var(--g-i-coins); }
.g-i[data-i="comment"] { --i: var(--g-i-message); }
.g-i[data-i="expand"] { --i: var(--g-i-maximize); }
.g-i[data-i="tasks"] { --i: var(--g-i-list-todo); }
.g-i[data-i="thumb"] { --i: var(--g-i-thumbs-up); }
.g-i[data-i="thumb-down"] { --i: var(--g-i-thumbs-down); }
.g-i[data-i="user"] { --i: var(--g-i-person); }
.g-i[data-i="user-plus"] { --i: var(--g-i-person-plus); }
.g-i[data-i="users"] { --i: var(--g-i-people); }
.g-i[data-i="x"] { --i: var(--g-i-close); }
.g-i[data-i="x-circle"] { --i: var(--g-i-close-circle); }
/*@icons-end*/

/* ── stillness: one law for every duration and loop ────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .g-root *, .g-root *::before, .g-root *::after, .g-root { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 0s !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  .g-spin { animation-duration: 2.4s !important; animation-iteration-count: infinite !important; }
}
/* a transition of 0 s needs no frame to finish, so what appears by visibility is there even when frames are paused */
[data-motion="off"] *, [data-motion="off"] *::before, [data-motion="off"] *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 0s !important; transition-delay: 0s !important; }

/* Opt-in pearl: the two-pixel graduated rim and the label are separate materials. */
.g-btn.primary.pearl { border-radius: 100px; font-weight: 500; line-height: normal; border: calc(2px * var(--pearl-frame, 0)) solid transparent; background-clip: padding-box; }
/* Optional frame: the face's shadow stops inside its transparent border. The rim is doubled before
   compositing, so a 1px black inset paints a .5px edge at 1x, 2x and 3x, without border snapping.
   With --pearl-frame absent, inset/padding/size/scale reduce to the original 0/2px/100%/1. */
.g-btn.primary.pearl::after {
  inset: calc(-2px * var(--pearl-frame, 0)) auto auto calc(-2px * var(--pearl-frame, 0));   /* anchored: rtl keeps left */
  width: calc((100% + 4px * var(--pearl-frame, 0)) * (1 + var(--pearl-frame, 0)));
  height: calc((100% + 4px * var(--pearl-frame, 0)) * (1 + var(--pearl-frame, 0)));
  padding: calc(2px * (1 + var(--pearl-frame, 0)));
  border-radius: calc(100px * (1 + var(--pearl-frame, 0)));
  box-sizing: border-box;   /* the size above counts the padding, inside .g-root or not */
  transform-origin: top left; transform: scale(calc(1 / (1 + var(--pearl-frame, 0))));
  background: var(--pearl-ring); box-shadow: var(--pearl-rim-shadow, none);
  opacity: 1; animation: none; transition: none;
}
.g-btn.primary.pearl > .g-pearl-label, .g-btn.primary.pearl > .lbl { background: var(--pearl-label); background-clip: text; -webkit-background-clip: text; color: transparent; filter: var(--pearl-label-shadow); }
.g-btn.primary.pearl.compact { height: 36px; font-weight: 400; }
/* A reusable inline sheet, with a native document flow rather than a modal. */
.g-source-sheet { position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: var(--r3) var(--r3) 0 0; background: var(--sheet-detail); backdrop-filter: var(--sheet-frost); -webkit-backdrop-filter: var(--sheet-frost); }
.g-source-sheet.white { background: var(--surface); }
.g-source-sheet > .g-grabber { flex: none; width: 66px; height: 4px; margin: 8px auto; border-radius: 10px; background: var(--sheet-handle); }

/* Optical overlays are inert; the track and thumb own the same layered material. */
.g-optics { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; display: var(--glass-layer-display); }
.g-optics > span { position: absolute; inset: 0; border-radius: inherit; }
.g-optics > .g-optic-light { inset: 0 8px; background: var(--glass-light); filter: var(--glass-light-filter); }
.g-optics > .g-optic-right { box-shadow: var(--glass-right-drop); }
.g-optics > .g-optic-right::before { background: var(--glass-right-fill), var(--glass-wash); }
.g-optics > .g-optic-right::after { box-shadow: var(--glass-right); }
.g-optics > .g-optic-left { box-shadow: var(--glass-left-drop); }
.g-optics > .g-optic-left::before { background: var(--glass-left-fill), var(--glass-wash); }
.g-optics > .g-optic-left::after { box-shadow: var(--glass-left); }
.g-optic-right::before, .g-optic-right::after, .g-optic-left::before, .g-optic-left::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
.g-optic-right::before, .g-optic-left::before { mix-blend-mode: plus-lighter; }
.g-optics > .g-optic-dark { background: var(--glass-wash); box-shadow: var(--glass-dark); }
.g-optics > .g-optic-bloom { inset: 0 16px; background: var(--glass-top); filter: blur(12px); mix-blend-mode: soft-light; }

/* Source track/cell light bounds (1903:31823/31826/31833/31836). The default layers are hidden. */
.g-seg.glass > .g-optics > .g-optic-bloom { inset: 45.45% 16px -13.64%; }
.g-seg.glass > .g-optics > .g-optic-light { inset: 0 9px; }
.g-seg.glass > .thumb > .g-optics > .g-optic-bloom { inset: 46.88% 0 -12.5%; }
.g-seg.glass > .thumb > .g-optics > .g-optic-light { inset: 0; }

/* Round photo controls and the source's 80% favourite button. */
.g-optics.circle > .g-optic-bloom { inset: 46.88% 0 -12.5%; }
.g-optics.circle > .g-optic-light { inset: 0; }
.g-optics.scaled > .g-optic-bloom { inset: 0 12.8px; filter: blur(9.6px); }
.g-optics.scaled > .g-optic-light { inset: 0 6.4px; filter: blur(1.6px); }