/* =========================================================
   AXIS ICONS — stroke SVG system
========================================================= */

.axis-icon {
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: -0.2em;
  color: currentColor;
  overflow: visible;
}

.axis-icon-host {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.axis-sidebar-link .axis-icon,
.axis-mobile-footer .axis-icon,
.axis-btn-icon .axis-icon,
.axis-topbar-title-icon .axis-icon {
  width: 20px;
  height: 20px;
}

.axis-quick-fab-main .axis-icon {
  width: 26px;
  height: 26px;
}

/* When AxisIcons is active, hide leftover iconify flashes */
html.axis-icons-ready iconify-icon {
  display: none !important;
}

html.axis-icons-ready .axis-icon {
  display: inline-block;
}