@import '../scss/styles.scss';

:host {
    display: flex;
    flex-direction: column;
    outline: none;
    width: 100%;
    .mat-list-item.active {
        background-color: #e8eaf6; /* Using direct color instead of mat function */
    }
    &:hover,
    &:focus {
        >.mat-list-item:not(.expanded) {
            background-color: #c5cae9 !important; /* Using direct color instead of mat function */
        }
    }
}

.mat-list-item {
    display: flex;
    width: auto;
    .routeIcon {
        margin-right: 40px;
    }
}

.toolbar-spacer {
    flex: 1 1 auto;
}