:root {
    /* font color */
    --TextColor1: #403d3c;
    --TextColor2: #7d7675;
    --TextColor3: #b8b2b2;
    --TextColor4: #d7d4d3;
    --TextColor5: #ffffff;

    /* fill color */
    --FillColor1: #faf9f9;
    --FillColor2: #f5f3f3;
    --FillColor3: #edeaea;
    --FillColor4: #d7d4d3;
    --FillColor5: #5f5959;
    --FillColor6: #ffffff;

    /* primary color */
    --PrimaryColor10: #15084c;
    --PrimaryColor9: #230e78;
    --PrimaryColor8: #3817a6;
    --PrimaryColor7: #5224d1;
    --PrimaryColor6: #7530fe;
    --PrimaryColor5: #8559fe;
    --PrimaryColor4: #9f81fe;
    --PrimaryColor3: #bbaafe;
    --PrimaryColor2: #dad3fe;
    --PrimaryColor1: #eae7fe;

    /* border color */
    --BorderColor1: #f5f3f3;
    --BorderColor2: #edeaea;
    --BorderColor3: #e0dddc;
    --BorderColor4: #d7d4d3;
    --BorderColor5: #9c9392;
    --BorderColor6: #403d3c;

    --HeaderHeight: 64px;
    --Font: 'PingFang SC', Arial, 'Microsoft YaHei', sans-serif;
}

:root:lang(zh-CN) {
    --HeaderHeight: 74px;
}

:root:lang(en-US) {
    --Font: Helvetica, Arial, 'Microsoft YaHei', sans-serif;
}

/* font size */
.ag56 {
    font-weight: 600;
    font-size: 56px;
    line-height: 64px;
}
.ag48 {
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
}
.ag40 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
}
.ag36 {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
}
.ag32 {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}
.ag24 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}
.ag20 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
}
.ag18 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.ag16 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.ag16-t {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.ag16-t:lang(en-US) {
    font-weight: 700;
}
.ag14 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}
.ag14-t {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
}
.ag14-t:lang(en-US) {
    font-weight: 700;
}
.ag12 {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}
.ag12-t {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
}
.ag12-t:lang(en-US) {
    font-weight: 700;
}

[class*='ant'] {
    font-family: var(--Font) !important;
}

.ant-select-item {
    padding: 1px 12px !important;
}
.ant-select-selection-item .info {
    display: none;
}

.ant-select-item-option-selected {
    font-weight: 500 !important;
    color: var(--PrimaryColor6) !important;
    background-color: var(--FillColor6) !important;
}

.ant-image-preview-footer {
    bottom: calc(100vh - 40px) !important;
}

.ant-image-preview-progress {
    font-size: 16px !important;
    margin-bottom: 0px !important;
    color: white;
}

.ant-select-item-option{
    align-items: center !important;
}
.ant-tooltip-inner{
    border-radius: 4px !important;
    font-size: 14px !important;
    padding: 5px 10px !important;
    line-height: 22px !important;
    box-shadow: none !important;
}
