@import '../../mixin/set-background-color';
@import '../../variables';

@include setBackgroundColor($color-indigo-700);

.sz-menu-item-div {
    background-color: $color-indigo-700;

    &:hover {
        background-color: $color-indigo-700-light;
    }
}

.sz-link-icon {
    background-color: inherit;

    .sz-link-icon-container {
        color: $color-indigo-700-text;
    }
}

.sz-menu-item-div-selected {
    background-color: $color-indigo-700-dark;

    .sz-link-icon {
        .sz-link-icon-container {
            color: $color-light-blue-a100;
        }
    }
}

.sz-icon {
    fill: $color-indigo-700-text;
}