@import 'proto-ui.vusion/src/u-menu-item.vue/module.css';

.root {
    padding: 6px 15px;
    padding-right: 34px;
}

.root[has-sub]:after {
    width: 34px;
    height: 34px;
    line-height: 32px;
}

.root:hover {
    background: #f5f7fa;
}

.root[readonly] {
    cursor: default;
    background: none;
}

.root[selected] {
    background: $brand-primary;
    color: white;
}

.root[disabled] {
    /* @Private */
    cursor: $cursor-not-allowed;
    background: none;
    color: #999;
}

.root[selected][disabled] {
    background: $gray-lighter;
}

.root + .root {
    border-top: 1px solid $brand-secondary;
}