/* QuickPanel: compact white animated Account / Logout icons */
.qp-account-logout-icon,
.qp-account-logout-icon i,
.qp-account-logout-icon svg,
.account-icon,
.logout-icon {
  color: #fff !important;
  fill: #fff !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  font-size: 14px !important;
  line-height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: qpAccountLogoutFloat 2.8s ease-in-out infinite !important;
}
.qp-account-logout-icon svg,
.account-icon svg,
.logout-icon svg {
  stroke: #fff !important;
}
@keyframes qpAccountLogoutFloat {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-1px) scale(1.04); }
}

/* Prevent legacy pseudo-icons from overlapping the premium icon. */
.component-navbar-nav-link[href="/account"] .component-navbar-nav-link-icon,
.component-navbar-nav-link[href="/logout"] .component-navbar-nav-link-icon { 
  width:18px!important; min-width:18px!important; padding:0!important; margin-right:6px!important;
  color:#fff!important; font-size:0!important;
}
.component-navbar-nav-link[href="/account"] .component-navbar-nav-link-icon::before,
.component-navbar-nav-link[href="/account"] .component-navbar-nav-link-icon::after,
.component-navbar-nav-link[href="/logout"] .component-navbar-nav-link-icon::before,
.component-navbar-nav-link[href="/logout"] .component-navbar-nav-link-icon::after { content:none!important; display:none!important; }
.component-navbar-nav-link[href="/account"] .component-navbar-nav-link-icon > .fa,
.component-navbar-nav-link[href="/logout"] .component-navbar-nav-link-icon > .fa { display:none!important; }
.component-navbar-nav-link[href="/account"] .component-navbar-nav-link-icon .qp-premium-icon,
.component-navbar-nav-link[href="/logout"] .component-navbar-nav-link-icon .qp-premium-icon { 
  width:15px!important;height:15px!important;display:inline-flex!important;animation:qpAccountLogoutFloat 2.8s ease-in-out infinite!important;
}
.component-navbar-nav-link[href="/account"] .component-navbar-nav-link-icon svg,
.component-navbar-nav-link[href="/logout"] .component-navbar-nav-link-icon svg { width:15px!important;height:15px!important;stroke:#fff!important;fill:none!important; }