@import '@hh.ru/design-tokens/build/less/variables';
@import '../../common/styles/_abstract-control';
@import '../../common/styles/_abstract-icon';
@import '../../common/styles/_abstract-control-text';

@icon-padding-top: 10px;

.bloko-textarea {
    .abstract-control();
    .abstract-control-text();

    border-radius: @bloko-border-radius-data-entry;

    padding: @control-padding-vertical @control-padding-horizontal;
    height: @control-height-scale-medium * 2;
    min-height: @control-height-scale-medium + @icon-padding-top;
    vertical-align: top;
    resize: vertical;
}

.bloko-textarea_sized-rows {
    height: auto;
}

.bloko-textarea_sized-cols {
    width: auto;
}

.bloko-textarea_noresize {
    resize: none;
    min-height: @control-height-scale-medium;
}

.bloko-textarea-wrapper {
    display: inline-block;
    width: 100%;
    position: relative;

    .bloko-textarea {
        padding-right: @control-icon-size + @control-icon-margin * 2;
    }
}

._textarea-icon() {
    > .bloko-icon {
        pointer-events: none;
        cursor: text;
    }
}

.bloko-textarea-icon {
    position: absolute;
    right: @control-icon-margin;
    height: @control-height-scale-medium;
    display: inline-flex;
    align-items: center;

    ._textarea-icon();
}

:global(.bloko-textarea-icon) {
    ._textarea-icon();
}

.bloko-textarea-icon_bottom {
    bottom: 0;
}