/* ═══════════════════════════════════════════════════════════════════════════
   OriHub — el look compartido (aprobado por el dueño el 2026-10-02).

   QUÉ ES: la ÚNICA fuente de los colores, la tipografía y las formas de OriHub.
   Lo cargan todas las pantallas (hub, Torre, Checador, Calendario, Finance, el chat,
   el login y las páginas públicas); cada una agrega en su propio archivo SÓLO lo suyo,
   apuntando a estos tokens, nunca a un color escrito a mano.

   REGLAS:
   - Un color nuevo se agrega ACÁ, con nombre de función (riesgo, aviso…), no de tono.
   - El texto sobre fondo claro usa los `-ink` (contraste AA ≥ 4.5:1 sobre blanco y sobre
     `--oh-canvas`); los tonos base (`--oh-risk`, `--oh-ok`…) son para puntos, barras y bordes.
   - El modo oscuro se agrega en este archivo redefiniendo ESTOS tokens (todavía no existe).
   - La tipografía es Geist (Google Fonts): cada página carga su `<link>`; si no llega,
     cae a la del sistema.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Tipografía */
  --oh-font: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --oh-mono: 'SF Mono', 'JetBrains Mono', Menlo, ui-monospace, monospace;

  /* Marca */
  --oh-brand: #2c322e; /* verde OriHub: lo activo, el botón primario */
  --oh-brand-hover: #3a433e;
  --oh-lime: #d4f35c; /* acento: contadores, la acción destacada */
  --oh-lime-hover: #c6ea45;

  /* Superficies */
  --oh-canvas: #f2f3ef; /* fondo de la aplicación */
  --oh-surface: #ffffff; /* tarjetas */
  --oh-sunken: #f6f7f3; /* grupos de filas dentro de una tarjeta */
  --oh-line: #e6e8e1; /* bordes */
  --oh-line-strong: #d9dcd3; /* bordes de botones secundarios */

  /* Texto */
  --oh-ink: #151a17; /* títulos y datos */
  --oh-ink-soft: #3e4641; /* texto de menú y botones */
  --oh-ink-2: #5b635d; /* datos secundarios */
  --oh-ink-3: #646b66; /* etiquetas (AA sobre el lienzo y sobre blanco) */

  /* Con significado — base (puntos, barras, bordes) · tinta (texto) · suave (fondo) */
  --oh-risk: #c2412d;
  --oh-risk-ink: #9f2f1b;
  --oh-risk-soft: #fbe9e5;
  --oh-warn: #c98a12;
  --oh-warn-ink: #7a4f00;
  --oh-warn-soft: #fcf1dc;
  --oh-ok: #7fa50f;
  --oh-ok-ink: #3f540b;
  --oh-ok-soft: #eef8cf;
  --oh-info: #2f6fb0;
  --oh-info-ink: #24578c;
  --oh-info-soft: #e6eff8;
  --oh-air: #6b57b5;
  --oh-air-ink: #4f3d97;
  --oh-air-soft: #eeeaf8;
  --oh-lcl: #2a8378;
  --oh-lcl-ink: #1d625b;
  --oh-lcl-soft: #e3f3f1;

  /* Servicios (docs/INDIVIDUAL_SHIPMENT_UPGRADE.md D4 y D66, valores de la maqueta aprobada el 2026-10-05):
     base (puntos, barras, bordes) · tinta (texto y botones sobre blanco, ≥ 6.6:1) · suave (fondo) · y el
     tono OSCURO de la ficha de una operación con sus tres textos (≥ 11:1, el apagado ≥ 5.3:1).
     Aéreo es VERDE y aduana MORADO; marítimo azul y terrestre naranja. `--oh-air` NO es aéreo: es el morado
     decorativo de otras piezas (Torre «cotizaciones», chips del CRM) y no se toca. El portal del cliente no
     carga este archivo y sigue con sus colores (D58). */
  --oh-svc-sea: #2f6fb0;
  --oh-svc-sea-ink: #24578c;
  --oh-svc-sea-soft: #e6eff8;
  --oh-svc-sea-deep: #15304d;
  --oh-svc-sea-deep-2: #1e4166;
  --oh-svc-sea-on-deep: #eef4fa;
  --oh-svc-sea-on-deep-muted: #a8bfd6;
  --oh-svc-sea-on-deep-hi: #8fc6ff;
  --oh-svc-air: #2e8a4f;
  --oh-svc-air-ink: #1e6a3b;
  --oh-svc-air-soft: #e2f2e7;
  --oh-svc-air-deep: #123a26;
  --oh-svc-air-deep-2: #1b4c33;
  --oh-svc-air-on-deep: #ecf6ef;
  --oh-svc-air-on-deep-muted: #a3c7b0;
  --oh-svc-air-on-deep-hi: #86e0a6;
  --oh-svc-land: #c2702a;
  --oh-svc-land-ink: #8c4c12;
  --oh-svc-land-soft: #fbeddf;
  --oh-svc-land-deep: #3f2613;
  --oh-svc-land-deep-2: #55341c;
  --oh-svc-land-on-deep: #fbf1e7;
  --oh-svc-land-on-deep-muted: #d6b89c;
  --oh-svc-land-on-deep-hi: #ffba7a;
  --oh-svc-customs: #6b57b5;
  --oh-svc-customs-ink: #4f3d97;
  --oh-svc-customs-soft: #eeeaf8;
  --oh-svc-customs-deep: #272052;
  --oh-svc-customs-deep-2: #352c69;
  --oh-svc-customs-on-deep: #f1eefb;
  --oh-svc-customs-on-deep-muted: #bdb3e2;
  --oh-svc-customs-on-deep-hi: #c4b5ff;

  /* La tarjeta del tablero de Shipments (docs/SHIPMENTS_BOARD_UPGRADE.md D10, tono «Medio» de la maqueta aprobada el
     2026-10-07): el oscuro de la ficha aclarado con blanco y apagado. Fondo · recuadro · texto · apagado · acento por
     servicio; contraste medido ≥ 5:1 en los cuatro. */
  --oh-svc-sea-card: color-mix(in srgb, var(--oh-svc-sea-deep) 80%, #fff);
  --oh-svc-sea-card-tile: color-mix(in srgb, var(--oh-svc-sea-deep) 90%, #fff);
  --oh-svc-sea-card-ink: var(--oh-svc-sea-on-deep);
  --oh-svc-sea-card-muted: color-mix(in srgb, var(--oh-svc-sea-on-deep-muted) 55%, #fff);
  --oh-svc-sea-card-hi: color-mix(in srgb, var(--oh-svc-sea-on-deep-hi) 60%, #fff);
  --oh-svc-air-card: color-mix(in srgb, var(--oh-svc-air-deep) 80%, #fff);
  --oh-svc-air-card-tile: color-mix(in srgb, var(--oh-svc-air-deep) 90%, #fff);
  --oh-svc-air-card-ink: var(--oh-svc-air-on-deep);
  --oh-svc-air-card-muted: color-mix(in srgb, var(--oh-svc-air-on-deep-muted) 55%, #fff);
  --oh-svc-air-card-hi: color-mix(in srgb, var(--oh-svc-air-on-deep-hi) 60%, #fff);
  --oh-svc-land-card: color-mix(in srgb, var(--oh-svc-land-deep) 80%, #fff);
  --oh-svc-land-card-tile: color-mix(in srgb, var(--oh-svc-land-deep) 90%, #fff);
  --oh-svc-land-card-ink: var(--oh-svc-land-on-deep);
  --oh-svc-land-card-muted: color-mix(in srgb, var(--oh-svc-land-on-deep-muted) 55%, #fff);
  --oh-svc-land-card-hi: color-mix(in srgb, var(--oh-svc-land-on-deep-hi) 60%, #fff);
  --oh-svc-customs-card: color-mix(in srgb, var(--oh-svc-customs-deep) 80%, #fff);
  --oh-svc-customs-card-tile: color-mix(in srgb, var(--oh-svc-customs-deep) 90%, #fff);
  --oh-svc-customs-card-ink: var(--oh-svc-customs-on-deep);
  --oh-svc-customs-card-muted: color-mix(in srgb, var(--oh-svc-customs-on-deep-muted) 55%, #fff);
  --oh-svc-customs-card-hi: color-mix(in srgb, var(--oh-svc-customs-on-deep-hi) 60%, #fff);
  /* La línea punteada de la ruta y los bordes finos sobre la tarjeta (los cuatro servicios). */
  --oh-card-line: color-mix(in srgb, #fff 28%, transparent);
  /* Avisos y estados sobre un fondo oscuro de servicio (los de la ficha, operacion.css, y el «listo» de la maqueta). */
  --oh-on-deep-warn: #ffd28a;
  --oh-on-deep-risk: #ffb4a6;
  --oh-on-deep-ok: #c5ec7d;

  /* Las etapas del tablero de Shipments (D8): el paso 1 a 4, igual en las dos pestañas. Fondo · fuerte · tinta;
     contraste medido ≥ 6:1. De arena (empieza) a lima (casi cierra); el paso 3 en ocre, donde la operación se atora. */
  --oh-stage-1: #f3ece2;
  --oh-stage-1-strong: #e6d6c1;
  --oh-stage-1-ink: #674622;
  --oh-stage-2: #e7ecf0;
  --oh-stage-2-strong: #d1dbe4;
  --oh-stage-2-ink: #334a5e;
  --oh-stage-3: #f4ecd7;
  --oh-stage-3-strong: #e8d9ab;
  --oh-stage-3-ink: #5c4700;
  --oh-stage-4: #e9f1d6;
  --oh-stage-4-strong: #d3e6a6;
  --oh-stage-4-ink: #3f540b;

  /* Forma */
  --oh-r-sm: 10px;
  --oh-r-md: 16px;
  --oh-r-lg: 24px;
  --oh-r-pill: 999px;
  --oh-shadow-sm: 0 1px 2px rgba(21, 26, 23, 0.04);
  --oh-shadow-md: 0 10px 28px rgba(21, 26, 23, 0.07);
  --oh-shadow-lg: 0 24px 64px rgba(21, 26, 23, 0.16);
  --oh-focus: 0 0 0 3px rgba(44, 50, 46, 0.2);
}

/* ── Piezas compartidas (opt-in: sólo las usa quien pone la clase) ── */

.oh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 0 18px;
  border-radius: var(--oh-r-pill);
  border: 1px solid transparent;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background 0.15s,
    border-color 0.15s,
    color 0.15s;
}
.oh-btn:focus-visible {
  outline: none;
  box-shadow: var(--oh-focus);
}
.oh-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.oh-btn--primary {
  background: var(--oh-brand);
  color: #fff;
}
.oh-btn--primary:hover {
  background: var(--oh-brand-hover);
}
.oh-btn--secondary {
  background: var(--oh-surface);
  color: var(--oh-ink);
  border-color: var(--oh-line-strong);
}
.oh-btn--secondary:hover {
  background: var(--oh-canvas);
}
.oh-btn--accent {
  background: var(--oh-lime);
  color: var(--oh-ink);
  font-weight: 600;
}
.oh-btn--accent:hover {
  background: var(--oh-lime-hover);
}

.oh-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: var(--oh-r-pill);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  background: var(--oh-canvas);
  color: var(--oh-ink-soft);
}

/* El selector de idioma ES | EN (docs/IDIOMA.md, 2026-10-08): el control segmentado de OriHub (el mismo de «Show» en
   Shipments) en una pastilla blanca, a la altura de la campana. Lo activo, en el verde OriHub. */
.oh-idioma {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 42px;
  padding: 3px;
  border-radius: var(--oh-r-pill);
  background: var(--oh-surface);
  border: 1px solid var(--oh-line);
  flex-shrink: 0;
}
.oh-idioma-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 100%;
  padding: 0 10px;
  border: 0;
  border-radius: var(--oh-r-pill);
  background: transparent;
  color: var(--oh-ink-soft);
  font: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  cursor: pointer;
  transition:
    background 0.15s,
    color 0.15s;
}
.oh-idioma-btn:hover {
  color: var(--oh-ink);
  background: var(--oh-canvas);
}
.oh-idioma-btn.is-active,
.oh-idioma-btn[aria-pressed='true'] {
  background: var(--oh-brand);
  color: #fff;
}
.oh-idioma-btn:focus-visible {
  outline: none;
  box-shadow: var(--oh-focus);
}

@media (prefers-reduced-motion: reduce) {
  .oh-btn,
  .oh-idioma-btn {
    transition: none;
  }
}

/* ── Íconos de línea (2026-10-02): reemplazan a los emojis de la interfaz. Cada ícono es una
   máscara: toma el color del texto que lo rodea (currentColor) salvo que lleve un tono con
   significado. El hub los pone solo, desde el emoji (ver _lookIconos en logistics.html); una
   pantalla nueva también puede usarlos a mano: <span class="oh-ico oh-ico--ship"></span>. ── */
.oh-ico {
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  vertical-align: -0.16em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: var(--oh-ico) center / contain no-repeat;
  mask: var(--oh-ico) center / contain no-repeat;
}
.oh-ico--tono-ok { background-color: var(--oh-ok); }
.oh-ico--tono-risk { background-color: var(--oh-risk); }
.oh-ico--tono-warn { background-color: var(--oh-warn); }
.oh-ico--tono-gold { background-color: #c9a227; }
.oh-ico--tono-silver { background-color: #9aa3a8; }
.oh-ico--tono-bronze { background-color: #b0703a; }
.oh-ico--check-circle { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m9 12 2 2 4-4%22/%3E%3C/svg%3E"); }
.oh-ico--x-circle { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m15 9-6 6%22/%3E%3Cpath d=%22m9 9 6 6%22/%3E%3C/svg%3E"); }
.oh-ico--alert-triangle { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m21.7 18-8-14a2 2 0 0 0-3.5 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3%22/%3E%3Cpath d=%22M12 9v4%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E"); }
.oh-ico--ban { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m4.9 4.9 14.2 14.2%22/%3E%3C/svg%3E"); }
.oh-ico--hourglass { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 22h14%22/%3E%3Cpath d=%22M5 2h14%22/%3E%3Cpath d=%22M17 22v-4.2a2 2 0 0 0-.6-1.4L12 12l-4.4 4.4a2 2 0 0 0-.6 1.4V22%22/%3E%3Cpath d=%22M7 2v4.2a2 2 0 0 0 .6 1.4L12 12l4.4-4.4a2 2 0 0 0 .6-1.4V2%22/%3E%3C/svg%3E"); }
.oh-ico--dot { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%226%22 fill=%22black%22/%3E%3C/svg%3E"); }
.oh-ico--circle { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228%22/%3E%3C/svg%3E"); }
.oh-ico--info { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 16v-4%22/%3E%3Cpath d=%22M12 8h.01%22/%3E%3C/svg%3E"); }
.oh-ico--help-circle { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E"); }
.oh-ico--lightbulb { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/%3E%3Cpath d=%22M9 18h6%22/%3E%3Cpath d=%22M10 22h4%22/%3E%3C/svg%3E"); }
.oh-ico--building { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2216%22 height=%2220%22 x=%224%22 y=%222%22 rx=%222%22/%3E%3Cpath d=%22M9 22v-4h6v4%22/%3E%3Cpath d=%22M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01%22/%3E%3C/svg%3E"); }
.oh-ico--package { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z%22/%3E%3Cpath d=%22M3.3 7 12 12l8.7-5%22/%3E%3Cpath d=%22M12 22V12%22/%3E%3C/svg%3E"); }
.oh-ico--satellite { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 10a7.3 7.3 0 0 0 10 10Z%22/%3E%3Cpath d=%22m9 15 3-3%22/%3E%3Cpath d=%22M17 13a6 6 0 0 0-6-6%22/%3E%3Cpath d=%22M21 13A10 10 0 0 0 11 3%22/%3E%3C/svg%3E"); }
.oh-ico--map-pin { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 5-5.5 10.2-7.4 11.8a1 1 0 0 1-1.2 0C9.5 20.2 4 15 4 10a8 8 0 0 1 16 0%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E"); }
.oh-ico--target { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%226%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222%22/%3E%3C/svg%3E"); }
.oh-ico--ship { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 21c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1s1.2 1 2.5 1c2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1%22/%3E%3Cpath d=%22M19.4 20A11.6 11.6 0 0 0 21 14l-9-4-9 4c0 2.9.9 5.3 2.8 7.8%22/%3E%3Cpath d=%22M19 13V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v6%22/%3E%3Cpath d=%22M12 10v4%22/%3E%3Cpath d=%22M12 2v3%22/%3E%3C/svg%3E"); }
.oh-ico--refresh { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12a9 9 0 0 1 9-9 9.8 9.8 0 0 1 6.7 2.7L21 8%22/%3E%3Cpath d=%22M21 3v5h-5%22/%3E%3Cpath d=%22M21 12a9 9 0 0 1-9 9 9.8 9.8 0 0 1-6.7-2.7L3 16%22/%3E%3Cpath d=%22M8 16H3v5%22/%3E%3C/svg%3E"); }
.oh-ico--clipboard { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%228%22 height=%224%22 x=%228%22 y=%222%22 rx=%221%22/%3E%3Cpath d=%22M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2%22/%3E%3C/svg%3E"); }
.oh-ico--anchor { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 22V8%22/%3E%3Cpath d=%22M5 12H2a10 10 0 0 0 20 0h-3%22/%3E%3Ccircle cx=%2212%22 cy=%225%22 r=%223%22/%3E%3C/svg%3E"); }
.oh-ico--plane { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z%22/%3E%3C/svg%3E"); }
.oh-ico--plane-landing { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 22h20%22/%3E%3Cpath d=%22M3.8 10.8 2 9l2-4.5 1.1.6c.6.3.9.8.9 1.4s.3 1.2.9 1.5L8 8.5l3-6 1 .5a2 2 0 0 1 1.1 1.5l.7 5.4a2 2 0 0 0 1.1 1.5l4.4 2.2c.4.2.8.6 1 1l.6 1c.5.9-.1 2-1.1 2.1l-1.2.2c-.5.1-1-.1-1.4-.3L4.3 11.2a2 2 0 0 1-.5-.4Z%22/%3E%3C/svg%3E"); }
.oh-ico--cake { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8%22/%3E%3Cpath d=%22M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1%22/%3E%3Cpath d=%22M2 21h20%22/%3E%3Cpath d=%22M7 8v3%22/%3E%3Cpath d=%22M12 8v3%22/%3E%3Cpath d=%22M17 8v3%22/%3E%3Cpath d=%22M7 4h.01%22/%3E%3Cpath d=%22M12 4h.01%22/%3E%3Cpath d=%22M17 4h.01%22/%3E%3C/svg%3E"); }
.oh-ico--paperclip { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m21.4 11.1-9.2 9.2a6 6 0 0 1-8.5-8.5l8.6-8.6a4 4 0 0 1 5.7 5.7l-8.6 8.6a2 2 0 0 1-2.8-2.8l8.5-8.5%22/%3E%3C/svg%3E"); }
.oh-ico--star { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z%22/%3E%3C/svg%3E"); }
.oh-ico--shield { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 13c0 5-3.5 7.5-7.7 9a1 1 0 0 1-.7 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.2-2.7a1.2 1.2 0 0 1 1.6 0C14.5 3.8 17 5 19 5a1 1 0 0 1 1 1z%22/%3E%3C/svg%3E"); }
.oh-ico--shield-check { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 13c0 5-3.5 7.5-7.7 9a1 1 0 0 1-.7 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.2-2.7a1.2 1.2 0 0 1 1.6 0C14.5 3.8 17 5 19 5a1 1 0 0 1 1 1z%22/%3E%3Cpath d=%22m9 12 2 2 4-4%22/%3E%3C/svg%3E"); }
.oh-ico--user { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%225%22/%3E%3Cpath d=%22M20 21a8 8 0 0 0-16 0%22/%3E%3C/svg%3E"); }
.oh-ico--users { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.9%22/%3E%3Cpath d=%22M16 3.1a4 4 0 0 1 0 7.8%22/%3E%3C/svg%3E"); }
.oh-ico--zap { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 14a1 1 0 0 1-.8-1.6l9.9-10.2a.5.5 0 0 1 .9.5l-1.9 6A1 1 0 0 0 13 10h7a1 1 0 0 1 .8 1.6l-9.9 10.2a.5.5 0 0 1-.9-.5l1.9-6A1 1 0 0 0 11 14z%22/%3E%3C/svg%3E"); }
.oh-ico--link { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7%22/%3E%3Cpath d=%22M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7%22/%3E%3C/svg%3E"); }
.oh-ico--handshake { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m11 17 2 2a1 1 0 1 0 3-3%22/%3E%3Cpath d=%22m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.9-3.9a3 3 0 0 0-4.2 0l-.9.9a1 1 0 1 1-3-3l2.8-2.8a5.8 5.8 0 0 1 7.1-.9l.5.3a2 2 0 0 0 1.4.3L21 4%22/%3E%3Cpath d=%22m21 3 1 11h-2%22/%3E%3Cpath d=%22M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3%22/%3E%3Cpath d=%22M3 4h8%22/%3E%3C/svg%3E"); }
.oh-ico--credit-card { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2220%22 height=%2214%22 x=%222%22 y=%225%22 rx=%222%22/%3E%3Cpath d=%22M2 10h20%22/%3E%3C/svg%3E"); }
.oh-ico--file-text { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z%22/%3E%3Cpath d=%22M14 2v4a2 2 0 0 0 2 2h4%22/%3E%3Cpath d=%22M10 9H8%22/%3E%3Cpath d=%22M16 13H8%22/%3E%3Cpath d=%22M16 17H8%22/%3E%3C/svg%3E"); }
.oh-ico--bug { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m8 2 1.9 1.9%22/%3E%3Cpath d=%22M14.1 3.9 16 2%22/%3E%3Cpath d=%22M9 7.1v-1a3 3 0 1 1 6 0v1%22/%3E%3Cpath d=%22M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6%22/%3E%3Cpath d=%22M12 20v-9%22/%3E%3Cpath d=%22M6.5 13H3%22/%3E%3Cpath d=%22M21 13h-3.5%22/%3E%3C/svg%3E"); }
.oh-ico--rocket { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1-.1-2.9a2.2 2.2 0 0 0-2.9-.1z%22/%3E%3Cpath d=%22m12 15-3-3a22 22 0 0 1 2-3.9A12.9 12.9 0 0 1 22 2c0 2.7-.8 7.5-6 11a22.4 22.4 0 0 1-4 2z%22/%3E%3Cpath d=%22M9 12H4s.6-3 2-4c1.6-1.1 5 0 5 0%22/%3E%3Cpath d=%22M12 15v5s3-.6 4-2c1.1-1.6 0-5 0-5%22/%3E%3C/svg%3E"); }
.oh-ico--truck { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2%22/%3E%3Cpath d=%22M15 18H9%22/%3E%3Cpath d=%22M19 18h2a1 1 0 0 0 1-1v-3.6a1 1 0 0 0-.2-.6l-3.5-4.4A1 1 0 0 0 17.5 8H14%22/%3E%3Ccircle cx=%2217%22 cy=%2218%22 r=%222%22/%3E%3Ccircle cx=%227%22 cy=%2218%22 r=%222%22/%3E%3C/svg%3E"); }
.oh-ico--phone { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z%22/%3E%3C/svg%3E"); }
.oh-ico--undo { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 14 4 9l5-5%22/%3E%3Cpath d=%22M4 9h10.5a5.5 5.5 0 0 1 0 11H11%22/%3E%3C/svg%3E"); }
.oh-ico--lock { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2218%22 height=%2211%22 x=%223%22 y=%2211%22 rx=%222%22/%3E%3Cpath d=%22M7 11V7a5 5 0 0 1 10 0v4%22/%3E%3C/svg%3E"); }
.oh-ico--unlock { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2218%22 height=%2211%22 x=%223%22 y=%2211%22 rx=%222%22/%3E%3Cpath d=%22M7 11V7a5 5 0 0 1 9.9-1%22/%3E%3C/svg%3E"); }
.oh-ico--key { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%227.5%22 cy=%2215.5%22 r=%225.5%22/%3E%3Cpath d=%22m21 2-9.6 9.6%22/%3E%3Cpath d=%22m15.5 7.5 3 3L22 7l-3-3%22/%3E%3C/svg%3E"); }
.oh-ico--bell { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9%22/%3E%3Cpath d=%22M10.3 21a1.9 1.9 0 0 0 3.4 0%22/%3E%3C/svg%3E"); }
.oh-ico--download { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%22/%3E%3Cpath d=%22m7 10 5 5 5-5%22/%3E%3Cpath d=%22M12 15V3%22/%3E%3C/svg%3E"); }
.oh-ico--upload { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%22/%3E%3Cpath d=%22m17 8-5-5-5 5%22/%3E%3Cpath d=%22M12 3v12%22/%3E%3C/svg%3E"); }
.oh-ico--coins { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%226%22/%3E%3Cpath d=%22M18.1 10.4A6 6 0 1 1 10.3 18%22/%3E%3Cpath d=%22M7 6h1v4%22/%3E%3Cpath d=%22m16.7 13.9.7.7-2.8 2.8%22/%3E%3C/svg%3E"); }
.oh-ico--bar-chart { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 3v18h18%22/%3E%3Cpath d=%22M18 17V9%22/%3E%3Cpath d=%22M13 17V5%22/%3E%3Cpath d=%22M8 17v-3%22/%3E%3C/svg%3E"); }
.oh-ico--mail { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2220%22 height=%2216%22 x=%222%22 y=%224%22 rx=%222%22/%3E%3Cpath d=%22m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%22/%3E%3C/svg%3E"); }
.oh-ico--video { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m16 13 5.2 3.5a.5.5 0 0 0 .8-.4V7.9a.5.5 0 0 0-.8-.4L16 11%22/%3E%3Crect x=%222%22 y=%226%22 width=%2214%22 height=%2212%22 rx=%222%22/%3E%3C/svg%3E"); }
.oh-ico--award { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%226%22/%3E%3Cpath d=%22M15.5 12.9 17 22l-5-3-5 3 1.5-9.1%22/%3E%3C/svg%3E"); }
.oh-ico--trophy { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9H4.5a2.5 2.5 0 0 1 0-5H6%22/%3E%3Cpath d=%22M18 9h1.5a2.5 2.5 0 0 0 0-5H18%22/%3E%3Cpath d=%22M4 22h16%22/%3E%3Cpath d=%22M10 14.7V17c0 .6-.5 1-1 1.2C7.9 18.8 7 20.2 7 22%22/%3E%3Cpath d=%22M14 14.7V17c0 .6.5 1 1 1.2 1.1.6 2 2 2 3.8%22/%3E%3Cpath d=%22M18 2H6v7a6 6 0 0 0 12 0V2Z%22/%3E%3C/svg%3E"); }
.oh-ico--pencil { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2a2 2 0 0 0-.5.8l-1.3 4.4a.5.5 0 0 0 .6.6l4.4-1.3a2 2 0 0 0 .8-.5z%22/%3E%3C/svg%3E"); }
.oh-ico--trash { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 6h18%22/%3E%3Cpath d=%22M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6%22/%3E%3Cpath d=%22M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2%22/%3E%3C/svg%3E"); }
.oh-ico--banknote { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2220%22 height=%2212%22 x=%222%22 y=%226%22 rx=%222%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222%22/%3E%3Cpath d=%22M6 12h.01M18 12h.01%22/%3E%3C/svg%3E"); }
.oh-ico--save { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z%22/%3E%3Cpath d=%22M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7%22/%3E%3Cpath d=%22M7 3v4a1 1 0 0 0 1 1h7%22/%3E%3C/svg%3E"); }
.oh-ico--wrench { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.8-3.8a6 6 0 0 1-7.9 7.9l-6.9 6.9a2.1 2.1 0 0 1-3-3l6.9-6.9a6 6 0 0 1 7.9-7.9z%22/%3E%3C/svg%3E"); }
.oh-ico--settings { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 7h-9%22/%3E%3Cpath d=%22M14 17H5%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%223%22/%3E%3Ccircle cx=%227%22 cy=%227%22 r=%223%22/%3E%3C/svg%3E"); }
.oh-ico--calendar { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2218%22 height=%2218%22 x=%223%22 y=%224%22 rx=%222%22/%3E%3Cpath d=%22M16 2v4%22/%3E%3Cpath d=%22M8 2v4%22/%3E%3Cpath d=%22M3 10h18%22/%3E%3C/svg%3E"); }
.oh-ico--clock { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 6v6l4 2%22/%3E%3C/svg%3E"); }
.oh-ico--search { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22/%3E%3Cpath d=%22m21 21-4.3-4.3%22/%3E%3C/svg%3E"); }
.oh-ico--paw { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%224%22 r=%222%22/%3E%3Ccircle cx=%2218%22 cy=%228%22 r=%222%22/%3E%3Ccircle cx=%2220%22 cy=%2216%22 r=%222%22/%3E%3Cpath d=%22M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.8 1.1 3.5 3.5 0 0 0-2.4-2.4A3.5 3.5 0 0 1 6 10z%22/%3E%3C/svg%3E"); }
.oh-ico--plus-circle { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M8 12h8%22/%3E%3Cpath d=%22M12 8v8%22/%3E%3C/svg%3E"); }
.oh-ico--pause { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%2214%22 y=%224%22 width=%224%22 height=%2216%22 rx=%221%22/%3E%3Crect x=%226%22 y=%224%22 width=%224%22 height=%2216%22 rx=%221%22/%3E%3C/svg%3E"); }
.oh-ico--activity { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 12h-4l-3 9L9 3l-3 9H2%22/%3E%3C/svg%3E"); }
.oh-ico--book-open { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z%22/%3E%3Cpath d=%22M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z%22/%3E%3C/svg%3E"); }
.oh-ico--arrow-up-right { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 7h10v10%22/%3E%3Cpath d=%22M7 17 17 7%22/%3E%3C/svg%3E"); }
.oh-ico--folder { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.7-.9l-.8-1.2A2 2 0 0 0 7.9 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z%22/%3E%3C/svg%3E"); }
.oh-ico--image { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2218%22 height=%2218%22 x=%223%22 y=%223%22 rx=%222%22/%3E%3Ccircle cx=%229%22 cy=%229%22 r=%222%22/%3E%3Cpath d=%22m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21%22/%3E%3C/svg%3E"); }
.oh-ico--globe { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20%22/%3E%3Cpath d=%22M2 12h20%22/%3E%3C/svg%3E"); }
.oh-ico--sparkles { --oh-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3 9.6 9.6 3 12l6.6 2.4L12 21l2.4-6.6L21 12l-6.6-2.4z%22/%3E%3C/svg%3E"); }