.app-svg-icon {
  display: block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}

.app-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  line-height: 0;
  font-size: 0;
}

.app-nav-icon.app-svg-icon,
.app-nav-icon .app-svg-icon {
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0.95;
}

.app-nav-link.active .app-nav-icon .app-svg-icon,
.app-bottom-nav-item.active .app-bottom-nav-icon .app-svg-icon {
  opacity: 1;
  color: var(--brand-blue-bright, var(--cyan));
}

.app-bottom-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  font-size: 0;
}

.app-bottom-nav-icon .app-svg-icon {
  width: 1.375rem;
  height: 1.375rem;
}

.dash-quick-icon {
  font-size: 0;
  line-height: 0;
}

.dash-quick-icon .app-svg-icon,
.dash-quick-icon.app-svg-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--brand-blue-bright, var(--cyan));
}

.feature-icon {
  font-size: 0;
  line-height: 0;
}

.feature-icon .app-svg-icon,
.feature-icon[data-app-icon] .app-svg-icon {
  width: 1.625rem;
  height: 1.625rem;
  color: var(--brand-blue-bright, var(--cyan));
}

.app-menu-toggle,
.app-notify-btn,
.nav-mobile-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.app-menu-toggle .app-svg-icon,
.app-notify-btn .app-svg-icon,
.nav-mobile-toggle .app-svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.admin-nav-icon .app-svg-icon,
.admin-nav-link .app-nav-icon .app-svg-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.nav-mobile-toggle .app-svg-icon {
  width: 1.35rem;
  height: 1.35rem;
}