.drop-zone{max-width:100%;height:230px;padding:2px;display:flow-root;text-align:center;font-weight:500;font-size:20px;cursor:pointer;color:#ccc;border:1px solid @color-gray106;border-radius:10px;overflow:auto;padding-bottom:30px}.drop-zone__input[type=file],.drop-zone__input{display:none}.drop-zone-clear{text-align:center;font-size:10px;color:#868e98;margin:10px auto;cursor:pointer;visibility:hidden;position:absolute;right:0;top:-32px;font-weight:600}.drop-zone__thumb{margin-right:10px}.drop-zone__prompt{padding-top:1rem;display:flow-root;color:@color-gray103;font-size:20px;font-family:@font-family-sofia__pro;line-height:45px}.drop-zone__prompt span{opacity:.51;font-size:15px;line-height:21px;display:inherit}.drop-zone-exist{max-width:100%;height:230px;padding:2px;display:flow-root;text-align:center;font-family:"Quicksand",sans-serif;font-weight:500;font-size:20px;cursor:pointer;color:#ccc;border:2px dashed #ababab;border-radius:3px;overflow:auto;padding-bottom:30px}.drop-zone{max-width:100%;height:230px;padding:2px;display:flow-root;text-align:center;font-family:"Quicksand",sans-serif;font-weight:500;font-size:20px;cursor:pointer;color:#ccc;border:1px solid #ababab;border-radius:10px;overflow:auto;padding-bottom:30px}.drop-zone-clear{text-align:center;font-size:10px;color:#868e98;margin:10px auto;cursor:pointer;visibility:hidden;position:absolute;right:0;top:-32px;font-weight:600}.drop-zone .drop-zone__prompt{padding-top:2rem;display:flow-root;color:#606060;font-size:20px;font-family:'sofia-pro';line-height:45px}.drop-zone-clear img{filter:invert(56%) sepia(4%) saturate(742%) hue-rotate(173deg) brightness(98%) contrast(90%);font-size:18px;width:18px;margin-top:-3px}.drop-zone--over{border-style:solid}.drop-zone__thumb{width:100%;max-width:120px;height:120px;border:1px solid #fff;border-radius:3px;overflow:hidden;background-size:cover;position:relative;margin:5px !important;padding:10px;display:inline-flex;float:left;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;box-shadow:2px 2px 5px -2px rgb(0 0 0/15%);-webkit-box-shadow:2px 2px 5px -2px rgb(0 0 0/15%);-moz-box-shadow:2px 2px 5px -2px rgb(0 0 0/15%)}.drop-zone .drop-zone__prompt span{color:#606060;opacity:.51;font-size:15px;line-height:21px;display:inherit}.drop-zone .drop-zone__prompt img{margin-bottom:-10px}.drop-zone__thumb embed{pointer-events:none;position:absolute;width:-webkit-fill-available;overflow:hidden !important;max-height:none}.drop-zone__thumb:hover span.drop-zone__title{display:inline-block;transition-delay:0s;pointer-events:none}span.drop-zone__title{display:none;position:absolute;font-size:13px;color:#fff;padding:33% 10%;background-color:rgba(0,0,0,.7);transition:all .3s ease;transition-delay:.3s;font-weight:600;height:inherit;left:0;right:0;top:0;bottom:0;text-align:center}#type-of-progress-wrapper h4{color:#fff}#dvProgress .processnote{position:absolute;top:calc(35% + 40px);left:35%;right:35%;color:#606060;font-size:20px;font-family:'sofia-pro'}#dvProgress .progress{border-radius:50px;position:absolute;top:35%;left:20%;right:20%;border:1px solid #707070;background:#fff;height:32px;width:auto;padding:6px}.progress-bar{margin:0;border-radius:50px;background-image:none;font-size:13px;min-width:4em !important;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;background-color:#ff5c6c;transition:width .6s ease}.progress-bar-success{background-color:#fd686f}@media (max-width:767px){.drop-zone .drop-zone__prompt{padding-top:1rem}.drop-zone-clear{margin:2px auto}#dvProgress .progress{left:10%;right:10%}}