/* Text Area
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.text_area {
    background: transparent;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    width: 850px;
    height: 50px;
    color: white;
}

.text_area_subtext {
    margin: 0;
    color: gray;
}

/* Text Area in Right Panes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
.text_area_right_pane {
    background: none;
    color: white;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    width: 100%;
    height: 100px;
}

.text_area_right_pane_light_mode {
    background: white;
    color: black;
    border-radius: 4px;
    border: 1px solid black;
    width: 100%;
    height: 100px;
}


/* Text Area in Modals
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.text_area_offcanvas {
    background: transparent;
    width: 100%;
    color: white;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
}