.menu-fav-star,
.menu-fav-remove {
    margin-left: auto;
    padding-left: 12px;
    color: #b5b5c3;
    opacity: 0;
    cursor: pointer;
    transition: opacity .15s ease, color .15s ease;
}
.menu-item:hover > .menu-link .menu-fav-star,
.menu-item:hover > .menu-link .menu-fav-remove {
    opacity: 1;
}
.menu-fav-star:hover {
    color: #ffc700;
}
.menu-fav-remove:hover {
    color: #f1416c;
}

#fav-editor .fav-sortable {
    border: 1px solid #e4e6ef;
    border-radius: 8px;
    overflow: hidden;
}
#fav-editor .fav-item {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    min-height: 56px;
    background-color: #fff;
    border-bottom: 1px solid #e4e6ef;
}
#fav-editor .fav-item:last-child {
    border-bottom: 0;
}
#fav-editor .grip-handle {
    cursor: move;
    color: #a1a5b7;
    margin-right: 14px;
    padding: 4px;
    font-size: 1.1rem;
}
#fav-editor .grip-handle:hover {
    color: #7e8299;
}
#fav-editor .fav-item-icon {
    margin-right: 12px;
    display: inline-flex;
    align-items: center;
}
#fav-editor .fav-item-name {
    flex-grow: 1;
    font-weight: 500;
}
#fav-editor .sortable-ghost {
    opacity: 0.4;
}
#fav-editor .sortable-drag {
    opacity: 0.9;
}