@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(180deg,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid hsla(0,0%,78.4%,.8);background-color:hsla(0,0%,100%,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:hsla(0,0%,100%,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-error-mark svg,.dropzone .dz-preview .dz-success-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:hsla(0,0%,100%,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(180deg,#666,#444);position:absolute;top:0;left:0;bottom:0;width:0;transition:width .3s ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(180deg,#be2626,#a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}.vue-dropzone{border:1px solid var(--vue-dropzone-border-color);letter-spacing:.2px;color:#777;-webkit-transition:.2s linear;transition:.2s linear;border-radius:4px;background-color:var(--background-color)}.vue-dropzone:hover{background-color:var(--background-hover-color)}.vue-dropzone>i{color:#ccc}.vue-dropzone .dz-preview.dz-image-preview{background-color:transparent}.vue-dropzone .dz-preview.dz-file-preview{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:6px;min-height:auto;width:128px;height:128px;border-radius:16px;overflow:visible;border:1px solid #e0e0e0;background-color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative}.vue-dropzone .dz-preview.dz-error{border-color:#d9534d}.vue-dropzone .dz-preview.dz-success{border-color:#5cb85c}.vue-dropzone .dz-preview.dz-file-preview .dz-image{display:block;width:100%;height:100%;border-radius:14px;overflow:hidden}.vue-dropzone .dz-preview.dz-file-preview .dz-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vue-dropzone .dz-preview.dz-error .dz-image{display:none}.vue-dropzone .dz-preview .dz-details{position:relative;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:transparent;border:none;border-radius:14px;padding:15px 12px;text-align:center;-webkit-box-shadow:none;box-shadow:none}.vue-dropzone .dz-preview.dz-success .dz-details{display:none}.vue-dropzone .dz-preview.dz-error .dz-details,.vue-dropzone .dz-preview.dz-processing .dz-details{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-dropzone .dz-preview.dz-file-preview.dz-processing.dz-success.dz-complete .dz-details,.vue-dropzone .dz-preview.dz-file-preview.dz-success.dz-complete .dz-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;padding:12px 10px;background:transparent;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vue-dropzone .dz-preview.dz-file-preview.dz-processing.dz-success.dz-complete .dz-image,.vue-dropzone .dz-preview.dz-file-preview.dz-success.dz-complete .dz-image{display:none}.vue-dropzone .dz-preview.dz-file-preview.dz-processing.dz-success.dz-complete .dz-error-mark,.vue-dropzone .dz-preview.dz-file-preview.dz-processing.dz-success.dz-complete .dz-filename,.vue-dropzone .dz-preview.dz-file-preview.dz-success.dz-complete .dz-error-mark,.vue-dropzone .dz-preview.dz-file-preview.dz-success.dz-complete .dz-filename{display:none!important}.vue-dropzone .dz-preview.dz-image-preview.dz-error.dz-complete{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:6px;min-height:auto;width:128px;height:128px;border-radius:16px;overflow:visible;border:1px solid #d9534d;background-color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative}.vue-dropzone .dz-preview.dz-image-preview.dz-error.dz-complete .dz-image{display:none}.vue-dropzone .dz-preview.dz-image-preview.dz-error.dz-complete .dz-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:15px 12px;background:transparent}.vue-dropzone .dz-preview.dz-image-preview.dz-error.dz-complete .dz-error-mark{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-dropzone .dz-preview.dz-image-preview.dz-error.dz-complete .dz-filename,.vue-dropzone .dz-preview.dz-image-preview.dz-error.dz-complete .dz-size{display:block}.vue-dropzone .dz-preview.dz-image-preview.dz-error.dz-complete .dz-success-mark{display:none}.vue-dropzone .dz-preview .dz-file-icon{display:none;width:52px;height:52px;color:#63c867;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.vue-dropzone .dz-preview .dz-file-icon svg{width:100%;height:100%}.vue-dropzone .dz-preview.dz-file-preview.dz-processing.dz-success.dz-complete .dz-file-icon,.vue-dropzone .dz-preview.dz-file-preview.dz-success.dz-complete .dz-file-icon{display:block}.vue-dropzone .dz-preview .dz-error-mark{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;margin-bottom:6px}.vue-dropzone .dz-preview.dz-error .dz-error-mark{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-dropzone .dz-preview .dz-error-mark svg{width:24px;height:24px;stroke:#d9534d;-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.vue-dropzone .dz-preview .dz-filename{color:#d9534d;font-weight:700;font-size:10px;line-height:1.3;margin:4px 0;overflow:visible;display:none}.vue-dropzone .dz-preview.dz-error .dz-filename{display:block}.vue-dropzone .dz-preview .dz-filename span{background-color:transparent;padding:0;border:none;display:block}.vue-dropzone .dz-preview .dz-filename span:hover{background-color:transparent;border:none!important;outline:none}.dropzone .dz-preview .dz-details .dz-filename{margin:0!important}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:visible!important;border:none}.dropzone .dz-preview .dz-details .dz-filename:hover{border:none!important;outline:none}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:none}.vue-dropzone .dz-preview .dz-size{color:#333;font-size:12px!important;font-weight:700;margin-top:0;display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;position:relative}.vue-dropzone .dz-preview .dz-size:hover:after{content:attr(data-dz-name);background-color:#333;color:#fff;padding:6px 8px;border-radius:4px;font-size:11px;white-space:normal;word-wrap:break-word;max-width:80px;margin-bottom:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1.3}.vue-dropzone .dz-preview .dz-size:hover:after,.vue-dropzone .dz-preview .dz-size:hover:before{position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.vue-dropzone .dz-preview .dz-size:hover:before{content:"";border:5px solid transparent;border-top-color:#333;margin-bottom:-5px}.vue-dropzone .dz-preview.dz-error .dz-size{display:block}.vue-dropzone .dz-preview.dz-file-preview.dz-processing.dz-success.dz-complete .dz-size,.vue-dropzone .dz-preview.dz-file-preview.dz-success.dz-complete .dz-size{display:block;color:#333;font-size:12px!important;font-weight:600;max-width:104px;background-color:hsla(0,0%,100%,.8);padding:4px 8px;border-radius:4px;margin-top:2px;text-align:center;line-height:1.2}.vue-dropzone .dz-preview .dz-size span{background-color:transparent;padding:0;border:none;display:inline}.vue-dropzone .dz-preview .dz-progress,.vue-dropzone .dz-preview .dz-progress .dz-upload{display:none}.vue-dropzone .dz-preview .dz-remove{position:absolute;top:-8px;right:-8px;z-index:30;width:22px;height:22px;background-color:#fff;border:1px solid #666;border-radius:50%;color:#4a4a4a;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:500;padding:0;line-height:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.18);box-shadow:0 1px 2px rgba(0,0,0,.18);-webkit-transition:all .2s ease;transition:all .2s ease;opacity:1}.vue-dropzone .dz-preview .dz-remove:hover{text-decoration:none;background-color:#f8f8f8;border-color:#555;color:#333;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transform:none;transform:none}.vue-dropzone .dz-preview .dz-error-message{display:none!important}.vue-dropzone .dz-preview.dz-error:hover .dz-error-message{display:block!important;position:absolute;left:50%;top:calc(100% + 10px);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:150px;max-width:150px;padding:8px 10px;border-radius:10px;border:1px solid #8f1d1d;-webkit-box-shadow:0 8px 18px rgba(0,0,0,.18);box-shadow:0 8px 18px rgba(0,0,0,.18);color:#fff;font-size:12px;font-weight:600;line-height:1.35;text-align:center;word-break:break-word;z-index:40;pointer-events:none}.vue-dropzone .dz-preview.dz-error:hover .dz-error-message:before{content:"";position:absolute;left:50%;top:-6px;width:10px;height:10px;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.vue-dropzone .dz-preview.dz-error:hover .dz-error-message span{color:inherit;font-weight:inherit}.vue-dropzone .dz-preview .dz-success-mark{display:none;position:absolute;top:7px;left:7px;z-index:25;width:20px;height:20px;border-radius:50%;background-color:#fff;color:#43aa47;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.22);box-shadow:0 2px 5px rgba(0,0,0,.22)}.vue-dropzone .dz-preview.dz-success.dz-complete .dz-success-mark{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-dropzone .dz-preview .dz-success-mark svg{width:13px;height:13px}.vue-dropzone .dz-preview .dz-error-mark{z-index:auto;opacity:1;position:relative;top:auto;left:auto;margin:0 0 15px 0}.vue-dropzone .dz-preview .dz-error-mark svg,.vue-dropzone .dz-preview .dz-success-mark svg{margin:0}.vue-dropzone .dz-preview:hover .dz-details{opacity:1}