:root{
    margin: 0;
    padding: 0;

    /* Base colors не подключал */
    --mp-static-color-base-white: #ffffff;
    --mp-static-color-base-50: #f2f2f2;
    --mp-static-color-base-75: #C2C2C2;
    --mp-static-color-base-100: #e6e6e6;
    --mp-static-color-base-200: #d9d9d9;
    --mp-static-color-base-300: #b3b3b3;
    --mp-static-color-base-400: #999999;
    --mp-static-color-base-500: #7f7f7f;
    --mp-static-color-base-600: #6b6b6b;
    --mp-static-color-base-700: #4c4c4c;
    --mp-static-color-base-800: #333333;
    --mp-static-color-base-900: #191919;
    --mp-static-color-base-950: #0d0d0d;
    --mp-static-color-base-black: #000000;

    /* SEMANTIC COLORS */
    /* Info */
    --mp-static-color-semantic-info-50: #E6EEF9;
    --mp-static-color-semantic-info-100: #B0CBEB;
    --mp-static-color-semantic-info-200: #8AB2E2;
    --mp-static-color-semantic-info-200-translucent: rgba(138, 178, 226, 0.2);
    --mp-static-color-semantic-info-300: #548ED4;
    --mp-static-color-semantic-info-400: #3379CC;
    --mp-static-color-semantic-info-500: #0057BF;
    --mp-static-color-semantic-info-500-translucent: rgba(0, 87, 191, 0.2);
    --mp-static-color-semantic-info-600: #004FAE;
    --mp-static-color-semantic-info-700: #003E88;
    --mp-static-color-semantic-info-800: #003069;
    --mp-static-color-semantic-info-900: #002550;

    /* Success */
    --mp-static-color-semantic-success-50: #EAF2E6;
    --mp-static-color-semantic-success-100: #BDD7B0;
    --mp-static-color-semantic-success-200: #9DC38A;
    --mp-static-color-semantic-success-200-translucent: rgba(157, 195, 138, 0.2);
    --mp-static-color-semantic-success-300: #70A854;
    --mp-static-color-semantic-success-400: #559733;
    --mp-static-color-semantic-success-500: #2A7D00;
    --mp-static-color-semantic-success-500-translucent: rgba(42, 125, 0, 0.2);
    --mp-static-color-semantic-success-600: #267200;
    --mp-static-color-semantic-success-700: #1E5900;
    --mp-static-color-semantic-success-800: #174500;
    --mp-static-color-semantic-success-900: #123500;

    /* Warning */
    --mp-static-color-semantic-warning-50: #FEEFE6;
    --mp-static-color-semantic-warning-100: #FBCEB0;
    --mp-static-color-semantic-warning-200: #F9B68A;
    --mp-static-color-semantic-warning-200-translucent: rgba(249, 182, 138, 0.2);
    --mp-static-color-semantic-warning-300: #F69554;
    --mp-static-color-semantic-warning-400: #F58133;
    --mp-static-color-semantic-warning-500: #F26100;
    --mp-static-color-semantic-warning-500-translucent: rgba(242, 97, 0, 0.2);
    --mp-static-color-semantic-warning-600: #DC5800;
    --mp-static-color-semantic-warning-700: #AC4500;
    --mp-static-color-semantic-warning-800: #853500;
    --mp-static-color-semantic-warning-900: #662900;

    /* Danger */
    --mp-static-color-semantic-danger-50: #FAE7E6;
    --mp-static-color-semantic-danger-100: #EFB5B0;
    --mp-static-color-semantic-danger-200: #E8918A;
    --mp-static-color-semantic-danger-200-translucent: rgba(232, 145, 138, 0.2);
    --mp-static-color-semantic-danger-300: #DD5F54;
    --mp-static-color-semantic-danger-400: #D64033;
    --mp-static-color-semantic-danger-500: #CC1000;
    --mp-static-color-semantic-danger-500-translucent: rgba(204, 16, 0, 0.2);
    --mp-static-color-semantic-danger-600: #BA0F00;
    --mp-static-color-semantic-danger-700: #910B00;
    --mp-static-color-semantic-danger-800: #700900;
    --mp-static-color-semantic-danger-900: #560700;

    /* Epic don't use*/
    --mp-static-color-semantic-epic-50: #F2EDFD;
    --mp-static-color-semantic-epic-100: #D7C6F9;
    --mp-static-color-semantic-epic-200: #C4AAF6;
    --mp-static-color-semantic-epic-200-translucent: rgba(196, 170, 246, 0.2);
    --mp-static-color-semantic-epic-300: #A984F2;
    --mp-static-color-semantic-epic-400: #986CEF;
    --mp-static-color-semantic-epic-500: #7E47EB;
    --mp-static-color-semantic-epic-500-translucent: rgba(126, 71, 235, 0.2);
    --mp-static-color-semantic-epic-600: #7341D6;
    --mp-static-color-semantic-epic-700: #5932A7;
    --mp-static-color-semantic-epic-800: #452781;
    --mp-static-color-semantic-epic-900: #351E63;


    /* PRODUCTS */
    /* MasterSCADA (Monitor) Primary */
    --mp-static-color-products-scada-50: #E6EFF5;
    --mp-static-color-products-scada-100: #B0CFDF;
    --mp-static-color-products-scada-200: #8AB7D0;
    --mp-static-color-products-scada-200-translucent: rgba(138, 183, 208, 0.2);
    --mp-static-color-products-scada-300: #5496BA;
    --mp-static-color-products-scada-400: #3382AD;
    --mp-static-color-products-scada-500: #006398;
    --mp-static-color-products-scada-500-translucent: rgba(0, 99, 152, 0.2);
    --mp-static-color-products-scada-600: #005A8A;
    --mp-static-color-products-scada-700: #00466C;
    --mp-static-color-products-scada-800: #003654;
    --mp-static-color-products-scada-900: #002A40;

    /* MasterSCADA (Monitor) Secondary */
    --mp-static-color-products-scada-secondary-50: #E9E8EE;
    --mp-static-color-products-scada-secondary-100: #BAB7C9;
    --mp-static-color-products-scada-secondary-200: #9995AF;
    --mp-static-color-products-scada-secondary-200-translucent: rgba(153, 149, 175, 0.2);
    --mp-static-color-products-scada-secondary-300: #6B648B;
    --mp-static-color-products-scada-secondary-400: #4E4675;
    --mp-static-color-products-scada-secondary-500: #221852;
    --mp-static-color-products-scada-secondary-500-translucent: rgba(34, 24, 82, 0.2);
    --mp-static-color-products-scada-secondary-600: #1F164B;
    --mp-static-color-products-scada-secondary-700: #18113A;
    --mp-static-color-products-scada-secondary-800: #130D2D;
    --mp-static-color-products-scada-secondary-900: #0E0A22;

    /* MasterCAD */
    --mp-static-color-products-cad-50: #ECF4F6;
    --mp-static-color-products-cad-100: #C3DCE3;
    --mp-static-color-products-cad-200: #A6CBD6;
    --mp-static-color-products-cad-200-translucent: rgba(166, 203, 214, 0.2);
    --mp-static-color-products-cad-300: #7DB4C3;
    --mp-static-color-products-cad-400: #64A5B8;
    --mp-static-color-products-cad-500: #3D8FA6;
    --mp-static-color-products-cad-500-translucent: rgba(61, 143, 166, 0.2);
    --mp-static-color-products-cad-600: #388297;
    --mp-static-color-products-cad-700: #2B6676;
    --mp-static-color-products-cad-800: #224F5B;
    --mp-static-color-products-cad-900: #1A3C46;

    /* MasterBMS */
    --mp-static-color-products-bms-50: #F1F6F1;
    --mp-static-color-products-bms-100: #D2E4D4;
    --mp-static-color-products-bms-200: #BDD7BF;
    --mp-static-color-products-bms-200-translucent: rgba(189, 215, 191, 0.2);
    --mp-static-color-products-bms-300: #9FC5A1;
    --mp-static-color-products-bms-400: #8CB98F;
    --mp-static-color-products-bms-500: #6FA873;
    --mp-static-color-products-bms-500-translucent: rgba(111, 168, 115, 0.2);
    --mp-static-color-products-bms-600: #659969;
    --mp-static-color-products-bms-700: #4F7752;
    --mp-static-color-products-bms-800: #3D5C3F;
    --mp-static-color-products-bms-900: #2F4730;


    /* MS4D LEGACY */
    /* System */
    --mp-static-color-ms4dlegacy-system-50: #F0F7F1;
    --mp-static-color-ms4dlegacy-system-100: #D0E5D5;
    --mp-static-color-ms4dlegacy-system-200: #B9D8C0;
    --mp-static-color-ms4dlegacy-system-300: #98C6A4;
    --mp-static-color-ms4dlegacy-system-400: #85BB92;
    --mp-static-color-ms4dlegacy-system-500: #66AA77;
    --mp-static-color-ms4dlegacy-system-600: #5D9B6C;
    --mp-static-color-ms4dlegacy-system-700: #487954;
    --mp-static-color-ms4dlegacy-system-800: #385E41;
    --mp-static-color-ms4dlegacy-system-900: #2B4732;

    /* Window */
    --mp-static-color-ms4dlegacy-window-50: #F8F3EE;
    --mp-static-color-ms4dlegacy-window-100: #EADACA;
    --mp-static-color-ms4dlegacy-window-200: #E0C8B1;
    --mp-static-color-ms4dlegacy-window-300: #D1AF8D;
    --mp-static-color-ms4dlegacy-window-400: #C9A077;
    --mp-static-color-ms4dlegacy-window-500: #BB8855;
    --mp-static-color-ms4dlegacy-window-600: #AA7C4D;
    --mp-static-color-ms4dlegacy-window-700: #85613C;
    --mp-static-color-ms4dlegacy-window-800: #674B2F;
    --mp-static-color-ms4dlegacy-window-900: #4F3924;

    /* Script */
    --mp-static-color-ms4dlegacy-script-50: #FAECEB;
    --mp-static-color-ms4dlegacy-script-100: #EFC5C0;
    --mp-static-color-ms4dlegacy-script-200: #E8A9A1;
    --mp-static-color-ms4dlegacy-script-300: #DD8276;
    --mp-static-color-ms4dlegacy-script-400: #D6695C;
    --mp-static-color-ms4dlegacy-script-500: #CC4433;
    --mp-static-color-ms4dlegacy-script-600: #BA3E2E;
    --mp-static-color-ms4dlegacy-script-700: #913024;
    --mp-static-color-ms4dlegacy-script-800: #70251C;
    --mp-static-color-ms4dlegacy-script-900: #561D15;

    /* Program */
    --mp-static-color-ms4dlegacy-program-50: #F0F5F8;
    --mp-static-color-ms4dlegacy-program-100: #D0DFEA;
    --mp-static-color-ms4dlegacy-program-200: #B9D0E0;
    --mp-static-color-ms4dlegacy-program-300: #98BBD1;
    --mp-static-color-ms4dlegacy-program-400: #85ADC9;
    --mp-static-color-ms4dlegacy-program-500: #6699BB;
    --mp-static-color-ms4dlegacy-program-600: #5D8BAA;
    --mp-static-color-ms4dlegacy-program-700: #486D85;
    --mp-static-color-ms4dlegacy-program-800: #385467;
    --mp-static-color-ms4dlegacy-program-900: #2B404F;

    /* Object */
    --mp-static-color-ms4dlegacy-object-50: #FAF1F0;
    --mp-static-color-ms4dlegacy-object-100: #EFD5D0;
    --mp-static-color-ms4dlegacy-object-200: #E8C0B9;
    --mp-static-color-ms4dlegacy-object-300: #DDA498;
    --mp-static-color-ms4dlegacy-object-400: #D69285;
    --mp-static-color-ms4dlegacy-object-500: #CC7766;
    --mp-static-color-ms4dlegacy-object-600: #BA6C5D;
    --mp-static-color-ms4dlegacy-object-700: #915448;
    --mp-static-color-ms4dlegacy-object-800: #704138;
    --mp-static-color-ms4dlegacy-object-900: #56322B;

    /* Report */
    --mp-static-color-ms4dlegacy-report-50: #F3F7E9;
    --mp-static-color-ms4dlegacy-report-100: #DAE5BA;
    --mp-static-color-ms4dlegacy-report-200: #C8D899;
    --mp-static-color-ms4dlegacy-report-300: #AFC66B;
    --mp-static-color-ms4dlegacy-report-400: #A0BB4E;
    --mp-static-color-ms4dlegacy-report-500: #88AA22;
    --mp-static-color-ms4dlegacy-report-600: #7C9B1F;
    --mp-static-color-ms4dlegacy-report-700: #617918;
    --mp-static-color-ms4dlegacy-report-800: #4B5E13;
    --mp-static-color-ms4dlegacy-report-900: #39470E;

    /* Group */
    --mp-static-color-ms4dlegacy-group-50: #ECECEC;
    --mp-static-color-ms4dlegacy-group-100: #C5C5C4;
    --mp-static-color-ms4dlegacy-group-200: #A9A9A8;
    --mp-static-color-ms4dlegacy-group-300: #828280;
    --mp-static-color-ms4dlegacy-group-400: #696968;
    --mp-static-color-ms4dlegacy-group-500: #444442;
    --mp-static-color-ms4dlegacy-group-600: #3E3E3C;
    --mp-static-color-ms4dlegacy-group-700: #30302F;
    --mp-static-color-ms4dlegacy-group-800: #252524;
    --mp-static-color-ms4dlegacy-group-900: #1D1D1C;

    /* Library */
    --mp-static-color-ms4dlegacy-library-50: #F3F3F0;
    --mp-static-color-ms4dlegacy-library-100: #DADAD0;
    --mp-static-color-ms4dlegacy-library-200: #C8C8B9;
    --mp-static-color-ms4dlegacy-library-300: #AFAF98;
    --mp-static-color-ms4dlegacy-library-400: #A0A085;
    --mp-static-color-ms4dlegacy-library-500: #888866;
    --mp-static-color-ms4dlegacy-library-600: #7C7C5D;
    --mp-static-color-ms4dlegacy-library-700: #616148;
    --mp-static-color-ms4dlegacy-library-800: #4B4B38;
    --mp-static-color-ms4dlegacy-library-900: #39392B;

    /* Function */
    --mp-static-color-ms4dlegacy-function-50: #F1F7F7;
    --mp-static-color-ms4dlegacy-function-100: #D5E5E5;
    --mp-static-color-ms4dlegacy-function-200: #C0D8D8;
    --mp-static-color-ms4dlegacy-function-300: #A4C6C6;
    --mp-static-color-ms4dlegacy-function-400: #92BBBB;
    --mp-static-color-ms4dlegacy-function-500: #77AAAA;
    --mp-static-color-ms4dlegacy-function-600: #6C9B9B;
    --mp-static-color-ms4dlegacy-function-700: #547979;
    --mp-static-color-ms4dlegacy-function-800: #415E5E;
    --mp-static-color-ms4dlegacy-function-900: #324747;

    /* Item */
    --mp-static-color-ms4dlegacy-item-50: #F7F3F3;
    --mp-static-color-ms4dlegacy-item-100: #E5DADA;
    --mp-static-color-ms4dlegacy-item-200: #D8C8C8;
    --mp-static-color-ms4dlegacy-item-300: #C6AFAF;
    --mp-static-color-ms4dlegacy-item-400: #BBA0A0;
    --mp-static-color-ms4dlegacy-item-500: #AA8888;
    --mp-static-color-ms4dlegacy-item-600: #9B7C7C;
    --mp-static-color-ms4dlegacy-item-700: #796161;
    --mp-static-color-ms4dlegacy-item-800: #5E4B4B;
    --mp-static-color-ms4dlegacy-item-900: #473939;

    /* BORDER используются только в MasterDigitalTwin */
    --mp-static-border-radius: 4px;
    --mp-static-border-radius-0: 0;
    --mp-static-border-radius-1: 4px;
    --mp-static-border-radius-2: 8px;
    --mp-static-border-radius-3: 12px;
    --mp-static-border-radius-4: 16px;
    --mp-static-border-radius-5: 20px;
    --mp-static-border-radius-6: 24px;
    --mp-static-border-radius-7: 28px;
    --mp-static-border-radius-8: 32px;
    --mp-static-border-radius-9: 36px;
    --mp-static-border-radius-10: 40px;

    /* SHADOWS не подключал */
    /* --mp-static-shadow-0: 0;
    --mp-static-shadow-1: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.20);
    --mp-static-shadow-2: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.20);
    --mp-static-shadow-3: 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.20);
    --mp-static-shadow-4: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.20);
    --mp-static-shadow-5: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.20);
    --mp-static-shadow-6: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.20);
    --mp-static-shadow-7: 0px 9px 12px rgba(0, 0, 0, 0.14), 0px 3px 16px rgba(0, 0, 0, 0.12), 0px 5px 6px rgba(0, 0, 0, 0.20);
    --mp-static-shadow-8: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.20);
    --mp-static-shadow-9: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.20);
    --mp-static-shadow-10: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.20); */
}