.leftBarItem {
    cursor: pointer;
    border-radius: var(--mantine-radius-default);

    &:hover {
        background-color: var(--mantine-color-orange-light);
        color: var(--mantine-color-orange-5);
    }

    &[data-active] {
        &,
        &:hover {
            background-color: var(--mantine-color-orange-0);
            color: var(--mantine-color-orange-5);
        }
    }
}

.leftBarFooterItem {
    cursor: pointer;

    &:hover {
        color: var(--mantine-color-orange-5);
    }

    &[data-active] {
        &,
        &:hover {
            color: var(--mantine-color-orange-5);
        }
    }
}