/* Compact generated alpha masks inherit the interface color in both themes. */
.app-icon{display:inline-block;width:20px;height:20px;min-width:20px;flex:none;vertical-align:-.23em;background-color:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;pointer-events:none}
#main-nav .app-icon,.mobile-menu .app-icon{width:23px;height:23px;min-width:23px}
[data-icon=arrow-left]{transform:rotate(180deg)}[data-icon=arrow-down]{transform:rotate(90deg)}[data-icon=arrow-up]{transform:rotate(-45deg)}
#mobile-menu-toggle .app-icon{width:28px;height:28px;position:absolute;transition:opacity .18s,transform .18s}
#mobile-menu-toggle [data-icon=close]{opacity:0;transform:rotate(-60deg)}
#mobile-menu-toggle[aria-expanded=true] [data-icon=menu]{opacity:0;transform:rotate(60deg)}
#mobile-menu-toggle[aria-expanded=true] [data-icon=close]{opacity:1;transform:none}
.confirm-symbol .app-icon{width:30px;height:30px}.empty-icon .app-icon{width:42px;height:42px}
@media(prefers-reduced-motion:reduce){#mobile-menu-toggle .app-icon{transition:none}}
[data-icon=home]{--icon:url("icons/home.png")}
[data-icon=cow]{--icon:url("icons/cow.png")}
[data-icon=plus]{--icon:url("icons/plus.png")}
[data-icon=tree]{--icon:url("icons/tree.png")}
[data-icon=health]{--icon:url("icons/health.png")}
[data-icon=user]{--icon:url("icons/user.png")}
[data-icon=search]{--icon:url("icons/search.png")}
[data-icon=scan]{--icon:url("icons/scan.png")}
[data-icon=camera]{--icon:url("icons/camera.png")}
[data-icon=edit]{--icon:url("icons/edit.png")}
[data-icon=delete]{--icon:url("icons/delete.png")}
[data-icon=close]{--icon:url("icons/close.png")}
[data-icon=menu]{--icon:url("icons/menu.png")}
[data-icon=arrow],[data-icon=arrow-left],[data-icon=arrow-down],[data-icon=arrow-up]{--icon:url("icons/arrow.png")}
[data-icon=refresh]{--icon:url("icons/refresh.png")}
[data-icon=check]{--icon:url("icons/check.png")}
[data-icon=warning]{--icon:url("icons/warning.png")}
[data-icon=calendar]{--icon:url("icons/calendar.png")}
[data-icon=download]{--icon:url("icons/download.png")}
[data-icon=upload]{--icon:url("icons/upload.png")}
[data-icon=shield]{--icon:url("icons/shield.png")}[data-icon=pasture]{--icon:url("icons/pasture.png")}
[data-icon=female]{--icon:url("icons/female.png")}
[data-icon=male]{--icon:url("icons/male.png")}
[data-icon=sun]{--icon:url("icons/sun.png")}
[data-icon=moon]{--icon:url("icons/moon.png")}
[data-icon=monitor]{--icon:url("icons/monitor.png")}
[data-icon=minus]{--icon:url("icons/minus.png")}
[data-icon=expand]{--icon:url("icons/expand.png")}
[data-icon=history]{--icon:url("icons/history.png")}

.stat-icon .app-icon{width:26px;height:26px}.pg-badge .app-icon{width:12px;height:12px;min-width:12px}.pg-node-open .app-icon{width:16px;height:16px;min-width:16px}