/* modern.css — theme moderne pour MantisBT 2.28
 *
 * !!! FICHIER GENERE AUTOMATIQUEMENT — NE PAS EDITER A LA MAIN !!!
 * Sources dans theme-src/ : tokens.css, _theme.css, lucide-mapping.css
 * Regenerer via : cd theme-src && ./build.sh
 *
 * Active dans config_inc.php :
 *   $g_css_include_file = '../theme-modern/modern.css';
 */

/* tokens.css — design tokens du thème modern
 *
 * Palette inspirée du portfolio Alexandre Revire (#F68657 + neutres warm).
 * Toutes les couleurs sont exposées en custom properties pour permettre
 * un dark mode et d'éventuelles variantes.
 */

:root {
  /* ===== Accent (signature portfolio #F68657 ≈ hsl(18 90% 65%)) =====
   * Decoupage en H/S/L pour deriver hover/active/soft/ring par calcul.
   * Pour changer la couleur primaire : modifier --m-accent-h uniquement.
   */
  --m-accent-h: 18;
  --m-accent-s: 90%;
  --m-accent-l: 65%;

  --m-accent:        hsl(var(--m-accent-h) var(--m-accent-s) var(--m-accent-l));
  --m-accent-hover:  hsl(var(--m-accent-h) var(--m-accent-s) calc(var(--m-accent-l) - 7%));
  --m-accent-active: hsl(var(--m-accent-h) var(--m-accent-s) calc(var(--m-accent-l) - 14%));
  --m-accent-soft:   hsl(var(--m-accent-h) var(--m-accent-s) var(--m-accent-l) / 0.10);
  --m-accent-softer: hsl(var(--m-accent-h) var(--m-accent-s) var(--m-accent-l) / 0.05);
  --m-accent-ring:   hsl(var(--m-accent-h) var(--m-accent-s) var(--m-accent-l) / 0.35);

  /* Couleur du texte sur fond accent (boutons primaires, badges).
   * Fixe entre light et dark : l'accent reste orange dans les deux modes,
   * donc le texte qui passe dessus garde la meme valeur. Noir/anthracite
   * pour respecter le contraste AAA (8:1 sur l'orange portfolio). */
  --m-on-accent: #2d2d2d;

  /* Conserve pour la compat avec d'eventuels usages historiques */
  --m-accent-rgb: 246, 134, 87;

  /* ===== Neutres warm (stone scale) ===== */
  --m-neutral-0: #ffffff;
  --m-neutral-25: #fafaf9;
  --m-neutral-50: #f5f5f4;
  --m-neutral-100: #efeeec;
  --m-neutral-200: #e6e4e0;
  --m-neutral-300: #d3d1cc;
  --m-neutral-400: #a8a59f;
  --m-neutral-500: #78756f;
  --m-neutral-600: #57544f;
  --m-neutral-700: #3d3a37;
  --m-neutral-800: #2d2d2d;
  --m-neutral-900: #1c1c1b;

  /* ===== Surfaces sémantiques ===== */
  --m-bg-app: var(--m-neutral-25);
  --m-bg-surface: var(--m-neutral-0);
  --m-bg-elevated: var(--m-neutral-0);
  --m-bg-sunken: var(--m-neutral-50);
  --m-bg-hover: var(--m-neutral-100);
  --m-bg-active: var(--m-neutral-200);

  /* ===== Texte ===== */
  --m-text-strong: #1c1c1b;
  --m-text-default: #2d2d2d;
  --m-text-muted: var(--m-neutral-600);
  --m-text-subtle: var(--m-neutral-500);
  --m-text-inverse: var(--m-neutral-0);

  /* ===== Bordures ===== */
  --m-border-default: var(--m-neutral-200);
  --m-border-strong: var(--m-neutral-300);
  --m-border-subtle: var(--m-neutral-100);

  /* ===== Statuts MantisBT (bug status) ===== */
  /* Aligné sur les codes par défaut de MantisBT, désaturé */
  --m-status-new-bg:           #fef3e8;
  --m-status-new-fg:           #b8551e;
  --m-status-feedback-bg:      #fde9e9;
  --m-status-feedback-fg:      #a23838;
  --m-status-acknowledged-bg:  #fff5d6;
  --m-status-acknowledged-fg:  #876512;
  --m-status-confirmed-bg:     #fff8c2;
  --m-status-confirmed-fg:     #6b5400;
  --m-status-assigned-bg:      #e7efff;
  --m-status-assigned-fg:      #2f5cb6;
  --m-status-resolved-bg:      #e3f4e6;
  --m-status-resolved-fg:      #2f6b3a;
  --m-status-closed-bg:        var(--m-neutral-100);
  --m-status-closed-fg:        var(--m-neutral-600);

  /* ===== Severities ===== */
  --m-sev-block-bg:    #fde6e2;  --m-sev-block-fg:    #9c2a1a;
  --m-sev-crash-bg:    #fde6e2;  --m-sev-crash-fg:    #9c2a1a;
  --m-sev-major-bg:    #fdebd9;  --m-sev-major-fg:    #a04a14;
  --m-sev-minor-bg:    #fff8c2;  --m-sev-minor-fg:    #6b5400;
  --m-sev-tweak-bg:    #e7efff;  --m-sev-tweak-fg:    #2f5cb6;
  --m-sev-text-bg:     var(--m-neutral-100); --m-sev-text-fg: var(--m-neutral-600);
  --m-sev-trivial-bg:  var(--m-neutral-100); --m-sev-trivial-fg: var(--m-neutral-600);
  --m-sev-feature-bg:  #e3f4e6;  --m-sev-feature-fg:  #2f6b3a;

  /* ===== Priorities ===== */
  --m-prio-none-fg:    var(--m-neutral-500);
  --m-prio-low-fg:     #2f6b3a;
  --m-prio-normal-fg:  var(--m-neutral-600);
  --m-prio-high-fg:    #a04a14;
  --m-prio-urgent-fg:  #9c2a1a;
  --m-prio-immed-fg:   #9c2a1a;

  /* ===== Semantique commune (HSL pour deriver les variantes background) =====
   * Pattern : --m-X (foreground) + --m-X-bg (background tres clair).
   * info partage la teinte de l'accent pour eviter le bleu.
   */
  --m-success-h: 138; --m-success-s: 39%; --m-success-l: 30%;
  --m-success:    hsl(var(--m-success-h) var(--m-success-s) var(--m-success-l));
  --m-success-bg: hsl(var(--m-success-h) 50% 92%);

  --m-warning-h: 24;  --m-warning-s: 78%; --m-warning-l: 35%;
  --m-warning:    hsl(var(--m-warning-h) var(--m-warning-s) var(--m-warning-l));
  --m-warning-bg: hsl(var(--m-warning-h) 80% 92%);

  --m-danger-h:  10;  --m-danger-s:  72%; --m-danger-l:  36%;
  --m-danger:     hsl(var(--m-danger-h)  var(--m-danger-s)  var(--m-danger-l));
  --m-danger-bg:  hsl(var(--m-danger-h)  75% 93%);

  /* "info" alignee sur l'accent pour eradiquer le bleu */
  --m-info:       hsl(var(--m-accent-h) var(--m-accent-s) calc(var(--m-accent-l) - 18%));
  --m-info-bg:    hsl(var(--m-accent-h) var(--m-accent-s) 95%);

  /* ===== Typographie ===== */
  --m-font-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --m-font-mono: "Source Code Pro", ui-monospace, "SF Mono", Menlo,
                 Consolas, monospace;

  --m-fs-xs:   12px;
  --m-fs-sm:   13px;
  --m-fs-base: 14px;
  --m-fs-md:   15px;
  --m-fs-lg:   17px;
  --m-fs-xl:   20px;
  --m-fs-2xl:  24px;

  --m-lh-tight: 1.25;
  --m-lh-base:  1.5;
  --m-lh-loose: 1.7;

  /* ===== Espacement (4px grid) ===== */
  --m-sp-1:  4px;
  --m-sp-2:  8px;
  --m-sp-3:  12px;
  --m-sp-4:  16px;
  --m-sp-5:  20px;
  --m-sp-6:  24px;
  --m-sp-8:  32px;
  --m-sp-10: 40px;
  --m-sp-12: 48px;

  /* ===== Rayons ===== */
  --m-radius-sm: 4px;
  --m-radius-md: 6px;
  --m-radius-lg: 8px;
  --m-radius-xl: 12px;
  --m-radius-pill: 999px;

  /* ===== Ombres ===== */
  --m-shadow-xs: 0 1px 2px rgb(0 0 0 / 0.04);
  --m-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.06), 0 1px 2px rgb(0 0 0 / 0.04);
  --m-shadow-md: 0 4px 12px rgb(0 0 0 / 0.06), 0 2px 4px rgb(0 0 0 / 0.04);
  --m-shadow-lg: 0 10px 24px rgb(0 0 0 / 0.08), 0 4px 8px rgb(0 0 0 / 0.04);

  /* ===== Layout ===== */
  --m-navbar-h: 56px;
  --m-sidebar-w: 240px;
  --m-sidebar-w-collapsed: 64px;

  /* ===== Transitions ===== */
  --m-tr-fast:   120ms ease;
  --m-tr-base:   180ms ease;
  --m-tr-slow:   280ms ease;
}

/* ===== Dark mode ===== */
/* Pilote uniquement par la preference systeme de l'utilisateur
 * (prefers-color-scheme). Aucun toggle manuel : si l'OS est en dark,
 * MantisBT passe en dark, sinon il reste en light.
 */
@media (prefers-color-scheme: dark) {
  :root {
    --m-bg-app: #1c1c1b;
    --m-bg-surface: #262625;
    --m-bg-elevated: #2d2d2c;
    --m-bg-sunken: #19191a;
    --m-bg-hover: #333231;
    --m-bg-active: #3a3937;

    --m-text-strong: #fafaf9;
    --m-text-default: #ebebe9;
    --m-text-muted: #a8a59f;
    --m-text-subtle: #78756f;

    --m-border-default: #3f3e3b;
    --m-border-strong: #555350;
    --m-border-subtle: #353433;

    --m-accent-soft: rgb(246 134 87 / 0.16);
    --m-accent-softer: rgb(246 134 87 / 0.08);

    --m-status-new-bg:           rgb(246 134 87 / 0.18);
    --m-status-new-fg:           #f6a87f;
    --m-status-feedback-bg:      rgb(220 70 70 / 0.18);
    --m-status-feedback-fg:      #e89494;
    --m-status-acknowledged-bg:  rgb(217 161 32 / 0.18);
    --m-status-acknowledged-fg:  #e6c46a;
    --m-status-confirmed-bg:     rgb(217 184 32 / 0.18);
    --m-status-confirmed-fg:     #ebd175;
    --m-status-assigned-bg:      rgb(80 130 220 / 0.18);
    --m-status-assigned-fg:      #9bb8f0;
    --m-status-resolved-bg:      rgb(70 160 90 / 0.18);
    --m-status-resolved-fg:      #93d3a3;
    --m-status-closed-bg:        rgb(255 255 255 / 0.06);
    --m-status-closed-fg:        #a8a59f;

    --m-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.4);
    --m-shadow-md: 0 4px 12px rgb(0 0 0 / 0.45);
    --m-shadow-lg: 0 10px 24px rgb(0 0 0 / 0.5);
  }
}

/* modern.css — thème moderne pour MantisBT 2.28
 *
 * Override Bootstrap 3.4 + Ace Admin sans toucher au PHP/HTML du core.
 * Activable via $g_css_include_file dans config_inc.php.
 *
 * Architecture :
 *   1. tokens.css         design tokens (couleurs, typo, espacements)
 *   2. modern.css         override des composants (ce fichier)
 *   3. lucide-mapping.css icônes Lucide en remplacement de Font Awesome
 */

/* ---------- Fonts self-hosted (woff2 latin) ---------- */
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/source-sans-3-v19-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/source-sans-3-v19-latin-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./fonts/source-sans-3-v19-latin-500.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("./fonts/source-sans-3-v19-latin-500italic.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/source-sans-3-v19-latin-600.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/source-sans-3-v19-latin-600italic.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/source-sans-3-v19-latin-700.woff2") format("woff2");
}
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/source-code-pro-v31-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/source-code-pro-v31-latin-700.woff2") format("woff2");
}


/* =============================================================
 * 1. RESET & BASE
 * ============================================================= */

html, body {
  background-color: var(--m-bg-app) !important;
  color: var(--m-text-default) !important;
  font-family: var(--m-font-sans) !important;
  font-size: var(--m-fs-base) !important;
  line-height: var(--m-lh-base) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.skin-3 { background: var(--m-bg-app) !important; }

/* Liens : orange partout SAUF les boutons (qui geraient eux-memes leur
 * couleur via .btn-primary / .btn-info). Sans :not(.btn) on aurait
 * orange-sur-orange = texte invisible. */
a:not(.btn), a:link:not(.btn), a:visited:not(.btn),
body.skin-3 a:not(.btn),
body.skin-3 a:link:not(.btn),
body.skin-3 a:visited:not(.btn),
.text-primary:not(.btn), .text-info:not(.btn),
.text-blue:not(.btn), .blue:not(.btn), a.blue:not(.btn),
.bigger-200.blue, .bigger-180.blue, .bigger-150.blue {
  color: var(--m-accent) !important;
  text-decoration: none;
  transition: color var(--m-tr-fast);
}
a:not(.btn):hover, a:not(.btn):focus,
body.skin-3 a:not(.btn):hover, body.skin-3 a:not(.btn):focus,
.text-primary:not(.btn):hover, .text-info:not(.btn):hover,
.text-blue:not(.btn):hover, .blue:not(.btn):hover {
  color: var(--m-accent-hover) !important;
  text-decoration: none;
}

/* Backgrounds bleus d'Ace (puces timeline, avatars, badges) → orange.
 * Texte en anthracite pour contraste.
 */
.bg-blue, .bg-blue2, .bg-blue3,
.label-info, .badge-info,
.profile-picture .bg-blue,
.timeline-indicator,
.timeline-indicator.bg-blue,
[class*="bg-blue"] {
  background-color: var(--m-accent) !important;
  background-image: none !important;
  color: var(--m-on-accent) !important;
  border-color: var(--m-accent) !important;
}
.timeline-indicator > i, [class*="bg-blue"] > i {
  color: var(--m-on-accent) !important;
}

:focus-visible {
  outline: 2px solid var(--m-accent);
  outline-offset: 2px;
  border-radius: var(--m-radius-sm);
}

code, pre, kbd, samp, tt {
  font-family: var(--m-font-mono) !important;
  font-size: 0.9em;
}
pre {
  background: var(--m-bg-sunken);
  border: 1px solid var(--m-border-subtle);
  border-radius: var(--m-radius-md);
  padding: var(--m-sp-3);
  color: var(--m-text-default);
}

hr {
  border: 0;
  border-top: 1px solid var(--m-border-default);
  margin: var(--m-sp-4) 0;
}

/* =============================================================
 * 2. NAVBAR (top bar)
 * ============================================================= */

.navbar.navbar-default,
.skin-3 .navbar {
  background: var(--m-bg-surface) !important;
  border-bottom: 1px solid var(--m-border-default) !important;
  box-shadow: var(--m-shadow-xs);
  min-height: var(--m-navbar-h);
  height: var(--m-navbar-h);
}
.skin-3 .navbar .navbar-container,
.navbar .navbar-container {
  background: transparent !important;
  border: 0 !important;
  height: var(--m-navbar-h);
}
.navbar .navbar-header { padding: 0 var(--m-sp-4); }
.navbar .navbar-brand,
.navbar #navbar-container > .navbar-header > a {
  color: var(--m-text-strong) !important;
  font-weight: 600;
  font-size: var(--m-fs-md);
  letter-spacing: -0.01em;
  background: transparent !important;
}
.navbar .navbar-brand small { color: var(--m-text-muted); font-weight: 400; }
.navbar .navbar-brand:hover { color: var(--m-accent) !important; }

.skin-3 .navbar .nav > li > a,
.navbar .nav > li > a {
  background: transparent !important;
  color: var(--m-text-default) !important;
  border: 0 !important;
  padding: 0 var(--m-sp-3) !important;
  height: var(--m-navbar-h);
  line-height: var(--m-navbar-h);
  font-size: var(--m-fs-sm);
  font-weight: 500;
  transition: color var(--m-tr-fast), background var(--m-tr-fast);
}
.skin-3 .navbar .nav > li > a:hover,
.navbar .nav > li > a:hover,
.skin-3 .navbar .nav > li.open > a,
.navbar .nav > li.open > a {
  background: var(--m-bg-hover) !important;
  color: var(--m-accent) !important;
}
.navbar .nav > li > a > .badge {
  background: var(--m-accent) !important;
  color: var(--m-on-accent) !important;
  border-radius: var(--m-radius-pill) !important;
  font-size: 10px !important;
  font-weight: 600;
  padding: 2px 6px !important;
  text-shadow: none !important;
}

/* Bouton mobile menu */
.menu-toggler {
  background: transparent !important;
  border: 0 !important;
  color: var(--m-text-default) !important;
}

/* Items du menu utilisateur (top right "Tous les projets | administrator").
 * Ace impose height: 45px, line-height: 45px et des border-left contrastes.
 * On aligne sur la hauteur de la navbar et on adoucit les separateurs.
 */
.ace-nav,
.skin-3 .ace-nav,
body.skin-3 .ace-nav {
  height: var(--m-navbar-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
}
.ace-nav > li,
.skin-3 .ace-nav > li,
body.skin-3 .ace-nav > li {
  height: var(--m-navbar-h) !important;
  line-height: 1 !important;
  border-color: var(--m-border-subtle) !important;
  border-left-color: var(--m-border-subtle) !important;
  border-right-color: var(--m-border-subtle) !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
}
.ace-nav > li > a,
.skin-3 .ace-nav > li > a,
body.skin-3 .ace-nav > li > a {
  height: 100% !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--m-text-default) !important;
  text-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  gap: var(--m-sp-2);
  padding: 0 var(--m-sp-4) !important;
}
/* Icones et chevrons dans les items du menu utilisateur : taille fixe,
 * alignement vertical via le flex parent (pas via vertical-align). */
.ace-nav > li > a > i,
.ace-nav > li > a > .ace-icon,
body.skin-3 .ace-nav > li > a > i,
body.skin-3 .ace-nav > li > a > .ace-icon {
  vertical-align: baseline !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 1 !important;
  font-size: 14px !important;
  color: var(--m-text-muted) !important;
  flex-shrink: 0;
}
.ace-nav > li > a:hover,
.ace-nav > li.open > a,
body.skin-3 .ace-nav > li > a:hover,
body.skin-3 .ace-nav > li.open > a {
  background: var(--m-bg-hover) !important;
  color: var(--m-accent) !important;
}

/* =============================================================
 * 3. SIDEBAR
 * ============================================================= */

/* Etat DEPLOYE (par defaut, pas de classe .menu-min) :
 * sidebar large avec icones + labels cote a cote.
 *
 * NOTE SPECIFICITE : Ace charge APRES modern.css et impose des regles avec
 * !important a specificite (0,3,0) :
 *   .sidebar.responsive-min + .main-content { margin-left:43px !important }
 * Pour les battre, on doit atteindre (0,4,0) minimum. On prefixe donc
 * tout par body.skin-3 et on descend via > .main-content pour franchir
 * le cap.
 */
body.skin-3 .sidebar,
html body .sidebar {
  background: var(--m-bg-surface) !important;
  border-right: 1px solid var(--m-border-default) !important;
  box-shadow: none !important;
  width: var(--m-sidebar-w) !important;
  min-width: var(--m-sidebar-w) !important;
  padding-top: var(--m-sp-3);
  transition: width var(--m-tr-base), min-width var(--m-tr-base);
}
/* Main-content en etat OUVERT — specificite (0,4,1) pour battre Ace */
body.skin-3 .sidebar:not(.menu-min) + .main-content,
body.skin-3 .sidebar:not(.menu-min) ~ .main-content,
html body.skin-3 .main-content {
  margin-left: var(--m-sidebar-w) !important;
  transition: margin-left var(--m-tr-base);
}

/* Etat COMPACT (classe Mantis native : .menu-min) :
 * sidebar etroite, icones seules, labels masques. */
body.skin-3 .sidebar.menu-min,
html body .sidebar.menu-min {
  width: var(--m-sidebar-w-collapsed) !important;
  min-width: var(--m-sidebar-w-collapsed) !important;
}
/* Main-content en etat COMPACT — specificite (0,4,1), bat les regles Ace
 * .responsive-min / .responsive-max avec !important (0,3,0). */
body.skin-3 .sidebar.menu-min + .main-content,
body.skin-3 .sidebar.menu-min ~ .main-content,
html body.skin-3 .sidebar.menu-min ~ .main-content,
body.skin-3 .sidebar.responsive-min + .main-content,
body.skin-3 .sidebar.responsive-max + .main-content {
  margin-left: var(--m-sidebar-w-collapsed) !important;
}
body.skin-3 .sidebar.menu-min + .breadcrumbs,
body.skin-3 .sidebar.menu-min ~ .breadcrumbs,
body:has(.sidebar.menu-min) .breadcrumbs:not(.main-content .breadcrumbs) {
  margin-left: var(--m-sidebar-w-collapsed) !important;
}
/* Labels masques uniquement en mode compact */
.sidebar.menu-min .nav-list > li > a > .menu-text,
body.skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text {
  display: none !important;
}
/* Ace centre les icones en compact via height:39px line-height:37px.
 * On impose notre propre centrage pour rester en flex. */
.sidebar.menu-min .nav-list > li > a,
body.skin-3 .sidebar.menu-min .nav-list > li > a {
  justify-content: center !important;
  padding: var(--m-sp-2) !important;
  height: auto !important;
  line-height: 1.3 !important;
}

@media (max-width: 991px) {
  .skin-3 .sidebar, .sidebar {
    width: var(--m-sidebar-w-collapsed) !important;
    min-width: var(--m-sidebar-w-collapsed) !important;
  }
  .skin-3 .main-content, .main-content {
    margin-left: var(--m-sidebar-w-collapsed) !important;
  }
}

.sidebar .nav-list { padding: 0; list-style: none; margin: 0; }
.sidebar .nav-list > li {
  border: 0 !important;
  background: transparent !important;
  margin: 0 var(--m-sp-2) 2px;
  display: block;
}
.sidebar .nav-list > li > a,
.skin-3 .sidebar .nav-list > li > a {
  color: var(--m-text-default) !important;
  background: transparent !important;
  border: 0 !important;
  padding: var(--m-sp-2) var(--m-sp-3) !important;
  border-radius: var(--m-radius-md);
  font-size: var(--m-fs-sm);
  font-weight: 500;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: var(--m-sp-2) !important;
  white-space: nowrap;
  text-align: left !important;
  height: auto !important;
  line-height: 1.3 !important;
  transition: background var(--m-tr-fast), color var(--m-tr-fast);
}
.sidebar .nav-list > li > a:hover {
  background: var(--m-bg-hover) !important;
  color: var(--m-text-strong) !important;
}
/* Icone : inline a gauche, jamais en bloc dessus du texte */
.sidebar .nav-list > li > a > .menu-icon,
.sidebar .nav-list > li > a > i,
.skin-3 .sidebar .nav-list > li > a > .menu-icon,
.skin-3 .sidebar .nav-list > li > a > i {
  color: var(--m-text-subtle) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  background: transparent !important;
  text-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: static !important;
  flex-shrink: 0;
}
/* Texte du menu : inline a droite de l'icone */
.sidebar .nav-list > li > a > .menu-text,
.skin-3 .sidebar .nav-list > li > a > .menu-text {
  display: inline !important;
  position: static !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font: inherit !important;
  color: inherit !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .sidebar .nav-list > li > a > .menu-text,
  .skin-3 .sidebar .nav-list > li > a > .menu-text {
    display: none !important;
  }
}
.sidebar .nav-list > li.active > a {
  background: var(--m-accent-soft) !important;
  color: var(--m-accent) !important;
}
.sidebar .nav-list > li.active > a::before { display: none !important; }
.sidebar .nav-list > li.active > a > .menu-icon,
.sidebar .nav-list > li.active > a > i { color: var(--m-accent) !important; }

.sidebar .nav-list .submenu {
  background: var(--m-bg-sunken) !important;
  border-radius: var(--m-radius-md);
  margin: var(--m-sp-1) 0 var(--m-sp-2) var(--m-sp-2);
}
.sidebar .nav-list .submenu > li > a {
  color: var(--m-text-muted) !important;
  padding: var(--m-sp-2) var(--m-sp-3) var(--m-sp-2) var(--m-sp-8) !important;
  border: 0 !important;
}
.sidebar .nav-list .submenu > li > a:hover {
  background: var(--m-bg-hover) !important;
  color: var(--m-text-strong) !important;
}

/* Bouton de toggle "compact / deploye" en bas de la sidebar.
 * Mantis emet : <div id="sidebar-btn" class="sidebar-toggle sidebar-collapse">
 *                 <i class="ace-icon fa fa-angle-double-left"></i>
 *               </div>
 * On neutralise les pseudo-elements Ace (qui dessinaient des fleches CSS)
 * et on impose un rendu propre : icone Lucide centree, hover orange.
 */
#sidebar-btn,
.sidebar-toggle,
.sidebar-collapse,
body.skin-3 #sidebar-btn,
body.skin-3 .sidebar-toggle,
body.skin-3 .sidebar-collapse {
  position: relative !important;
  background: var(--m-bg-sunken) !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid var(--m-border-default) !important;
  color: var(--m-text-muted) !important;
  text-shadow: none !important;
  height: 36px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  border-radius: 0 !important;
  transform: none !important;
  box-shadow: none !important;
  transition: background var(--m-tr-fast), color var(--m-tr-fast);
}
#sidebar-btn:hover,
.sidebar-toggle:hover,
.sidebar-collapse:hover,
body.skin-3 #sidebar-btn:hover {
  background: var(--m-bg-hover) !important;
  color: var(--m-accent) !important;
}
/* Neutralise les pseudo-elements decoratifs Ace (fleches CSS dessinees
 * via ::before et ::after qui creaient l'aspect tordu). */
#sidebar-btn::before,
#sidebar-btn::after,
.sidebar-toggle::before,
.sidebar-toggle::after,
.sidebar-collapse::before,
.sidebar-collapse::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
}
/* Icone interne (chevron Lucide via le mapping) : centree, propre */
#sidebar-btn > i,
#sidebar-btn > [class*="ace-icon"],
.sidebar-toggle > i,
.sidebar-collapse > i {
  color: inherit !important;
  background: transparent !important;
  text-shadow: none !important;
  font-size: 16px !important;
  line-height: 1 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* =============================================================
 * 4. MAIN CONTAINER
 * ============================================================= */

.main-container {
  background: var(--m-bg-app) !important;
}
.main-container::after,
.main-container::before { display: none !important; }
.main-content {
  padding: var(--m-sp-6) var(--m-sp-6) var(--m-sp-12) !important;
  background: transparent !important;
  /* margin-left est gere dans la section SIDEBAR pour rester en sync */
}
@media (max-width: 991px) {
  .main-content { padding: var(--m-sp-4) !important; }
}
/* Barre utilisateur / breadcrumbs / fil d'Ariane en haut de page :
 * Mantis l'affiche dans .breadcrumbs ou .page-content qui peuvent etre
 * positionnees hors de main-content. On force la marge gauche pour que
 * la sidebar ne les recouvre pas. */
.breadcrumbs,
.breadcrumb,
.page-header,
#breadcrumbs {
  margin-left: var(--m-sidebar-w) !important;
}
@media (max-width: 991px) {
  .breadcrumbs, .breadcrumb, .page-header, #breadcrumbs {
    margin-left: var(--m-sidebar-w-collapsed) !important;
  }
}
/* main-content contient deja les breadcrumbs : on annule le double offset
 * en remettant margin-left a 0 quand elles sont a l'interieur. */
.main-content .breadcrumbs,
.main-content .breadcrumb,
.main-content .page-header,
.main-content #breadcrumbs {
  margin-left: 0 !important;
}

/* Page header / breadcrumbs */
.breadcrumbs,
.breadcrumb {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--m-border-default) !important;
  padding: var(--m-sp-3) 0 var(--m-sp-3) !important;
  margin: 0 0 var(--m-sp-5) !important;
  font-size: var(--m-fs-sm);
  color: var(--m-text-muted);
  border-radius: 0 !important;
  box-shadow: none !important;
}
.breadcrumb > li + li::before {
  content: "/" !important;
  color: var(--m-text-subtle) !important;
  padding: 0 var(--m-sp-2) !important;
}
.breadcrumb a, .breadcrumbs a {
  color: var(--m-text-muted);
  font-weight: 500;
}
.breadcrumb a:hover, .breadcrumbs a:hover { color: var(--m-accent); }
.breadcrumb .active, .breadcrumbs .active { color: var(--m-text-strong); }

/* =============================================================
 * 5. WIDGET-BOX (la carte principale d'Ace)
 * ============================================================= */

.widget-box,
.widget-box.widget-color-blue,
.widget-box.widget-color-blue2,
.widget-box.widget-color-orange,
.widget-box.widget-color-red,
.widget-box.widget-color-green,
.widget-box.widget-color-grey,
.widget-box.widget-color-purple {
  background: var(--m-bg-surface) !important;
  border: 1px solid var(--m-border-default) !important;
  border-radius: var(--m-radius-lg) !important;
  box-shadow: var(--m-shadow-sm) !important;
  margin-bottom: var(--m-sp-5);
  overflow: hidden;
}

.widget-box .widget-header,
.widget-box.widget-color-blue .widget-header,
.widget-box.widget-color-blue2 .widget-header,
.widget-box.widget-color-orange .widget-header,
.widget-box.widget-color-red .widget-header,
.widget-box.widget-color-green .widget-header,
.widget-box.widget-color-grey .widget-header,
.widget-box.widget-color-purple .widget-header {
  background: var(--m-bg-surface) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--m-border-default) !important;
  min-height: 48px;
  padding: 0 var(--m-sp-4);
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: var(--m-sp-3);
  text-shadow: none !important;
}
.widget-box .widget-header::before,
.widget-box .widget-header::after { display: none !important; }

/* Surcharge la classe .lighter d'Ace + variantes widget-color-* qui forcent
 * la couleur en blanc avec une specificite tres elevee.
 * On prefixe systematiquement par body.skin-3 pour gagner la cascade. */
body .widget-header .widget-title,
body .widget-header .widget-title.lighter,
body .widget-header h3,
body .widget-header h4,
body .widget-header h5,
body .widget-header > .widget-title,
body.skin-3 .widget-box .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-blue   .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-blue2  .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-blue3  .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-orange .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-orange2 .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-red    .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-red2   .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-green  .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-green2 .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-grey   .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-purple .widget-header .widget-title,
body.skin-3 .widget-box.widget-color-pink   .widget-header .widget-title {
  color: var(--m-text-strong) !important;
  font-size: var(--m-fs-md) !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  text-shadow: none !important;
  display: flex;
  align-items: center;
  gap: var(--m-sp-2);
}
.widget-header .widget-title > i,
.widget-header > i {
  color: var(--m-text-muted) !important;
  background: transparent !important;
  text-shadow: none !important;
  font-size: 16px !important;
  width: 18px !important;
  height: 18px !important;
}
.widget-header .widget-toolbar {
  background: transparent !important;
  border: 0 !important;
  padding: 0 var(--m-sp-2);
  display: flex;
  align-items: center;
  gap: var(--m-sp-1);
}
/* Separateur Ace entre le titre et le toolbar : par defaut tres contraste
 * (souvent une bordure left ou un ::before solide). On le rend tres
 * discret (border-subtle) pour ne pas casser l'epuration du header. */
.widget-header .widget-toolbar::before,
.widget-header .widget-toolbar:before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: var(--m-border-subtle) !important;
  border: 0 !important;
  margin-right: var(--m-sp-2);
  opacity: 0.6;
}
.widget-header .widget-toolbar > a {
  color: var(--m-text-muted) !important;
  background: transparent !important;
  padding: var(--m-sp-2) !important;
  border-radius: var(--m-radius-sm);
  border: 0 !important;
}
.widget-header .widget-toolbar > a:hover {
  color: var(--m-accent) !important;
  background: var(--m-bg-hover) !important;
}

.widget-body { background: var(--m-bg-surface) !important; }
.widget-main {
  padding: var(--m-sp-4) !important;
  background: var(--m-bg-surface) !important;
}
.widget-main.no-padding { padding: 0 !important; }
.widget-main.padding-8 { padding: var(--m-sp-2) !important; }

.widget-toolbox {
  background: var(--m-bg-sunken) !important;
  border-bottom: 1px solid var(--m-border-default) !important;
  padding: var(--m-sp-2) var(--m-sp-3) !important;
}
.widget-toolbox.no-border { border: 0 !important; }

/* =============================================================
 * 6. TABLES
 * ============================================================= */

.table {
  background: var(--m-bg-surface) !important;
  border-collapse: separate !important;
  border-spacing: 0;
  margin: 0 !important;
  font-size: var(--m-fs-sm);
}
.table > thead > tr > th,
.table > thead > tr > td {
  background: var(--m-bg-sunken) !important;
  color: var(--m-text-muted) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--m-border-default) !important;
  padding: var(--m-sp-3) var(--m-sp-3) !important;
  font-weight: 600;
  font-size: var(--m-fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  vertical-align: middle;
  white-space: nowrap;
}
.table > thead > tr > th a,
.table > thead > tr > td a { color: var(--m-text-muted) !important; }
.table > thead > tr > th a:hover { color: var(--m-text-strong) !important; }

/* Border collapse pour que les bordures de TR rendent uniformement,
 * meme sur des cellules avec rowspan/colspan (cas des tableaux info de
 * fiche ticket Mantis). Sinon les bordures bottom-only sur TD donnent
 * des lignes cassees. */
.table {
  border-collapse: collapse !important;
}
.table > tbody > tr,
.table > tfoot > tr {
  border-bottom: 1px solid var(--m-border-default) !important;
}
.table > tbody > tr:last-child,
.table > tfoot > tr:last-child {
  border-bottom: 0 !important;
}
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border: 0 !important;
  padding: var(--m-sp-3) var(--m-sp-3) !important;
  vertical-align: middle;
  color: var(--m-text-default) !important;
}

/* on neutralise le striping criard d'Ace pour un hover plus moderne */
.table-striped > tbody > tr:nth-of-type(odd) { background: transparent !important; }
.table-striped > tbody > tr:nth-of-type(even) { background: transparent !important; }

.table-hover > tbody > tr:hover { background: var(--m-bg-hover) !important; cursor: pointer; }

/* table-bordered : on garde les bordures inter-cellules pour les tableaux
 * info clef/valeur (fiche ticket : Identifiant, Projet, Categorie...) */
.table-bordered {
  border: 0 !important;
  border-radius: 0 !important;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td {
  border: 0 !important;
  border-right: 1px solid var(--m-border-subtle) !important;
  border-bottom: 1px solid var(--m-border-default) !important;
}
.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > th:last-child,
.table-bordered > tbody > tr > td:last-child {
  border-right: 0 !important;
}
.table-bordered > tbody > tr:last-child > td,
.table-bordered > tbody > tr:last-child > th {
  border-bottom: 0 !important;
}

/* Tableaux info de fiche ticket : labels en bg-sunken (style "header") */
.bug-additional-info > tbody > tr > th,
table.bug-jump > tbody > tr > th,
table.bug-update > tbody > tr > th,
.widget-main > table > tbody > tr > th[class*="category"],
.widget-main > table > tbody > tr > .category {
  background: var(--m-bg-sunken) !important;
  color: var(--m-text-muted) !important;
  font-weight: 600 !important;
  font-size: var(--m-fs-xs) !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  width: auto;
  white-space: nowrap;
}

/* Ace : formatters internes */
.table .label,
.table .badge {
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: var(--m-radius-sm) !important;
  padding: 2px 8px !important;
  text-shadow: none !important;
  text-transform: none;
  letter-spacing: 0;
}

/* Liste des bugs : header sticky-friendly */
.table-bug-list,
#buglist {
  border: 0 !important;
}
.buglist-headers th {
  position: sticky;
  top: 0;
  z-index: 10;
}

/* =============================================================
 * 7. STATUTS BUGS (colonnes sévérité, statut, priorité)
 * Mantis applique des classes type .status-{n}-bg, .status-{n}-fg
 * ============================================================= */

[class*="status-"][class*="-bg"] {
  display: inline-block;
  padding: 3px 10px;
  border-radius: var(--m-radius-pill);
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0;
  border: 0 !important;
  text-shadow: none !important;
  background-image: none !important;
  white-space: nowrap;
}

/* Dégradé Ace par défaut (rouge → vert), aplati sur la palette tokens.
 * MantisBT utilise des status codes : 10 new, 20 feedback, 30 acknowledged,
 * 40 confirmed, 50 assigned, 80 resolved, 90 closed.
 */
.status-10-bg, .status-new-bg     { background: var(--m-status-new-bg) !important;          color: var(--m-status-new-fg) !important; }
.status-20-bg, .status-feedback-bg{ background: var(--m-status-feedback-bg) !important;     color: var(--m-status-feedback-fg) !important; }
.status-30-bg, .status-acknowledged-bg{ background: var(--m-status-acknowledged-bg) !important; color: var(--m-status-acknowledged-fg) !important; }
.status-40-bg, .status-confirmed-bg{ background: var(--m-status-confirmed-bg) !important;   color: var(--m-status-confirmed-fg) !important; }
.status-50-bg, .status-assigned-bg{ background: var(--m-status-assigned-bg) !important;     color: var(--m-status-assigned-fg) !important; }
.status-80-bg, .status-resolved-bg{ background: var(--m-status-resolved-bg) !important;     color: var(--m-status-resolved-fg) !important; }
.status-90-bg, .status-closed-bg  { background: var(--m-status-closed-bg) !important;       color: var(--m-status-closed-fg) !important; }

/* Coloration de ligne (subtile, juste un trait à gauche) */
.status-10, .status-20, .status-30, .status-40, .status-50, .status-80, .status-90 {
  background: transparent !important;
}
tbody > tr.status-10 > td:first-child { box-shadow: inset 3px 0 var(--m-status-new-fg); }
tbody > tr.status-20 > td:first-child { box-shadow: inset 3px 0 var(--m-status-feedback-fg); }
tbody > tr.status-30 > td:first-child { box-shadow: inset 3px 0 var(--m-status-acknowledged-fg); }
tbody > tr.status-40 > td:first-child { box-shadow: inset 3px 0 var(--m-status-confirmed-fg); }
tbody > tr.status-50 > td:first-child { box-shadow: inset 3px 0 var(--m-status-assigned-fg); }
tbody > tr.status-80 > td:first-child { box-shadow: inset 3px 0 var(--m-status-resolved-fg); }
tbody > tr.status-90 > td:first-child { box-shadow: inset 3px 0 var(--m-status-closed-fg); }

/* Severities : pills */
.severity-1, .severity-2, .severity-3, .severity-4, .severity-5,
.severity-6, .severity-7, .severity-8, .severity-9, .severity-10 {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--m-radius-sm);
  font-size: 11px;
  font-weight: 600;
}
.severity-10 { background: var(--m-sev-feature-bg); color: var(--m-sev-feature-fg); }   /* feature */
.severity-20 { background: var(--m-sev-trivial-bg); color: var(--m-sev-trivial-fg); }   /* trivial */
.severity-30 { background: var(--m-sev-text-bg);    color: var(--m-sev-text-fg); }      /* text */
.severity-40 { background: var(--m-sev-tweak-bg);   color: var(--m-sev-tweak-fg); }     /* tweak */
.severity-50 { background: var(--m-sev-minor-bg);   color: var(--m-sev-minor-fg); }     /* minor */
.severity-60 { background: var(--m-sev-major-bg);   color: var(--m-sev-major-fg); }     /* major */
.severity-70 { background: var(--m-sev-crash-bg);   color: var(--m-sev-crash-fg); }     /* crash */
.severity-80 { background: var(--m-sev-block-bg);   color: var(--m-sev-block-fg); }     /* block */

/* Resolution / priorities — laissons hériter mais nettoyons */
.resolution-0, .resolution-10, .resolution-20, .resolution-30,
.resolution-40, .resolution-50, .resolution-60, .resolution-70,
.resolution-80, .resolution-90 { font-weight: 500; }

/* =============================================================
 * 8. BUTTONS
 * ============================================================= */

.btn {
  border-radius: var(--m-radius-md) !important;
  font-weight: 500 !important;
  font-size: var(--m-fs-sm) !important;
  padding: 7px 14px !important;
  border: 1px solid transparent !important;
  background-image: none !important;
  background-color: var(--m-bg-surface) !important;
  color: var(--m-text-default) !important;
  border-color: var(--m-border-strong) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: background var(--m-tr-fast), border-color var(--m-tr-fast),
              color var(--m-tr-fast), box-shadow var(--m-tr-fast);
  display: inline-flex;
  align-items: center;
  gap: var(--m-sp-2);
  line-height: 1.2;
}
.btn:hover {
  background-color: var(--m-bg-hover) !important;
  border-color: var(--m-border-strong) !important;
  color: var(--m-text-strong) !important;
}
.btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px var(--m-accent-ring) !important;
}
.btn:active, .btn.active {
  background-color: var(--m-bg-active) !important;
}
.btn[disabled], .btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  color: var(--m-text-inverse) !important;
  border-color: transparent !important;
}
/* Couleur primaire = accent orange. btn-info partage la couleur primaire
 * pour evacuer le bleu Ace (Mantis utilise btn-info pour ses CTA).
 * btn-blue / btn-blue2 / btn-blue3 d'Ace egalement, pour les puces de
 * timeline (ex. "+" de creation d'anomalie dans la chronologie).
 * Texte en noir/anthracite (--m-on-accent) pour le contraste : ratio AAA
 * de 8:1 sur l'orange portfolio, conforme au design portfolio.
 */
.btn.btn-primary,
.btn.btn-info,
.btn.btn-action,
.btn.btn-blue,
.btn.btn-blue2,
.btn.btn-blue3,
.btn.btn-white.btn-primary,
.btn.btn-white.btn-info,
.btn.btn-white.btn-blue,
a.btn.btn-primary,
a.btn.btn-info,
a.btn.btn-blue,
a.btn.btn-white.btn-primary,
a.btn.btn-white.btn-info,
.timeline-indicator.btn-blue,
.timeline-indicator.btn.btn-blue,
body.skin-3 .btn.btn-primary,
body.skin-3 .btn.btn-info,
body.skin-3 .btn.btn-blue,
body.skin-3 a.btn.btn-primary,
body.skin-3 a.btn.btn-info,
body.skin-3 a.btn.btn-blue,
body.skin-3 .timeline-indicator.btn-blue {
  background-color: var(--m-accent) !important;
  background-image: none !important;
  color: var(--m-on-accent) !important;
  border-color: var(--m-accent) !important;
  text-shadow: none !important;
}
.btn.btn-primary:hover, .btn.btn-info:hover, .btn.btn-blue:hover,
a.btn.btn-primary:hover, a.btn.btn-info:hover, a.btn.btn-blue:hover,
body.skin-3 .btn.btn-primary:hover, body.skin-3 .btn.btn-info:hover,
body.skin-3 .btn.btn-blue:hover {
  background-color: var(--m-accent-hover) !important;
  border-color: var(--m-accent-hover) !important;
  color: var(--m-on-accent) !important;
}
.btn.btn-primary:active, .btn.btn-primary.active,
.btn.btn-info:active, .btn.btn-info.active,
.btn.btn-blue:active, .btn.btn-blue.active {
  background-color: var(--m-accent-active) !important;
  border-color: var(--m-accent-active) !important;
}
/* Icones a l'interieur des boutons orange : couleur du texte (anthracite) */
.btn.btn-primary > i, .btn.btn-info > i, .btn.btn-blue > i,
a.btn.btn-primary > i, a.btn.btn-info > i, a.btn.btn-blue > i,
.timeline-indicator.btn-blue > i {
  color: var(--m-on-accent) !important;
}

.btn-success { background-color: var(--m-success) !important; border-color: var(--m-success) !important; }
.btn-warning { background-color: var(--m-warning) !important; border-color: var(--m-warning) !important; }
.btn-danger  { background-color: var(--m-danger) !important;  border-color: var(--m-danger) !important; }

.btn-default,
.btn-white,
.btn-light {
  background-color: var(--m-bg-surface) !important;
  color: var(--m-text-default) !important;
  border-color: var(--m-border-strong) !important;
}

.btn-link {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--m-accent) !important;
  padding: 4px 8px !important;
}
.btn-link:hover { color: var(--m-accent-hover) !important; background: var(--m-accent-softer) !important; }

.btn-sm, .btn-small {
  font-size: var(--m-fs-xs) !important;
  padding: 5px 10px !important;
}
.btn-xs, .btn-minier {
  font-size: 11px !important;
  padding: 3px 7px !important;
}
.btn-lg { font-size: var(--m-fs-md) !important; padding: 10px 18px !important; }

.btn-group .btn { border-radius: 0 !important; }
.btn-group .btn:first-child { border-top-left-radius: var(--m-radius-md) !important; border-bottom-left-radius: var(--m-radius-md) !important; }
.btn-group .btn:last-child  { border-top-right-radius: var(--m-radius-md) !important; border-bottom-right-radius: var(--m-radius-md) !important; }
.btn-group .btn + .btn { margin-left: -1px; }

/* Ace donne aux boutons des couleurs avec dégradé via .btn-info, .btn-warning, etc. */
[class*="btn-"] > i, [class*="btn-"] > .ace-icon {
  background: transparent !important;
  text-shadow: none !important;
  color: inherit !important;
}

/* =============================================================
 * 9. FORMULAIRES
 * ============================================================= */

.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
select,
textarea {
  background: var(--m-bg-surface) !important;
  background-image: none !important;
  border: 1px solid var(--m-border-strong) !important;
  border-radius: var(--m-radius-md) !important;
  color: var(--m-text-default) !important;
  font-family: var(--m-font-sans) !important;
  font-size: var(--m-fs-sm) !important;
  height: auto !important;
  padding: 7px 10px !important;
  box-shadow: none !important;
  transition: border-color var(--m-tr-fast), box-shadow var(--m-tr-fast);
  width: 100%;
}
.form-control:focus,
input:focus, select:focus, textarea:focus {
  outline: 0 !important;
  border-color: var(--m-accent) !important;
  box-shadow: 0 0 0 3px var(--m-accent-ring) !important;
}
textarea { min-height: 80px; line-height: var(--m-lh-base); }

.input-sm { font-size: var(--m-fs-xs) !important; padding: 5px 8px !important; }
.input-lg { font-size: var(--m-fs-md) !important; padding: 10px 14px !important; }

.input-group-addon {
  background: var(--m-bg-sunken) !important;
  border: 1px solid var(--m-border-strong) !important;
  border-radius: var(--m-radius-md) !important;
  color: var(--m-text-muted) !important;
  font-size: var(--m-fs-sm);
  padding: 7px 10px !important;
}

label, .control-label {
  color: var(--m-text-strong) !important;
  font-weight: 500;
  font-size: var(--m-fs-sm);
  margin-bottom: var(--m-sp-1);
}

.help-block, .form-text {
  color: var(--m-text-muted);
  font-size: var(--m-fs-xs);
  margin-top: var(--m-sp-1);
}

.has-error .form-control,
.has-error input, .has-error select, .has-error textarea {
  border-color: var(--m-danger) !important;
}
.has-error .control-label, .has-error .help-block { color: var(--m-danger) !important; }

/* Checkboxes / radios — laisser le natif moderne */
input[type="checkbox"], input[type="radio"] {
  accent-color: var(--m-accent);
  width: 16px; height: 16px;
  vertical-align: -3px;
  margin: 0 6px 0 0;
}

/* Ace ace-checkbox / ace-radio (custom UI) — on désactive le custom */
.ace-checkbox-2 + .lbl::before,
.ace-checkbox + .lbl::before,
.ace-radio + .lbl::before {
  display: none !important;
}
.ace-checkbox + .lbl, .ace-radio + .lbl { padding-left: 0 !important; }

/* =============================================================
 * 10. ALERTES, BADGES, LABELS
 * ============================================================= */

.alert {
  border: 1px solid transparent;
  border-radius: var(--m-radius-md) !important;
  padding: var(--m-sp-3) var(--m-sp-4) !important;
  background-image: none !important;
  margin: 0 0 var(--m-sp-4) !important;
  font-size: var(--m-fs-sm);
  text-shadow: none !important;
  box-shadow: none !important;
  display: flex;
  align-items: flex-start;
  gap: var(--m-sp-2);
}
.alert-success { background: var(--m-success-bg) !important; color: var(--m-success) !important; border-color: rgb(47 107 58 / 0.2) !important; }
.alert-info    { background: var(--m-info-bg) !important;    color: var(--m-info) !important;    border-color: rgb(47 92 182 / 0.2) !important; }
.alert-warning { background: var(--m-warning-bg) !important; color: var(--m-warning) !important; border-color: rgb(160 74 20 / 0.2) !important; }
.alert-danger  { background: var(--m-danger-bg) !important;  color: var(--m-danger) !important;  border-color: rgb(156 42 26 / 0.2) !important; }

.label, .badge {
  border-radius: var(--m-radius-sm) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
  background-image: none !important;
  text-shadow: none !important;
  display: inline-block;
  letter-spacing: 0;
}
.label-default, .badge-default { background: var(--m-neutral-200) !important; color: var(--m-neutral-700) !important; }
.label-primary, .badge-primary { background: var(--m-accent) !important; color: var(--m-on-accent) !important; }
.label-success, .badge-success { background: var(--m-success-bg) !important; color: var(--m-success) !important; }
.label-info,    .badge-info    { background: var(--m-info-bg) !important;    color: var(--m-info) !important; }
.label-warning, .badge-warning { background: var(--m-warning-bg) !important; color: var(--m-warning) !important; }
.label-danger,  .badge-danger  { background: var(--m-danger-bg) !important;  color: var(--m-danger) !important; }

/* =============================================================
 * 11. DROPDOWNS
 * ============================================================= */

.dropdown-menu {
  background: var(--m-bg-elevated) !important;
  border: 1px solid var(--m-border-default) !important;
  border-radius: var(--m-radius-md) !important;
  box-shadow: var(--m-shadow-md) !important;
  padding: var(--m-sp-1) !important;
  margin-top: var(--m-sp-1) !important;
}
.dropdown-menu > li > a {
  color: var(--m-text-default) !important;
  background: transparent !important;
  padding: var(--m-sp-2) var(--m-sp-3) !important;
  border-radius: var(--m-radius-sm);
  font-size: var(--m-fs-sm);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: var(--m-bg-hover) !important;
  color: var(--m-text-strong) !important;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
  background: var(--m-accent) !important;
  color: var(--m-on-accent) !important;
}
.dropdown-menu .divider {
  background: var(--m-border-subtle) !important;
  margin: var(--m-sp-1) 0 !important;
}

/* Ace : icônes user dans les dropdowns */
.user-info { color: var(--m-text-muted) !important; }
.user-info small { color: var(--m-text-subtle) !important; }

/* =============================================================
 * 12. NAV TABS
 * ============================================================= */

.nav-tabs {
  border-bottom: 1px solid var(--m-border-default) !important;
  background: transparent !important;
  margin: 0 0 var(--m-sp-4) !important;
}
.nav-tabs > li > a {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  color: var(--m-text-muted) !important;
  font-weight: 500;
  font-size: var(--m-fs-sm);
  padding: var(--m-sp-3) var(--m-sp-4) !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: color var(--m-tr-fast), border-color var(--m-tr-fast);
}
.nav-tabs > li > a:hover {
  color: var(--m-text-strong) !important;
  border-bottom-color: var(--m-border-strong) !important;
  background: transparent !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--m-accent) !important;
  border-bottom-color: var(--m-accent) !important;
  background: transparent !important;
}

/* =============================================================
 * 13. PAGINATION
 * ============================================================= */

.pagination > li > a,
.pagination > li > span {
  background: var(--m-bg-surface) !important;
  border: 1px solid var(--m-border-default) !important;
  color: var(--m-text-default) !important;
  font-weight: 500;
  font-size: var(--m-fs-sm);
  padding: 6px 12px !important;
  margin: 0 2px;
  border-radius: var(--m-radius-md) !important;
  text-shadow: none !important;
}
.pagination > li > a:hover {
  background: var(--m-bg-hover) !important;
  color: var(--m-accent) !important;
  border-color: var(--m-border-strong) !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover {
  background: var(--m-accent) !important;
  border-color: var(--m-accent) !important;
  color: var(--m-on-accent) !important;
}
.pagination > .disabled > a, .pagination > .disabled > span {
  opacity: 0.5;
  background: var(--m-bg-surface) !important;
  color: var(--m-text-subtle) !important;
}

/* =============================================================
 * 14. MODALS
 * ============================================================= */

.modal-content {
  border: 1px solid var(--m-border-default) !important;
  border-radius: var(--m-radius-lg) !important;
  box-shadow: var(--m-shadow-lg) !important;
  background: var(--m-bg-elevated) !important;
}
.modal-header {
  border-bottom: 1px solid var(--m-border-default) !important;
  background: var(--m-bg-surface) !important;
  padding: var(--m-sp-4) !important;
  border-radius: var(--m-radius-lg) var(--m-radius-lg) 0 0;
}
.modal-title { color: var(--m-text-strong) !important; font-weight: 600; font-size: var(--m-fs-lg); }
.modal-body  { padding: var(--m-sp-4) !important; color: var(--m-text-default); }
.modal-footer {
  border-top: 1px solid var(--m-border-default) !important;
  background: var(--m-bg-sunken) !important;
  padding: var(--m-sp-3) var(--m-sp-4) !important;
  border-radius: 0 0 var(--m-radius-lg) var(--m-radius-lg);
}
.modal-backdrop { background: rgb(0 0 0 / 0.4) !important; }

/* =============================================================
 * 15. TYPOGRAPHIE PAGES
 * ============================================================= */

h1, h2, h3, h4, h5, h6 {
  color: var(--m-text-strong) !important;
  font-family: var(--m-font-sans) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em;
  margin: 0 0 var(--m-sp-3);
  line-height: var(--m-lh-tight);
}
h1 { font-size: var(--m-fs-2xl); }
h2 { font-size: var(--m-fs-xl); }
h3 { font-size: var(--m-fs-lg); }
h4 { font-size: var(--m-fs-md); }
h5, h6 { font-size: var(--m-fs-base); }

.page-header {
  border-bottom: 1px solid var(--m-border-default) !important;
  margin: 0 0 var(--m-sp-5) !important;
  padding-bottom: var(--m-sp-3) !important;
}
.page-header h1, .page-header h2 {
  color: var(--m-text-strong) !important;
  font-weight: 600;
  font-size: var(--m-fs-xl);
}
.page-header small {
  color: var(--m-text-muted) !important;
  font-size: var(--m-fs-sm);
  font-weight: 400;
  margin-left: var(--m-sp-2);
}

/* =============================================================
 * 16. BUG VIEW (fiche d'un ticket)
 * ============================================================= */

table.bug-additional-info { background: var(--m-bg-surface) !important; }

table.bug-jump,
table.bug-update {
  border: 1px solid var(--m-border-default) !important;
  border-radius: var(--m-radius-md) !important;
  overflow: hidden;
}

.bug-attachments-list .attachment {
  border: 1px solid var(--m-border-default);
  background: var(--m-bg-sunken);
  border-radius: var(--m-radius-md);
  padding: var(--m-sp-3);
  margin-bottom: var(--m-sp-2);
}

.bugnote {
  border: 1px solid var(--m-border-default) !important;
  background: var(--m-bg-surface) !important;
  border-radius: var(--m-radius-md) !important;
  margin-bottom: var(--m-sp-3);
  overflow: hidden;
}
.bugnote .bugnote-public { border-left: 3px solid var(--m-accent); }
.bugnote .bugnote-private { border-left: 3px solid var(--m-warning); }

/* Description dans la fiche ticket */
.bug-description, .bug-steps-to-reproduce, .bug-additional-info {
  color: var(--m-text-default);
  line-height: var(--m-lh-base);
}

/* =============================================================
 * 17. LOGIN / SIGNUP / LOST PASSWORD
 * ============================================================= */

body.login-layout,
body.login-layout-light,
body.login-layout .main-container,
body.login-layout .login-container {
  background: var(--m-bg-app) !important;
}
.login-container .position-relative { padding-top: var(--m-sp-12); }
.login-box, .signup-box, .forgot-box {
  background: var(--m-bg-surface) !important;
  border: 1px solid var(--m-border-default) !important;
  border-radius: var(--m-radius-xl) !important;
  box-shadow: var(--m-shadow-lg) !important;
  padding: var(--m-sp-8) !important;
}
.login-box .header,
.signup-box .header,
.forgot-box .header {
  border-bottom: 0 !important;
  color: var(--m-text-strong) !important;
  font-size: var(--m-fs-xl);
  font-weight: 600;
  margin-bottom: var(--m-sp-5) !important;
}

/* =============================================================
 * 18. MISC ACE OVERRIDES (dégradés, ombres résiduelles, icônes)
 * ============================================================= */

/* Annule les dégradés Ace partout (couleurs unies via tokens) */
[class*="widget-color-"]::before,
[class*="widget-color-"]::after { display: none !important; }

/* Ace pixmap icons utilisées dans les "stats boxes" */
.infobox {
  background: var(--m-bg-surface) !important;
  border: 1px solid var(--m-border-default) !important;
  border-radius: var(--m-radius-lg) !important;
  box-shadow: var(--m-shadow-sm) !important;
  padding: var(--m-sp-4) !important;
  background-image: none !important;
  color: var(--m-text-default) !important;
}
.infobox > .infobox-icon > .ace-icon { background: transparent !important; color: var(--m-accent) !important; text-shadow: none !important; }
.infobox > .infobox-data > .infobox-data-number { color: var(--m-text-strong) !important; font-weight: 700 !important; }
.infobox > .infobox-data > .infobox-content { color: var(--m-text-muted) !important; font-size: var(--m-fs-xs) !important; }

/* Footer — doit suivre la largeur de .main-content (margin-left synchronisee
 * avec la sidebar) pour ne pas passer sous la sidebar.
 * Specificite (0,4,1) pour battre d'eventuelles regles Ace avec !important.
 */
.footer { border-top: 1px solid var(--m-border-default) !important; }
.footer .footer-inner .footer-content,
body.skin-3 .footer .footer-inner .footer-content {
  background: var(--m-bg-app) !important;
  color: var(--m-text-subtle) !important;
  padding: var(--m-sp-4) !important;
  font-size: var(--m-fs-xs);
  border: 0 !important;
}
/* Etat OUVERT : footer decale de 240px (comme main-content) */
body.skin-3 .sidebar:not(.menu-min) + .main-content .footer .footer-content,
body.skin-3 .sidebar:not(.menu-min) ~ .footer .footer-content,
html body.skin-3 .footer-content {
  margin-left: var(--m-sidebar-w) !important;
  transition: margin-left var(--m-tr-base);
}
/* Etat COMPACT : footer decale de 64px */
body.skin-3 .sidebar.menu-min + .main-content .footer .footer-content,
body.skin-3 .sidebar.menu-min ~ .footer .footer-content,
body.skin-3 .sidebar.responsive-min ~ .footer .footer-content,
body.skin-3 .sidebar.responsive-max ~ .footer .footer-content {
  margin-left: var(--m-sidebar-w-collapsed) !important;
}

/* Scrollbars (WebKit) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--m-neutral-300);
  border-radius: var(--m-radius-pill);
  border: 2px solid var(--m-bg-app);
}
::-webkit-scrollbar-thumb:hover { background: var(--m-neutral-400); }

/* Sélection texte */
::selection { background: var(--m-accent-soft); color: var(--m-text-strong); }

/* Tooltips Bootstrap */
.tooltip-inner {
  background: var(--m-neutral-800) !important;
  color: var(--m-neutral-25) !important;
  border-radius: var(--m-radius-md) !important;
  font-size: var(--m-fs-xs) !important;
  padding: 5px 9px !important;
  font-weight: 500;
}
.tooltip.top .tooltip-arrow { border-top-color: var(--m-neutral-800) !important; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: var(--m-neutral-800) !important; }
.tooltip.left .tooltip-arrow { border-left-color: var(--m-neutral-800) !important; }
.tooltip.right .tooltip-arrow { border-right-color: var(--m-neutral-800) !important; }

/* Datepicker (Bootstrap-DTP) */
.bootstrap-datetimepicker-widget {
  background: var(--m-bg-elevated) !important;
  border: 1px solid var(--m-border-default) !important;
  border-radius: var(--m-radius-md) !important;
  box-shadow: var(--m-shadow-md) !important;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background: var(--m-accent) !important;
  color: var(--m-on-accent) !important;
  text-shadow: none !important;
}
.bootstrap-datetimepicker-widget table td:hover {
  background: var(--m-bg-hover) !important;
}

/* =============================================================
 * 19. UTILITIES
 * ============================================================= */

.m-text-muted { color: var(--m-text-muted) !important; }
.m-text-subtle { color: var(--m-text-subtle) !important; }
.m-bg-sunken { background: var(--m-bg-sunken) !important; }

/* =============================================================
 * 20. OVERRIDES STRICTS ACE
 * ---------------------------------------------------------------
 * MantisBT charge mon modern.css AVANT les CSS d'Ace (cf. core/html_api.php
 * ligne 216 puis 223). Donc Ace gagne au cascade order si specificite egale.
 *
 * Cette section recopie les selecteurs EXACTS d'Ace qui forcent du bleu,
 * en ajoutant !important pour battre la cascade. Elle doit rester en fin
 * de fichier pour s'appliquer en dernier dans modern.css.
 *
 * Ne pas refactor en sortant le body.skin-3 : on imite la specificite Ace.
 * ============================================================= */

/* --- 20.1 .btn-primary (sans le .btn) — couleur Ace pour les CTA --- */
.btn-primary,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: var(--m-accent) !important;
  background-image: none !important;
  border-color: var(--m-accent) !important;
  color: var(--m-on-accent) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.btn-primary:hover { background-color: var(--m-accent-hover) !important; border-color: var(--m-accent-hover) !important; }
.btn-primary:active, .btn-primary.active { background-color: var(--m-accent-active) !important; border-color: var(--m-accent-active) !important; }
.btn-primary > i, .btn-primary > .ace-icon { color: var(--m-on-accent) !important; background: transparent !important; }

/* --- 20.1bis .profile-activity (chronologie) --- */
/* Ace applique :
 *   .profile-activity { border-bottom: 1px dotted #D0D8E0; border-left/right: dotted #FFF }
 *   .profile-activity:hover { background: #F4F9FD; border-left/right dotted #D0D8E0 }
 * → les pointilles sont moches et le hover blanc/bleu clair est illisible en dark.
 * On remplace par des bordures solides subtiles + hover theme-aware.
 */
.profile-activity,
body.skin-3 .profile-activity {
  border: 0 !important;
  border-bottom: 1px solid var(--m-border-subtle) !important;
  padding: var(--m-sp-3) var(--m-sp-2) !important;
  background: transparent !important;
  transition: background var(--m-tr-fast);
}
.profile-activity:first-child,
body.skin-3 .profile-activity:first-child {
  border-top: 0 !important;
}
.profile-activity:last-child,
body.skin-3 .profile-activity:last-child {
  border-bottom: 0 !important;
}
.profile-activity:hover,
body.skin-3 .profile-activity:hover {
  background: var(--m-bg-hover) !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.profile-activity:first-child:hover,
body.skin-3 .profile-activity:first-child:hover {
  border-top: 0 !important;
}

/* Elements internes du .profile-activity */
.profile-activity .time,
body.skin-3 .profile-activity .time {
  color: var(--m-text-muted) !important;
}
.profile-activity a.user,
body.skin-3 .profile-activity a.user {
  color: var(--m-accent) !important;
  font-weight: 600 !important;
}
.profile-activity img,
body.skin-3 .profile-activity img {
  border: 2px solid var(--m-border-default) !important;
}

/* --- 20.2 .profile-activity .thumbicon — puces de chronologie --- */
.profile-activity .thumbicon,
body.skin-3 .profile-activity .thumbicon {
  background-color: var(--m-accent) !important;
  background-image: none !important;
  color: var(--m-on-accent) !important;
  border-color: var(--m-accent) !important;
}
.profile-activity .thumbicon.btn-success,
body.skin-3 .profile-activity .thumbicon.btn-success {
  background-color: var(--m-success) !important;
  border-color: var(--m-success) !important;
  color: var(--m-text-inverse) !important;
}
.profile-activity .thumbicon.btn-danger,
body.skin-3 .profile-activity .thumbicon.btn-danger {
  background-color: var(--m-danger) !important;
  border-color: var(--m-danger) !important;
  color: var(--m-text-inverse) !important;
}
.profile-activity .thumbicon.btn-warning,
body.skin-3 .profile-activity .thumbicon.btn-warning {
  background-color: var(--m-warning) !important;
  border-color: var(--m-warning) !important;
  color: var(--m-text-inverse) !important;
}

/* --- 20.3 Sidebar item actif (.skin-3 .nav-list > li.active) ---
 * Ace y applique un degrade bleu + une bordure colore + un ::before
 * triangle decoratif. On aplatit en orange soft. */
.skin-3 .nav-list > li.active,
.skin-3 .sidebar .nav-list > li.active,
body.skin-3 .nav-list > li.active {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
}
.skin-3 .nav-list > li.active + li,
body.skin-3 .nav-list > li.active + li {
  border-top: 0 !important;
}
/* ::before d'Ace recycle en barre verticale orange a gauche (pattern moderne
 * type Linear/Vercel) pour les etats actif et open (submenu deploye).
 * Le hover n'a pas de barre, juste le bg change sur le > a. */
.skin-3 .nav-list > li.active::before,
.skin-3 .nav-list > li.active:before,
.skin-3 .nav-list > li.open::before,
.skin-3 .nav-list > li.open:before,
body.skin-3 .nav-list > li.active::before,
body.skin-3 .nav-list > li.active:before,
body.skin-3 .nav-list > li.open::before,
body.skin-3 .nav-list > li.open:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 6px !important;
  bottom: 6px !important;
  right: auto !important;
  width: 3px !important;
  height: auto !important;
  background: var(--m-accent) !important;
  border: 0 !important;
  border-radius: 0 var(--m-radius-sm) var(--m-radius-sm) 0 !important;
  transform: none !important;
  box-shadow: none !important;
}
/* Le hover ne genere pas de barre — juste le bg du > a (gere ailleurs).
 * On force a none (Ace dessinerait une fleche bleue par defaut). */
.skin-3 .nav-list > li:hover::before,
.skin-3 .nav-list > li:hover:before,
body.skin-3 .nav-list > li:hover::before,
body.skin-3 .nav-list > li:hover:before {
  content: none !important;
  display: none !important;
  background: transparent !important;
}
/* Re-affiche la barre quand l'item hovere est aussi actif/open
 * (sinon le :hover:before none l'emporterait sur l'active). */
.skin-3 .nav-list > li.active:hover::before,
.skin-3 .nav-list > li.active:hover:before,
.skin-3 .nav-list > li.open:hover::before,
.skin-3 .nav-list > li.open:hover:before,
body.skin-3 .nav-list > li.active:hover::before,
body.skin-3 .nav-list > li.active:hover:before,
body.skin-3 .nav-list > li.open:hover::before,
body.skin-3 .nav-list > li.open:hover:before {
  content: "" !important;
  display: block !important;
  background: var(--m-accent) !important;
}
/* Le li doit etre positionne pour ancrer la barre */
.skin-3 .nav-list > li.active,
.skin-3 .nav-list > li.open,
body.skin-3 .nav-list > li.active,
body.skin-3 .nav-list > li.open {
  position: relative !important;
}
.skin-3 .nav-list > li.active > a,
body.skin-3 .sidebar .nav-list > li.active > a {
  background: var(--m-accent-soft) !important;
  background-image: none !important;
  color: var(--m-accent) !important;
  border: 0 !important;
}
.skin-3 .nav-list > li.active > a > .menu-icon,
.skin-3 .nav-list > li.active > a > i,
body.skin-3 .sidebar .nav-list > li.active > a > .menu-icon,
body.skin-3 .sidebar .nav-list > li.active > a > i {
  color: var(--m-accent) !important;
  background: transparent !important;
}

/* --- 20.3bis Info utilisateur dans le menu (top-right) --- */
/* Ace applique un top: 6px sur .user-info qui desaligne verticalement le
 * nom d'utilisateur. On le neutralise, le flex parent centre deja. */
.user-info,
body.skin-3 .user-info,
.ace-nav .user-info,
body.skin-3 .ace-nav .user-info {
  top: 0 !important;
  position: static !important;
  line-height: 1 !important;
  color: var(--m-text-default) !important;
}
.user-info small,
body.skin-3 .user-info small {
  color: var(--m-text-subtle) !important;
}

/* --- 20.3ter Champ de recherche dans la navbar ---
 * On ne touche QUE aux couleurs et au padding-left. Le positionnement
 * (absolute de la loupe, positioning du wrapper) est geré par Ace, on
 * ne le touche pas pour ne pas casser le layout des conteneurs parents.
 */
.nav-search .nav-search-input,
body.skin-3 .nav-search .nav-search-input {
  background: var(--m-bg-surface) !important;
  border: 1px solid var(--m-border-strong) !important;
  border-radius: var(--m-radius-md) !important;
  color: var(--m-text-default) !important;
  font-size: var(--m-fs-sm) !important;
  padding-left: 2rem !important;
  box-shadow: none !important;
  transition: border-color var(--m-tr-fast), box-shadow var(--m-tr-fast);
}
.nav-search .nav-search-input:focus,
body.skin-3 .nav-search .nav-search-input:focus {
  border-color: var(--m-accent) !important;
  box-shadow: 0 0 0 3px var(--m-accent-ring) !important;
  outline: 0 !important;
}
.nav-search .nav-search-icon,
body.skin-3 .nav-search .nav-search-icon {
  color: var(--m-text-muted) !important;
  background: transparent !important;
}
.nav-search .nav-search-input:focus + .nav-search-icon,
body.skin-3 .nav-search .nav-search-input:focus + .nav-search-icon {
  color: var(--m-accent) !important;
}

/* --- 20.3pentes Status box (indicateur carré colore dans les listes) ---
 * Mantis rend : <i class="fa fa-square fa-status-box status-X-fg">
 * Mon mapping convertit fa-square en SVG Lucide outlined (juste un trait).
 * A petite taille c'est peu lisible. On override specifiquement fa-status-box
 * pour afficher un carre plein arrondi (style "chip") en currentColor.
 * Alignement : le parent <i> passe en inline-flex pour centrer proprement
 * avec les icones voisines (fa-pencil, severities) sans depender du baseline.
 */
.fa.fa-status-box,
.fa-status-box,
body.skin-3 .fa-status-box {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  width: 14px !important;
  height: 14px !important;
  line-height: 1 !important;
  font-size: 14px !important;
  vertical-align: middle !important;
  margin-right: 2px;
}
.fa.fa-square.fa-status-box::before,
.fa-status-box::before,
body.skin-3 .fa-status-box::before {
  content: "" !important;
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  background-color: currentColor !important;
  border-radius: 3px !important;
  -webkit-mask: none !important;
  mask: none !important;
  vertical-align: middle !important;
  margin: 0 !important;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 0.08) inset;
}

/* --- 20.3quater Checkboxes / radios custom d'Ace ---
 * Ace masque l'input natif et dessine la case via le ::before d'un .lbl
 * adjacent. Les couleurs Ace (#32A3CE cyan coche, #F5F8FC fond coche bleute,
 * #FAFAFA fond default) sont hardcodees et bleuatres. On les passe en tokens.
 */
input[type=checkbox].ace + .lbl::before,
input[type=radio].ace + .lbl::before,
body.skin-3 input[type=checkbox].ace + .lbl::before,
body.skin-3 input[type=radio].ace + .lbl::before {
  background-color: var(--m-bg-surface) !important;
  border: 1px solid var(--m-border-strong) !important;
  color: transparent !important;
  box-shadow: none !important;
}
/* Hover + focus : bordure orange */
input[type=checkbox].ace:hover + .lbl::before,
input[type=radio].ace:hover + .lbl::before,
input[type=checkbox].ace + .lbl:hover::before,
input[type=radio].ace + .lbl:hover::before,
input[type=checkbox].ace:focus + .lbl::before,
input[type=radio].ace:focus + .lbl::before,
body.skin-3 input[type=checkbox].ace:focus + .lbl::before {
  border-color: var(--m-accent) !important;
  box-shadow: 0 0 0 3px var(--m-accent-ring) !important;
}
/* Etat :checked — fond orange + coche blanche (ou anthracite selon
 * le token --m-on-accent). */
input[type=checkbox].ace:checked + .lbl::before,
input[type=radio].ace:checked + .lbl::before,
input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before,
input[type=radio].ace.ace-checkbox-2:checked + .lbl::before,
body.skin-3 input[type=checkbox].ace:checked + .lbl::before,
body.skin-3 input[type=radio].ace:checked + .lbl::before,
body.skin-3 input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before,
body.skin-3 input[type=radio].ace.ace-checkbox-2:checked + .lbl::before {
  background-color: var(--m-accent) !important;
  border-color: var(--m-accent) !important;
  color: var(--m-on-accent) !important;
}
/* Etat desactive */
input[type=checkbox].ace:disabled + .lbl::before,
input[type=checkbox].ace[disabled] + .lbl::before,
input[type=radio].ace:disabled + .lbl::before,
input[type=radio].ace[disabled] + .lbl::before {
  background-color: var(--m-bg-sunken) !important;
  border-color: var(--m-border-default) !important;
  color: var(--m-text-subtle) !important;
  opacity: 0.6;
}

/* --- Ace switch (toggle "ON/OFF") : bascule bleue -> orange --- */
input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before,
body.skin-3 input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
  background-color: var(--m-accent) !important;
  color: var(--m-on-accent) !important;
}

/* --- 20.4 Couvrons aussi les btn-color d'Ace pour eradiquer le bleu --- */
.btn.btn-blue, .btn-blue,
.btn.btn-info, .btn-info,
body.skin-3 .btn.btn-blue, body.skin-3 .btn-blue,
body.skin-3 .btn.btn-info, body.skin-3 .btn-info {
  background-color: var(--m-accent) !important;
  background-image: none !important;
  border-color: var(--m-accent) !important;
  color: var(--m-on-accent) !important;
  text-shadow: none !important;
}
.btn.btn-blue > i, .btn-blue > i,
.btn.btn-info > i, .btn-info > i {
  color: var(--m-on-accent) !important;
}

/* --- 20.5 .well — Bootstrap force #f5f5f5 illisible en dark mode ---
 * Bootstrap 3.4 applique :
 *   .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; }
 * → en dark mode, fond gris très clair sur texte clair → illisible.
 * On bascule sur les tokens theme-aware (auto light/dark via prefers-color-scheme).
 */
.well,
body.skin-3 .well {
  background-color: var(--m-bg-sunken) !important;
  border-color: var(--m-border-default) !important;
  color: var(--m-text-default) !important;
  box-shadow: none !important;
}
.well blockquote,
body.skin-3 .well blockquote {
  border-color: var(--m-border-strong) !important;
  color: var(--m-text-default) !important;
}
.well a,
body.skin-3 .well a {
  color: var(--m-accent) !important;
}

/* lucide-mapping.css — auto-genere par build-icons.py
 * Reecrit UNIQUEMENT les classes .fa-* effectivement utilisees par MantisBT 2.28
 * vers les icones Lucide. Reset embarque par regle pour ne pas affecter
 * les classes Mantis custom (fa-status-box, fa-xlg, fa-xs-top, etc.).
 */

.fa-angle-double-left::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m11%2017-5-5%205-5%22%20/>%20<path%20d=%22m18%2017-5-5%205-5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m11%2017-5-5%205-5%22%20/>%20<path%20d=%22m18%2017-5-5%205-5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-angle-double-right::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m6%2017%205-5-5-5%22%20/>%20<path%20d=%22m13%2017%205-5-5-5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m6%2017%205-5-5-5%22%20/>%20<path%20d=%22m13%2017%205-5-5-5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-angle-double-up::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m17%2011-5-5-5%205%22%20/>%20<path%20d=%22m17%2018-5-5-5%205%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m17%2011-5-5-5%205%22%20/>%20<path%20d=%22m17%2018-5-5-5%205%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-angle-down::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m6%209%206%206%206-6%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m6%209%206%206%206-6%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-archive::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<rect%20width=%2220%22%20height=%225%22%20x=%222%22%20y=%223%22%20rx=%221%22%20/>%20<path%20d=%22M4%208v11a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8%22%20/>%20<path%20d=%22M10%2012h4%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<rect%20width=%2220%22%20height=%225%22%20x=%222%22%20y=%223%22%20rx=%221%22%20/>%20<path%20d=%22M4%208v11a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8%22%20/>%20<path%20d=%22M10%2012h4%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-arrow-up::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m5%2012%207-7%207%207%22%20/>%20<path%20d=%22M12%2019V5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m5%2012%207-7%207%207%22%20/>%20<path%20d=%22M12%2019V5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-bar-chart::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M3%203v16a2%202%200%200%200%202%202h16%22%20/>%20<path%20d=%22M7%2016h8%22%20/>%20<path%20d=%22M7%2011h12%22%20/>%20<path%20d=%22M7%206h3%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M3%203v16a2%202%200%200%200%202%202h16%22%20/>%20<path%20d=%22M7%2016h8%22%20/>%20<path%20d=%22M7%2011h12%22%20/>%20<path%20d=%22M7%206h3%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-bar-chart-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M3%203v16a2%202%200%200%200%202%202h16%22%20/>%20<path%20d=%22M7%2016h8%22%20/>%20<path%20d=%22M7%2011h12%22%20/>%20<path%20d=%22M7%206h3%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M3%203v16a2%202%200%200%200%202%202h16%22%20/>%20<path%20d=%22M7%2016h8%22%20/>%20<path%20d=%22M7%2011h12%22%20/>%20<path%20d=%22M7%206h3%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-bars::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%205h16%22%20/>%20<path%20d=%22M4%2012h16%22%20/>%20<path%20d=%22M4%2019h16%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%205h16%22%20/>%20<path%20d=%22M4%2012h16%22%20/>%20<path%20d=%22M4%2019h16%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-bolt::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-book::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2019.5v-15A2.5%202.5%200%200%201%206.5%202H19a1%201%200%200%201%201%201v18a1%201%200%200%201-1%201H6.5a1%201%200%200%201%200-5H20%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2019.5v-15A2.5%202.5%200%200%201%206.5%202H19a1%201%200%200%201%201%201v18a1%201%200%200%201-1%201H6.5a1%201%200%200%201%200-5H20%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-bullhorn::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M11%206a13%2013%200%200%200%208.4-2.8A1%201%200%200%201%2021%204v12a1%201%200%200%201-1.6.8A13%2013%200%200%200%2011%2014H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2z%22%20/>%20<path%20d=%22M6%2014a12%2012%200%200%200%202.4%207.2%202%202%200%200%200%203.2-2.4A8%208%200%200%201%2010%2014%22%20/>%20<path%20d=%22M8%206v8%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M11%206a13%2013%200%200%200%208.4-2.8A1%201%200%200%201%2021%204v12a1%201%200%200%201-1.6.8A13%2013%200%200%200%2011%2014H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2z%22%20/>%20<path%20d=%22M6%2014a12%2012%200%200%200%202.4%207.2%202%202%200%200%200%203.2-2.4A8%208%200%200%201%2010%2014%22%20/>%20<path%20d=%22M8%206v8%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-calendar::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M8%202v4%22%20/>%20<path%20d=%22M16%202v4%22%20/>%20<rect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%224%22%20rx=%222%22%20/>%20<path%20d=%22M3%2010h18%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M8%202v4%22%20/>%20<path%20d=%22M16%202v4%22%20/>%20<rect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%224%22%20rx=%222%22%20/>%20<path%20d=%22M3%2010h18%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-calendar-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M8%202v4%22%20/>%20<path%20d=%22M16%202v4%22%20/>%20<rect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%224%22%20rx=%222%22%20/>%20<path%20d=%22M3%2010h18%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M8%202v4%22%20/>%20<path%20d=%22M16%202v4%22%20/>%20<rect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%224%22%20rx=%222%22%20/>%20<path%20d=%22M3%2010h18%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-caret-down::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m6%209%206%206%206-6%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m6%209%206%206%206-6%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-caret-up::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m18%2015-6-6-6%206%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m18%2015-6-6-6%206%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-check::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M20%206%209%2017l-5-5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M20%206%209%2017l-5-5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-chevron-down::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m6%209%206%206%206-6%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m6%209%206%206%206-6%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-chevron-up::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m18%2015-6-6-6%206%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m18%2015-6-6-6%206%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-clock-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22M12%206v6l4%202%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22M12%206v6l4%202%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-cloud-upload::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%2013v8%22%20/>%20<path%20d=%22M4%2014.899A7%207%200%201%201%2015.71%208h1.79a4.5%204.5%200%200%201%202.5%208.242%22%20/>%20<path%20d=%22m8%2017%204-4%204%204%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%2013v8%22%20/>%20<path%20d=%22M4%2014.899A7%207%200%201%201%2015.71%208h1.79a4.5%204.5%200%200%201%202.5%208.242%22%20/>%20<path%20d=%22m8%2017%204-4%204%204%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-columns::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<rect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%223%22%20rx=%222%22%20/>%20<path%20d=%22M12%203v18%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<rect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%223%22%20rx=%222%22%20/>%20<path%20d=%22M12%203v18%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-comment::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M22%2017a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2021.286V5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202z%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M22%2017a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2021.286V5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202z%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-comment-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M22%2017a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2021.286V5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202z%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M22%2017a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2021.286V5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202z%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-comments::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M16%2010a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2014.286V4a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202z%22%20/>%20<path%20d=%22M20%209a2%202%200%200%201%202%202v10.286a.71.71%200%200%201-1.212.502l-2.202-2.202A2%202%200%200%200%2017.172%2019H10a2%202%200%200%201-2-2v-1%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M16%2010a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2014.286V4a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202z%22%20/>%20<path%20d=%22M20%209a2%202%200%200%201%202%202v10.286a.71.71%200%200%201-1.212.502l-2.202-2.202A2%202%200%200%200%2017.172%2019H10a2%202%200%200%201-2-2v-1%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-cube::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%20/>%20<path%20d=%22m3.3%207%208.7%205%208.7-5%22%20/>%20<path%20d=%22M12%2022V12%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%20/>%20<path%20d=%22m3.3%207%208.7%205%208.7-5%22%20/>%20<path%20d=%22M12%2022V12%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-cubes::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M2.97%2012.92A2%202%200%200%200%202%2014.63v3.24a2%202%200%200%200%20.97%201.71l3%201.8a2%202%200%200%200%202.06%200L12%2019v-5.5l-5-3-4.03%202.42Z%22%20/>%20<path%20d=%22m7%2016.5-4.74-2.85%22%20/>%20<path%20d=%22m7%2016.5%205-3%22%20/>%20<path%20d=%22M7%2016.5v5.17%22%20/>%20<path%20d=%22M12%2013.5V19l3.97%202.38a2%202%200%200%200%202.06%200l3-1.8a2%202%200%200%200%20.97-1.71v-3.24a2%202%200%200%200-.97-1.71L17%2010.5l-5%203Z%22%20/>%20<path%20d=%22m17%2016.5-5-3%22%20/>%20<path%20d=%22m17%2016.5%204.74-2.85%22%20/>%20<path%20d=%22M17%2016.5v5.17%22%20/>%20<path%20d=%22M7.97%204.42A2%202%200%200%200%207%206.13v4.37l5%203%205-3V6.13a2%202%200%200%200-.97-1.71l-3-1.8a2%202%200%200%200-2.06%200l-3%201.8Z%22%20/>%20<path%20d=%22M12%208%207.26%205.15%22%20/>%20<path%20d=%22m12%208%204.74-2.85%22%20/>%20<path%20d=%22M12%2013.5V8%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M2.97%2012.92A2%202%200%200%200%202%2014.63v3.24a2%202%200%200%200%20.97%201.71l3%201.8a2%202%200%200%200%202.06%200L12%2019v-5.5l-5-3-4.03%202.42Z%22%20/>%20<path%20d=%22m7%2016.5-4.74-2.85%22%20/>%20<path%20d=%22m7%2016.5%205-3%22%20/>%20<path%20d=%22M7%2016.5v5.17%22%20/>%20<path%20d=%22M12%2013.5V19l3.97%202.38a2%202%200%200%200%202.06%200l3-1.8a2%202%200%200%200%20.97-1.71v-3.24a2%202%200%200%200-.97-1.71L17%2010.5l-5%203Z%22%20/>%20<path%20d=%22m17%2016.5-5-3%22%20/>%20<path%20d=%22m17%2016.5%204.74-2.85%22%20/>%20<path%20d=%22M17%2016.5v5.17%22%20/>%20<path%20d=%22M7.97%204.42A2%202%200%200%200%207%206.13v4.37l5%203%205-3V6.13a2%202%200%200%200-.97-1.71l-3-1.8a2%202%200%200%200-2.06%200l-3%201.8Z%22%20/>%20<path%20d=%22M12%208%207.26%205.15%22%20/>%20<path%20d=%22m12%208%204.74-2.85%22%20/>%20<path%20d=%22M12%2013.5V8%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-dashboard::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m12%2014%204-4%22%20/>%20<path%20d=%22M3.34%2019a10%2010%200%201%201%2017.32%200%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m12%2014%204-4%22%20/>%20<path%20d=%22M3.34%2019a10%2010%200%201%201%2017.32%200%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-database::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<ellipse%20cx=%2212%22%20cy=%225%22%20rx=%229%22%20ry=%223%22%20/>%20<path%20d=%22M3%205V19A9%203%200%200%200%2021%2019V5%22%20/>%20<path%20d=%22M3%2012A9%203%200%200%200%2021%2012%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<ellipse%20cx=%2212%22%20cy=%225%22%20rx=%229%22%20ry=%223%22%20/>%20<path%20d=%22M3%205V19A9%203%200%200%200%2021%2019V5%22%20/>%20<path%20d=%22M3%2012A9%203%200%200%200%2021%2012%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-download::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%2015V3%22%20/>%20<path%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20/>%20<path%20d=%22m7%2010%205%205%205-5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%2015V3%22%20/>%20<path%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20/>%20<path%20d=%22m7%2010%205%205%205-5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-edit::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7%22%20/>%20<path%20d=%22M18.375%202.625a1%201%200%200%201%203%203l-9.013%209.014a2%202%200%200%201-.853.505l-2.873.84a.5.5%200%200%201-.62-.62l.84-2.873a2%202%200%200%201%20.506-.852z%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7%22%20/>%20<path%20d=%22M18.375%202.625a1%201%200%200%201%203%203l-9.013%209.014a2%202%200%200%201-.853.505l-2.873.84a.5.5%200%200%201-.62-.62l.84-2.873a2%202%200%200%201%20.506-.852z%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-envelope::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20/>%20<rect%20x=%222%22%20y=%224%22%20width=%2220%22%20height=%2216%22%20rx=%222%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20/>%20<rect%20x=%222%22%20y=%224%22%20width=%2220%22%20height=%2216%22%20rx=%222%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-envelope-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20/>%20<rect%20x=%222%22%20y=%224%22%20width=%2220%22%20height=%2216%22%20rx=%222%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20/>%20<rect%20x=%222%22%20y=%224%22%20width=%2220%22%20height=%2216%22%20rx=%222%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-exchange::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M8%203%204%207l4%204%22%20/>%20<path%20d=%22M4%207h16%22%20/>%20<path%20d=%22m16%2021%204-4-4-4%22%20/>%20<path%20d=%22M20%2017H4%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M8%203%204%207l4%204%22%20/>%20<path%20d=%22M4%207h16%22%20/>%20<path%20d=%22m16%2021%204-4-4-4%22%20/>%20<path%20d=%22M20%2017H4%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-exclamation-triangle::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%20/>%20<path%20d=%22M12%209v4%22%20/>%20<path%20d=%22M12%2017h.01%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%20/>%20<path%20d=%22M12%209v4%22%20/>%20<path%20d=%22M12%2017h.01%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-eye::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%20/>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%223%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%20/>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%223%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file-archive-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M13.659%2022H18a2%202%200%200%200%202-2V8a2.4%202.4%200%200%200-.706-1.706l-3.588-3.588A2.4%202.4%200%200%200%2014%202H6a2%202%200%200%200-2%202v11.5%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M8%2012v-1%22%20/>%20<path%20d=%22M8%2018v-2%22%20/>%20<path%20d=%22M8%207V6%22%20/>%20<circle%20cx=%228%22%20cy=%2220%22%20r=%222%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M13.659%2022H18a2%202%200%200%200%202-2V8a2.4%202.4%200%200%200-.706-1.706l-3.588-3.588A2.4%202.4%200%200%200%2014%202H6a2%202%200%200%200-2%202v11.5%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M8%2012v-1%22%20/>%20<path%20d=%22M8%2018v-2%22%20/>%20<path%20d=%22M8%207V6%22%20/>%20<circle%20cx=%228%22%20cy=%2220%22%20r=%222%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file-audio-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M11.65%2022H18a2%202%200%200%200%202-2V8a2.4%202.4%200%200%200-.706-1.706l-3.588-3.588A2.4%202.4%200%200%200%2014%202H6a2%202%200%200%200-2%202v10.35%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M8%2020v-7l3%201.474%22%20/>%20<circle%20cx=%226%22%20cy=%2220%22%20r=%222%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M11.65%2022H18a2%202%200%200%200%202-2V8a2.4%202.4%200%200%200-.706-1.706l-3.588-3.588A2.4%202.4%200%200%200%2014%202H6a2%202%200%200%200-2%202v10.35%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M8%2020v-7l3%201.474%22%20/>%20<circle%20cx=%226%22%20cy=%2220%22%20r=%222%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file-code-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M10%2012.5%208%2015l2%202.5%22%20/>%20<path%20d=%22m14%2012.5%202%202.5-2%202.5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M10%2012.5%208%2015l2%202.5%22%20/>%20<path%20d=%22m14%2012.5%202%202.5-2%202.5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file-image-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<circle%20cx=%2210%22%20cy=%2212%22%20r=%222%22%20/>%20<path%20d=%22m20%2017-1.296-1.296a2.41%202.41%200%200%200-3.408%200L9%2022%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<circle%20cx=%2210%22%20cy=%2212%22%20r=%222%22%20/>%20<path%20d=%22m20%2017-1.296-1.296a2.41%202.41%200%200%200-3.408%200L9%2022%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file-movie-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2012V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.706.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22m10%2017.843%203.033-1.755a.64.64%200%200%201%20.967.56v4.704a.65.65%200%200%201-.967.56L10%2020.157%22%20/>%20<rect%20width=%227%22%20height=%226%22%20x=%223%22%20y=%2216%22%20rx=%221%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2012V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.706.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22m10%2017.843%203.033-1.755a.64.64%200%200%201%20.967.56v4.704a.65.65%200%200%201-.967.56L10%2020.157%22%20/>%20<rect%20width=%227%22%20height=%226%22%20x=%223%22%20y=%2216%22%20rx=%221%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file-pdf-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M10%209H8%22%20/>%20<path%20d=%22M16%2013H8%22%20/>%20<path%20d=%22M16%2017H8%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M10%209H8%22%20/>%20<path%20d=%22M16%2013H8%22%20/>%20<path%20d=%22M16%2017H8%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file-powerpoint-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M10%209H8%22%20/>%20<path%20d=%22M16%2013H8%22%20/>%20<path%20d=%22M16%2017H8%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M10%209H8%22%20/>%20<path%20d=%22M16%2013H8%22%20/>%20<path%20d=%22M16%2017H8%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file-text-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M10%209H8%22%20/>%20<path%20d=%22M16%2013H8%22%20/>%20<path%20d=%22M16%2017H8%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M10%209H8%22%20/>%20<path%20d=%22M16%2013H8%22%20/>%20<path%20d=%22M16%2017H8%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-file-word-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M10%209H8%22%20/>%20<path%20d=%22M16%2013H8%22%20/>%20<path%20d=%22M16%2017H8%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20/>%20<path%20d=%22M14%202v5a1%201%200%200%200%201%201h5%22%20/>%20<path%20d=%22M10%209H8%22%20/>%20<path%20d=%22M16%2013H8%22%20/>%20<path%20d=%22M16%2017H8%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-filter::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M10%2020a1%201%200%200%200%20.553.895l2%201A1%201%200%200%200%2014%2021v-7a2%202%200%200%201%20.517-1.341L21.74%204.67A1%201%200%200%200%2021%203H3a1%201%200%200%200-.742%201.67l7.225%207.989A2%202%200%200%201%2010%2014z%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M10%2020a1%201%200%200%200%20.553.895l2%201A1%201%200%200%200%2014%2021v-7a2%202%200%200%201%20.517-1.341L21.74%204.67A1%201%200%200%200%2021%203H3a1%201%200%200%200-.742%201.67l7.225%207.989A2%202%200%200%201%2010%2014z%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-flag-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2022V4a1%201%200%200%201%20.4-.8A6%206%200%200%201%208%202c3%200%205%202%207.333%202q2%200%203.067-.8A1%201%200%200%201%2020%204v10a1%201%200%200%201-.4.8A6%206%200%200%201%2016%2016c-3%200-5-2-8-2a6%206%200%200%200-4%201.528%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2022V4a1%201%200%200%201%20.4-.8A6%206%200%200%201%208%202c3%200%205%202%207.333%202q2%200%203.067-.8A1%201%200%200%201%2020%204v10a1%201%200%200%201-.4.8A6%206%200%200%201%2016%2016c-3%200-5-2-8-2a6%206%200%200%200-4%201.528%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-flask::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M14%202v6a2%202%200%200%200%20.245.96l5.51%2010.08A2%202%200%200%201%2018%2022H6a2%202%200%200%201-1.755-2.96l5.51-10.08A2%202%200%200%200%2010%208V2%22%20/>%20<path%20d=%22M6.453%2015h11.094%22%20/>%20<path%20d=%22M8.5%202h7%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M14%202v6a2%202%200%200%200%20.245.96l5.51%2010.08A2%202%200%200%201%2018%2022H6a2%202%200%200%201-1.755-2.96l5.51-10.08A2%202%200%200%200%2010%208V2%22%20/>%20<path%20d=%22M6.453%2015h11.094%22%20/>%20<path%20d=%22M8.5%202h7%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-floppy-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M15.2%203a2%202%200%200%201%201.4.6l3.8%203.8a2%202%200%200%201%20.6%201.4V19a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2z%22%20/>%20<path%20d=%22M17%2021v-7a1%201%200%200%200-1-1H8a1%201%200%200%200-1%201v7%22%20/>%20<path%20d=%22M7%203v4a1%201%200%200%200%201%201h7%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M15.2%203a2%202%200%200%201%201.4.6l3.8%203.8a2%202%200%200%201%20.6%201.4V19a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2z%22%20/>%20<path%20d=%22M17%2021v-7a1%201%200%200%200-1-1H8a1%201%200%200%200-1%201v7%22%20/>%20<path%20d=%22M7%203v4a1%201%200%200%200%201%201h7%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-gears::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M9.671%204.136a2.34%202.34%200%200%201%204.659%200%202.34%202.34%200%200%200%203.319%201.915%202.34%202.34%200%200%201%202.33%204.033%202.34%202.34%200%200%200%200%203.831%202.34%202.34%200%200%201-2.33%204.033%202.34%202.34%200%200%200-3.319%201.915%202.34%202.34%200%200%201-4.659%200%202.34%202.34%200%200%200-3.32-1.915%202.34%202.34%200%200%201-2.33-4.033%202.34%202.34%200%200%200%200-3.831A2.34%202.34%200%200%201%206.35%206.051a2.34%202.34%200%200%200%203.319-1.915%22%20/>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%223%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M9.671%204.136a2.34%202.34%200%200%201%204.659%200%202.34%202.34%200%200%200%203.319%201.915%202.34%202.34%200%200%201%202.33%204.033%202.34%202.34%200%200%200%200%203.831%202.34%202.34%200%200%201-2.33%204.033%202.34%202.34%200%200%200-3.319%201.915%202.34%202.34%200%200%201-4.659%200%202.34%202.34%200%200%200-3.32-1.915%202.34%202.34%200%200%201-2.33-4.033%202.34%202.34%200%200%200%200-3.831A2.34%202.34%200%200%201%206.35%206.051a2.34%202.34%200%200%200%203.319-1.915%22%20/>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%223%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-hand-o-right::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M18%2011V6a2%202%200%200%200-2-2a2%202%200%200%200-2%202%22%20/>%20<path%20d=%22M14%2010V4a2%202%200%200%200-2-2a2%202%200%200%200-2%202v2%22%20/>%20<path%20d=%22M10%2010.5V6a2%202%200%200%200-2-2a2%202%200%200%200-2%202v8%22%20/>%20<path%20d=%22M18%208a2%202%200%201%201%204%200v6a8%208%200%200%201-8%208h-2c-2.8%200-4.5-.86-5.99-2.34l-3.6-3.6a2%202%200%200%201%202.83-2.82L7%2015%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M18%2011V6a2%202%200%200%200-2-2a2%202%200%200%200-2%202%22%20/>%20<path%20d=%22M14%2010V4a2%202%200%200%200-2-2a2%202%200%200%200-2%202v2%22%20/>%20<path%20d=%22M10%2010.5V6a2%202%200%200%200-2-2a2%202%200%200%200-2%202v8%22%20/>%20<path%20d=%22M18%208a2%202%200%201%201%204%200v6a8%208%200%200%201-8%208h-2c-2.8%200-4.5-.86-5.99-2.34l-3.6-3.6a2%202%200%200%201%202.83-2.82L7%2015%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-history::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20/>%20<path%20d=%22M3%203v5h5%22%20/>%20<path%20d=%22M12%207v5l4%202%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20/>%20<path%20d=%22M3%203v5h5%22%20/>%20<path%20d=%22M12%207v5l4%202%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-info::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22M12%2016v-4%22%20/>%20<path%20d=%22M12%208h.01%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22M12%2016v-4%22%20/>%20<path%20d=%22M12%208h.01%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-info-circle::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22M12%2016v-4%22%20/>%20<path%20d=%22M12%208h.01%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22M12%2016v-4%22%20/>%20<path%20d=%22M12%208h.01%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-internet-explorer::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22M12%202a14.5%2014.5%200%200%200%200%2020%2014.5%2014.5%200%200%200%200-20%22%20/>%20<path%20d=%22M2%2012h20%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22M12%202a14.5%2014.5%200%200%200%200%2020%2014.5%2014.5%200%200%200%200-20%22%20/>%20<path%20d=%22M2%2012h20%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-key::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m15.5%207.5%202.3%202.3a1%201%200%200%200%201.4%200l2.1-2.1a1%201%200%200%200%200-1.4L19%204%22%20/>%20<path%20d=%22m21%202-9.6%209.6%22%20/>%20<circle%20cx=%227.5%22%20cy=%2215.5%22%20r=%225.5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m15.5%207.5%202.3%202.3a1%201%200%200%200%201.4%200l2.1-2.1a1%201%200%200%200%200-1.4L19%204%22%20/>%20<path%20d=%22m21%202-9.6%209.6%22%20/>%20<circle%20cx=%227.5%22%20cy=%2215.5%22%20r=%225.5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-link::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M10%2013a5%205%200%200%200%207.54.54l3-3a5%205%200%200%200-7.07-7.07l-1.72%201.71%22%20/>%20<path%20d=%22M14%2011a5%205%200%200%200-7.54-.54l-3%203a5%205%200%200%200%207.07%207.07l1.71-1.71%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M10%2013a5%205%200%200%200%207.54.54l3-3a5%205%200%200%200-7.07-7.07l-1.72%201.71%22%20/>%20<path%20d=%22M14%2011a5%205%200%200%200-7.54-.54l-3%203a5%205%200%200%200%207.07%207.07l1.71-1.71%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-list-alt::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M3%205h.01%22%20/>%20<path%20d=%22M3%2012h.01%22%20/>%20<path%20d=%22M3%2019h.01%22%20/>%20<path%20d=%22M8%205h13%22%20/>%20<path%20d=%22M8%2012h13%22%20/>%20<path%20d=%22M8%2019h13%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M3%205h.01%22%20/>%20<path%20d=%22M3%2012h.01%22%20/>%20<path%20d=%22M3%2019h.01%22%20/>%20<path%20d=%22M8%205h13%22%20/>%20<path%20d=%22M8%2012h13%22%20/>%20<path%20d=%22M8%2019h13%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-lock::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<rect%20width=%2218%22%20height=%2211%22%20x=%223%22%20y=%2211%22%20rx=%222%22%20ry=%222%22%20/>%20<path%20d=%22M7%2011V7a5%205%200%200%201%2010%200v4%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<rect%20width=%2218%22%20height=%2211%22%20x=%223%22%20y=%2211%22%20rx=%222%22%20ry=%222%22%20/>%20<path%20d=%22M7%2011V7a5%205%200%200%201%2010%200v4%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-long-arrow-left::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m12%2019-7-7%207-7%22%20/>%20<path%20d=%22M19%2012H5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m12%2019-7-7%207-7%22%20/>%20<path%20d=%22M19%2012H5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-long-arrow-right::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M5%2012h14%22%20/>%20<path%20d=%22m12%205%207%207-7%207%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M5%2012h14%22%20/>%20<path%20d=%22m12%205%207%207-7%207%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-minus::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M5%2012h14%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M5%2012h14%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-paperclip::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m16%206-8.414%208.586a2%202%200%200%200%202.829%202.829l8.414-8.586a4%204%200%201%200-5.657-5.657l-8.379%208.551a6%206%200%201%200%208.485%208.485l8.379-8.551%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m16%206-8.414%208.586a2%202%200%200%200%202.829%202.829l8.414-8.586a4%204%200%201%200-5.657-5.657l-8.379%208.551a6%206%200%201%200%208.485%208.485l8.379-8.551%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-pencil::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20/>%20<path%20d=%22m15%205%204%204%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20/>%20<path%20d=%22m15%205%204%204%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-plug::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%2022v-5%22%20/>%20<path%20d=%22M15%208V2%22%20/>%20<path%20d=%22M17%208a1%201%200%200%201%201%201v4a4%204%200%200%201-4%204h-4a4%204%200%200%201-4-4V9a1%201%200%200%201%201-1z%22%20/>%20<path%20d=%22M9%208V2%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%2022v-5%22%20/>%20<path%20d=%22M15%208V2%22%20/>%20<path%20d=%22M17%208a1%201%200%200%201%201%201v4a4%204%200%200%201-4%204h-4a4%204%200%200%201-4-4V9a1%201%200%200%201%201-1z%22%20/>%20<path%20d=%22M9%208V2%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-plus::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M5%2012h14%22%20/>%20<path%20d=%22M12%205v14%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M5%2012h14%22%20/>%20<path%20d=%22M12%205v14%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-power-off::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%202v10%22%20/>%20<path%20d=%22M18.4%206.6a9%209%200%201%201-12.77.04%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%202v10%22%20/>%20<path%20d=%22M18.4%206.6a9%209%200%201%201-12.77.04%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-puzzle-piece::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M15.39%204.39a1%201%200%200%200%201.68-.474%202.5%202.5%200%201%201%203.014%203.015%201%201%200%200%200-.474%201.68l1.683%201.682a2.414%202.414%200%200%201%200%203.414L19.61%2015.39a1%201%200%200%201-1.68-.474%202.5%202.5%200%201%200-3.014%203.015%201%201%200%200%201%20.474%201.68l-1.683%201.682a2.414%202.414%200%200%201-3.414%200L8.61%2019.61a1%201%200%200%200-1.68.474%202.5%202.5%200%201%201-3.014-3.015%201%201%200%200%200%20.474-1.68l-1.683-1.682a2.414%202.414%200%200%201%200-3.414L4.39%208.61a1%201%200%200%201%201.68.474%202.5%202.5%200%201%200%203.014-3.015%201%201%200%200%201-.474-1.68l1.683-1.682a2.414%202.414%200%200%201%203.414%200z%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M15.39%204.39a1%201%200%200%200%201.68-.474%202.5%202.5%200%201%201%203.014%203.015%201%201%200%200%200-.474%201.68l1.683%201.682a2.414%202.414%200%200%201%200%203.414L19.61%2015.39a1%201%200%200%201-1.68-.474%202.5%202.5%200%201%200-3.014%203.015%201%201%200%200%201%20.474%201.68l-1.683%201.682a2.414%202.414%200%200%201-3.414%200L8.61%2019.61a1%201%200%200%200-1.68.474%202.5%202.5%200%201%201-3.014-3.015%201%201%200%200%200%20.474-1.68l-1.683-1.682a2.414%202.414%200%200%201%200-3.414L4.39%208.61a1%201%200%200%201%201.68.474%202.5%202.5%200%201%200%203.014-3.015%201%201%200%200%201-.474-1.68l1.683-1.682a2.414%202.414%200%200%201%203.414%200z%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-random::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m18%2014%204%204-4%204%22%20/>%20<path%20d=%22m18%202%204%204-4%204%22%20/>%20<path%20d=%22M2%2018h1.973a4%204%200%200%200%203.3-1.7l5.454-8.6a4%204%200%200%201%203.3-1.7H22%22%20/>%20<path%20d=%22M2%206h1.972a4%204%200%200%201%203.6%202.2%22%20/>%20<path%20d=%22M22%2018h-6.041a4%204%200%200%201-3.3-1.8l-.359-.45%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m18%2014%204%204-4%204%22%20/>%20<path%20d=%22m18%202%204%204-4%204%22%20/>%20<path%20d=%22M2%2018h1.973a4%204%200%200%200%203.3-1.7l5.454-8.6a4%204%200%200%201%203.3-1.7H22%22%20/>%20<path%20d=%22M2%206h1.972a4%204%200%200%201%203.6%202.2%22%20/>%20<path%20d=%22M22%2018h-6.041a4%204%200%200%201-3.3-1.8l-.359-.45%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-refresh::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%22%20/>%20<path%20d=%22M21%203v5h-5%22%20/>%20<path%20d=%22M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%22%20/>%20<path%20d=%22M8%2016H3v5%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%22%20/>%20<path%20d=%22M21%203v5h-5%22%20/>%20<path%20d=%22M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%22%20/>%20<path%20d=%22M8%2016H3v5%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-retweet::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m17%202%204%204-4%204%22%20/>%20<path%20d=%22M3%2011v-1a4%204%200%200%201%204-4h14%22%20/>%20<path%20d=%22m7%2022-4-4%204-4%22%20/>%20<path%20d=%22M21%2013v1a4%204%200%200%201-4%204H3%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m17%202%204%204-4%204%22%20/>%20<path%20d=%22M3%2011v-1a4%204%200%200%201%204-4h14%22%20/>%20<path%20d=%22m7%2022-4-4%204-4%22%20/>%20<path%20d=%22M21%2013v1a4%204%200%200%201-4%204H3%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-road::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%226%22%20cy=%2219%22%20r=%223%22%20/>%20<path%20d=%22M9%2019h8.5a3.5%203.5%200%200%200%200-7h-11a3.5%203.5%200%200%201%200-7H15%22%20/>%20<circle%20cx=%2218%22%20cy=%225%22%20r=%223%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%226%22%20cy=%2219%22%20r=%223%22%20/>%20<path%20d=%22M9%2019h8.5a3.5%203.5%200%200%200%200-7h-11a3.5%203.5%200%200%201%200-7H15%22%20/>%20<circle%20cx=%2218%22%20cy=%225%22%20r=%223%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-rss::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2011a9%209%200%200%201%209%209%22%20/>%20<path%20d=%22M4%204a16%2016%200%200%201%2016%2016%22%20/>%20<circle%20cx=%225%22%20cy=%2219%22%20r=%221%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2011a9%209%200%200%201%209%209%22%20/>%20<path%20d=%22M4%204a16%2016%200%200%201%2016%2016%22%20/>%20<circle%20cx=%225%22%20cy=%2219%22%20r=%221%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-rss-square::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2011a9%209%200%200%201%209%209%22%20/>%20<path%20d=%22M4%204a16%2016%200%200%201%2016%2016%22%20/>%20<circle%20cx=%225%22%20cy=%2219%22%20r=%221%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M4%2011a9%209%200%200%201%209%209%22%20/>%20<path%20d=%22M4%204a16%2016%200%200%201%2016%2016%22%20/>%20<circle%20cx=%225%22%20cy=%2219%22%20r=%221%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-search::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m21%2021-4.34-4.34%22%20/>%20<circle%20cx=%2211%22%20cy=%2211%22%20r=%228%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m21%2021-4.34-4.34%22%20/>%20<circle%20cx=%2211%22%20cy=%2211%22%20r=%228%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-share-alt::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2218%22%20cy=%225%22%20r=%223%22%20/>%20<circle%20cx=%226%22%20cy=%2212%22%20r=%223%22%20/>%20<circle%20cx=%2218%22%20cy=%2219%22%20r=%223%22%20/>%20<line%20x1=%228.59%22%20x2=%2215.42%22%20y1=%2213.51%22%20y2=%2217.49%22%20/>%20<line%20x1=%2215.41%22%20x2=%228.59%22%20y1=%226.51%22%20y2=%2210.49%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2218%22%20cy=%225%22%20r=%223%22%20/>%20<circle%20cx=%226%22%20cy=%2212%22%20r=%223%22%20/>%20<circle%20cx=%2218%22%20cy=%2219%22%20r=%223%22%20/>%20<line%20x1=%228.59%22%20x2=%2215.42%22%20y1=%2213.51%22%20y2=%2217.49%22%20/>%20<line%20x1=%2215.41%22%20x2=%228.59%22%20y1=%226.51%22%20y2=%2210.49%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-sign-in::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m10%2017%205-5-5-5%22%20/>%20<path%20d=%22M15%2012H3%22%20/>%20<path%20d=%22M15%203h4a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202h-4%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m10%2017%205-5-5-5%22%20/>%20<path%20d=%22M15%2012H3%22%20/>%20<path%20d=%22M15%203h4a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202h-4%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-sign-out::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m16%2017%205-5-5-5%22%20/>%20<path%20d=%22M21%2012H9%22%20/>%20<path%20d=%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m16%2017%205-5-5-5%22%20/>%20<path%20d=%22M21%2012H9%22%20/>%20<path%20d=%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-sitemap::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<rect%20x=%2216%22%20y=%2216%22%20width=%226%22%20height=%226%22%20rx=%221%22%20/>%20<rect%20x=%222%22%20y=%2216%22%20width=%226%22%20height=%226%22%20rx=%221%22%20/>%20<rect%20x=%229%22%20y=%222%22%20width=%226%22%20height=%226%22%20rx=%221%22%20/>%20<path%20d=%22M5%2016v-3a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v3%22%20/>%20<path%20d=%22M12%2012V8%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<rect%20x=%2216%22%20y=%2216%22%20width=%226%22%20height=%226%22%20rx=%221%22%20/>%20<rect%20x=%222%22%20y=%2216%22%20width=%226%22%20height=%226%22%20rx=%221%22%20/>%20<rect%20x=%229%22%20y=%222%22%20width=%226%22%20height=%226%22%20rx=%221%22%20/>%20<path%20d=%22M5%2016v-3a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v3%22%20/>%20<path%20d=%22M12%2012V8%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-sliders::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M10%205H3%22%20/>%20<path%20d=%22M12%2019H3%22%20/>%20<path%20d=%22M14%203v4%22%20/>%20<path%20d=%22M16%2017v4%22%20/>%20<path%20d=%22M21%2012h-9%22%20/>%20<path%20d=%22M21%2019h-5%22%20/>%20<path%20d=%22M21%205h-7%22%20/>%20<path%20d=%22M8%2010v4%22%20/>%20<path%20d=%22M8%2012H3%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M10%205H3%22%20/>%20<path%20d=%22M12%2019H3%22%20/>%20<path%20d=%22M14%203v4%22%20/>%20<path%20d=%22M16%2017v4%22%20/>%20<path%20d=%22M21%2012h-9%22%20/>%20<path%20d=%22M21%2019h-5%22%20/>%20<path%20d=%22M21%205h-7%22%20/>%20<path%20d=%22M8%2010v4%22%20/>%20<path%20d=%22M8%2012H3%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-square::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<rect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%223%22%20rx=%222%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<rect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%223%22%20rx=%222%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-table::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%203v18%22%20/>%20<rect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%223%22%20rx=%222%22%20/>%20<path%20d=%22M3%209h18%22%20/>%20<path%20d=%22M3%2015h18%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%203v18%22%20/>%20<rect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%223%22%20rx=%222%22%20/>%20<path%20d=%22M3%209h18%22%20/>%20<path%20d=%22M3%2015h18%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-tag::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12.586%202.586A2%202%200%200%200%2011.172%202H4a2%202%200%200%200-2%202v7.172a2%202%200%200%200%20.586%201.414l8.704%208.704a2.426%202.426%200%200%200%203.42%200l6.58-6.58a2.426%202.426%200%200%200%200-3.42z%22%20/>%20<circle%20cx=%227.5%22%20cy=%227.5%22%20r=%22.5%22%20fill=%22currentColor%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12.586%202.586A2%202%200%200%200%2011.172%202H4a2%202%200%200%200-2%202v7.172a2%202%200%200%200%20.586%201.414l8.704%208.704a2.426%202.426%200%200%200%203.42%200l6.58-6.58a2.426%202.426%200%200%200%200-3.42z%22%20/>%20<circle%20cx=%227.5%22%20cy=%227.5%22%20r=%22.5%22%20fill=%22currentColor%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-tags::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M13.172%202a2%202%200%200%201%201.414.586l6.71%206.71a2.4%202.4%200%200%201%200%203.408l-4.592%204.592a2.4%202.4%200%200%201-3.408%200l-6.71-6.71A2%202%200%200%201%206%209.172V3a1%201%200%200%201%201-1z%22%20/>%20<path%20d=%22M2%207v6.172a2%202%200%200%200%20.586%201.414l6.71%206.71a2.4%202.4%200%200%200%203.191.193%22%20/>%20<circle%20cx=%2210.5%22%20cy=%226.5%22%20r=%22.5%22%20fill=%22currentColor%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M13.172%202a2%202%200%200%201%201.414.586l6.71%206.71a2.4%202.4%200%200%201%200%203.408l-4.592%204.592a2.4%202.4%200%200%201-3.408%200l-6.71-6.71A2%202%200%200%201%206%209.172V3a1%201%200%200%201%201-1z%22%20/>%20<path%20d=%22M2%207v6.172a2%202%200%200%200%20.586%201.414l6.71%206.71a2.4%202.4%200%200%200%203.191.193%22%20/>%20<circle%20cx=%2210.5%22%20cy=%226.5%22%20r=%22.5%22%20fill=%22currentColor%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-text-width::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%204v16%22%20/>%20<path%20d=%22M4%207V5a1%201%200%200%201%201-1h14a1%201%200%200%201%201%201v2%22%20/>%20<path%20d=%22M9%2020h6%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%204v16%22%20/>%20<path%20d=%22M4%207V5a1%201%200%200%201%201-1h14a1%201%200%200%201%201%201v2%22%20/>%20<path%20d=%22M9%2020h6%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-thumb-tack::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%2017v5%22%20/>%20<path%20d=%22M9%2010.76a2%202%200%200%201-1.11%201.79l-1.78.9A2%202%200%200%200%205%2015.24V16a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1v-.76a2%202%200%200%200-1.11-1.79l-1.78-.9A2%202%200%200%201%2015%2010.76V7a1%201%200%200%201%201-1%202%202%200%200%200%200-4H8a2%202%200%200%200%200%204%201%201%200%200%201%201%201z%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%2017v5%22%20/>%20<path%20d=%22M9%2010.76a2%202%200%200%201-1.11%201.79l-1.78.9A2%202%200%200%200%205%2015.24V16a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1v-.76a2%202%200%200%200-1.11-1.79l-1.78-.9A2%202%200%200%201%2015%2010.76V7a1%201%200%200%201%201-1%202%202%200%200%200%200-4H8a2%202%200%200%200%200%204%201%201%200%200%201%201%201z%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-thumbs-o-up::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M15%205.88%2014%2010h5.83a2%202%200%200%201%201.92%202.56l-2.33%208A2%202%200%200%201%2017.5%2022H4a2%202%200%200%201-2-2v-8a2%202%200%200%201%202-2h2.76a2%202%200%200%200%201.79-1.11L12%202a3.13%203.13%200%200%201%203%203.88Z%22%20/>%20<path%20d=%22M7%2010v12%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M15%205.88%2014%2010h5.83a2%202%200%200%201%201.92%202.56l-2.33%208A2%202%200%200%201%2017.5%2022H4a2%202%200%200%201-2-2v-8a2%202%200%200%201%202-2h2.76a2%202%200%200%200%201.79-1.11L12%202a3.13%203.13%200%200%201%203%203.88Z%22%20/>%20<path%20d=%22M7%2010v12%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-ticket::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M2%209a3%203%200%200%201%200%206v2a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-2a3%203%200%200%201%200-6V7a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202Z%22%20/>%20<path%20d=%22M13%205v2%22%20/>%20<path%20d=%22M13%2017v2%22%20/>%20<path%20d=%22M13%2011v2%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M2%209a3%203%200%200%201%200%206v2a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-2a3%203%200%200%201%200-6V7a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202Z%22%20/>%20<path%20d=%22M13%205v2%22%20/>%20<path%20d=%22M13%2017v2%22%20/>%20<path%20d=%22M13%2011v2%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-times::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M18%206%206%2018%22%20/>%20<path%20d=%22m6%206%2012%2012%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M18%206%206%2018%22%20/>%20<path%20d=%22m6%206%2012%2012%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-times-circle::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22m15%209-6%206%22%20/>%20<path%20d=%22m9%209%206%206%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22m15%209-6%206%22%20/>%20<path%20d=%22m9%209%206%206%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-times-circle-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22m15%209-6%206%22%20/>%20<path%20d=%22m9%209%206%206%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/>%20<path%20d=%22m15%209-6%206%22%20/>%20<path%20d=%22m9%209%206%206%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-toggle-off::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%229%22%20cy=%2212%22%20r=%223%22%20/>%20<rect%20width=%2220%22%20height=%2214%22%20x=%222%22%20y=%225%22%20rx=%227%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%229%22%20cy=%2212%22%20r=%223%22%20/>%20<rect%20width=%2220%22%20height=%2214%22%20x=%222%22%20y=%225%22%20rx=%227%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-toggle-on::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2215%22%20cy=%2212%22%20r=%223%22%20/>%20<rect%20width=%2220%22%20height=%2214%22%20x=%222%22%20y=%225%22%20rx=%227%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<circle%20cx=%2215%22%20cy=%2212%22%20r=%223%22%20/>%20<rect%20width=%2220%22%20height=%2214%22%20x=%222%22%20y=%225%22%20rx=%227%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-trash-o::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M10%2011v6%22%20/>%20<path%20d=%22M14%2011v6%22%20/>%20<path%20d=%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6%22%20/>%20<path%20d=%22M3%206h18%22%20/>%20<path%20d=%22M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M10%2011v6%22%20/>%20<path%20d=%22M14%2011v6%22%20/>%20<path%20d=%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6%22%20/>%20<path%20d=%22M3%206h18%22%20/>%20<path%20d=%22M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-upload::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%203v12%22%20/>%20<path%20d=%22m17%208-5-5-5%205%22%20/>%20<path%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M12%203v12%22%20/>%20<path%20d=%22m17%208-5-5-5%205%22%20/>%20<path%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-usd::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<line%20x1=%2212%22%20x2=%2212%22%20y1=%222%22%20y2=%2222%22%20/>%20<path%20d=%22M17%205H9.5a3.5%203.5%200%200%200%200%207h5a3.5%203.5%200%200%201%200%207H6%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<line%20x1=%2212%22%20x2=%2212%22%20y1=%222%22%20y2=%2222%22%20/>%20<path%20d=%22M17%205H9.5a3.5%203.5%200%200%200%200%207h5a3.5%203.5%200%200%201%200%207H6%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-user::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22%20/>%20<circle%20cx=%2212%22%20cy=%227%22%20r=%224%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22%20/>%20<circle%20cx=%2212%22%20cy=%227%22%20r=%224%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-user-plus::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20/>%20<circle%20cx=%229%22%20cy=%227%22%20r=%224%22%20/>%20<line%20x1=%2219%22%20x2=%2219%22%20y1=%228%22%20y2=%2214%22%20/>%20<line%20x1=%2222%22%20x2=%2216%22%20y1=%2211%22%20y2=%2211%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20/>%20<circle%20cx=%229%22%20cy=%227%22%20r=%224%22%20/>%20<line%20x1=%2219%22%20x2=%2219%22%20y1=%228%22%20y2=%2214%22%20/>%20<line%20x1=%2222%22%20x2=%2216%22%20y1=%2211%22%20y2=%2211%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-user-times::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20/>%20<circle%20cx=%229%22%20cy=%227%22%20r=%224%22%20/>%20<line%20x1=%2217%22%20x2=%2222%22%20y1=%228%22%20y2=%2213%22%20/>%20<line%20x1=%2222%22%20x2=%2217%22%20y1=%228%22%20y2=%2213%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20/>%20<circle%20cx=%229%22%20cy=%227%22%20r=%224%22%20/>%20<line%20x1=%2217%22%20x2=%2222%22%20y1=%228%22%20y2=%2213%22%20/>%20<line%20x1=%2222%22%20x2=%2217%22%20y1=%228%22%20y2=%2213%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-users::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20/>%20<path%20d=%22M16%203.128a4%204%200%200%201%200%207.744%22%20/>%20<path%20d=%22M22%2021v-2a4%204%200%200%200-3-3.87%22%20/>%20<circle%20cx=%229%22%20cy=%227%22%20r=%224%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20/>%20<path%20d=%22M16%203.128a4%204%200%200%201%200%207.744%22%20/>%20<path%20d=%22M22%2021v-2a4%204%200%200%200-3-3.87%22%20/>%20<circle%20cx=%229%22%20cy=%227%22%20r=%224%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-warning::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%20/>%20<path%20d=%22M12%209v4%22%20/>%20<path%20d=%22M12%2017h.01%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%20/>%20<path%20d=%22M12%209v4%22%20/>%20<path%20d=%22M12%2017h.01%22%20/>%20</svg>") center/contain no-repeat;
}

.fa-wrench::before {
  font-family: inherit !important;
  content: "" !important;
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20/>%20</svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20>%20<path%20d=%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20/>%20</svg>") center/contain no-repeat;
}