.item-list {
    height: 100%;
    overflow: auto;

    .item {
        display: flex;
        align-items: center;
        cursor: pointer;
        height: 26px;
        padding: 0 8px;

        &:hover:not(.active) {
            background-color: #f6f6f6;
        }

        &.active {
            cursor: inherit;
            background-color: #0283b5;
            color: white;
        }

        &-name {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
    }
}