svg.e4m-feather-icon,
svg.feather,
i[data-feather] {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -.125em;
  stroke: currentColor;
}

.btn svg.e4m-feather-icon,
.badge svg.e4m-feather-icon {
  vertical-align: -.15em;
}

.nav-sidebar svg.nav-icon,
.nav-sidebar svg.feather.nav-icon,
.nav-sidebar svg.e4m-feather-icon.nav-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  margin-right: .55rem !important;
}

.nav-sidebar svg.right {
  width: 16px !important;
  height: 16px !important;
  position: absolute;
  right: 1rem;
  top: .72rem;
}

.main-header svg.feather,
.main-header svg.e4m-feather-icon {
  width: 20px;
  height: 20px;
}

.main-header svg[data-feather],
.main-header svg.feather,
.main-header svg.e4m-feather-icon {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2.2;
}

.main-header .e4m-top-icon svg,
.main-header .e4m-menu-toggle svg,
.main-header svg.e4m-navbar-feather {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  stroke-width: 2.1 !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

.main-header svg.e4m-navbar-caret {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}

body.dark-mode .main-header .nav-link,
body.dark-mode .main-header svg.feather,
body.dark-mode .main-header svg.e4m-feather-icon {
  color: #cbd5e1 !important;
  stroke: currentColor !important;
}

body.dark-mode .main-header .nav-link:hover,
body.dark-mode .main-header .nav-link:focus {
  color: #ffffff !important;
}

.e4m-spin {
  animation: e4m-spin .85s linear infinite;
}

@keyframes e4m-spin {
  to {
    transform: rotate(360deg);
  }
}