/* ONLYDROP v157 — understated FX toggle.
   Preserve the existing position, click behavior and ON/OFF states.
   Remove the star, stripes, diamonds, skew, polygon cut and neon frame. */
html body #motionToggle.global-motion-toggle {
  position:fixed !important;
  top:clamp(13px,2vh,22px) !important;
  left:clamp(16px,2.6vw,44px) !important;
  right:auto !important;
  bottom:auto !important;
  z-index:8600 !important;

  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  box-sizing:border-box !important;
  width:auto !important;
  min-width:156px !important;
  max-width:calc(100vw - 32px) !important;
  min-height:44px !important;
  padding:7px 12px !important;

  background:#101a20 !important;
  color:#eaf1ed !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  outline-offset:4px !important;
  isolation:auto !important;
  overflow:visible !important;
  transform:none !important;
  rotate:none !important;
  translate:none !important;
  scale:1 !important;
  filter:none !important;

  font-family:'Manrope','Space Grotesk',Arial,sans-serif !important;
  letter-spacing:0 !important;
  text-align:left !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  transition:background-color .18s ease !important;
}

/* All decorative layers disappear, including the animated spark. */
html body #motionToggle.global-motion-toggle::before,
html body #motionToggle.global-motion-toggle::after {
  content:none !important;
  display:none !important;
  animation:none !important;
}
html body #motionToggle.global-motion-toggle .motion-indicator {
  display:none !important;
}

/* The only accent: a small, flat FX chip. */
html body #motionToggle.global-motion-toggle .motion-toggle-tag {
  order:0 !important;
  display:grid !important;
  place-items:center !important;
  position:static !important;
  flex:0 0 30px !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  padding:0 !important;
  margin:0 !important;

  background:#d2ff4a !important;
  color:#101a20 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  transform:none !important;
  font:800 13px/1 'Manrope','Space Grotesk',Arial,sans-serif !important;
  letter-spacing:0 !important;
}

/* Clear functional text, not another ornament. */
html body #motionToggle.global-motion-toggle .motion-toggle-label {
  order:1 !important;
  display:block !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  color:#eaf1ed !important;
  font:700 11px/1.25 'Manrope','Space Grotesk',Arial,sans-serif !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}

/* OFF state retains the previous warm tint, without extra adornments. */
html body #motionToggle.global-motion-toggle[aria-pressed="false"] {
  background:#211820 !important;
}
html body #motionToggle.global-motion-toggle[aria-pressed="false"] .motion-toggle-tag {
  background:#f58aa5 !important;
  color:#211820 !important;
}
html body #motionToggle.global-motion-toggle:hover {
  background:#192830 !important;
  filter:none !important;
  transform:none !important;
}
html body #motionToggle.global-motion-toggle[aria-pressed="false"]:hover {
  background:#30212c !important;
}
html body #motionToggle.global-motion-toggle:focus-visible {
  outline:2px solid #d2ff4a !important;
  outline-offset:4px !important;
}
@media (min-width:701px) and (max-width:1000px) {
  html body #motionToggle.global-motion-toggle {
    left:18px !important;
    top:14px !important;
  }
}
@media (max-width:700px) {
  html body #motionToggle.global-motion-toggle {
    top:calc(14px + env(safe-area-inset-top,0px)) !important;
    right:calc(13px + env(safe-area-inset-right,0px)) !important;
    left:auto !important;
    bottom:auto !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:5px 9px !important;
    gap:8px !important;
  }
  html body #motionToggle.global-motion-toggle .motion-toggle-tag {
    flex-basis:27px !important;
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    min-height:27px !important;
    font-size:12px !important;
  }
  html body #motionToggle.global-motion-toggle .motion-toggle-label {
    font-size:10px !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body #motionToggle.global-motion-toggle {
    transition:none !important;
  }
}