.textarea-primary {
    caret-color: var(--bs-primary-dark);
    border-radius: 6px;
    box-sizing: border-box;
    text-align: inherit;
    padding: 8px;
    resize: none;
    outline: none;
    border: 2px solid var(--bs-gray-500);
    width: 100%;

}

.textarea-primary:focus  {
    border: solid 2px var(--bs-primary);
}

.textarea-primary:hover {
    border: solid 2px var(--bs-primary);
}

.textarea-primary::placeholder {
    color: var(--color-text-secondary-light);
}

.textarea-primary.hidden {
    display: none;
}