/* Local SVG icons share the same stroke and inherit the control colour. */
.icon { display:inline-block; width:18px; height:18px; flex:0 0 auto; vertical-align:middle; background:currentColor; mask:var(--icon) center/contain no-repeat; -webkit-mask:var(--icon) center/contain no-repeat; }
.icon-grid { --icon:url("/app/icons/grid.svg"); }
.icon-plus { --icon:url("/app/icons/plus.svg"); }
.icon-file { --icon:url("/app/icons/file.svg"); }
.icon-edit { --icon:url("/app/icons/edit.svg"); }
.icon-home { --icon:url("/app/icons/home.svg"); }
.icon-clock { --icon:url("/app/icons/clock.svg"); }
.icon-settings { --icon:url("/app/icons/settings.svg"); }
.icon-users { --icon:url("/app/icons/users.svg"); }
.icon-menu { --icon:url("/app/icons/menu.svg"); }
.icon-close { --icon:url("/app/icons/close.svg"); }
.icon-download { --icon:url("/app/icons/download.svg"); }
.icon-upload { --icon:url("/app/icons/upload.svg"); }
.icon-refresh { --icon:url("/app/icons/refresh.svg"); }
.icon-image { --icon:url("/app/icons/image.svg"); }
.icon-copy { --icon:url("/app/icons/copy.svg"); }
.icon-lock { --icon:url("/app/icons/lock.svg"); }
.icon-up { --icon:url("/app/icons/up.svg"); }
.icon-down { --icon:url("/app/icons/down.svg"); }
.icon-undo { --icon:url("/app/icons/undo.svg"); }
.icon-redo { --icon:url("/app/icons/redo.svg"); }
.icon-link { --icon:url("/app/icons/link.svg"); }
.icon-check { --icon:url("/app/icons/check.svg"); }
.icon-arrow { --icon:url("/app/icons/arrow.svg"); }
.icon-alert { --icon:url("/app/icons/alert.svg"); }
.icon-search { --icon:url("/app/icons/search.svg"); }
.icon-logout { --icon:url("/app/icons/logout.svg"); }
.icon-list { --icon:url("/app/icons/list.svg"); }
.icon-grip { --icon:url("/app/icons/grip.svg"); }

.icon-eye { --icon:url("/app/icons/eye.svg"); }
.icon-eye-off { --icon:url("/app/icons/eye-off.svg"); }
.icon-mail { --icon:url("/app/icons/mail.svg"); }
.icon-shield { --icon:url("/app/icons/shield.svg"); }
.icon-building { --icon:url("/app/icons/building.svg"); }
.icon-chevron { --icon:url("/app/icons/chevron.svg"); }
.icon-text { --icon:url("/app/icons/text.svg"); }
.icon-heading { --icon:url("/app/icons/heading.svg"); }
.icon-numbered { --icon:url("/app/icons/numbered.svg"); }
.icon-divider { --icon:url("/app/icons/divider.svg"); }
.icon-more { --icon:url("/app/icons/more.svg"); }.icon-monitor { --icon:url("/app/icons/monitor.svg"); }
.icon-phone { --icon:url("/app/icons/phone.svg"); }
.icon-pin { --icon:url("/app/icons/pin.svg"); }
.icon-sparkle { --icon:url("/app/icons/sparkle.svg"); }
.icon-droplet { --icon:url("/app/icons/droplet.svg"); }
.icon-mould { --icon:url("/app/icons/mould.svg"); }
.icon-flame { --icon:url("/app/icons/flame.svg"); }
.icon-scope-inv { --icon:url("/app/icons/scope-inv.svg"); }
.icon-zap { --icon:url("/app/icons/zap.svg"); }
.icon-alarm { --icon:url("/app/icons/alarm.svg"); }
.icon-chevrons-up { --icon:url("/app/icons/chevrons-up.svg"); }
.icon-signal { --icon:url("/app/icons/signal.svg"); }
.icon-calendar-check { --icon:url("/app/icons/calendar-check.svg"); }
.icon-trash { --icon:url("/app/icons/trash.svg"); }
.icon-house-drop { --icon:url("/app/icons/house-drop.svg"); }
.icon-wall-inspect { --icon:url("/app/icons/wall-inspect.svg"); }