:root{
  --yd-dur-instant:80ms; /* @kind other */
  --yd-dur-fast:120ms; /* @kind other */
  --yd-dur:200ms; /* @kind other */
  --yd-dur-slow:320ms; /* @kind other */
  --yd-dur-slower:520ms; /* @kind other */

  /* Standard easing for colour/opacity. */
  --yd-ease:cubic-bezier(.2,.8,.28,1); /* @kind other */
  --yd-ease-in:cubic-bezier(.4,0,1,1); /* @kind other */
  --yd-ease-in-out:cubic-bezier(.5,0,.5,1); /* @kind other */
  /* The duck bob — a small overshoot, used sparingly on entrances
     and on the brand mark. Never on text. */
  --yd-ease-bounce:cubic-bezier(.34,1.56,.64,1); /* @kind other */

  --yd-transition-colors:color var(--yd-dur-fast) var(--yd-ease),background-color var(--yd-dur-fast) var(--yd-ease),border-color var(--yd-dur-fast) var(--yd-ease);
  --yd-transition-transform:transform var(--yd-dur) var(--yd-ease-bounce);
}
@media (prefers-reduced-motion:reduce){
  :root{--yd-dur-instant:0ms; /* @kind other */--yd-dur-fast:0ms; /* @kind other */--yd-dur:0ms; /* @kind other */--yd-dur-slow:0ms; /* @kind other */--yd-dur-slower:0ms /* @kind other */}
}