html.dashboard-animations-off {
  scroll-behavior: auto !important;
}

html.dashboard-animations-off *,
html.dashboard-animations-off *::before,
html.dashboard-animations-off *::after {
  scroll-behavior: auto !important;
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
}

html.dashboard-animations-off .qx-visual-layer,
html.dashboard-animations-off .qx-particle-field,
html.dashboard-animations-off .qx-glyph-field,
html.dashboard-animations-off .qx-smoke-layer,
html.dashboard-animations-off .field-grid,
html.dashboard-animations-off .field-glow,
html.dashboard-animations-off [data-network-canvas],
html.dashboard-animations-off .flow-particle {
  display: none !important;
}

html.dashboard-animations-off .qx-tilt-card,
html.dashboard-animations-off .qx-tilt-card:hover {
  transform: none !important;
}

.performance-mode-button {
  width: auto;
  min-height: 38px;
  padding: 0 12px;
  gap: 7px;
  border-radius: 999px;
  white-space: nowrap;
}

.performance-mode-button.is-active {
  color: #7dffb0;
  border-color: rgba(77, 255, 174, 0.55);
  background: rgba(20, 95, 67, 0.36);
  box-shadow: 0 0 18px rgba(77, 255, 174, 0.12);
}

.performance-mode-button [data-performance-mode-label] {
  font: inherit;
  font-size: 0.78rem;
  font-weight: 800;
}

@media (max-width: 760px) {
  .performance-mode-button [data-performance-mode-label] {
    display: none;
  }

  .performance-mode-button {
    width: 38px;
    padding: 0;
    justify-content: center;
  }
}