@tailwind base;
@tailwind components;
@tailwind utilities;

input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
}

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

input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
html {
    font-size: 16px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.icon {
    /* em 当前元素的 font-size 值,如果元素没有显式设置 font-size，则继承父元素的 font-size。 控制与字体大小相关的属性*/
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    padding-right: 0.5em;
}
.displayFlexRow{
    display: flex;
    justify-content: flex-start; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}

.displayFlexColumn{
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}
.scrollHidden{
    overflow: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE和Edge */
}
.scrollHidden::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}