:root {
  --ease-soft: cubic-bezier(.16, 1, .3, 1);
  --t-soft: 360ms;
  --t-fade: 280ms;
  --t-fade-out: 120ms;
  --t-ack: 320ms;
  --t-end: 300ms;
  --lean: 8px;
}
html[data-motion=off] {
  --t-soft: 0ms;
  --t-fade: 0ms;
  --t-fade-out: 0ms;
  --t-ack: 0ms;
  --t-end: 0ms;
  --lean: 0px;
}
@media (prefers-reduced-motion: reduce) {
  html:not([data-motion=on]) {
    --t-soft: 0ms;
    --t-fade: 0ms;
    --t-fade-out: 0ms;
    --t-ack: 0ms;
    --t-end: 0ms;
    --lean: 0px;
  }
}