.box{display:contents}.file-upload-area{width:85%;padding:2rem;border-radius:10px;text-align:center;background-color:#373737;cursor:pointer;transition:background-color .2s ease-in-out;color:#fff}.file-upload-area:hover,.hovered{background-color:#5a5a5a}.file-upload-area input{display:none}#uploadedFilesList{margin-top:1rem;width:100%;max-width:400px;text-align:left;font-size:.9rem;color:#ddd}.text-wrapper{color:#373737;margin-bottom:10px}.requirements-wrapper,.box__errorMsg{color:#373737;margin-top:10px}.upload-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;width:100%;max-width:600px;padding:2rem;background-color:#eaeaea;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.3);max-height:80vh}.box__icon{width:100%;height:80px;fill:#92b0b3;display:block;margin-bottom:40px}.title{display:block;font-size:1.17em;font-weight:bold;unicode-bidi:isolate}.box{padding:10px}.box__uploading{position:absolute;background-color:rgba(255,255,255,0.5);border-radius:12px;top:0;bottom:0;width:100%;height:100%}.box__errorMsg{color:red}.box__uploading img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.box__uploading,.uploadedFilesList,.box__errorMsg{display:none}.upload-wrapper.is-uploading .box__uploading{display:block}@media(max-width:600px){.upload-wrapper{width:auto}}