.section-list-item {
    display: flex;
    flex: 0 0 auto;
    align-items: center;

    max-width: 100%;

    font-size: 15px;
    cursor: pointer;
    text-decoration: none;

    color: #000;
    outline: none;
}

.section-list-item:focus {
    background-color: #f1f2f3;
}

.section-list-item:hover,
.section-list-item_hovered {
    background-color: rgba(0, 0, 0, .05);
}

.section-list-item__control {
    display: none;
    flex: 0 0 auto;
    align-self: center;

    margin: 0 10px 0 20px;
}

.section-list-item_selected {
    background-color: #feeba0;
}

.section-list-item_editable .section-list-item__control {
    display: block;
}

.section-list-item__container {
    flex: 1 1 auto;
}

.section-list-item__counter {
    display: flex;
    flex: 0 1 auto;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    padding-right: 12px;

    font-size: 12px;

    color: #adadad;
}

.section-list-item .unit {
    flex: 1 1 auto;

    box-sizing: border-box;
    padding-right: 20px;
    padding-left: 20px;
}

.section-list-item_editable .unit {
    padding-left: 0;
}
