@import './variable.css';

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html,
body {
    max-width: 100vw;
    overflow-x: hidden;
    font-family: var(--Font);
}

::-webkit-scrollbar {
    display: none;
}
body {
    color: var(--TextColor1);
    background-color: var(--FillColor6);
    /* position: absolute; */
    /* width: 100vw;
    height: 100vh; */
    /* overflow: hidden; */
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

iframe::-webkit-scrollbar {
    display: none;
}

a {
    color: inherit;
    text-decoration: none;
}
p,
input,
textarea {
    margin: 0;
    padding: 0;
}
input,
textarea {
    outline: none;
    font-family: var(--Font);
    color: var(--TextColor1);
}

button {
    border: none;
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.progressLoading {
    animation: loading 1.5s linear infinite;
}
.ant-spin .ant-spin-dot-item {
    background-color: var(--PrimaryColor6) !important;
}
.ant-spin-text {
    color: var(--TextColor5) !important;
    margin-top: 6px;
}
.ant-modal .ant-modal-content {
    border-radius: 12px;
}
.w-full {
    width: 100%;
    height: initial;
}
.h-full {
    height: 100%;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.w-\[90\%\] {
    width: 90%;
}
.h-\[90\%\] {
    height: 90%;
}
.flex {
    display: flex;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.rc-virtual-list-scrollbar {
    width: 4px !important;
}

.rc-virtual-list-scrollbar-thumb {
    background-color: var(--FillColor4) !important;
}

.opacity-40 {
    opacity: 0.4;
}
.pointer-events-none {
    pointer-events: none;
}

font {
    pointer-events: none;
}
@keyframes loading {
    /*以百分比来规定改变发生的时间 也可以通过"from"和"to",等价于0% 和 100%*/
    0% {
        /*rotate(2D旋转) scale(放大或者缩小) translate(移动) skew(翻转)*/
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* .react-pdf__Page__canvas{
    width: 100% !important;
    height: 100% !important;
} */

/* 对antd select 样式进行改写 */
.ant-select-dropdown .ant-select-item-option-state {
    display: none !important;
}
