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