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