.inline-editable {
    display: flex;
    align-items: flex-start;
}

.inline-editable__value {
    overflow: hidden;

    padding-bottom: 1px;

    text-overflow: ellipsis;
}

.inline-editable__value:empty::after {
    content: '\00a0';
}

.inline-editable__value:not(:empty) {
    margin-right: .65em;
}

.inline-editable__editor {
    flex: 1;
}

.inline-editable__editor .textinput {
    height: auto;
}

.inline-editable__editor .textinput__control {
    height: auto;

    font-family: 'Yandex Sans', sans-serif;

    border-width: 0;
}

.inline-editable__spin {
    margin-left: 1em;
}

.inline-editable .inline-editable__editor,
.inline-editable .inline-editable__spin,
.inline-editable .inline-editable__button_type_apply,
.inline-editable .inline-editable__button_type_cancel {
    display: none;
}

.inline-editable_edit-mode .inline-editable__editor,
.inline-editable_edit-mode .inline-editable__spin,
.inline-editable_edit-mode .inline-editable__button_type_apply,
.inline-editable_edit-mode .inline-editable__button_type_cancel {
    display: inline-block;
}

.inline-editable_edit-mode .inline-editable__value,
.inline-editable_edit-mode .inline-editable__button_type_edit {
    display: none;
}

.inline-editable_edit-mode .inline-editable__spin {
    visibility: hidden;
}

.inline-editable_busy  .inline-editable__spin {
    visibility: visible;
}

.inline-editable__editor .textinput_theme_normal .textinput__box,
.inline-editable__editor .textinput_theme_normal.textinput_focused_yes .textinput__box,
.inline-editable__editor .textinput_theme_normal.textinput_focused_yes.textinput_hovered_yes .textinput__box {
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
}

.inline-editable__controls {
    display: flex;
    align-items: center;

    padding: .2em 0;
}

.inline-editable__button {
    overflow: hidden;

    height: 15px;

    line-height: inherit;
}

.inline-editable__button + .inline-editable__button {
    margin-left: .75em;
}

.inline-editable__button .icon {
    overflow: hidden;

    width: 15px;
    height: 15px;

    vertical-align: top;
}

.inline-editable__button[disabled] {
    opacity: .35;
}

.inline-editable__button[disabled]::before {
    display: none;
}
