1*40865726SDerick Montague$duration--fast-01: 70ms; //Micro-interactions such as button and toggle 2*40865726SDerick Montague$duration--fast-02: 110ms; //Micro-interactions such as fade 3*40865726SDerick Montague$duration--moderate-01: 150ms; //Micro-interactions, small expansion, short distance movements 4*40865726SDerick Montague$duration--moderate-02: 240ms; //Expansion, system communication, toast 5*40865726SDerick Montague$duration--slow-01: 400ms; //Large expansion, important system notifications 6*40865726SDerick Montague$duration--slow-02: 700ms; //Background dimming 7*40865726SDerick Montague 8*40865726SDerick Montague// https://www.carbondesignsystem.com/guidelines/motion/basics/#easing 9*40865726SDerick Montague$standard-easing--productive: cubic-bezier(0.2, 0, 0.38, 0.9); 10*40865726SDerick Montague$standard-easing--expressive: cubic-bezier(0.4, 0.14, 0.3, 1); 11*40865726SDerick Montague$entrance-easing--productive: cubic-bezier(0, 0, 0.38, 0.9); 12*40865726SDerick Montague$entrance-easing--expressive: cubic-bezier(0, 0, 0.3, 1); 13*40865726SDerick Montague$exit-easing--productive: cubic-bezier(0.2, 0, 1, 0.9); 14*40865726SDerick Montague$exit-easing--expressive: cubic-bezier(0.4, 0.14, 1, 1);