html {

    & .fi-sidebar {


        & .fi-sidebar-nav {
            & .fi-sidebar-item {

                & .fi-sidebar-item-button {

                    & .fi-sidebar-item-label {
                        white-space: normal;
                        word-break: break-word;
                    }
                }
            }
        }


        & .fi-sidebar-nav {}

        &:not(.fi-sidebar-open) {
            & .fi-sidebar-nav {}

            & .fi-sidebar-item {}
        }

        &.fi-sidebar-open {}
    }


    & .fi-main {
        max-width: 90rem;
    }


    & .fi-tabs {
        flex-wrap: wrap;
        gap: 20px;
    }
}



html.dark {

    & .fi-sidebar {}
}