.input_drop_wrapper{font-size:1.25rem;position:relative;text-align:center;max-width:300px;height:90px}.input_drop_wrapper .upload_box{font-size:1.25rem;position:relative;text-align:center;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;height:100%;padding:25px}.input_drop_wrapper .upload_box.has-advanced-upload{border-radius:6px;outline:2px dashed var(--color1);outline-offset:0px;-webkit-transition:outline-offset 0.15s ease-in-out, background-color 0.15s linear;transition:outline-offset 0.15s ease-in-out, background-color 0.15s linear;color:var(--color1)}.input_drop_wrapper .upload_box.is-dragover{outline-offset:-20px;outline-color:#c8dadf;background-color:#fff}.input_drop_wrapper .box__dragndrop,.input_drop_wrapper .box__icon{display:none}.input_drop_wrapper .upload_box.has-advanced-upload .box__dragndrop{display:inline}.input_drop_wrapper .upload_box.has-advanced-upload .box__icon{width:100%;height:30px;fill:var(--color1);display:block;margin-bottom:5px}.input_drop_wrapper .upload_box .box__input{text-align:center}.input_drop_wrapper .upload_box.is-uploading .box__input,.input_drop_wrapper .upload_box.is-success .box__input,.input_drop_wrapper .upload_box.is-error .box__input{visibility:hidden}.input_drop_wrapper .box__uploading,.input_drop_wrapper .box__error{display:none}.input_drop_wrapper .upload_box.is-uploading .box__uploading,.input_drop_wrapper .upload_box.is-error .box__error{display:block;position:absolute;top:0px;bottom:0px;right:0px;left:0px}.input_drop_wrapper .box__uploading{font-style:italic}.input_drop_wrapper .box__success{height:100%;-webkit-animation:appear-from-inside 0.25s ease-in-out;animation:appear-from-inside 0.25s ease-in-out;background:center center no-repeat;background-size:cover}@-webkit-keyframes appear-from-inside{from{-webkit-transform:scale(0)}75%{-webkit-transform:scale(1.1)}to{-webkit-transform:scale(1)}}@keyframes appear-from-inside{from{transform:scale(0)}75%{transform:scale(1.1)}to{transform:scale(1)}}.input_drop_wrapper .box__restart{font-weight:700}.input_drop_wrapper .box__restart:focus,.input_drop_wrapper .box__restart:hover{color:#39bfd3}.input_drop_wrapper .box__file{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.input_drop_wrapper .box__file+label{max-width:80%;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden}.input_drop_wrapper .box__file+label:hover strong,.input_drop_wrapper .box__file:focus+label strong,.input_drop_wrapper .box__file.has-focus+label strong{color:#39bfd3}.input_drop_wrapper .box__file:focus+label,.input_drop_wrapper .box__file.has-focus+label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}.input_drop_wrapper .box__file+label *{}.input_drop_wrapper .no-js .box__file+label{display:none}.input_drop_wrapper .no-js .box__button{display:block}.input_drop_wrapper .box__button{font-weight:700;color:#e5edf1;background-color:#39bfd3;display:none;padding:8px 16px;margin:40px auto 0}.input_drop_wrapper .box__button:hover,.input_drop_wrapper .box__button:focus{background-color:#0f3c4b}.input_drop_wrapper .upload_box.is-success{display:none}.input_drop_wrapper .options_area{position:absolute;left:10px;top:10px;display:flex;width:30px;flex-direction:column;gap:10px}.input_drop_wrapper .options_area a{display:flex;height:30px;background:var(--color1);border-radius:100%;align-items:center;justify-content:center}.input_drop_wrapper .options_area a i,.input_drop_wrapper .options_area a svg{color:#fff;fill:#fff}.input_drop_wrapper .options_area a:hover{background-color:rgba(0, 0, 0, 0.7);transform:scale(1.1);transition:all 0.2s}.input_drop_wrapper .progress{height:20px;width:100%;overflow:hidden;border-radius:20px}.input_drop_wrapper .progress .bar{height:100%;width:100%;background:rgba(129, 93, 209, 0.2)}.input_drop_wrapper .progress .percent{height:100%;background:var(--color1);-webkit-transition:width 0.3s ease-in-out;transition:width 0.3s ease-in-out}.input_drop_wrapper .cropper_wrapper{position:relative;height:100%;background:center center no-repeat;background-size:contain}.input_drop_wrapper .cropper_wrapper>label{position:absolute;padding:2px 4px;font-size:12px;right:0px;top:0px;background:rgba(255, 255, 255, 0.4);color:#000;z-index:9999}.input_drop_wrapper .box__success{display:flex;gap:10px;border:2px dashed var(--color1);padding:25px;border-radius:6px;align-items:center}.input_drop_wrapper .box__success .icon{color:var(--color1)}.input_drop_wrapper .box__success .icon .pic{width:50px;height:50px;background:center center;background-size:cover}.input_drop_wrapper .box__success .name{font-size:14px}