.effects-toggle {
  min-width: 104px;
  justify-content: center;
  white-space: nowrap;
}

html.effects-off body {
  background-attachment: scroll;
}

html.effects-off body::before {
  animation: none !important;
}

html.effects-off #lightCanvas,
html.effects-off .stars,
html.effects-off .leaf-layer,
html.effects-off .wind-layer,
html.effects-off .vignette,
html.effects-off .hills,
html.effects-off .walker,
html.effects-off .grass,
html.effects-off .hero .deco,
html.effects-off .queue-grass,
html.effects-off .bloom-ring,
html.effects-off .bloom-spark {
  display: none !important;
}

html.effects-off .card,
html.effects-off .hero,
html.effects-off .viewer,
html.effects-off .workspace-drawer-backdrop {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.effects-off .logo .icon,
html.effects-off .result-box > span:first-child,
html.effects-off .assist-result-list {
  animation: none !important;
}

@media (max-width: 520px) {
  .effects-toggle {
    min-width: 0;
  }
}