.update-user-alias-form {
    width: 320px;
}

.update-user-alias-form .form__item {
    font-size: 14px;
    line-height: 1.4;
}

.update-user-alias-form__new-alias {
    display: none;
}

.update-user-alias-form_editable .update-user-alias-form__new-alias {
    display: block;
}

.update-user-alias-form_editable .update-user-alias-form__add-alias {
    display: none;
}

.update-user-alias-form__add-alias .form__item,
.update-user-alias-form__new-alias .form__item {
    margin: 8px 0 0;
}

.update-user-alias-form__alias-list .form__item {
    margin: 8px 0;
}

.update-user-alias-form_empty .update-user-alias-form__alias-list {
    display: none;
}

.update-user-alias-form .user-alias {
    display: flex;

    margin: 0 0 8px;
}

.update-user-alias-form .user-alias__value {
    overflow: hidden;

    max-width: 300px;

    text-overflow: ellipsis;
}

.update-user-alias-form .user-alias__domain {
    color: #ccc;
}

.update-user-alias-form .user-alias__remove {
    display: none;

    margin-left: 10px;

    cursor: pointer;
}

.update-user-alias-form .user-alias:hover .user-alias__remove {
    display: block;
}

.update-user-alias-form .add-alias {
    cursor: pointer;

    opacity: .5;
}

.update-user-alias-form .add-alias .ui-icon {
    margin-right: 8px;
}
