.sidebar {
    --sidebar-icon-size: 30px;

    .sidebar-logo {
        padding: 18px
    }

    .sidebar-navigation {
        ul {
            margin: 0;
            padding: 0;
            list-style: none;

            li {
                padding: 0;
                margin: 0;
            }
        }

        a {
            display: flex;
            width: 100%;
            padding: 15px 20px;
            color: var(--bs-secondary);
            text-decoration: none;
            align-items: center;

            .menu-item-icon {
                width: var(--sidebar-icon-size);
                height: var(--sidebar-icon-size);
                border-radius: 20px;
                background-color: transparent;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .menu-item-label {
                margin-left: 10px;
            }

            i {
                background-color: var(--bs-secondary);
            }

            &:hover {
                color: var(--bs-body-color);
            }
        }

        li.current {
            .menu-item-icon {
                background-color: var(--ssg-green);
            }

            a {
                color: var(--bs-body-color);
            }

            i {
                background-color: var(--bs-white);
            }
        }
    }
}