.upload-view{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.upload-form{max-width:500px;width:100%}.dropzone,.upload-form button{width:100%}.dropzone{height:300px;position:relative;border:3px dashed var(--foreground);margin-bottom:1rem;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;font-size:1.25rem}.dropzone:hover{border:3px dashed var(--accent)}.dropzone input[type=file]{width:100%;height:100%;-webkit-appearance:none;opacity:0;cursor:pointer}.dropzone-preview,.dropzone input[type=file]{position:absolute;top:0;left:0;right:0;bottom:0}.dropzone-preview{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;pointer-events:none;font-size:.875rem;line-height:1.25rem}.dropdown-preivew__image{background-color:#000;background-size:contain;background-repeat:no-repeat;background-position:50%;width:50%;height:50%;border-radius:3px;margin-bottom:.75rem}.upload-success-window{max-width:500px;width:100%;font-size:1rem;line-height:1.5rem;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;text-align:center}.upload-success-window .button{margin:1rem 0;width:100%}.upload-success-window .icon{display:block;width:50%;height:auto;color:var(--success)}