.upload_file_input {
     width: 0.1px;
     height: 0.1px;
     opacity: 0.0;
     overflow: hidden;
     position: absolute;
     z-index: -1;
}
.upload_file_input {
     font-size: 1em;
     color: #5273F1;
     display: inline-block;
     cursor: pointer;
}
.input_drop_and_click_text {
     font-size: 1em;
     color: #5273F1;
     display: inline-block;
     cursor: pointer;
     z-index: 3;
}
/* .upload_file_input:focus + label,
.upload_file_input + label:hover {
     background: red;
} */
.upload_file_input:focus, .input_drop_and_click_text:focus{
     outline: 1px dotted #000;
     outline: -webkit-focus-ring-color auto 5px;
}
file-drop-box {
     background-color: #E6EAFC;
     outline: 2px dashed #5273F1;
     outline-offset: -10px;
     height: 200px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 5px;
     position: relative;
}
file-drop-box.is-dragover {
     background-color: #ccd5ff;
     border-color: #a1b5ff;
}
file-drop-box.is-dragover > {
     color: #0035ff;
}
.uploaded_files_container {
     position: absolute;
     top: 15px;
     left: 15px;
     /* display: flex; */
     /* align-items: center; */
     z-index: 2;
     display: grid;
     grid-column-gap: 10px;
     grid-row-gap: 10px;
}
.uploaded_file {
     height: 25px;
     background: white;
     padding: 3px 10px;
     border-radius: 3px;
}
