/* One quiet SVG icon system across MEZOLA navigation. */
.mezolaIcon{width:17px;height:17px;flex:0 0 17px;display:inline-block;vertical-align:-.21em;color:inherit}
.navBtn,.settingsUsersLink,.accountMenuPanel a,.loginBtn,.loginSubmit,.staffCreate,.staffSave,.staffEdit,.photoPickButton,.photoSave,.photoDelete,.ap-submit{gap:8px}
.navBtn,.accountMenuPanel a,.settingsUsersLink,.loginBtn,.loginSubmit,.staffCreate,.staffSave,.staffEdit,.photoPickButton,.photoSave,.photoDelete,.ap-submit{display:inline-flex;align-items:center;justify-content:center}
.settingsUsersLink{justify-content:space-between}
.settingsUsersLink .settingsItemLabel{display:inline-flex;align-items:center;gap:12px}
.settingsUsersLink .mezolaIcon{width:19px;height:19px;flex-basis:19px}
.accountMenuPanel a{justify-content:flex-start}
.accountMenuPanel .mezolaIcon{width:16px;height:16px;flex-basis:16px}
.drawerBody .settingsUsersLink + .settingsUsersLink{margin-top:10px}
.staffEdit .mezolaIcon{width:14px;height:14px;flex-basis:14px}
.staffCreate,.staffSave,.photoPickButton,.photoSave,.photoDelete{white-space:nowrap}
@media(max-width:600px){.staffCreate .mezolaIcon{width:15px;height:15px}}