:root {
    /* JIA People P5 motion contract: one restrained scale for every frontend. */
    --jia-motion-instant: 0ms;
    --jia-motion-micro: 90ms;
    --jia-motion-control: 120ms;
    --jia-motion-popover: 160ms;
    --jia-motion-view: 180ms;
    --jia-motion-modal: 200ms;
    --jia-motion-drawer: 220ms;
    --jia-motion-brand: 360ms;
    --jia-motion-loading-dots: 900ms;
    --jia-motion-loading-surface: 1400ms;
    --jia-ease-productive: cubic-bezier(0.2, 0, 0, 1);
    --jia-ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --jia-motion-distance-micro: 2px;
    --jia-motion-distance-popover: 4px;
    --jia-motion-distance-modal: 8px;
    --jia-motion-distance-drawer: 16px;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --jia-motion-micro: 0ms;
        --jia-motion-control: 0ms;
        --jia-motion-popover: 0ms;
        --jia-motion-view: 0ms;
        --jia-motion-modal: 0ms;
        --jia-motion-drawer: 0ms;
        --jia-motion-brand: 0ms;
        --jia-motion-loading-dots: 0ms;
        --jia-motion-loading-surface: 0ms;
        --jia-motion-distance-micro: 0px;
        --jia-motion-distance-popover: 0px;
        --jia-motion-distance-modal: 0px;
        --jia-motion-distance-drawer: 0px;
    }
}