/* Finalytics UI - Semantic Icon Colors
 * ------------------------------------------------------------
 * Frappe icons render as <svg class="icon"><use href="#icon-...">
 * (or es-icon / #es-line-...). Color is controlled by the CSS
 * variable --icon-stroke: espresso icons use it as fill, timeless
 * icons as stroke. We assign MUI palette colors per icon by
 * matching the `use` href attribute, so every icon is colored
 * semantically (delete=red, check=green, alert=amber, info=cyan,
 * brand actions=blue, favorites=amber). General icons stay a cool
 * neutral so the brand blue reads as "action / active".
 */

/* Default: cool neutral (Material icon gray) */
.icon,
.es-icon {
	--icon-stroke: #5f6368;
}

/* ---------- Success / positive ---------- */
svg.icon use[href="#icon-check"],
svg.icon use[href="#icon-tick"],
svg.icon use[href="#icon-solid-success"],
svg.icon use[href="#icon-clap"],
svg.icon use[href="#icon-mark-as-read"],
svg.icon use[href="#icon-read-status"] {
	stroke: #43a047;
	fill: none;
}

svg.es-icon use[href="#es-line-check"],
svg.es-icon use[href="#es-line-success"],
svg.es-icon use[href="#es-line-tick"] {
	fill: #43a047;
}

/* ---------- Error / destructive ---------- */
svg.icon use[href="#icon-delete"],
svg.icon use[href="#icon-delete-active"],
svg.icon use[href="#icon-close"],
svg.icon use[href="#icon-close-alt"],
svg.icon use[href="#icon-solid-error"],
svg.icon use[href="#icon-criticize"],
svg.icon use[href="#icon-restriction"] {
	stroke: #e53935;
	fill: none;
}

svg.es-icon use[href="#es-line-close"],
svg.es-icon use[href="#es-line-delete"],
svg.es-icon use[href="#es-line-alert-circle"] {
	fill: #e53935;
}

/* ---------- Warning / alert ---------- */
svg.icon use[href="#icon-solid-warning"],
svg.icon use[href="#icon-filter"],
svg.icon use[href="#icon-filter-x"] {
	stroke: #fb8c00;
	fill: none;
}

svg.es-icon use[href="#es-line-alert-triangle"],
svg.es-icon use[href="#es-line-warning"] {
	fill: #fb8c00;
}

/* ---------- Info / help / cyan ---------- */
svg.icon use[href="#icon-help"],
svg.icon use[href="#icon-solid-info"],
svg.icon use[href="#icon-notification"],
svg.icon use[href="#icon-notification-with-indicator"],
svg.icon use[href="#icon-message"],
svg.icon use[href="#icon-message-1"],
svg.icon use[href="#icon-mail"],
svg.icon use[href="#icon-comment"],
svg.icon use[href="#icon-call"],
svg.icon use[href="#icon-search"],
svg.icon use[href="#icon-scan"] {
	stroke: #00838f;
	fill: none;
}

svg.es-icon use[href="#es-line-info"],
svg.es-icon use[href="#es-line-search"],
svg.es-icon use[href="#es-line-bell"] {
	fill: #00838f;
}

/* ---------- Primary / add / create / navigation ---------- */
svg.icon use[href="#icon-add"],
svg.icon use[href="#icon-add-round"],
svg.icon use[href="#icon-small-add"],
svg.icon use[href="#icon-edit"],
svg.icon use[href="#icon-edit-fill"],
svg.icon use[href="#icon-edit-round"],
svg.icon use[href="#icon-duplicate"],
svg.icon use[href="#icon-upload"],
svg.icon use[href="#icon-upload-lg"],
svg.icon use[href="#icon-share"],
svg.icon use[href="#icon-external-link"],
svg.icon use[href="#icon-link-url"],
svg.icon use[href="#icon-folder-open"],
svg.icon use[href="#icon-folder-normal"],
svg.icon use[href="#icon-folder-normal-large"],
svg.icon use[href="#icon-file"],
svg.icon use[href="#icon-file-large"],
svg.icon use[href="#icon-attachment"],
svg.icon use[href="#icon-arrow-right"],
svg.icon use[href="#icon-arrow-left"],
svg.icon use[href="#icon-up-arrow"],
svg.icon use[href="#icon-down-arrow"],
svg.icon use[href="#icon-arrow-up-right"],
svg.icon use[href="#icon-refresh"],
svg.icon use[href="#icon-setting"],
svg.icon use[href="#icon-setting-gear"],
svg.icon use[href="#icon-view"],
svg.icon use[href="#icon-calendar"],
/* List / Report / Gantt / Kanban / Dashboard / Map view switcher */
svg.icon use[href="#icon-list"],
svg.icon use[href="#icon-small-file"],
svg.icon use[href="#icon-gantt"],
svg.icon use[href="#icon-kanban"],
svg.icon use[href="#icon-dashboard"],
svg.icon use[href="#icon-map"],
svg.icon use[href="#icon-image-view"],
svg.icon use[href="#icon-permission"] {
	stroke: #1976d2;
	fill: none;
}

svg.es-icon use[href="#es-line-add"],
svg.es-icon use[href="#es-line-edit"],
svg.es-icon use[href="#es-line-download"],
svg.es-icon use[href="#es-line-upload"],
svg.es-icon use[href="#es-line-settings"] {
	fill: #1976d2;
}

/* ---------- Favorite / rating (amber) ---------- */
svg.icon use[href="#icon-star"],
svg.icon use[href="#icon-heart"],
svg.icon use[href="#icon-heart-active"],
svg.icon use[href="#icon-milestone"] {
	stroke: #f9a825;
	fill: none;
}

/* ---------- Hover: interactive icons glow primary ---------- */
.icon-btn:hover .icon,
.icon-btn:hover .es-icon,
button:hover > .icon,
a:hover > .icon,
.sidebar-item:hover .icon,
.sidebar-item:hover .es-icon,
.list-row:hover .icon,
.list-row:hover .es-icon {
	--icon-stroke: #1976d2;
}

/* Keep top-navbar icons white on the solid brand bar.
   NOTE: do NOT apply this to .page-head — it has a light gradient
   background, so white icons there (view switcher, refresh, etc.)
   are invisible. */
header .icon,
header .es-icon {
	--icon-stroke: #ffffff;
}

/* Selected sidebar items keep white icons on the primary chip */
.desk-sidebar .sidebar-item.selected .icon,
.desk-sidebar .sidebar-item.selected .es-icon {
	--icon-stroke: #ffffff;
}

/* ==========================================================================
   fyx icon repository  (generated - do not edit by hand)
   Sprite: /assets/finalytics_ui/icons/fyx.svg   (symbols #fyx-<name>)
   Usage:
     <svg class="fyx-icon"><use href="/assets/finalytics_ui/icons/fyx.svg#fyx-vehicle"></use></svg>
     <span class="fyx-icon fyx-icon-vehicle"></span>   (mask fallback)
   Both render in currentColor; size via width/height or font-size.
   ========================================================================== */
.fyx-icon{display:inline-block;width:22px;height:22px;flex:none;vertical-align:middle;
	color:currentColor;fill:none;stroke:currentColor;stroke-width:1.9;
	stroke-linecap:round;stroke-linejoin:round;
	-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
	-webkit-mask-position:center;mask-position:center;
	-webkit-mask-size:contain;mask-size:contain;}
svg.fyx-icon{background:none;}
span.fyx-icon{background-color:currentColor;}
.fyx-icon-accounts{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-accounts");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-accounts");}
.fyx-icon-alert{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-alert");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-alert");}
.fyx-icon-analytics{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-analytics");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-analytics");}
.fyx-icon-approval{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-approval");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-approval");}
.fyx-icon-asset{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-asset");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-asset");}
.fyx-icon-audit{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-audit");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-audit");}
.fyx-icon-authorization{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-authorization");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-authorization");}
.fyx-icon-bag{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-bag");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-bag");}
.fyx-icon-batch{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-batch");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-batch");}
.fyx-icon-bell{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-bell");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-bell");}
.fyx-icon-book{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-book");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-book");}
.fyx-icon-box{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-box");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-box");}
.fyx-icon-cart{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-cart");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-cart");}
.fyx-icon-check-circle{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-check-circle");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-check-circle");}
.fyx-icon-checks{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-checks");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-checks");}
.fyx-icon-clipboard{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-clipboard");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-clipboard");}
.fyx-icon-cog{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-cog");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-cog");}
.fyx-icon-compliance{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-compliance");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-compliance");}
.fyx-icon-contract{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-contract");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-contract");}
.fyx-icon-contracts{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-contracts");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-contracts");}
.fyx-icon-credit-card{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-credit-card");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-credit-card");}
.fyx-icon-cube{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-cube");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-cube");}
.fyx-icon-dashboard{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-dashboard");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-dashboard");}
.fyx-icon-distributor{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-distributor");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-distributor");}
.fyx-icon-document{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-document");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-document");}
.fyx-icon-dot{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-dot");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-dot");}
.fyx-icon-driver{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-driver");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-driver");}
.fyx-icon-expense{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-expense");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-expense");}
.fyx-icon-export{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-export");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-export");}
.fyx-icon-finance{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-finance");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-finance");}
.fyx-icon-folder{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-folder");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-folder");}
.fyx-icon-fuel{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-fuel");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-fuel");}
.fyx-icon-geofence{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-geofence");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-geofence");}
.fyx-icon-geofence_event{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-geofence_event");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-geofence_event");}
.fyx-icon-hr{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-hr");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-hr");}
.fyx-icon-import{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-import");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-import");}
.fyx-icon-inspection{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-inspection");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-inspection");}
.fyx-icon-integrations{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-integrations");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-integrations");}
.fyx-icon-inventory{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-inventory");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-inventory");}
.fyx-icon-invoice{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-invoice");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-invoice");}
.fyx-icon-kitchen{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-kitchen");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-kitchen");}
.fyx-icon-lease{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-lease");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-lease");}
.fyx-icon-ledger{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-ledger");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-ledger");}
.fyx-icon-mail{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-mail");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-mail");}
.fyx-icon-map{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-map");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-map");}
.fyx-icon-mapping{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-mapping");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-mapping");}
.fyx-icon-onboarding{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-onboarding");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-onboarding");}
.fyx-icon-order{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-order");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-order");}
.fyx-icon-payroll{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-payroll");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-payroll");}
.fyx-icon-period{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-period");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-period");}
.fyx-icon-ping{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-ping");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-ping");}
.fyx-icon-pos{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-pos");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-pos");}
.fyx-icon-pre-hire{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-pre-hire");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-pre-hire");}
.fyx-icon-print{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-print");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-print");}
.fyx-icon-projects{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-projects");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-projects");}
.fyx-icon-quota{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-quota");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-quota");}
.fyx-icon-quote{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-quote");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-quote");}
.fyx-icon-receipt{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-receipt");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-receipt");}
.fyx-icon-recruitment{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-recruitment");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-recruitment");}
.fyx-icon-report{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-report");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-report");}
.fyx-icon-request{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-request");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-request");}
.fyx-icon-restaurant{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-restaurant");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-restaurant");}
.fyx-icon-route{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-route");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-route");}
.fyx-icon-schedule{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-schedule");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-schedule");}
.fyx-icon-screening{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-screening");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-screening");}
.fyx-icon-settings{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-settings");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-settings");}
.fyx-icon-sitemap{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-sitemap");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-sitemap");}
.fyx-icon-station{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-station");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-station");}
.fyx-icon-supplier{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-supplier");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-supplier");}
.fyx-icon-switch{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-switch");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-switch");}
.fyx-icon-sync{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-sync");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-sync");}
.fyx-icon-target{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-target");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-target");}
.fyx-icon-telemetry{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-telemetry");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-telemetry");}
.fyx-icon-truck{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-truck");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-truck");}
.fyx-icon-user{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-user");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-user");}
.fyx-icon-users{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-users");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-users");}
.fyx-icon-vehicle{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-vehicle");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-vehicle");}
.fyx-icon-wallet{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-wallet");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-wallet");}
.fyx-icon-warehouse{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-warehouse");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-warehouse");}
.fyx-icon-webhook{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-webhook");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-webhook");}
.fyx-icon-wrench{-webkit-mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-wrench");mask-image:url("/assets/finalytics_ui/icons/fyx.svg#fyx-wrench");}