@import url("https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400..700;1,400..700&family=Barlow:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:wght@400..600&display=swap");/* ─────────────────────────────────────────────────────────
   EMBEDDED APP CONFIGURATION HUB — Design tokens & primitives
   ───────────────────────────────────────────────────────── */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* ── Brand-chrome variables (always dark, both themes) ─── */
:root {
  --brand-bar-bg: #02213e; /* ngprimary-950 */
  --brand-bar-fg: #ffffff;
  --brand-bar-fg-soft: rgba(255, 255, 255, 0.58);
  --brand-bar-border: rgba(255, 255, 255, 0.08);
  --brand-bar-surface: rgba(255, 255, 255, 0.06);
  --brand-bar-surface-hover: rgba(255, 255, 255, 0.12);

  /* radius aliases */
  --radius-sm: var(--radius-md);
  --radius: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --duration: var(--dur-base, 150ms);
  --ease: var(--ease-out, ease-out);
  --density-pad: 18px;
  --density-gap: 14px;
}

[data-theme="light"] {
  --bg: var(--color-surface-page, #f7f7f4);
  --bg-canvas: var(--color-surface-muted, #f0efe9);
  --surface: var(--color-surface-default, #ffffff);
  --surface-2: #faf9f7;
  --surface-sunken: var(--color-surface-sunken, #f0efe9);
  --surface-hover: #f5f4f1;
  --border: var(--color-border-subtle, #e8e7de);
  --border-strong: var(--color-border-default, #d9d8cf);
  --text: var(--color-text-strong, #131312);
  --text-muted: var(--color-text-muted, #666662);
  --text-soft: var(--nggray-500, #85847e);
  --primary: var(--color-action-primary-bg, #02213e);
  --primary-soft: var(--color-surface-brand-soft, #e6ecf3);
  --primary-text: var(--color-action-primary-fg, #ffffff);
  --primary-fg: var(--ngprimary-800, #063b68);
  --accent: var(--teal-400, #00deb6);
  --warn: var(--color-status-warning-fg, #92400e);
  --warn-soft: var(--color-status-warning-bg, #fef3c7);
  --danger: var(--color-status-danger-fg, #b91c1c);
  --danger-soft: var(--color-status-danger-bg, #fee2e2);
  --success: var(--color-status-success-fg, #166534);
  --success-soft: var(--color-status-success-bg, #dcfce7);
  --system-bg: var(--nggray-100, #f0efe9);
  --system-tint: var(--nggray-200, #e8e7de);
  --shadow-1: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
  --shadow-2: var(--shadow-md, 0 4px 12px rgba(0, 0, 0, 0.08));
  --shadow-pop: var(--shadow-lg, 0 12px 32px rgba(0, 0, 0, 0.12));
  --grid-line: rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] {
  --bg: #0e0f12;
  --bg-canvas: #08090b;
  --surface: #16181d;
  --surface-2: #1a1d23;
  --surface-sunken: #0f1115;
  --surface-hover: #1d2026;
  --border: #25282f;
  --border-strong: #353944;
  --text: #f1f0ec;
  --text-muted: #9b9aa1;
  --text-soft: #6b6c74;
  --primary: #4e83c4;
  --primary-soft: #1a2e47;
  --primary-text: #ffffff;
  --primary-fg: #94b8dc;
  --accent: var(--teal-400, #00deb6);
  --warn: #e0a04a;
  --warn-soft: #2d2317;
  --danger: #ef6855;
  --danger-soft: #2e1714;
  --success: #5dba78;
  --success-soft: #14241a;
  --system-bg: #14161b;
  --system-tint: #1f232a;
  --shadow-1: 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-2: 0 1px 1px rgba(0, 0, 0, 0.3), 0 6px 16px -8px rgba(0, 0, 0, 0.5);
  --shadow-pop:
    0 24px 48px -16px rgba(0, 0, 0, 0.6), 0 4px 12px -4px rgba(0, 0, 0, 0.4);
  --grid-line: rgba(255, 255, 255, 0.04);
}

html,
body {
  margin: 0;
  font-family: var(--font-sans, "Figtree", system-ui, sans-serif);
  font-size: 13.5px;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#root,
.root {
  min-height: 100vh;
}
button {
  font-family: inherit;
  cursor: pointer;
}
input,
textarea,
select {
  font-family: inherit;
  color: inherit;
}

/* ─── App shell — topbar spans both columns ─────────────── */
.app-shell {
  display: grid;
  grid-template-columns: 240px 1fr;
  grid-template-rows: 56px 1fr;
  grid-template-areas:
    "top  top"
    "side main";
  min-height: 100vh;
  transition: grid-template-columns var(--duration) var(--ease);
}
.app-shell[data-collapsed="true"] {
  grid-template-columns: 64px 1fr;
}

.topbar {
  grid-area: top;
}
.sidebar {
  grid-area: side;
}
.app-main {
  grid-area: main;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* ─── Top bar (full-width dark navy) ────────────────────── */
.topbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 20px;
  background: var(--brand-bar-bg);
  color: var(--brand-bar-fg);
  border-bottom: 1px solid var(--brand-bar-border);
  position: sticky;
  top: 0;
  z-index: 30;
  height: 56px;
}

.topbar-divider {
  width: 1px;
  height: 24px;
  background: var(--brand-bar-border);
  flex-shrink: 0;
}
.topbar-spacer {
  flex: 1;
}

/* Brand block */
.brand-block {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.brand-mark-top {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ngcyan-300, #00ffd2);
  font-size: 15px;
  font-weight: 800;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.brand-text-top {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.brand-top-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--brand-bar-fg);
  letter-spacing: -0.01em;
}
.brand-top-sub {
  font-size: 10px;
  color: var(--brand-bar-fg-soft);
  letter-spacing: 0.04em;
}

/* Workspace switcher in topbar */
.ws-switcher {
  display: inline-flex;
  align-items: center;
  background: var(--brand-bar-surface);
  border: 1px solid var(--brand-bar-border);
  border-radius: 10px;
  padding: 3px;
  gap: 2px;
  flex-shrink: 0;
}
.ws-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--brand-bar-fg-soft);
  border-radius: 7px;
  cursor: pointer;
  font-family: inherit;
  transition:
    background var(--duration) var(--ease),
    color var(--duration) var(--ease);
  white-space: nowrap;
}
.ws-tab:hover {
  color: var(--brand-bar-fg);
  background: var(--brand-bar-surface-hover);
}
.ws-tab--active {
  background: var(--ngcyan-300, #00ffd2);
  color: #02213e;
  font-weight: 600;
}
.ws-tab--active:hover {
  background: var(--ngcyan-300, #00ffd2);
  color: #02213e;
}
.ws-tab-count {
  font-size: 10.5px;
  font-family: var(--font-mono, monospace);
  padding: 1px 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.15);
  color: var(--brand-bar-fg);
}
.ws-tab--active .ws-tab-count {
  background: rgba(2, 33, 62, 0.15);
  color: #02213e;
}

/* Topbar breadcrumb */
.topbar-breadcrumb {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  color: var(--brand-bar-fg-soft);
  min-width: 0;
  flex-shrink: 1;
  overflow: hidden;
}
.topbar-breadcrumb-item {
  white-space: nowrap;
}
.topbar-breadcrumb-sep {
  opacity: 0.4;
  flex-shrink: 0;
}
.topbar-breadcrumb-last {
  color: var(--brand-bar-fg);
  font-weight: 500;
  white-space: nowrap;
}

/* Client chip in topbar */
.client-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 5px;
  border: 1px solid var(--brand-bar-border);
  border-radius: 10px;
  background: var(--brand-bar-surface);
  color: var(--brand-bar-fg);
  cursor: pointer;
  font-size: 13px;
  font-family: inherit;
  flex-shrink: 0;
  transition:
    background var(--duration) var(--ease),
    border-color var(--duration) var(--ease);
}
.client-chip:hover {
  border-color: rgba(255, 255, 255, 0.24);
  background: var(--brand-bar-surface-hover);
}
.client-chip-glyph {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 11px;
  flex-shrink: 0;
  color: #fff;
}
.client-chip-name {
  font-weight: 600;
  color: var(--brand-bar-fg);
}
.client-chip-id {
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  color: var(--brand-bar-fg-soft);
  border-left: 1px solid var(--brand-bar-border);
  padding-left: 8px;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ─── Button system ──────────────────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  cursor: pointer;
  white-space: nowrap;
  font-family: inherit;
  transition:
    background var(--duration) var(--ease),
    border-color var(--duration) var(--ease),
    color var(--duration) var(--ease);
}
.btn:hover {
  background: var(--surface-hover);
}
.btn--primary {
  background: var(--primary, #02213e);
  color: var(--primary-text, #fff);
  border-color: var(--primary, #02213e);
}
.btn--primary:hover {
  filter: brightness(1.08);
}
.btn--ghost {
  background: transparent;
  border-color: transparent;
}
.btn--ghost:hover {
  background: var(--surface-hover, rgba(0, 0, 0, 0.04));
}
.btn--danger {
  color: var(--danger, #b91c1c);
}
.btn--danger:hover {
  background: var(--danger-soft, #fee2e2);
}
.btn--icon {
  padding: 6px;
  width: 32px;
  height: 32px;
}
.btn--sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 6px;
}
.btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Icon btn in topbar */
.icon-btn {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid var(--brand-bar-border);
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--brand-bar-fg-soft);
  cursor: pointer;
  font-size: 14px;
  flex-shrink: 0;
  transition:
    background var(--duration) var(--ease),
    color var(--duration) var(--ease);
}
.icon-btn:hover {
  background: var(--brand-bar-surface-hover);
  color: var(--brand-bar-fg);
}

/* User avatar in topbar */
.topbar-user {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 4px;
  border-radius: 999px;
  background: var(--brand-bar-surface);
  border: 1px solid var(--brand-bar-border);
  flex-shrink: 0;
}
.topbar-user-avatar {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--teal-700, #115e59);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}
.topbar-user-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.topbar-user-name {
  font-size: 12px;
  font-weight: 600;
  color: var(--brand-bar-fg);
}
.topbar-user-role {
  font-size: 10px;
  color: var(--brand-bar-fg-soft);
}

/* ─── Sidebar (light warm gray — matches North Star surface-muted) ─── */
.sidebar {
  background: var(--bg-canvas, #f0efe9);
  border-right: 1px solid var(--border, #e8e7de);
  padding: 14px 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: sticky;
  top: 56px;
  height: calc(100vh - 56px);
  overflow-y: auto;
  overflow-x: hidden;
}

.sidebar::-webkit-scrollbar {
  width: 4px;
}
.sidebar::-webkit-scrollbar-thumb {
  background: var(--border-strong, #d9d8cf);
  border-radius: 999px;
}
.sidebar::-webkit-scrollbar-track {
  background: transparent;
}

/* Nav tree + bucket structure */
.nav-tree {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.nav-bucket {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 6px;
  margin-bottom: 4px;
  border-bottom: 1px dashed var(--border, #e8e7de);
}
.nav-bucket:last-of-type {
  border-bottom: 0;
}

.nav-bucket-label {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--text-soft, #85847e);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 10px 10px 4px;
}

.nav-app-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 4px;
}

.nav-app-label {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px 3px;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--text-muted, #666662);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}
.nav-app-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  flex-shrink: 0;
}
.nav-app-full {
  font-size: 10px;
  font-weight: 400;
  color: var(--text-soft, #85847e);
  letter-spacing: 0.02em;
  text-transform: none;
  margin-left: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.nav-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 14px;
  color: var(--text, #131312);
  cursor: pointer;
  border: 0.5px solid transparent;
  text-decoration: none;
  background: transparent;
  width: 100%;
  text-align: left;
  font-family: inherit;
  transition:
    background var(--duration) var(--ease),
    color var(--duration) var(--ease);
  white-space: nowrap;
  overflow: hidden;
}
.nav-item:hover {
  background: var(--surface, #fff);
  color: var(--text, #131312);
}
.nav-item--active {
  background: var(--ngcyan-100, #c9ffef);
  color: var(--text, #131312);
  font-weight: 600;
  border-color: var(--teal-400, #00deb6);
}
.nav-item--active:hover {
  background: var(--ngcyan-100, #c9ffef);
}
.nav-item .pi {
  font-size: 13px;
  flex-shrink: 0;
  opacity: 0.75;
}
.nav-item--active .pi {
  opacity: 1;
  color: var(--teal-700, #115e59);
}

.nav-item--nested {
  padding-left: 24px;
  position: relative;
}
.nav-item--nested::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--border-strong, #d9d8cf);
}
.nav-item--nested.nav-item--active::before {
  background: var(--teal-400, #00deb6);
}

/* Nav pill badge */
.nav-pill {
  margin-left: auto;
  font-size: 10.5px;
  font-family: var(--font-mono, monospace);
  background: var(--surface-sunken, #f0efe9);
  border: 1px solid var(--border, #e8e7de);
  color: var(--text-muted, #666662);
  padding: 1px 6px;
  border-radius: 999px;
}
.nav-item--active .nav-pill {
  background: var(--primary-soft, #e6ecf3);
  border-color: transparent;
  color: var(--primary-fg, #063b68);
}

/* Client info card in sidebar (client workspace) */
.nav-client-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  margin-bottom: 8px;
  background: var(--surface, #fff);
  border: 1px solid var(--border, #e8e7de);
  border-radius: 10px;
}
.nav-client-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--text, #131312);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-client-meta {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  margin-top: 2px;
}

.sidebar-collapse-btn {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 12.5px;
  color: var(--text-soft, #85847e);
  cursor: pointer;
  border: 1px solid transparent;
  background: transparent;
  width: 100%;
  text-align: left;
  transition:
    background var(--duration) var(--ease),
    color var(--duration) var(--ease);
  white-space: nowrap;
  overflow: hidden;
  font-family: inherit;
}
.sidebar-collapse-btn:hover {
  background: var(--surface, #fff);
  color: var(--text-muted, #666662);
}

/* Sidebar tip */
.sidebar-tip {
  padding: 12px;
  border-radius: 10px;
  background: var(--surface-sunken, #e8e7de);
  border: 1px solid var(--border, #e8e7de);
  font-size: 11.5px;
  color: var(--text-muted, #666662);
  line-height: 1.5;
}

/* ─── Page content ───────────────────────────────────────── */
.page {
  padding: 28px 28px 80px;
  max-width: 1480px;
  width: 100%;
  margin: 0 auto;
}

.page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.page-title {
  font-family: var(--font-display, var(--font-sans));
  font-weight: 400;
  font-size: 36px;
  line-height: 1.05;
  letter-spacing: -0.01em;
  margin: 0 0 6px;
  color: var(--text);
}
.page-subtitle {
  font-size: 14px;
  color: var(--text-muted);
  margin: 0;
  max-width: 60ch;
}
.page-stats {
  display: flex;
  gap: 24px;
  font-size: 12px;
  color: var(--text-muted);
}
.page-stat-num {
  font-family: var(--font-mono, monospace);
  font-size: 22px;
  line-height: 1;
  color: var(--text);
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
}

/* ─── Section header ─────────────────────────────────────── */
.section-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 26px 0 12px;
}
.section-head h2 {
  font-size: 11.5px;
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.section-head .count {
  font-size: 11px;
  background: var(--surface-sunken);
  border: 1px solid var(--border);
  padding: 1px 7px;
  border-radius: 999px;
  color: var(--text-muted);
  font-family: var(--font-mono, monospace);
}
.section-head .rule {
  flex: 1;
  height: 1px;
  background: var(--border);
  border: none;
}
.section-head .section-desc {
  font-size: 11.5px;
  color: var(--text-soft);
  white-space: nowrap;
}
.section-head--toggle {
  cursor: pointer;
  user-select: none;
}
.section-head--toggle:hover h2 {
  color: var(--text);
}
.section-chev {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-soft);
  transition: transform var(--duration) var(--ease);
  flex-shrink: 0;
}
.section-head--toggle[data-open="false"] .section-chev {
  transform: rotate(-90deg);
}
.section-body[data-open="false"] {
  display: none;
}

/* ─── Card grid ──────────────────────────────────────────── */
.card-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
}
.card-grid--wide {
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
}

/* ─── Config card ────────────────────────────────────────── */
.cfg-card {
  position: relative;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-1);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 14px 12px 16px;
  overflow: hidden;
  transition:
    border-color var(--duration) var(--ease),
    box-shadow var(--duration) var(--ease);
}
.cfg-card:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-2);
}
.cfg-card--system {
  background: var(--system-bg);
}
.cfg-card--off .cfg-card-id,
.cfg-card--off .cfg-card-badges,
.cfg-card--off .cfg-card-foot {
  opacity: 0.5;
}
.cfg-card--off:hover .cfg-card-id,
.cfg-card--off:hover .cfg-card-badges,
.cfg-card--off:hover .cfg-card-foot {
  opacity: 0.75;
}

.cfg-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  border-radius: 99px;
  border: 1.5px solid var(--border-strong);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 500;
  white-space: nowrap;
  transition:
    background var(--duration) var(--ease),
    border-color var(--duration) var(--ease),
    color var(--duration) var(--ease);
}
.cfg-toggle-btn:hover:not(:disabled) {
  border-color: var(--primary);
  color: var(--primary);
}
.cfg-toggle-btn--on {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.cfg-toggle-btn--on:hover:not(:disabled) {
  background: var(--primary-dark, var(--primary));
  filter: brightness(0.9);
  color: #fff;
}
.cfg-toggle-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.cfg-card-rail {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
}
.cfg-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.cfg-card-id {
  display: flex;
  gap: 12px;
  min-width: 0;
  flex: 1;
  align-items: flex-start;
}
.cfg-card-mono-glyph {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: var(--surface-sunken);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-soft);
  flex-shrink: 0;
}
.cfg-card-titles {
  min-width: 0;
  flex: 1;
  padding-top: 2px;
}
.cfg-card-name {
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: -0.005em;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  line-height: 1.25;
}
.cfg-card-sub {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  color: var(--text-muted);
  flex-wrap: wrap;
  min-width: 0;
}
.cfg-card-url {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-mono, monospace);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cfg-card-url span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cfg-card-sep {
  color: var(--text-soft);
}
.cfg-card-key {
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  color: var(--text-muted);
  background: var(--surface-sunken);
  padding: 1px 6px;
  border-radius: 4px;
  border: 1px solid var(--border);
}
.cfg-card-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.cfg-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.cfg-card-foot {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px dashed var(--border);
}
.cfg-foot-source {
  font-family: var(--font-mono, monospace);
  font-size: 10.5px;
  color: var(--text-soft);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* ─── Filter chips ───────────────────────────────────────── */
.filter-chips {
  display: inline-flex;
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 2px;
  gap: 2px;
  flex-shrink: 0;
}
.filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  font-size: 12.5px;
  font-weight: 500;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--text-muted);
  cursor: pointer;
  transition:
    background var(--duration) var(--ease),
    color var(--duration) var(--ease);
}
.filter-chip:hover {
  color: var(--text);
}
.filter-chip--active {
  background: var(--text);
  color: var(--bg);
  font-weight: 600;
}
.filter-chip-count {
  font-family: var(--font-mono, monospace);
  font-size: 10.5px;
  padding: 1px 5px;
  background: var(--surface-sunken);
  border-radius: 999px;
  color: var(--text-soft);
}
.filter-chip--active .filter-chip-count {
  background: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.9);
}
[data-theme="dark"] .filter-chip--active {
  background: var(--text);
  color: #08090b;
}
[data-theme="dark"] .filter-chip--active .filter-chip-count {
  background: rgba(0, 0, 0, 0.16);
  color: rgba(0, 0, 0, 0.7);
}

/* ─── Page eyebrow ───────────────────────────────────────── */
.page-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.page-eyebrow-glyph {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 8px;
  font-weight: 700;
  flex-shrink: 0;
}

/* ─── Chips & badges ─────────────────────────────────────── */
.chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  background: var(--surface-sunken);
  color: var(--text-muted);
  border: 1px solid var(--border);
  white-space: nowrap;
  letter-spacing: 0.01em;
}
.chip--mono {
  font-family: var(--font-mono, monospace);
  font-size: 10.5px;
}
.chip--success {
  background: var(--success-soft);
  color: var(--success);
  border-color: transparent;
}
.chip--warn {
  background: var(--warn-soft);
  color: var(--warn);
  border-color: transparent;
}
.chip--danger {
  background: var(--danger-soft);
  color: var(--danger);
  border-color: transparent;
}
.chip--primary {
  background: var(--primary-soft);
  color: var(--primary-fg);
  border-color: transparent;
}
.chip--system {
  background: var(--system-tint);
  color: var(--text-muted);
  border-color: transparent;
}
.chip--override {
  background: var(--warn-soft);
  color: var(--warn);
  border-color: transparent;
}

/* ─── Drawer ─────────────────────────────────────────────── */
.drawer-scrim {
  position: fixed;
  inset: 0;
  background: rgba(20, 18, 12, 0.32);
  backdrop-filter: blur(2px);
  z-index: 50;
  opacity: 0;
  pointer-events: none;
  transition: opacity 240ms var(--ease);
}
.drawer-scrim[data-open="true"] {
  opacity: 1;
  pointer-events: auto;
}
[data-theme="dark"] .drawer-scrim {
  background: rgba(0, 0, 0, 0.5);
}

.drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(620px, 100vw);
  background: var(--surface);
  border-left: 1px solid var(--border);
  z-index: 60;
  transform: translateX(100%);
  transition: transform 280ms var(--ease);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-pop);
}
.drawer[data-open="true"] {
  transform: translateX(0);
}
.drawer-head {
  padding: 18px 24px 14px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.drawer-eyebrow {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-soft);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.drawer-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.01em;
}
.drawer-body {
  flex: 1;
  overflow: auto;
}
.drawer-section {
  padding: 20px 24px;
  border-bottom: 1px solid var(--border);
}
.drawer-section:last-child {
  border-bottom: none;
}
.drawer-section-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-soft);
  margin: 0 0 14px;
}
.drawer-foot {
  padding: 14px 24px;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: var(--surface);
}
.drawer-body::-webkit-scrollbar {
  width: 6px;
}
.drawer-body::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 999px;
}
.drawer-body::-webkit-scrollbar-track {
  background: transparent;
}

/* Stepper */
.stepper {
  display: flex;
  padding: 12px 24px;
  border-bottom: 1px solid var(--border);
  background: var(--surface-2);
}
.step {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px 4px 0;
  font-size: 12px;
  color: var(--text-soft);
  cursor: pointer;
  position: relative;
  flex: 1;
  min-width: 0;
}
.step-num {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  font-family: var(--font-mono, monospace);
  color: var(--text-soft);
  flex-shrink: 0;
}
.step-label {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.step--active .step-num {
  background: var(--text);
  color: var(--bg);
  border-color: var(--text);
}
.step--active {
  color: var(--text);
}
.step--done .step-num {
  background: var(--success);
  color: #fff;
  border-color: var(--success);
}
.step:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 1px;
  background: var(--border-strong);
}

/* ─── Form field helpers ─────────────────────────────────── */
.field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.field-label {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--text-muted);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.field-hint {
  font-size: 11.5px;
  color: var(--text-soft);
}
.field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--border);
}
.toggle-row:last-child {
  border-bottom: none;
}
.toggle-row-label {
  font-size: 13px;
}
.toggle-row-hint {
  font-size: 11.5px;
  color: var(--text-soft);
  margin-top: 2px;
}

/* ─── Client picker ──────────────────────────────────────── */
.picker-scrim {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-canvas);
  background-image:
    linear-gradient(var(--grid-line, rgba(0, 0, 0, 0.04)) 1px, transparent 1px),
    linear-gradient(
      90deg,
      var(--grid-line, rgba(0, 0, 0, 0.04)) 1px,
      transparent 1px
    );
  background-size: 32px 32px;
  padding: 24px;
}
.picker-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-pop);
  width: min(640px, 100%);
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.picker-header {
  padding: 28px 28px 22px;
  border-bottom: 1px solid var(--border);
}
.picker-eyebrow {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-soft);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.picker-title {
  font-family: var(--font-display, var(--font-sans));
  font-size: 32px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin: 0 0 4px;
}
.picker-subtitle {
  font-size: 14px;
  color: var(--text-muted);
}
.picker-search {
  padding: 14px 20px;
  border-bottom: 1px solid var(--border);
  position: relative;
}
.picker-search .pi-search {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-soft);
  font-size: 14px;
  pointer-events: none;
}
.picker-search-input {
  width: 100%;
  padding: 9px 12px 9px 36px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface-sunken);
  font-size: 14px;
  color: var(--text);
  font-family: var(--font-sans);
  transition:
    border-color var(--duration) var(--ease),
    box-shadow var(--duration) var(--ease);
}
.picker-search-input:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-soft);
  background: var(--surface);
}
.picker-search-input::placeholder {
  color: var(--text-soft);
}
.picker-body {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
}
.picker-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background var(--duration) var(--ease);
}
.picker-row:hover {
  background: var(--surface-hover);
}
.picker-glyph {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
  color: #fff;
}
.picker-row-info {
  flex: 1;
  min-width: 0;
}
.picker-row-name {
  font-size: 14px;
  font-weight: 500;
}
.picker-row-id {
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  color: var(--text-soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.picker-body::-webkit-scrollbar {
  width: 6px;
}
.picker-body::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 999px;
}
.picker-body::-webkit-scrollbar-track {
  background: transparent;
}

/* ─── Empty state ────────────────────────────────────────── */
.empty-state {
  border: 1px dashed var(--border-strong);
  border-radius: var(--radius-lg);
  padding: 48px 24px;
  text-align: center;
  color: var(--text-muted);
}
.empty-state .pi {
  font-size: 28px;
  margin-bottom: 12px;
  display: block;
  opacity: 0.4;
}
.empty-state-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
}
.empty-state-desc {
  font-size: 14px;
  color: var(--text-soft);
}

/* ─── Filter tabs ────────────────────────────────────────── */
.filter-tabs {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  background: var(--surface-sunken);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 3px;
}
.filter-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 5px;
  border: none;
  font-size: 12.5px;
  font-weight: 500;
  cursor: pointer;
  background: transparent;
  color: var(--text-muted);
  transition:
    background var(--duration) var(--ease),
    color var(--duration) var(--ease);
  font-family: inherit;
}
.filter-tab:hover {
  background: var(--surface-hover);
  color: var(--text);
}
.filter-tab--active {
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-1);
}
.filter-tab-count {
  font-family: var(--font-mono, monospace);
  font-size: 10.5px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--surface-sunken);
  color: var(--text-muted);
}
.filter-tab--active .filter-tab-count {
  background: var(--primary-soft);
  color: var(--primary-fg);
}

/* ─── Global base ────────────────────────────────────────── */
body {
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: var(--font-sans) !important;
}
[data-theme="dark"] body {
  color-scheme: dark;
}
/**
 * Do not edit directly, this file was auto-generated.
 */

:root[data-theme="light"] {
  --ng-focus-state: 0px 0px 0px 4px #6d6d69, 0px 0px 0px 2px #ffffff;
  --ng-accordion-content-background: #ffffff;
  --ng-accordion-content-border-color: #e8e7de;
  --ng-accordion-content-border-width: 0px;
  --ng-accordion-content-color: #131312;
  --ng-accordion-header-active-background: #ffffff;
  --ng-accordion-header-active-color: #131312;
  --ng-accordion-header-active-hover-background: #ffffff;
  --ng-accordion-header-background: #ffffff;
  --ng-accordion-header-border-color: #e8e7de;
  --ng-accordion-header-border-radius: 0px;
  --ng-accordion-header-border-width: 0px;
  --ng-accordion-header-color: #6d6d69;
  --ng-accordion-header-first-border-width: 0px;
  --ng-accordion-header-first-top-border-radius: 8px;
  --ng-accordion-header-focus-ring-color: #6d6d69;
  --ng-accordion-header-focus-ring-offset: 2px;
  --ng-accordion-header-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-accordion-header-focus-ring-width: 2px;
  --ng-accordion-header-hover-background: #ffffff;
  --ng-accordion-header-hover-color: #131312;
  --ng-accordion-header-last-active-bottom-border-radius: 0px;
  --ng-accordion-header-last-bottom-border-radius: 8px;
  --ng-accordion-header-padding: 15.75px;
  --ng-accordion-header-toggle-icon-active-color: #131312;
  --ng-accordion-header-toggle-icon-active-hover-color: #131312;
  --ng-accordion-header-toggle-icon-color: #6d6d69;
  --ng-accordion-header-toggle-icon-hover-color: #131312;
  --ng-accordion-panel-border-color: #e8e7de;
  --ng-accordion-panel-border-width: 1px;
  --ng-anchor-gutter: 2px;
  --ng-app-card-background: #ffffff;
  --ng-app-font-size: 14;
  --ng-app-lg-font-size: 1.125rem;
  --ng-app-lg-line-height: 1.75rem;
  --ng-app-sm-font-size: 0.875rem;
  --ng-app-sm-line-height: 1.25rem;
  --ng-autocomplete-background: #ffffff;
  --ng-autocomplete-border-color: #d9d8cf;
  --ng-autocomplete-border-radius: 8px;
  --ng-autocomplete-chip-border-radius: 6px;
  --ng-autocomplete-chip-focus-background: #e8e7de;
  --ng-autocomplete-chip-focus-color: #40403d;
  --ng-autocomplete-color: #131312;
  --ng-autocomplete-disabled-background: #f0efe9;
  --ng-autocomplete-disabled-color: #acaba5;
  --ng-autocomplete-dropdown-active-background: #d9d8cf;
  --ng-autocomplete-dropdown-active-border-color: #d9d8cf;
  --ng-autocomplete-dropdown-active-color: #40403d;
  --ng-autocomplete-dropdown-background: #f0efe9;
  --ng-autocomplete-dropdown-border-color: #d9d8cf;
  --ng-autocomplete-dropdown-border-radius: 8px;
  --ng-autocomplete-dropdown-color: #908f89;
  --ng-autocomplete-dropdown-focus-ring-color: #6d6d69;
  --ng-autocomplete-dropdown-focus-ring-offset: 2px;
  --ng-autocomplete-dropdown-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-autocomplete-dropdown-focus-ring-width: 2px;
  --ng-autocomplete-dropdown-hover-background: #e8e7de;
  --ng-autocomplete-dropdown-hover-border-color: #d9d8cf;
  --ng-autocomplete-dropdown-hover-color: #6d6d69;
  --ng-autocomplete-dropdown-lg-width: 42px;
  --ng-autocomplete-dropdown-sm-width: 28px;
  --ng-autocomplete-dropdown-width: 35px;
  --ng-autocomplete-filled-background: #e6ecf3;
  --ng-autocomplete-filled-focus-background: #e6ecf3;
  --ng-autocomplete-filled-hover-background: #e6ecf3;
  --ng-autocomplete-focus-border-color: #6d6d69;
  --ng-autocomplete-focus-ring-color: #6d6d69;
  --ng-autocomplete-focus-ring-offset: 2px;
  --ng-autocomplete-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-autocomplete-focus-ring-width: 2px;
  --ng-autocomplete-hover-border-color: #cac9c1;
  --ng-autocomplete-invalid-border-color: #c93320;
  --ng-autocomplete-invalid-placeholder-color: #ac2c1b;
  --ng-autocomplete-list-gap: 2px;
  --ng-autocomplete-option-border-radius: 6px;
  --ng-autocomplete-option-color: #131312;
  --ng-autocomplete-option-focus-background: #e8e7de;
  --ng-autocomplete-option-focus-color: #292826;
  --ng-autocomplete-option-group-background: rgba(0, 0, 0, 0);
  --ng-autocomplete-option-group-color: #6d6d69;
  --ng-autocomplete-option-selected-background: #e8e7de;
  --ng-autocomplete-option-selected-color: #131312;
  --ng-autocomplete-option-selected-focus-background: #e8e7de;
  --ng-autocomplete-option-selected-focus-color: #131312;
  --ng-autocomplete-overlay-background: #ffffff;
  --ng-autocomplete-overlay-border-color: #e8e7de;
  --ng-autocomplete-overlay-border-radius: 8px;
  --ng-autocomplete-overlay-color: #131312;
  --ng-autocomplete-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-autocomplete-padding-x: 9px;
  --ng-autocomplete-padding-y: 5px;
  --ng-autocomplete-placeholder-color: #908f89;
  --ng-autocomplete-shadow: 0px 1px 2px 0px #1212170d;
  --ng-avatar-background: #e8e7de;
  --ng-avatar-border-radius: 4px;
  --ng-avatar-color: #131312;
  --ng-avatar-group-border-color: #ffffff;
  --ng-avatar-group-offset: -12px;
  --ng-avatar-height: 32px;
  --ng-avatar-icon-size: 20px;
  --ng-avatar-lg-group-offset: -16px;
  --ng-avatar-lg-height: 48px;
  --ng-avatar-lg-icon-size: 28px;
  --ng-avatar-lg-width: 48px;
  --ng-avatar-width: 32px;
  --ng-avatar-xl-group-offset: -24px;
  --ng-avatar-xl-height: 64px;
  --ng-avatar-xl-icon-size: 40px;
  --ng-avatar-xl-width: 64px;
  --ng-badge-accent-background: #fff973;
  --ng-badge-accent-color: #48461b;
  --ng-badge-border-radius: 4px;
  --ng-badge-contrast-background: #131312;
  --ng-badge-contrast-color: #ffffff;
  --ng-badge-danger-background: #c93320;
  --ng-badge-danger-color: #ffffff;
  --ng-badge-dot-size: 7px;
  --ng-badge-height: 24px;
  --ng-badge-info-background: #2080c9;
  --ng-badge-info-color: #ffffff;
  --ng-badge-lg-height: 28px;
  --ng-badge-lg-min-width: 28px;
  --ng-badge-min-width: 24px;
  --ng-badge-primary-background: #02213e;
  --ng-badge-primary-color: #ffffff;
  --ng-badge-secondary-background: #f0efe9;
  --ng-badge-secondary-color: #02213e;
  --ng-badge-sm-height: 20px;
  --ng-badge-sm-min-width: 20px;
  --ng-badge-success-background: #097947;
  --ng-badge-success-color: #ffffff;
  --ng-badge-tertiary-background: #93ffe2;
  --ng-badge-tertiary-color: #004839;
  --ng-badge-warn-background: #cfaf00;
  --ng-badge-warn-color: #ffffff;
  --ng-badge-xl-height: 32px;
  --ng-badge-xl-min-width: 32px;
  --ng-block-ui-border-radius: 8px;
  --ng-border-radius-lg: 12px;
  --ng-border-radius-md: 8px;
  --ng-border-radius-none: 0px;
  --ng-border-radius-sm: 6px;
  --ng-border-radius-xl: 16px;
  --ng-border-radius-xs: 4px;
  --ng-border-radius-xxl: 48px;
  --ng-breadcrumb-background: #ffffff;
  --ng-breadcrumb-gap: 8px;
  --ng-breadcrumb-item-active-color: #131312;
  --ng-breadcrumb-item-border-radius: 8px;
  --ng-breadcrumb-item-color: #1c6eac;
  --ng-breadcrumb-item-focus-ring-color: #6d6d69;
  --ng-breadcrumb-item-focus-ring-offset: 2px;
  --ng-breadcrumb-item-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-breadcrumb-item-focus-ring-width: 2px;
  --ng-breadcrumb-item-gap: 8px;
  --ng-breadcrumb-item-hover-color: #17568a;
  --ng-breadcrumb-item-icon-active-color: #131312;
  --ng-breadcrumb-item-icon-color: #1c6eac;
  --ng-breadcrumb-item-icon-hover-color: #17568a;
  --ng-breadcrumb-padding: 16px;
  --ng-breadcrumb-separator-color: #908f89;
  --ng-button-accent-active-background: #00deb6;
  --ng-button-accent-active-border-color: #00deb6;
  --ng-button-accent-active-color: #02213e;
  --ng-button-accent-background: #93ffe2;
  --ng-button-accent-border-color: #93ffe2;
  --ng-button-accent-color: #02213e;
  --ng-button-accent-focus-ring-color: #6d6d69;
  --ng-button-accent-hover-background: #00ffd2;
  --ng-button-accent-hover-border-color: #00ffd2;
  --ng-button-accent-hover-color: #02213e;
  --ng-button-border-radius: 8px;
  --ng-button-contrast-active-background: #40403d;
  --ng-button-contrast-active-border-color: #40403d;
  --ng-button-contrast-active-color: #ffffff;
  --ng-button-contrast-background: #131312;
  --ng-button-contrast-border-color: #131312;
  --ng-button-contrast-color: #ffffff;
  --ng-button-contrast-focus-ring-color: #6d6d69;
  --ng-button-contrast-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-contrast-hover-background: #292826;
  --ng-button-contrast-hover-border-color: #292826;
  --ng-button-contrast-hover-color: #ffffff;
  --ng-button-danger-active-background: #8a2316;
  --ng-button-danger-active-border-color: #8a2316;
  --ng-button-danger-active-color: #ffffff;
  --ng-button-danger-background: #c93320;
  --ng-button-danger-border-color: #c93320;
  --ng-button-danger-color: #ffffff;
  --ng-button-danger-focus-ring-color: #6d6d69;
  --ng-button-danger-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-danger-hover-background: #ac2c1b;
  --ng-button-danger-hover-border-color: #ac2c1b;
  --ng-button-danger-hover-color: #ffffff;
  --ng-button-focus-ring-offset: 2px;
  --ng-button-focus-ring-width: 2px;
  --ng-button-gap: 2px;
  --ng-button-help-active-background: #40403d;
  --ng-button-help-active-border-color: #40403d;
  --ng-button-help-active-color: #ffffff;
  --ng-button-help-background: #908f89;
  --ng-button-help-border-color: #908f89;
  --ng-button-help-color: #ffffff;
  --ng-button-help-focus-ring-color: #6d6d69;
  --ng-button-help-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-help-hover-background: #6d6d69;
  --ng-button-help-hover-border-color: #6d6d69;
  --ng-button-help-hover-color: #ffffff;
  --ng-button-icon-only-width: 32px;
  --ng-button-info-active-background: #113e68;
  --ng-button-info-active-border-color: #113e68;
  --ng-button-info-active-color: #ffffff;
  --ng-button-info-background: #1c6eac;
  --ng-button-info-border-color: #1c6eac;
  --ng-button-info-color: #ffffff;
  --ng-button-info-focus-ring-color: #6d6d69;
  --ng-button-info-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-info-hover-background: #17568a;
  --ng-button-info-hover-border-color: #17568a;
  --ng-button-info-hover-color: #ffffff;
  --ng-button-lg-icon-only-width: 40px;
  --ng-button-lg-padding-x: 13px;
  --ng-button-lg-padding-y: 9px;
  --ng-button-link-active-color: #113e68;
  --ng-button-link-color: #1c6eac;
  --ng-button-link-hover-color: #17568a;
  --ng-button-outlined-contrast-active-background: #f0efe9;
  --ng-button-outlined-contrast-background: #ffffff;
  --ng-button-outlined-contrast-border-color: #6d6d69;
  --ng-button-outlined-contrast-color: #131312;
  --ng-button-outlined-contrast-hover-background: #f7f7f4;
  --ng-button-outlined-danger-active-background: #f4d1cd;
  --ng-button-outlined-danger-background: #ffffff;
  --ng-button-outlined-danger-border-color: #e9a39b;
  --ng-button-outlined-danger-color: #c93320;
  --ng-button-outlined-danger-hover-background: #fbedec;
  --ng-button-outlined-help-active-background: #f0efe9;
  --ng-button-outlined-help-background: #ffffff;
  --ng-button-outlined-help-border-color: #e8e7de;
  --ng-button-outlined-help-color: #6d6d69;
  --ng-button-outlined-help-hover-background: #f7f7f4;
  --ng-button-outlined-info-active-background: #d6e7f7;
  --ng-button-outlined-info-background: #ffffff;
  --ng-button-outlined-info-border-color: #adcff0;
  --ng-button-outlined-info-color: #1c6eac;
  --ng-button-outlined-info-hover-background: #eef5fc;
  --ng-button-outlined-plain-active-background: #fefcb3;
  --ng-button-outlined-plain-background: #ffffff;
  --ng-button-outlined-plain-border-color: #fff973;
  --ng-button-outlined-plain-color: #636128;
  --ng-button-outlined-plain-hover-background: #fffee0;
  --ng-button-outlined-primary-active-background: #c1d0e0;
  --ng-button-outlined-primary-background: #ffffff;
  --ng-button-outlined-primary-border-color: #9eb5ce;
  --ng-button-outlined-primary-color: #02213e;
  --ng-button-outlined-primary-hover-background: #e6ecf3;
  --ng-button-outlined-secondary-active-background: #f0efe9;
  --ng-button-outlined-secondary-background: #ffffff;
  --ng-button-outlined-secondary-border-color: #d9d8cf;
  --ng-button-outlined-secondary-color: #292826;
  --ng-button-outlined-secondary-hover-background: #f7f7f4;
  --ng-button-outlined-success-active-background: #d4f1e6;
  --ng-button-outlined-success-background: #ffffff;
  --ng-button-outlined-success-border-color: #a9e3ce;
  --ng-button-outlined-success-color: #097947;
  --ng-button-outlined-success-hover-background: #e8f8f2;
  --ng-button-outlined-warn-active-background: #fff3bf;
  --ng-button-outlined-warn-background: #ffffff;
  --ng-button-outlined-warn-border-color: #ffe980;
  --ng-button-outlined-warn-color: #8a7400;
  --ng-button-outlined-warn-hover-background: #fffbe6;
  --ng-button-padding-text-x: 3px;
  --ng-button-padding-text-y: 0px;
  --ng-button-padding-x: 8px;
  --ng-button-padding-y: 5px;
  --ng-button-plain-active-background: #cec95b;
  --ng-button-plain-active-border-color: #cec95b;
  --ng-button-plain-active-color: #222009;
  --ng-button-plain-background: #fff973;
  --ng-button-plain-border-color: #fff973;
  --ng-button-plain-color: #48461b;
  --ng-button-plain-focus-ring-color: #6d6d69;
  --ng-button-plain-hover-background: #eee96b;
  --ng-button-plain-hover-border-color: #eee96b;
  --ng-button-plain-hover-color: #2e2c0f;
  --ng-button-primary-active-background: #043056;
  --ng-button-primary-active-border-color: #043056;
  --ng-button-primary-active-color: #ffffff;
  --ng-button-primary-background: #02213e;
  --ng-button-primary-border-color: #02213e;
  --ng-button-primary-color: #ffffff;
  --ng-button-primary-focus-ring-color: #6d6d69;
  --ng-button-primary-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-primary-hover-background: #063b68;
  --ng-button-primary-hover-border-color: #063b68;
  --ng-button-primary-hover-color: #ffffff;
  --ng-button-raised-shadow: 0px 1px 5px 0px #0000001f, 0px 2px 2px 0px #00000024, 0px 3px 1px -2px #00000033;
  --ng-button-rounded-border-radius: 28px;
  --ng-button-secondary-active-background: #d9d8cf;
  --ng-button-secondary-active-border-color: #d9d8cf;
  --ng-button-secondary-active-color: #292826;
  --ng-button-secondary-background: #f0efe9;
  --ng-button-secondary-border-color: #f0efe9;
  --ng-button-secondary-color: #6d6d69;
  --ng-button-secondary-focus-ring-color: #6d6d69;
  --ng-button-secondary-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-secondary-hover-background: #e8e7de;
  --ng-button-secondary-hover-border-color: #e8e7de;
  --ng-button-secondary-hover-color: #40403d;
  --ng-button-sm-icon-only-width: 30px;
  --ng-button-sm-padding-x: 8px;
  --ng-button-sm-padding-y: 5.5px;
  --ng-button-success-active-background: #05512f;
  --ng-button-success-active-border-color: #05512f;
  --ng-button-success-active-color: #ffffff;
  --ng-button-success-background: #097947;
  --ng-button-success-border-color: #097947;
  --ng-button-success-color: #ffffff;
  --ng-button-success-focus-ring-color: #6d6d69;
  --ng-button-success-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-success-hover-background: #07653c;
  --ng-button-success-hover-border-color: #07653c;
  --ng-button-success-hover-color: #ffffff;
  --ng-button-text-contrast-active-background: #f0efe9;
  --ng-button-text-contrast-color: #131312;
  --ng-button-text-contrast-hover-background: #f7f7f4;
  --ng-button-text-danger-active-background: #f4d1cd;
  --ng-button-text-danger-color: #c93320;
  --ng-button-text-danger-hover-background: #fbedec;
  --ng-button-text-help-active-background: #f0efe9;
  --ng-button-text-help-color: #6d6d69;
  --ng-button-text-help-hover-background: #f7f7f4;
  --ng-button-text-info-active-background: #d6e7f7;
  --ng-button-text-info-color: #1c6eac;
  --ng-button-text-info-hover-background: #eef5fc;
  --ng-button-text-plain-active-background: #fefcb3;
  --ng-button-text-plain-color: #636128;
  --ng-button-text-plain-hover-background: #fffee0;
  --ng-button-text-primary-active-background: #c1d0e0;
  --ng-button-text-primary-color: #02213e;
  --ng-button-text-primary-hover-background: #e6ecf3;
  --ng-button-text-secondary-active-background: #f0efe9;
  --ng-button-text-secondary-color: #6d6d69;
  --ng-button-text-secondary-hover-background: #f7f7f4;
  --ng-button-text-success-active-background: #d4f1e6;
  --ng-button-text-success-color: #097947;
  --ng-button-text-success-hover-background: #e8f8f2;
  --ng-button-text-warn-active-background: #fff3bf;
  --ng-button-text-warn-color: #8a7400;
  --ng-button-text-warn-hover-background: #fffbe6;
  --ng-button-warn-active-background: #8a7400;
  --ng-button-warn-active-border-color: #8a7400;
  --ng-button-warn-active-color: #ffffff;
  --ng-button-warn-background: #cfaf00;
  --ng-button-warn-border-color: #cfaf00;
  --ng-button-warn-color: #ffffff;
  --ng-button-warn-focus-ring-color: #6d6d69;
  --ng-button-warn-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-warn-hover-background: #b09500;
  --ng-button-warn-hover-border-color: #b09500;
  --ng-button-warn-hover-color: #ffffff;
  --ng-card-background: #ffffff;
  --ng-card-body-gap: 16px;
  --ng-card-body-padding: 20px;
  --ng-card-border-color: #e8e7de;
  --ng-card-border-radius: 16px;
  --ng-card-caption-gap: 8px;
  --ng-card-color: #131312;
  --ng-card-selected-border: #00deb6;
  --ng-card-selected-color: #e9fff8;
  --ng-card-shadow: 0px 1px 2px -1px #0000001a, 0px 1px 3px 0px #0000001a;
  --ng-card-subtitle-color: #6d6d69;
  --ng-carousel-content-gap: 4px;
  --ng-carousel-indicator-active-background: #02213e;
  --ng-carousel-indicator-background: #e8e7de;
  --ng-carousel-indicator-border-radius: 8px;
  --ng-carousel-indicator-focus-ring-color: #6d6d69;
  --ng-carousel-indicator-focus-ring-offset: 2px;
  --ng-carousel-indicator-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-carousel-indicator-focus-ring-width: 2px;
  --ng-carousel-indicator-height: 8px;
  --ng-carousel-indicator-hover-background: #d9d8cf;
  --ng-carousel-indicator-list-gap: 8px;
  --ng-carousel-indicator-list-padding: 16px;
  --ng-carousel-indicator-width: 28px;
  --ng-cascade-select-background: #ffffff;
  --ng-cascade-select-border-color: #d9d8cf;
  --ng-cascade-select-border-radius: 8px;
  --ng-cascade-select-clear-icon-color: #908f89;
  --ng-cascade-select-color: #131312;
  --ng-cascade-select-disabled-background: #f0efe9;
  --ng-cascade-select-disabled-color: #acaba5;
  --ng-cascade-select-dropdown-color: #908f89;
  --ng-cascade-select-dropdown-width: 35px;
  --ng-cascade-select-filled-background: #e6ecf3;
  --ng-cascade-select-filled-focus-background: #e6ecf3;
  --ng-cascade-select-filled-hover-background: #e6ecf3;
  --ng-cascade-select-focus-border-color: #6d6d69;
  --ng-cascade-select-focus-ring-color: #6d6d69;
  --ng-cascade-select-focus-ring-offset: 2px;
  --ng-cascade-select-focus-ring-width: 2px;
  --ng-cascade-select-hover-border-color: #cac9c1;
  --ng-cascade-select-invalid-border-color: #c93320;
  --ng-cascade-select-invalid-placeholder-color: #ac2c1b;
  --ng-cascade-select-lg-padding-x: 11px;
  --ng-cascade-select-lg-padding-y: 7px;
  --ng-cascade-select-list-gap: 2px;
  --ng-cascade-select-list-mobile-indent: 14px;
  --ng-cascade-select-option-border-radius: 6px;
  --ng-cascade-select-option-color: #131312;
  --ng-cascade-select-option-focus-background: #e8e7de;
  --ng-cascade-select-option-focus-color: #292826;
  --ng-cascade-select-option-icon-color: #908f89;
  --ng-cascade-select-option-icon-focus-color: #6d6d69;
  --ng-cascade-select-option-icon-size: 12.25px;
  --ng-cascade-select-option-selected-background: #e8e7de;
  --ng-cascade-select-option-selected-color: #131312;
  --ng-cascade-select-option-selected-focus-background: #e8e7de;
  --ng-cascade-select-option-selected-focus-color: #131312;
  --ng-cascade-select-overlay-background: #ffffff;
  --ng-cascade-select-overlay-border-color: #e8e7de;
  --ng-cascade-select-overlay-border-radius: 8px;
  --ng-cascade-select-overlay-color: #131312;
  --ng-cascade-select-padding-x: 9px;
  --ng-cascade-select-padding-y: 5px;
  --ng-cascade-select-placeholder-color: #908f89;
  --ng-cascade-select-sm-padding-x: 8px;
  --ng-cascade-select-sm-padding-y: 4px;
  --ng-cascadeselect-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-cascadeselect-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-cascadeselect-shadow: 0px 1px 2px 0px #1212170d;
  --ng-checkbox-background: #ffffff;
  --ng-checkbox-border-color: #acaba5;
  --ng-checkbox-border-radius: 4px;
  --ng-checkbox-checked-background: #02213e;
  --ng-checkbox-checked-border-color: #02213e;
  --ng-checkbox-checked-disabled-border-color: #acaba5;
  --ng-checkbox-checked-focus-border-color: #02213e;
  --ng-checkbox-checked-hover-background: #063b68;
  --ng-checkbox-checked-hover-border-color: #063b68;
  --ng-checkbox-disabled-background: #f0efe9;
  --ng-checkbox-filled-background: #e6ecf3;
  --ng-checkbox-focus-border-color: #6d6d69;
  --ng-checkbox-focus-ring-color: #6d6d69;
  --ng-checkbox-focus-ring-offset: 2px;
  --ng-checkbox-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-checkbox-focus-ring-width: 2px;
  --ng-checkbox-height: 20px;
  --ng-checkbox-hover-border-color: #908f89;
  --ng-checkbox-icon-checked-color: #ffffff;
  --ng-checkbox-icon-checked-hover-color: #ffffff;
  --ng-checkbox-icon-color: #131312;
  --ng-checkbox-icon-disabled-color: #acaba5;
  --ng-checkbox-icon-lg-size: 14px;
  --ng-checkbox-icon-size: 12.25px;
  --ng-checkbox-icon-sm-size: 10.5px;
  --ng-checkbox-invalid-border-color: #c93320;
  --ng-checkbox-lg-height: 24px;
  --ng-checkbox-lg-width: 24px;
  --ng-checkbox-shadow: 0px 1px 2px 0px #1212170d;
  --ng-checkbox-sm-height: 16px;
  --ng-checkbox-sm-width: 16px;
  --ng-checkbox-width: 20px;
  --ng-chip-background: #f0efe9;
  --ng-chip-border-radius: 48px;
  --ng-chip-color: #40403d;
  --ng-chip-gap: 5px;
  --ng-chip-icon-color: #40403d;
  --ng-chip-icon-size: 18px;
  --ng-chip-image-height: 28px;
  --ng-chip-image-width: 28px;
  --ng-chip-outlined-selected-background: #c9ffef;
  --ng-chip-outlined-selected-border: #93ffe2;
  --ng-chip-outlined-selected-color: #02213e;
  --ng-chip-padding-small-x: 8px;
  --ng-chip-padding-small-y: 2px;
  --ng-chip-padding-x: 9px;
  --ng-chip-padding-y: 7px;
  --ng-chip-remove-icon-color: #40403d;
  --ng-chip-remove-icon-focus-ring-color: #6d6d69;
  --ng-chip-remove-icon-focus-ring-offset: 2px;
  --ng-chip-remove-icon-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-chip-remove-icon-focus-ring-width: 2px;
  --ng-chip-remove-icon-shadow: 0px 0px 0px 0px #00000000;
  --ng-chip-remove-icon-size: 18px;
  --ng-chip-selected-background: #c9ffef;
  --ng-chip-selected-color: #02213e;
  --ng-color-picker-handle-color: #ffffff;
  --ng-color-picker-panel-background: #40403d;
  --ng-color-picker-panel-border-color: #292826;
  --ng-color-picker-panel-border-radius: 8px;
  --ng-color-picker-preview-border-radius: 8px;
  --ng-color-picker-preview-focus-ring-color: #6d6d69;
  --ng-color-picker-preview-focus-ring-offset: 2px;
  --ng-color-picker-preview-focus-ring-width: 2px;
  --ng-color-picker-preview-height: 21px;
  --ng-color-picker-preview-width: 21px;
  --ng-colorpicker-panel-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-colorpicker-preview-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-confirm-dialog-content-gap: 16px;
  --ng-confirm-dialog-icon-color: #131312;
  --ng-confirm-dialog-icon-size: 28px;
  --ng-confirm-popup-arrow-offset: 17.5px;
  --ng-confirm-popup-background: #ffffff;
  --ng-confirm-popup-border-color: #e8e7de;
  --ng-confirm-popup-border-radius: 8px;
  --ng-confirm-popup-color: #131312;
  --ng-confirm-popup-content-gap: 14px;
  --ng-confirm-popup-content-padding: 12px;
  --ng-confirm-popup-footer-gap: 7px;
  --ng-confirm-popup-gutter: 10px;
  --ng-confirm-popup-icon-color: #131312;
  --ng-confirm-popup-icon-size: 21px;
  --ng-confirmpopup-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-content-background: #ffffff;
  --ng-content-border-color: #e8e7de;
  --ng-content-border-radius: 8px;
  --ng-content-color: #131312;
  --ng-content-hover-background: #f0efe9;
  --ng-content-hover-color: #292826;
  --ng-context-menu-background: #ffffff;
  --ng-context-menu-border-color: #e8e7de;
  --ng-context-menu-border-radius: 8px;
  --ng-context-menu-color: #131312;
  --ng-context-menu-item-active-background: #f0efe9;
  --ng-context-menu-item-active-color: #292826;
  --ng-context-menu-item-border-radius: 6px;
  --ng-context-menu-item-color: #131312;
  --ng-context-menu-item-focus-background: #f0efe9;
  --ng-context-menu-item-focus-color: #292826;
  --ng-context-menu-item-gap: 8px;
  --ng-context-menu-item-icon-active-color: #292826;
  --ng-context-menu-item-icon-color: #131312;
  --ng-context-menu-item-icon-focus-color: #292826;
  --ng-context-menu-list-gap: 2px;
  --ng-context-menu-separator-border-color: #e8e7de;
  --ng-context-menu-submenu-icon-active-color: #40403d;
  --ng-context-menu-submenu-icon-color: #6d6d69;
  --ng-context-menu-submenu-icon-focus-color: #6d6d69;
  --ng-context-menu-submenu-icon-size: 14px;
  --ng-context-menu-submenu-mobile-indent: 14px;
  --ng-contextmenu-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-data-table-body-cell-border-color: #e8e7de;
  --ng-data-table-body-cell-selected-border-color: #c1d0e0;
  --ng-data-table-border-color: #e8e7de;
  --ng-data-table-column-resizer-width: 7px;
  --ng-data-table-drop-point-color: #02213e;
  --ng-data-table-filter-constraint-border-radius: 6px;
  --ng-data-table-filter-constraint-color: #131312;
  --ng-data-table-filter-constraint-focus-background: #e8e7de;
  --ng-data-table-filter-constraint-focus-color: #292826;
  --ng-data-table-filter-constraint-list-gap: 2px;
  --ng-data-table-filter-constraint-selected-background: #e8e7de;
  --ng-data-table-filter-constraint-selected-color: #131312;
  --ng-data-table-filter-constraint-selected-focus-background: #e8e7de;
  --ng-data-table-filter-constraint-selected-focus-color: #131312;
  --ng-data-table-filter-constraint-separator-border-color: #e8e7de;
  --ng-data-table-filter-inline-gap: 7px;
  --ng-data-table-filter-overlay-popover-background: #ffffff;
  --ng-data-table-filter-overlay-popover-border-color: #e8e7de;
  --ng-data-table-filter-overlay-popover-border-radius: 8px;
  --ng-data-table-filter-overlay-popover-color: #131312;
  --ng-data-table-filter-overlay-popover-gap: 8px;
  --ng-data-table-filter-overlay-popover-padding: 12px;
  --ng-data-table-filter-overlay-select-background: #ffffff;
  --ng-data-table-filter-overlay-select-border-color: #e8e7de;
  --ng-data-table-filter-overlay-select-border-radius: 8px;
  --ng-data-table-filter-overlay-select-color: #131312;
  --ng-data-table-filter-rule-border-color: #e8e7de;
  --ng-data-table-footer-background: #ffffff;
  --ng-data-table-footer-border-color: #e8e7de;
  --ng-data-table-footer-border-width: 1px;
  --ng-data-table-footer-cell-background: #ffffff;
  --ng-data-table-footer-cell-border-color: #e8e7de;
  --ng-data-table-footer-cell-color: #131312;
  --ng-data-table-footer-color: #131312;
  --ng-data-table-header-background: #ffffff;
  --ng-data-table-header-border-color: #e8e7de;
  --ng-data-table-header-border-width: 1px;
  --ng-data-table-header-cell-background: #ffffff;
  --ng-data-table-header-cell-border-color: #e8e7de;
  --ng-data-table-header-cell-color: #131312;
  --ng-data-table-header-cell-focus-ring-color: #6d6d69;
  --ng-data-table-header-cell-focus-ring-offset: -1px;
  --ng-data-table-header-cell-focus-ring-width: 2px;
  --ng-data-table-header-cell-gap: 7px;
  --ng-data-table-header-cell-hover-background: #f0efe9;
  --ng-data-table-header-cell-hover-color: #292826;
  --ng-data-table-header-cell-selected-background: #e9fff8;
  --ng-data-table-header-cell-selected-color: #004839;
  --ng-data-table-header-color: #131312;
  --ng-data-table-loading-icon-size: 28px;
  --ng-data-table-paginator-bottom-border-color: #e8e7de;
  --ng-data-table-paginator-bottom-border-width: 1px;
  --ng-data-table-paginator-top-border-color: #e8e7de;
  --ng-data-table-paginator-top-border-width: 1px;
  --ng-data-table-resize-indicator-color: #02213e;
  --ng-data-table-resize-indicator-width: 1px;
  --ng-data-table-row-background: #ffffff;
  --ng-data-table-row-color: #131312;
  --ng-data-table-row-focus-ring-color: #6d6d69;
  --ng-data-table-row-focus-ring-offset: -1px;
  --ng-data-table-row-focus-ring-width: 2px;
  --ng-data-table-row-hover-background: #f0efe9;
  --ng-data-table-row-hover-color: #292826;
  --ng-data-table-row-selected-background: #e9fff8;
  --ng-data-table-row-selected-color: #004839;
  --ng-data-table-row-striped-background: #f7f7f4;
  --ng-data-table-row-toggle-button-border-radius: 12.25px;
  --ng-data-table-row-toggle-button-color: #6d6d69;
  --ng-data-table-row-toggle-button-focus-ring-color: #6d6d69;
  --ng-data-table-row-toggle-button-focus-ring-offset: 2px;
  --ng-data-table-row-toggle-button-focus-ring-width: 2px;
  --ng-data-table-row-toggle-button-hover-background: #f0efe9;
  --ng-data-table-row-toggle-button-hover-color: #131312;
  --ng-data-table-row-toggle-button-selected-hover-background: #e9fff8;
  --ng-data-table-row-toggle-button-selected-hover-color: #004839;
  --ng-data-table-row-toggle-button-size: 24.5px;
  --ng-data-table-sort-icon-color: #6d6d69;
  --ng-data-table-sort-icon-hover-color: #40403d;
  --ng-data-table-sort-icon-size: 12.25px;
  --ng-data-view-border-color: rgba(0, 0, 0, 0);
  --ng-data-view-border-radius: 0px;
  --ng-data-view-border-width: 0px;
  --ng-data-view-content-background: #ffffff;
  --ng-data-view-content-border-color: rgba(0, 0, 0, 0);
  --ng-data-view-content-border-radius: 0px;
  --ng-data-view-content-border-width: 0px;
  --ng-data-view-content-color: #131312;
  --ng-data-view-content-padding: 0px;
  --ng-data-view-footer-background: #ffffff;
  --ng-data-view-footer-border-color: #e8e7de;
  --ng-data-view-footer-border-radius: 0px;
  --ng-data-view-footer-border-width: 1px;
  --ng-data-view-footer-color: #131312;
  --ng-data-view-header-background: #ffffff;
  --ng-data-view-header-border-color: #e8e7de;
  --ng-data-view-header-border-radius: 0px;
  --ng-data-view-header-border-width: 1px;
  --ng-data-view-header-color: #131312;
  --ng-data-view-padding: 0px;
  --ng-data-view-paginator-bottom-border-color: #e8e7de;
  --ng-data-view-paginator-bottom-border-width: 1px;
  --ng-data-view-paginator-top-border-color: #e8e7de;
  --ng-data-view-paginator-top-border-width: 1px;
  --ng-datatable-filter-overlay-popover-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-datatable-filter-overlay-select-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-datatable-header-cell-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-datatable-row-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-datatable-row-toggle-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-date-picker-buttonbar-border-color: #e8e7de;
  --ng-date-picker-date-border-radius: 14px;
  --ng-date-picker-date-color: #131312;
  --ng-date-picker-date-focus-ring-color: #6d6d69;
  --ng-date-picker-date-focus-ring-offset: 2px;
  --ng-date-picker-date-focus-ring-width: 2px;
  --ng-date-picker-date-height: 28px;
  --ng-date-picker-date-hover-background: #f0efe9;
  --ng-date-picker-date-hover-color: #292826;
  --ng-date-picker-date-padding: 3.5px;
  --ng-date-picker-date-range-selected-background: #e9fff8;
  --ng-date-picker-date-range-selected-color: #004839;
  --ng-date-picker-date-selected-background: #02213e;
  --ng-date-picker-date-selected-color: #ffffff;
  --ng-date-picker-date-width: 28px;
  --ng-date-picker-dropdown-active-background: #d9d8cf;
  --ng-date-picker-dropdown-active-border-color: #d9d8cf;
  --ng-date-picker-dropdown-active-color: #40403d;
  --ng-date-picker-dropdown-background: #f0efe9;
  --ng-date-picker-dropdown-border-color: #d9d8cf;
  --ng-date-picker-dropdown-border-radius: 8px;
  --ng-date-picker-dropdown-color: #908f89;
  --ng-date-picker-dropdown-focus-ring-color: #6d6d69;
  --ng-date-picker-dropdown-focus-ring-offset: 2px;
  --ng-date-picker-dropdown-focus-ring-width: 2px;
  --ng-date-picker-dropdown-hover-background: #e8e7de;
  --ng-date-picker-dropdown-hover-border-color: #d9d8cf;
  --ng-date-picker-dropdown-hover-color: #6d6d69;
  --ng-date-picker-dropdown-lg-width: 42px;
  --ng-date-picker-dropdown-sm-width: 28px;
  --ng-date-picker-dropdown-width: 35px;
  --ng-date-picker-group-border-color: #e8e7de;
  --ng-date-picker-group-gap: 12px;
  --ng-date-picker-header-background: #ffffff;
  --ng-date-picker-header-border-color: #e8e7de;
  --ng-date-picker-header-color: #131312;
  --ng-date-picker-input-icon-color: #908f89;
  --ng-date-picker-month-border-radius: 8px;
  --ng-date-picker-month-padding: 5.25px;
  --ng-date-picker-panel-background: #ffffff;
  --ng-date-picker-panel-border-color: #e8e7de;
  --ng-date-picker-panel-border-radius: 8px;
  --ng-date-picker-panel-color: #131312;
  --ng-date-picker-panel-padding: 12px;
  --ng-date-picker-select-month-border-radius: 8px;
  --ng-date-picker-select-month-color: #131312;
  --ng-date-picker-select-month-hover-background: #f0efe9;
  --ng-date-picker-select-month-hover-color: #292826;
  --ng-date-picker-select-year-border-radius: 8px;
  --ng-date-picker-select-year-color: #131312;
  --ng-date-picker-select-year-hover-background: #f0efe9;
  --ng-date-picker-select-year-hover-color: #292826;
  --ng-date-picker-time-picker-border-color: #e8e7de;
  --ng-date-picker-time-picker-button-gap: 3.5px;
  --ng-date-picker-time-picker-gap: 7px;
  --ng-date-picker-title-gap: 7px;
  --ng-date-picker-today-background: #e8e7de;
  --ng-date-picker-today-color: #292826;
  --ng-date-picker-week-day-color: #131312;
  --ng-date-picker-week-day-padding: 3.5px;
  --ng-date-picker-year-border-radius: 8px;
  --ng-date-picker-year-padding: 5.25px;
  --ng-datepicker-date-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-datepicker-dropdown-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-datepicker-panel-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-dialog-background: #ffffff;
  --ng-dialog-border-color: #e8e7de;
  --ng-dialog-border-radius: 16px;
  --ng-dialog-color: #131312;
  --ng-dialog-footer-gap: 16px;
  --ng-dialog-header-gap: 16px;
  --ng-dialog-header-padding: 24px;
  --ng-dialog-shadow: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a;
  --ng-disabled-opacity: 60%;
  --ng-divider-border-color: #e8e7de;
  --ng-divider-content-background: #ffffff;
  --ng-divider-content-color: #131312;
  --ng-divider-horizontal-padding: 0px;
  --ng-divider-vertical-padding: 0px;
  --ng-dock-background: rgba(255, 255, 255, 0.1);
  --ng-dock-border-color: rgba(255, 255, 255, 0.2);
  --ng-dock-border-radius: 16px;
  --ng-dock-item-border-radius: 8px;
  --ng-dock-item-focus-ring-color: #6d6d69;
  --ng-dock-item-focus-ring-offset: 2px;
  --ng-dock-item-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-dock-item-focus-ring-width: 2px;
  --ng-dock-item-padding: 8px;
  --ng-dock-item-size: 42px;
  --ng-dock-padding: 7px;
  --ng-drawer-background: #ffffff;
  --ng-drawer-border-color: #e8e7de;
  --ng-drawer-border-radius: 16px;
  --ng-drawer-color: #131312;
  --ng-drawer-footer-padding: 24px;
  --ng-drawer-header-padding: 24px;
  --ng-drawer-shadow: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a;
  --ng-editor-content-background: #ffffff;
  --ng-editor-content-border-color: #e8e7de;
  --ng-editor-content-border-radius: 8px;
  --ng-editor-content-color: #131312;
  --ng-editor-overlay-background: #ffffff;
  --ng-editor-overlay-border-color: #e8e7de;
  --ng-editor-overlay-border-radius: 8px;
  --ng-editor-overlay-color: #131312;
  --ng-editor-overlay-option-border-radius: 6px;
  --ng-editor-overlay-option-color: #131312;
  --ng-editor-overlay-option-focus-background: #e8e7de;
  --ng-editor-overlay-option-focus-color: #292826;
  --ng-editor-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-editor-toolbar-background: #ffffff;
  --ng-editor-toolbar-border-color: #e8e7de;
  --ng-editor-toolbar-border-radius: 8px;
  --ng-editor-toolbar-item-active-color: #02213e;
  --ng-editor-toolbar-item-color: #6d6d69;
  --ng-editor-toolbar-item-hover-color: #131312;
  --ng-fieldset-background: #ffffff;
  --ng-fieldset-border-color: #e8e7de;
  --ng-fieldset-border-radius: 8px;
  --ng-fieldset-color: #131312;
  --ng-fieldset-content-padding: 0px;
  --ng-fieldset-legend-background: #ffffff;
  --ng-fieldset-legend-border-color: rgba(0, 0, 0, 0);
  --ng-fieldset-legend-border-radius: 8px;
  --ng-fieldset-legend-border-width: 1px;
  --ng-fieldset-legend-color: #131312;
  --ng-fieldset-legend-focus-ring-color: #6d6d69;
  --ng-fieldset-legend-focus-ring-offset: 2px;
  --ng-fieldset-legend-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-fieldset-legend-focus-ring-width: 2px;
  --ng-fieldset-legend-gap: 7px;
  --ng-fieldset-legend-hover-background: #f0efe9;
  --ng-fieldset-legend-hover-color: #292826;
  --ng-fieldset-toggle-icon-color: #6d6d69;
  --ng-fieldset-toggle-icon-hover-color: #40403d;
  --ng-file-upload-background: #ffffff;
  --ng-file-upload-basic-gap: 7px;
  --ng-file-upload-border-color: #e8e7de;
  --ng-file-upload-border-radius: 8px;
  --ng-file-upload-color: #131312;
  --ng-file-upload-content-gap: 14px;
  --ng-file-upload-content-highlight-border-color: #02213e;
  --ng-file-upload-file-border-color: #e8e7de;
  --ng-file-upload-file-gap: 14px;
  --ng-file-upload-file-info-gap: 7px;
  --ng-file-upload-file-list-gap: 7px;
  --ng-file-upload-file-padding: 14px;
  --ng-file-upload-header-background: rgba(0, 0, 0, 0);
  --ng-file-upload-header-border-color: rgba(0, 0, 0, 0);
  --ng-file-upload-header-border-radius: 0px;
  --ng-file-upload-header-border-width: 0px;
  --ng-file-upload-header-color: #131312;
  --ng-file-upload-header-gap: 7px;
  --ng-file-upload-header-padding: 15.75px;
  --ng-file-upload-progress-bar-height: 4px;
  --ng-float-label-active-color: #292826;
  --ng-float-label-color: #6d6d69;
  --ng-float-label-focus-color: #40403d;
  --ng-float-label-in-active-top: 5px;
  --ng-float-label-in-input-padding-bottom: 5px;
  --ng-float-label-in-input-padding-top: 19px;
  --ng-float-label-invalid-color: #ac2c1b;
  --ng-float-label-on-border-radius: 2px;
  --ng-float-label-over-active-top: -17.5px;
  --ng-float-label-position-x: 9px;
  --ng-float-label-position-y: 5px;
  --ng-focus-ring-color: #6d6d69;
  --ng-focus-ring-offset: 2px;
  --ng-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-focus-ring-width: 2px;
  --ng-font-family-body: Figtree;
  --ng-font-family-heading: Figtree;
  --ng-font-style-italic: Italic;
  --ng-font-style-link: Underline;
  --ng-font-weight-light: 300;
  --ng-font-weight-regular: 400;
  --ng-font-weight-semi-bold: 600;
  --ng-form-field-active-border-color: #6d6d69;
  --ng-form-field-background: #ffffff;
  --ng-form-field-border-color: #d9d8cf;
  --ng-form-field-border-radius: 8px;
  --ng-form-field-color: #131312;
  --ng-form-field-disabled-background: #f0efe9;
  --ng-form-field-disabled-color: #acaba5;
  --ng-form-field-filled-background: #e6ecf3;
  --ng-form-field-filled-border: #9eb5ce;
  --ng-form-field-filled-focus-background: #e6ecf3;
  --ng-form-field-filled-hover-background: #e6ecf3;
  --ng-form-field-filled-hover-border: #587fa8;
  --ng-form-field-filled-hover-icon: #5b5b5b;
  --ng-form-field-filled-hover-placeholder: #5b5b5b;
  --ng-form-field-filled-icon: #767575;
  --ng-form-field-filled-placeholder: #767575;
  --ng-form-field-float-label-active-color: #292826;
  --ng-form-field-float-label-color: #6d6d69;
  --ng-form-field-float-label-focus-color: #40403d;
  --ng-form-field-float-label-invalid-color: #ac2c1b;
  --ng-form-field-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-form-field-gap: 5px;
  --ng-form-field-hover-border-color: #cac9c1;
  --ng-form-field-icon-color: #908f89;
  --ng-form-field-invalid-border-color: #c93320;
  --ng-form-field-invalid-placeholder-color: #ac2c1b;
  --ng-form-field-lg-padding-x: 11px;
  --ng-form-field-lg-padding-y: 7px;
  --ng-form-field-padding-x: 9px;
  --ng-form-field-padding-y: 5px;
  --ng-form-field-placeholder-color: #908f89;
  --ng-form-field-shadow: 0px 1px 2px 0px #1212170d;
  --ng-form-field-sm-padding-x: 8px;
  --ng-form-field-sm-padding-y: 4px;
  --ng-fuchsia-50: #fdf4ff;
  --ng-fuchsia-100: #fae8ff;
  --ng-fuchsia-200: #f5d0fe;
  --ng-fuchsia-300: #f0abfc;
  --ng-fuchsia-400: #e879f9;
  --ng-fuchsia-500: #d946ef;
  --ng-fuchsia-600: #c026d3;
  --ng-fuchsia-700: #a21caf;
  --ng-fuchsia-800: #86198f;
  --ng-fuchsia-900: #701a75;
  --ng-fuchsia-950: #4a044e;
  --ng-galleria-border-color: #e8e7de;
  --ng-galleria-border-radius: 8px;
  --ng-galleria-border-width: 1px;
  --ng-galleria-caption-background: rgba(0, 0, 0, 0.5);
  --ng-galleria-caption-color: #f0efe9;
  --ng-galleria-caption-padding: 14px;
  --ng-galleria-close-button-background: rgba(0, 0, 0, 0.1);
  --ng-galleria-close-button-border-radius: 48px;
  --ng-galleria-close-button-color: #f7f7f4;
  --ng-galleria-close-button-focus-ring-color: #6d6d69;
  --ng-galleria-close-button-focus-ring-offset: 2px;
  --ng-galleria-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-galleria-close-button-focus-ring-width: 2px;
  --ng-galleria-close-button-gutter: 8px;
  --ng-galleria-close-button-hover-background: rgba(0, 0, 0, 0.2);
  --ng-galleria-close-button-hover-color: #ffffff;
  --ng-galleria-close-button-icon-size: 21px;
  --ng-galleria-close-button-size: 40px;
  --ng-galleria-indicator-button-active-background: #02213e;
  --ng-galleria-indicator-button-background: #e8e7de;
  --ng-galleria-indicator-button-border-radius: 7px;
  --ng-galleria-indicator-button-focus-ring-color: #6d6d69;
  --ng-galleria-indicator-button-focus-ring-offset: 2px;
  --ng-galleria-indicator-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-galleria-indicator-button-focus-ring-width: 2px;
  --ng-galleria-indicator-button-height: 14px;
  --ng-galleria-indicator-button-hover-background: #d9d8cf;
  --ng-galleria-indicator-button-width: 14px;
  --ng-galleria-indicator-list-gap: 7px;
  --ng-galleria-indicator-list-padding: 14px;
  --ng-galleria-inset-indicator-button-active-background: rgba(255, 255, 255, 0.9);
  --ng-galleria-inset-indicator-button-background: rgba(255, 255, 255, 0.4);
  --ng-galleria-inset-indicator-button-hover-background: rgba(255, 255, 255, 0.6);
  --ng-galleria-inset-indicator-list-background: rgba(0, 0, 0, 0.5);
  --ng-galleria-nav-button-background: rgba(0, 0, 0, 0.1);
  --ng-galleria-nav-button-color: #f0efe9;
  --ng-galleria-nav-button-focus-ring-color: #6d6d69;
  --ng-galleria-nav-button-focus-ring-offset: 2px;
  --ng-galleria-nav-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-galleria-nav-button-focus-ring-width: 2px;
  --ng-galleria-nav-button-gutter: 8px;
  --ng-galleria-nav-button-hover-background: rgba(0, 0, 0, 0.2);
  --ng-galleria-nav-button-hover-color: #ffffff;
  --ng-galleria-nav-button-next-border-radius: 48px;
  --ng-galleria-nav-button-prev-border-radius: 48px;
  --ng-galleria-nav-button-size: 40px;
  --ng-galleria-nav-icon-size: 21px;
  --ng-galleria-thumbnail-nav-button-border-radius: 8px;
  --ng-galleria-thumbnail-nav-button-color: #908f89;
  --ng-galleria-thumbnail-nav-button-focus-ring-color: #6d6d69;
  --ng-galleria-thumbnail-nav-button-focus-ring-offset: 2px;
  --ng-galleria-thumbnail-nav-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-galleria-thumbnail-nav-button-focus-ring-width: 2px;
  --ng-galleria-thumbnail-nav-button-gutter: 7px;
  --ng-galleria-thumbnail-nav-button-hover-background: #f0efe9;
  --ng-galleria-thumbnail-nav-button-hover-color: #6d6d69;
  --ng-galleria-thumbnail-nav-button-icon-size: 14px;
  --ng-galleria-thumbnail-nav-button-size: 28px;
  --ng-galleria-thumbnails-content-background: #ffffff;
  --ng-gray-50: #f5f5f5;
  --ng-gray-100: #f1f1f1;
  --ng-gray-200: #e9e9e9;
  --ng-gray-300: #d8d8d8;
  --ng-gray-400: #b4b4b4;
  --ng-gray-500: #878787;
  --ng-gray-600: #767575;
  --ng-gray-700: #5b5b5b;
  --ng-gray-800: #434343;
  --ng-gray-900: #2d2d2d;
  --ng-gray-950: #161616;
  --ng-highlight-background: #e9fff8;
  --ng-highlight-border: #00deb6;
  --ng-highlight-color: #004839;
  --ng-highlight-focus-background: #c9ffef;
  --ng-highlight-focus-color: #002e24;
  --ng-icon-size: 14px;
  --ng-icon-field-icon-color: #908f89;
  --ng-ifta-label-color: #6d6d69;
  --ng-ifta-label-focus-color: #40403d;
  --ng-ifta-label-input-padding-bottom: 5px;
  --ng-ifta-label-input-padding-top: 21px;
  --ng-ifta-label-invalid-color: #ac2c1b;
  --ng-ifta-label-position-x: 9px;
  --ng-ifta-label-top: 5px;
  --ng-image-action-border-radius: 21px;
  --ng-image-action-color: #f7f7f4;
  --ng-image-action-focus-ring-color: #6d6d69;
  --ng-image-action-focus-ring-offset: 2px;
  --ng-image-action-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-image-action-focus-ring-width: 2px;
  --ng-image-action-hover-background: rgba(255, 255, 255, 0.1);
  --ng-image-action-hover-color: #ffffff;
  --ng-image-action-icon-size: 21px;
  --ng-image-action-size: 42px;
  --ng-image-preview-icon-size: 21px;
  --ng-image-preview-mask-background: rgba(0, 0, 0, 0.4);
  --ng-image-preview-mask-color: #e8e7de;
  --ng-image-toolbar-background: rgba(255, 255, 255, 0.1);
  --ng-image-toolbar-blur: 8px;
  --ng-image-toolbar-border-color: rgba(255, 255, 255, 0.2);
  --ng-image-toolbar-border-radius: 30px;
  --ng-image-toolbar-border-width: 1px;
  --ng-image-toolbar-gap: 8px;
  --ng-image-toolbar-padding: 8px;
  --ng-image-toolbar-position-right: 16px;
  --ng-image-toolbar-position-top: 16px;
  --ng-image-compare-handle-background: rgba(255, 255, 255, 0.3);
  --ng-image-compare-handle-border-color: rgba(0, 0, 0, 0);
  --ng-image-compare-handle-border-radius: 7.5px;
  --ng-image-compare-handle-border-width: 0px;
  --ng-image-compare-handle-focus-ring-color: rgba(255, 255, 255, 0.3);
  --ng-image-compare-handle-focus-ring-offset: 2px;
  --ng-image-compare-handle-focus-ring-width: 2px;
  --ng-image-compare-handle-hover-background: rgba(255, 255, 255, 0.5);
  --ng-image-compare-handle-hover-border-color: rgba(0, 0, 0, 0);
  --ng-image-compare-handle-hover-size: 30px;
  --ng-image-compare-handle-size: 15px;
  --ng-imagecompare-handle-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-in-place-border-radius: 8px;
  --ng-in-place-display-hover-background: #f0efe9;
  --ng-in-place-display-hover-color: #292826;
  --ng-in-place-focus-ring-color: #6d6d69;
  --ng-in-place-focus-ring-offset: 2px;
  --ng-in-place-focus-ring-width: 2px;
  --ng-indigo-50: #eef2ff;
  --ng-indigo-100: #e0e7ff;
  --ng-indigo-200: #c7d2fe;
  --ng-indigo-300: #a5b4fc;
  --ng-indigo-400: #818cf8;
  --ng-indigo-500: #6366f1;
  --ng-indigo-600: #4f46e5;
  --ng-indigo-700: #4338ca;
  --ng-indigo-800: #3730a3;
  --ng-indigo-900: #312e81;
  --ng-indigo-950: #1e1b4b;
  --ng-inplace-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-input-group-addon-background: #ffffff;
  --ng-input-group-addon-border-color: #d9d8cf;
  --ng-input-group-addon-border-radius: 8px;
  --ng-input-group-addon-color: #908f89;
  --ng-input-group-addon-min-width: 35px;
  --ng-input-group-addon-padding: 7px;
  --ng-input-number-button-active-background: #e8e7de;
  --ng-input-number-button-active-border-color: #d9d8cf;
  --ng-input-number-button-active-color: #40403d;
  --ng-input-number-button-background: rgba(0, 0, 0, 0);
  --ng-input-number-button-border-color: #d9d8cf;
  --ng-input-number-button-border-radius: 8px;
  --ng-input-number-button-color: #908f89;
  --ng-input-number-button-hover-background: #f0efe9;
  --ng-input-number-button-hover-border-color: #d9d8cf;
  --ng-input-number-button-hover-color: #6d6d69;
  --ng-input-number-button-vertical-padding: 5px;
  --ng-input-number-button-width: 35px;
  --ng-input-otp-gap: 7px;
  --ng-input-otp-input-lg-width: 42px;
  --ng-input-otp-input-sm-width: 28px;
  --ng-input-otp-input-width: 35px;
  --ng-input-text-active-border-color: #6d6d69;
  --ng-input-text-background: #ffffff;
  --ng-input-text-border-color: #d9d8cf;
  --ng-input-text-border-radius: 8px;
  --ng-input-text-color: #131312;
  --ng-input-text-disabled-background: #f0efe9;
  --ng-input-text-disabled-color: #acaba5;
  --ng-input-text-filled-background: #e6ecf3;
  --ng-input-text-filled-focus-background: #e6ecf3;
  --ng-input-text-filled-hover-background: #e6ecf3;
  --ng-input-text-hover-border-color: #cac9c1;
  --ng-input-text-invalid-border-color: #c93320;
  --ng-input-text-invalid-placeholder-color: #ac2c1b;
  --ng-input-text-lg-padding-x: 11px;
  --ng-input-text-lg-padding-y: 7px;
  --ng-input-text-padding-x: 9px;
  --ng-input-text-padding-y: 5px;
  --ng-input-text-placeholder-color: #908f89;
  --ng-input-text-sm-padding-x: 8px;
  --ng-input-text-sm-padding-y: 4px;
  --ng-inputtext-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-inputtext-shadow: 0px 1px 2px 0px #1212170d;
  --ng-knob: [object Object];
  --ng-lime-50: #eef7c5;
  --ng-lime-100: #e0f77d;
  --ng-lime-200: #daf951;
  --ng-lime-300: #cbff40;
  --ng-lime-400: #b1d512;
  --ng-lime-500: #6f940a;
  --ng-lime-600: #5f7f05;
  --ng-lime-700: #496105;
  --ng-lime-800: #354902;
  --ng-lime-900: #212e01;
  --ng-lime-950: #0f1500;
  --ng-list-gap: 2px;
  --ng-list-option-border-radius: 6px;
  --ng-list-option-color: #131312;
  --ng-list-option-focus-background: #e8e7de;
  --ng-list-option-focus-color: #292826;
  --ng-list-option-group-background: rgba(0, 0, 0, 0);
  --ng-list-option-group-color: #6d6d69;
  --ng-list-option-icon-color: #908f89;
  --ng-list-option-icon-focus-color: #6d6d69;
  --ng-list-option-selected-background: #e8e7de;
  --ng-list-option-selected-color: #131312;
  --ng-list-option-selected-focus-background: #e8e7de;
  --ng-list-option-selected-focus-color: #131312;
  --ng-list-box-background: #ffffff;
  --ng-list-box-border-color: #d9d8cf;
  --ng-list-box-border-radius: 8px;
  --ng-list-box-checkmark-color: #131312;
  --ng-list-box-checkmark-gutter-end: 5.25px;
  --ng-list-box-checkmark-gutter-start: -5.25px;
  --ng-list-box-color: #131312;
  --ng-list-box-disabled-background: #f0efe9;
  --ng-list-box-disabled-color: #acaba5;
  --ng-list-box-invalid-border-color: #c93320;
  --ng-list-box-list-gap: 2px;
  --ng-list-box-option-border-radius: 6px;
  --ng-list-box-option-color: #131312;
  --ng-list-box-option-disabled-color: #f0efe9;
  --ng-list-box-option-focus-background: #e8e7de;
  --ng-list-box-option-focus-color: #292826;
  --ng-list-box-option-group-background: rgba(0, 0, 0, 0);
  --ng-list-box-option-group-color: #6d6d69;
  --ng-list-box-option-selected-background: #e8e7de;
  --ng-list-box-option-selected-color: #131312;
  --ng-list-box-option-selected-focus-background: #e8e7de;
  --ng-list-box-option-selected-focus-color: #131312;
  --ng-list-box-option-striped-background: #f7f7f4;
  --ng-listbox-shadow: 0px 1px 2px 0px #1212170d;
  --ng-mask-background: rgba(0, 0, 0, 0.4);
  --ng-mask-color: #e8e7de;
  --ng-mega-menu-background: #ffffff;
  --ng-mega-menu-base-item-border-radius: 8px;
  --ng-mega-menu-border-color: #e8e7de;
  --ng-mega-menu-border-radius: 8px;
  --ng-mega-menu-color: #131312;
  --ng-mega-menu-gap: 8px;
  --ng-mega-menu-horizontal-orientation-gap: 8px;
  --ng-mega-menu-item-active-background: #f0efe9;
  --ng-mega-menu-item-active-color: #292826;
  --ng-mega-menu-item-border-radius: 6px;
  --ng-mega-menu-item-color: #131312;
  --ng-mega-menu-item-focus-background: #f0efe9;
  --ng-mega-menu-item-focus-color: #292826;
  --ng-mega-menu-item-gap: 8px;
  --ng-mega-menu-item-icon-active-color: #292826;
  --ng-mega-menu-item-icon-color: #131312;
  --ng-mega-menu-item-icon-focus-color: #292826;
  --ng-mega-menu-mobile-button-border-radius: 8px;
  --ng-mega-menu-mobile-button-color: #6d6d69;
  --ng-mega-menu-mobile-button-focus-ring-color: #6d6d69;
  --ng-mega-menu-mobile-button-focus-ring-offset: 2px;
  --ng-mega-menu-mobile-button-focus-ring-width: 2px;
  --ng-mega-menu-mobile-button-hover-background: #f0efe9;
  --ng-mega-menu-mobile-button-hover-color: #40403d;
  --ng-mega-menu-mobile-button-size: 32px;
  --ng-mega-menu-overlay-background: #ffffff;
  --ng-mega-menu-overlay-border-color: #e8e7de;
  --ng-mega-menu-overlay-border-radius: 8px;
  --ng-mega-menu-overlay-color: #131312;
  --ng-mega-menu-overlay-gap: 8px;
  --ng-mega-menu-overlay-padding: 0px;
  --ng-mega-menu-separator-border-color: #e8e7de;
  --ng-mega-menu-submenu-gap: 2px;
  --ng-mega-menu-submenu-icon-active-color: #40403d;
  --ng-mega-menu-submenu-icon-color: #6d6d69;
  --ng-mega-menu-submenu-icon-focus-color: #6d6d69;
  --ng-mega-menu-submenu-icon-size: 14px;
  --ng-mega-menu-submenu-label-background: rgba(0, 0, 0, 0);
  --ng-mega-menu-submenu-label-color: #6d6d69;
  --ng-mega-menu-vertical-orientation-gap: 2px;
  --ng-megamenu-mobile-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-megamenu-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-menu-background: #ffffff;
  --ng-menu-border-color: #e8e7de;
  --ng-menu-border-radius: 8px;
  --ng-menu-color: #131312;
  --ng-menu-item-border-radius: 6px;
  --ng-menu-item-color: #131312;
  --ng-menu-item-focus-background: #f0efe9;
  --ng-menu-item-focus-color: #292826;
  --ng-menu-item-gap: 8px;
  --ng-menu-item-icon-color: #131312;
  --ng-menu-item-icon-focus-color: #292826;
  --ng-menu-list-gap: 2px;
  --ng-menu-separator-border-color: #e8e7de;
  --ng-menu-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-menu-submenu-label-background: rgba(0, 0, 0, 0);
  --ng-menu-submenu-label-color: #6d6d69;
  --ng-menu-bar-background: #ffffff;
  --ng-menu-bar-base-item-border-radius: 8px;
  --ng-menu-bar-border-color: #e8e7de;
  --ng-menu-bar-border-radius: 8px;
  --ng-menu-bar-color: #131312;
  --ng-menu-bar-gap: 8px;
  --ng-menu-bar-item-active-background: #f0efe9;
  --ng-menu-bar-item-active-color: #292826;
  --ng-menu-bar-item-border-radius: 6px;
  --ng-menu-bar-item-color: #131312;
  --ng-menu-bar-item-focus-background: #f0efe9;
  --ng-menu-bar-item-focus-color: #292826;
  --ng-menu-bar-item-gap: 8px;
  --ng-menu-bar-item-icon-active-color: #292826;
  --ng-menu-bar-item-icon-color: #131312;
  --ng-menu-bar-item-icon-focus-color: #292826;
  --ng-menu-bar-mobile-button-border-radius: 48px;
  --ng-menu-bar-mobile-button-color: #6d6d69;
  --ng-menu-bar-mobile-button-focus-ring-color: #6d6d69;
  --ng-menu-bar-mobile-button-focus-ring-offset: 2px;
  --ng-menu-bar-mobile-button-focus-ring-width: 2px;
  --ng-menu-bar-mobile-button-hover-background: #f0efe9;
  --ng-menu-bar-mobile-button-hover-color: #40403d;
  --ng-menu-bar-mobile-button-size: 24px;
  --ng-menu-bar-separator-border-color: #e8e7de;
  --ng-menu-bar-submenu-background: #ffffff;
  --ng-menu-bar-submenu-border-color: #e8e7de;
  --ng-menu-bar-submenu-border-radius: 8px;
  --ng-menu-bar-submenu-gap: 2px;
  --ng-menu-bar-submenu-icon-active-color: #40403d;
  --ng-menu-bar-submenu-icon-color: #6d6d69;
  --ng-menu-bar-submenu-icon-focus-color: #6d6d69;
  --ng-menu-bar-submenu-icon-size: 14px;
  --ng-menu-bar-submenu-mobile-indent: 14px;
  --ng-menubar-mobile-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-menubar-submenu-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-message-accent-background: #fffee0;
  --ng-message-accent-border-color: #fff973;
  --ng-message-accent-close-button-focus-ring-color: #6d6d69;
  --ng-message-accent-close-button-hover-background: #fff973;
  --ng-message-accent-color: #636128;
  --ng-message-accent-outlined-border-color: #aeaa4c;
  --ng-message-accent-outlined-color: #636128;
  --ng-message-accent-simple-color: #807d36;
  --ng-message-border-radius: 8px;
  --ng-message-border-width: 1px;
  --ng-message-close-button-border-radius: 48px;
  --ng-message-close-button-focus-ring-offset: 2px;
  --ng-message-close-button-focus-ring-width: 2px;
  --ng-message-close-button-height: 28px;
  --ng-message-close-button-width: 28px;
  --ng-message-close-icon-lg-size: 24px;
  --ng-message-close-icon-size: 20px;
  --ng-message-close-icon-sm-size: 16px;
  --ng-message-content-gap: 8px;
  --ng-message-contrast-background: #292826;
  --ng-message-contrast-border-color: #131312;
  --ng-message-contrast-close-button-focus-ring-color: #f7f7f4;
  --ng-message-contrast-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-contrast-close-button-hover-background: #40403d;
  --ng-message-contrast-color: #f7f7f4;
  --ng-message-contrast-outlined-border-color: #131312;
  --ng-message-contrast-outlined-color: #131312;
  --ng-message-contrast-shadow: 0px 4px 8px 0px #0000010a;
  --ng-message-contrast-simple-color: #131312;
  --ng-message-error-background: #fbedec;
  --ng-message-error-border-color: #f4d1cd;
  --ng-message-error-close-button-focus-ring-color: #6d6d69;
  --ng-message-error-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-error-close-button-hover-background: #f4d1cd;
  --ng-message-error-color: #c93320;
  --ng-message-error-outlined-border-color: #c93320;
  --ng-message-error-outlined-color: #c93320;
  --ng-message-error-shadow: 0px 4px 8px 0px #0a03030a;
  --ng-message-error-simple-color: #c93320;
  --ng-message-icon-lg-size: 24px;
  --ng-message-icon-size: 20px;
  --ng-message-icon-sm-size: 14px;
  --ng-message-info-background: #eef5fc;
  --ng-message-info-border-color: #adcff0;
  --ng-message-info-close-button-focus-ring-color: #6d6d69;
  --ng-message-info-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-info-close-button-hover-background: #d6e7f7;
  --ng-message-info-color: #1c6eac;
  --ng-message-info-outlined-border-color: #1c6eac;
  --ng-message-info-outlined-color: #1c6eac;
  --ng-message-info-shadow: 0px 4px 8px 0px #02050a0a;
  --ng-message-info-simple-color: #1c6eac;
  --ng-message-outlined-border-width: 1px;
  --ng-message-secondary-background: #f0efe9;
  --ng-message-secondary-border-color: #e8e7de;
  --ng-message-secondary-close-button-focus-ring-color: #6d6d69;
  --ng-message-secondary-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-secondary-close-button-hover-background: #e8e7de;
  --ng-message-secondary-color: #6d6d69;
  --ng-message-secondary-outlined-border-color: #acaba5;
  --ng-message-secondary-outlined-color: #6d6d69;
  --ng-message-secondary-shadow: 0px 4px 8px 0px #0405060a;
  --ng-message-secondary-simple-color: #6d6d69;
  --ng-message-simple-content-padding: 0px;
  --ng-message-success-background: #e8f8f2;
  --ng-message-success-border-color: #a9e3ce;
  --ng-message-success-close-button-focus-ring-color: #6d6d69;
  --ng-message-success-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-success-close-button-hover-background: #d4f1e6;
  --ng-message-success-color: #097947;
  --ng-message-success-outlined-border-color: #097947;
  --ng-message-success-outlined-color: #097947;
  --ng-message-success-shadow: 0px 4px 8px 0px #0108040a;
  --ng-message-success-simple-color: #097947;
  --ng-message-warn-background: #fffbe6;
  --ng-message-warn-border-color: #ffe980;
  --ng-message-warn-close-button-focus-ring-color: #6d6d69;
  --ng-message-warn-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-warn-close-button-hover-background: #fff3bf;
  --ng-message-warn-color: #8a7400;
  --ng-message-warn-outlined-border-color: #b09500;
  --ng-message-warn-outlined-color: #8a7400;
  --ng-message-warn-shadow: 0px 4px 8px 0px #0907000a;
  --ng-message-warn-simple-color: #b09500;
  --ng-meter-group-border-radius: 8px;
  --ng-meter-group-gap: 16px;
  --ng-meter-group-label-gap: 8px;
  --ng-meter-group-label-icon-size: 16px;
  --ng-meter-group-label-list-horizontal-gap: 16px;
  --ng-meter-group-label-list-vertical-gap: 8px;
  --ng-meter-group-label-marker-size: 8px;
  --ng-meter-group-meters-background: #f0efe9;
  --ng-meter-group-meters-size: 8px;
  --ng-multiselect-background: #ffffff;
  --ng-multiselect-border-color: #d9d8cf;
  --ng-multiselect-border-radius: 8px;
  --ng-multiselect-chip-border-radius: 6px;
  --ng-multiselect-clear-icon-color: #908f89;
  --ng-multiselect-color: #131312;
  --ng-multiselect-disabled-background: #f0efe9;
  --ng-multiselect-disabled-color: #acaba5;
  --ng-multiselect-dropdown-color: #908f89;
  --ng-multiselect-dropdown-width: 32px;
  --ng-multiselect-filled-background: #e6ecf3;
  --ng-multiselect-filled-focus-background: #e6ecf3;
  --ng-multiselect-filled-hover-background: #e6ecf3;
  --ng-multiselect-focus-border-color: #6d6d69;
  --ng-multiselect-focus-ring-color: #6d6d69;
  --ng-multiselect-focus-ring-offset: 2px;
  --ng-multiselect-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-multiselect-focus-ring-width: 2px;
  --ng-multiselect-hover-border-color: #cac9c1;
  --ng-multiselect-invalid-border-color: #c93320;
  --ng-multiselect-invalid-placeholder-color: #ac2c1b;
  --ng-multiselect-lg-padding-x: 11px;
  --ng-multiselect-lg-padding-y: 5px;
  --ng-multiselect-list-gap: 2px;
  --ng-multiselect-option-border-radius: 6px;
  --ng-multiselect-option-color: #131312;
  --ng-multiselect-option-focus-background: #e8e7de;
  --ng-multiselect-option-focus-color: #292826;
  --ng-multiselect-option-gap: 7px;
  --ng-multiselect-option-group-background: rgba(0, 0, 0, 0);
  --ng-multiselect-option-group-color: #6d6d69;
  --ng-multiselect-option-selected-background: #e8e7de;
  --ng-multiselect-option-selected-color: #131312;
  --ng-multiselect-option-selected-focus-background: #e8e7de;
  --ng-multiselect-option-selected-focus-color: #131312;
  --ng-multiselect-overlay-background: #ffffff;
  --ng-multiselect-overlay-border-color: #e8e7de;
  --ng-multiselect-overlay-border-radius: 8px;
  --ng-multiselect-overlay-color: #131312;
  --ng-multiselect-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-multiselect-padding-x: 9px;
  --ng-multiselect-padding-y: 3px;
  --ng-multiselect-placeholder-color: #908f89;
  --ng-multiselect-shadow: 0px 1px 2px 0px #1212170d;
  --ng-multiselect-sm-padding-x: 8px;
  --ng-multiselect-sm-padding-y: 2px;
  --ng-navigation-item-active-background: #f0efe9;
  --ng-navigation-item-active-color: #292826;
  --ng-navigation-item-border-radius: 6px;
  --ng-navigation-item-color: #131312;
  --ng-navigation-item-focus-background: #f0efe9;
  --ng-navigation-item-focus-color: #292826;
  --ng-navigation-item-gap: 8px;
  --ng-navigation-item-icon-active-color: #292826;
  --ng-navigation-item-icon-color: #131312;
  --ng-navigation-item-icon-focus-color: #292826;
  --ng-navigation-list-gap: 2px;
  --ng-navigation-submenu-icon-active-color: #40403d;
  --ng-navigation-submenu-icon-color: #6d6d69;
  --ng-navigation-submenu-icon-focus-color: #6d6d69;
  --ng-navigation-submenu-icon-size: 14px;
  --ng-navigation-submenu-label-background: rgba(0, 0, 0, 0);
  --ng-navigation-submenu-label-color: #6d6d69;
  --ng-neutral-50: #fafafa;
  --ng-neutral-100: #f5f5f5;
  --ng-neutral-200: #e5e5e5;
  --ng-neutral-300: #d4d4d4;
  --ng-neutral-400: #a3a3a3;
  --ng-neutral-500: #737373;
  --ng-neutral-600: #525252;
  --ng-neutral-700: #404040;
  --ng-neutral-800: #262626;
  --ng-neutral-900: #171717;
  --ng-neutral-950: #0a0a0a;
  --ng-ngamber-50: #fffbe6;
  --ng-ngamber-100: #fff3bf;
  --ng-ngamber-200: #ffe980;
  --ng-ngamber-300: #fad505;
  --ng-ngamber-400: #e6c300;
  --ng-ngamber-500: #cfaf00;
  --ng-ngamber-600: #b09500;
  --ng-ngamber-700: #8a7400;
  --ng-ngamber-800: #665600;
  --ng-ngamber-900: #423800;
  --ng-ngamber-950: #231d00;
  --ng-ngblue-50: #eef5fc;
  --ng-ngblue-100: #d6e7f7;
  --ng-ngblue-200: #adcff0;
  --ng-ngblue-300: #84b6e8;
  --ng-ngblue-400: #569bde;
  --ng-ngblue-500: #2080c9;
  --ng-ngblue-600: #1c6eac;
  --ng-ngblue-700: #17568a;
  --ng-ngblue-800: #113e68;
  --ng-ngblue-900: #0b2744;
  --ng-ngblue-950: #061423;
  --ng-ngcyan-50: #e9fff8;
  --ng-ngcyan-100: #c9ffef;
  --ng-ngcyan-200: #93ffe2;
  --ng-ngcyan-300: #00ffd2;
  --ng-ngcyan-400: #00deb6;
  --ng-ngcyan-500: #00be9b;
  --ng-ngcyan-600: #009e81;
  --ng-ngcyan-700: #008068;
  --ng-ngcyan-800: #004839;
  --ng-ngcyan-900: #002e24;
  --ng-ngcyan-950: #001610;
  --ng-nggray-50: #f7f7f4;
  --ng-nggray-100: #f0efe9;
  --ng-nggray-200: #e8e7de;
  --ng-nggray-300: #d9d8cf;
  --ng-nggray-400: #cac9c1;
  --ng-nggray-500: #acaba5;
  --ng-nggray-600: #908f89;
  --ng-nggray-700: #6d6d69;
  --ng-nggray-800: #40403d;
  --ng-nggray-900: #292826;
  --ng-nggray-950: #131312;
  --ng-nggreen-50: #e8f8f2;
  --ng-nggreen-100: #d4f1e6;
  --ng-nggreen-200: #a9e3ce;
  --ng-nggreen-300: #66c7a8;
  --ng-nggreen-400: #2da57e;
  --ng-nggreen-500: #097947;
  --ng-nggreen-600: #07653c;
  --ng-nggreen-700: #05512f;
  --ng-nggreen-800: #043e24;
  --ng-nggreen-900: #032d1b;
  --ng-nggreen-950: #021f12;
  --ng-ngprimary-50: #e6ecf3;
  --ng-ngprimary-100: #c1d0e0;
  --ng-ngprimary-200: #9eb5ce;
  --ng-ngprimary-300: #86a3c1;
  --ng-ngprimary-400: #587fa8;
  --ng-ngprimary-500: #295c8f;
  --ng-ngprimary-600: #0a4b82;
  --ng-ngprimary-700: #094579;
  --ng-ngprimary-800: #063b68;
  --ng-ngprimary-900: #043056;
  --ng-ngprimary-950: #02213e;
  --ng-ngred-50: #fbedec;
  --ng-ngred-100: #f4d1cd;
  --ng-ngred-200: #e9a39b;
  --ng-ngred-300: #dd7569;
  --ng-ngred-400: #d14f3e;
  --ng-ngred-500: #c93320;
  --ng-ngred-600: #ac2c1b;
  --ng-ngred-700: #8a2316;
  --ng-ngred-800: #661a11;
  --ng-ngred-900: #43110b;
  --ng-ngred-950: #220806;
  --ng-ngyellow-50: #fffee0;
  --ng-ngyellow-100: #fefcb3;
  --ng-ngyellow-200: #fff973;
  --ng-ngyellow-300: #eee96b;
  --ng-ngyellow-400: #cec95b;
  --ng-ngyellow-500: #aeaa4c;
  --ng-ngyellow-600: #807d36;
  --ng-ngyellow-700: #636128;
  --ng-ngyellow-800: #48461b;
  --ng-ngyellow-900: #2e2c0f;
  --ng-ngyellow-950: #222009;
  --ng-orange-50: #fff7ed;
  --ng-orange-100: #ffedd5;
  --ng-orange-200: #fed7aa;
  --ng-orange-300: #fdba74;
  --ng-orange-400: #fb923c;
  --ng-orange-500: #f97316;
  --ng-orange-600: #ea580c;
  --ng-orange-700: #c2410c;
  --ng-orange-800: #9a3412;
  --ng-orange-900: #7c2d12;
  --ng-orange-950: #431407;
  --ng-order-list-controls-gap: 8px;
  --ng-order-list-gap: 16px;
  --ng-organization-chart-connector-border-radius: 8px;
  --ng-organization-chart-connector-color: #e8e7de;
  --ng-organization-chart-connector-height: 24px;
  --ng-organization-chart-gutter: 10.5px;
  --ng-organization-chart-node-background: #ffffff;
  --ng-organization-chart-node-border-color: #e8e7de;
  --ng-organization-chart-node-border-radius: 8px;
  --ng-organization-chart-node-color: #131312;
  --ng-organization-chart-node-hover-background: #f0efe9;
  --ng-organization-chart-node-hover-color: #292826;
  --ng-organization-chart-node-selected-background: #e9fff8;
  --ng-organization-chart-node-selected-color: #004839;
  --ng-organization-chart-node-toggle-button-background: #ffffff;
  --ng-organization-chart-node-toggle-button-border-color: #e8e7de;
  --ng-organization-chart-node-toggle-button-border-radius: 24px;
  --ng-organization-chart-node-toggle-button-color: #6d6d69;
  --ng-organization-chart-node-toggle-button-focus-ring-color: #6d6d69;
  --ng-organization-chart-node-toggle-button-focus-ring-offset: 2px;
  --ng-organization-chart-node-toggle-button-focus-ring-width: 2px;
  --ng-organization-chart-node-toggle-button-hover-background: #f0efe9;
  --ng-organization-chart-node-toggle-button-hover-color: #131312;
  --ng-organization-chart-node-toggle-button-size: 24px;
  --ng-organizationchart-node-toggle-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-overlay-modal-background: #ffffff;
  --ng-overlay-modal-border-color: #e8e7de;
  --ng-overlay-modal-border-radius: 16px;
  --ng-overlay-modal-color: #131312;
  --ng-overlay-modal-padding: 24px;
  --ng-overlay-modal-shadow: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a;
  --ng-overlay-navigation-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-overlay-popover-background: #ffffff;
  --ng-overlay-popover-border-color: #e8e7de;
  --ng-overlay-popover-border-radius: 8px;
  --ng-overlay-popover-color: #131312;
  --ng-overlay-popover-padding: 12px;
  --ng-overlay-popover-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-overlay-select-background: #ffffff;
  --ng-overlay-select-border-color: #e8e7de;
  --ng-overlay-select-border-radius: 8px;
  --ng-overlay-select-color: #131312;
  --ng-overlay-select-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-overlay-badge-outline-color: #ffffff;
  --ng-overlay-badge-outline-width: 2px;
  --ng-paginator-background: #ffffff;
  --ng-paginator-border-radius: 8px;
  --ng-paginator-color: #131312;
  --ng-paginator-current-page-report-color: #6d6d69;
  --ng-paginator-gap: 3.5px;
  --ng-paginator-jump-to-page-input-max-width: 35px;
  --ng-paginator-nav-button-background: rgba(0, 0, 0, 0);
  --ng-paginator-nav-button-border-radius: 48px;
  --ng-paginator-nav-button-color: #6d6d69;
  --ng-paginator-nav-button-focus-ring-color: #6d6d69;
  --ng-paginator-nav-button-focus-ring-offset: 2px;
  --ng-paginator-nav-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-paginator-nav-button-focus-ring-width: 2px;
  --ng-paginator-nav-button-height: 32px;
  --ng-paginator-nav-button-hover-background: #f0efe9;
  --ng-paginator-nav-button-hover-color: #40403d;
  --ng-paginator-nav-button-selected-background: #e9fff8;
  --ng-paginator-nav-button-selected-color: #004839;
  --ng-paginator-nav-button-width: 32px;
  --ng-panel-background: #ffffff;
  --ng-panel-border-color: #e8e7de;
  --ng-panel-border-radius: 8px;
  --ng-panel-color: #131312;
  --ng-panel-header-background: rgba(0, 0, 0, 0);
  --ng-panel-header-border-color: #e8e7de;
  --ng-panel-header-border-radius: 0px;
  --ng-panel-header-color: #131312;
  --ng-panel-header-padding: 20px;
  --ng-panel-menu-gap: 8px;
  --ng-panel-menu-item-border-radius: 8px;
  --ng-panel-menu-item-color: #131312;
  --ng-panel-menu-item-focus-background: #f0efe9;
  --ng-panel-menu-item-focus-color: #292826;
  --ng-panel-menu-item-gap: 8px;
  --ng-panel-menu-item-icon-color: #131312;
  --ng-panel-menu-item-icon-focus-color: #292826;
  --ng-panel-menu-panel-background: #ffffff;
  --ng-panel-menu-panel-border-color: #e8e7de;
  --ng-panel-menu-panel-border-radius: 8px;
  --ng-panel-menu-panel-border-width: 1px;
  --ng-panel-menu-panel-color: #131312;
  --ng-panel-menu-panel-first-border-width: 1px;
  --ng-panel-menu-panel-first-top-border-radius: 8px;
  --ng-panel-menu-panel-last-border-width: 1px;
  --ng-panel-menu-panel-last-bottom-border-radius: 8px;
  --ng-panel-menu-submenu-icon-color: #6d6d69;
  --ng-panel-menu-submenu-icon-focus-color: #6d6d69;
  --ng-panel-menu-submenu-indent: 16px;
  --ng-password-content-gap: 8px;
  --ng-password-icon-color: #908f89;
  --ng-password-meter-background: #f0efe9;
  --ng-password-meter-border-radius: 8px;
  --ng-password-meter-height: 10px;
  --ng-password-overlay-background: #ffffff;
  --ng-password-overlay-border-color: #e8e7de;
  --ng-password-overlay-border-radius: 8px;
  --ng-password-overlay-color: #131312;
  --ng-password-overlay-padding: 12px;
  --ng-password-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-password-strength-medium-background: #cfaf00;
  --ng-password-strength-strong-background: #097947;
  --ng-password-strength-weak-background: #c93320;
  --ng-picklist-controls-gap: 8px;
  --ng-picklist-gap: 12px;
  --ng-pink-50: #fdf2f8;
  --ng-pink-100: #fce7f3;
  --ng-pink-200: #fbcfe8;
  --ng-pink-300: #f9a8d4;
  --ng-pink-400: #f472b6;
  --ng-pink-500: #ec4899;
  --ng-pink-600: #db2777;
  --ng-pink-700: #be185d;
  --ng-pink-800: #9d174d;
  --ng-pink-900: #831843;
  --ng-pink-950: #500724;
  --ng-popover-arrow-offset: 17.5px;
  --ng-popover-background: #ffffff;
  --ng-popover-border-color: #e8e7de;
  --ng-popover-border-radius: 8px;
  --ng-popover-color: #131312;
  --ng-popover-content-padding: 12px;
  --ng-popover-gutter: 10px;
  --ng-popover-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-primary-50: #e6ecf3;
  --ng-primary-100: #c1d0e0;
  --ng-primary-200: #9eb5ce;
  --ng-primary-300: #86a3c1;
  --ng-primary-400: #587fa8;
  --ng-primary-500: #295c8f;
  --ng-primary-600: #0a4b82;
  --ng-primary-700: #094579;
  --ng-primary-800: #063b68;
  --ng-primary-900: #043056;
  --ng-primary-950: #02213e;
  --ng-primary-active-color: #043056;
  --ng-primary-color: #02213e;
  --ng-primary-contrast-color: #ffffff;
  --ng-primary-hover-color: #063b68;
  --ng-progress-bar: [object Object];
  --ng-progress-spinner-color-four: #aeaa4c;
  --ng-progress-spinner-color-one: #c93320;
  --ng-progress-spinner-color-three: #097947;
  --ng-progress-spinner-color-two: #2080c9;
  --ng-purple-50: #fceffb;
  --ng-purple-100: #fce8fa;
  --ng-purple-200: #efd2ec;
  --ng-purple-300: #dda4d8;
  --ng-purple-400: #ba68b2;
  --ng-purple-500: #8e5189;
  --ng-purple-600: #863573;
  --ng-purple-700: #742863;
  --ng-purple-800: #5e3755;
  --ng-purple-900: #45243e;
  --ng-purple-950: #30172a;
  --ng-radio-button-background: #ffffff;
  --ng-radio-button-border-color: #acaba5;
  --ng-radio-button-checked-background: #02213e;
  --ng-radio-button-checked-border-color: #02213e;
  --ng-radio-button-checked-disabled-border-color: #acaba5;
  --ng-radio-button-checked-focus-border-color: #02213e;
  --ng-radio-button-checked-hover-background: #063b68;
  --ng-radio-button-checked-hover-border-color: #063b68;
  --ng-radio-button-disabled-background: #f0efe9;
  --ng-radio-button-filled-background: #e6ecf3;
  --ng-radio-button-focus-border-color: #6d6d69;
  --ng-radio-button-focus-ring-color: #6d6d69;
  --ng-radio-button-focus-ring-offset: 2px;
  --ng-radio-button-focus-ring-width: 2px;
  --ng-radio-button-height: 20px;
  --ng-radio-button-hover-border-color: #908f89;
  --ng-radio-button-icon-checked-color: #ffffff;
  --ng-radio-button-icon-checked-hover-color: #ffffff;
  --ng-radio-button-icon-disabled-color: #acaba5;
  --ng-radio-button-icon-lg-size: 20px;
  --ng-radio-button-icon-size: 16px;
  --ng-radio-button-icon-sm-size: 8px;
  --ng-radio-button-invalid-border-color: #c93320;
  --ng-radio-button-lg-height: 24px;
  --ng-radio-button-lg-width: 24px;
  --ng-radio-button-sm-height: 16px;
  --ng-radio-button-sm-width: 16px;
  --ng-radio-button-width: 20px;
  --ng-radiobutton-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-radiobutton-shadow: 0px 1px 2px 0px #1212170d;
  --ng-rating-focus-ring-color: #6d6d69;
  --ng-rating-focus-ring-offset: 2px;
  --ng-rating-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-rating-focus-ring-width: 2px;
  --ng-rating-gap: 0px;
  --ng-rating-icon-active-color: #02213e;
  --ng-rating-icon-color: #6d6d69;
  --ng-rating-icon-hover-color: #02213e;
  --ng-rating-icon-size: 14px;
  --ng-ratingdisplay-gap: -3px;
  --ng-ratingdisplay-icon-color: #02213e;
  --ng-ratingdisplay-icon-size: 14px;
  --ng-rose-50: #fff1f2;
  --ng-rose-100: #ffe4e6;
  --ng-rose-200: #fecdd3;
  --ng-rose-300: #fda4af;
  --ng-rose-400: #fb7185;
  --ng-rose-500: #f43f5e;
  --ng-rose-600: #e11d48;
  --ng-rose-700: #be123c;
  --ng-rose-800: #9f1239;
  --ng-rose-900: #881337;
  --ng-rose-950: #4c0519;
  --ng-scroll-panel-bar-background: #f0efe9;
  --ng-scroll-panel-bar-border-radius: 6px;
  --ng-scroll-panel-bar-focus-ring-color: #6d6d69;
  --ng-scroll-panel-bar-focus-ring-offset: 2px;
  --ng-scroll-panel-bar-focus-ring-width: 2px;
  --ng-scroll-panel-bar-size: 9px;
  --ng-scrollpanel-bar-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-select-background: #ffffff;
  --ng-select-border-color: #d9d8cf;
  --ng-select-border-radius: 8px;
  --ng-select-checkmark-color: #131312;
  --ng-select-checkmark-gutter-end: 5.25px;
  --ng-select-checkmark-gutter-start: -5.25px;
  --ng-select-clear-icon-color: #908f89;
  --ng-select-color: #131312;
  --ng-select-disabled-background: #f0efe9;
  --ng-select-disabled-color: #acaba5;
  --ng-select-dropdown-color: #908f89;
  --ng-select-dropdown-width: 35px;
  --ng-select-filled-background: #e6ecf3;
  --ng-select-filled-focus-background: #e6ecf3;
  --ng-select-filled-hover-background: #e6ecf3;
  --ng-select-focus-border-color: #6d6d69;
  --ng-select-focus-ring-color: #6d6d69;
  --ng-select-focus-ring-offset: 2px;
  --ng-select-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-select-focus-ring-width: 2px;
  --ng-select-hover-border-color: #cac9c1;
  --ng-select-invalid-border-color: #c93320;
  --ng-select-invalid-placeholder-color: #ac2c1b;
  --ng-select-lg-padding-x: 11px;
  --ng-select-lg-padding-y: 7px;
  --ng-select-list-gap: 2px;
  --ng-select-option-border-radius: 6px;
  --ng-select-option-color: #131312;
  --ng-select-option-focus-background: #e8e7de;
  --ng-select-option-focus-color: #292826;
  --ng-select-option-group-background: rgba(0, 0, 0, 0);
  --ng-select-option-group-color: #6d6d69;
  --ng-select-option-selected-background: #e8e7de;
  --ng-select-option-selected-color: #131312;
  --ng-select-option-selected-focus-background: #e8e7de;
  --ng-select-option-selected-focus-color: #131312;
  --ng-select-overlay-background: #ffffff;
  --ng-select-overlay-border-color: #e8e7de;
  --ng-select-overlay-border-radius: 8px;
  --ng-select-overlay-color: #131312;
  --ng-select-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-select-padding-x: 9px;
  --ng-select-padding-y: 5px;
  --ng-select-placeholder-color: #908f89;
  --ng-select-shadow: 0px 1px 2px 0px #1212170d;
  --ng-select-sm-padding-x: 8px;
  --ng-select-sm-padding-y: 4px;
  --ng-select-button-border-radius: 8px;
  --ng-select-button-invalid-border-color: #c93320;
  --ng-skeleton-background: #f0efe9;
  --ng-skeleton-border-radius: 8px;
  --ng-sky-50: #f0f9ff;
  --ng-sky-100: #e0f2fe;
  --ng-sky-200: #bae6fd;
  --ng-sky-300: #7dd3fc;
  --ng-sky-400: #38bdf8;
  --ng-sky-500: #0ea5e9;
  --ng-sky-600: #0284c7;
  --ng-sky-700: #0369a1;
  --ng-sky-800: #075985;
  --ng-sky-900: #0c4a6e;
  --ng-sky-950: #082f49;
  --ng-slate-50: #f9fafb;
  --ng-slate-100: #f3f4f6;
  --ng-slate-200: #e5e7eb;
  --ng-slate-300: #d1d5db;
  --ng-slate-400: #9ca3af;
  --ng-slate-500: #6b7280;
  --ng-slate-600: #4b5563;
  --ng-slate-700: #374151;
  --ng-slate-800: #1f2937;
  --ng-slate-900: #111827;
  --ng-slate-950: #030712;
  --ng-slider-handle-background: #878787;
  --ng-slider-handle-border-radius: 10px;
  --ng-slider-handle-content-background: #ffffff;
  --ng-slider-handle-content-border-radius: 8px;
  --ng-slider-handle-content-height: 16px;
  --ng-slider-handle-content-hover-background: #ffffff;
  --ng-slider-handle-content-shadow: 0px 1px 1px 0px #00000024, 0px 0.5px 0px 0px #00000014;
  --ng-slider-handle-content-width: 16px;
  --ng-slider-handle-focus-ring-color: #6d6d69;
  --ng-slider-handle-focus-ring-offset: 2px;
  --ng-slider-handle-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-slider-handle-focus-ring-width: 2px;
  --ng-slider-handle-height: 20px;
  --ng-slider-handle-hover-background: #e8e7de;
  --ng-slider-handle-width: 20px;
  --ng-slider-range-background: #02213e;
  --ng-slider-track-background: #e8e7de;
  --ng-slider-track-border-radius: 8px;
  --ng-slider-track-size: 3px;
  --ng-speed-dial-gap: 7px;
  --ng-split-button-border-radius: 8px;
  --ng-split-button-rounded-border-radius: 48px;
  --ng-splitbutton-raised-shadow: 0px 1px 5px 0px #0000001f, 0px 2px 2px 0px #00000024, 0px 3px 1px -2px #00000033;
  --ng-splitter-background: #ffffff;
  --ng-splitter-border-color: #e8e7de;
  --ng-splitter-color: #131312;
  --ng-splitter-gutter-background: #e8e7de;
  --ng-splitter-handle-background: rgba(0, 0, 0, 0);
  --ng-splitter-handle-border-radius: 8px;
  --ng-splitter-handle-focus-ring-color: #6d6d69;
  --ng-splitter-handle-focus-ring-offset: 2px;
  --ng-splitter-handle-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-splitter-handle-focus-ring-width: 2px;
  --ng-splitter-handle-size: 24px;
  --ng-stepper-separator-active-background: #02213e;
  --ng-stepper-separator-background: #e8e7de;
  --ng-stepper-separator-size: 2px;
  --ng-stepper-step-gap: 16px;
  --ng-stepper-step-header-border-radius: 8px;
  --ng-stepper-step-header-focus-ring-color: #6d6d69;
  --ng-stepper-step-header-focus-ring-offset: 2px;
  --ng-stepper-step-header-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-stepper-step-header-focus-ring-width: 2px;
  --ng-stepper-step-header-gap: 8px;
  --ng-stepper-step-header-padding: 0px;
  --ng-stepper-step-number-active-background: #ffffff;
  --ng-stepper-step-number-active-border-color: #e8e7de;
  --ng-stepper-step-number-active-color: #02213e;
  --ng-stepper-step-number-background: #ffffff;
  --ng-stepper-step-number-border-color: #e8e7de;
  --ng-stepper-step-number-border-radius: 48px;
  --ng-stepper-step-number-color: #6d6d69;
  --ng-stepper-step-number-shadow: 0px 1px 1px 0px #0000001f, 0px 0.5px 0px 0px #0000000f;
  --ng-stepper-step-number-size: 28px;
  --ng-stepper-step-padding: 8px;
  --ng-stepper-step-title-active-color: #131312;
  --ng-stepper-step-title-active-weight: 700px;
  --ng-stepper-step-title-color: #6d6d69;
  --ng-stepper-steppanel-background: #ffffff;
  --ng-stepper-steppanel-color: #131312;
  --ng-surface-0: #ffffff;
  --ng-surface-50: #f7f7f4;
  --ng-surface-100: #f0efe9;
  --ng-surface-200: #e8e7de;
  --ng-surface-300: #d9d8cf;
  --ng-surface-400: #cac9c1;
  --ng-surface-500: #acaba5;
  --ng-surface-600: #908f89;
  --ng-surface-700: #6d6d69;
  --ng-surface-800: #40403d;
  --ng-surface-900: #292826;
  --ng-surface-950: #131312;
  --ng-tabs-active-bar-background: #02213e;
  --ng-tabs-active-bar-bottom: -1px;
  --ng-tabs-active-bar-height: 2px;
  --ng-tabs-nav-button-background: #ffffff;
  --ng-tabs-nav-button-color: #6d6d69;
  --ng-tabs-nav-button-focus-ring-color: #6d6d69;
  --ng-tabs-nav-button-focus-ring-offset: -1px;
  --ng-tabs-nav-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-tabs-nav-button-focus-ring-width: 2px;
  --ng-tabs-nav-button-hover-color: #131312;
  --ng-tabs-nav-button-shadow: 0px 0px 10px 50px #ffffff99;
  --ng-tabs-nav-button-width: 35px;
  --ng-tabs-tab-active-background: rgba(0, 0, 0, 0);
  --ng-tabs-tab-active-border-color: #00deb6;
  --ng-tabs-tab-active-color: #131312;
  --ng-tabs-tab-background: rgba(0, 0, 0, 0);
  --ng-tabs-tab-border-color: #e8e7de;
  --ng-tabs-tab-border-width: 1px;
  --ng-tabs-tab-color: #6d6d69;
  --ng-tabs-tab-focus-ring-color: #6d6d69;
  --ng-tabs-tab-focus-ring-offset: -1px;
  --ng-tabs-tab-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-tabs-tab-focus-ring-width: 2px;
  --ng-tabs-tab-gap: 8px;
  --ng-tabs-tab-hover-background: rgba(0, 0, 0, 0);
  --ng-tabs-tab-hover-border-color: #93ffe2;
  --ng-tabs-tab-hover-color: #292826;
  --ng-tabs-tablist-background: #ffffff;
  --ng-tabs-tablist-border-color: #e8e7de;
  --ng-tabs-tablist-border-width: 1px;
  --ng-tabs-tabpanel-background: #ffffff;
  --ng-tabs-tabpanel-color: #131312;
  --ng-tabs-tabpanel-focus-ring-color: #6d6d69;
  --ng-tabs-tabpanel-focus-ring-offset: 2px;
  --ng-tabs-tabpanel-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-tabs-tabpanel-focus-ring-width: 2px;
  --ng-tabview-nav-button-shadow: 0px 0px 10px 50px #ffffff99;
  --ng-tag-accent-background: #fff973;
  --ng-tag-accent-color: #48461b;
  --ng-tag-border-radius: 4px;
  --ng-tag-contrast-background: #131312;
  --ng-tag-contrast-color: #ffffff;
  --ng-tag-danger-background: #f4d1cd;
  --ng-tag-danger-color: #ac2c1b;
  --ng-tag-gap: 1px;
  --ng-tag-icon-size: 10.5px;
  --ng-tag-info-background: #d6e7f7;
  --ng-tag-info-color: #17568a;
  --ng-tag-primary-background: #c1d0e0;
  --ng-tag-primary-color: #02213e;
  --ng-tag-rounded-border-radius: 16px;
  --ng-tag-secondary-background: #e8e7de;
  --ng-tag-secondary-color: #02213e;
  --ng-tag-success-background: #d4f1e6;
  --ng-tag-success-color: #07653c;
  --ng-tag-tertiary-background: #93ffe2;
  --ng-tag-tertiary-color: #004839;
  --ng-tag-warn-background: #fff3bf;
  --ng-tag-warn-color: #665600;
  --ng-teal-50: #f0fdfa;
  --ng-teal-100: #ccfbf1;
  --ng-teal-200: #99f6e4;
  --ng-teal-300: #5eead4;
  --ng-teal-400: #2dd4bf;
  --ng-teal-500: #14b8a6;
  --ng-teal-600: #0d9488;
  --ng-teal-700: #0f766e;
  --ng-teal-800: #115e59;
  --ng-teal-900: #134e4a;
  --ng-teal-950: #042f2e;
  --ng-terminal-background: #ffffff;
  --ng-terminal-border-color: #d9d8cf;
  --ng-terminal-border-radius: 8px;
  --ng-terminal-color: #131312;
  --ng-terminal-height: 252px;
  --ng-terminal-prompt-gap: 3.5px;
  --ng-text-color: #131312;
  --ng-text-hover-color: #292826;
  --ng-text-hover-muted-color: #40403d;
  --ng-text-muted-color: #6d6d69;
  --ng-text-area-background: #ffffff;
  --ng-text-area-border-color: #d9d8cf;
  --ng-text-area-border-radius: 8px;
  --ng-text-area-color: #131312;
  --ng-text-area-disabled-background: #f0efe9;
  --ng-text-area-disabled-color: #acaba5;
  --ng-text-area-filled-background: #e6ecf3;
  --ng-text-area-filled-focus-background: #e6ecf3;
  --ng-text-area-filled-hover-background: #e6ecf3;
  --ng-text-area-focus-border-color: #6d6d69;
  --ng-text-area-focus-ring-color: #6d6d69;
  --ng-text-area-focus-ring-offset: 2px;
  --ng-text-area-focus-ring-width: 2px;
  --ng-text-area-hover-border-color: #cac9c1;
  --ng-text-area-invalid-border-color: #c93320;
  --ng-text-area-invalid-placeholder-color: #ac2c1b;
  --ng-text-area-lg-padding-x: 11px;
  --ng-text-area-lg-padding-y: 7px;
  --ng-text-area-padding-x: 9px;
  --ng-text-area-padding-y: 5px;
  --ng-text-area-placeholder-color: #908f89;
  --ng-text-area-sm-padding-x: 8px;
  --ng-text-area-sm-padding-y: 4px;
  --ng-textarea-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-textarea-shadow: 0px 1px 2px 0px #1212170d;
  --ng-tiered-menu-background: #ffffff;
  --ng-tiered-menu-border-color: #e8e7de;
  --ng-tiered-menu-border-radius: 8px;
  --ng-tiered-menu-color: #131312;
  --ng-tiered-menu-item-active-background: #f0efe9;
  --ng-tiered-menu-item-active-color: #292826;
  --ng-tiered-menu-item-border-radius: 6px;
  --ng-tiered-menu-item-color: #131312;
  --ng-tiered-menu-item-focus-background: #f0efe9;
  --ng-tiered-menu-item-focus-color: #292826;
  --ng-tiered-menu-item-gap: 8px;
  --ng-tiered-menu-item-icon-active-color: #292826;
  --ng-tiered-menu-item-icon-color: #131312;
  --ng-tiered-menu-item-icon-focus-color: #292826;
  --ng-tiered-menu-list-gap: 2px;
  --ng-tiered-menu-separator-border-color: #e8e7de;
  --ng-tiered-menu-submenu-icon-active-color: #40403d;
  --ng-tiered-menu-submenu-icon-color: #6d6d69;
  --ng-tiered-menu-submenu-icon-focus-color: #6d6d69;
  --ng-tiered-menu-submenu-icon-size: 14px;
  --ng-tiered-menu-submenu-mobile-indent: 14px;
  --ng-tieredmenu-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-timeline-event-connector-color: #e8e7de;
  --ng-timeline-event-connector-size: 2px;
  --ng-timeline-event-marker-background: #ffffff;
  --ng-timeline-event-marker-border-color: #e8e7de;
  --ng-timeline-event-marker-border-radius: 8px;
  --ng-timeline-event-marker-border-width: 2px;
  --ng-timeline-event-marker-content-background: #02213e;
  --ng-timeline-event-marker-content-border-radius: 4px;
  --ng-timeline-event-marker-content-inset-shadow: 0px 1px 1px 0px #0000001f, 0px 0.5px 0px 0px #0000000f;
  --ng-timeline-event-marker-content-size: 6px;
  --ng-timeline-event-marker-size: 18px;
  --ng-timeline-event-min-height: 70px;
  --ng-toast-accent-background: #fffee0;
  --ng-toast-accent-border-color: #fff973;
  --ng-toast-accent-close-button-focus-ring-color: #636128;
  --ng-toast-accent-close-button-hover-background: #fff973;
  --ng-toast-accent-color: #636128;
  --ng-toast-accent-detail-color: #636128;
  --ng-toast-blur: 1.5px;
  --ng-toast-border-radius: 8px;
  --ng-toast-border-width: 1px;
  --ng-toast-close-button-focus-ring-offset: 2px;
  --ng-toast-close-button-focus-ring-width: 2px;
  --ng-toast-content-gap: 8px;
  --ng-toast-content-padding: 12px;
  --ng-toast-contrast-background: #292826;
  --ng-toast-contrast-border-color: #131312;
  --ng-toast-contrast-close-button-focus-ring-color: #f7f7f4;
  --ng-toast-contrast-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-contrast-close-button-hover-background: #40403d;
  --ng-toast-contrast-color: #f7f7f4;
  --ng-toast-contrast-detail-color: #ffffff;
  --ng-toast-contrast-shadow: 0px 4px 8px 0px #0000010a;
  --ng-toast-error-background: rgba(254, 242, 242, 0.9);
  --ng-toast-error-border-color: #f4d1cd;
  --ng-toast-error-close-button-focus-ring-color: #c93320;
  --ng-toast-error-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-error-close-button-hover-background: #f4d1cd;
  --ng-toast-error-color: #ac2c1b;
  --ng-toast-error-detail-color: #40403d;
  --ng-toast-error-shadow: 0px 4px 8px 0px #0a03030a;
  --ng-toast-icon-size: 20px;
  --ng-toast-info-background: rgba(239, 246, 255, 0.9);
  --ng-toast-info-border-color: #adcff0;
  --ng-toast-info-close-button-focus-ring-color: #1c6eac;
  --ng-toast-info-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-info-close-button-hover-background: #d6e7f7;
  --ng-toast-info-color: #17568a;
  --ng-toast-info-detail-color: #40403d;
  --ng-toast-info-shadow: 0px 4px 8px 0px #02050a0a;
  --ng-toast-secondary-background: #f0efe9;
  --ng-toast-secondary-border-color: #e8e7de;
  --ng-toast-secondary-close-button-focus-ring-color: #908f89;
  --ng-toast-secondary-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-secondary-close-button-hover-background: #e8e7de;
  --ng-toast-secondary-color: #40403d;
  --ng-toast-secondary-detail-color: #40403d;
  --ng-toast-secondary-shadow: 0px 4px 8px 0px #0405060a;
  --ng-toast-success-background: rgba(240, 253, 244, 0.9);
  --ng-toast-success-border-color: #a9e3ce;
  --ng-toast-success-close-button-focus-ring-color: #07653c;
  --ng-toast-success-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-success-close-button-hover-background: #d4f1e6;
  --ng-toast-success-color: #097947;
  --ng-toast-success-detail-color: #40403d;
  --ng-toast-success-shadow: 0px 4px 8px 0px #0108040a;
  --ng-toast-text-gap: 8px;
  --ng-toast-warn-background: rgba(255, 251, 230, 0.9);
  --ng-toast-warn-border-color: #ffe980;
  --ng-toast-warn-close-button-focus-ring-color: #423800;
  --ng-toast-warn-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-warn-close-button-hover-background: #fff3bf;
  --ng-toast-warn-color: #8a7400;
  --ng-toast-warn-detail-color: #40403d;
  --ng-toast-warn-shadow: 0px 4px 8px 0px #0907000a;
  --ng-toast-width: 350px;
  --ng-toggle-button-background: #f0efe9;
  --ng-toggle-button-border-color: #f0efe9;
  --ng-toggle-button-border-radius: 8px;
  --ng-toggle-button-checked-background: #ffffff;
  --ng-toggle-button-checked-border-color: #f0efe9;
  --ng-toggle-button-checked-color: #131312;
  --ng-toggle-button-color: #131312;
  --ng-toggle-button-content-border-radius: 6px;
  --ng-toggle-button-content-checked-background: #ffffff;
  --ng-toggle-button-content-left: 3.5px;
  --ng-toggle-button-content-top: 3.5px;
  --ng-toggle-button-disabled-background: #f0efe9;
  --ng-toggle-button-disabled-border-color: #f0efe9;
  --ng-toggle-button-disabled-color: #acaba5;
  --ng-toggle-button-focus-ring-color: #6d6d69;
  --ng-toggle-button-focus-ring-offset: 2px;
  --ng-toggle-button-focus-ring-width: 2px;
  --ng-toggle-button-gap: 2px;
  --ng-toggle-button-hover-background: #f0efe9;
  --ng-toggle-button-hover-color: #6d6d69;
  --ng-toggle-button-icon-checked-color: #292826;
  --ng-toggle-button-icon-color: #6d6d69;
  --ng-toggle-button-icon-disabled-color: #acaba5;
  --ng-toggle-button-icon-hover-color: #6d6d69;
  --ng-toggle-button-invalid-border-color: #c93320;
  --ng-toggle-button-lg-padding: 2px;
  --ng-toggle-button-padding: 2px;
  --ng-toggle-button-sm-padding: 2px;
  --ng-toggle-switch-background: #d9d8cf;
  --ng-toggle-switch-border-color: rgba(0, 0, 0, 0);
  --ng-toggle-switch-border-radius: 30px;
  --ng-toggle-switch-border-width: 1px;
  --ng-toggle-switch-checked-background: #02213e;
  --ng-toggle-switch-checked-border-color: rgba(0, 0, 0, 0);
  --ng-toggle-switch-checked-hover-background: #063b68;
  --ng-toggle-switch-checked-hover-border-color: rgba(0, 0, 0, 0);
  --ng-toggle-switch-disabled-background: #f0efe9;
  --ng-toggle-switch-focus-ring-color: #6d6d69;
  --ng-toggle-switch-focus-ring-offset: 2px;
  --ng-toggle-switch-focus-ring-width: 2px;
  --ng-toggle-switch-gap: 3.5px;
  --ng-toggle-switch-handle-background: #ffffff;
  --ng-toggle-switch-handle-border-radius: 10px;
  --ng-toggle-switch-handle-checked-background: #ffffff;
  --ng-toggle-switch-handle-checked-color: #097947;
  --ng-toggle-switch-handle-checked-hover-background: #ffffff;
  --ng-toggle-switch-handle-checked-hover-color: #07653c;
  --ng-toggle-switch-handle-color: #6d6d69;
  --ng-toggle-switch-handle-disabled-background: #acaba5;
  --ng-toggle-switch-handle-hover-background: #ffffff;
  --ng-toggle-switch-handle-hover-color: #131312;
  --ng-toggle-switch-handle-size: 20px;
  --ng-toggle-switch-height: 24px;
  --ng-toggle-switch-hover-background: #cac9c1;
  --ng-toggle-switch-hover-border-color: rgba(0, 0, 0, 0);
  --ng-toggle-switch-invalid-border-color: #c93320;
  --ng-toggle-switch-width: 40px;
  --ng-togglebutton-content-checked-shadow: 0px 1px 2px 0px #0000000a, 0px 1px 2px 0px #00000005;
  --ng-togglebutton-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toggleswitch-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toggleswitch-shadow: 0px 1px 2px 0px #1212170d;
  --ng-toolbar-background: #ffffff;
  --ng-toolbar-border-color: #e8e7de;
  --ng-toolbar-border-radius: 8px;
  --ng-toolbar-color: #131312;
  --ng-toolbar-gap: 8px;
  --ng-toolbar-padding: 12px;
  --ng-tooltip-background: #6d6d69;
  --ng-tooltip-border-radius: 8px;
  --ng-tooltip-color: #ffffff;
  --ng-tooltip-gutter: 6px;
  --ng-tooltip-max-width: 175px;
  --ng-tooltip-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-tree-background: #ffffff;
  --ng-tree-color: #131312;
  --ng-tree-filter-margin: 7px;
  --ng-tree-gap: 2px;
  --ng-tree-indent: 16px;
  --ng-tree-loading-icon-size: 28px;
  --ng-tree-node-border-radius: 8px;
  --ng-tree-node-color: #131312;
  --ng-tree-node-focus-ring-color: #6d6d69;
  --ng-tree-node-focus-ring-offset: -1px;
  --ng-tree-node-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-tree-node-focus-ring-width: 2px;
  --ng-tree-node-gap: 4px;
  --ng-tree-node-hover-background: #f0efe9;
  --ng-tree-node-hover-color: #292826;
  --ng-tree-node-icon-color: #6d6d69;
  --ng-tree-node-icon-hover-color: #40403d;
  --ng-tree-node-icon-selected-color: #004839;
  --ng-tree-node-selected-background: #e9fff8;
  --ng-tree-node-selected-color: #004839;
  --ng-tree-node-toggle-button-border-radius: 24px;
  --ng-tree-node-toggle-button-color: #6d6d69;
  --ng-tree-node-toggle-button-focus-ring-color: #6d6d69;
  --ng-tree-node-toggle-button-focus-ring-offset: 2px;
  --ng-tree-node-toggle-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-tree-node-toggle-button-focus-ring-width: 2px;
  --ng-tree-node-toggle-button-hover-background: #f0efe9;
  --ng-tree-node-toggle-button-hover-color: #40403d;
  --ng-tree-node-toggle-button-selected-hover-background: #ffffff;
  --ng-tree-node-toggle-button-selected-hover-color: #02213e;
  --ng-tree-node-toggle-button-size: 24px;
  --ng-tree-padding: 16px;
  --ng-tree-select-background: #ffffff;
  --ng-tree-select-border-color: #d9d8cf;
  --ng-tree-select-border-radius: 8px;
  --ng-tree-select-chip-border-radius: 6px;
  --ng-tree-select-clear-icon-color: #908f89;
  --ng-tree-select-color: #131312;
  --ng-tree-select-disabled-background: #f0efe9;
  --ng-tree-select-disabled-color: #acaba5;
  --ng-tree-select-dropdown-color: #908f89;
  --ng-tree-select-dropdown-width: 35px;
  --ng-tree-select-filled-background: #e6ecf3;
  --ng-tree-select-filled-focus-background: #e6ecf3;
  --ng-tree-select-filled-hover-background: #e6ecf3;
  --ng-tree-select-focus-border-color: #6d6d69;
  --ng-tree-select-focus-ring-color: #6d6d69;
  --ng-tree-select-focus-ring-offset: 2px;
  --ng-tree-select-focus-ring-width: 2px;
  --ng-tree-select-hover-border-color: #cac9c1;
  --ng-tree-select-invalid-border-color: #c93320;
  --ng-tree-select-invalid-placeholder-color: #ac2c1b;
  --ng-tree-select-lg-padding-x: 11px;
  --ng-tree-select-lg-padding-y: 9px;
  --ng-tree-select-overlay-background: #ffffff;
  --ng-tree-select-overlay-border-color: #e8e7de;
  --ng-tree-select-overlay-border-radius: 8px;
  --ng-tree-select-overlay-color: #131312;
  --ng-tree-select-padding-x: 9px;
  --ng-tree-select-padding-y: 5px;
  --ng-tree-select-placeholder-color: #908f89;
  --ng-tree-select-sm-padding-x: 8px;
  --ng-tree-select-sm-padding-y: 4px;
  --ng-tree-table-body-cell-border-color: #e8e7de;
  --ng-tree-table-body-cell-gap: 8px;
  --ng-tree-table-body-cell-selected-border-color: #c1d0e0;
  --ng-tree-table-border-color: #e8e7de;
  --ng-tree-table-column-resizer-width: 8px;
  --ng-tree-table-footer-background: #ffffff;
  --ng-tree-table-footer-border-color: #e8e7de;
  --ng-tree-table-footer-border-width: 1px;
  --ng-tree-table-footer-cell-background: #ffffff;
  --ng-tree-table-footer-cell-border-color: #e8e7de;
  --ng-tree-table-footer-cell-color: #131312;
  --ng-tree-table-footer-color: #131312;
  --ng-tree-table-header-background: #ffffff;
  --ng-tree-table-header-border-color: #e8e7de;
  --ng-tree-table-header-border-width: 1px;
  --ng-tree-table-header-cell-background: #ffffff;
  --ng-tree-table-header-cell-border-color: #e8e7de;
  --ng-tree-table-header-cell-color: #131312;
  --ng-tree-table-header-cell-focus-ring-color: #6d6d69;
  --ng-tree-table-header-cell-focus-ring-offset: -1px;
  --ng-tree-table-header-cell-focus-ring-width: 2px;
  --ng-tree-table-header-cell-gap: 8px;
  --ng-tree-table-header-cell-hover-background: #f0efe9;
  --ng-tree-table-header-cell-hover-color: #292826;
  --ng-tree-table-header-cell-selected-background: #e9fff8;
  --ng-tree-table-header-cell-selected-color: #004839;
  --ng-tree-table-header-color: #131312;
  --ng-tree-table-loading-icon-size: 28px;
  --ng-tree-table-node-toggle-button-border-radius: 48px;
  --ng-tree-table-node-toggle-button-color: #6d6d69;
  --ng-tree-table-node-toggle-button-focus-ring-color: #6d6d69;
  --ng-tree-table-node-toggle-button-focus-ring-offset: 2px;
  --ng-tree-table-node-toggle-button-focus-ring-width: 2px;
  --ng-tree-table-node-toggle-button-hover-background: #f0efe9;
  --ng-tree-table-node-toggle-button-hover-color: #131312;
  --ng-tree-table-node-toggle-button-selected-hover-background: #ffffff;
  --ng-tree-table-node-toggle-button-selected-hover-color: #02213e;
  --ng-tree-table-node-toggle-button-size: 24px;
  --ng-tree-table-paginator-bottom-border-color: #e8e7de;
  --ng-tree-table-paginator-bottom-border-width: 1px;
  --ng-tree-table-paginator-top-border-color: #e8e7de;
  --ng-tree-table-paginator-top-border-width: 1px;
  --ng-tree-table-resize-indicator-color: #02213e;
  --ng-tree-table-resize-indicator-width: 1px;
  --ng-tree-table-row-background: #ffffff;
  --ng-tree-table-row-color: #131312;
  --ng-tree-table-row-focus-ring-color: #6d6d69;
  --ng-tree-table-row-focus-ring-offset: -1px;
  --ng-tree-table-row-focus-ring-width: 2px;
  --ng-tree-table-row-hover-background: #f0efe9;
  --ng-tree-table-row-hover-color: #292826;
  --ng-tree-table-row-selected-background: #e9fff8;
  --ng-tree-table-row-selected-color: #004839;
  --ng-tree-table-sort-icon-color: #6d6d69;
  --ng-tree-table-sort-icon-hover-color: #40403d;
  --ng-tree-table-sort-icon-size: 12.25px;
  --ng-treeselect-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-treeselect-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-treeselect-shadow: 0px 1px 2px 0px #1212170d;
  --ng-treetable-header-cell-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-treetable-node-toggle-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-treetable-row-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-violet-50: #f5f3ff;
  --ng-violet-100: #ede9fe;
  --ng-violet-200: #ddd6fe;
  --ng-violet-300: #c4b5fd;
  --ng-violet-400: #a78bfa;
  --ng-violet-500: #8b5cf6;
  --ng-violet-600: #7c3aed;
  --ng-violet-700: #6d28d9;
  --ng-violet-800: #5b21b6;
  --ng-violet-900: #4c1d95;
  --ng-violet-950: #2e1065;
  --ng-virtual-scroller-loader-icon-size: 28px;
  --ng-virtual-scroller-loader-mask-background: #ffffff;
  --ng-virtual-scroller-loader-mask-color: #6d6d69;
  --ng-zinc-50: #fafafa;
  --ng-zinc-100: #f4f4f5;
  --ng-zinc-200: #e4e4e7;
  --ng-zinc-300: #d4d4d8;
  --ng-zinc-400: #a1a1aa;
  --ng-zinc-500: #71717a;
  --ng-zinc-600: #52525b;
  --ng-zinc-700: #3f3f46;
  --ng-zinc-800: #27272a;
  --ng-zinc-900: #18181b;
  --ng-zinc-950: #09090b;
}

/**
 * Do not edit directly, this file was auto-generated.
 */

:root[data-theme="dark"] {
  --ng-focus-state: 0px 0px 0px 4px #587fa8, 0px 0px 0px 2px #ffffff;
  --ng-accordion-content-background: #292826;
  --ng-accordion-content-border-color: #6d6d69;
  --ng-accordion-content-border-width: 0px;
  --ng-accordion-content-color: #ffffff;
  --ng-accordion-header-active-background: #292826;
  --ng-accordion-header-active-color: #ffffff;
  --ng-accordion-header-active-hover-background: #292826;
  --ng-accordion-header-background: #292826;
  --ng-accordion-header-border-color: #6d6d69;
  --ng-accordion-header-border-radius: 0px;
  --ng-accordion-header-border-width: 0px;
  --ng-accordion-header-color: #cac9c1;
  --ng-accordion-header-first-border-width: 0px;
  --ng-accordion-header-first-top-border-radius: 8px;
  --ng-accordion-header-focus-ring-color: #587fa8;
  --ng-accordion-header-focus-ring-offset: 2px;
  --ng-accordion-header-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-accordion-header-focus-ring-width: 2px;
  --ng-accordion-header-hover-background: #292826;
  --ng-accordion-header-hover-color: #ffffff;
  --ng-accordion-header-last-active-bottom-border-radius: 0px;
  --ng-accordion-header-last-bottom-border-radius: 8px;
  --ng-accordion-header-padding: 15.75px;
  --ng-accordion-header-toggle-icon-active-color: #ffffff;
  --ng-accordion-header-toggle-icon-active-hover-color: #ffffff;
  --ng-accordion-header-toggle-icon-color: #cac9c1;
  --ng-accordion-header-toggle-icon-hover-color: #ffffff;
  --ng-accordion-panel-border-color: #6d6d69;
  --ng-accordion-panel-border-width: 1px;
  --ng-anchor-gutter: 2px;
  --ng-app-card-background: #292826;
  --ng-app-font-size: 14;
  --ng-app-lg-font-size: 1.125rem;
  --ng-app-lg-line-height: 1.75rem;
  --ng-app-sm-font-size: 0.875rem;
  --ng-app-sm-line-height: 1.25rem;
  --ng-autocomplete-background: #131312;
  --ng-autocomplete-border-color: #908f89;
  --ng-autocomplete-border-radius: 8px;
  --ng-autocomplete-chip-border-radius: 6px;
  --ng-autocomplete-chip-focus-background: #6d6d69;
  --ng-autocomplete-chip-focus-color: #ffffff;
  --ng-autocomplete-color: #ffffff;
  --ng-autocomplete-disabled-background: #6d6d69;
  --ng-autocomplete-disabled-color: #cac9c1;
  --ng-autocomplete-dropdown-active-background: #908f89;
  --ng-autocomplete-dropdown-active-border-color: #908f89;
  --ng-autocomplete-dropdown-active-color: #f0efe9;
  --ng-autocomplete-dropdown-background: #40403d;
  --ng-autocomplete-dropdown-border-color: #908f89;
  --ng-autocomplete-dropdown-border-radius: 8px;
  --ng-autocomplete-dropdown-color: #d9d8cf;
  --ng-autocomplete-dropdown-focus-ring-color: #587fa8;
  --ng-autocomplete-dropdown-focus-ring-offset: 2px;
  --ng-autocomplete-dropdown-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-autocomplete-dropdown-focus-ring-width: 2px;
  --ng-autocomplete-dropdown-hover-background: #6d6d69;
  --ng-autocomplete-dropdown-hover-border-color: #908f89;
  --ng-autocomplete-dropdown-hover-color: #e8e7de;
  --ng-autocomplete-dropdown-lg-width: 42px;
  --ng-autocomplete-dropdown-sm-width: 28px;
  --ng-autocomplete-dropdown-width: 35px;
  --ng-autocomplete-filled-background: #063b68;
  --ng-autocomplete-filled-focus-background: #063b68;
  --ng-autocomplete-filled-hover-background: #063b68;
  --ng-autocomplete-focus-border-color: #587fa8;
  --ng-autocomplete-focus-ring-color: #587fa8;
  --ng-autocomplete-focus-ring-offset: 2px;
  --ng-autocomplete-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-autocomplete-focus-ring-width: 2px;
  --ng-autocomplete-hover-border-color: #acaba5;
  --ng-autocomplete-invalid-border-color: #dd7569;
  --ng-autocomplete-invalid-placeholder-color: #d14f3e;
  --ng-autocomplete-list-gap: 2px;
  --ng-autocomplete-option-border-radius: 6px;
  --ng-autocomplete-option-color: #ffffff;
  --ng-autocomplete-option-focus-background: #40403d;
  --ng-autocomplete-option-focus-color: #ffffff;
  --ng-autocomplete-option-group-background: rgba(0, 0, 0, 0);
  --ng-autocomplete-option-group-color: #cac9c1;
  --ng-autocomplete-option-selected-background: rgba(52, 211, 153, 0.16);
  --ng-autocomplete-option-selected-color: rgba(255, 255, 255, 0.87);
  --ng-autocomplete-option-selected-focus-background: rgba(52, 211, 153, 0.24);
  --ng-autocomplete-option-selected-focus-color: rgba(255, 255, 255, 0.87);
  --ng-autocomplete-overlay-background: #292826;
  --ng-autocomplete-overlay-border-color: #6d6d69;
  --ng-autocomplete-overlay-border-radius: 8px;
  --ng-autocomplete-overlay-color: #ffffff;
  --ng-autocomplete-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-autocomplete-padding-x: 9px;
  --ng-autocomplete-padding-y: 5px;
  --ng-autocomplete-placeholder-color: #cac9c1;
  --ng-autocomplete-shadow: 0px 1px 2px 0px #1212170d;
  --ng-avatar-background: #6d6d69;
  --ng-avatar-border-radius: 4px;
  --ng-avatar-color: #ffffff;
  --ng-avatar-group-border-color: #292826;
  --ng-avatar-group-offset: -12px;
  --ng-avatar-height: 32px;
  --ng-avatar-icon-size: 20px;
  --ng-avatar-lg-group-offset: -16px;
  --ng-avatar-lg-height: 48px;
  --ng-avatar-lg-icon-size: 28px;
  --ng-avatar-lg-width: 48px;
  --ng-avatar-width: 32px;
  --ng-avatar-xl-group-offset: -24px;
  --ng-avatar-xl-height: 64px;
  --ng-avatar-xl-icon-size: 40px;
  --ng-avatar-xl-width: 64px;
  --ng-badge-accent-background: #48461b;
  --ng-badge-accent-color: #eee96b;
  --ng-badge-border-radius: 4px;
  --ng-badge-contrast-background: #ffffff;
  --ng-badge-contrast-color: #131312;
  --ng-badge-danger-background: #d14f3e;
  --ng-badge-danger-color: #220806;
  --ng-badge-dot-size: 7px;
  --ng-badge-height: 24px;
  --ng-badge-info-background: #38bdf8;
  --ng-badge-info-color: #082f49;
  --ng-badge-lg-height: 28px;
  --ng-badge-lg-min-width: 28px;
  --ng-badge-min-width: 24px;
  --ng-badge-primary-background: #587fa8;
  --ng-badge-primary-color: #292826;
  --ng-badge-secondary-background: #40403d;
  --ng-badge-secondary-color: #d9d8cf;
  --ng-badge-sm-height: 20px;
  --ng-badge-sm-min-width: 20px;
  --ng-badge-success-background: #2da57e;
  --ng-badge-success-color: #021f12;
  --ng-badge-tertiary-background: #004839;
  --ng-badge-tertiary-color: #00ffd2;
  --ng-badge-warn-background: #fb923c;
  --ng-badge-warn-color: #431407;
  --ng-badge-xl-height: 32px;
  --ng-badge-xl-min-width: 32px;
  --ng-block-ui-border-radius: 8px;
  --ng-border-radius-lg: 12px;
  --ng-border-radius-md: 8px;
  --ng-border-radius-none: 0px;
  --ng-border-radius-sm: 6px;
  --ng-border-radius-xl: 16px;
  --ng-border-radius-xs: 4px;
  --ng-border-radius-xxl: 48px;
  --ng-breadcrumb-background: #292826;
  --ng-breadcrumb-gap: 8px;
  --ng-breadcrumb-item-active-color: #ffffff;
  --ng-breadcrumb-item-border-radius: 8px;
  --ng-breadcrumb-item-color: #cac9c1;
  --ng-breadcrumb-item-focus-ring-color: #587fa8;
  --ng-breadcrumb-item-focus-ring-offset: 2px;
  --ng-breadcrumb-item-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-breadcrumb-item-focus-ring-width: 2px;
  --ng-breadcrumb-item-gap: 8px;
  --ng-breadcrumb-item-hover-color: #ffffff;
  --ng-breadcrumb-item-icon-active-color: #ffffff;
  --ng-breadcrumb-item-icon-color: #ffffff;
  --ng-breadcrumb-item-icon-hover-color: #ffffff;
  --ng-breadcrumb-padding: 16px;
  --ng-breadcrumb-separator-color: #908f89;
  --ng-button-accent-active-background: #e8e7de;
  --ng-button-accent-active-border-color: #e8e7de;
  --ng-button-accent-active-color: #131312;
  --ng-button-accent-background: #ffffff;
  --ng-button-accent-border-color: #ffffff;
  --ng-button-accent-color: #131312;
  --ng-button-accent-focus-ring-color: #587fa8;
  --ng-button-accent-hover-background: #f0efe9;
  --ng-button-accent-hover-border-color: #f0efe9;
  --ng-button-accent-hover-color: #131312;
  --ng-button-border-radius: 8px;
  --ng-button-contrast-active-background: #e8e7de;
  --ng-button-contrast-active-border-color: #e8e7de;
  --ng-button-contrast-active-color: #131312;
  --ng-button-contrast-background: #ffffff;
  --ng-button-contrast-border-color: #ffffff;
  --ng-button-contrast-color: #131312;
  --ng-button-contrast-focus-ring-color: #587fa8;
  --ng-button-contrast-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-contrast-hover-background: #f0efe9;
  --ng-button-contrast-hover-border-color: #f0efe9;
  --ng-button-contrast-hover-color: #131312;
  --ng-button-danger-active-background: #e9a39b;
  --ng-button-danger-active-border-color: #e9a39b;
  --ng-button-danger-active-color: #220806;
  --ng-button-danger-background: #d14f3e;
  --ng-button-danger-border-color: #d14f3e;
  --ng-button-danger-color: #220806;
  --ng-button-danger-focus-ring-color: #587fa8;
  --ng-button-danger-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-danger-hover-background: #dd7569;
  --ng-button-danger-hover-border-color: #dd7569;
  --ng-button-danger-hover-color: #220806;
  --ng-button-focus-ring-offset: 2px;
  --ng-button-focus-ring-width: 2px;
  --ng-button-gap: 2px;
  --ng-button-help-active-background: #efd2ec;
  --ng-button-help-active-border-color: #efd2ec;
  --ng-button-help-active-color: #30172a;
  --ng-button-help-background: #ba68b2;
  --ng-button-help-border-color: #ba68b2;
  --ng-button-help-color: #30172a;
  --ng-button-help-focus-ring-color: #587fa8;
  --ng-button-help-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-help-hover-background: #dda4d8;
  --ng-button-help-hover-border-color: #dda4d8;
  --ng-button-help-hover-color: #30172a;
  --ng-button-icon-only-width: 32px;
  --ng-button-info-active-background: #bae6fd;
  --ng-button-info-active-border-color: #bae6fd;
  --ng-button-info-active-color: #082f49;
  --ng-button-info-background: #38bdf8;
  --ng-button-info-border-color: #38bdf8;
  --ng-button-info-color: #082f49;
  --ng-button-info-focus-ring-color: #587fa8;
  --ng-button-info-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-info-hover-background: #7dd3fc;
  --ng-button-info-hover-border-color: #7dd3fc;
  --ng-button-info-hover-color: #082f49;
  --ng-button-lg-icon-only-width: 40px;
  --ng-button-lg-padding-x: 13px;
  --ng-button-lg-padding-y: 9px;
  --ng-button-link-active-color: #587fa8;
  --ng-button-link-color: #587fa8;
  --ng-button-link-hover-color: #587fa8;
  --ng-button-outlined-contrast-active-background: #6d6d69;
  --ng-button-outlined-contrast-background: #131312;
  --ng-button-outlined-contrast-border-color: #acaba5;
  --ng-button-outlined-contrast-color: #ffffff;
  --ng-button-outlined-contrast-hover-background: #40403d;
  --ng-button-outlined-danger-active-background: rgba(248, 113, 113, 0.16);
  --ng-button-outlined-danger-background: #220806;
  --ng-button-outlined-danger-border-color: #8a2316;
  --ng-button-outlined-danger-color: #d14f3e;
  --ng-button-outlined-danger-hover-background: rgba(248, 113, 113, 0.04);
  --ng-button-outlined-help-active-background: rgba(192, 132, 252, 0.16);
  --ng-button-outlined-help-background: #30172a;
  --ng-button-outlined-help-border-color: #742863;
  --ng-button-outlined-help-color: #ba68b2;
  --ng-button-outlined-help-hover-background: rgba(192, 132, 252, 0.04);
  --ng-button-outlined-info-active-background: rgba(56, 189, 248, 0.16);
  --ng-button-outlined-info-background: #082f49;
  --ng-button-outlined-info-border-color: #0369a1;
  --ng-button-outlined-info-color: #38bdf8;
  --ng-button-outlined-info-hover-background: rgba(56, 189, 248, 0.04);
  --ng-button-outlined-plain-active-background: #636128;
  --ng-button-outlined-plain-background: #131312;
  --ng-button-outlined-plain-border-color: #aeaa4c;
  --ng-button-outlined-plain-color: #ffffff;
  --ng-button-outlined-plain-hover-background: #48461b;
  --ng-button-outlined-primary-active-background: rgba(52, 211, 153, 0.16);
  --ng-button-outlined-primary-background: #02213e;
  --ng-button-outlined-primary-border-color: #094579;
  --ng-button-outlined-primary-color: #587fa8;
  --ng-button-outlined-primary-hover-background: rgba(52, 211, 153, 0.04);
  --ng-button-outlined-secondary-active-background: rgba(255, 255, 255, 0.16);
  --ng-button-outlined-secondary-background: #131312;
  --ng-button-outlined-secondary-border-color: #6d6d69;
  --ng-button-outlined-secondary-color: #cac9c1;
  --ng-button-outlined-secondary-hover-background: rgba(255, 255, 255, 0.04);
  --ng-button-outlined-success-active-background: rgba(74, 222, 128, 0.16);
  --ng-button-outlined-success-background: #021f12;
  --ng-button-outlined-success-border-color: #05512f;
  --ng-button-outlined-success-color: #2da57e;
  --ng-button-outlined-success-hover-background: rgba(74, 222, 128, 0.04);
  --ng-button-outlined-warn-active-background: rgba(251, 146, 60, 0.16);
  --ng-button-outlined-warn-background: #222009;
  --ng-button-outlined-warn-border-color: #c2410c;
  --ng-button-outlined-warn-color: #fb923c;
  --ng-button-outlined-warn-hover-background: rgba(251, 146, 60, 0.04);
  --ng-button-padding-text-x: 3px;
  --ng-button-padding-text-y: 0px;
  --ng-button-padding-x: 8px;
  --ng-button-padding-y: 5px;
  --ng-button-plain-active-background: #fefcb3;
  --ng-button-plain-active-border-color: #fefcb3;
  --ng-button-plain-active-color: #48461b;
  --ng-button-plain-background: #cec95b;
  --ng-button-plain-border-color: #cec95b;
  --ng-button-plain-color: #222009;
  --ng-button-plain-focus-ring-color: #587fa8;
  --ng-button-plain-hover-background: #fff973;
  --ng-button-plain-hover-border-color: #fff973;
  --ng-button-plain-hover-color: #2e2c0f;
  --ng-button-primary-active-background: #9eb5ce;
  --ng-button-primary-active-border-color: #9eb5ce;
  --ng-button-primary-active-color: #292826;
  --ng-button-primary-background: #587fa8;
  --ng-button-primary-border-color: #587fa8;
  --ng-button-primary-color: #292826;
  --ng-button-primary-focus-ring-color: #587fa8;
  --ng-button-primary-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-primary-hover-background: #86a3c1;
  --ng-button-primary-hover-border-color: #86a3c1;
  --ng-button-primary-hover-color: #292826;
  --ng-button-raised-shadow: 0px 1px 5px 0px #0000001f, 0px 2px 2px 0px #00000024, 0px 3px 1px -2px #00000033;
  --ng-button-rounded-border-radius: 28px;
  --ng-button-secondary-active-background: #908f89;
  --ng-button-secondary-active-border-color: #908f89;
  --ng-button-secondary-active-color: #f0efe9;
  --ng-button-secondary-background: #40403d;
  --ng-button-secondary-border-color: #40403d;
  --ng-button-secondary-color: #d9d8cf;
  --ng-button-secondary-focus-ring-color: #587fa8;
  --ng-button-secondary-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-secondary-hover-background: #6d6d69;
  --ng-button-secondary-hover-border-color: #6d6d69;
  --ng-button-secondary-hover-color: #e8e7de;
  --ng-button-sm-icon-only-width: 30px;
  --ng-button-sm-padding-x: 8px;
  --ng-button-sm-padding-y: 5.5px;
  --ng-button-success-active-background: #a9e3ce;
  --ng-button-success-active-border-color: #a9e3ce;
  --ng-button-success-active-color: #021f12;
  --ng-button-success-background: #2da57e;
  --ng-button-success-border-color: #2da57e;
  --ng-button-success-color: #021f12;
  --ng-button-success-focus-ring-color: #587fa8;
  --ng-button-success-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-success-hover-background: #66c7a8;
  --ng-button-success-hover-border-color: #66c7a8;
  --ng-button-success-hover-color: #021f12;
  --ng-button-text-contrast-active-background: #6d6d69;
  --ng-button-text-contrast-color: #ffffff;
  --ng-button-text-contrast-hover-background: #40403d;
  --ng-button-text-danger-active-background: rgba(248, 113, 113, 0.16);
  --ng-button-text-danger-color: #d14f3e;
  --ng-button-text-danger-hover-background: rgba(248, 113, 113, 0.04);
  --ng-button-text-help-active-background: rgba(192, 132, 252, 0.16);
  --ng-button-text-help-color: #ba68b2;
  --ng-button-text-help-hover-background: rgba(192, 132, 252, 0.04);
  --ng-button-text-info-active-background: rgba(56, 189, 248, 0.16);
  --ng-button-text-info-color: #38bdf8;
  --ng-button-text-info-hover-background: rgba(56, 189, 248, 0.04);
  --ng-button-text-plain-active-background: #636128;
  --ng-button-text-plain-color: #ffffff;
  --ng-button-text-plain-hover-background: #48461b;
  --ng-button-text-primary-active-background: rgba(52, 211, 153, 0.16);
  --ng-button-text-primary-color: #587fa8;
  --ng-button-text-primary-hover-background: rgba(52, 211, 153, 0.04);
  --ng-button-text-secondary-active-background: #6d6d69;
  --ng-button-text-secondary-color: #cac9c1;
  --ng-button-text-secondary-hover-background: #40403d;
  --ng-button-text-success-active-background: rgba(74, 222, 128, 0.16);
  --ng-button-text-success-color: #2da57e;
  --ng-button-text-success-hover-background: rgba(74, 222, 128, 0.04);
  --ng-button-text-warn-active-background: rgba(251, 146, 60, 0.16);
  --ng-button-text-warn-color: #fb923c;
  --ng-button-text-warn-hover-background: rgba(251, 146, 60, 0.04);
  --ng-button-warn-active-background: #fed7aa;
  --ng-button-warn-active-border-color: #fed7aa;
  --ng-button-warn-active-color: #431407;
  --ng-button-warn-background: #fb923c;
  --ng-button-warn-border-color: #fb923c;
  --ng-button-warn-color: #431407;
  --ng-button-warn-focus-ring-color: #587fa8;
  --ng-button-warn-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-button-warn-hover-background: #fdba74;
  --ng-button-warn-hover-border-color: #fdba74;
  --ng-button-warn-hover-color: #431407;
  --ng-card-background: #292826;
  --ng-card-body-gap: 16px;
  --ng-card-body-padding: 20px;
  --ng-card-border-color: #6d6d69;
  --ng-card-border-radius: 16px;
  --ng-card-caption-gap: 8px;
  --ng-card-color: #ffffff;
  --ng-card-selected-border: #587fa8;
  --ng-card-selected-color: #0a4b82;
  --ng-card-shadow: 0px 1px 2px -1px #0000001a, 0px 1px 3px 0px #0000001a;
  --ng-card-subtitle-color: #cac9c1;
  --ng-carousel-content-gap: 4px;
  --ng-carousel-indicator-active-background: #587fa8;
  --ng-carousel-indicator-background: #6d6d69;
  --ng-carousel-indicator-border-radius: 8px;
  --ng-carousel-indicator-focus-ring-color: #587fa8;
  --ng-carousel-indicator-focus-ring-offset: 2px;
  --ng-carousel-indicator-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-carousel-indicator-focus-ring-width: 2px;
  --ng-carousel-indicator-height: 8px;
  --ng-carousel-indicator-hover-background: #908f89;
  --ng-carousel-indicator-list-gap: 8px;
  --ng-carousel-indicator-list-padding: 16px;
  --ng-carousel-indicator-width: 28px;
  --ng-cascade-select-background: #131312;
  --ng-cascade-select-border-color: #908f89;
  --ng-cascade-select-border-radius: 8px;
  --ng-cascade-select-clear-icon-color: #cac9c1;
  --ng-cascade-select-color: #ffffff;
  --ng-cascade-select-disabled-background: #6d6d69;
  --ng-cascade-select-disabled-color: #cac9c1;
  --ng-cascade-select-dropdown-color: #cac9c1;
  --ng-cascade-select-dropdown-width: 35px;
  --ng-cascade-select-filled-background: #063b68;
  --ng-cascade-select-filled-focus-background: #063b68;
  --ng-cascade-select-filled-hover-background: #063b68;
  --ng-cascade-select-focus-border-color: #587fa8;
  --ng-cascade-select-focus-ring-color: #587fa8;
  --ng-cascade-select-focus-ring-offset: 2px;
  --ng-cascade-select-focus-ring-width: 2px;
  --ng-cascade-select-hover-border-color: #acaba5;
  --ng-cascade-select-invalid-border-color: #dd7569;
  --ng-cascade-select-invalid-placeholder-color: #d14f3e;
  --ng-cascade-select-lg-padding-x: 11px;
  --ng-cascade-select-lg-padding-y: 7px;
  --ng-cascade-select-list-gap: 2px;
  --ng-cascade-select-list-mobile-indent: 14px;
  --ng-cascade-select-option-border-radius: 6px;
  --ng-cascade-select-option-color: #ffffff;
  --ng-cascade-select-option-focus-background: #40403d;
  --ng-cascade-select-option-focus-color: #ffffff;
  --ng-cascade-select-option-icon-color: #acaba5;
  --ng-cascade-select-option-icon-focus-color: #cac9c1;
  --ng-cascade-select-option-icon-size: 12.25px;
  --ng-cascade-select-option-selected-background: rgba(52, 211, 153, 0.16);
  --ng-cascade-select-option-selected-color: rgba(255, 255, 255, 0.87);
  --ng-cascade-select-option-selected-focus-background: rgba(52, 211, 153, 0.24);
  --ng-cascade-select-option-selected-focus-color: rgba(255, 255, 255, 0.87);
  --ng-cascade-select-overlay-background: #292826;
  --ng-cascade-select-overlay-border-color: #6d6d69;
  --ng-cascade-select-overlay-border-radius: 8px;
  --ng-cascade-select-overlay-color: #ffffff;
  --ng-cascade-select-padding-x: 9px;
  --ng-cascade-select-padding-y: 5px;
  --ng-cascade-select-placeholder-color: #cac9c1;
  --ng-cascade-select-sm-padding-x: 8px;
  --ng-cascade-select-sm-padding-y: 4px;
  --ng-cascadeselect-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-cascadeselect-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-cascadeselect-shadow: 0px 1px 2px 0px #1212170d;
  --ng-checkbox-background: #131312;
  --ng-checkbox-border-color: #908f89;
  --ng-checkbox-border-radius: 4px;
  --ng-checkbox-checked-background: #587fa8;
  --ng-checkbox-checked-border-color: #587fa8;
  --ng-checkbox-checked-disabled-border-color: #908f89;
  --ng-checkbox-checked-focus-border-color: #587fa8;
  --ng-checkbox-checked-hover-background: #86a3c1;
  --ng-checkbox-checked-hover-border-color: #86a3c1;
  --ng-checkbox-disabled-background: #6d6d69;
  --ng-checkbox-filled-background: #063b68;
  --ng-checkbox-focus-border-color: #908f89;
  --ng-checkbox-focus-ring-color: #587fa8;
  --ng-checkbox-focus-ring-offset: 2px;
  --ng-checkbox-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-checkbox-focus-ring-width: 2px;
  --ng-checkbox-height: 20px;
  --ng-checkbox-hover-border-color: #acaba5;
  --ng-checkbox-icon-checked-color: #292826;
  --ng-checkbox-icon-checked-hover-color: #292826;
  --ng-checkbox-icon-color: #ffffff;
  --ng-checkbox-icon-disabled-color: #cac9c1;
  --ng-checkbox-icon-lg-size: 14px;
  --ng-checkbox-icon-size: 12.25px;
  --ng-checkbox-icon-sm-size: 10.5px;
  --ng-checkbox-invalid-border-color: #dd7569;
  --ng-checkbox-lg-height: 24px;
  --ng-checkbox-lg-width: 24px;
  --ng-checkbox-shadow: 0px 1px 2px 0px #1212170d;
  --ng-checkbox-sm-height: 16px;
  --ng-checkbox-sm-width: 16px;
  --ng-checkbox-width: 20px;
  --ng-chip-background: #40403d;
  --ng-chip-border-radius: 48px;
  --ng-chip-color: #ffffff;
  --ng-chip-gap: 5px;
  --ng-chip-icon-color: #ffffff;
  --ng-chip-icon-size: 18px;
  --ng-chip-image-height: 28px;
  --ng-chip-image-width: 28px;
  --ng-chip-outlined-selected-background: #043056;
  --ng-chip-outlined-selected-border: #587fa8;
  --ng-chip-outlined-selected-color: #587fa8;
  --ng-chip-padding-small-x: 8px;
  --ng-chip-padding-small-y: 2px;
  --ng-chip-padding-x: 9px;
  --ng-chip-padding-y: 7px;
  --ng-chip-remove-icon-color: #ffffff;
  --ng-chip-remove-icon-focus-ring-color: #587fa8;
  --ng-chip-remove-icon-focus-ring-offset: 2px;
  --ng-chip-remove-icon-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-chip-remove-icon-focus-ring-width: 2px;
  --ng-chip-remove-icon-shadow: 0px 0px 0px 0px #00000000;
  --ng-chip-remove-icon-size: 18px;
  --ng-chip-selected-background: rgba(52, 211, 153, 0.24);
  --ng-chip-selected-color: rgba(255, 255, 255, 0.87);
  --ng-color-picker-handle-color: #ffffff;
  --ng-color-picker-panel-background: #292826;
  --ng-color-picker-panel-border-color: #6d6d69;
  --ng-color-picker-panel-border-radius: 8px;
  --ng-color-picker-preview-border-radius: 8px;
  --ng-color-picker-preview-focus-ring-color: #587fa8;
  --ng-color-picker-preview-focus-ring-offset: 2px;
  --ng-color-picker-preview-focus-ring-width: 2px;
  --ng-color-picker-preview-height: 21px;
  --ng-color-picker-preview-width: 21px;
  --ng-colorpicker-panel-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-colorpicker-preview-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-confirm-dialog-content-gap: 16px;
  --ng-confirm-dialog-icon-color: #ffffff;
  --ng-confirm-dialog-icon-size: 28px;
  --ng-confirm-popup-arrow-offset: 17.5px;
  --ng-confirm-popup-background: #292826;
  --ng-confirm-popup-border-color: #6d6d69;
  --ng-confirm-popup-border-radius: 8px;
  --ng-confirm-popup-color: #ffffff;
  --ng-confirm-popup-content-gap: 14px;
  --ng-confirm-popup-content-padding: 12px;
  --ng-confirm-popup-footer-gap: 7px;
  --ng-confirm-popup-gutter: 10px;
  --ng-confirm-popup-icon-color: #ffffff;
  --ng-confirm-popup-icon-size: 21px;
  --ng-confirmpopup-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-content-background: #292826;
  --ng-content-border-color: #6d6d69;
  --ng-content-border-radius: 8px;
  --ng-content-color: #ffffff;
  --ng-content-hover-background: #40403d;
  --ng-content-hover-color: #ffffff;
  --ng-context-menu-background: #292826;
  --ng-context-menu-border-color: #6d6d69;
  --ng-context-menu-border-radius: 8px;
  --ng-context-menu-color: #ffffff;
  --ng-context-menu-item-active-background: #40403d;
  --ng-context-menu-item-active-color: #ffffff;
  --ng-context-menu-item-border-radius: 6px;
  --ng-context-menu-item-color: #ffffff;
  --ng-context-menu-item-focus-background: #40403d;
  --ng-context-menu-item-focus-color: #ffffff;
  --ng-context-menu-item-gap: 8px;
  --ng-context-menu-item-icon-active-color: #ffffff;
  --ng-context-menu-item-icon-color: #ffffff;
  --ng-context-menu-item-icon-focus-color: #ffffff;
  --ng-context-menu-list-gap: 2px;
  --ng-context-menu-separator-border-color: #6d6d69;
  --ng-context-menu-submenu-icon-active-color: #cac9c1;
  --ng-context-menu-submenu-icon-color: #cac9c1;
  --ng-context-menu-submenu-icon-focus-color: #cac9c1;
  --ng-context-menu-submenu-icon-size: 14px;
  --ng-context-menu-submenu-mobile-indent: 14px;
  --ng-contextmenu-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-data-table-body-cell-border-color: #40403d;
  --ng-data-table-body-cell-selected-border-color: #043056;
  --ng-data-table-border-color: #40403d;
  --ng-data-table-column-resizer-width: 7px;
  --ng-data-table-drop-point-color: #587fa8;
  --ng-data-table-filter-constraint-border-radius: 6px;
  --ng-data-table-filter-constraint-color: #ffffff;
  --ng-data-table-filter-constraint-focus-background: #40403d;
  --ng-data-table-filter-constraint-focus-color: #ffffff;
  --ng-data-table-filter-constraint-list-gap: 2px;
  --ng-data-table-filter-constraint-selected-background: rgba(52, 211, 153, 0.16);
  --ng-data-table-filter-constraint-selected-color: rgba(255, 255, 255, 0.87);
  --ng-data-table-filter-constraint-selected-focus-background: rgba(52, 211, 153, 0.24);
  --ng-data-table-filter-constraint-selected-focus-color: rgba(255, 255, 255, 0.87);
  --ng-data-table-filter-constraint-separator-border-color: #6d6d69;
  --ng-data-table-filter-inline-gap: 7px;
  --ng-data-table-filter-overlay-popover-background: #292826;
  --ng-data-table-filter-overlay-popover-border-color: #6d6d69;
  --ng-data-table-filter-overlay-popover-border-radius: 8px;
  --ng-data-table-filter-overlay-popover-color: #ffffff;
  --ng-data-table-filter-overlay-popover-gap: 8px;
  --ng-data-table-filter-overlay-popover-padding: 12px;
  --ng-data-table-filter-overlay-select-background: #292826;
  --ng-data-table-filter-overlay-select-border-color: #6d6d69;
  --ng-data-table-filter-overlay-select-border-radius: 8px;
  --ng-data-table-filter-overlay-select-color: #ffffff;
  --ng-data-table-filter-rule-border-color: #6d6d69;
  --ng-data-table-footer-background: #292826;
  --ng-data-table-footer-border-color: #40403d;
  --ng-data-table-footer-border-width: 1px;
  --ng-data-table-footer-cell-background: #292826;
  --ng-data-table-footer-cell-border-color: #40403d;
  --ng-data-table-footer-cell-color: #ffffff;
  --ng-data-table-footer-color: #ffffff;
  --ng-data-table-header-background: #292826;
  --ng-data-table-header-border-color: #40403d;
  --ng-data-table-header-border-width: 1px;
  --ng-data-table-header-cell-background: #292826;
  --ng-data-table-header-cell-border-color: #40403d;
  --ng-data-table-header-cell-color: #ffffff;
  --ng-data-table-header-cell-focus-ring-color: #587fa8;
  --ng-data-table-header-cell-focus-ring-offset: -1px;
  --ng-data-table-header-cell-focus-ring-width: 2px;
  --ng-data-table-header-cell-gap: 7px;
  --ng-data-table-header-cell-hover-background: #40403d;
  --ng-data-table-header-cell-hover-color: #ffffff;
  --ng-data-table-header-cell-selected-background: rgba(52, 211, 153, 0.16);
  --ng-data-table-header-cell-selected-color: rgba(255, 255, 255, 0.87);
  --ng-data-table-header-color: #ffffff;
  --ng-data-table-loading-icon-size: 28px;
  --ng-data-table-paginator-bottom-border-color: #40403d;
  --ng-data-table-paginator-bottom-border-width: 1px;
  --ng-data-table-paginator-top-border-color: #40403d;
  --ng-data-table-paginator-top-border-width: 1px;
  --ng-data-table-resize-indicator-color: #587fa8;
  --ng-data-table-resize-indicator-width: 1px;
  --ng-data-table-row-background: #292826;
  --ng-data-table-row-color: #ffffff;
  --ng-data-table-row-focus-ring-color: #587fa8;
  --ng-data-table-row-focus-ring-offset: -1px;
  --ng-data-table-row-focus-ring-width: 2px;
  --ng-data-table-row-hover-background: #40403d;
  --ng-data-table-row-hover-color: #ffffff;
  --ng-data-table-row-selected-background: rgba(52, 211, 153, 0.16);
  --ng-data-table-row-selected-color: rgba(255, 255, 255, 0.87);
  --ng-data-table-row-striped-background: #131312;
  --ng-data-table-row-toggle-button-border-radius: 12.25px;
  --ng-data-table-row-toggle-button-color: #cac9c1;
  --ng-data-table-row-toggle-button-focus-ring-color: #587fa8;
  --ng-data-table-row-toggle-button-focus-ring-offset: 2px;
  --ng-data-table-row-toggle-button-focus-ring-width: 2px;
  --ng-data-table-row-toggle-button-hover-background: #40403d;
  --ng-data-table-row-toggle-button-hover-color: #ffffff;
  --ng-data-table-row-toggle-button-selected-hover-background: #292826;
  --ng-data-table-row-toggle-button-selected-hover-color: #587fa8;
  --ng-data-table-row-toggle-button-size: 24.5px;
  --ng-data-table-sort-icon-color: #cac9c1;
  --ng-data-table-sort-icon-hover-color: #d9d8cf;
  --ng-data-table-sort-icon-size: 12.25px;
  --ng-data-view-border-color: rgba(0, 0, 0, 0);
  --ng-data-view-border-radius: 0px;
  --ng-data-view-border-width: 0px;
  --ng-data-view-content-background: #292826;
  --ng-data-view-content-border-color: rgba(0, 0, 0, 0);
  --ng-data-view-content-border-radius: 0px;
  --ng-data-view-content-border-width: 0px;
  --ng-data-view-content-color: #ffffff;
  --ng-data-view-content-padding: 0px;
  --ng-data-view-footer-background: #292826;
  --ng-data-view-footer-border-color: #6d6d69;
  --ng-data-view-footer-border-radius: 0px;
  --ng-data-view-footer-border-width: 1px;
  --ng-data-view-footer-color: #ffffff;
  --ng-data-view-header-background: #292826;
  --ng-data-view-header-border-color: #6d6d69;
  --ng-data-view-header-border-radius: 0px;
  --ng-data-view-header-border-width: 1px;
  --ng-data-view-header-color: #ffffff;
  --ng-data-view-padding: 0px;
  --ng-data-view-paginator-bottom-border-color: #6d6d69;
  --ng-data-view-paginator-bottom-border-width: 1px;
  --ng-data-view-paginator-top-border-color: #6d6d69;
  --ng-data-view-paginator-top-border-width: 1px;
  --ng-datatable-filter-overlay-popover-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-datatable-filter-overlay-select-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-datatable-header-cell-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-datatable-row-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-datatable-row-toggle-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-date-picker-buttonbar-border-color: #6d6d69;
  --ng-date-picker-date-border-radius: 14px;
  --ng-date-picker-date-color: #ffffff;
  --ng-date-picker-date-focus-ring-color: #587fa8;
  --ng-date-picker-date-focus-ring-offset: 2px;
  --ng-date-picker-date-focus-ring-width: 2px;
  --ng-date-picker-date-height: 28px;
  --ng-date-picker-date-hover-background: #40403d;
  --ng-date-picker-date-hover-color: #ffffff;
  --ng-date-picker-date-padding: 3.5px;
  --ng-date-picker-date-range-selected-background: rgba(52, 211, 153, 0.16);
  --ng-date-picker-date-range-selected-color: rgba(255, 255, 255, 0.87);
  --ng-date-picker-date-selected-background: #587fa8;
  --ng-date-picker-date-selected-color: #292826;
  --ng-date-picker-date-width: 28px;
  --ng-date-picker-dropdown-active-background: #908f89;
  --ng-date-picker-dropdown-active-border-color: #908f89;
  --ng-date-picker-dropdown-active-color: #f0efe9;
  --ng-date-picker-dropdown-background: #40403d;
  --ng-date-picker-dropdown-border-color: #908f89;
  --ng-date-picker-dropdown-border-radius: 8px;
  --ng-date-picker-dropdown-color: #d9d8cf;
  --ng-date-picker-dropdown-focus-ring-color: #587fa8;
  --ng-date-picker-dropdown-focus-ring-offset: 2px;
  --ng-date-picker-dropdown-focus-ring-width: 2px;
  --ng-date-picker-dropdown-hover-background: #6d6d69;
  --ng-date-picker-dropdown-hover-border-color: #908f89;
  --ng-date-picker-dropdown-hover-color: #e8e7de;
  --ng-date-picker-dropdown-lg-width: 42px;
  --ng-date-picker-dropdown-sm-width: 28px;
  --ng-date-picker-dropdown-width: 35px;
  --ng-date-picker-group-border-color: #6d6d69;
  --ng-date-picker-group-gap: 12px;
  --ng-date-picker-header-background: #292826;
  --ng-date-picker-header-border-color: #6d6d69;
  --ng-date-picker-header-color: #ffffff;
  --ng-date-picker-input-icon-color: #cac9c1;
  --ng-date-picker-month-border-radius: 8px;
  --ng-date-picker-month-padding: 5.25px;
  --ng-date-picker-panel-background: #292826;
  --ng-date-picker-panel-border-color: #6d6d69;
  --ng-date-picker-panel-border-radius: 8px;
  --ng-date-picker-panel-color: #ffffff;
  --ng-date-picker-panel-padding: 12px;
  --ng-date-picker-select-month-border-radius: 8px;
  --ng-date-picker-select-month-color: #ffffff;
  --ng-date-picker-select-month-hover-background: #40403d;
  --ng-date-picker-select-month-hover-color: #ffffff;
  --ng-date-picker-select-year-border-radius: 8px;
  --ng-date-picker-select-year-color: #ffffff;
  --ng-date-picker-select-year-hover-background: #40403d;
  --ng-date-picker-select-year-hover-color: #ffffff;
  --ng-date-picker-time-picker-border-color: #6d6d69;
  --ng-date-picker-time-picker-button-gap: 3.5px;
  --ng-date-picker-time-picker-gap: 7px;
  --ng-date-picker-title-gap: 7px;
  --ng-date-picker-today-background: #6d6d69;
  --ng-date-picker-today-color: #ffffff;
  --ng-date-picker-week-day-color: #ffffff;
  --ng-date-picker-week-day-padding: 3.5px;
  --ng-date-picker-year-border-radius: 8px;
  --ng-date-picker-year-padding: 5.25px;
  --ng-datepicker-date-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-datepicker-dropdown-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-datepicker-panel-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-dialog-background: #292826;
  --ng-dialog-border-color: #6d6d69;
  --ng-dialog-border-radius: 16px;
  --ng-dialog-color: #ffffff;
  --ng-dialog-footer-gap: 16px;
  --ng-dialog-header-gap: 16px;
  --ng-dialog-header-padding: 24px;
  --ng-dialog-shadow: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a;
  --ng-disabled-opacity: 60%;
  --ng-divider-border-color: #6d6d69;
  --ng-divider-content-background: #292826;
  --ng-divider-content-color: #ffffff;
  --ng-divider-horizontal-padding: 0px;
  --ng-divider-vertical-padding: 0px;
  --ng-dock-background: rgba(255, 255, 255, 0.1);
  --ng-dock-border-color: rgba(255, 255, 255, 0.2);
  --ng-dock-border-radius: 16px;
  --ng-dock-item-border-radius: 8px;
  --ng-dock-item-focus-ring-color: #587fa8;
  --ng-dock-item-focus-ring-offset: 2px;
  --ng-dock-item-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-dock-item-focus-ring-width: 2px;
  --ng-dock-item-padding: 8px;
  --ng-dock-item-size: 42px;
  --ng-dock-padding: 7px;
  --ng-drawer-background: #292826;
  --ng-drawer-border-color: #6d6d69;
  --ng-drawer-border-radius: 16px;
  --ng-drawer-color: #ffffff;
  --ng-drawer-footer-padding: 24px;
  --ng-drawer-header-padding: 24px;
  --ng-drawer-shadow: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a;
  --ng-editor-content-background: #292826;
  --ng-editor-content-border-color: #6d6d69;
  --ng-editor-content-border-radius: 8px;
  --ng-editor-content-color: #ffffff;
  --ng-editor-overlay-background: #292826;
  --ng-editor-overlay-border-color: #6d6d69;
  --ng-editor-overlay-border-radius: 8px;
  --ng-editor-overlay-color: #ffffff;
  --ng-editor-overlay-option-border-radius: 6px;
  --ng-editor-overlay-option-color: #ffffff;
  --ng-editor-overlay-option-focus-background: #40403d;
  --ng-editor-overlay-option-focus-color: #ffffff;
  --ng-editor-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-editor-toolbar-background: #292826;
  --ng-editor-toolbar-border-color: #6d6d69;
  --ng-editor-toolbar-border-radius: 8px;
  --ng-editor-toolbar-item-active-color: #587fa8;
  --ng-editor-toolbar-item-color: #cac9c1;
  --ng-editor-toolbar-item-hover-color: #ffffff;
  --ng-fieldset-background: #292826;
  --ng-fieldset-border-color: #6d6d69;
  --ng-fieldset-border-radius: 8px;
  --ng-fieldset-color: #ffffff;
  --ng-fieldset-content-padding: 0px;
  --ng-fieldset-legend-background: #292826;
  --ng-fieldset-legend-border-color: rgba(0, 0, 0, 0);
  --ng-fieldset-legend-border-radius: 8px;
  --ng-fieldset-legend-border-width: 1px;
  --ng-fieldset-legend-color: #ffffff;
  --ng-fieldset-legend-focus-ring-color: #587fa8;
  --ng-fieldset-legend-focus-ring-offset: 2px;
  --ng-fieldset-legend-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-fieldset-legend-focus-ring-width: 2px;
  --ng-fieldset-legend-gap: 7px;
  --ng-fieldset-legend-hover-background: #40403d;
  --ng-fieldset-legend-hover-color: #ffffff;
  --ng-fieldset-toggle-icon-color: #cac9c1;
  --ng-fieldset-toggle-icon-hover-color: #d9d8cf;
  --ng-file-upload-background: #292826;
  --ng-file-upload-basic-gap: 7px;
  --ng-file-upload-border-color: #6d6d69;
  --ng-file-upload-border-radius: 8px;
  --ng-file-upload-color: #ffffff;
  --ng-file-upload-content-gap: 14px;
  --ng-file-upload-content-highlight-border-color: #587fa8;
  --ng-file-upload-file-border-color: #6d6d69;
  --ng-file-upload-file-gap: 14px;
  --ng-file-upload-file-info-gap: 7px;
  --ng-file-upload-file-list-gap: 7px;
  --ng-file-upload-file-padding: 14px;
  --ng-file-upload-header-background: rgba(0, 0, 0, 0);
  --ng-file-upload-header-border-color: rgba(0, 0, 0, 0);
  --ng-file-upload-header-border-radius: 0px;
  --ng-file-upload-header-border-width: 0px;
  --ng-file-upload-header-color: #ffffff;
  --ng-file-upload-header-gap: 7px;
  --ng-file-upload-header-padding: 15.75px;
  --ng-file-upload-progress-bar-height: 4px;
  --ng-float-label-active-color: #cac9c1;
  --ng-float-label-color: #cac9c1;
  --ng-float-label-focus-color: #cac9c1;
  --ng-float-label-in-active-top: 5px;
  --ng-float-label-in-input-padding-bottom: 5px;
  --ng-float-label-in-input-padding-top: 19px;
  --ng-float-label-invalid-color: #d14f3e;
  --ng-float-label-on-border-radius: 2px;
  --ng-float-label-over-active-top: -17.5px;
  --ng-float-label-position-x: 9px;
  --ng-float-label-position-y: 5px;
  --ng-focus-ring-color: #587fa8;
  --ng-focus-ring-offset: 2px;
  --ng-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-focus-ring-width: 2px;
  --ng-font-family-body: Figtree;
  --ng-font-family-heading: Figtree;
  --ng-font-style-italic: Italic;
  --ng-font-style-link: Underline;
  --ng-font-weight-light: 300;
  --ng-font-weight-regular: 400;
  --ng-font-weight-semi-bold: 600;
  --ng-form-field-active-border-color: #587fa8;
  --ng-form-field-background: #131312;
  --ng-form-field-border-color: #908f89;
  --ng-form-field-border-radius: 8px;
  --ng-form-field-color: #ffffff;
  --ng-form-field-disabled-background: #6d6d69;
  --ng-form-field-disabled-color: #cac9c1;
  --ng-form-field-filled-background: #063b68;
  --ng-form-field-filled-border: #0a4b82;
  --ng-form-field-filled-focus-background: #063b68;
  --ng-form-field-filled-hover-background: #063b68;
  --ng-form-field-filled-hover-border: #587fa8;
  --ng-form-field-filled-hover-icon: #f5f5f5;
  --ng-form-field-filled-hover-placeholder: #f5f5f5;
  --ng-form-field-filled-icon: #f1f1f1;
  --ng-form-field-filled-placeholder: #f1f1f1;
  --ng-form-field-float-label-active-color: #cac9c1;
  --ng-form-field-float-label-color: #cac9c1;
  --ng-form-field-float-label-focus-color: #cac9c1;
  --ng-form-field-float-label-invalid-color: #d14f3e;
  --ng-form-field-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-form-field-gap: 5px;
  --ng-form-field-hover-border-color: #acaba5;
  --ng-form-field-icon-color: #cac9c1;
  --ng-form-field-invalid-border-color: #dd7569;
  --ng-form-field-invalid-placeholder-color: #d14f3e;
  --ng-form-field-lg-padding-x: 11px;
  --ng-form-field-lg-padding-y: 7px;
  --ng-form-field-padding-x: 9px;
  --ng-form-field-padding-y: 5px;
  --ng-form-field-placeholder-color: #cac9c1;
  --ng-form-field-shadow: 0px 1px 2px 0px #1212170d;
  --ng-form-field-sm-padding-x: 8px;
  --ng-form-field-sm-padding-y: 4px;
  --ng-fuchsia-50: #fdf4ff;
  --ng-fuchsia-100: #fae8ff;
  --ng-fuchsia-200: #f5d0fe;
  --ng-fuchsia-300: #f0abfc;
  --ng-fuchsia-400: #e879f9;
  --ng-fuchsia-500: #d946ef;
  --ng-fuchsia-600: #c026d3;
  --ng-fuchsia-700: #a21caf;
  --ng-fuchsia-800: #86198f;
  --ng-fuchsia-900: #701a75;
  --ng-fuchsia-950: #4a044e;
  --ng-galleria-border-color: #6d6d69;
  --ng-galleria-border-radius: 8px;
  --ng-galleria-border-width: 1px;
  --ng-galleria-caption-background: rgba(0, 0, 0, 0.5);
  --ng-galleria-caption-color: #f0efe9;
  --ng-galleria-caption-padding: 14px;
  --ng-galleria-close-button-background: rgba(255, 255, 255, 0.1);
  --ng-galleria-close-button-border-radius: 48px;
  --ng-galleria-close-button-color: #f7f7f4;
  --ng-galleria-close-button-focus-ring-color: #587fa8;
  --ng-galleria-close-button-focus-ring-offset: 2px;
  --ng-galleria-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-galleria-close-button-focus-ring-width: 2px;
  --ng-galleria-close-button-gutter: 8px;
  --ng-galleria-close-button-hover-background: rgba(255, 255, 255, 0.2);
  --ng-galleria-close-button-hover-color: #ffffff;
  --ng-galleria-close-button-icon-size: 21px;
  --ng-galleria-close-button-size: 40px;
  --ng-galleria-indicator-button-active-background: #587fa8;
  --ng-galleria-indicator-button-background: #6d6d69;
  --ng-galleria-indicator-button-border-radius: 7px;
  --ng-galleria-indicator-button-focus-ring-color: #587fa8;
  --ng-galleria-indicator-button-focus-ring-offset: 2px;
  --ng-galleria-indicator-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-galleria-indicator-button-focus-ring-width: 2px;
  --ng-galleria-indicator-button-height: 14px;
  --ng-galleria-indicator-button-hover-background: #908f89;
  --ng-galleria-indicator-button-width: 14px;
  --ng-galleria-indicator-list-gap: 7px;
  --ng-galleria-indicator-list-padding: 14px;
  --ng-galleria-inset-indicator-button-active-background: rgba(255, 255, 255, 0.9);
  --ng-galleria-inset-indicator-button-background: rgba(255, 255, 255, 0.4);
  --ng-galleria-inset-indicator-button-hover-background: rgba(255, 255, 255, 0.6);
  --ng-galleria-inset-indicator-list-background: rgba(0, 0, 0, 0.5);
  --ng-galleria-nav-button-background: rgba(255, 255, 255, 0.1);
  --ng-galleria-nav-button-color: #f0efe9;
  --ng-galleria-nav-button-focus-ring-color: #587fa8;
  --ng-galleria-nav-button-focus-ring-offset: 2px;
  --ng-galleria-nav-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-galleria-nav-button-focus-ring-width: 2px;
  --ng-galleria-nav-button-gutter: 8px;
  --ng-galleria-nav-button-hover-background: rgba(255, 255, 255, 0.2);
  --ng-galleria-nav-button-hover-color: #ffffff;
  --ng-galleria-nav-button-next-border-radius: 48px;
  --ng-galleria-nav-button-prev-border-radius: 48px;
  --ng-galleria-nav-button-size: 40px;
  --ng-galleria-nav-icon-size: 21px;
  --ng-galleria-thumbnail-nav-button-border-radius: 8px;
  --ng-galleria-thumbnail-nav-button-color: #cac9c1;
  --ng-galleria-thumbnail-nav-button-focus-ring-color: #587fa8;
  --ng-galleria-thumbnail-nav-button-focus-ring-offset: 2px;
  --ng-galleria-thumbnail-nav-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-galleria-thumbnail-nav-button-focus-ring-width: 2px;
  --ng-galleria-thumbnail-nav-button-gutter: 7px;
  --ng-galleria-thumbnail-nav-button-hover-background: #6d6d69;
  --ng-galleria-thumbnail-nav-button-hover-color: #ffffff;
  --ng-galleria-thumbnail-nav-button-icon-size: 14px;
  --ng-galleria-thumbnail-nav-button-size: 28px;
  --ng-galleria-thumbnails-content-background: #292826;
  --ng-gray-50: #f5f5f5;
  --ng-gray-100: #f1f1f1;
  --ng-gray-200: #e9e9e9;
  --ng-gray-300: #d8d8d8;
  --ng-gray-400: #b4b4b4;
  --ng-gray-500: #878787;
  --ng-gray-600: #767575;
  --ng-gray-700: #5b5b5b;
  --ng-gray-800: #434343;
  --ng-gray-900: #2d2d2d;
  --ng-gray-950: #161616;
  --ng-highlight-background: rgba(52, 211, 153, 0.16);
  --ng-highlight-border: rgba(175, 238, 215, 0.16);
  --ng-highlight-color: rgba(255, 255, 255, 0.87);
  --ng-highlight-focus-background: rgba(52, 211, 153, 0.24);
  --ng-highlight-focus-color: rgba(255, 255, 255, 0.87);
  --ng-icon-size: 14px;
  --ng-icon-field-icon-color: #cac9c1;
  --ng-ifta-label-color: #cac9c1;
  --ng-ifta-label-focus-color: #cac9c1;
  --ng-ifta-label-input-padding-bottom: 5px;
  --ng-ifta-label-input-padding-top: 21px;
  --ng-ifta-label-invalid-color: #d14f3e;
  --ng-ifta-label-position-x: 9px;
  --ng-ifta-label-top: 5px;
  --ng-image-action-border-radius: 21px;
  --ng-image-action-color: #f7f7f4;
  --ng-image-action-focus-ring-color: #587fa8;
  --ng-image-action-focus-ring-offset: 2px;
  --ng-image-action-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-image-action-focus-ring-width: 2px;
  --ng-image-action-hover-background: rgba(255, 255, 255, 0.1);
  --ng-image-action-hover-color: #ffffff;
  --ng-image-action-icon-size: 21px;
  --ng-image-action-size: 42px;
  --ng-image-preview-icon-size: 21px;
  --ng-image-preview-mask-background: rgba(0, 0, 0, 0.6);
  --ng-image-preview-mask-color: #e8e7de;
  --ng-image-toolbar-background: rgba(255, 255, 255, 0.1);
  --ng-image-toolbar-blur: 8px;
  --ng-image-toolbar-border-color: rgba(255, 255, 255, 0.2);
  --ng-image-toolbar-border-radius: 30px;
  --ng-image-toolbar-border-width: 1px;
  --ng-image-toolbar-gap: 8px;
  --ng-image-toolbar-padding: 8px;
  --ng-image-toolbar-position-right: 16px;
  --ng-image-toolbar-position-top: 16px;
  --ng-image-compare-handle-background: rgba(255, 255, 255, 0.3);
  --ng-image-compare-handle-border-color: rgba(0, 0, 0, 0);
  --ng-image-compare-handle-border-radius: 7.5px;
  --ng-image-compare-handle-border-width: 0px;
  --ng-image-compare-handle-focus-ring-color: rgba(255, 255, 255, 0.3);
  --ng-image-compare-handle-focus-ring-offset: 2px;
  --ng-image-compare-handle-focus-ring-width: 2px;
  --ng-image-compare-handle-hover-background: rgba(255, 255, 255, 0.5);
  --ng-image-compare-handle-hover-border-color: rgba(0, 0, 0, 0);
  --ng-image-compare-handle-hover-size: 30px;
  --ng-image-compare-handle-size: 15px;
  --ng-imagecompare-handle-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-in-place-border-radius: 8px;
  --ng-in-place-display-hover-background: #40403d;
  --ng-in-place-display-hover-color: #ffffff;
  --ng-in-place-focus-ring-color: #587fa8;
  --ng-in-place-focus-ring-offset: 2px;
  --ng-in-place-focus-ring-width: 2px;
  --ng-indigo-50: #eef2ff;
  --ng-indigo-100: #e0e7ff;
  --ng-indigo-200: #c7d2fe;
  --ng-indigo-300: #a5b4fc;
  --ng-indigo-400: #818cf8;
  --ng-indigo-500: #6366f1;
  --ng-indigo-600: #4f46e5;
  --ng-indigo-700: #4338ca;
  --ng-indigo-800: #3730a3;
  --ng-indigo-900: #312e81;
  --ng-indigo-950: #1e1b4b;
  --ng-inplace-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-input-group-addon-background: #131312;
  --ng-input-group-addon-border-color: #908f89;
  --ng-input-group-addon-border-radius: 8px;
  --ng-input-group-addon-color: #cac9c1;
  --ng-input-group-addon-min-width: 35px;
  --ng-input-group-addon-padding: 7px;
  --ng-input-number-button-active-background: #6d6d69;
  --ng-input-number-button-active-border-color: #908f89;
  --ng-input-number-button-active-color: #e8e7de;
  --ng-input-number-button-background: rgba(0, 0, 0, 0);
  --ng-input-number-button-border-color: #908f89;
  --ng-input-number-button-border-radius: 8px;
  --ng-input-number-button-color: #cac9c1;
  --ng-input-number-button-hover-background: #40403d;
  --ng-input-number-button-hover-border-color: #908f89;
  --ng-input-number-button-hover-color: #d9d8cf;
  --ng-input-number-button-vertical-padding: 5px;
  --ng-input-number-button-width: 35px;
  --ng-input-otp-gap: 7px;
  --ng-input-otp-input-lg-width: 42px;
  --ng-input-otp-input-sm-width: 28px;
  --ng-input-otp-input-width: 35px;
  --ng-input-text-active-border-color: #587fa8;
  --ng-input-text-background: #131312;
  --ng-input-text-border-color: #908f89;
  --ng-input-text-border-radius: 8px;
  --ng-input-text-color: #ffffff;
  --ng-input-text-disabled-background: #6d6d69;
  --ng-input-text-disabled-color: #cac9c1;
  --ng-input-text-filled-background: #063b68;
  --ng-input-text-filled-focus-background: #063b68;
  --ng-input-text-filled-hover-background: #063b68;
  --ng-input-text-hover-border-color: #acaba5;
  --ng-input-text-invalid-border-color: #dd7569;
  --ng-input-text-invalid-placeholder-color: #d14f3e;
  --ng-input-text-lg-padding-x: 11px;
  --ng-input-text-lg-padding-y: 7px;
  --ng-input-text-padding-x: 9px;
  --ng-input-text-padding-y: 5px;
  --ng-input-text-placeholder-color: #cac9c1;
  --ng-input-text-sm-padding-x: 8px;
  --ng-input-text-sm-padding-y: 4px;
  --ng-inputtext-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-inputtext-shadow: 0px 1px 2px 0px #1212170d;
  --ng-knob: [object Object];
  --ng-lime-50: #eef7c5;
  --ng-lime-100: #e0f77d;
  --ng-lime-200: #daf951;
  --ng-lime-300: #cbff40;
  --ng-lime-400: #b1d512;
  --ng-lime-500: #6f940a;
  --ng-lime-600: #5f7f05;
  --ng-lime-700: #496105;
  --ng-lime-800: #354902;
  --ng-lime-900: #212e01;
  --ng-lime-950: #0f1500;
  --ng-list-gap: 2px;
  --ng-list-option-border-radius: 6px;
  --ng-list-option-color: #ffffff;
  --ng-list-option-focus-background: #40403d;
  --ng-list-option-focus-color: #ffffff;
  --ng-list-option-group-background: rgba(0, 0, 0, 0);
  --ng-list-option-group-color: #cac9c1;
  --ng-list-option-icon-color: #acaba5;
  --ng-list-option-icon-focus-color: #cac9c1;
  --ng-list-option-selected-background: rgba(52, 211, 153, 0.16);
  --ng-list-option-selected-color: rgba(255, 255, 255, 0.87);
  --ng-list-option-selected-focus-background: rgba(52, 211, 153, 0.24);
  --ng-list-option-selected-focus-color: rgba(255, 255, 255, 0.87);
  --ng-list-box-background: #131312;
  --ng-list-box-border-color: #908f89;
  --ng-list-box-border-radius: 8px;
  --ng-list-box-checkmark-color: #ffffff;
  --ng-list-box-checkmark-gutter-end: 5.25px;
  --ng-list-box-checkmark-gutter-start: -5.25px;
  --ng-list-box-color: #ffffff;
  --ng-list-box-disabled-background: #6d6d69;
  --ng-list-box-disabled-color: #cac9c1;
  --ng-list-box-invalid-border-color: #dd7569;
  --ng-list-box-list-gap: 2px;
  --ng-list-box-option-border-radius: 6px;
  --ng-list-box-option-color: #ffffff;
  --ng-list-box-option-disabled-color: #cac9c1;
  --ng-list-box-option-focus-background: #40403d;
  --ng-list-box-option-focus-color: #ffffff;
  --ng-list-box-option-group-background: rgba(0, 0, 0, 0);
  --ng-list-box-option-group-color: #cac9c1;
  --ng-list-box-option-selected-background: rgba(52, 211, 153, 0.16);
  --ng-list-box-option-selected-color: rgba(255, 255, 255, 0.87);
  --ng-list-box-option-selected-focus-background: rgba(52, 211, 153, 0.24);
  --ng-list-box-option-selected-focus-color: rgba(255, 255, 255, 0.87);
  --ng-list-box-option-striped-background: #292826;
  --ng-listbox-shadow: 0px 1px 2px 0px #1212170d;
  --ng-mask-background: rgba(0, 0, 0, 0.6);
  --ng-mask-color: #e8e7de;
  --ng-mega-menu-background: #292826;
  --ng-mega-menu-base-item-border-radius: 8px;
  --ng-mega-menu-border-color: #6d6d69;
  --ng-mega-menu-border-radius: 8px;
  --ng-mega-menu-color: #ffffff;
  --ng-mega-menu-gap: 8px;
  --ng-mega-menu-horizontal-orientation-gap: 8px;
  --ng-mega-menu-item-active-background: #40403d;
  --ng-mega-menu-item-active-color: #ffffff;
  --ng-mega-menu-item-border-radius: 6px;
  --ng-mega-menu-item-color: #ffffff;
  --ng-mega-menu-item-focus-background: #40403d;
  --ng-mega-menu-item-focus-color: #ffffff;
  --ng-mega-menu-item-gap: 8px;
  --ng-mega-menu-item-icon-active-color: #ffffff;
  --ng-mega-menu-item-icon-color: #ffffff;
  --ng-mega-menu-item-icon-focus-color: #ffffff;
  --ng-mega-menu-mobile-button-border-radius: 8px;
  --ng-mega-menu-mobile-button-color: #cac9c1;
  --ng-mega-menu-mobile-button-focus-ring-color: #587fa8;
  --ng-mega-menu-mobile-button-focus-ring-offset: 2px;
  --ng-mega-menu-mobile-button-focus-ring-width: 2px;
  --ng-mega-menu-mobile-button-hover-background: #40403d;
  --ng-mega-menu-mobile-button-hover-color: #d9d8cf;
  --ng-mega-menu-mobile-button-size: 32px;
  --ng-mega-menu-overlay-background: #292826;
  --ng-mega-menu-overlay-border-color: #6d6d69;
  --ng-mega-menu-overlay-border-radius: 8px;
  --ng-mega-menu-overlay-color: #ffffff;
  --ng-mega-menu-overlay-gap: 8px;
  --ng-mega-menu-overlay-padding: 0px;
  --ng-mega-menu-separator-border-color: #6d6d69;
  --ng-mega-menu-submenu-gap: 2px;
  --ng-mega-menu-submenu-icon-active-color: #cac9c1;
  --ng-mega-menu-submenu-icon-color: #cac9c1;
  --ng-mega-menu-submenu-icon-focus-color: #cac9c1;
  --ng-mega-menu-submenu-icon-size: 14px;
  --ng-mega-menu-submenu-label-background: rgba(0, 0, 0, 0);
  --ng-mega-menu-submenu-label-color: #cac9c1;
  --ng-mega-menu-vertical-orientation-gap: 2px;
  --ng-megamenu-mobile-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-megamenu-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-menu-background: #292826;
  --ng-menu-border-color: #6d6d69;
  --ng-menu-border-radius: 8px;
  --ng-menu-color: #ffffff;
  --ng-menu-item-border-radius: 6px;
  --ng-menu-item-color: #ffffff;
  --ng-menu-item-focus-background: #40403d;
  --ng-menu-item-focus-color: #ffffff;
  --ng-menu-item-gap: 8px;
  --ng-menu-item-icon-color: #ffffff;
  --ng-menu-item-icon-focus-color: #ffffff;
  --ng-menu-list-gap: 2px;
  --ng-menu-separator-border-color: #6d6d69;
  --ng-menu-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-menu-submenu-label-background: rgba(0, 0, 0, 0);
  --ng-menu-submenu-label-color: #cac9c1;
  --ng-menu-bar-background: #292826;
  --ng-menu-bar-base-item-border-radius: 8px;
  --ng-menu-bar-border-color: #6d6d69;
  --ng-menu-bar-border-radius: 8px;
  --ng-menu-bar-color: #ffffff;
  --ng-menu-bar-gap: 8px;
  --ng-menu-bar-item-active-background: #40403d;
  --ng-menu-bar-item-active-color: #ffffff;
  --ng-menu-bar-item-border-radius: 6px;
  --ng-menu-bar-item-color: #ffffff;
  --ng-menu-bar-item-focus-background: #40403d;
  --ng-menu-bar-item-focus-color: #ffffff;
  --ng-menu-bar-item-gap: 8px;
  --ng-menu-bar-item-icon-active-color: #ffffff;
  --ng-menu-bar-item-icon-color: #ffffff;
  --ng-menu-bar-item-icon-focus-color: #ffffff;
  --ng-menu-bar-mobile-button-border-radius: 48px;
  --ng-menu-bar-mobile-button-color: #cac9c1;
  --ng-menu-bar-mobile-button-focus-ring-color: #587fa8;
  --ng-menu-bar-mobile-button-focus-ring-offset: 2px;
  --ng-menu-bar-mobile-button-focus-ring-width: 2px;
  --ng-menu-bar-mobile-button-hover-background: #40403d;
  --ng-menu-bar-mobile-button-hover-color: #d9d8cf;
  --ng-menu-bar-mobile-button-size: 24px;
  --ng-menu-bar-separator-border-color: #6d6d69;
  --ng-menu-bar-submenu-background: #292826;
  --ng-menu-bar-submenu-border-color: #6d6d69;
  --ng-menu-bar-submenu-border-radius: 8px;
  --ng-menu-bar-submenu-gap: 2px;
  --ng-menu-bar-submenu-icon-active-color: #cac9c1;
  --ng-menu-bar-submenu-icon-color: #cac9c1;
  --ng-menu-bar-submenu-icon-focus-color: #cac9c1;
  --ng-menu-bar-submenu-icon-size: 14px;
  --ng-menu-bar-submenu-mobile-indent: 14px;
  --ng-menubar-mobile-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-menubar-submenu-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-message-accent-background: #48461b;
  --ng-message-accent-border-color: #636128;
  --ng-message-accent-close-button-focus-ring-color: #587fa8;
  --ng-message-accent-close-button-hover-background: #636128;
  --ng-message-accent-color: #fff973;
  --ng-message-accent-outlined-border-color: #cec95b;
  --ng-message-accent-outlined-color: #cec95b;
  --ng-message-accent-simple-color: #cec95b;
  --ng-message-border-radius: 8px;
  --ng-message-border-width: 1px;
  --ng-message-close-button-border-radius: 48px;
  --ng-message-close-button-focus-ring-offset: 2px;
  --ng-message-close-button-focus-ring-width: 2px;
  --ng-message-close-button-height: 28px;
  --ng-message-close-button-width: 28px;
  --ng-message-close-icon-lg-size: 24px;
  --ng-message-close-icon-size: 20px;
  --ng-message-close-icon-sm-size: 16px;
  --ng-message-content-gap: 8px;
  --ng-message-contrast-background: #ffffff;
  --ng-message-contrast-border-color: #f0efe9;
  --ng-message-contrast-close-button-focus-ring-color: #131312;
  --ng-message-contrast-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-contrast-close-button-hover-background: #f0efe9;
  --ng-message-contrast-color: #131312;
  --ng-message-contrast-outlined-border-color: #ffffff;
  --ng-message-contrast-outlined-color: #ffffff;
  --ng-message-contrast-shadow: 0px 4px 8px 0px #0000010a;
  --ng-message-contrast-simple-color: #ffffff;
  --ng-message-error-background: rgba(239, 68, 68, 0.16);
  --ng-message-error-border-color: rgba(185, 28, 28, 0.36);
  --ng-message-error-close-button-focus-ring-color: #587fa8;
  --ng-message-error-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-error-close-button-hover-background: rgba(255, 255, 255, 0.05);
  --ng-message-error-color: #c93320;
  --ng-message-error-outlined-border-color: #c93320;
  --ng-message-error-outlined-color: #c93320;
  --ng-message-error-shadow: 0px 4px 8px 0px #0a03030a;
  --ng-message-error-simple-color: #c93320;
  --ng-message-icon-lg-size: 24px;
  --ng-message-icon-size: 20px;
  --ng-message-icon-sm-size: 14px;
  --ng-message-info-background: rgba(59, 130, 246, 0.16);
  --ng-message-info-border-color: rgba(29, 78, 216, 0.36);
  --ng-message-info-close-button-focus-ring-color: #587fa8;
  --ng-message-info-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-info-close-button-hover-background: rgba(255, 255, 255, 0.05);
  --ng-message-info-color: #2080c9;
  --ng-message-info-outlined-border-color: #2080c9;
  --ng-message-info-outlined-color: #2080c9;
  --ng-message-info-shadow: 0px 4px 8px 0px #02050a0a;
  --ng-message-info-simple-color: #2080c9;
  --ng-message-outlined-border-width: 1px;
  --ng-message-secondary-background: #40403d;
  --ng-message-secondary-border-color: #6d6d69;
  --ng-message-secondary-close-button-focus-ring-color: #d9d8cf;
  --ng-message-secondary-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-secondary-close-button-hover-background: #6d6d69;
  --ng-message-secondary-color: #d9d8cf;
  --ng-message-secondary-outlined-border-color: #cac9c1;
  --ng-message-secondary-outlined-color: #cac9c1;
  --ng-message-secondary-shadow: 0px 4px 8px 0px #0405060a;
  --ng-message-secondary-simple-color: #cac9c1;
  --ng-message-simple-content-padding: 0px;
  --ng-message-success-background: rgba(34, 197, 94, 0.16);
  --ng-message-success-border-color: rgba(21, 128, 61, 0.36);
  --ng-message-success-close-button-focus-ring-color: #587fa8;
  --ng-message-success-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-success-close-button-hover-background: rgba(255, 255, 255, 0.05);
  --ng-message-success-color: #097947;
  --ng-message-success-outlined-border-color: #097947;
  --ng-message-success-outlined-color: #097947;
  --ng-message-success-shadow: 0px 4px 8px 0px #0108040a;
  --ng-message-success-simple-color: #097947;
  --ng-message-warn-background: rgba(234, 179, 8, 0.16);
  --ng-message-warn-border-color: rgba(161, 98, 7, 0.36);
  --ng-message-warn-close-button-focus-ring-color: #587fa8;
  --ng-message-warn-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-message-warn-close-button-hover-background: rgba(255, 255, 255, 0.05);
  --ng-message-warn-color: #aeaa4c;
  --ng-message-warn-outlined-border-color: #aeaa4c;
  --ng-message-warn-outlined-color: #aeaa4c;
  --ng-message-warn-shadow: 0px 4px 8px 0px #0907000a;
  --ng-message-warn-simple-color: #aeaa4c;
  --ng-meter-group-border-radius: 8px;
  --ng-meter-group-gap: 16px;
  --ng-meter-group-label-gap: 8px;
  --ng-meter-group-label-icon-size: 16px;
  --ng-meter-group-label-list-horizontal-gap: 16px;
  --ng-meter-group-label-list-vertical-gap: 8px;
  --ng-meter-group-label-marker-size: 8px;
  --ng-meter-group-meters-background: #6d6d69;
  --ng-meter-group-meters-size: 8px;
  --ng-multiselect-background: #131312;
  --ng-multiselect-border-color: #908f89;
  --ng-multiselect-border-radius: 8px;
  --ng-multiselect-chip-border-radius: 6px;
  --ng-multiselect-clear-icon-color: #cac9c1;
  --ng-multiselect-color: #ffffff;
  --ng-multiselect-disabled-background: #6d6d69;
  --ng-multiselect-disabled-color: #cac9c1;
  --ng-multiselect-dropdown-color: #cac9c1;
  --ng-multiselect-dropdown-width: 32px;
  --ng-multiselect-filled-background: #063b68;
  --ng-multiselect-filled-focus-background: #063b68;
  --ng-multiselect-filled-hover-background: #063b68;
  --ng-multiselect-focus-border-color: #587fa8;
  --ng-multiselect-focus-ring-color: #587fa8;
  --ng-multiselect-focus-ring-offset: 2px;
  --ng-multiselect-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-multiselect-focus-ring-width: 2px;
  --ng-multiselect-hover-border-color: #acaba5;
  --ng-multiselect-invalid-border-color: #dd7569;
  --ng-multiselect-invalid-placeholder-color: #d14f3e;
  --ng-multiselect-lg-padding-x: 11px;
  --ng-multiselect-lg-padding-y: 5px;
  --ng-multiselect-list-gap: 2px;
  --ng-multiselect-option-border-radius: 6px;
  --ng-multiselect-option-color: #ffffff;
  --ng-multiselect-option-focus-background: #40403d;
  --ng-multiselect-option-focus-color: #ffffff;
  --ng-multiselect-option-gap: 7px;
  --ng-multiselect-option-group-background: rgba(0, 0, 0, 0);
  --ng-multiselect-option-group-color: #cac9c1;
  --ng-multiselect-option-selected-background: rgba(52, 211, 153, 0.16);
  --ng-multiselect-option-selected-color: rgba(255, 255, 255, 0.87);
  --ng-multiselect-option-selected-focus-background: rgba(52, 211, 153, 0.24);
  --ng-multiselect-option-selected-focus-color: rgba(255, 255, 255, 0.87);
  --ng-multiselect-overlay-background: #292826;
  --ng-multiselect-overlay-border-color: #6d6d69;
  --ng-multiselect-overlay-border-radius: 8px;
  --ng-multiselect-overlay-color: #ffffff;
  --ng-multiselect-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-multiselect-padding-x: 9px;
  --ng-multiselect-padding-y: 3px;
  --ng-multiselect-placeholder-color: #cac9c1;
  --ng-multiselect-shadow: 0px 1px 2px 0px #1212170d;
  --ng-multiselect-sm-padding-x: 8px;
  --ng-multiselect-sm-padding-y: 2px;
  --ng-navigation-item-active-background: #40403d;
  --ng-navigation-item-active-color: #ffffff;
  --ng-navigation-item-border-radius: 6px;
  --ng-navigation-item-color: #ffffff;
  --ng-navigation-item-focus-background: #40403d;
  --ng-navigation-item-focus-color: #ffffff;
  --ng-navigation-item-gap: 8px;
  --ng-navigation-item-icon-active-color: #ffffff;
  --ng-navigation-item-icon-color: #ffffff;
  --ng-navigation-item-icon-focus-color: #ffffff;
  --ng-navigation-list-gap: 2px;
  --ng-navigation-submenu-icon-active-color: #cac9c1;
  --ng-navigation-submenu-icon-color: #cac9c1;
  --ng-navigation-submenu-icon-focus-color: #cac9c1;
  --ng-navigation-submenu-icon-size: 14px;
  --ng-navigation-submenu-label-background: rgba(0, 0, 0, 0);
  --ng-navigation-submenu-label-color: #cac9c1;
  --ng-neutral-50: #fafafa;
  --ng-neutral-100: #f5f5f5;
  --ng-neutral-200: #e5e5e5;
  --ng-neutral-300: #d4d4d4;
  --ng-neutral-400: #a3a3a3;
  --ng-neutral-500: #737373;
  --ng-neutral-600: #525252;
  --ng-neutral-700: #404040;
  --ng-neutral-800: #262626;
  --ng-neutral-900: #171717;
  --ng-neutral-950: #0a0a0a;
  --ng-ngamber-50: #fffbe6;
  --ng-ngamber-100: #fff3bf;
  --ng-ngamber-200: #ffe980;
  --ng-ngamber-300: #fad505;
  --ng-ngamber-400: #e6c300;
  --ng-ngamber-500: #cfaf00;
  --ng-ngamber-600: #b09500;
  --ng-ngamber-700: #8a7400;
  --ng-ngamber-800: #665600;
  --ng-ngamber-900: #423800;
  --ng-ngamber-950: #231d00;
  --ng-ngblue-50: #eef5fc;
  --ng-ngblue-100: #d6e7f7;
  --ng-ngblue-200: #adcff0;
  --ng-ngblue-300: #84b6e8;
  --ng-ngblue-400: #569bde;
  --ng-ngblue-500: #2080c9;
  --ng-ngblue-600: #1c6eac;
  --ng-ngblue-700: #17568a;
  --ng-ngblue-800: #113e68;
  --ng-ngblue-900: #0b2744;
  --ng-ngblue-950: #061423;
  --ng-ngcyan-50: #e9fff8;
  --ng-ngcyan-100: #c9ffef;
  --ng-ngcyan-200: #93ffe2;
  --ng-ngcyan-300: #00ffd2;
  --ng-ngcyan-400: #00deb6;
  --ng-ngcyan-500: #00be9b;
  --ng-ngcyan-600: #009e81;
  --ng-ngcyan-700: #008068;
  --ng-ngcyan-800: #004839;
  --ng-ngcyan-900: #002e24;
  --ng-ngcyan-950: #001610;
  --ng-nggray-50: #f7f7f4;
  --ng-nggray-100: #f0efe9;
  --ng-nggray-200: #e8e7de;
  --ng-nggray-300: #d9d8cf;
  --ng-nggray-400: #cac9c1;
  --ng-nggray-500: #acaba5;
  --ng-nggray-600: #908f89;
  --ng-nggray-700: #6d6d69;
  --ng-nggray-800: #40403d;
  --ng-nggray-900: #292826;
  --ng-nggray-950: #131312;
  --ng-nggreen-50: #e8f8f2;
  --ng-nggreen-100: #d4f1e6;
  --ng-nggreen-200: #a9e3ce;
  --ng-nggreen-300: #66c7a8;
  --ng-nggreen-400: #2da57e;
  --ng-nggreen-500: #097947;
  --ng-nggreen-600: #07653c;
  --ng-nggreen-700: #05512f;
  --ng-nggreen-800: #043e24;
  --ng-nggreen-900: #032d1b;
  --ng-nggreen-950: #021f12;
  --ng-ngprimary-50: #e6ecf3;
  --ng-ngprimary-100: #c1d0e0;
  --ng-ngprimary-200: #9eb5ce;
  --ng-ngprimary-300: #86a3c1;
  --ng-ngprimary-400: #587fa8;
  --ng-ngprimary-500: #295c8f;
  --ng-ngprimary-600: #0a4b82;
  --ng-ngprimary-700: #094579;
  --ng-ngprimary-800: #063b68;
  --ng-ngprimary-900: #043056;
  --ng-ngprimary-950: #02213e;
  --ng-ngred-50: #fbedec;
  --ng-ngred-100: #f4d1cd;
  --ng-ngred-200: #e9a39b;
  --ng-ngred-300: #dd7569;
  --ng-ngred-400: #d14f3e;
  --ng-ngred-500: #c93320;
  --ng-ngred-600: #ac2c1b;
  --ng-ngred-700: #8a2316;
  --ng-ngred-800: #661a11;
  --ng-ngred-900: #43110b;
  --ng-ngred-950: #220806;
  --ng-ngyellow-50: #fffee0;
  --ng-ngyellow-100: #fefcb3;
  --ng-ngyellow-200: #fff973;
  --ng-ngyellow-300: #eee96b;
  --ng-ngyellow-400: #cec95b;
  --ng-ngyellow-500: #aeaa4c;
  --ng-ngyellow-600: #807d36;
  --ng-ngyellow-700: #636128;
  --ng-ngyellow-800: #48461b;
  --ng-ngyellow-900: #2e2c0f;
  --ng-ngyellow-950: #222009;
  --ng-orange-50: #fff7ed;
  --ng-orange-100: #ffedd5;
  --ng-orange-200: #fed7aa;
  --ng-orange-300: #fdba74;
  --ng-orange-400: #fb923c;
  --ng-orange-500: #f97316;
  --ng-orange-600: #ea580c;
  --ng-orange-700: #c2410c;
  --ng-orange-800: #9a3412;
  --ng-orange-900: #7c2d12;
  --ng-orange-950: #431407;
  --ng-order-list-controls-gap: 8px;
  --ng-order-list-gap: 16px;
  --ng-organization-chart-connector-border-radius: 8px;
  --ng-organization-chart-connector-color: #6d6d69;
  --ng-organization-chart-connector-height: 24px;
  --ng-organization-chart-gutter: 10.5px;
  --ng-organization-chart-node-background: #292826;
  --ng-organization-chart-node-border-color: #6d6d69;
  --ng-organization-chart-node-border-radius: 8px;
  --ng-organization-chart-node-color: #ffffff;
  --ng-organization-chart-node-hover-background: #40403d;
  --ng-organization-chart-node-hover-color: #ffffff;
  --ng-organization-chart-node-selected-background: rgba(52, 211, 153, 0.16);
  --ng-organization-chart-node-selected-color: rgba(255, 255, 255, 0.87);
  --ng-organization-chart-node-toggle-button-background: #292826;
  --ng-organization-chart-node-toggle-button-border-color: #6d6d69;
  --ng-organization-chart-node-toggle-button-border-radius: 24px;
  --ng-organization-chart-node-toggle-button-color: #cac9c1;
  --ng-organization-chart-node-toggle-button-focus-ring-color: #587fa8;
  --ng-organization-chart-node-toggle-button-focus-ring-offset: 2px;
  --ng-organization-chart-node-toggle-button-focus-ring-width: 2px;
  --ng-organization-chart-node-toggle-button-hover-background: #40403d;
  --ng-organization-chart-node-toggle-button-hover-color: #ffffff;
  --ng-organization-chart-node-toggle-button-size: 24px;
  --ng-organizationchart-node-toggle-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-overlay-modal-background: #292826;
  --ng-overlay-modal-border-color: #6d6d69;
  --ng-overlay-modal-border-radius: 16px;
  --ng-overlay-modal-color: #ffffff;
  --ng-overlay-modal-padding: 24px;
  --ng-overlay-modal-shadow: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a;
  --ng-overlay-navigation-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-overlay-popover-background: #292826;
  --ng-overlay-popover-border-color: #6d6d69;
  --ng-overlay-popover-border-radius: 8px;
  --ng-overlay-popover-color: #ffffff;
  --ng-overlay-popover-padding: 12px;
  --ng-overlay-popover-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-overlay-select-background: #292826;
  --ng-overlay-select-border-color: #6d6d69;
  --ng-overlay-select-border-radius: 8px;
  --ng-overlay-select-color: #ffffff;
  --ng-overlay-select-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-overlay-badge-outline-color: #292826;
  --ng-overlay-badge-outline-width: 2px;
  --ng-paginator-background: #292826;
  --ng-paginator-border-radius: 8px;
  --ng-paginator-color: #ffffff;
  --ng-paginator-current-page-report-color: #cac9c1;
  --ng-paginator-gap: 3.5px;
  --ng-paginator-jump-to-page-input-max-width: 35px;
  --ng-paginator-nav-button-background: rgba(0, 0, 0, 0);
  --ng-paginator-nav-button-border-radius: 48px;
  --ng-paginator-nav-button-color: #cac9c1;
  --ng-paginator-nav-button-focus-ring-color: #587fa8;
  --ng-paginator-nav-button-focus-ring-offset: 2px;
  --ng-paginator-nav-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-paginator-nav-button-focus-ring-width: 2px;
  --ng-paginator-nav-button-height: 32px;
  --ng-paginator-nav-button-hover-background: #40403d;
  --ng-paginator-nav-button-hover-color: #d9d8cf;
  --ng-paginator-nav-button-selected-background: rgba(52, 211, 153, 0.16);
  --ng-paginator-nav-button-selected-color: rgba(255, 255, 255, 0.87);
  --ng-paginator-nav-button-width: 32px;
  --ng-panel-background: #292826;
  --ng-panel-border-color: #6d6d69;
  --ng-panel-border-radius: 8px;
  --ng-panel-color: #ffffff;
  --ng-panel-header-background: rgba(0, 0, 0, 0);
  --ng-panel-header-border-color: #6d6d69;
  --ng-panel-header-border-radius: 0px;
  --ng-panel-header-color: #ffffff;
  --ng-panel-header-padding: 20px;
  --ng-panel-menu-gap: 8px;
  --ng-panel-menu-item-border-radius: 8px;
  --ng-panel-menu-item-color: #ffffff;
  --ng-panel-menu-item-focus-background: #40403d;
  --ng-panel-menu-item-focus-color: #ffffff;
  --ng-panel-menu-item-gap: 8px;
  --ng-panel-menu-item-icon-color: #ffffff;
  --ng-panel-menu-item-icon-focus-color: #ffffff;
  --ng-panel-menu-panel-background: #292826;
  --ng-panel-menu-panel-border-color: #6d6d69;
  --ng-panel-menu-panel-border-radius: 8px;
  --ng-panel-menu-panel-border-width: 1px;
  --ng-panel-menu-panel-color: #ffffff;
  --ng-panel-menu-panel-first-border-width: 1px;
  --ng-panel-menu-panel-first-top-border-radius: 8px;
  --ng-panel-menu-panel-last-border-width: 1px;
  --ng-panel-menu-panel-last-bottom-border-radius: 8px;
  --ng-panel-menu-submenu-icon-color: #cac9c1;
  --ng-panel-menu-submenu-icon-focus-color: #cac9c1;
  --ng-panel-menu-submenu-indent: 16px;
  --ng-password-content-gap: 8px;
  --ng-password-icon-color: #cac9c1;
  --ng-password-meter-background: #6d6d69;
  --ng-password-meter-border-radius: 8px;
  --ng-password-meter-height: 10px;
  --ng-password-overlay-background: #292826;
  --ng-password-overlay-border-color: #6d6d69;
  --ng-password-overlay-border-radius: 8px;
  --ng-password-overlay-color: #ffffff;
  --ng-password-overlay-padding: 12px;
  --ng-password-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-password-strength-medium-background: #e6c300;
  --ng-password-strength-strong-background: #2da57e;
  --ng-password-strength-weak-background: #d14f3e;
  --ng-picklist-controls-gap: 8px;
  --ng-picklist-gap: 12px;
  --ng-pink-50: #fdf2f8;
  --ng-pink-100: #fce7f3;
  --ng-pink-200: #fbcfe8;
  --ng-pink-300: #f9a8d4;
  --ng-pink-400: #f472b6;
  --ng-pink-500: #ec4899;
  --ng-pink-600: #db2777;
  --ng-pink-700: #be185d;
  --ng-pink-800: #9d174d;
  --ng-pink-900: #831843;
  --ng-pink-950: #500724;
  --ng-popover-arrow-offset: 17.5px;
  --ng-popover-background: #292826;
  --ng-popover-border-color: #6d6d69;
  --ng-popover-border-radius: 8px;
  --ng-popover-color: #ffffff;
  --ng-popover-content-padding: 12px;
  --ng-popover-gutter: 10px;
  --ng-popover-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-primary-50: #e6ecf3;
  --ng-primary-100: #c1d0e0;
  --ng-primary-200: #9eb5ce;
  --ng-primary-300: #86a3c1;
  --ng-primary-400: #587fa8;
  --ng-primary-500: #295c8f;
  --ng-primary-600: #0a4b82;
  --ng-primary-700: #094579;
  --ng-primary-800: #063b68;
  --ng-primary-900: #043056;
  --ng-primary-950: #02213e;
  --ng-primary-active-color: #9eb5ce;
  --ng-primary-color: #587fa8;
  --ng-primary-contrast-color: #292826;
  --ng-primary-hover-color: #86a3c1;
  --ng-progress-bar: [object Object];
  --ng-progress-spinner-color-four: #cec95b;
  --ng-progress-spinner-color-one: #d14f3e;
  --ng-progress-spinner-color-three: #2da57e;
  --ng-progress-spinner-color-two: #569bde;
  --ng-purple-50: #fceffb;
  --ng-purple-100: #fce8fa;
  --ng-purple-200: #efd2ec;
  --ng-purple-300: #dda4d8;
  --ng-purple-400: #ba68b2;
  --ng-purple-500: #8e5189;
  --ng-purple-600: #863573;
  --ng-purple-700: #742863;
  --ng-purple-800: #5e3755;
  --ng-purple-900: #45243e;
  --ng-purple-950: #30172a;
  --ng-radio-button-background: #131312;
  --ng-radio-button-border-color: #908f89;
  --ng-radio-button-checked-background: #587fa8;
  --ng-radio-button-checked-border-color: #587fa8;
  --ng-radio-button-checked-disabled-border-color: #908f89;
  --ng-radio-button-checked-focus-border-color: #587fa8;
  --ng-radio-button-checked-hover-background: #86a3c1;
  --ng-radio-button-checked-hover-border-color: #86a3c1;
  --ng-radio-button-disabled-background: #6d6d69;
  --ng-radio-button-filled-background: #063b68;
  --ng-radio-button-focus-border-color: #908f89;
  --ng-radio-button-focus-ring-color: #587fa8;
  --ng-radio-button-focus-ring-offset: 2px;
  --ng-radio-button-focus-ring-width: 2px;
  --ng-radio-button-height: 20px;
  --ng-radio-button-hover-border-color: #acaba5;
  --ng-radio-button-icon-checked-color: #292826;
  --ng-radio-button-icon-checked-hover-color: #292826;
  --ng-radio-button-icon-disabled-color: #cac9c1;
  --ng-radio-button-icon-lg-size: 20px;
  --ng-radio-button-icon-size: 16px;
  --ng-radio-button-icon-sm-size: 8px;
  --ng-radio-button-invalid-border-color: #dd7569;
  --ng-radio-button-lg-height: 24px;
  --ng-radio-button-lg-width: 24px;
  --ng-radio-button-sm-height: 16px;
  --ng-radio-button-sm-width: 16px;
  --ng-radio-button-width: 20px;
  --ng-radiobutton-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-radiobutton-shadow: 0px 1px 2px 0px #1212170d;
  --ng-rating-focus-ring-color: #587fa8;
  --ng-rating-focus-ring-offset: 2px;
  --ng-rating-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-rating-focus-ring-width: 2px;
  --ng-rating-gap: 0px;
  --ng-rating-icon-active-color: #587fa8;
  --ng-rating-icon-color: #cac9c1;
  --ng-rating-icon-hover-color: #587fa8;
  --ng-rating-icon-size: 14px;
  --ng-ratingdisplay-gap: -3px;
  --ng-ratingdisplay-icon-color: #587fa8;
  --ng-ratingdisplay-icon-size: 14px;
  --ng-rose-50: #fff1f2;
  --ng-rose-100: #ffe4e6;
  --ng-rose-200: #fecdd3;
  --ng-rose-300: #fda4af;
  --ng-rose-400: #fb7185;
  --ng-rose-500: #f43f5e;
  --ng-rose-600: #e11d48;
  --ng-rose-700: #be123c;
  --ng-rose-800: #9f1239;
  --ng-rose-900: #881337;
  --ng-rose-950: #4c0519;
  --ng-scroll-panel-bar-background: #40403d;
  --ng-scroll-panel-bar-border-radius: 6px;
  --ng-scroll-panel-bar-focus-ring-color: #587fa8;
  --ng-scroll-panel-bar-focus-ring-offset: 2px;
  --ng-scroll-panel-bar-focus-ring-width: 2px;
  --ng-scroll-panel-bar-size: 9px;
  --ng-scrollpanel-bar-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-select-background: #131312;
  --ng-select-border-color: #908f89;
  --ng-select-border-radius: 8px;
  --ng-select-checkmark-color: #ffffff;
  --ng-select-checkmark-gutter-end: 5.25px;
  --ng-select-checkmark-gutter-start: -5.25px;
  --ng-select-clear-icon-color: #cac9c1;
  --ng-select-color: #ffffff;
  --ng-select-disabled-background: #6d6d69;
  --ng-select-disabled-color: #cac9c1;
  --ng-select-dropdown-color: #cac9c1;
  --ng-select-dropdown-width: 35px;
  --ng-select-filled-background: #063b68;
  --ng-select-filled-focus-background: #063b68;
  --ng-select-filled-hover-background: #063b68;
  --ng-select-focus-border-color: #587fa8;
  --ng-select-focus-ring-color: #587fa8;
  --ng-select-focus-ring-offset: 2px;
  --ng-select-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-select-focus-ring-width: 2px;
  --ng-select-hover-border-color: #acaba5;
  --ng-select-invalid-border-color: #dd7569;
  --ng-select-invalid-placeholder-color: #d14f3e;
  --ng-select-lg-padding-x: 11px;
  --ng-select-lg-padding-y: 7px;
  --ng-select-list-gap: 2px;
  --ng-select-option-border-radius: 6px;
  --ng-select-option-color: #ffffff;
  --ng-select-option-focus-background: #40403d;
  --ng-select-option-focus-color: #ffffff;
  --ng-select-option-group-background: rgba(0, 0, 0, 0);
  --ng-select-option-group-color: #cac9c1;
  --ng-select-option-selected-background: rgba(52, 211, 153, 0.16);
  --ng-select-option-selected-color: rgba(255, 255, 255, 0.87);
  --ng-select-option-selected-focus-background: rgba(52, 211, 153, 0.24);
  --ng-select-option-selected-focus-color: rgba(255, 255, 255, 0.87);
  --ng-select-overlay-background: #292826;
  --ng-select-overlay-border-color: #6d6d69;
  --ng-select-overlay-border-radius: 8px;
  --ng-select-overlay-color: #ffffff;
  --ng-select-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-select-padding-x: 9px;
  --ng-select-padding-y: 5px;
  --ng-select-placeholder-color: #cac9c1;
  --ng-select-shadow: 0px 1px 2px 0px #1212170d;
  --ng-select-sm-padding-x: 8px;
  --ng-select-sm-padding-y: 4px;
  --ng-select-button-border-radius: 8px;
  --ng-select-button-invalid-border-color: #dd7569;
  --ng-skeleton-background: rgba(255, 255, 255, 0.06);
  --ng-skeleton-border-radius: 8px;
  --ng-sky-50: #f0f9ff;
  --ng-sky-100: #e0f2fe;
  --ng-sky-200: #bae6fd;
  --ng-sky-300: #7dd3fc;
  --ng-sky-400: #38bdf8;
  --ng-sky-500: #0ea5e9;
  --ng-sky-600: #0284c7;
  --ng-sky-700: #0369a1;
  --ng-sky-800: #075985;
  --ng-sky-900: #0c4a6e;
  --ng-sky-950: #082f49;
  --ng-slate-50: #f9fafb;
  --ng-slate-100: #f3f4f6;
  --ng-slate-200: #e5e7eb;
  --ng-slate-300: #d1d5db;
  --ng-slate-400: #9ca3af;
  --ng-slate-500: #6b7280;
  --ng-slate-600: #4b5563;
  --ng-slate-700: #374151;
  --ng-slate-800: #1f2937;
  --ng-slate-900: #111827;
  --ng-slate-950: #030712;
  --ng-slider-handle-background: #6d6d69;
  --ng-slider-handle-border-radius: 10px;
  --ng-slider-handle-content-background: #131312;
  --ng-slider-handle-content-border-radius: 8px;
  --ng-slider-handle-content-height: 16px;
  --ng-slider-handle-content-hover-background: #292826;
  --ng-slider-handle-content-shadow: 0px 1px 1px 0px #00000024, 0px 0.5px 0px 0px #00000014;
  --ng-slider-handle-content-width: 16px;
  --ng-slider-handle-focus-ring-color: #587fa8;
  --ng-slider-handle-focus-ring-offset: 2px;
  --ng-slider-handle-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-slider-handle-focus-ring-width: 2px;
  --ng-slider-handle-height: 20px;
  --ng-slider-handle-hover-background: #6d6d69;
  --ng-slider-handle-width: 20px;
  --ng-slider-range-background: #587fa8;
  --ng-slider-track-background: #6d6d69;
  --ng-slider-track-border-radius: 8px;
  --ng-slider-track-size: 3px;
  --ng-speed-dial-gap: 7px;
  --ng-split-button-border-radius: 8px;
  --ng-split-button-rounded-border-radius: 48px;
  --ng-splitbutton-raised-shadow: 0px 1px 5px 0px #0000001f, 0px 2px 2px 0px #00000024, 0px 3px 1px -2px #00000033;
  --ng-splitter-background: #292826;
  --ng-splitter-border-color: #6d6d69;
  --ng-splitter-color: #ffffff;
  --ng-splitter-gutter-background: #6d6d69;
  --ng-splitter-handle-background: rgba(0, 0, 0, 0);
  --ng-splitter-handle-border-radius: 8px;
  --ng-splitter-handle-focus-ring-color: #587fa8;
  --ng-splitter-handle-focus-ring-offset: 2px;
  --ng-splitter-handle-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-splitter-handle-focus-ring-width: 2px;
  --ng-splitter-handle-size: 24px;
  --ng-stepper-separator-active-background: #587fa8;
  --ng-stepper-separator-background: #6d6d69;
  --ng-stepper-separator-size: 2px;
  --ng-stepper-step-gap: 16px;
  --ng-stepper-step-header-border-radius: 8px;
  --ng-stepper-step-header-focus-ring-color: #587fa8;
  --ng-stepper-step-header-focus-ring-offset: 2px;
  --ng-stepper-step-header-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-stepper-step-header-focus-ring-width: 2px;
  --ng-stepper-step-header-gap: 8px;
  --ng-stepper-step-header-padding: 0px;
  --ng-stepper-step-number-active-background: #292826;
  --ng-stepper-step-number-active-border-color: #6d6d69;
  --ng-stepper-step-number-active-color: #587fa8;
  --ng-stepper-step-number-background: #292826;
  --ng-stepper-step-number-border-color: #6d6d69;
  --ng-stepper-step-number-border-radius: 48px;
  --ng-stepper-step-number-color: #cac9c1;
  --ng-stepper-step-number-shadow: 0px 1px 1px 0px #0000001f, 0px 0.5px 0px 0px #0000000f;
  --ng-stepper-step-number-size: 28px;
  --ng-stepper-step-padding: 8px;
  --ng-stepper-step-title-active-color: #ffffff;
  --ng-stepper-step-title-active-weight: 700px;
  --ng-stepper-step-title-color: #cac9c1;
  --ng-stepper-steppanel-background: #292826;
  --ng-stepper-steppanel-color: #ffffff;
  --ng-surface-0: #ffffff;
  --ng-surface-50: #f7f7f4;
  --ng-surface-100: #f0efe9;
  --ng-surface-200: #e8e7de;
  --ng-surface-300: #d9d8cf;
  --ng-surface-400: #cac9c1;
  --ng-surface-500: #acaba5;
  --ng-surface-600: #908f89;
  --ng-surface-700: #6d6d69;
  --ng-surface-800: #40403d;
  --ng-surface-900: #292826;
  --ng-surface-950: #131312;
  --ng-tabs-active-bar-background: #587fa8;
  --ng-tabs-active-bar-bottom: -1px;
  --ng-tabs-active-bar-height: 2px;
  --ng-tabs-nav-button-background: #292826;
  --ng-tabs-nav-button-color: #cac9c1;
  --ng-tabs-nav-button-focus-ring-color: #587fa8;
  --ng-tabs-nav-button-focus-ring-offset: -1px;
  --ng-tabs-nav-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-tabs-nav-button-focus-ring-width: 2px;
  --ng-tabs-nav-button-hover-color: #ffffff;
  --ng-tabs-nav-button-shadow: 0px 0px 10px 50px #ffffff99;
  --ng-tabs-nav-button-width: 35px;
  --ng-tabs-tab-active-background: rgba(0, 0, 0, 0);
  --ng-tabs-tab-active-border-color: #587fa8;
  --ng-tabs-tab-active-color: #587fa8;
  --ng-tabs-tab-background: rgba(0, 0, 0, 0);
  --ng-tabs-tab-border-color: #6d6d69;
  --ng-tabs-tab-border-width: 1px;
  --ng-tabs-tab-color: #cac9c1;
  --ng-tabs-tab-focus-ring-color: #587fa8;
  --ng-tabs-tab-focus-ring-offset: -1px;
  --ng-tabs-tab-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-tabs-tab-focus-ring-width: 2px;
  --ng-tabs-tab-gap: 8px;
  --ng-tabs-tab-hover-background: rgba(0, 0, 0, 0);
  --ng-tabs-tab-hover-border-color: #6d6d69;
  --ng-tabs-tab-hover-color: #ffffff;
  --ng-tabs-tablist-background: #292826;
  --ng-tabs-tablist-border-color: #6d6d69;
  --ng-tabs-tablist-border-width: 1px;
  --ng-tabs-tabpanel-background: #292826;
  --ng-tabs-tabpanel-color: #ffffff;
  --ng-tabs-tabpanel-focus-ring-color: #587fa8;
  --ng-tabs-tabpanel-focus-ring-offset: 2px;
  --ng-tabs-tabpanel-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-tabs-tabpanel-focus-ring-width: 2px;
  --ng-tabview-nav-button-shadow: 0px 0px 10px 50px #ffffff99;
  --ng-tag-accent-background: #48461b;
  --ng-tag-accent-color: #eee96b;
  --ng-tag-border-radius: 4px;
  --ng-tag-contrast-background: #ffffff;
  --ng-tag-contrast-color: #131312;
  --ng-tag-danger-background: rgba(239, 68, 68, 0.16);
  --ng-tag-danger-color: #dd7569;
  --ng-tag-gap: 1px;
  --ng-tag-icon-size: 10.5px;
  --ng-tag-info-background: rgba(14, 165, 233, 0.16);
  --ng-tag-info-color: #7dd3fc;
  --ng-tag-primary-background: rgba(16, 185, 129, 0.16);
  --ng-tag-primary-color: #86a3c1;
  --ng-tag-rounded-border-radius: 16px;
  --ng-tag-secondary-background: #40403d;
  --ng-tag-secondary-color: #d9d8cf;
  --ng-tag-success-background: rgba(34, 197, 94, 0.16);
  --ng-tag-success-color: #66c7a8;
  --ng-tag-tertiary-background: #004839;
  --ng-tag-tertiary-color: #00ffd2;
  --ng-tag-warn-background: rgba(249, 115, 22, 0.16);
  --ng-tag-warn-color: #fdba74;
  --ng-teal-50: #f0fdfa;
  --ng-teal-100: #ccfbf1;
  --ng-teal-200: #99f6e4;
  --ng-teal-300: #5eead4;
  --ng-teal-400: #2dd4bf;
  --ng-teal-500: #14b8a6;
  --ng-teal-600: #0d9488;
  --ng-teal-700: #0f766e;
  --ng-teal-800: #115e59;
  --ng-teal-900: #134e4a;
  --ng-teal-950: #042f2e;
  --ng-terminal-background: #131312;
  --ng-terminal-border-color: #908f89;
  --ng-terminal-border-radius: 8px;
  --ng-terminal-color: #ffffff;
  --ng-terminal-height: 252px;
  --ng-terminal-prompt-gap: 3.5px;
  --ng-text-color: #ffffff;
  --ng-text-hover-color: #ffffff;
  --ng-text-hover-muted-color: #d9d8cf;
  --ng-text-muted-color: #cac9c1;
  --ng-text-area-background: #131312;
  --ng-text-area-border-color: #908f89;
  --ng-text-area-border-radius: 8px;
  --ng-text-area-color: #ffffff;
  --ng-text-area-disabled-background: #6d6d69;
  --ng-text-area-disabled-color: #cac9c1;
  --ng-text-area-filled-background: #063b68;
  --ng-text-area-filled-focus-background: #063b68;
  --ng-text-area-filled-hover-background: #063b68;
  --ng-text-area-focus-border-color: #587fa8;
  --ng-text-area-focus-ring-color: #587fa8;
  --ng-text-area-focus-ring-offset: 2px;
  --ng-text-area-focus-ring-width: 2px;
  --ng-text-area-hover-border-color: #acaba5;
  --ng-text-area-invalid-border-color: #dd7569;
  --ng-text-area-invalid-placeholder-color: #d14f3e;
  --ng-text-area-lg-padding-x: 11px;
  --ng-text-area-lg-padding-y: 7px;
  --ng-text-area-padding-x: 9px;
  --ng-text-area-padding-y: 5px;
  --ng-text-area-placeholder-color: #cac9c1;
  --ng-text-area-sm-padding-x: 8px;
  --ng-text-area-sm-padding-y: 4px;
  --ng-textarea-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-textarea-shadow: 0px 1px 2px 0px #1212170d;
  --ng-tiered-menu-background: #292826;
  --ng-tiered-menu-border-color: #6d6d69;
  --ng-tiered-menu-border-radius: 8px;
  --ng-tiered-menu-color: #ffffff;
  --ng-tiered-menu-item-active-background: #40403d;
  --ng-tiered-menu-item-active-color: #ffffff;
  --ng-tiered-menu-item-border-radius: 6px;
  --ng-tiered-menu-item-color: #ffffff;
  --ng-tiered-menu-item-focus-background: #40403d;
  --ng-tiered-menu-item-focus-color: #ffffff;
  --ng-tiered-menu-item-gap: 8px;
  --ng-tiered-menu-item-icon-active-color: #ffffff;
  --ng-tiered-menu-item-icon-color: #ffffff;
  --ng-tiered-menu-item-icon-focus-color: #ffffff;
  --ng-tiered-menu-list-gap: 2px;
  --ng-tiered-menu-separator-border-color: #6d6d69;
  --ng-tiered-menu-submenu-icon-active-color: #cac9c1;
  --ng-tiered-menu-submenu-icon-color: #cac9c1;
  --ng-tiered-menu-submenu-icon-focus-color: #cac9c1;
  --ng-tiered-menu-submenu-icon-size: 14px;
  --ng-tiered-menu-submenu-mobile-indent: 14px;
  --ng-tieredmenu-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-timeline-event-connector-color: #6d6d69;
  --ng-timeline-event-connector-size: 2px;
  --ng-timeline-event-marker-background: #292826;
  --ng-timeline-event-marker-border-color: #6d6d69;
  --ng-timeline-event-marker-border-radius: 8px;
  --ng-timeline-event-marker-border-width: 2px;
  --ng-timeline-event-marker-content-background: #587fa8;
  --ng-timeline-event-marker-content-border-radius: 4px;
  --ng-timeline-event-marker-content-inset-shadow: 0px 1px 1px 0px #0000001f, 0px 0.5px 0px 0px #0000000f;
  --ng-timeline-event-marker-content-size: 6px;
  --ng-timeline-event-marker-size: 18px;
  --ng-timeline-event-min-height: 70px;
  --ng-toast-accent-background: #48461b;
  --ng-toast-accent-border-color: #636128;
  --ng-toast-accent-close-button-focus-ring-color: #eee96b;
  --ng-toast-accent-close-button-hover-background: #636128;
  --ng-toast-accent-color: #eee96b;
  --ng-toast-accent-detail-color: #ffffff;
  --ng-toast-blur: 10px;
  --ng-toast-border-radius: 8px;
  --ng-toast-border-width: 1px;
  --ng-toast-close-button-focus-ring-offset: 2px;
  --ng-toast-close-button-focus-ring-width: 2px;
  --ng-toast-content-gap: 8px;
  --ng-toast-content-padding: 12px;
  --ng-toast-contrast-background: #ffffff;
  --ng-toast-contrast-border-color: #f0efe9;
  --ng-toast-contrast-close-button-focus-ring-color: #131312;
  --ng-toast-contrast-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-contrast-close-button-hover-background: #f0efe9;
  --ng-toast-contrast-color: #131312;
  --ng-toast-contrast-detail-color: #131312;
  --ng-toast-contrast-shadow: 0px 4px 8px 0px #0000010a;
  --ng-toast-error-background: rgba(239, 68, 68, 0.16);
  --ng-toast-error-border-color: rgba(185, 28, 28, 0.36);
  --ng-toast-error-close-button-focus-ring-color: #c93320;
  --ng-toast-error-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-error-close-button-hover-background: rgba(255, 255, 255, 0.05);
  --ng-toast-error-color: #c93320;
  --ng-toast-error-detail-color: #ffffff;
  --ng-toast-error-shadow: 0px 4px 8px 0px #0a03030a;
  --ng-toast-icon-size: 20px;
  --ng-toast-info-background: rgba(59, 130, 246, 0.16);
  --ng-toast-info-border-color: rgba(29, 78, 216, 0.36);
  --ng-toast-info-close-button-focus-ring-color: #2080c9;
  --ng-toast-info-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-info-close-button-hover-background: rgba(255, 255, 255, 0.05);
  --ng-toast-info-color: #2080c9;
  --ng-toast-info-detail-color: #ffffff;
  --ng-toast-info-shadow: 0px 4px 8px 0px #02050a0a;
  --ng-toast-secondary-background: #40403d;
  --ng-toast-secondary-border-color: #6d6d69;
  --ng-toast-secondary-close-button-focus-ring-color: #d9d8cf;
  --ng-toast-secondary-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-secondary-close-button-hover-background: #6d6d69;
  --ng-toast-secondary-color: #d9d8cf;
  --ng-toast-secondary-detail-color: #ffffff;
  --ng-toast-secondary-shadow: 0px 4px 8px 0px #0405060a;
  --ng-toast-success-background: rgba(34, 197, 94, 0.16);
  --ng-toast-success-border-color: rgba(21, 128, 61, 0.36);
  --ng-toast-success-close-button-focus-ring-color: #097947;
  --ng-toast-success-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-success-close-button-hover-background: rgba(255, 255, 255, 0.05);
  --ng-toast-success-color: #097947;
  --ng-toast-success-detail-color: #ffffff;
  --ng-toast-success-shadow: 0px 4px 8px 0px #0108040a;
  --ng-toast-text-gap: 8px;
  --ng-toast-warn-background: rgba(234, 179, 8, 0.16);
  --ng-toast-warn-border-color: rgba(161, 98, 7, 0.36);
  --ng-toast-warn-close-button-focus-ring-color: #aeaa4c;
  --ng-toast-warn-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toast-warn-close-button-hover-background: rgba(255, 255, 255, 0.05);
  --ng-toast-warn-color: #aeaa4c;
  --ng-toast-warn-detail-color: #ffffff;
  --ng-toast-warn-shadow: 0px 4px 8px 0px #0907000a;
  --ng-toast-width: 350px;
  --ng-toggle-button-background: #131312;
  --ng-toggle-button-border-color: #131312;
  --ng-toggle-button-border-radius: 8px;
  --ng-toggle-button-checked-background: #131312;
  --ng-toggle-button-checked-border-color: #131312;
  --ng-toggle-button-checked-color: #ffffff;
  --ng-toggle-button-color: #cac9c1;
  --ng-toggle-button-content-border-radius: 6px;
  --ng-toggle-button-content-checked-background: #40403d;
  --ng-toggle-button-content-left: 3.5px;
  --ng-toggle-button-content-top: 3.5px;
  --ng-toggle-button-disabled-background: #6d6d69;
  --ng-toggle-button-disabled-border-color: #6d6d69;
  --ng-toggle-button-disabled-color: #cac9c1;
  --ng-toggle-button-focus-ring-color: #587fa8;
  --ng-toggle-button-focus-ring-offset: 2px;
  --ng-toggle-button-focus-ring-width: 2px;
  --ng-toggle-button-gap: 2px;
  --ng-toggle-button-hover-background: #131312;
  --ng-toggle-button-hover-color: #d9d8cf;
  --ng-toggle-button-icon-checked-color: #ffffff;
  --ng-toggle-button-icon-color: #cac9c1;
  --ng-toggle-button-icon-disabled-color: #cac9c1;
  --ng-toggle-button-icon-hover-color: #d9d8cf;
  --ng-toggle-button-invalid-border-color: #dd7569;
  --ng-toggle-button-lg-padding: 2px;
  --ng-toggle-button-padding: 1.75px;
  --ng-toggle-button-sm-padding: 2px;
  --ng-toggle-switch-background: #6d6d69;
  --ng-toggle-switch-border-color: rgba(0, 0, 0, 0);
  --ng-toggle-switch-border-radius: 30px;
  --ng-toggle-switch-border-width: 1px;
  --ng-toggle-switch-checked-background: #587fa8;
  --ng-toggle-switch-checked-border-color: rgba(0, 0, 0, 0);
  --ng-toggle-switch-checked-hover-background: #86a3c1;
  --ng-toggle-switch-checked-hover-border-color: rgba(0, 0, 0, 0);
  --ng-toggle-switch-disabled-background: #908f89;
  --ng-toggle-switch-focus-ring-color: #587fa8;
  --ng-toggle-switch-focus-ring-offset: 2px;
  --ng-toggle-switch-focus-ring-width: 2px;
  --ng-toggle-switch-gap: 3.5px;
  --ng-toggle-switch-handle-background: #cac9c1;
  --ng-toggle-switch-handle-border-radius: 10px;
  --ng-toggle-switch-handle-checked-background: #292826;
  --ng-toggle-switch-handle-checked-color: #66c7a8;
  --ng-toggle-switch-handle-checked-hover-background: #292826;
  --ng-toggle-switch-handle-checked-hover-color: #2da57e;
  --ng-toggle-switch-handle-color: #292826;
  --ng-toggle-switch-handle-disabled-background: #292826;
  --ng-toggle-switch-handle-hover-background: #d9d8cf;
  --ng-toggle-switch-handle-hover-color: #40403d;
  --ng-toggle-switch-handle-size: 20px;
  --ng-toggle-switch-height: 21px;
  --ng-toggle-switch-hover-background: #908f89;
  --ng-toggle-switch-hover-border-color: rgba(0, 0, 0, 0);
  --ng-toggle-switch-invalid-border-color: #dd7569;
  --ng-toggle-switch-width: 35px;
  --ng-togglebutton-content-checked-shadow: 0px 1px 2px 0px #0000000a, 0px 1px 2px 0px #00000005;
  --ng-togglebutton-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toggleswitch-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-toggleswitch-shadow: 0px 1px 2px 0px #1212170d;
  --ng-toolbar-background: #292826;
  --ng-toolbar-border-color: #6d6d69;
  --ng-toolbar-border-radius: 8px;
  --ng-toolbar-color: #ffffff;
  --ng-toolbar-gap: 8px;
  --ng-toolbar-padding: 12px;
  --ng-tooltip-background: #6d6d69;
  --ng-tooltip-border-radius: 8px;
  --ng-tooltip-color: #ffffff;
  --ng-tooltip-gutter: 6px;
  --ng-tooltip-max-width: 175px;
  --ng-tooltip-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-tree-background: #292826;
  --ng-tree-color: #ffffff;
  --ng-tree-filter-margin: 7px;
  --ng-tree-gap: 2px;
  --ng-tree-indent: 16px;
  --ng-tree-loading-icon-size: 28px;
  --ng-tree-node-border-radius: 8px;
  --ng-tree-node-color: #ffffff;
  --ng-tree-node-focus-ring-color: #587fa8;
  --ng-tree-node-focus-ring-offset: -1px;
  --ng-tree-node-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-tree-node-focus-ring-width: 2px;
  --ng-tree-node-gap: 4px;
  --ng-tree-node-hover-background: #40403d;
  --ng-tree-node-hover-color: #ffffff;
  --ng-tree-node-icon-color: #cac9c1;
  --ng-tree-node-icon-hover-color: #d9d8cf;
  --ng-tree-node-icon-selected-color: rgba(255, 255, 255, 0.87);
  --ng-tree-node-selected-background: rgba(52, 211, 153, 0.16);
  --ng-tree-node-selected-color: rgba(255, 255, 255, 0.87);
  --ng-tree-node-toggle-button-border-radius: 24px;
  --ng-tree-node-toggle-button-color: #cac9c1;
  --ng-tree-node-toggle-button-focus-ring-color: #587fa8;
  --ng-tree-node-toggle-button-focus-ring-offset: 2px;
  --ng-tree-node-toggle-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-tree-node-toggle-button-focus-ring-width: 2px;
  --ng-tree-node-toggle-button-hover-background: #40403d;
  --ng-tree-node-toggle-button-hover-color: #d9d8cf;
  --ng-tree-node-toggle-button-selected-hover-background: #292826;
  --ng-tree-node-toggle-button-selected-hover-color: #587fa8;
  --ng-tree-node-toggle-button-size: 24px;
  --ng-tree-padding: 16px;
  --ng-tree-select-background: #131312;
  --ng-tree-select-border-color: #908f89;
  --ng-tree-select-border-radius: 8px;
  --ng-tree-select-chip-border-radius: 6px;
  --ng-tree-select-clear-icon-color: #cac9c1;
  --ng-tree-select-color: #ffffff;
  --ng-tree-select-disabled-background: #6d6d69;
  --ng-tree-select-disabled-color: #cac9c1;
  --ng-tree-select-dropdown-color: #cac9c1;
  --ng-tree-select-dropdown-width: 35px;
  --ng-tree-select-filled-background: #063b68;
  --ng-tree-select-filled-focus-background: #063b68;
  --ng-tree-select-filled-hover-background: #063b68;
  --ng-tree-select-focus-border-color: #587fa8;
  --ng-tree-select-focus-ring-color: #587fa8;
  --ng-tree-select-focus-ring-offset: 2px;
  --ng-tree-select-focus-ring-width: 2px;
  --ng-tree-select-hover-border-color: #acaba5;
  --ng-tree-select-invalid-border-color: #dd7569;
  --ng-tree-select-invalid-placeholder-color: #d14f3e;
  --ng-tree-select-lg-padding-x: 11px;
  --ng-tree-select-lg-padding-y: 9px;
  --ng-tree-select-overlay-background: #292826;
  --ng-tree-select-overlay-border-color: #6d6d69;
  --ng-tree-select-overlay-border-radius: 8px;
  --ng-tree-select-overlay-color: #ffffff;
  --ng-tree-select-padding-x: 9px;
  --ng-tree-select-padding-y: 5px;
  --ng-tree-select-placeholder-color: #cac9c1;
  --ng-tree-select-sm-padding-x: 8px;
  --ng-tree-select-sm-padding-y: 4px;
  --ng-tree-table-body-cell-border-color: #40403d;
  --ng-tree-table-body-cell-gap: 8px;
  --ng-tree-table-body-cell-selected-border-color: #043056;
  --ng-tree-table-border-color: #40403d;
  --ng-tree-table-column-resizer-width: 8px;
  --ng-tree-table-footer-background: #292826;
  --ng-tree-table-footer-border-color: #40403d;
  --ng-tree-table-footer-border-width: 1px;
  --ng-tree-table-footer-cell-background: #292826;
  --ng-tree-table-footer-cell-border-color: #40403d;
  --ng-tree-table-footer-cell-color: #ffffff;
  --ng-tree-table-footer-color: #ffffff;
  --ng-tree-table-header-background: #292826;
  --ng-tree-table-header-border-color: #40403d;
  --ng-tree-table-header-border-width: 1px;
  --ng-tree-table-header-cell-background: #292826;
  --ng-tree-table-header-cell-border-color: #40403d;
  --ng-tree-table-header-cell-color: #ffffff;
  --ng-tree-table-header-cell-focus-ring-color: #587fa8;
  --ng-tree-table-header-cell-focus-ring-offset: -1px;
  --ng-tree-table-header-cell-focus-ring-width: 2px;
  --ng-tree-table-header-cell-gap: 8px;
  --ng-tree-table-header-cell-hover-background: #40403d;
  --ng-tree-table-header-cell-hover-color: #ffffff;
  --ng-tree-table-header-cell-selected-background: rgba(52, 211, 153, 0.16);
  --ng-tree-table-header-cell-selected-color: rgba(255, 255, 255, 0.87);
  --ng-tree-table-header-color: #ffffff;
  --ng-tree-table-loading-icon-size: 28px;
  --ng-tree-table-node-toggle-button-border-radius: 48px;
  --ng-tree-table-node-toggle-button-color: #cac9c1;
  --ng-tree-table-node-toggle-button-focus-ring-color: #587fa8;
  --ng-tree-table-node-toggle-button-focus-ring-offset: 2px;
  --ng-tree-table-node-toggle-button-focus-ring-width: 2px;
  --ng-tree-table-node-toggle-button-hover-background: #40403d;
  --ng-tree-table-node-toggle-button-hover-color: #ffffff;
  --ng-tree-table-node-toggle-button-selected-hover-background: #292826;
  --ng-tree-table-node-toggle-button-selected-hover-color: #587fa8;
  --ng-tree-table-node-toggle-button-size: 24px;
  --ng-tree-table-paginator-bottom-border-color: #6d6d69;
  --ng-tree-table-paginator-bottom-border-width: 1px;
  --ng-tree-table-paginator-top-border-color: #6d6d69;
  --ng-tree-table-paginator-top-border-width: 1px;
  --ng-tree-table-resize-indicator-color: #587fa8;
  --ng-tree-table-resize-indicator-width: 1px;
  --ng-tree-table-row-background: #292826;
  --ng-tree-table-row-color: #ffffff;
  --ng-tree-table-row-focus-ring-color: #587fa8;
  --ng-tree-table-row-focus-ring-offset: -1px;
  --ng-tree-table-row-focus-ring-width: 2px;
  --ng-tree-table-row-hover-background: #40403d;
  --ng-tree-table-row-hover-color: #ffffff;
  --ng-tree-table-row-selected-background: rgba(52, 211, 153, 0.16);
  --ng-tree-table-row-selected-color: rgba(255, 255, 255, 0.87);
  --ng-tree-table-sort-icon-color: #cac9c1;
  --ng-tree-table-sort-icon-hover-color: #d9d8cf;
  --ng-tree-table-sort-icon-size: 12.25px;
  --ng-treeselect-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-treeselect-overlay-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;
  --ng-treeselect-shadow: 0px 1px 2px 0px #1212170d;
  --ng-treetable-header-cell-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-treetable-node-toggle-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-treetable-row-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --ng-violet-50: #f5f3ff;
  --ng-violet-100: #ede9fe;
  --ng-violet-200: #ddd6fe;
  --ng-violet-300: #c4b5fd;
  --ng-violet-400: #a78bfa;
  --ng-violet-500: #8b5cf6;
  --ng-violet-600: #7c3aed;
  --ng-violet-700: #6d28d9;
  --ng-violet-800: #5b21b6;
  --ng-violet-900: #4c1d95;
  --ng-violet-950: #2e1065;
  --ng-virtual-scroller-loader-icon-size: 28px;
  --ng-virtual-scroller-loader-mask-background: #292826;
  --ng-virtual-scroller-loader-mask-color: #cac9c1;
  --ng-zinc-50: #fafafa;
  --ng-zinc-100: #f4f4f5;
  --ng-zinc-200: #e4e4e7;
  --ng-zinc-300: #d4d4d8;
  --ng-zinc-400: #a1a1aa;
  --ng-zinc-500: #71717a;
  --ng-zinc-600: #52525b;
  --ng-zinc-700: #3f3f46;
  --ng-zinc-800: #27272a;
  --ng-zinc-900: #18181b;
  --ng-zinc-950: #09090b;
}
/* figtree-latin-ext-300-normal */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/embedded-config/assets/figtree-latin-ext-300-normal-DwPJS_xR.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-ext-300-normal-DoS2vUKG.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* figtree-latin-300-normal */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/embedded-config/assets/figtree-latin-300-normal-C9xDoCWy.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-300-normal-BzOoftBZ.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* figtree-latin-ext-400-normal */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/embedded-config/assets/figtree-latin-ext-400-normal-CXAzuTZb.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-ext-400-normal-Gbh-3PTk.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* figtree-latin-400-normal */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/embedded-config/assets/figtree-latin-400-normal-g7Dtegnw.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-400-normal-BD4aNku5.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* figtree-latin-ext-600-normal */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/embedded-config/assets/figtree-latin-ext-600-normal-DJlfifZj.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-ext-600-normal-CQqsimlV.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* figtree-latin-600-normal */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/embedded-config/assets/figtree-latin-600-normal-Cv_xCTDl.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-600-normal-BM_oTo4n.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* figtree-latin-ext-300-italic */
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(/embedded-config/assets/figtree-latin-ext-300-italic-Ce2pvUfr.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-ext-300-italic-ByH301ZI.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* figtree-latin-300-italic */
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(/embedded-config/assets/figtree-latin-300-italic-D0UD_gmA.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-300-italic-FwaJsTR7.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* figtree-latin-ext-400-italic */
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/embedded-config/assets/figtree-latin-ext-400-italic-C_Hz7bSU.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-ext-400-italic-C-kB9AFN.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* figtree-latin-400-italic */
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/embedded-config/assets/figtree-latin-400-italic-BSc-2xHp.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-400-italic-B4hAvW4f.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* figtree-latin-ext-600-italic */
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url(/embedded-config/assets/figtree-latin-ext-600-italic-C9Rwzv4H.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-ext-600-italic-B4FIQq57.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* figtree-latin-600-italic */
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url(/embedded-config/assets/figtree-latin-600-italic-CUq9vNO9.woff2) format('woff2'), url(/embedded-config/assets/figtree-latin-600-italic-CoXhfiHO.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Typography bridge */
:root {
  --p-font-family: var(--ng-font-family-body, inherit);
}
html,
body,
.p-component {
  font-family: var(--ng-font-family-body, var(--p-font-family, inherit));
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(
    --ng-font-family-heading,
    var(--ng-font-family-body, var(--p-font-family, inherit))
  );
}
/* Accordion */
.p-accordionpanel {
  border-style: solid;
  border-width: var(--ng-accordion-panel-border-width);
  border-color: var(--ng-accordion-panel-border-color);
}
.p-accordionheader {
  color: var(--ng-accordion-header-color);
  background: var(--ng-accordion-header-background);
  border-style: solid;
  border-width: var(--ng-accordion-header-border-width);
  border-color: var(--ng-accordion-header-border-color);
  border-radius: var(--ng-accordion-header-border-radius);
  font-weight: var(--ng-accordion-header-font-weight);
  padding: var(--ng-accordion-header-padding);
}
.p-accordionheader .p-accordiontrigger {
  all: unset;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: inherit;
  box-sizing: border-box;
}
.p-accordionpanel:first-child > .p-accordionheader {
  border-width: var(--ng-accordion-header-first-border-width);
  border-top-left-radius: var(--ng-accordion-header-first-top-border-radius);
  border-top-right-radius: var(--ng-accordion-header-first-top-border-radius);
}
.p-accordionpanel:last-child > .p-accordionheader {
  border-bottom-left-radius: var(--ng-accordion-header-last-bottom-border-radius);
  border-bottom-right-radius: var(--ng-accordion-header-last-bottom-border-radius);
}
.p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {
  border-bottom-left-radius: var(--ng-accordion-header-last-active-bottom-border-radius);
  border-bottom-right-radius: var(--ng-accordion-header-last-active-bottom-border-radius);
}
.p-accordionheader .p-accordionheader-toggle-icon {
  color: var(--ng-accordion-header-toggle-icon-color);
}
.p-accordionpanel:not(.p-disabled) .p-accordionheader:has(.p-accordiontrigger:focus-visible) {
  box-shadow: var(--ng-accordion-header-focus-ring-shadow);
  outline: var(--ng-accordion-header-focus-ring-width) var(--ng-accordion-header-focus-ring-style)
    var(--ng-accordion-header-focus-ring-color);
  outline-offset: var(--ng-accordion-header-focus-ring-offset);
}
.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {
  background: var(--ng-accordion-header-hover-background);
  color: var(--ng-accordion-header-hover-color);
}
.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled)
  .p-accordionheader:hover
  .p-accordionheader-toggle-icon {
  color: var(--ng-accordion-header-toggle-icon-hover-color);
}
.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {
  background: var(--ng-accordion-header-active-background);
  color: var(--ng-accordion-header-active-color);
}
.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {
  color: var(--ng-accordion-header-toggle-icon-active-color);
}
.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover {
  background: var(--ng-accordion-header-active-hover-background);
  color: var(--ng-accordion-header-active-color);
}
.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover .p-accordionheader-toggle-icon {
  color: var(--ng-accordion-header-toggle-icon-active-hover-color);
}
.p-accordioncontent-content {
  border-style: solid;
  border-width: var(--ng-accordion-content-border-width);
  border-color: var(--ng-accordion-content-border-color);
  background: var(--ng-accordion-content-background);
  color: var(--ng-accordion-content-color);
  padding: var(--ng-accordion-content-padding);
}
/* DataTable */
.p-datatable {
  color: var(--ng-form-field-color);
}
.p-datatable .p-datatable-header,
.p-datatable .p-datatable-thead > tr > th {
  background: var(--ng-table-header-background, var(--ng-form-field-background));
  color: var(--ng-table-header-color, var(--ng-form-field-color));
  border-color: var(--ng-content-border-color);
}
.p-datatable .p-datatable-tbody > tr {
  background: var(--ng-table-row-background, var(--ng-surface-card-background, var(--ng-form-field-background)));
  color: var(--ng-table-row-color, var(--ng-form-field-color));
}
.p-datatable .p-datatable-tbody > tr > td {
  border-color: var(--ng-content-border-color);
}
.p-datatable .p-paginator {
  background: var(--ng-table-footer-background, var(--ng-form-field-background));
  border-color: var(--ng-content-border-color);
}
/* Avatar */
.p-avatar {
  width: var(--ng-avatar-width);
  height: var(--ng-avatar-height);
  font-size: var(--ng-avatar-font-size);
  background: var(--ng-avatar-background);
  border-radius: var(--ng-avatar-border-radius);
  color: var(--ng-avatar-color);
}
/* ProgressBar */
.p-progressbar {
  border-radius: var(--ng-border-radius-md);
}
/* Badge */
.p-badge {
  font-size: var(--ng-badge-font-size);
  font-weight: var(--ng-badge-font-weight);
  min-width: var(--ng-badge-min-width);
  height: var(--ng-badge-height);
  border-radius: var(--ng-badge-border-radius);
  padding: var(--ng-badge-padding);
}
.p-badge.p-badge-success {
  background: var(--ng-badge-success-background);
  color: var(--ng-badge-success-color);
}
.p-badge.p-badge-info {
  background: var(--ng-badge-info-background);
  color: var(--ng-badge-info-color);
}
.p-badge.p-badge-warning {
  background: var(--ng-badge-warn-background);
  color: var(--ng-badge-warn-color);
}
.p-badge.p-badge-danger {
  background: var(--ng-badge-danger-background);
  color: var(--ng-badge-danger-color);
}
/* Panel */
.p-panel {
  background: var(--ng-panel-background);
  color: var(--ng-panel-color);
  border: 1px solid var(--ng-panel-border-color);
  border-radius: var(--ng-panel-border-radius);
}
.p-panel .p-panel-header {
  background: var(--ng-panel-header-background);
  color: var(--ng-panel-header-color);
  padding: var(--ng-panel-header-padding);
  border-color: var(--ng-panel-header-border-color);
}
.p-panel .p-panel-title {
  font-weight: var(--ng-panel-title-font-weight);
}
.p-panel .p-panel-content {
  padding: var(--ng-panel-content-padding);
}
/* Chip */
.p-chip {
  background: var(--ng-chip-background);
  color: var(--ng-chip-color);
  border-radius: var(--ng-chip-border-radius);
  padding-block: var(--ng-chip-padding-y);
  padding-inline: var(--ng-chip-padding-x);
  gap: var(--ng-chip-gap);
}
.p-chip-icon {
  color: var(--ng-chip-icon-color);
  font-size: var(--ng-chip-icon-size);
  width: var(--ng-chip-icon-size);
  height: var(--ng-chip-icon-size);
}
.p-chip-image {
  width: var(--ng-chip-image-width);
  height: var(--ng-chip-image-height);
}
.p-chip-remove-icon {
  color: var(--ng-chip-remove-icon-color);
  font-size: var(--ng-chip-remove-icon-size);
  width: var(--ng-chip-remove-icon-size);
  height: var(--ng-chip-remove-icon-size);
}
.p-chip-remove-icon:focus-visible {
  box-shadow: var(--ng-chip-remove-icon-focus-ring-shadow);
  outline: var(--ng-chip-remove-icon-focus-ring-width) solid
    var(--ng-chip-remove-icon-focus-ring-color);
  outline-offset: var(--ng-chip-remove-icon-focus-ring-offset);
}
/* Rating */
.p-rating {
  gap: var(--ng-rating-gap);
}
.p-rating .p-rating-option-star {
  color: var(--ng-rating-icon-color);
  font-size: var(--ng-rating-icon-size);
  width: var(--ng-rating-icon-size);
  height: var(--ng-rating-icon-size);
  transition: color 0.2s;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-option-star {
  color: var(--ng-rating-icon-hover-color);
}
.p-rating .p-rating-option-active .p-rating-option-star {
  color: var(--ng-rating-icon-active-color);
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:focus-visible {
  box-shadow: var(--ng-rating-focus-ring-shadow);
  outline: var(--ng-rating-focus-ring-width) solid var(--ng-rating-focus-ring-color);
  outline-offset: var(--ng-rating-focus-ring-offset);
}
/* ToggleSwitch */
.p-toggleswitch {
  width: var(--ng-toggle-switch-width);
  height: var(--ng-toggle-switch-height);
}
.p-toggleswitch .p-toggleswitch-slider {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--ng-toggle-switch-background);
  border: var(--ng-toggle-switch-border-width) solid var(--ng-toggle-switch-border-color);
  border-radius: var(--ng-toggle-switch-border-radius);
  box-shadow: var(--ng-toggleswitch-shadow);
  transition: background 0.2s, border-color 0.2s;
}
.p-toggleswitch .p-toggleswitch-handle {
  position: absolute;
  top: 50%;
  inset-inline-start: var(--ng-toggle-switch-gap);
  margin-block-start: calc(-1 * (var(--ng-toggle-switch-handle-size) / 2));
  width: var(--ng-toggle-switch-handle-size);
  height: var(--ng-toggle-switch-handle-size);
  background: var(--ng-toggle-switch-handle-background);
  color: var(--ng-toggle-switch-handle-color);
  border-radius: var(--ng-toggle-switch-handle-border-radius);
  transition: background 0.2s, inset-inline-start 0.2s;
}
.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {
  inset-inline-start: calc(
    var(--ng-toggle-switch-width) -
    (var(--ng-toggle-switch-handle-size) + var(--ng-toggle-switch-gap))
  );
}
.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {
  background: var(--ng-toggle-switch-hover-background);
  border-color: var(--ng-toggle-switch-hover-border-color);
}
.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle {
  background: var(--ng-toggle-switch-handle-hover-background);
  color: var(--ng-toggle-switch-handle-hover-color);
}
.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
  background: var(--ng-toggle-switch-checked-background);
  border-color: var(--ng-toggle-switch-checked-border-color);
}
.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {
  background: var(--ng-toggle-switch-checked-hover-background);
  border-color: var(--ng-toggle-switch-checked-hover-border-color);
}
.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {
  background: var(--ng-toggle-switch-handle-checked-background);
  color: var(--ng-toggle-switch-handle-checked-color);
}
.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle {
  background: var(--ng-toggle-switch-handle-checked-hover-background);
  color: var(--ng-toggle-switch-handle-checked-hover-color);
}
.p-toggleswitch.p-disabled .p-toggleswitch-slider {
  background: var(--ng-toggle-switch-disabled-background);
}
.p-toggleswitch.p-disabled .p-toggleswitch-handle {
  background: var(--ng-toggle-switch-handle-disabled-background);
}
.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {
  box-shadow: var(--ng-toggleswitch-focus-ring-shadow);
  outline: var(--ng-toggle-switch-focus-ring-width) solid var(--ng-toggle-switch-focus-ring-color);
  outline-offset: var(--ng-toggle-switch-focus-ring-offset);
}
.p-toggleswitch.p-invalid > .p-toggleswitch-slider {
  border-color: var(--ng-toggle-switch-invalid-border-color);
}
/* ToggleButtonGroup (segmented control container) */
.p-selectbutton {
  display: inline-flex;
  align-items: center;
  background: var(--ng-toggle-button-background);
  border-radius: var(--ng-toggle-button-border-radius);
  padding: var(--ng-toggle-button-padding);
  gap: var(--ng-toggle-button-gap);
}
.p-selectbutton.p-invalid {
  outline: 2px solid var(--ng-toggle-button-invalid-border-color);
  outline-offset: -1px;
}
.p-selectbutton[disabled],
.p-selectbutton.p-disabled {
  background: var(--ng-toggle-button-disabled-background);
}
/* ToggleButton (individual button inside group) */
.p-togglebutton {
  background: transparent;
  color: var(--ng-toggle-button-hover-color);
  border: 0.5px solid transparent;
  border-radius: var(--ng-toggle-button-content-border-radius);
  padding: 4px 8px;
  gap: var(--ng-toggle-button-gap);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton:not(.p-disabled):not(.p-togglebutton-checked):hover {
  background: var(--ng-toggle-button-hover-background);
  color: var(--ng-toggle-button-hover-color);
}
.p-togglebutton.p-togglebutton-checked {
  background: var(--ng-toggle-button-content-checked-background);
  color: var(--ng-toggle-button-checked-color);
  border-color: var(--ng-toggle-button-checked-border-color);
  box-shadow: var(--ng-togglebutton-content-checked-shadow);
}
.p-togglebutton .p-togglebutton-icon {
  color: var(--ng-toggle-button-icon-color);
}
.p-togglebutton.p-togglebutton-checked .p-togglebutton-icon {
  color: var(--ng-toggle-button-icon-checked-color);
}
.p-togglebutton:not(.p-disabled):not(.p-togglebutton-checked):hover .p-togglebutton-icon {
  color: var(--ng-toggle-button-icon-hover-color);
}
.p-togglebutton.p-disabled {
  background: transparent;
  color: var(--ng-toggle-button-disabled-color);
  border-color: transparent;
  cursor: default;
}
.p-togglebutton.p-disabled.p-togglebutton-checked {
  background: var(--ng-toggle-button-content-checked-background);
  border-color: var(--ng-toggle-button-disabled-border-color);
}
.p-togglebutton.p-disabled .p-togglebutton-icon {
  color: var(--ng-toggle-button-icon-disabled-color);
}
.p-togglebutton:not(.p-disabled):focus-visible {
  box-shadow: var(--ng-togglebutton-focus-ring-shadow);
  outline: var(--ng-toggle-button-focus-ring-width) solid var(--ng-toggle-button-focus-ring-color);
  outline-offset: var(--ng-toggle-button-focus-ring-offset);
}
.p-togglebutton.p-togglebutton-sm {
  padding: 3px 7px;
}
.p-togglebutton.p-togglebutton-lg {
  padding: 8px 12px;
  font-size: 18px;
  line-height: 24px;
}/* src/actions-and-selectors/button/index.css */
.ng-button-small {
  display: flex;
  height: var(--interaction-height-S, 1.75rem);
  padding: var(--ng-button-sm-padding-y, 5.5px) var(--ng-button-sm-padding-x, 8px);
  align-items: center;
  gap: var(--ng-button-gap, 2px);
}
.ng-button-normal {
  display: flex;
  height: var(--interaction-height-M, 2rem);
  padding: var(--ng-button-padding-y, 5px) var(--ng-button-padding-x, 8px);
  align-items: center;
  gap: var(--ng-button-gap, 2px);
}
.ng-button-large {
  display: flex;
  height: var(--interaction-height-L, 2.5rem);
  padding: var(--ng-button-lg-padding-y, 9px) var(--ng-button-lg-padding-x, 13px);
  justify-content: center;
  align-items: center;
  gap: var(--ng-button-gap, 2px);
}
.ng-button-primary {
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
  border: 1px solid var(--ng-button-primary-border-color, #02213E);
  background: var(--ng-button-primary-background, #02213E);
  color: var(--ng-button-primary-color, #FFFFFF);
}
.ng-button-primary:hover {
  border-color: var(--ng-button-primary-hover-border-color, #063B68);
  background: var(--ng-button-primary-hover-background, #063B68);
  color: var(--ng-button-primary-hover-color, #FFFFFF);
}
.ng-button-primary:active {
  border-color: var(--ng-button-primary-active-border-color, #043056);
  background: var(--ng-button-primary-active-background, #043056);
  color: var(--ng-button-primary-active-color, #FFFFFF);
}
.ng-button-secondary {
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
  border: 1px solid var(--ng-button-secondary-border-color, #F0EFE9);
  background: var(--ng-button-secondary-background, #F0EFE9);
  color: var(--ng-button-secondary-color, #6D6D69);
}
.ng-button-secondary:hover {
  border-color: var(--ng-button-secondary-hover-border-color, #E8E7DE);
  background: var(--ng-button-secondary-hover-background, #E8E7DE);
  color: var(--ng-button-secondary-hover-color, #40403D);
}
.ng-button-secondary:active {
  border-color: var(--ng-button-secondary-active-border-color, #D9D8CF);
  background: var(--ng-button-secondary-active-background, #D9D8CF);
  color: var(--ng-button-secondary-active-color, #292826);
}
.ng-button-success {
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
  border: 1px solid var(--ng-button-success-border-color, #097947);
  background: var(--ng-button-success-background, #097947);
  color: var(--ng-button-success-color, #FFFFFF);
}
.ng-button-success:hover {
  border-color: var(--ng-button-success-hover-border-color, #07653C);
  background: var(--ng-button-success-hover-background, #07653C);
  color: var(--ng-button-success-hover-color, #FFFFFF);
}
.ng-button-success:active {
  border-color: var(--ng-button-success-active-border-color, #05512F);
  background: var(--ng-button-success-active-background, #05512F);
  color: var(--ng-button-success-active-color, #FFFFFF);
}
.ng-button-info {
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
  border: 1px solid var(--ng-button-info-border-color, #1C6EAC);
  background: var(--ng-button-info-background, #1C6EAC);
  color: var(--ng-button-info-color, #FFFFFF);
}
.ng-button-info:hover {
  border-color: var(--ng-button-info-hover-border-color, #17568A);
  background: var(--ng-button-info-hover-background, #17568A);
  color: var(--ng-button-info-hover-color, #FFFFFF);
}
.ng-button-info:active {
  border-color: var(--ng-button-info-active-border-color, #113E68);
  background: var(--ng-button-info-active-background, #113E68);
  color: var(--ng-button-info-active-color, #FFFFFF);
}
.ng-button-warning {
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
  border: 1px solid var(--ng-button-warn-border-color, #CFAF00);
  background: var(--ng-button-warn-background, #CFAF00);
  color: var(--ng-button-warn-color, #FFFFFF);
}
.ng-button-warning:hover {
  border-color: var(--ng-button-warn-hover-border-color, #B09500);
  background: var(--ng-button-warn-hover-background, #B09500);
  color: var(--ng-button-warn-hover-color, #FFFFFF);
}
.ng-button-warning:active {
  border-color: var(--ng-button-warn-active-border-color, #8A7400);
  background: var(--ng-button-warn-active-background, #8A7400);
  color: var(--ng-button-warn-active-color, #FFFFFF);
}
.ng-button-danger {
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
  border: 1px solid var(--ng-button-danger-border-color, #C93320);
  background: var(--ng-button-danger-background, #C93320);
  color: var(--ng-button-danger-color, #FFFFFF);
}
.ng-button-danger:hover {
  border-color: var(--ng-button-danger-hover-border-color, #AC2C1B);
  background: var(--ng-button-danger-hover-background, #AC2C1B);
  color: var(--ng-button-danger-hover-color, #FFFFFF);
}
.ng-button-danger:active {
  border-color: var(--ng-button-danger-active-border-color, #8A2316);
  background: var(--ng-button-danger-active-background, #8A2316);
  color: var(--ng-button-danger-active-color, #FFFFFF);
}
.ng-button-highlight {
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
  border: 1px solid var(--ng-button-accent-border-color, #93FFE2);
  background: var(--ng-button-accent-background, #93FFE2);
  color: var(--ng-button-accent-color, #02213E);
}
.ng-button-highlight:hover {
  border-color: var(--ng-button-accent-hover-border-color, #00FFD2);
  background: var(--ng-button-accent-hover-background, #00FFD2);
  color: var(--ng-button-accent-hover-color, #02213E);
}
.ng-button-highlight:active {
  border-color: var(--ng-button-accent-active-border-color, #00DEB6);
  background: var(--ng-button-accent-active-background, #00DEB6);
  color: var(--ng-button-accent-active-color, #02213E);
}
.ng-button-accent {
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
  border: 1px solid var(--ng-button-plain-border-color, #FFF973);
  background: var(--ng-button-plain-background, #FFF973);
  color: var(--ng-button-plain-color, #48461B);
}
.ng-button-accent:hover {
  border-color: var(--ng-button-plain-hover-border-color, #EEE96B);
  background: var(--ng-button-plain-hover-background, #EEE96B);
  color: var(--ng-button-plain-hover-color, #2E2C0F);
}
.ng-button-accent:active {
  border-color: var(--ng-button-plain-active-border-color, #CEC95B);
  background: var(--ng-button-plain-active-background, #CEC95B);
  color: var(--ng-button-plain-active-color, #222009);
}
.ng-button-contrast {
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
  border: 1px solid var(--ng-button-contrast-border-color, #131312);
  background: var(--ng-button-contrast-background, #131312);
  color: var(--ng-button-contrast-color, #FFFFFF);
}
.ng-button-contrast:hover {
  border-color: var(--ng-button-contrast-hover-border-color, #292826);
  background: var(--ng-button-contrast-hover-background, #292826);
  color: var(--ng-button-contrast-hover-color, #FFFFFF);
}
.ng-button-contrast:active {
  border-color: var(--ng-button-contrast-active-border-color, #40403D);
  background: var(--ng-button-contrast-active-background, #40403D);
  color: var(--ng-button-contrast-active-color, #FFFFFF);
}
.ng-button-outlined.ng-button-primary {
  background: var(--ng-button-outlined-primary-background, #FFFFFF);
  border-color: var(--ng-button-outlined-primary-border-color, #9EB5CE);
  color: var(--ng-button-outlined-primary-color, #02213E);
}
.ng-button-outlined.ng-button-primary:hover {
  background: var(--ng-button-outlined-primary-hover-background, #E6ECF3);
}
.ng-button-outlined.ng-button-primary:active {
  background: var(--ng-button-outlined-primary-active-background, #C1D0E0);
}
.ng-button-outlined.ng-button-secondary {
  background: var(--ng-button-outlined-secondary-background, #FFFFFF);
  border-color: var(--ng-button-outlined-secondary-border-color, #D9D8CF);
  color: var(--ng-button-outlined-secondary-color, #292826);
}
.ng-button-outlined.ng-button-secondary:hover {
  background: var(--ng-button-outlined-secondary-hover-background, #F7F7F4);
}
.ng-button-outlined.ng-button-secondary:active {
  background: var(--ng-button-outlined-secondary-active-background, #F0EFE9);
}
.ng-button-outlined.ng-button-success {
  background: var(--ng-button-outlined-success-background, #FFFFFF);
  border-color: var(--ng-button-outlined-success-border-color, #A9E3CE);
  color: var(--ng-button-outlined-success-color, #097947);
}
.ng-button-outlined.ng-button-success:hover {
  background: var(--ng-button-outlined-success-hover-background, #E8F8F2);
}
.ng-button-outlined.ng-button-success:active {
  background: var(--ng-button-outlined-success-active-background, #D4F1E6);
}
.ng-button-outlined.ng-button-info {
  background: var(--ng-button-outlined-info-background, #FFFFFF);
  border-color: var(--ng-button-outlined-info-border-color, #ADCFF0);
  color: var(--ng-button-outlined-info-color, #1C6EAC);
}
.ng-button-outlined.ng-button-info:hover {
  background: var(--ng-button-outlined-info-hover-background, #EEF5FC);
}
.ng-button-outlined.ng-button-info:active {
  background: var(--ng-button-outlined-info-active-background, #D6E7F7);
}
.ng-button-outlined.ng-button-warning {
  background: var(--ng-button-outlined-warn-background, #FFFFFF);
  border-color: var(--ng-button-outlined-warn-border-color, #FFE980);
  color: var(--ng-button-outlined-warn-color, #8A7400);
}
.ng-button-outlined.ng-button-warning:hover {
  background: var(--ng-button-outlined-warn-hover-background, #FFFBE6);
}
.ng-button-outlined.ng-button-warning:active {
  background: var(--ng-button-outlined-warn-active-background, #FFF3BF);
}
.ng-button-outlined.ng-button-danger {
  background: var(--ng-button-outlined-danger-background, #FFFFFF);
  border-color: var(--ng-button-outlined-danger-border-color, #E9A39B);
  color: var(--ng-button-outlined-danger-color, #C93320);
}
.ng-button-outlined.ng-button-danger:hover {
  background: var(--ng-button-outlined-danger-hover-background, #FBEDEC);
}
.ng-button-outlined.ng-button-danger:active {
  background: var(--ng-button-outlined-danger-active-background, #F4D1CD);
}
.ng-button-outlined.ng-button-contrast {
  background: var(--ng-button-outlined-contrast-background, #FFFFFF);
  border-color: var(--ng-button-outlined-contrast-border-color, #6D6D69);
  color: var(--ng-button-outlined-contrast-color, #131312);
}
.ng-button-outlined.ng-button-contrast:hover {
  background: var(--ng-button-outlined-contrast-hover-background, #F7F7F4);
}
.ng-button-outlined.ng-button-contrast:active {
  background: var(--ng-button-outlined-contrast-active-background, #F0EFE9);
}
.ng-button-text {
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
  border: none;
  background: transparent;
}
.ng-button-text.ng-button-primary {
  background: transparent;
  border: none;
  color: var(--ng-button-text-primary-color, #02213E);
}
.ng-button-text.ng-button-primary:hover {
  background: var(--ng-button-text-primary-hover-background, #E6ECF3);
}
.ng-button-text.ng-button-primary:active {
  background: var(--ng-button-text-primary-active-background, #C1D0E0);
}
.ng-button-text.ng-button-secondary {
  background: transparent;
  border: none;
  color: var(--ng-button-text-secondary-color, #6D6D69);
}
.ng-button-text.ng-button-secondary:hover {
  background: var(--ng-button-text-secondary-hover-background, #F7F7F4);
}
.ng-button-text.ng-button-secondary:active {
  background: var(--ng-button-text-secondary-active-background, #F0EFE9);
}
.ng-button-text.ng-button-success {
  background: transparent;
  border: none;
  color: var(--ng-button-text-success-color, #097947);
}
.ng-button-text.ng-button-success:hover {
  background: var(--ng-button-text-success-hover-background, #E8F8F2);
}
.ng-button-text.ng-button-success:active {
  background: var(--ng-button-text-success-active-background, #D4F1E6);
}
.ng-button-text.ng-button-info {
  background: transparent;
  border: none;
  color: var(--ng-button-text-info-color, #1C6EAC);
}
.ng-button-text.ng-button-info:hover {
  background: var(--ng-button-text-info-hover-background, #EEF5FC);
}
.ng-button-text.ng-button-info:active {
  background: var(--ng-button-text-info-active-background, #D6E7F7);
}
.ng-button-text.ng-button-warning {
  background: transparent;
  border: none;
  color: var(--ng-button-text-warn-color, #8A7400);
}
.ng-button-text.ng-button-warning:hover {
  background: var(--ng-button-text-warn-hover-background, #FFFBE6);
}
.ng-button-text.ng-button-warning:active {
  background: var(--ng-button-text-warn-active-background, #FFF3BF);
}
.ng-button-text.ng-button-danger {
  background: transparent;
  border: none;
  color: var(--ng-button-text-danger-color, #C93320);
}
.ng-button-text.ng-button-danger:hover {
  background: var(--ng-button-text-danger-hover-background, #FBEDEC);
}
.ng-button-text.ng-button-danger:active {
  background: var(--ng-button-text-danger-active-background, #F4D1CD);
}
.ng-button-text.ng-button-contrast {
  background: transparent;
  border: none;
  color: var(--ng-button-text-contrast-color, #131312);
}
.ng-button-text.ng-button-contrast:hover {
  background: var(--ng-button-text-contrast-hover-background, #F7F7F4);
}
.ng-button-text.ng-button-contrast:active {
  background: var(--ng-button-text-contrast-active-background, #F0EFE9);
}
.ng-button-primary:focus-visible,
.ng-button-secondary:focus-visible,
.ng-button-success:focus-visible,
.ng-button-info:focus-visible,
.ng-button-warning:focus-visible,
.ng-button-danger:focus-visible,
.ng-button-highlight:focus-visible,
.ng-button-accent:focus-visible,
.ng-button-contrast:focus-visible {
  outline: var(--ng-button-focus-ring-width, 2px) solid var(--ng-button-primary-focus-ring-color, #6D6D69);
  outline-offset: var(--ng-button-focus-ring-offset, 2px);
}
.ng-button-icon-only {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--ng-button-gap, 2px);
  aspect-ratio: 1 / 1;
  border-radius: var(--interaction-radius-interaction-M, 0.5rem);
}
.ng-button-icon-only.ng-button-small {
  width: var(--ng-button-sm-icon-only-width, 30px);
  height: var(--ng-button-sm-icon-only-width, 30px);
  padding: var(--ng-button-sm-padding-y, 5.5px);
}
.ng-button-icon-only.ng-button-normal {
  width: var(--ng-button-icon-only-width, 32px);
  height: var(--ng-button-icon-only-width, 32px);
  padding: var(--ng-button-padding-y, 5px);
}
.ng-button-icon-only.ng-button-large {
  width: var(--ng-button-lg-icon-only-width, 40px);
  height: var(--ng-button-lg-icon-only-width, 40px);
  padding: var(--ng-button-lg-padding-y, 9px);
}
.ng-button-rounded {
  border-radius: var(--ng-button-rounded-border-radius, 28px);
}
[class*=ng-button-] {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.429em;
  cursor: pointer;
}
[class*=ng-button-]:disabled,
[class*=ng-button-][disabled] {
  opacity: var(--ng-disabled-opacity, 60%);
  cursor: default;
  pointer-events: none;
}

/* src/actions-and-selectors/checkbox/index.css */
.ng-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.ng-checkbox-box {
  width: var(--ng-checkbox-width, 20px);
  height: var(--ng-checkbox-height, 20px);
  border-radius: var(--ng-checkbox-border-radius, 4px);
  border: 1px solid var(--ng-checkbox-border-color, #acaba5);
  background: var(--ng-checkbox-background, #ffffff);
  box-shadow: var(--ng-checkbox-shadow, 0px 1px 2px 0px rgba(18, 18, 23, 0.05));
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.ng-checkbox-icon {
  width: var(--ng-checkbox-icon-size, 12.25px);
  height: var(--ng-checkbox-icon-size, 12.25px);
  color: var(--ng-checkbox-icon-color, #131312);
}
.ng-checkbox-sm .ng-checkbox-box {
  width: var(--ng-checkbox-sm-width, 16px);
  height: var(--ng-checkbox-sm-height, 16px);
}
.ng-checkbox-sm .ng-checkbox-icon {
  width: var(--ng-checkbox-icon-sm-size, 10.5px);
  height: var(--ng-checkbox-icon-sm-size, 10.5px);
}
.ng-checkbox-lg .ng-checkbox-box {
  width: var(--ng-checkbox-lg-width, 24px);
  height: var(--ng-checkbox-lg-height, 24px);
}
.ng-checkbox-lg .ng-checkbox-icon {
  width: var(--ng-checkbox-icon-lg-size, 14px);
  height: var(--ng-checkbox-icon-lg-size, 14px);
}
.ng-checkbox:hover .ng-checkbox-box {
  border-color: var(--ng-checkbox-hover-border-color, #908f89);
}
.ng-checkbox-box:focus-visible {
  border-color: var(--ng-checkbox-focus-border-color, #6d6d69);
  outline: var(--ng-checkbox-focus-ring-width, 2px) solid var(--ng-checkbox-focus-ring-color, #6d6d69);
  outline-offset: var(--ng-checkbox-focus-ring-offset, 2px);
  box-shadow: var(--ng-checkbox-focus-ring-shadow, 0px 0px 0px 0px #00000000);
}
.ng-checkbox-checked.ng-checkbox-box {
  background: var(--ng-checkbox-checked-background, #02213e);
  border-color: var(--ng-checkbox-checked-border-color, #02213e);
}
.ng-checkbox-checked.ng-checkbox-icon {
  color: var(--ng-checkbox-icon-checked-color, #ffffff);
}
.ng-checkbox-checked:hover.ng-checkbox-box {
  background: var(--ng-checkbox-checked-hover-background, #063b68);
  border-color: var(--ng-checkbox-checked-hover-border-color, #063b68);
}
.ng-checkbox-checked:hover.ng-checkbox-icon {
  color: var(--ng-checkbox-icon-checked-hover-color, #ffffff);
}
.ng-checkbox-checked.ng-checkbox-box:focus-visible {
  border-color: var(--ng-checkbox-checked-focus-border-color, #02213e);
}
.ng-checkbox-invalid .ng-checkbox-box {
  border-color: var(--ng-checkbox-invalid-border-color, #c93320);
}
.ng-checkbox-filled .ng-checkbox-box {
  background: var(--ng-checkbox-filled-background, #e6ecf3);
}
.ng-checkbox-label {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.429em;
  color: var(--ng-form-field-color, #131312);
  cursor: pointer;
}
.ng-checkbox-disabled .ng-checkbox-label {
  cursor: default !important;
}
.ng-checkbox-disabled {
  opacity: var(--ng-disabled-opacity, 60%);
  cursor: default;
  pointer-events: none;
}
.ng-checkbox-disabled .ng-checkbox-box {
  background: var(--ng-checkbox-disabled-background, #f0efe9);
}
.ng-checkbox-disabled .ng-checkbox-icon {
  color: var(--ng-checkbox-icon-disabled-color, #acaba5);
}
.ng-checkbox-disabled .ng-checkbox-checked .ng-checkbox-box {
  border-color: var(--ng-checkbox-checked-disabled-border-color, #acaba5);
}

/* src/actions-and-selectors/chip/index.css */
.ng-chip {
  display: inline-flex;
  align-items: center;
}

/* src/actions-and-selectors/radiobutton/index.css */
.ng-radiobutton {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.ng-radiobutton-box {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid var(--ng-radiobutton-border-color, #85847E);
  background: var(--ng-radiobutton-background, #FFFFFF);
  box-shadow: var(--ng-radiobutton-shadow, 0px 1px 2px 0px rgba(18, 18, 23, 0.05));
  transition:
    background 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  flex-shrink: 0;
}
.ng-radiobutton-sm .ng-radiobutton-box {
  width: var(--ng-radiobutton-sm-width, 16px);
  height: var(--ng-radiobutton-sm-height, 16px);
  min-width: var(--ng-radiobutton-sm-width, 16px);
  min-height: var(--ng-radiobutton-sm-height, 16px);
}
.ng-radiobutton-md .ng-radiobutton-box {
  width: var(--ng-radiobutton-md-width, 20px);
  height: var(--ng-radiobutton-md-height, 20px);
  min-width: var(--ng-radiobutton-md-width, 20px);
  min-height: var(--ng-radiobutton-md-height, 20px);
}
.ng-radiobutton-lg .ng-radiobutton-box {
  width: var(--ng-radiobutton-lg-width, 24px);
  height: var(--ng-radiobutton-lg-height, 24px);
  min-width: var(--ng-radiobutton-lg-width, 24px);
  min-height: var(--ng-radiobutton-lg-height, 24px);
}
.ng-radiobutton-indicator {
  display: block;
  border-radius: 50%;
  background: var(--ng-radiobutton-indicator-color, #FFFFFF);
  flex-shrink: 0;
}
.ng-radiobutton-sm .ng-radiobutton-indicator {
  width: var(--ng-radiobutton-sm-indicator-size, 6px);
  height: var(--ng-radiobutton-sm-indicator-size, 6px);
}
.ng-radiobutton-md .ng-radiobutton-indicator {
  width: var(--ng-radiobutton-md-indicator-size, 8px);
  height: var(--ng-radiobutton-md-indicator-size, 8px);
}
.ng-radiobutton-lg .ng-radiobutton-indicator {
  width: var(--ng-radiobutton-lg-indicator-size, 10px);
  height: var(--ng-radiobutton-lg-indicator-size, 10px);
}
.ng-radiobutton:hover .ng-radiobutton-box {
  border-color: var(--ng-radiobutton-hover-border-color, #666662);
  box-shadow: inset 0 0 0 1px var(--ng-radiobutton-hover-border-color, #666662);
}
.ng-radiobutton-box:focus-visible {
  border-color: var(--ng-radiobutton-focus-border-color, #6d6d69);
  outline: var(--ng-radiobutton-focus-ring-width, 2px) solid var(--ng-radiobutton-focus-ring-color, #6d6d69);
  outline-offset: var(--ng-radiobutton-focus-ring-offset, 2px);
  box-shadow: var(--ng-radiobutton-focus-ring-shadow, 0px 0px 0px 0px #00000000);
}
.ng-radiobutton-checked .ng-radiobutton-box {
  background: var(--ng-radiobutton-checked-background, #02213E);
  border-color: var(--ng-radiobutton-checked-border-color, #02213E);
}
.ng-radiobutton-checked:hover .ng-radiobutton-box {
  background: var(--ng-radiobutton-checked-hover-background, #063B68);
  border-color: var(--ng-radiobutton-checked-hover-border-color, #063B68);
  box-shadow: none;
}
.ng-radiobutton-checked .ng-radiobutton-box:focus-visible {
  border-color: var(--ng-radiobutton-checked-focus-border-color, #02213E);
}
.ng-radiobutton-label {
  font-family: var(--ng-font-family-body, Figtree);
  font-weight: var(--ng-font-weight-regular, 400);
  color: var(--ng-form-field-color, #131312);
  cursor: pointer;
}
.ng-radiobutton-label-sm,
.ng-radiobutton-label-md {
  font-size: 0.875rem;
  line-height: 1.429em;
}
.ng-radiobutton-label-lg {
  font-size: 1rem;
  line-height: 1.375em;
}
.ng-radiobutton-disabled {
  opacity: var(--ng-disabled-opacity, 60%);
  cursor: default;
  pointer-events: none;
}
.ng-radiobutton-disabled .ng-radiobutton-box {
  background: var(--ng-radiobutton-disabled-background, #f0efe9);
}
.ng-radiobutton-disabled .ng-radiobutton-label {
  cursor: default;
}
.ng-radiobutton-group {
  display: flex;
}
.ng-radiobutton-group-vertical {
  flex-direction: column;
}
.ng-radiobutton-group-horizontal {
  flex-direction: row;
  align-items: center;
}

/* src/actions-and-selectors/rating/index.css */
.ng-rating {
  display: inline-flex;
  align-items: center;
}

/* src/actions-and-selectors/scroll-top/index.css */
.ng-scrolltop {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.ng-scrolltop.ng-scrolltop-visible {
  opacity: 1;
  visibility: visible;
}

/* src/actions-and-selectors/split-button/index.css */
.ng-splitbutton {
  display: inline-flex;
  position: relative;
}
.ng-splitbutton .ng-splitbutton-main {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-splitbutton .ng-splitbutton-dropdown {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid var(--ng-splitbutton-separator-color, rgba(255, 255, 255, 0.3));
  min-width: unset;
  padding-inline: 0.5rem;
}
.ng-splitbutton .ng-splitbutton-dropdown.ng-button-small {
  height: var(--interaction-height-S, 1.75rem);
  width: var(--interaction-height-S, 1.75rem);
}
.ng-splitbutton .ng-splitbutton-dropdown.ng-button-normal {
  height: var(--interaction-height-M, 2rem);
  width: var(--interaction-height-M, 2rem);
}
.ng-splitbutton .ng-splitbutton-dropdown.ng-button-large {
  height: var(--interaction-height-L, 2.5rem);
  width: var(--interaction-height-L, 2.5rem);
}
.ng-splitbutton-menu {
  z-index: 1000;
  min-width: 10rem;
  background: var(--ng-overlay-background, #fff);
  border: 1px solid var(--ng-content-border-color, #e5e7eb);
  border-radius: var(--ng-border-radius-md, 6px);
  box-shadow: var(--ng-overlay-shadow, 0 2px 12px rgba(0, 0, 0, 0.1));
  padding: 0.25rem 0;
}
.ng-splitbutton-menu button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: none;
  background: transparent;
  color: var(--ng-text-color, inherit);
  cursor: pointer;
  text-align: left;
  font-size: inherit;
  font-family: inherit;
  white-space: nowrap;
}
.ng-splitbutton-menu button:hover:not(:disabled) {
  background: var(--ng-surface-100, #f3f4f6);
}
.ng-splitbutton-menu button:disabled {
  color: var(--ng-text-muted-color, #9ca3af);
  cursor: default;
}

/* src/actions-and-selectors/toggle-switch/index.css */
.ng-toggle-switch {
  display: inline-flex;
  align-items: center;
}

/* src/actions-and-selectors/toggle-button-group/index.css */
.ng-toggle-button-group {
  display: inline-flex;
}

/* src/blocks/side-nav/index.css */
.ng-side-nav {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: var(--ng-side-nav-width, 5.625rem);
  height: 100%;
  background: var(--ng-side-nav-background, #e8e7de);
  overflow-y: auto;
  overflow-x: hidden;
}
.ng-side-nav-expanded {
  width: var(--ng-side-nav-expanded-width, 15.625rem);
}
.ng-side-nav-logo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding: 0.5rem 1.5rem;
  flex-shrink: 0;
}
.ng-side-nav-spacer {
  height: 1rem;
  flex-shrink: 0;
}
.ng-side-nav-section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
.ng-side-nav-section-heading {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  align-self: stretch;
  padding: 2rem 1.5rem 0.5rem;
  gap: 0.625rem;
}
.ng-side-nav-section-heading-text {
  color: var(--ng-side-nav-section-heading-color, #292826);
  text-transform: uppercase;
  user-select: none;
}
.ng-side-nav-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  gap: 0.625rem;
  padding: 0 0.75rem;
  background: var(--ng-side-nav-background, #e8e7de);
}
.ng-side-nav-item-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--ng-side-nav-item-border-radius, 0.5rem);
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  outline: none;
  transition: background 0.15s, border-color 0.15s;
  text-decoration: none;
}
.ng-side-nav-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--ng-side-nav-item-icon-color, #131312);
}
.ng-side-nav-item-label {
  flex: 1;
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 1rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.375em;
  color: var(--ng-side-nav-item-color, #131312);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ng-side-nav-item-button:hover {
  background: var(--ng-side-nav-item-hover-background, #f0efe9);
  border-color: var(--ng-side-nav-item-hover-border-color, #cac9c1);
}
.ng-side-nav-item-active .ng-side-nav-item-button {
  background: var(--ng-side-nav-item-active-background, #f0efe9);
  border-color: var(--ng-side-nav-item-active-border-color, #cac9c1);
}
.ng-side-nav-item-active .ng-side-nav-item-label {
  font-weight: var(--ng-font-weight-semi-bold, 600);
}
.ng-side-nav-item-button:focus-visible {
  outline: var(--ng-side-nav-focus-ring-width, 0.125rem) solid var(--ng-side-nav-focus-ring-color, #6d6d69);
  outline-offset: var(--ng-side-nav-focus-ring-offset, 0.125rem);
}
.ng-side-nav-divider {
  align-self: stretch;
  height: 0;
  border: none;
  border-top: 1px solid var(--ng-side-nav-divider-color, #85847e);
  margin: 0;
}
.ng-side-nav-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  align-self: stretch;
  flex: 1;
  gap: 1rem;
  padding: 1rem 0;
}
.ng-side-nav:not(.ng-side-nav-expanded) .ng-side-nav-item-label {
  display: none;
}
.ng-side-nav:not(.ng-side-nav-expanded) .ng-side-nav-section-heading {
  display: none;
}

/* src/blocks/toolbar/index.css */
.ng-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: var(--surface-neutral-50, #F7F7F4);
  padding: 0.5rem 1.8125rem;
}
.ng-toolbar-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.75rem;
}
.ng-toolbar-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.75rem;
}
.ng-toolbar-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.75rem;
}

/* src/data-display/datatable/index.css */
.ng-datatable {
  width: 100%;
  border-collapse: collapse;
  color: var(--ng-datatable-row-color, var(--ng-text-color));
  border: 1px solid var(--ng-datatable-border-color, var(--ng-content-border-color));
}
.ng-datatable-header-cell {
  background: var(--ng-datatable-header-cell-background, var(--ng-surface-100));
  color: var(--ng-datatable-header-cell-color, var(--ng-text-color));
  border-bottom: 1px solid var(--ng-datatable-header-cell-border-color, var(--ng-content-border-color));
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 600;
  gap: var(--ng-datatable-header-cell-gap, 0.5rem);
  user-select: none;
  white-space: nowrap;
}
.ng-datatable-header-cell.ng-datatable-sortable {
  cursor: pointer;
}
.ng-datatable-header-cell.ng-datatable-sortable:hover {
  background: var(--ng-datatable-header-cell-hover-background, var(--ng-surface-200));
  color: var(--ng-datatable-header-cell-hover-color, var(--ng-text-color));
}
.ng-datatable-body-cell {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--ng-datatable-body-cell-border-color, var(--ng-content-border-color));
}
.ng-datatable-row {
  background: var(--ng-datatable-row-background, var(--ng-surface-card-background, #fff));
  color: var(--ng-datatable-row-color, var(--ng-text-color));
  transition: background 0.2s;
}
.ng-datatable-row:hover {
  background: var(--ng-datatable-row-hover-background, var(--ng-surface-100));
  color: var(--ng-datatable-row-hover-color, var(--ng-text-color));
}
.ng-datatable-row.ng-datatable-row-selected {
  background: var(--ng-datatable-row-selected-background, var(--ng-highlight-background));
  color: var(--ng-datatable-row-selected-color, var(--ng-highlight-color));
}
.ng-datatable.ng-datatable-striped .ng-datatable-row:nth-child(even) {
  background: var(--ng-datatable-row-striped-background, var(--ng-surface-50));
}
.ng-datatable.ng-datatable-gridlines .ng-datatable-header-cell,
.ng-datatable.ng-datatable-gridlines .ng-datatable-body-cell {
  border: 1px solid var(--ng-datatable-body-cell-border-color, var(--ng-content-border-color));
}
.ng-datatable.ng-datatable-sm .ng-datatable-header-cell,
.ng-datatable.ng-datatable-sm .ng-datatable-body-cell {
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
}
.ng-datatable.ng-datatable-lg .ng-datatable-header-cell,
.ng-datatable.ng-datatable-lg .ng-datatable-body-cell {
  padding: 1rem 1.25rem;
  font-size: 1rem;
}
.ng-datatable-sort-icon {
  display: inline-flex;
  margin-left: 0.25rem;
  opacity: 0.5;
  font-size: 0.75em;
}
.ng-datatable-sort-icon.ng-datatable-sort-active {
  opacity: 1;
}
.ng-datatable-table-header {
  background: var(--ng-datatable-header-background, var(--ng-surface-100));
  color: var(--ng-datatable-header-color, var(--ng-text-color));
  border-bottom: 1px solid var(--ng-datatable-header-border-color, var(--ng-content-border-color));
  padding: 0.75rem 1rem;
}
.ng-datatable-table-footer {
  background: var(--ng-datatable-footer-background, var(--ng-surface-100));
  color: var(--ng-datatable-footer-color, var(--ng-text-color));
  border-top: 1px solid var(--ng-datatable-footer-border-color, var(--ng-content-border-color));
  padding: 0.75rem 1rem;
}
.ng-datatable-empty {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--ng-text-muted-color);
}

/* src/dropdowns-and-menus/listbox/index.css */
.ng-listbox {
  display: inline-flex;
  flex-direction: column;
  font-family: var(--ng-font-family-body, Figtree);
}
.ng-listbox-root {
  background: var(--ng-list-box-background, #ffffff);
  color: var(--ng-list-box-color, #131312);
  border: 1px solid var(--ng-content-border-color, #e8e7de);
  border-radius: var(--ng-list-box-border-radius, 8px);
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.ng-listbox-invalid .ng-listbox-root {
  border-color: var(--ng-list-box-invalid-border-color, #c93320);
}
.ng-listbox-disabled .ng-listbox-root {
  background: var(--ng-list-box-disabled-background, #f0efe9);
  color: var(--ng-list-box-disabled-color, #acaba5);
  pointer-events: none;
}
.ng-listbox-header {
  padding: 8px 8px 0;
}
.ng-listbox-filter {
  width: 100%;
  padding: var(--ng-form-field-padding-y, 5px) var(--ng-form-field-padding-x, 9px);
  border: 1px solid var(--ng-form-field-border-color, #d9d8cf);
  border-radius: var(--ng-form-field-border-radius, 8px);
  background: var(--ng-form-field-background, #ffffff);
  color: var(--ng-form-field-color, #131312);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.25rem;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease;
}
.ng-listbox-filter:focus-visible {
  border-color: var(--ng-form-field-active-border-color, #6d6d69);
  outline: 2px solid var(--ng-form-field-active-border-color, #6d6d69);
  outline-offset: 2px;
}
.ng-listbox-list {
  display: flex;
  flex-direction: column;
  gap: var(--ng-list-box-list-gap, 2px);
  padding: 4px;
  list-style: none;
  margin: 0;
}
.ng-listbox-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--ng-list-box-option-border-radius, 6px);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.25rem;
  color: var(--ng-list-box-option-color, #131312);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.ng-listbox:not(.ng-listbox-disabled) .ng-listbox-option:hover,
.ng-listbox:not(.ng-listbox-disabled) .ng-listbox-option[data-p-focused=true],
.ng-listbox:not(.ng-listbox-disabled) .ng-listbox-option.p-focus {
  background: var(--ng-list-box-option-focus-background, #e8e7de);
  color: var(--ng-list-box-option-focus-color, #292826);
}
.ng-listbox-option[data-p-selected=true],
.ng-listbox-option[aria-selected=true],
.ng-listbox-option.p-listbox-option-selected {
  background: var(--ng-list-box-option-selected-background, #e8e7de);
  color: var(--ng-list-box-option-selected-color, #131312);
}
.ng-listbox-option[data-p-selected=true][data-p-focused=true],
.ng-listbox-option[aria-selected=true][data-p-focused=true],
.ng-listbox-option.p-listbox-option-selected.p-focus {
  background: var(--ng-list-box-option-selected-focus-background, #e8e7de);
  color: var(--ng-list-box-option-selected-focus-color, #131312);
}
.ng-listbox-option[aria-disabled=true],
.ng-listbox-option.p-disabled {
  color: var(--ng-list-box-option-disabled-color, #acaba5);
  pointer-events: none;
}
.ng-listbox-empty {
  padding: 8px 12px;
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.25rem;
  color: var(--ng-form-field-placeholder-color, #908f89);
}

/* src/dropdowns-and-menus/menu/index.css */
.ng-menu {
  display: inline-flex;
  font-family: var(--ng-font-family-body, Figtree);
}
.ng-menu-root {
  position: relative;
}
.ng-menu-trigger {
  cursor: pointer;
}
.ng-menu-list {
  min-width: 175px;
  display: flex;
  flex-direction: column;
  gap: var(--ng-menu-list-gap, 2px);
  padding: 4px;
  background: var(--ng-menu-background, #ffffff);
  color: var(--ng-menu-color, #131312);
  border: 1px solid var(--ng-menu-border-color, #e8e7de);
  border-radius: var(--ng-menu-border-radius, 8px);
  box-shadow: var(--ng-menu-shadow, 0 2px 4px -2px rgba(0, 0, 0, 0.10), 0 4px 6px -1px rgba(0, 0, 0, 0.10));
  list-style: none;
  margin: 0;
}
.ng-menu-item {
  display: flex;
  align-items: center;
  gap: var(--ng-menu-item-gap, 8px);
  padding: 8px 12px;
  border-radius: var(--ng-menu-item-border-radius, 6px);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.25rem;
  color: var(--ng-menu-item-color, #131312);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.ng-menu-item:hover,
.ng-menu-item[data-p-focused=true],
.ng-menu-item.p-focus {
  background: var(--ng-menu-item-focus-background, #f0efe9);
  color: var(--ng-menu-item-focus-color, #292826);
}
.ng-menu-item:hover .ng-menu-item-icon,
.ng-menu-item[data-p-focused=true] .ng-menu-item-icon,
.ng-menu-item.p-focus .ng-menu-item-icon {
  color: var(--ng-menu-item-icon-focus-color, #292826);
}
.ng-menu-item-disabled,
.ng-menu-item.p-disabled {
  opacity: 0.6;
  pointer-events: none;
}
.ng-menu-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  color: var(--ng-menu-item-icon-color, #131312);
}
.ng-menu-item-icon > svg {
  width: 100%;
  height: 100%;
}
.ng-menu-item-label {
  flex: 1;
  min-width: 0;
}
.ng-menu-label {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.25rem;
  color: var(--ng-menu-submenu-label-color, #6d6d69);
  background: var(--ng-menu-submenu-label-background, transparent);
}
.ng-menu-separator {
  height: 1px;
  margin: 4px 12px;
  background: var(--ng-menu-separator-border-color, #e8e7de);
}
.ng-menu-sub {
  position: relative;
}
.ng-menu-sub-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ng-menu-sub-arrow {
  margin-left: auto;
  font-size: 0.875rem;
  color: var(--ng-menu-submenu-label-color, #6d6d69);
}
.ng-menu-sub-list {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 1;
}

/* src/dropdowns-and-menus/select/index.css */
.ng-select {
  display: flex;
  flex-direction: column;
  gap: var(--ng-form-field-gap, 8px);
  width: 100%;
  position: relative;
}
.ng-select-label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.429em;
  color: var(--ng-form-field-color, #131312);
}
.ng-select-required {
  color: var(--ng-form-field-invalid-border-color, #c93320);
  font-weight: var(--ng-font-weight-semi-bold, 600);
}
.ng-select-trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  width: 100%;
  border-radius: var(--ng-select-border-radius, 8px);
  border: 1px solid var(--ng-select-border-color, #85847e);
  background: var(--ng-select-background, #ffffff);
  box-shadow: var(--ng-select-shadow, var(--ng-form-field-shadow, 0px 1px 2px 0px rgba(18, 18, 23, 0.05)));
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ng-select-trigger:hover {
  border-color: var(--ng-select-hover-border-color, #6d6d69);
}
.ng-select-trigger[data-positioner-open],
.ng-select-trigger.p-focus,
.ng-select-trigger:focus-within {
  border-color: var(--ng-select-focus-border-color, #40403d);
}
.ng-select-invalid .ng-select-trigger,
.ng-select-invalid .ng-select-trigger:hover {
  border-color: var(--ng-select-invalid-border-color, #c93320);
}
.ng-select-disabled .ng-select-trigger {
  background: var(--ng-select-disabled-background, #f0efe9);
  color: var(--ng-select-disabled-color, #acaba5);
  opacity: var(--ng-disabled-opacity, 60%);
  cursor: default;
  pointer-events: none;
}
.ng-select-value {
  flex: 1;
  padding: 0 3px;
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.429em;
  color: var(--ng-select-color, #131312);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ng-select-placeholder {
  color: var(--ng-select-placeholder-color, #908f89);
}
.ng-select-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ng-select-dropdown-color, #908f89);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.ng-select-popup {
  background: var(--ng-select-overlay-background, #ffffff);
  color: var(--ng-select-overlay-color, #131312);
  border: 1px solid var(--ng-select-overlay-border-color, #e8e7de);
  border-radius: var(--ng-select-overlay-border-radius, 8px);
  box-shadow: var(--ng-select-overlay-shadow, 0 4px 8px -2px rgba(0, 0, 0, 0.20));
  overflow: hidden;
}
.ng-select-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--ng-select-list-gap, 2px);
  padding: 4px;
  list-style: none;
  margin: 0;
}
.ng-select-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--ng-select-option-border-radius, 6px);
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.429em;
  color: var(--ng-select-option-color, #131312);
  cursor: pointer;
  transition: background 0.15s;
}
.ng-select-option:hover,
.ng-select-option[data-focused],
.ng-select-option[data-p-focused=true],
.ng-select-option.p-focus {
  background: var(--ng-select-option-focus-background, #e8e7de);
  color: var(--ng-select-option-focus-color, #292826);
}
.ng-select-option[data-selected],
.ng-select-option[aria-selected=true],
.ng-select-option.p-select-option-selected {
  background: var(--ng-select-option-selected-background, #e8e7de);
  color: var(--ng-select-option-selected-color, #131312);
}
.ng-select-option[data-selected][data-p-focused=true],
.ng-select-option.p-select-option-selected.p-focus {
  background: var(--ng-select-option-selected-focus-background, #e8e7de);
  color: var(--ng-select-option-selected-focus-color, #131312);
}
.ng-select-option[data-disabled],
.ng-select-option[aria-disabled=true],
.ng-select-option.p-disabled {
  color: var(--ng-form-field-disabled-color, #acaba5);
  cursor: default;
  pointer-events: none;
}
.ng-select-filter {
  width: 100%;
  padding: 8px 12px;
  border: none;
  border-bottom: 1px solid var(--ng-select-overlay-border-color, #e8e7de);
  background: var(--ng-select-overlay-background, #ffffff);
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.429em;
  color: var(--ng-form-field-color, #131312);
  outline: none;
}
.ng-select-filter::placeholder {
  color: var(--ng-form-field-placeholder-color, #908f89);
}
.ng-select-empty {
  padding: 8px 12px;
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.429em;
  color: var(--ng-form-field-placeholder-color, #908f89);
}
.ng-select-helper {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.75rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.5em;
  color: var(--ng-form-field-color, #131312);
  margin: 0;
}
.ng-select-error {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.75rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.5em;
  color: var(--ng-form-field-invalid-border-color, #c93320);
  margin: 0;
}
.ng-select-trigger:focus-visible {
  outline: var(--ng-select-focus-ring-width, 2px) solid var(--ng-select-focus-ring-color, #6d6d69);
  outline-offset: var(--ng-select-focus-ring-offset, 2px);
}

/* src/dropdowns-and-menus/tree/index.css */
.ng-tree {
  display: inline-flex;
  flex-direction: column;
  font-family: var(--ng-font-family-body, Figtree);
}
.ng-tree-disabled {
  opacity: 0.6;
  pointer-events: none;
}
.ng-tree-root,
.ng-tree-root.p-tree {
  background: var(--ng-tree-background, #ffffff);
  color: var(--ng-tree-color, #131312);
  border-radius: 8px;
  padding: var(--ng-tree-padding, 12px);
}
.ng-tree-header {
  padding: 0 0 8px;
}
.ng-tree-filter {
  width: 100%;
  padding: var(--ng-form-field-padding-y, 5px) var(--ng-form-field-padding-x, 9px);
  border: 1px solid var(--ng-form-field-border-color, #d9d8cf);
  border-radius: var(--ng-form-field-border-radius, 8px);
  background: var(--ng-form-field-background, #ffffff);
  color: var(--ng-form-field-color, #131312);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.25rem;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease;
}
.ng-tree-filter:focus-visible {
  border-color: var(--ng-form-field-active-border-color, #6d6d69);
  outline: 2px solid var(--ng-form-field-active-border-color, #6d6d69);
  outline-offset: 2px;
}
.ng-tree-list,
.p-tree-root-children,
.p-tree-node-children {
  display: flex;
  flex-direction: column;
  gap: var(--ng-tree-gap, 2px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-tree-node-children {
  padding-inline-start: var(--ng-tree-indent, 16px);
}
.ng-tree-node,
.p-tree-node {
  padding: 0;
  outline: 0 none;
}
.p-tree-node-content {
  display: flex;
  align-items: center;
  gap: var(--ng-tree-node-gap, 4px);
  padding: 8px 12px;
  border-radius: var(--ng-tree-node-border-radius, 8px);
  color: var(--ng-tree-node-color, #131312);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover {
  background: var(--ng-tree-node-hover-background, #f0efe9);
  color: var(--ng-tree-node-hover-color, #292826);
}
.p-tree-node-content.p-tree-node-selected {
  background: var(--ng-tree-node-selected-background, #e9fff8);
  color: var(--ng-tree-node-selected-color, #004839);
}
.p-tree-node:focus-visible > .p-tree-node-content,
.p-tree-node-content:focus-visible {
  outline: var(--ng-tree-node-focus-ring-width, 2px) solid var(--ng-tree-node-focus-ring-color, #6d6d69);
  outline-offset: var(--ng-tree-node-focus-ring-offset, -1px);
}
.p-tree-node-toggle-button,
.ng-tree-toggle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--ng-tree-node-toggle-button-size, 28px);
  height: var(--ng-tree-node-toggle-button-size, 28px);
  padding: 8px;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  color: var(--ng-tree-node-toggle-button-color, #6d6d69);
  transition: background-color 0.15s ease, color 0.15s ease;
  outline-color: transparent;
}
.p-tree-node-toggle-button:enabled:hover,
.ng-tree-toggle:hover {
  background: var(--ng-tree-node-toggle-button-hover-background, #f0efe9);
  color: var(--ng-tree-node-toggle-button-hover-color, #40403d);
}
.p-tree-node-content.p-tree-node-selected .p-tree-node-toggle-button:hover {
  background: var(--ng-tree-node-toggle-button-selected-hover-background, #ffffff);
  color: var(--ng-tree-node-toggle-button-selected-hover-color, #02213e);
}
.p-tree-node-toggle-button > svg,
.ng-tree-toggle > svg {
  width: 14px;
  height: 14px;
}
.p-tree-node-icon {
  color: var(--ng-tree-node-icon-color, #6d6d69);
  transition: color 0.15s ease;
}
.p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover .p-tree-node-icon {
  color: var(--ng-tree-node-icon-hover-color, #40403d);
}
.p-tree-node-content.p-tree-node-selected .p-tree-node-icon {
  color: var(--ng-tree-node-icon-selected-color, #004839);
}
.p-tree-node-label,
.ng-tree-label {
  flex: 1;
  min-width: 0;
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.25rem;
}

/* src/indicators/avatar/index.css */
.ng-avatar {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--ng-avatar-width, 32px);
  height: var(--ng-avatar-height, 32px);
  background: var(--ng-avatar-background, #e8e7de);
  border-radius: var(--ng-avatar-border-radius-circle, 48px);
  color: var(--ng-avatar-color, #131312);
  overflow: hidden;
  flex-shrink: 0;
}
.ng-avatar-large {
  width: var(--ng-avatar-lg-width, 48px);
  height: var(--ng-avatar-lg-height, 48px);
}
.ng-avatar-xlarge {
  width: var(--ng-avatar-xl-width, 64px);
  height: var(--ng-avatar-xl-height, 64px);
}
.ng-avatar-label {
  font-family: var(--ng-font-family-body, Figtree);
  font-weight: var(--ng-font-weight-regular, 400);
  font-size: 1rem;
  line-height: 1.375rem;
  white-space: nowrap;
}
.ng-avatar-large .ng-avatar-label {
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.ng-avatar-xlarge .ng-avatar-label {
  font-size: 2.25rem;
  line-height: 2.25rem;
}
.ng-avatar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ng-avatar-icon-size, 20px);
  height: var(--ng-avatar-icon-size, 20px);
  flex-shrink: 0;
}
.ng-avatar-large .ng-avatar-icon {
  width: var(--ng-avatar-lg-icon-size, 28px);
  height: var(--ng-avatar-lg-icon-size, 28px);
}
.ng-avatar-xlarge .ng-avatar-icon {
  width: var(--ng-avatar-xl-icon-size, 40px);
  height: var(--ng-avatar-xl-icon-size, 40px);
}
.ng-avatar-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--ng-avatar-border-radius-circle, 48px);
  pointer-events: none;
}
.ng-avatar:has(.ng-avatar-image) {
  background: transparent;
}
.ng-avatar-badge {
  position: absolute;
  top: -0.25rem;
  right: -0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  background: var(--ng-avatar-badge-background, #02213e);
  border: 2px solid var(--ng-avatar-badge-border-color, #ffffff);
  border-radius: 48px;
  font-family: var(--ng-font-family-body, Figtree);
  font-weight: var(--ng-font-weight-semi-bold, 600);
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--ng-avatar-badge-color, #ffffff);
  white-space: nowrap;
  overflow: hidden;
}
.ng-avatar-group {
  display: inline-flex;
  align-items: center;
}
.ng-avatar-group .ng-avatar + .ng-avatar {
  margin-left: var(--ng-avatar-group-offset, -12px);
  border: 2px solid var(--ng-avatar-group-border-color, #ffffff);
}
.ng-avatar-group .ng-avatar-large + .ng-avatar-large {
  margin-left: var(--ng-avatar-lg-group-offset, -16px);
}
.ng-avatar-group .ng-avatar-xlarge + .ng-avatar-xlarge {
  margin-left: var(--ng-avatar-xl-group-offset, -24px);
}

/* src/indicators/badge/index.css */
.ng-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--ng-font-family-body, Figtree);
  font-weight: var(--ng-font-weight-semi-bold, 600);
  text-align: center;
  white-space: nowrap;
  border-radius: 3rem;
}
.ng-badge-sm {
  height: var(--ng-badge-sm-height, 1.25rem);
  min-width: var(--ng-badge-sm-min-width, 1.25rem);
  font-size: 0.6875rem;
  line-height: 1rem;
}
.ng-badge-default {
  height: var(--ng-badge-height, 1.5rem);
  min-width: var(--ng-badge-min-width, 1.5rem);
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.ng-badge-lg {
  height: var(--ng-badge-lg-height, 1.75rem);
  min-width: var(--ng-badge-lg-min-width, 1.75rem);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.ng-badge-xl {
  height: var(--ng-badge-xl-height, 2rem);
  min-width: var(--ng-badge-xl-min-width, 2rem);
  font-size: 1rem;
  line-height: 1.375rem;
}
.ng-badge-primary {
  background: var(--ng-badge-primary-background, #02213e);
  color: var(--ng-badge-primary-color, #ffffff);
}
.ng-badge-secondary {
  background: var(--ng-badge-secondary-background, #f0efe9);
  color: var(--ng-badge-secondary-color, #02213e);
}
.ng-badge-success {
  background: var(--ng-badge-success-background, #097947);
  color: var(--ng-badge-success-color, #ffffff);
}
.ng-badge-info {
  background: var(--ng-badge-info-background, #2080c9);
  color: var(--ng-badge-info-color, #ffffff);
}
.ng-badge-warn {
  background: var(--ng-badge-warn-background, #cfaf00);
  color: var(--ng-badge-warn-color, #ffffff);
}
.ng-badge-danger {
  background: var(--ng-badge-danger-background, #c93320);
  color: var(--ng-badge-danger-color, #ffffff);
}
.ng-badge-contrast {
  background: var(--ng-badge-contrast-background, #131312);
  color: var(--ng-badge-contrast-color, #ffffff);
}
.ng-badge-tertiary {
  background: var(--ng-badge-tertiary-background, #93ffe2);
  color: var(--ng-badge-tertiary-color, #004839);
}
.ng-badge-accent {
  background: var(--ng-badge-accent-background, #fff973);
  color: var(--ng-badge-accent-color, #48461b);
}
.ng-badge-dot {
  width: var(--ng-badge-dot-size, 0.4375rem);
  height: var(--ng-badge-dot-size, 0.4375rem);
  min-width: var(--ng-badge-dot-size, 0.4375rem);
  border-radius: 50%;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

/* src/indicators/tag/index.css */
.ng-tag {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  padding: 2px 6px;
  border-radius: 48px;
  font-family: var(--ng-font-family-body, Figtree);
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.429em;
  white-space: nowrap;
  box-sizing: border-box;
}
.ng-tag-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.ng-tag-icon > svg {
  width: 100%;
  height: 100%;
}
.ng-tag-primary {
  background: var(--ng-tag-primary-background, #E6ECF3);
  color: var(--ng-tag-primary-color, #063B68);
}
.ng-tag-secondary {
  background: var(--ng-tag-secondary-background, #E8E7DE);
  color: var(--ng-tag-secondary-color, #40403D);
}
.ng-tag-info {
  background: var(--ng-tag-info-background, #D6E7F7);
  color: var(--ng-tag-info-color, #0B2744);
}
.ng-tag-success {
  background: var(--ng-tag-success-background, #D4F1E6);
  color: var(--ng-tag-success-color, #05512F);
}
.ng-tag-warn {
  background: var(--ng-tag-warn-background, #FFF3BF);
  color: var(--ng-tag-warn-color, #665600);
}
.ng-tag-danger {
  background: var(--ng-tag-danger-background, #F4D1CD);
  color: var(--ng-tag-danger-color, #8A2316);
}
.ng-tag-contrast {
  background: var(--ng-tag-contrast-background, #131312);
  color: var(--ng-tag-contrast-color, #FFFFFF);
}
.ng-tag-accent {
  background: var(--ng-tag-accent-background, #FFF973);
  color: var(--ng-tag-accent-color, #48461B);
}
.ng-tag-highlight {
  background: var(--ng-tag-highlight-background, #93FFE2);
  color: var(--ng-tag-highlight-color, #002E24);
}
.ng-tag-sm {
  gap: 2px;
  padding: 4px 8px;
  height: 28px;
}
.ng-tag-md {
  gap: 2px;
  padding: 8px;
  height: 32px;
}
.ng-tag-lg {
  gap: 4px;
  padding: 8px 12px;
  height: 40px;
}

/* src/inputs/input-text/index.css */
.ng-input-text {
  border-radius: var(--ng-input-text-border-radius, 8px);
  border: 1px solid var(--ng-input-text-border-color, #d9d8cf);
  background: var(--ng-input-text-background, #ffffff);
  color: var(--ng-input-text-color, #131312);
  box-shadow: var(--ng-form-field-shadow, 0px 1px 2px 0px rgba(18, 18, 23, 0.05));
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.429em;
  width: 100%;
  height: 2rem;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ng-input-text::placeholder {
  color: var(--ng-input-text-placeholder-color, #908f89);
}
.ng-input-text-sm {
  padding: var(--ng-input-text-sm-padding-y, 4px) var(--ng-input-text-sm-padding-x, 8px);
}
.ng-input-text-normal {
  padding: var(--ng-input-text-padding-y, 5px) var(--ng-input-text-padding-x, 9px);
}
.ng-input-text-lg {
  padding: var(--ng-input-text-lg-padding-y, 7px) var(--ng-input-text-lg-padding-x, 11px);
}
.ng-input-text:hover {
  border-color: var(--ng-input-text-hover-border-color, #cac9c1);
}
.ng-input-text:focus {
  border-color: var(--ng-input-text-active-border-color, #6d6d69);
  box-shadow: var(--ng-form-field-focus-ring-shadow, 0px 0px 0px 0px #00000000);
}
.ng-input-text-invalid {
  border-color: var(--ng-input-text-invalid-border-color, #c93320);
}
.ng-input-text-invalid::placeholder {
  color: var(--ng-input-text-invalid-placeholder-color, #ac2c1b);
}
.ng-input-text-invalid:hover {
  border-color: var(--ng-input-text-invalid-border-color, #c93320);
}
.ng-input-text-invalid:focus {
  border-color: var(--ng-input-text-invalid-border-color, #c93320);
}
.ng-input-text-filled {
  background: var(--ng-input-text-filled-background, #e6ecf3);
}
.ng-input-text-filled:hover {
  background: var(--ng-input-text-filled-hover-background, #e6ecf3);
}
.ng-input-text-filled:focus {
  background: var(--ng-input-text-filled-focus-background, #e6ecf3);
}
.ng-input-text:disabled,
.ng-input-text[disabled] {
  background: var(--ng-input-text-disabled-background, #f0efe9);
  color: var(--ng-input-text-disabled-color, #acaba5);
  opacity: var(--ng-disabled-opacity, 60%);
  cursor: default;
  pointer-events: none;
}
.ng-input-text-label {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.429em;
  color: var(--ng-form-field-color, #131312);
}
.ng-input-text-required {
  color: var(--ng-form-field-invalid-border-color, #c93320);
}
.ng-input-text-helper {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.75rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.5em;
  color: var(--ng-form-field-color, #131312);
}
.ng-input-text-error {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.75rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.5em;
  color: var(--ng-form-field-invalid-border-color, #c93320);
}
.ng-input-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--ng-form-field-gap, 5px);
}
.ng-input-text-label-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.ng-input-text-icon-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.ng-input-text-icon {
  color: var(--ng-form-field-icon-color, #908f89);
  width: 20px;
  height: 20px;
}

/* src/inputs/password/index.css */
.ng-password {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: 0.25rem;
  height: 2rem;
  padding: 0.25rem 0.5rem;
  background: var(--ng-form-field-background, #ffffff);
  border: 1px solid var(--ng-form-field-border-color, #d9d8cf);
  border-radius: var(--ng-form-field-border-radius, 0.5rem);
  box-shadow: var(--ng-form-field-shadow, 0px 1px 2px 0px rgba(18, 18, 23, 0.05));
  width: 100%;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ng-password-input {
  flex: 1;
  padding: 0 0.1875rem;
  background: transparent;
  border: none;
  box-shadow: none;
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.25rem;
  color: var(--ng-form-field-color, #131312);
  outline: none;
}
.ng-password-input::placeholder {
  color: var(--ng-form-field-placeholder-color, #908f89);
}
.ng-password-sm {
  padding: var(--ng-form-field-sm-padding-y, 0.25rem) var(--ng-form-field-sm-padding-x, 0.5rem);
}
.ng-password-normal {
  padding: var(--ng-form-field-padding-y, 0.3125rem) var(--ng-form-field-padding-x, 0.5625rem);
}
.ng-password-lg {
  padding: var(--ng-form-field-lg-padding-y, 0.4375rem) var(--ng-form-field-lg-padding-x, 0.6875rem);
}
.ng-password:hover {
  border-color: var(--ng-form-field-hover-border-color, #cac9c1);
}
.ng-password:focus-within {
  border-color: var(--ng-form-field-active-border-color, #6d6d69);
  box-shadow: var(--ng-form-field-focus-ring-shadow, 0px 0px 0px 0px #00000000);
}
.ng-password.ng-password-invalid {
  border-color: var(--ng-form-field-invalid-border-color, #c93320);
}
.ng-password.ng-password-invalid .ng-password-input::placeholder {
  color: var(--ng-form-field-invalid-placeholder-color, #ac2c1b);
}
.ng-password.ng-password-invalid:hover {
  border-color: var(--ng-form-field-invalid-border-color, #c93320);
}
.ng-password.ng-password-invalid:focus-within {
  border-color: var(--ng-form-field-invalid-border-color, #c93320);
}
.ng-password.ng-password-filled {
  background: var(--ng-form-field-filled-background, #e6ecf3);
}
.ng-password.ng-password-filled:hover {
  background: var(--ng-form-field-filled-hover-background, #e6ecf3);
}
.ng-password.ng-password-filled:focus-within {
  background: var(--ng-form-field-filled-focus-background, #e6ecf3);
}
.ng-password.ng-password-disabled {
  background: var(--ng-form-field-disabled-background, #f0efe9);
  color: var(--ng-form-field-disabled-color, #acaba5);
  opacity: var(--ng-disabled-opacity, 60%);
  cursor: default;
  pointer-events: none;
}
.ng-password-toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--ng-password-icon-color, #908f89);
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  top: 40%;
  position: absolute;
}
.ng-password-overlay {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--ng-password-overlay-padding, 0.75rem);
  background: var(--ng-password-overlay-background, #ffffff);
  border: 1px solid var(--ng-password-overlay-border-color, #e8e7de);
  border-radius: var(--ng-password-overlay-border-radius, 0.5rem);
  color: var(--ng-password-overlay-color, #131312);
  box-shadow: var(--ng-password-overlay-shadow, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1));
}
.ng-password-overlay-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  gap: var(--ng-password-content-gap, 0.5rem);
}
.ng-password-overlay-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  gap: 1rem;
}
.ng-password-overlay-title {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.25rem;
  color: var(--ng-password-overlay-color, #131312);
}
.ng-password-overlay-text {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.25rem;
  color: var(--ng-password-overlay-color, #131312);
}
.ng-password-meter {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-self: stretch;
  height: var(--ng-password-meter-height, 0.5rem);
  border-radius: var(--ng-password-meter-border-radius, 0.5rem);
  background: var(--ng-password-meter-background, #f0efe9);
  overflow: hidden;
}
.ng-password-meter-col {
  flex: 1;
  background: var(--ng-password-meter-background, #f0efe9);
}
.ng-password-meter-col:first-child {
  border-radius: 0.5rem 0 0 0.5rem;
}
.ng-password-meter-col:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
}
.ng-password-strength-weak .ng-password-meter-col:nth-child(1) {
  background: var(--ng-password-strength-weak-background, #c93320);
}
.ng-password-strength-medium .ng-password-meter-col:nth-child(1),
.ng-password-strength-medium .ng-password-meter-col:nth-child(2) {
  background: var(--ng-password-strength-medium-background, #cfaf00);
}
.ng-password-strength-strong .ng-password-meter-col:nth-child(1),
.ng-password-strength-strong .ng-password-meter-col:nth-child(2),
.ng-password-strength-strong .ng-password-meter-col:nth-child(3) {
  background: var(--ng-password-strength-strong-background, #097947);
}
.ng-password-overlay-divider {
  display: flex;
  flex-direction: row;
  align-self: stretch;
  padding: 1rem 0;
}
.ng-password-overlay-divider::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--ng-password-overlay-border-color, #e8e7de);
}
.ng-password-overlay-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  gap: 0.25rem;
}
.ng-password-overlay-list-item {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.25rem;
  color: var(--ng-password-overlay-color, #131312);
}

/* src/miscellaneous/divider/index.css */
.ng-divider-horizontal::before {
  border-block-start-color: var(--ng-divider-border-color, #e8e7de);
}
.ng-divider-vertical::before {
  border-inline-start-color: var(--ng-divider-border-color, #e8e7de);
}
.ng-divider-content {
  font-family: var(--ng-font-family-body, Figtree);
  font-weight: var(--ng-font-weight-semibold, 600);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--ng-divider-content-color, #131312);
  background: var(--ng-divider-content-background, #ffffff);
  padding: 0 0.5rem;
  white-space: nowrap;
}

/* src/miscellaneous/splitter/index.css */
.p-splitter {
  background: var(--ng-splitter-background, #ffffff);
  border-color: var(--ng-splitter-border-color, #e8e7de);
  color: var(--ng-splitter-color, #131312);
}
.p-splitter-gutter {
  background: var(--ng-splitter-gutter-background, #e8e7de);
}
.p-splitter-gutter-handle {
  background: var(--ng-splitter-handle-background, transparent);
  border-radius: var(--ng-splitter-handle-border-radius, 0.5rem);
}
.p-splitter-gutter-handle:focus-visible {
  outline: var(--ng-splitter-handle-focus-ring-width, 2px) solid var(--ng-splitter-handle-focus-ring-color, #6d6d69);
  outline-offset: var(--ng-splitter-handle-focus-ring-offset, 2px);
  box-shadow: var(--ng-splitter-handle-focus-ring-shadow, none);
}

/* src/navigation/tabs/index.css */
.ng-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ng-tabs-tablist {
  display: flex;
  align-items: flex-end;
  gap: 1.5rem;
  width: 100%;
  background: var(--ng-tabs-tablist-background, #ffffff);
  border-bottom: var(--ng-tabs-tablist-border-width, 1px) solid var(--ng-tabs-tablist-border-color, #e8e7de);
}
.ng-tabs-tab {
  display: flex;
  align-items: center;
  gap: var(--ng-tabs-tab-gap, 0.5rem);
  flex-shrink: 0;
  background: var(--ng-tabs-tab-background, transparent);
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  font-family: var(--ng-font-family-heading, Figtree);
  font-weight: var(--ng-font-weight-semi-bold, 600);
  color: var(--ng-tabs-tab-color, #6d6d69);
  transition: color 0.15s, border-color 0.15s;
}
.ng-tabs-tab h1,
.ng-tabs-tab h2,
.ng-tabs-tab h3,
.ng-tabs-tab h4,
.ng-tabs-tab h5,
.ng-tabs-tab h6 {
  margin: 0;
}
.ng-tabs-tab:hover {
  background: var(--ng-tabs-tab-hover-background, transparent);
  border-bottom-color: var(--ng-tabs-tab-hover-border-color, #93ffe2);
  color: var(--ng-tabs-tab-hover-color, #292826);
}
.ng-tabs-tab[data-active],
.ng-tabs-tab[aria-selected=true],
.ng-tabs-tab.ng-tabs-tab-active {
  background: var(--ng-tabs-tab-active-background, transparent);
  border-bottom-color: var(--ng-tabs-tab-active-border-color, #00deb6);
  color: var(--ng-tabs-tab-active-color, #131312);
  cursor: default;
}
.ng-tabs-tab:focus-visible {
  outline: var(--ng-tabs-tab-focus-ring-width, 2px) solid var(--ng-tabs-tab-focus-ring-color, #6d6d69);
  outline-offset: var(--ng-tabs-tab-focus-ring-offset, -1px);
}
.ng-tabs-tab-sm {
  padding: 0.5rem 0;
  line-height: 1.125rem;
}
.ng-tabs-tab-sm .ng-tabs-tab-icon {
  width: 0.875rem;
  height: 0.875rem;
}
.ng-tabs-tab-default {
  padding: 0.75rem 0;
  line-height: 1.5rem;
}
.ng-tabs-tab-default .ng-tabs-tab-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.ng-tabs-tab-lg {
  padding: 1rem 0;
  line-height: 1.75rem;
}
.ng-tabs-tab-lg .ng-tabs-tab-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.ng-tabs-tab-icon {
  flex-shrink: 0;
}
.ng-tabs-tabpanel {
  background: var(--ng-tabs-tabpanel-background, #ffffff);
  color: var(--ng-tabs-tabpanel-color, #131312);
}
.ng-tabs-tabpanel:focus-visible {
  outline: var(--ng-tabs-tabpanel-focus-ring-width, 2px) solid var(--ng-tabs-tabpanel-focus-ring-color, #6d6d69);
  outline-offset: var(--ng-tabs-tabpanel-focus-ring-offset, 2px);
}
.ng-tabs-nav-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ng-tabs-nav-button-width, 2.1875rem);
  background: var(--ng-tabs-nav-button-background, #ffffff);
  color: var(--ng-tabs-nav-button-color, #6d6d69);
  border: none;
  cursor: pointer;
  box-shadow: var(--ng-tabs-nav-button-shadow, 0px 0px 10px 50px #ffffff99);
}
.ng-tabs-nav-button:hover {
  color: var(--ng-tabs-nav-button-hover-color, #131312);
}
.ng-tabs-nav-button:focus-visible {
  outline: var(--ng-tabs-nav-button-focus-ring-width, 2px) solid var(--ng-tabs-nav-button-focus-ring-color, #6d6d69);
  outline-offset: var(--ng-tabs-nav-button-focus-ring-offset, -1px);
}
.ng-tabs-active-bar {
  position: absolute;
  bottom: var(--ng-tabs-active-bar-bottom, -1px);
  height: var(--ng-tabs-active-bar-height, 2px);
  background: var(--ng-tabs-active-bar-background, #02213e);
  transition: left 0.2s, width 0.2s;
}

/* src/system-messages/confirm-dialog/index.css */
.ng-confirm-dialog {
  border-radius: var(--dialog-border-radius, 12px);
  border: 1px solid var(--dialog-border-color, #E8E7DE);
  background: var(--dialog-background, #FFF);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
  display: flex;
  min-width: 280px;
  max-width: 560px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.ng-confirm-dialog-header {
  display: flex;
  padding: var(--dialog-header-padding, 24px);
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.ng-confirm-dialog-header-close-button-icon {
  color: #02213E;
}
.ng-confirm-dialog-footer {
  display: flex;
  padding: 8px var(--dialog-header-padding, 24px) var(--dialog-header-padding, 24px) var(--dialog-header-padding, 24px);
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--dialog-footer-gap, 16px);
  align-self: stretch;
}

/* src/system-messages/message/index.css */
.ng-message {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  border-radius: 0.5rem;
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.25rem;
}
.ng-message-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  padding: 0.375rem 0.75rem;
  box-shadow: var(--ng-message-shadow, 0px 4px 8px 0px rgba(4, 5, 6, 0.04));
}
.ng-message-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
.ng-message-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.ng-message-text {
  flex: 1;
}
.ng-message-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.5rem;
  border: none;
  border-radius: 3rem;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.ng-message-default {
  border-width: 1px;
  border-style: solid;
  border-radius: 0.5rem;
}
.ng-message-outlined {
  border-width: 1px;
  border-style: solid;
}
.ng-message-outlined .ng-message-content {
  background: transparent;
}
.ng-message-simple {
  border: none;
}
.ng-message-simple .ng-message-content {
  background: transparent;
  padding: 0;
}
.ng-message-info {
  border-color: var(--ng-message-info-border-color, #84b6e8);
  color: var(--ng-message-info-color, #113e68);
}
.ng-message-info .ng-message-icon {
  color: var(--ng-message-info-color, #113e68);
}
.ng-message-info .ng-message-close {
  color: var(--ng-message-info-color, #113e68);
}
.ng-message-info.ng-message-default .ng-message-content {
  background: var(--ng-message-info-background, #eef5fc);
  box-shadow: 0px 4px 8px 0px rgba(2, 5, 10, 0.04);
}
.ng-message-info.ng-message-outlined .ng-message-content,
.ng-message-info.ng-message-simple .ng-message-content {
  box-shadow: 0px 4px 8px 0px rgba(2, 5, 10, 0.04);
}
.ng-message-success {
  border-color: var(--ng-message-success-border-color, #66c7a8);
  color: var(--ng-message-success-color, #097947);
}
.ng-message-success .ng-message-icon {
  color: var(--ng-message-success-color, #097947);
}
.ng-message-success .ng-message-close {
  color: var(--ng-message-success-color, #097947);
}
.ng-message-success.ng-message-default .ng-message-content {
  background: var(--ng-message-success-background, #e8f8f2);
  box-shadow: 0px 4px 8px 0px rgba(1, 8, 4, 0.04);
}
.ng-message-success.ng-message-outlined .ng-message-content,
.ng-message-success.ng-message-simple .ng-message-content {
  box-shadow: 0px 4px 8px 0px rgba(1, 8, 4, 0.04);
}
.ng-message-warn {
  border-color: var(--ng-message-warn-border-color, #fad505);
  color: var(--ng-message-warn-color, #877200);
}
.ng-message-warn .ng-message-icon {
  color: var(--ng-message-warn-color, #877200);
}
.ng-message-warn .ng-message-close {
  color: var(--ng-message-warn-color, #877200);
}
.ng-message-warn.ng-message-default .ng-message-content {
  background: var(--ng-message-warn-background, #fffbe6);
  box-shadow: 0px 4px 8px 0px rgba(9, 7, 0, 0.04);
}
.ng-message-warn.ng-message-outlined .ng-message-content,
.ng-message-warn.ng-message-simple .ng-message-content {
  box-shadow: 0px 4px 8px 0px rgba(9, 7, 0, 0.04);
}
.ng-message-error {
  border-color: var(--ng-message-error-border-color, #e9a39b);
  color: var(--ng-message-error-color, #c93320);
}
.ng-message-error .ng-message-icon {
  color: var(--ng-message-error-color, #c93320);
}
.ng-message-error .ng-message-close {
  color: var(--ng-message-error-color, #c93320);
}
.ng-message-error.ng-message-default .ng-message-content {
  background: var(--ng-message-error-background, #fbedec);
  box-shadow: 0px 4px 8px 0px rgba(10, 3, 3, 0.04);
}
.ng-message-error.ng-message-outlined .ng-message-content,
.ng-message-error.ng-message-simple .ng-message-content {
  box-shadow: 0px 4px 8px 0px rgba(10, 3, 3, 0.04);
}
.ng-message-secondary {
  border-color: var(--ng-message-secondary-border-color, #e8e7de);
  color: var(--ng-message-secondary-color, #666662);
}
.ng-message-secondary .ng-message-icon {
  color: var(--ng-message-secondary-color, #666662);
}
.ng-message-secondary .ng-message-close {
  color: var(--ng-message-secondary-color, #666662);
}
.ng-message-secondary.ng-message-default .ng-message-content {
  background: var(--ng-message-secondary-background, #f0efe9);
  box-shadow: 0px 4px 8px 0px rgba(4, 5, 6, 0.04);
}
.ng-message-secondary.ng-message-outlined {
  border-color: var(--ng-message-secondary-outlined-border-color, #cac9c1);
}
.ng-message-secondary.ng-message-outlined .ng-message-content,
.ng-message-secondary.ng-message-simple .ng-message-content {
  box-shadow: 0px 4px 8px 0px rgba(4, 5, 6, 0.04);
}
.ng-message-contrast {
  border-color: var(--ng-message-contrast-border-color, #131312);
  color: var(--ng-message-contrast-color, #131312);
}
.ng-message-contrast .ng-message-icon {
  color: var(--ng-message-contrast-color, #131312);
}
.ng-message-contrast .ng-message-close {
  color: var(--ng-message-contrast-color, #131312);
}
.ng-message-contrast.ng-message-default {
  color: var(--ng-message-contrast-default-color, #ffffff);
}
.ng-message-contrast.ng-message-default .ng-message-content {
  background: var(--ng-message-contrast-background, #131312);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 1, 0.04);
}
.ng-message-contrast.ng-message-default .ng-message-icon {
  color: var(--ng-message-contrast-default-color, #ffffff);
}
.ng-message-contrast.ng-message-default .ng-message-close {
  color: var(--ng-message-contrast-default-color, #ffffff);
}
.ng-message-contrast.ng-message-outlined .ng-message-content,
.ng-message-contrast.ng-message-simple .ng-message-content {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 1, 0.04);
}
.ng-message-accent {
  border-color: var(--ng-message-accent-border-color, #cec95b);
  color: var(--ng-message-accent-color, #48461b);
}
.ng-message-accent .ng-message-icon {
  color: var(--ng-message-accent-color, #48461b);
}
.ng-message-accent .ng-message-close {
  color: var(--ng-message-accent-color, #48461b);
}
.ng-message-accent.ng-message-default .ng-message-content {
  background: var(--ng-message-accent-background, #fffee0);
  box-shadow: 0px 4px 8px 0px rgba(4, 5, 6, 0.04);
}
.ng-message-accent.ng-message-outlined {
  border-color: var(--ng-message-accent-outlined-border-color, #eee96b);
}
.ng-message-accent.ng-message-outlined .ng-message-content,
.ng-message-accent.ng-message-simple .ng-message-content {
  box-shadow: 0px 4px 8px 0px rgba(4, 5, 6, 0.04);
}

/* src/system-messages/toast/index.css */
.p-toaster-region {
  width: var(--ng-toast-width, 350px);
}
.p-toast.ng-toast {
  border-radius: var(--ng-toast-border-radius, 8px);
  border: var(--ng-toast-border-width, 1px) solid var(--border-color);
  overflow: clip;
}
.ng-toast-content {
  display: flex;
  flex-direction: column;
  gap: var(--ng-toast-content-gap, 8px);
  padding: var(--ng-toast-content-padding, 12px);
  width: 100%;
}
.ng-toast-header {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.ng-toast-title {
  flex: 1 0 0;
  min-width: 1px;
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.ng-toast-description {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.ng-toast-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ng-toast-icon-size, 20px);
  height: var(--ng-toast-icon-size, 20px);
  flex-shrink: 0;
}
.ng-toast-icon svg {
  width: 100%;
  height: 100%;
}
.ng-toast-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 8px;
  border: none;
  border-radius: 48px;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  color: inherit;
  transition: background 0.2s;
}
.ng-toast-close svg {
  width: 16px;
  height: 16px;
}
.ng-toast-close:focus-visible {
  outline: var(--ng-toast-close-button-focus-ring-width, 2px) solid currentColor;
  outline-offset: var(--ng-toast-close-button-focus-ring-offset, 2px);
}
.p-toast.ng-toast-success {
  --background-color: var(--ng-toast-success-background, rgba(240, 253, 244, 0.9));
  --border-color: var(--ng-toast-success-border-color, #a9e3ce);
  --text-color: var(--ng-toast-success-color, #097947);
  --title-color: var(--ng-toast-success-color, #097947);
  --description-color: var(--ng-toast-success-color, #097947);
  --icon-color: var(--ng-toast-success-color, #097947);
  background: var(--ng-toast-success-background, rgba(240, 253, 244, 0.9));
  border-color: var(--ng-toast-success-border-color, #a9e3ce);
  color: var(--ng-toast-success-color, #097947);
  box-shadow: var(--ng-toast-success-shadow, 0px 4px 8px 0px rgba(1, 8, 4, 0.04));
}
.p-toast.ng-toast-success .ng-toast-close:hover {
  background: var(--ng-toast-success-close-button-hover-background, #d4f1e6);
}
.p-toast.ng-toast-success .ng-toast-close:focus-visible {
  outline-color: var(--ng-toast-success-close-button-focus-ring-color, #07653c);
}
.p-toast.ng-toast-info {
  --background-color: var(--ng-toast-info-background, rgba(239, 246, 255, 0.9));
  --border-color: var(--ng-toast-info-border-color, #adcff0);
  --text-color: var(--ng-toast-info-color, #17568a);
  --title-color: var(--ng-toast-info-color, #17568a);
  --description-color: var(--ng-toast-info-color, #17568a);
  --icon-color: var(--ng-toast-info-color, #17568a);
  background: var(--ng-toast-info-background, rgba(239, 246, 255, 0.9));
  border-color: var(--ng-toast-info-border-color, #adcff0);
  color: var(--ng-toast-info-color, #17568a);
  box-shadow: var(--ng-toast-info-shadow, 0px 4px 8px 0px rgba(2, 5, 10, 0.04));
}
.p-toast.ng-toast-info .ng-toast-close:hover {
  background: var(--ng-toast-info-close-button-hover-background, #d6e7f7);
}
.p-toast.ng-toast-info .ng-toast-close:focus-visible {
  outline-color: var(--ng-toast-info-close-button-focus-ring-color, #1c6eac);
}
.p-toast.ng-toast-warn {
  --background-color: var(--ng-toast-warn-background, rgba(255, 251, 230, 0.9));
  --border-color: var(--ng-toast-warn-border-color, #ffe980);
  --text-color: var(--ng-toast-warn-color, #8a7400);
  --title-color: var(--ng-toast-warn-color, #8a7400);
  --description-color: var(--ng-toast-warn-color, #8a7400);
  --icon-color: var(--ng-toast-warn-color, #8a7400);
  background: var(--ng-toast-warn-background, rgba(255, 251, 230, 0.9));
  border-color: var(--ng-toast-warn-border-color, #ffe980);
  color: var(--ng-toast-warn-color, #8a7400);
  box-shadow: var(--ng-toast-warn-shadow, 0px 4px 8px 0px rgba(9, 7, 0, 0.04));
}
.p-toast.ng-toast-warn .ng-toast-close:hover {
  background: var(--ng-toast-warn-close-button-hover-background, #fff3bf);
}
.p-toast.ng-toast-warn .ng-toast-close:focus-visible {
  outline-color: var(--ng-toast-warn-close-button-focus-ring-color, #423800);
}
.p-toast.ng-toast-error {
  --background-color: var(--ng-toast-error-background, rgba(254, 242, 242, 0.9));
  --border-color: var(--ng-toast-error-border-color, #f4d1cd);
  --text-color: var(--ng-toast-error-color, #ac2c1b);
  --title-color: var(--ng-toast-error-color, #ac2c1b);
  --description-color: var(--ng-toast-error-color, #ac2c1b);
  --icon-color: var(--ng-toast-error-color, #ac2c1b);
  background: var(--ng-toast-error-background, rgba(254, 242, 242, 0.9));
  border-color: var(--ng-toast-error-border-color, #f4d1cd);
  color: var(--ng-toast-error-color, #ac2c1b);
  box-shadow: var(--ng-toast-error-shadow, 0px 4px 8px 0px rgba(10, 3, 3, 0.04));
}
.p-toast.ng-toast-error .ng-toast-close:hover {
  background: var(--ng-toast-error-close-button-hover-background, #f4d1cd);
}
.p-toast.ng-toast-error .ng-toast-close:focus-visible {
  outline-color: var(--ng-toast-error-close-button-focus-ring-color, #c93320);
}
.p-toast.ng-toast-secondary {
  --background-color: var(--ng-toast-secondary-background, #f0efe9);
  --border-color: var(--ng-toast-secondary-border-color, #e8e7de);
  --text-color: var(--ng-toast-secondary-color, #40403d);
  --title-color: var(--ng-toast-secondary-color, #40403d);
  --description-color: var(--ng-toast-secondary-color, #40403d);
  --icon-color: var(--ng-toast-secondary-color, #40403d);
  background: var(--ng-toast-secondary-background, #f0efe9);
  border-color: var(--ng-toast-secondary-border-color, #e8e7de);
  color: var(--ng-toast-secondary-color, #40403d);
  box-shadow: var(--ng-toast-secondary-shadow, 0px 4px 8px 0px rgba(4, 5, 6, 0.04));
}
.p-toast.ng-toast-secondary .ng-toast-close:hover {
  background: var(--ng-toast-secondary-close-button-hover-background, #e8e7de);
}
.p-toast.ng-toast-secondary .ng-toast-close:focus-visible {
  outline-color: var(--ng-toast-secondary-close-button-focus-ring-color, #908f89);
}
.p-toast.ng-toast-contrast {
  --background-color: var(--ng-toast-contrast-background, #292826);
  --border-color: var(--ng-toast-contrast-border-color, #131312);
  --text-color: var(--ng-toast-contrast-color, #f7f7f4);
  --title-color: var(--ng-toast-contrast-color, #f7f7f4);
  --description-color: var(--ng-toast-contrast-color, #f7f7f4);
  --icon-color: var(--ng-toast-contrast-color, #f7f7f4);
  background: var(--ng-toast-contrast-background, #292826);
  border-color: var(--ng-toast-contrast-border-color, #131312);
  color: var(--ng-toast-contrast-color, #f7f7f4);
  box-shadow: var(--ng-toast-contrast-shadow, 0px 4px 8px 0px rgba(0, 0, 1, 0.04));
}
.p-toast.ng-toast-contrast .ng-toast-close:hover {
  background: var(--ng-toast-contrast-close-button-hover-background, #40403d);
}
.p-toast.ng-toast-contrast .ng-toast-close:focus-visible {
  outline-color: var(--ng-toast-contrast-close-button-focus-ring-color, #f7f7f4);
}
.p-toast.ng-toast-accent {
  --background-color: var(--ng-toast-accent-background, #fffee0);
  --border-color: var(--ng-toast-accent-border-color, #fff973);
  --text-color: var(--ng-toast-accent-color, #636128);
  --title-color: var(--ng-toast-accent-color, #636128);
  --description-color: var(--ng-toast-accent-color, #636128);
  --icon-color: var(--ng-toast-accent-color, #636128);
  background: var(--ng-toast-accent-background, #fffee0);
  border-color: var(--ng-toast-accent-border-color, #fff973);
  color: var(--ng-toast-accent-color, #636128);
  box-shadow: 0px 4px 8px 0px rgba(4, 5, 6, 0.04);
}
.p-toast.ng-toast-accent .ng-toast-close:hover {
  background: var(--ng-toast-accent-close-button-hover-background, #fff973);
}
.p-toast.ng-toast-accent .ng-toast-close:focus-visible {
  outline-color: var(--ng-toast-accent-close-button-focus-ring-color, #636128);
}

/* src/typography/index.css */
.heading-xxl {
  font-family: var(--ng-font-family-heading, Figtree);
  font-size: 3rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.125em;
}
.heading-xl {
  font-family: var(--ng-font-family-heading, Figtree);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.167em;
}
.heading-l {
  font-family: var(--ng-font-family-heading, Figtree);
  font-size: 1.875rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.2em;
}
.heading-m {
  font-family: var(--ng-font-family-heading, Figtree);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.167em;
}
.heading-s {
  font-family: var(--ng-font-family-heading, Figtree);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.333em;
}
.heading-xs {
  font-family: var(--ng-font-family-heading, Figtree);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.571em;
  text-transform: uppercase;
}
.body-l-semibold {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.375em;
}
.body-l-regular {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.375em;
}
.body-m-semibold {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.429em;
}
.body-m-regular {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.429em;
}
.body-m-link {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.429em;
  text-decoration: underline;
}
.body-m-italic {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-style: italic;
  font-weight: var(--ng-font-weight-light, 300);
  line-height: 1.429em;
}
.body-s-semibold {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.5em;
}
.body-s-regular {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.5em;
}
.body-s-link {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.5em;
  text-decoration: underline;
}
.body-s-italic {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.75rem;
  font-style: italic;
  font-weight: var(--ng-font-weight-light, 300);
  line-height: 1.5em;
}
.body-xs-semibold {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.455em;
}
.body-xs-regular {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.455em;
}
.body-xs-italic {
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.6875rem;
  font-style: italic;
  font-weight: var(--ng-font-weight-light, 300);
  line-height: 1.455em;
}

/* src/system-messages/tooltip/index.css */
.ng-tooltip {
  max-width: var(--ng-tooltip-max-width, 175px);
  padding: 0.5rem 0.75rem;
  border-radius: var(--ng-tooltip-border-radius, 8px);
  background: var(--ng-tooltip-background, #6d6d69);
  color: var(--ng-tooltip-color, #ffffff);
  box-shadow: var(--ng-tooltip-shadow, 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a);
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.429em;
}
.ng-tooltip-info {
  background: var(--ng-tooltip-info-background, #EEF5FC);
  color: var(--ng-tooltip-info-color, #113E68);
}
.ng-tooltip-info .ng-tooltip-arrow {
  fill: var(--ng-tooltip-info-background, #EEF5FC);
}
.ng-tooltip-warning {
  background: var(--ng-tooltip-warning-background, #FFFBE6);
  color: var(--ng-tooltip-warning-color, #877200);
}
.ng-tooltip-warning .ng-tooltip-arrow {
  fill: var(--ng-tooltip-warning-background, #FFFBE6);
}
.ng-tooltip-arrow {
  fill: var(--ng-tooltip-background, #6d6d69);
}

/* src/text-content/card/index.css */
.ng-card {
  display: flex;
  font-family: var(--ng-font-family-body, Figtree);
  box-sizing: border-box;
}
.ng-card-default {
  flex-direction: column;
  align-items: stretch;
  width: 488px;
  background: var(--ng-card-background, #FFFFFF);
  border: 1px solid var(--ng-card-border-color, #E8E7DE);
  border-radius: 12px;
  overflow: hidden;
}
.ng-card-default.ng-card-selected {
  background: var(--ng-card-selected-background, #E9FFF8);
  border-color: var(--ng-card-selected-border-color, #00DEB6);
}
.ng-card-default.ng-card-interactive {
  cursor: pointer;
}
.ng-card-header-image {
  width: 100%;
}
.ng-card-header-image > img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.ng-card-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding: 20px;
}
.ng-card-caption {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
.ng-card-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.ng-card-footer {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.ng-card-small-horizontal {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  background: var(--ng-card-background, #FFFFFF);
  border-radius: 8px;
}
.ng-card-small-horizontal.ng-card-interactive {
  cursor: pointer;
  border: 0.5px solid var(--ng-card-idle-border-color, #85847E);
}
.ng-card-small-horizontal.ng-card-interactive:hover {
  background: var(--ng-card-hover-background, #F7F7F4);
  border: 1px solid var(--ng-card-hover-border-color, #666662);
}
.ng-card-small-horizontal.ng-card-selected {
  background: var(--ng-card-selected-background, #E9FFF8);
  border-color: var(--ng-card-selected-border-color, #00DEB6);
}
.ng-card-small-horizontal-photo {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  background: var(--ng-card-background, #FFFFFF);
  border-radius: 8px;
}
.ng-card-small-horizontal-photo.ng-card-interactive {
  cursor: pointer;
  border: 0.5px solid var(--ng-card-idle-border-color, #85847E);
}
.ng-card-small-horizontal-photo.ng-card-interactive:hover {
  background: var(--ng-card-hover-background, #F7F7F4);
  border: 1px solid var(--ng-card-hover-border-color, #666662);
}
.ng-card-small-horizontal-photo.ng-card-selected {
  background: var(--ng-card-selected-background, #E9FFF8);
  border-color: var(--ng-card-selected-border-color, #00DEB6);
}
.ng-card-image {
  flex-shrink: 0;
}
.ng-card-image > img {
  display: block;
  object-fit: cover;
  border-radius: 4px;
}
.ng-card-medium-horizontal {
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  background: var(--ng-card-background, #FFFFFF);
  border-radius: 8px;
}
.ng-card-medium-horizontal.ng-card-interactive {
  cursor: pointer;
  border: 0.5px solid var(--ng-card-idle-border-color, #85847E);
}
.ng-card-medium-horizontal.ng-card-interactive:hover {
  background: var(--ng-card-hover-background, #F7F7F4);
  border: 1px solid var(--ng-card-hover-border-color, #666662);
}
.ng-card-medium-horizontal.ng-card-selected {
  background: var(--ng-card-selected-background, #E9FFF8);
  border-color: var(--ng-card-selected-border-color, #00DEB6);
}
.ng-card-borderless-medium-horizontal {
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  background: transparent;
  border: none;
  border-radius: 0;
}
.ng-card-borderless-medium-horizontal.ng-card-interactive {
  cursor: pointer;
  padding-left: 20px;
  transition: padding-left 0.15s ease;
}
.ng-card-borderless-medium-horizontal.ng-card-interactive:hover {
  padding-left: 24px;
  background: var(--ng-card-hover-background, #F7F7F4);
}
.ng-card-borderless-medium-horizontal.ng-card-selected {
  padding-left: 24px;
  background: var(--ng-card-selected-background, #E9FFF8);
}
.ng-card [data-p-component=card-body],
.ng-card [data-p-component=card-header],
.ng-card [data-p-component=card-caption],
.ng-card [data-p-component=card-title],
.ng-card [data-p-component=card-subtitle],
.ng-card [data-p-component=card-content],
.ng-card [data-p-component=card-footer] {
  all: unset;
  display: contents;
}
.ng-card-horizontal-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 0;
}
.ng-card-medium-horizontal .ng-card-horizontal-body,
.ng-card-borderless-medium-horizontal .ng-card-horizontal-body {
  align-items: flex-start;
}
.ng-card-avatar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  overflow: hidden;
}
.ng-card-avatar > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ng-card-row-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.ng-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  padding: 2px 0;
}
.ng-card-icon > svg {
  width: 100%;
  height: 100%;
}
.ng-card-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.ng-card-title {
  color: var(--ng-card-title-color, #131312);
}
.ng-card-subtitle {
  color: var(--ng-card-subtitle-color, #666662);
}
.ng-card-text {
  color: var(--ng-card-subtitle-color, #666662);
}
.ng-card-tag {
  flex-shrink: 0;
}
.ng-card-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.ng-card-info-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}
.ng-card-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.ng-card-description {
  color: var(--ng-card-subtitle-color, #666662);
}
.ng-card .heading-s {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ng-card .body-l-semibold {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ng-card .body-m-regular {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* src/text-content/panel/index.css */
.ng-panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: var(--ng-panel-background, #ffffff);
  border: 1px solid var(--ng-panel-border-color, #e8e7de);
  border-radius: var(--ng-panel-border-radius, 0.5rem);
  color: var(--ng-panel-color, #131312);
  width: 100%;
}
.ng-panel-header {
  display: flex;
  align-items: center;
  padding: var(--ng-panel-header-padding, 1.25rem);
  background: var(--ng-panel-header-background, transparent);
  border-bottom: 0 solid var(--ng-panel-border-color, #e8e7de);
  border-top-left-radius: var(--ng-panel-border-radius, 0.5rem);
  border-top-right-radius: var(--ng-panel-border-radius, 0.5rem);
}
.ng-panel-title {
  flex: 1 0 0;
  min-width: 1px;
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-semi-bold, 600);
  line-height: 1.25rem;
  color: var(--ng-panel-header-color, #131312);
}
.ng-panel-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  border: none;
  border-radius: 0.5rem;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}
.ng-panel-trigger:hover {
  background: var(--ng-panel-header-background, rgba(0, 0, 0, 0.04));
}
.ng-panel-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 var(--ng-panel-header-padding, 1.25rem) var(--ng-panel-header-padding, 1.25rem);
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.25rem;
  color: var(--ng-panel-color, #131312);
  width: 100%;
  box-sizing: border-box;
}
.ng-panel-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 var(--ng-panel-header-padding, 1.25rem) var(--ng-panel-header-padding, 1.25rem);
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  font-family: var(--ng-font-family-body, Figtree);
  font-size: 0.875rem;
  font-weight: var(--ng-font-weight-regular, 400);
  line-height: 1.25rem;
  color: var(--ng-panel-color, #131312);
  width: 100%;
  box-sizing: border-box;
}
.ng-panel-content:has(~ .ng-panel-footer) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-panel-collapsed .ng-panel-header {
  border-bottom-left-radius: var(--ng-panel-border-radius, 0.5rem);
  border-bottom-right-radius: var(--ng-panel-border-radius, 0.5rem);
}


/* ============================================================
   NextGen North Star — Design Tokens
   Source: NG North Star.fig (Colors-Branding + Typography)
   ============================================================ */
/* ---------- Web fonts ---------- */
/* Britti Sans Variable is a licensed type. Substituted on the
   web with Figtree (very similar geometric humanist proportions).
   Italic Figtree is self-hosted (brand-supplied .ttf); upright
   weights and the other families come from Google Fonts. */
:root {
  /* ===========================================================
     PRIMITIVES — raw color tokens. Do not use directly in product
     code; reference the semantic tokens below.
     =========================================================== */

  /* ngprimary — brand navy (LOGO + primary buttons) */
  --ngprimary-50: #e6ecf3;
  --ngprimary-100: #c8d6e5;
  --ngprimary-200: #94b0cd;
  --ngprimary-400: #1b6ca8; /* alt — used for LINKS */
  --ngprimary-700: #17568a;
  --ngprimary-800: #063b68;
  --ngprimary-900: #15192c;
  --ngprimary-950: #02213e; /* LOGO + BUTTONS */

  /* ngblue — supporting blue scale */
  --ngblue-300: #0c8ce9;
  --ngblue-700: #1b6ca8;
  --ngblue-900: #02213e;

  /* nggray — warm sand neutrals (the system's bedrock) */
  --nggray-50: #f7f7f4; /* page bg */
  --nggray-100: #f0efe9; /* surface */
  --nggray-200: #e8e7de; /* subtle border */
  --nggray-300: #d9d8cf;
  --nggray-400: #cac9c1;
  --nggray-500: #85847e;
  --nggray-600: #666662; /* subtle text + icons */
  --nggray-700: #404040;
  --nggray-800: #29282a;
  --nggray-900: #131312; /* most text + icons */
  --nggray-950: #0a0a09;

  /* ngcyan — highlight (light) */
  --ngcyan-100: #c9ffef;
  --ngcyan-200: #93ffe2;
  --ngcyan-300: #00ffd2; /* app icon, focus pop */

  /* teal — highlight (mid+dark) */
  --teal-400: #00deb6; /* active border */
  --teal-600: #00867f;
  --teal-700: #115e59;
  --teal-800: #004839; /* highlight text */

  /* ngyellow — Nia / AI accent */
  --ngyellow-100: #fefcb3;
  --ngyellow-200: #fff973; /* AI bg */
  --ngyellow-400: #fff34a;

  /* ngmagenta / nia-2 — secondary AI accent (sparingly) */
  --ngmagenta-500: #ff059f;
  --ngmagenta-600: #f316b0;
  --ngpurple-500: #9747ff;

  /* Feedback */
  --nggreen-50: #f0fcf4;
  --nggreen-500: #097947;
  --ngamber-50: #fefae6;
  --ngamber-700: #877200;
  --ngred-50: #fdf2f2;
  --ngred-500: #c93320;
  --nginfo-50: #e6ecf3;
  --nginfo-500: #1b6ca8;

  /* ===========================================================
     SEMANTIC TOKENS — use these in product code
     =========================================================== */

  /* Surfaces & backgrounds */
  --color-surface-page: var(--nggray-50);
  --color-surface-default: #ffffff;
  --color-surface-raised: #ffffff;
  --color-surface-muted: var(--nggray-100);
  --color-surface-sunken: var(--nggray-200);
  --color-surface-inverse: var(--nggray-900);
  --color-surface-brand: var(--ngprimary-950);
  --color-surface-brand-soft: var(--ngprimary-50);
  --color-surface-highlight: var(--ngcyan-200);
  --color-surface-ai: var(--ngyellow-200);

  /* Borders */
  --color-border-subtle: var(--nggray-200);
  --color-border-default: var(--nggray-300);
  --color-border-strong: var(--nggray-400);
  --color-border-active: var(--teal-400);
  --color-border-focus: var(--ngprimary-950);
  --color-border-inverse: var(--nggray-900);

  /* Text & icons */
  --color-text-strong: var(--nggray-900); /* most text */
  --color-text-default: var(--nggray-800);
  --color-text-muted: var(--nggray-600); /* subtle text + icons */
  --color-text-disabled: var(--nggray-400);
  --color-text-inverse: #ffffff;
  --color-text-link: var(--ngprimary-400);
  --color-text-link-hover: var(--ngprimary-700);
  --color-text-brand: var(--ngprimary-950);
  --color-text-highlight: var(--teal-800);

  /* Action colors (buttons, primary controls) */
  --color-action-primary-bg: var(--ngprimary-950);
  --color-action-primary-bg-hover: var(--ngprimary-800);
  --color-action-primary-bg-active: var(--ngprimary-900);
  --color-action-primary-fg: #ffffff;

  --color-action-secondary-bg: transparent;
  --color-action-secondary-bg-hover: var(--ngprimary-50);
  --color-action-secondary-border: var(--ngprimary-950);
  --color-action-secondary-fg: var(--ngprimary-950);

  --color-action-tertiary-bg: transparent;
  --color-action-tertiary-fg: var(--ngprimary-400);

  /* Status — feedback */
  --color-status-success-bg: var(--nggreen-50);
  --color-status-success-fg: var(--nggreen-500);
  --color-status-warning-bg: var(--ngamber-50);
  --color-status-warning-fg: var(--ngamber-700);
  --color-status-danger-bg: var(--ngred-50);
  --color-status-danger-fg: var(--ngred-500);
  --color-status-info-bg: var(--nginfo-50);
  --color-status-info-fg: var(--nginfo-500);

  /* ===========================================================
     TYPOGRAPHY
     =========================================================== */

  /* Family stacks
     - Brand sans (Britti Sans Variable) — substituted with Figtree on web
     - Editorial display (Bitter) — used on hero copy
     - System docs (Barlow) — used on docs/guides
     - Mono (JetBrains substitute for Sometype Mono) */
  --font-sans:
    "Figtree", "Britti Sans Variable", system-ui, -apple-system, "Segoe UI",
    sans-serif;
  --font-display: "Bitter", Georgia, "Times New Roman", serif;
  --font-docs: "Barlow", "Figtree", system-ui, sans-serif;
  --font-mono:
    "JetBrains Mono", "Sometype Mono", ui-monospace, SFMono-Regular, Menlo,
    monospace;

  /* Headings — Figtree SemiBold 600 */
  --header-xxl-size: 48px;
  --header-xxl-lh: 48px;
  --header-xxl-weight: 600;
  --header-xl-size: 36px;
  --header-xl-lh: 36px;
  --header-xl-weight: 600;
  --header-l-size: 30px;
  --header-l-lh: 36px;
  --header-l-weight: 600;
  --header-m-size: 24px;
  --header-m-lh: 28px;
  --header-m-weight: 600;
  --header-s-size: 18px;
  --header-s-lh: 24px;
  --header-s-weight: 600;
  --header-xs-size: 14px;
  --header-xs-lh: 18px;
  --header-xs-weight: 600; /* all caps */

  /* Body */
  --body-l-size: 16px;
  --body-l-lh: 22px;
  --body-m-size: 16px;
  --body-m-lh: 22px;
  --body-s-size: 14px;
  --body-s-lh: 20px;
  --body-xs-size: 12px;
  --body-xs-lh: 16px;

  /* ===========================================================
     SHAPE & SPACING
     =========================================================== */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Elevation — minimal, near-flat */
  --shadow-xs: 0 1px 2px rgba(2, 33, 62, 0.04);
  --shadow-sm: 0 1px 2px rgba(2, 33, 62, 0.06), 0 1px 3px rgba(2, 33, 62, 0.05);
  --shadow-md: 0 4px 8px rgba(2, 33, 62, 0.06), 0 2px 4px rgba(2, 33, 62, 0.05);
  --shadow-lg:
    0 12px 24px rgba(2, 33, 62, 0.08), 0 4px 8px rgba(2, 33, 62, 0.06);
  --shadow-focus: 0 0 0 3px rgba(0, 222, 182, 0.45);

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 260ms;
}
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('/embedded-config/assets/primeicons-DMOk5skT.eot');
    src: url('/embedded-config/assets/primeicons-DMOk5skT.eot?#iefix') format('embedded-opentype'), url('/embedded-config/assets/primeicons-C6QP2o4f.woff2') format('woff2'), url('/embedded-config/assets/primeicons-WjwUDZjB.woff') format('woff'), url('/embedded-config/assets/primeicons-MpK4pl85.ttf') format('truetype'), url('/embedded-config/assets/primeicons-Dr5RGzOO.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}
/* ─────────────────────────────────────────────────────────
   PrimeReact alignment layer — NextGen North Star tokens
   Maps PrimeReact component classes to the NG token system.
   Import AFTER: tokens.css → PrimeReact theme → this file
   ───────────────────────────────────────────────────────── */

/* PrimeIcons sizing inside app chrome */
.nav-item .pi {
  font-size: 14px;
}
.client-chip-arrow .pi {
  font-size: 13px;
}
.cfg-card .pi {
  font-size: 13px;
}
.field-label .pi,
.toggle-row .pi {
  font-size: 11px;
}

/* ToggleSwitch: bridge PrimeReact UI --p-toggleswitch-* to NG tokens
   PrimeReact UI's own stylesheet loads after the theme and wins the cascade,
   but it reads --p-toggleswitch-* which aren't defined — map them here. */
:root {
  --p-toggleswitch-width: var(--ng-toggle-switch-width);
  --p-toggleswitch-height: var(--ng-toggle-switch-height);
  --p-toggleswitch-background: var(--ng-toggle-switch-background);
  --p-toggleswitch-border-color: var(--ng-toggle-switch-border-color);
  --p-toggleswitch-border-radius: var(--ng-toggle-switch-border-radius);
  --p-toggleswitch-border-width: var(--ng-toggle-switch-border-width);
  --p-toggleswitch-checked-background: var(
    --ng-toggle-switch-checked-background
  );
  --p-toggleswitch-checked-border-color: var(
    --ng-toggle-switch-checked-border-color
  );
  --p-toggleswitch-checked-hover-background: var(
    --ng-toggle-switch-checked-hover-background
  );
  --p-toggleswitch-checked-hover-border-color: var(
    --ng-toggle-switch-checked-hover-border-color
  );
  --p-toggleswitch-disabled-background: var(
    --ng-toggle-switch-disabled-background
  );
  --p-toggleswitch-focus-ring-color: var(--ng-toggle-switch-focus-ring-color);
  --p-toggleswitch-focus-ring-offset: var(--ng-toggle-switch-focus-ring-offset);
  --p-toggleswitch-focus-ring-shadow: var(
    --ng-toggleswitch-focus-ring-shadow,
    none
  );
  --p-toggleswitch-focus-ring-style: solid;
  --p-toggleswitch-focus-ring-width: var(--ng-toggle-switch-focus-ring-width);
  --p-toggleswitch-gap: var(--ng-toggle-switch-gap);
  --p-toggleswitch-handle-background: var(--ng-toggle-switch-handle-background);
  --p-toggleswitch-handle-border-radius: var(
    --ng-toggle-switch-handle-border-radius
  );
  --p-toggleswitch-handle-checked-background: var(
    --ng-toggle-switch-handle-checked-background
  );
  --p-toggleswitch-handle-checked-color: var(
    --ng-toggle-switch-handle-checked-color
  );
  --p-toggleswitch-handle-checked-hover-background: var(
    --ng-toggle-switch-handle-checked-hover-background
  );
  --p-toggleswitch-handle-checked-hover-color: var(
    --ng-toggle-switch-handle-checked-hover-color
  );
  --p-toggleswitch-handle-color: var(--ng-toggle-switch-handle-color);
  --p-toggleswitch-handle-disabled-background: var(
    --ng-toggle-switch-handle-disabled-background
  );
  --p-toggleswitch-handle-hover-background: var(
    --ng-toggle-switch-handle-hover-background
  );
  --p-toggleswitch-handle-hover-color: var(
    --ng-toggle-switch-handle-hover-color
  );
  --p-toggleswitch-handle-size: var(--ng-toggle-switch-handle-size);
  --p-toggleswitch-hover-background: var(--ng-toggle-switch-hover-background);
  --p-toggleswitch-hover-border-color: var(
    --ng-toggle-switch-hover-border-color
  );
  --p-toggleswitch-invalid-border-color: var(
    --ng-toggle-switch-invalid-border-color
  );
  --p-toggleswitch-shadow: var(--ng-toggleswitch-shadow, none);
  --p-toggleswitch-slide-duration: 0.2s;
  --p-toggleswitch-transition-duration: 0.2s;
}

/* PrimeReact InputText */
.p-inputtext {
  font-family: var(--font-sans) !important;
  font-size: 13.5px !important;
  padding: 8px 12px !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  width: 100%;
  transition:
    border-color var(--duration) var(--ease),
    box-shadow var(--duration) var(--ease) !important;
}
.p-inputtext:enabled:focus {
  outline: none !important;
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px var(--primary-soft) !important;
}
.p-inputtext::placeholder {
  color: var(--text-soft) !important;
}

.p-inputnumber {
  width: 100%;
}
.p-inputnumber .p-inputtext {
  width: 100%;
}

/* PrimeReact Buttons */
.p-button {
  font-family: var(--font-sans) !important;
  font-size: 13.5px !important;
  border-radius: var(--radius-sm) !important;
  transition: all var(--duration) var(--ease) !important;
}
.p-button:not(.p-button-text):not(.p-button-outlined) {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}
.p-button:not(.p-button-text):not(.p-button-outlined):hover {
  background: var(--color-action-primary-bg-hover) !important;
  border-color: var(--color-action-primary-bg-hover) !important;
}

/* PrimeReact Card */
.p-card {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-1) !important;
  color: var(--text) !important;
}
.p-card .p-card-body {
  padding: 16px !important;
}
.p-card .p-card-content {
  padding: 0 !important;
}

/* PrimeReact Toolbar */
.p-toolbar {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--border) !important;
  border-radius: 0 !important;
  padding: 0 0 16px !important;
}

/* PrimeReact Dialog */
.p-dialog {
  background: var(--surface) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-pop) !important;
  border: 1px solid var(--border) !important;
}
.p-dialog .p-dialog-header {
  background: var(--surface) !important;
  color: var(--text) !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 16px 20px !important;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0 !important;
}
.p-dialog .p-dialog-content {
  background: var(--surface) !important;
  color: var(--text) !important;
  padding: 16px 20px !important;
}
.p-dialog .p-dialog-footer {
  background: var(--surface) !important;
  border-top: 1px solid var(--border) !important;
  padding: 12px 20px !important;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
}
/* PR11 alpha: overlay manager assigns backdrop a higher z-index than dialog content.
   Cap the backdrop below the dialog's dynamically-assigned z-index (~1102+). */
.p-dialog-backdrop.p-overlay-mask {
  z-index: 1099 !important;
  background: rgba(2, 33, 62, 0.4) !important;
  backdrop-filter: blur(3px);
}
/* Legacy PR10 mask class (unused in PR11 but kept for safety) */
.p-dialog-mask {
  background: rgba(2, 33, 62, 0.4) !important;
  backdrop-filter: blur(3px);
}

/* PrimeReact Checkbox */
.p-checkbox .p-checkbox-box.p-highlight {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* PrimeReact Select (dropdown trigger) */
.p-select {
  display: inline-flex !important;
  align-items: stretch !important;
  width: 100%;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--surface) !important;
  cursor: pointer;
  position: relative;
  transition:
    border-color var(--duration) var(--ease),
    box-shadow var(--duration) var(--ease) !important;
}
.p-select:hover {
  border-color: var(--border-strong) !important;
}
.p-inputwrapper-focus.p-select {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px var(--primary-soft) !important;
}
.p-select-trigger {
  display: flex !important;
  align-items: center !important;
  width: 100%;
  padding: 8px 10px 8px 12px !important;
  gap: 8px;
}
.p-select-trigger::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--text-muted);
  flex-shrink: 0;
  margin-top: 1px;
}
.p-select-label {
  flex: 1;
  font-family: var(--font-sans) !important;
  font-size: 13.5px !important;
  color: var(--text) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.p-select-label.p-placeholder {
  color: var(--text-soft) !important;
}

/* Select dropdown panel */
.p-select-positioner {
  z-index: 1200 !important;
}
.p-select-panel {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-pop) !important;
  overflow: hidden !important;
  min-width: 180px;
}
.p-select-panel .p-listbox {
  border: none !important;
  border-radius: 0 !important;
}
.p-select-panel .p-listbox-list {
  max-height: 240px !important;
}

/* PrimeReact Listbox */
.p-listbox {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--surface) !important;
  overflow: hidden !important;
}
.p-listbox-header,
.p-listbox-header.ng-listbox-header {
  padding: 6px 8px !important;
  border-bottom: 1px solid var(--border) !important;
  background: var(--surface) !important;
}
.p-listbox-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 4px !important;
  max-height: 220px !important;
  overflow-y: auto !important;
  background: var(--surface) !important;
  outline: none;
}
.p-listbox-option {
  padding: 7px 10px !important;
  border-radius: 6px !important;
  font-size: 13.5px !important;
  color: var(--text) !important;
  cursor: pointer !important;
  user-select: none;
  transition: background var(--duration) var(--ease) !important;
}
.p-listbox-option:hover {
  background: var(--surface-hover) !important;
}
.p-listbox-option[aria-selected="true"],
.p-listbox-option.p-listbox-option-selected {
  background: var(--primary-soft) !important;
  color: var(--primary-fg) !important;
  font-weight: 500 !important;
}
.p-listbox-list::-webkit-scrollbar {
  width: 4px;
}
.p-listbox-list::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 999px;
}
.p-listbox-list::-webkit-scrollbar-track {
  background: transparent;
}

/* PrimeReact Tag */
.p-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4;
  background: var(--surface-sunken);
  color: var(--text-muted);
}
.p-tag.p-tag-success {
  background: var(--success-soft) !important;
  color: var(--success) !important;
  border-color: transparent !important;
}
.p-tag.p-tag-warning {
  background: var(--warn-soft) !important;
  color: var(--warn) !important;
  border-color: transparent !important;
}
.p-tag.p-tag-danger {
  background: var(--danger-soft) !important;
  color: var(--danger) !important;
  border-color: transparent !important;
}
.p-tag.p-tag-info {
  background: var(--primary-soft) !important;
  color: var(--primary-fg) !important;
  border-color: transparent !important;
}

/* PrimeReact Toast */
.p-toast {
  z-index: 100 !important;
}
.p-toast .p-toast-message {
  border-radius: var(--radius) !important;
}

/* PrimeReact Steps */
.p-steps {
  display: flex;
  padding: 12px 24px;
  border-bottom: 1px solid var(--border);
  background: var(--surface-2);
  list-style: none;
  margin: 0;
}
.p-steps .p-steps-item {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}
.p-steps .p-menuitem-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--text-soft);
  font-size: 12.5px;
  cursor: pointer;
}
.p-steps .p-steps-number {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  font-family: var(--font-mono);
  color: var(--text-soft);
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}
.p-steps .p-steps-item.p-highlight .p-menuitem-link {
  color: var(--text);
}

/* PrimeReact Sidebar */
.p-sidebar,
.p-sidebar-header,
.p-sidebar-content,
.p-sidebar-footer {
  background: var(--surface);
}

/* PrimeReact Divider */
.p-divider.p-divider-horizontal {
  border-top: 1px solid var(--border) !important;
}
.p-divider .p-divider-content {
  background: var(--surface) !important;
  color: var(--text-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* DataTable */
.p-datatable .p-datatable-header {
  background: transparent !important;
  border: none !important;
  padding: 0 0 12px !important;
}
.p-datatable .p-datatable-thead > tr > th {
  background: var(--surface-2) !important;
  color: var(--text-muted) !important;
  border-color: var(--border) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.p-datatable .p-datatable-tbody > tr {
  background: var(--surface) !important;
  color: var(--text) !important;
}
.p-datatable .p-datatable-tbody > tr:hover > td {
  background: var(--surface-hover) !important;
}
.p-datatable .p-datatable-tbody > tr > td {
  border-color: var(--border) !important;
  font-size: 13.5px !important;
}

[data-theme="dark"] body {
  color-scheme: dark;
}