:root{
--dur-instant:90ms; /* @kind other */
--dur-fast:160ms; /* @kind other */
--dur-base:240ms; /* @kind other */
--dur-slow:480ms; /* @kind other */
--dur-reveal:900ms; /* @kind other */
--ease-out:cubic-bezier(.2,0,0,1); /* @kind other */      /* default: entra e si ferma, come una luce che sale */
--ease-in-out:cubic-bezier(.4,0,.2,1); /* @kind other */
--ease-linear:linear; /* @kind other */                    /* traslazioni continue, loop */
--transition-ui:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out); /* @kind other */
--transition-media:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out); /* @kind other */
--reveal-shift:16px; /* @kind spacing */                     /* traslazione dei reveal: piccola, mai rimbalzi */
}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms; /* @kind other */--dur-base:1ms; /* @kind other */--dur-slow:1ms; /* @kind other */--dur-reveal:1ms; /* @kind other */--reveal-shift:0px}}
