/*STYLES FOR SHORT TEXT QUESTIONS*/

.short_text .short_text-container {display: inline-block; min-width: 60vw;}
.short_text .question-text {width:100%; margin-bottom: 40px;}
.short_text .answerinput {width:100%; padding-bottom:5px; box-shadow:rgb(153 218 155 / 30%) 0px 3px;}

.short_text .answerinput textarea {
    width: 100%;
    height:40px;
    min-height:40px;
    max-height: 120px;
    font-size: 20px;
    line-height: 30px;
    margin: 0 auto;
    appearance: none;
    display: block;
    font-family: inherit;
    color: rgb(132 190 218);
    padding-block-start: 0px;
    padding-block-end: var(--spacing-100);
    padding-inline: 0px;
    border-radius: 0px;
    border: none;
    outline: none;
    background-color: transparent;
    overflow-wrap: break-word;
    resize: none;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    transition: box-shadow 0.1s ease-out 0s;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.short_text .answerinput textarea::-webkit-scrollbar {
    display: none;
}

@media (max-width: 400px) {
  #panel .short_text {font-size: 17px;}
  #panel .short_text textarea {font-size: 17px; line-height:24px; height:34px; min-height:34px;}
}

@media (max-width: 300px) {
  #panel .short_text {font-size: 14px;}
  #panel .short_text textarea {font-size: 14px; line-height:18px; height:24px; min-height:24px;}
}