@media screen and (max-width: 750px) {
    html,
    body,
    #app {
        width: 100%;
        height: 100%;
        background-color: #fafafa;
    }
}

@media screen and (min-width: 750px) {
    html,
    body {
        width: 100%;
        height: 100%;
    }

    #app {
        width: 750px;
        height: 100%;
        margin: 0 auto;
        background-color: #fafafa;
    }
}

html,
body {
    --theme-bg-btn: linear-gradient(90deg, #d1c8ff 0%, #8976ed 100%);
    --theme-bg-box-btn: 0px 5 15px 0px rgba(243, 103, 47, 0.2);
}

.tabbar-title {
    font-weight: 400;
    font-size: 12px;
}

.empty-swrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.empty-laebl {
    font-weight: 500;
    font-size: 16px;
    color: #cdcdcd;
    line-height: 19px;
    text-align: center;
}