.grow-wrap {
    width: 100%;
    display: grid;
}

.grow-wrap textarea {
    height: auto;
    resize: none;
    overflow: hidden;
}

.grow-wrap::after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
}

.grow-wrap textarea,
.grow-wrap::after {
    border-radius: var(--border-radius);
    padding: 0.5rem 10px;
    width: 100%;
    font: inherit;
    grid-area: 1 / 1 / 2 / 2;
}