@import "../fonts/vfonts/Lato.css";
@import "../fonts/vfonts/FiraCode.css";
@import "../icon/startMessage/iconfont.css";

[data-prefix^="Ni"] {
    font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}


/*宽高比*/
.a11 {
    aspect-ratio: 1;
}

/*全居中*/
.allCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*手指*/
.point {
    cursor: pointer;
}

:root {
    /*遮罩层背景色*/
    --Ni-maskLayer-background-color: rgba(0, 0, 0, 0.2);
    /*圆角边框*/
    --Ni-border-radius-T0: 1rem;
    --Ni-border-radius-T1: .5rem;
    --Ni-border-radius-T2: .35rem;
    --Ni-border-radius-T3: .2rem;
    --Ni-border-radius: var(--Ni-border-radius-T3);
    /*边框阴影*/
    --Ni-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, .08), 0 3px 6px 0 rgba(0, 0, 0, .06), 0 5px 12px 4px rgba(0, 0, 0, .04);
    --Ni-white: #fefefe;
    /*内容背景颜色*/
    --Ni-content-bg-color: var(--Ni-white);
    /*内容内边距*/
    --Ni-content-padding: .5rem .9rem;

    /*主题色*/
    --Ni-theme-color-T0: #37352f;
    --Ni-theme-color-T1: #5f5e5b;
    --Ni-theme-color-T2: #91918e;
    --Ni-theme-color-T3: #e8e8e7;
    --Ni-theme-color-T4: #EFEFED;
    --Ni-theme-color-T0-10: #37352f11;
    --Ni-theme-color-T0-40: #37352f44;
    --Ni-theme-color-T0-60: #37352f66;
    --Ni-theme-color-T0-80: #37352f88;
    --Ni-theme-color-T0-a0: #37352faa;
    --Ni-theme-color-T0-c0: #37352fcc;

    --Ni-theme-color: var(--Ni-theme-color-T1);
    --Ni-theme-border-color: var(--Ni-theme-color-T0-40);
    --Ni-theme-border-color-hover: var(--Ni-theme-color-T0-c0);





    /*按钮的颜色*/
    --Ni-button-border-radius: var(--Ni-border-radius-T3);
    --Ni-button-height: 2.4rem;
    --Ni-button-line-height: 2rem;
    --Ni-button-padding: 0 .8rem;
    /*禁用加透明*/
    --Ni-button-disable-opacity: 0.5;/*设置透明度*/
    --Ni-button-color: #fefefe;
    /*浅色disable*/
    --Ni-button-bg-disable-light: #2E333812;
    /*半透明 default-hover-click*/
    --Ni-button-bg-halfTransparent-default: rgba(46, 51, 56, 0.05);
    --Ni-button-bg-halfTransparent-hover: rgba(46, 51, 56, 0.09);
    --Ni-button-bg-halfTransparent-click: rgba(46, 51, 56, 0.13);
    /*default*/
    --Ni-M-A: 1rem;
    /*tertiary*/

    /*default*/
    --Ni-button-default-bg-default: #fefefe;
    --Ni-button-default-bg-hover: #91918e33;
    --Ni-button-default-bg-click: #37352f33;
    /*浅色*/
    --Ni-button-default-bg-default-light: #5f5e5b29;/*29-16*/
    --Ni-button-default-bg-hover-light: #91918e38;/*38-22*/
    --Ni-button-default-bg-click-light: #37352f47;/*47-28*/

    /*primary*/
    --Ni-button-primary-bg-default: #5f5e5b;
    --Ni-button-primary-bg-hover: #91918e;
    --Ni-button-primary-bg-click: #37352f;
    /*浅色*/
    --Ni-button-primary-bg-default-light: #5f5e5b29;/*29-16*/
    --Ni-button-primary-bg-hover-light: #91918e38;/*38-22*/
    --Ni-button-primary-bg-click-light: #37352f47;/*47-28*/

    /*info*/
    --Ni-button-info-bg-default: #2080f0;
    --Ni-button-info-bg-hover: #4098fc;
    --Ni-button-info-bg-click: #1060c9;
    /*浅色*/
    --Ni-button-info-bg-default-light: rgba(32, 128, 240, 0.16);/*29-16*/
    --Ni-button-info-bg-hover-light: rgba(32, 128, 240, 0.22);/*38-22*/
    --Ni-button-info-bg-click-light: rgba(32, 128, 240, 0.28);/*47-28*/

    /*success*/
    --Ni-button-success-bg-default: #18a058;
    --Ni-button-success-bg-hover: #36ad6a;
    --Ni-button-success-bg-click: #0c7a43;
    /*浅色*/
    --Ni-button-success-bg-default-light: rgba(24, 160, 88, 0.16);/*29-16*/
    --Ni-button-success-bg-hover-light: rgba(24, 160, 88, 0.22);/*38-22*/
    --Ni-button-success-bg-click-light: rgba(24, 160, 88, 0.28);/*47-28*/

    /*warning*/
    --Ni-button-warning-bg-default: #f0a020;
    --Ni-button-warning-bg-hover: #fcb040;
    --Ni-button-warning-bg-click: #c97c10;
    /*浅色*/
    --Ni-button-warning-bg-default-light: rgba(240, 160, 32, 0.16);/*29-16*/
    --Ni-button-warning-bg-hover-light: rgba(240, 160, 32, 0.22);/*38-22*/
    --Ni-button-warning-bg-click-light: rgba(240, 160, 32, 0.28);/*47-28*/

    /*error*/
    --Ni-button-error-bg-default: #d03050;
    --Ni-button-error-bg-hover:#de576d;
    --Ni-button-error-bg-click: #ab1f3f;
    /*浅色*/
    --Ni-button-error-bg-default-light: rgba(208, 48, 80, 0.16);/*29-16*/
    --Ni-button-error-bg-hover-light: rgba(208, 48, 80, 0.22);/*38-22*/
    --Ni-button-error-bg-click-light: rgba(208, 48, 80, 0.28);/*47-28*/

}
