.dropzone{--dz-min-height:18rem;--dz-border-width:calc(var(--border-width) * 2);--dz-border-style:dashed;--dz-border-color:var(--border-color);--dz-placeholder-color:var(--gray-500);--dz-spacer:0.3125rem;--dz-drag-bg:var(--gray-200);--dz-drag-color:var(--gray-400);--dz-drag-border-color:var(--gray-600);--dz-preview-spacer:0.5rem;--dz-preview-width:10rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;border:var(--dz-border-width) var(--dz-border-style) var(--dz-border-color);min-height:var(--dz-min-height);padding:var(--dz-spacer);border-radius:var(--border-radius)}
.dropzone.dz-clickable *{cursor:default}
.dropzone.dz-clickable,.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}
.dropzone .dz-message{opacity:1}
.dropzone .dz-message .dz-button{background:0 0;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}
.dropzone.dz-started .dz-message{display:none}
.dropzone.dz-drag-hover{border-color:var(--dz-drag-border-color);background-color:var(--dz-drag-bg);color:var(--dz-drag-color)}
.dropzone .dz-default.dz-message{width:100%;-ms-flex-item-align:center;align-self:center;text-align:center;opacity:1;color:var(--dz-placeholder-color);border-radius:var(--border-radius);transition:opacity ease-in-out var(--transition-base-timer)}
@media (prefers-reduced-motion:reduce){.dropzone .dz-default.dz-message{transition:none}}
.dropzone .dz-default.dz-message:before{content:"\f358";font-family:var(--icon-font-family);font-size:calc(var(--icon-font-size) * 4);display:block;margin-bottom:var(--spacer-2);line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.dropzone.dz-drag-hover .dz-message{opacity:.75}
.dropzone .dz-preview{position:relative;-ms-flex-item-align:start;align-self:flex-start;display:inline-block;margin:var(--dz-preview-spacer);padding:var(--dz-preview-spacer);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius)}
.dropzone .dz-preview .dz-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center;position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;padding:var(--dz-preview-spacer);transition:opacity ease-in-out var(--transition-base-timer)}
@media (prefers-reduced-motion:reduce){.dropzone .dz-preview .dz-details{transition:none}}
.dropzone .dz-preview:hover .dz-details{opacity:1}
.dropzone .dz-preview:hover .dz-image img{-webkit-filter:blur(8px);filter:blur(8px);opacity:.5}
.dropzone .dz-preview.dz-error:hover .dz-details{display:none}
.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{display:none;position:absolute;z-index:9;top:calc(var(--icon-font-size) * .5 * -1);right:calc(var(--icon-font-size) * .5 * -1);padding:calc(var(--spacer-1) * .5);background-color:var(--white);border-radius:var(--border-radius-pill)}
.dropzone .dz-preview .dz-error-mark[data-color-theme=dark],.dropzone .dz-preview .dz-success-mark[data-color-theme=dark],[data-color-theme=dark] .dropzone .dz-preview .dz-error-mark:not([data-color-theme]),[data-color-theme=dark] .dropzone .dz-preview .dz-success-mark:not([data-color-theme]),html[data-color-theme=dark] .dropzone .dz-preview .dz-error-mark,html[data-color-theme=dark] .dropzone .dz-preview .dz-success-mark{color-scheme:dark;background-color:#2c2d33}
.dropzone .dz-preview .dz-error-mark:after,.dropzone .dz-preview .dz-success-mark:after{font-family:var(--icon-font-family);display:block;font-size:var(--icon-font-size);line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.dropzone .dz-preview .dz-error-mark span,.dropzone .dz-preview .dz-error-mark svg,.dropzone .dz-preview .dz-success-mark span,.dropzone .dz-preview .dz-success-mark svg{display:none}
.dropzone .dz-preview .dz-error-mark{color:var(--danger)}
.dropzone .dz-preview .dz-error-mark:after{content:"\f62d"}
.dropzone .dz-preview .dz-success-mark{color:var(--success)}
.dropzone .dz-preview .dz-success-mark:after{content:"\f33f"}
.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone .dz-preview.dz-success .dz-success-mark{display:block;opacity:1}
.dropzone .dz-preview .dz-progress{position:absolute;bottom:var(--dz-preview-spacer);left:var(--dz-preview-spacer);right:var(--dz-preview-spacer);height:calc(var(--dz-preview-spacer) * .5);display:none}
.dropzone .dz-preview .dz-progress .dz-upload{display:block;position:absolute;top:0;bottom:0;left:0;width:0%;height:100%;background-color:var(--success);transition:width ease-in-out var(--transition-base-timer);border-radius:var(--border-radius)}
@media (prefers-reduced-motion:reduce){.dropzone .dz-preview .dz-progress .dz-upload{transition:none}}
.dropzone .dz-preview.dz-processing .dz-progress{display:block}
.dropzone .dz-preview.dz-success .dz-progress{display:block;opacity:0;transition:opacity ease-in-out var(--transition-base-timer)}
@media (prefers-reduced-motion:reduce){.dropzone .dz-preview.dz-success .dz-progress{transition:none}}
.dropzone .dz-preview .dz-error-message{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center;position:absolute;top:0;left:0;padding:var(--dz-preview-spacer);width:100%;height:100%;opacity:0;transition:opacity ease-in-out var(--transition-base-timer)}
@media (prefers-reduced-motion:reduce){.dropzone .dz-preview .dz-error-message{transition:none}}
.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload{background-color:var(--danger)}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img{display:block;opacity:.1}
.dropzone .dz-preview .dz-image{width:var(--dz-preview-width);height:var(--dz-preview-width);overflow:hidden;border-radius:calc(var(--border-radius) - var(--border-width))}
.dropzone .dz-preview .dz-image img{width:100%;transition:opacity ease-in-out var(--transition-base-timer),-webkit-filter ease-in-out var(--transition-base-timer);transition:opacity ease-in-out var(--transition-base-timer),filter ease-in-out var(--transition-base-timer);transition:opacity ease-in-out var(--transition-base-timer),filter ease-in-out var(--transition-base-timer),-webkit-filter ease-in-out var(--transition-base-timer)}
@media (prefers-reduced-motion:reduce){.dropzone .dz-preview .dz-image img{transition:none}}
.dropzone .dz-preview a.dz-remove{position:relative;margin-top:var(--dz-preview-spacer);color:var(--body-color);background-color:var(--gray-200);border:var(--border-width) solid var(--gray-400);display:block;text-align:center;padding:var(--spacer-1) var(--spacer-2);cursor:pointer;z-index:21;transition:background-color ease-in-out var(--transition-base-timer);border-radius:var(--border-radius)}
@media (prefers-reduced-motion:reduce){.dropzone .dz-preview a.dz-remove{transition:none}}
.dropzone .dz-preview a.dz-remove:focus,.dropzone .dz-preview a.dz-remove:hover{color:var(--body-color);border-color:var(--gray-500);background-color:var(--gray-300)}
.dropzone .dz-preview a.dz-remove:active{color:var(--body-color);border-color:var(--gray-600);background-color:var(--gray-400)}