.textAreaContainer{position:relative;width:100%;height:fit-content}.textAreaLabel{display:block;position:relative;top:0;left:0;font-size:11pt;opacity:1;padding:0;margin-bottom:6px}.actualTextArea{box-sizing:border-box;border:1px solid #32323249;display:block;width:100%;padding:10px;resize:none;color:#6f6f6f;transition:border-color .3s;font-size:10pt;border-radius:5px;line-height:1.4em}.actualTextArea:focus{border:1px solid #3c3c3c;box-shadow:0 0 2px #3c3c3c;outline:none}.actualTextArea::placeholder{color:#aeaeae}.error .actualTextArea{border:1px solid red;box-shadow:0 0 2px red}.error .actualTextArea:focus{border-color:#32323249;box-shadow:0 0 0 1px #323232}.remainingCharachters{width:fit-content;position:absolute;top:0;right:0}.remainText{font-size:9pt;opacity:.6}.selbut{padding:0;border:none;background-color:transparent;width:100%;text-align:left;font-weight:400;color:#6f6f6f}.dropdown-container{position:relative;font-size:16px}.dropdown-label,label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:11pt;margin-bottom:5px;color:#000}.dropdown-btn{width:100%;padding:10px;background-color:#fff;border:1px solid lightgray;border-radius:5px;text-align:left;cursor:pointer;outline:none;position:relative}.dropdown-btn:after{content:"";position:absolute;right:10px;top:60%;transform:translateY(-50%);border:5px solid transparent;border-top-color:#c5c5c5;transition:.3s}.dropdown-btn.dropdown-open:after{transform:translateY(-50%) rotate(180deg);top:40%;transition:.3s}.dropdown-btn:hover,.dropdown-btn:focus{border:1px solid #3c3c3c;box-shadow:0 0 2px #3c3c3c}.options-container{position:absolute;width:100%;background-color:#fff;border-radius:5px;box-shadow:0 2px 15px #0000003c;overflow-y:auto;z-index:1000;opacity:0;pointer-events:none;max-height:0;overflow:hidden;transition:max-height .18s ease-out,opacity .18s ease-out}.options-container.open-down{top:100%;margin-top:4px;bottom:auto;overflow-y:auto;transform-origin:top;border:1px solid #ddd}.options-container.open-up{bottom:100%;margin-bottom:4px;top:auto;overflow-y:auto;transform-origin:bottom;border:1px solid #ddd}.options-container.open{opacity:1;pointer-events:auto;max-height:35vh}.selectingJoing{opacity:1}.option{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.option:last-child{border-bottom:none}.option:hover{background-color:#f0f0f0}.option-selected,.option-selected:hover{background-color:#ff7b00;color:#fff}.invalid{border-color:red;background-color:#ff000018}.invalid:hover{border-color:red}