@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Noto+Sans+JP:wght@100..900&family=ZCOOL+XiaoWei&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html {
    /* font-family: "Inter", sans-serif; */
    font-family: "Google Sans Flex", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.text-sm {
    font-size: 12.5px !important;
}

.fi-logo {
    font-family: "Bebas Neue", sans-serif;
    /* font-family: "ZCOOL XiaoWei", sans-serif; */
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.6px;
}

/* Sidebar */
.fi-sidebar-item-label {
    font-size: 13px;
}

.fi-sidebar-item-icon {
    width: 1.1rem;
    height: 1.1rem;
}

.fi-sidebar-nav-groups {
    row-gap: 1.2rem;
}

.fi-sidebar-group-items {
    row-gap: .1rem;
}

.fi-header-heading {
    font-size: 20px;
    font-weight: 600;
}
/* End Sidebar */

/* Tabel */
.fi-ta-text-item-label {
    font-weight: 500;
}

/* End Tabel */

.fi-section {
    margin-bottom: 1em !important;
}
.fi-section-header-heading  {
    font-size: 14px !important;
}
.fi-fo-component-ctn {
    gap: 1 !important;
}
.fi-fieldset {
    margin-bottom: 1.5em !important;
}