:root {
    --pt-primary-color-light: #F2F8FF;
    --pt-primary-color-active: #E0F0FF;
    --pt-primary-color-disabled: #A5D2FF;
    --pt-primary-color-other: #61ABFF;
    --pt-primary-color-hover: #4A92FA;
    --pt-primary-color-normal: #0E69F0;
    --pt-primary-color-focus: #024BC9;
    --pt-primary-color-dark: #3A64B8;
    --pt-error-color-light: #FFF2F0;
    --pt-error-color-active: #FFD9D6;
    --pt-error-color-disabled: #FDC4C0;
    --pt-error-color-other: #FDAAA7;
    --pt-error-color-hover: #FA7A7A;
    --pt-error-color-normal: #E75358;
    --pt-error-color-focus: #C23C45;
    --pt-error-color-dark: #9C2834;
    --pt-warn-color-light: #FDF7F3;
    --pt-warn-color-active: #F6E2D1;
    --pt-warn-color-disabled: #FFD7BB;
    --pt-warn-color-other: #FFBD94;
    --pt-warn-color-hover: #F18F5A;
    --pt-warn-color-normal: #F0763E;
    --pt-warn-color-focus: #C9572A;
    --pt-warn-color-dark: #A33C1A;
    --pt-success-color-light: #F0FAF7;
    --pt-success-color-active: #BCEBDD;
    --pt-success-color-disabled: #A3EDDA;
    --pt-success-color-other: #72CCB9;
    --pt-success-color-hover: #35B8A0;
    --pt-success-color-normal: #00A38B;
    --pt-success-color-focus: #007D6E;
    --pt-success-color-dark: #00574F;
    --pt-bg-card-color-hover: #EEF2F9;
    --pt-bg-card-color-normal: #F0F2F5;
    --pt-bg-card-color-focus: #E2E5EB;
    --pt-bg-card-color-disabled: #D3D6DB;
    --pt-icon-color-third: #ABB2BE;
    --pt-icon-color-secondary: #505A6C;
    --pt-icon-color-btn: #29303D;
    --pt-bg-page-color-dark: #D7DAE0;
    --pt-bg-color-normal: rgba(0, 0, 0, 0.04);
    --pt-bg-color-focus: rgba(0, 0, 0, 0.08);
    --pt-bg-color-disabled: rgba(0, 0, 0, 0.12);
    --pt-border-color-normal-light: rgba(0, 0, 0, 0.16);
    --pt-text-color-disabled: rgba(0, 0, 0, 0.34);
    --pt-text-color-third-light: rgba(0, 0, 0, 0.44);
    --pt-text-color-secondary-light: rgba(0, 0, 0, 0.64);
    --pt-text-color-stair-light: rgba(0, 0, 0, 0.9);
    --pt-bg-color-popover: rgba(0, 0, 0, 0.9);
    --pt-bg-color-mask: rgba(0, 0, 0, 0.4);
    --pt-border-color-normal-dark: rgba(255, 255, 255, 0.34);
    --pt-text-color-third-dark: rgba(255, 255, 255, 0.44);
    --pt-text-color-secondary-dark: rgba(255, 255, 255, 0.64);
    --pt-text-color-stair-dark: rgba(255, 255, 255, 0.94);
    --pt-bg-color-page: #FFFFFF;
    --pt-bg-color-popup: #FFFFFF;
    --pt-bg-color-nav: rgba(255, 255, 255, 0.9);
    --pt-bg-color-white: #FFFFFF;
    --pt-chart-acidblue: #44B2ED;
    --pt-chart-babyblue: #91D2EF;
    --pt-chart-earthyellow: #B59365;
    --pt-chart-green: #1FAF99;
    --pt-chart-grey: #868B95;
    --pt-chart-moongrey: #D7CEC7;
    --pt-chart-orange: #F28756;
    --pt-chart-peacockblue: #01A9BE;
    --pt-chart-purple: #975BC5;
    --pt-chart-purplerose: #D7A6CD;
    --pt-chart-red: #EA686D;
    --pt-chart-tudoublue: #2B7BF2;
    --pt-chart-yellow: #F0BF74;
    --pt-bg-color-brightyellow: #FFCD29;
    --pt-chart-yellowgreen: #BFBF02;
    --pt-white: #FFFFFF;
    --pt-shadow-normal: 0px 5px 11px 0px rgba(0,0,0,0.04), 0px 3px 6px 0px rgba(0,0,0,0.08), 0px 2px 5px -2px rgba(0,0,0,0.12);
    --pt-shadow-medium: 0px 7px 17px 4px rgba(0,0,0,0.03), 0px 5px 11px 1px rgba(0,0,0,0.06), 0px 3px 6px -3px rgba(0,0,0,0.10);
    --pt-shadow-large: 0px 12px 33px 16px rgba(0,0,0,0.02), 0px 7px 22px 0px rgba(0,0,0,0.05), 0px 5px 11px 0px rgba(0,0,0,0.08);
    --pt-font-size-xxxl: 36px;
    --pt-font-size-xxl: 28px;
    --pt-font-size-xl: 20px;
    --pt-font-size-lg: 16px;
    --pt-font-size-md: 14px;
    --pt-font-size-xs: 12px;
    --pt-radius-lg: 16px;
    --pt-radius-md: 8px;
    --pt-radius-sm: 4px;
    --pt-spacer-lg: 24px;
    --pt-spacer-md: 16px;
    --pt-spacer-sm: 12px;
    --pt-spacer-xs: 8px;
    --pt-spacer-xss: 4px;
}
*::before,*::after {
		--pt-primary-color-light: #F2F8FF;
		--pt-primary-color-active: #E0F0FF;
		--pt-primary-color-disabled: #A5D2FF;
		--pt-primary-color-other: #61ABFF;
		--pt-primary-color-hover: #4A92FA;
		--pt-primary-color-normal: #0E69F0;
		--pt-primary-color-focus: #024BC9;
		--pt-primary-color-dark: #3A64B8;
		--pt-error-color-light: #FFF2F0;
		--pt-error-color-active: #FFD9D6;
		--pt-error-color-disabled: #FDC4C0;
		--pt-error-color-other: #FDAAA7;
		--pt-error-color-hover: #FA7A7A;
		--pt-error-color-normal: #E75358;
		--pt-error-color-focus: #C23C45;
		--pt-error-color-dark: #9C2834;
		--pt-warn-color-light: #FDF7F3;
		--pt-warn-color-active: #F6E2D1;
		--pt-warn-color-disabled: #FFD7BB;
		--pt-warn-color-other: #FFBD94;
		--pt-warn-color-hover: #F18F5A;
		--pt-warn-color-normal: #F0763E;
		--pt-warn-color-focus: #C9572A;
		--pt-warn-color-dark: #A33C1A;
		--pt-success-color-light: #F0FAF7;
		--pt-success-color-active: #BCEBDD;
		--pt-success-color-disabled: #A3EDDA;
		--pt-success-color-other: #72CCB9;
		--pt-success-color-hover: #35B8A0;
		--pt-success-color-normal: #00A38B;
		--pt-success-color-focus: #007D6E;
		--pt-success-color-dark: #00574F;
		--pt-bg-card-color-hover: #EEF2F9;
		--pt-bg-card-color-normal: #F0F2F5;
		--pt-bg-card-color-focus: #E2E5EB;
		--pt-bg-card-color-disabled: #D3D6DB;
		--pt-icon-color-third: #ABB2BE;
		--pt-icon-color-secondary: #505A6C;
		--pt-icon-color-btn: #29303D;
		--pt-bg-page-color-dark: #D7DAE0;
		--pt-bg-color-normal: rgba(0, 0, 0, 0.04);
		--pt-bg-color-focus: rgba(0, 0, 0, 0.08);
		--pt-bg-color-disabled: rgba(0, 0, 0, 0.12);
		--pt-border-color-normal-light: rgba(0, 0, 0, 0.16);
		--pt-text-color-disabled: rgba(0, 0, 0, 0.34);
		--pt-text-color-third-light: rgba(0, 0, 0, 0.44);
		--pt-text-color-secondary-light: rgba(0, 0, 0, 0.64);
		--pt-text-color-stair-light: rgba(0, 0, 0, 0.9);
		--pt-bg-color-popover: rgba(0, 0, 0, 0.9);
		--pt-bg-color-mask: rgba(0, 0, 0, 0.4);
		--pt-border-color-normal-dark: rgba(255, 255, 255, 0.34);
		--pt-text-color-third-dark: rgba(255, 255, 255, 0.44);
		--pt-text-color-secondary-dark: rgba(255, 255, 255, 0.64);
		--pt-text-color-stair-dark: rgba(255, 255, 255, 0.94);
		--pt-bg-color-page: #FFFFFF;
		--pt-bg-color-popup: #FFFFFF;
		--pt-bg-color-nav: rgba(255, 255, 255, 0.9);
		--pt-bg-color-white: #FFFFFF;
		--pt-chart-acidblue: #44B2ED;
		--pt-chart-babyblue: #91D2EF;
		--pt-chart-earthyellow: #B59365;
		--pt-chart-green: #1FAF99;
		--pt-chart-grey: #868B95;
		--pt-chart-moongrey: #D7CEC7;
		--pt-chart-orange: #F28756;
		--pt-chart-peacockblue: #01A9BE;
		--pt-chart-purple: #975BC5;
		--pt-chart-purplerose: #D7A6CD;
		--pt-chart-red: #EA686D;
		--pt-chart-tudoublue: #2B7BF2;
		--pt-chart-yellow: #F0BF74;
		--pt-bg-color-brightyellow: #FFCD29;
		--pt-chart-yellowgreen: #BFBF02;
		--pt-white: #FFFFFF;
		--pt-shadow-normal: 0px 5px 11px 0px rgba(0,0,0,0.04), 0px 3px 6px 0px rgba(0,0,0,0.08), 0px 2px 5px -2px rgba(0,0,0,0.12);
		--pt-shadow-medium: 0px 7px 17px 4px rgba(0,0,0,0.03), 0px 5px 11px 1px rgba(0,0,0,0.06), 0px 3px 6px -3px rgba(0,0,0,0.10);
		--pt-shadow-large: 0px 12px 33px 16px rgba(0,0,0,0.02), 0px 7px 22px 0px rgba(0,0,0,0.05), 0px 5px 11px 0px rgba(0,0,0,0.08);
		--pt-font-size-xxxl: 36px;
		--pt-font-size-xxl: 28px;
		--pt-font-size-xl: 20px;
		--pt-font-size-lg: 16px;
		--pt-font-size-md: 14px;
		--pt-font-size-xs: 12px;
		--pt-radius-lg: 16px;
		--pt-radius-md: 8px;
		--pt-radius-sm: 4px;
		--pt-spacer-lg: 24px;
		--pt-spacer-md: 16px;
		--pt-spacer-sm: 12px;
		--pt-spacer-xs: 8px;
		--pt-spacer-xss: 4px;
}