/*!
 * Settings/Motion
 */

:root {
	--x-sys-motion-duration-short1: 50ms;
	--x-sys-motion-duration-short2: 100ms;
	--x-sys-motion-duration-short3: 150ms;
	--x-sys-motion-duration-short4: 200ms;
	--x-sys-motion-duration-medium1: 250ms;
	--x-sys-motion-duration-medium2: 300ms;
	--x-sys-motion-duration-medium3: 350ms;
	--x-sys-motion-duration-medium4: 400ms;
	--x-sys-motion-duration-long1: 450ms;
	--x-sys-motion-duration-long2: 500ms;
	--x-sys-motion-duration-long3: 550ms;
	--x-sys-motion-duration-long4: 600ms;
	--x-sys-motion-duration-x-long1: 700ms;
	--x-sys-motion-duration-x-long2: 800ms;
	--x-sys-motion-duration-x-long3: 400ms;
	--x-sys-motion-duration-x-long4: 1000ms;

	--x-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1);
	--x-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
	--x-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
	--x-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
	--x-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
	--x-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
	--x-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
	--x-sys-motion-easing-legacy: cubic-bezier(0.4, 0, 0.2, 1);
	--x-sys-motion-easing-legacy-decelerate: cubic-bezier(0, 0, 0.2, 1);
	--x-sys-motion-easing-legacy-accelerate: cubic-bezier(0.4, 0, 1, 1);
}