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

.sz-menu-simple {
    background-color: $color-grey-100-light;
    display: block;
    font-size: $font-size;

    .sz-menu-simple-ul {
        display: block;
        list-style-type: none;
        padding-inline-start: 0;
        margin-block-start: 0;
        margin-block-end: 0;
        margin: 0;
        padding: 0;
    }

    .sz-menu-simple-li {
        display: list-item;
        cursor: pointer;

        &:hover {
            background-color: $color-grey-100;
        }
    }

    .sz-link-icon {
        .sz-link-icon-container {
            padding: $padding-size;
        }
    }

    .sz-menu-item-selected {
        background-color: $color-grey-100;
    }
}