.Editable {
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    min-height: 24px;

    &.active {
        min-width: 100px;
    }
    &::placeholder {
        color: rgba(var(--body-color), 0.4);
        opacity: 1;
    }
    &.error {
        border: 1px solid var(--error-color);
        border-radius: var(--default-rad);
    }
    &.readonly {
        background-color: transparent;
        flex: 1;
    }
}
