.TextArea {
    /* Remember the margin! */
    height: calc(100% - 4px);
    width: calc(100% - 4px);

    border-radius: 25px;
    border-width: 0;

    min-height: 28px;
    padding: 10px 20px;
    margin: 2px;

    color: var(--fg-field-off);
    background-color: var(--bg-field-off);

    font-family: var(--font-regular);
}

.TextArea:focus {
    outline: 0;

    color: var(--fg-field-on);
    background-color: var(--bg-field-on);
}

.TextAreaResizable {
    resize: vertical;
}

.TextAreaNoResize {
    resize: none;
}