.file-container{position:relative;width:100%;height:100%;display:flex;justify-content:center}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#61616154;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;pointer-events:none;z-index:10}.file-container:hover .overlay{opacity:1;pointer-events:auto}.icon-container{display:flex;gap:1rem}.apps-upload-icons{font-size:2rem!important;color:#fff;cursor:pointer;transition:transform .2s ease}.apps-upload-icons:hover{transform:scale(1.2)}.upload-container{height:100%;justify-items:center;margin-bottom:2rem}.upload-container .drop-zone{border:2px dashed grey;border-radius:14px;cursor:pointer;position:relative;width:100%;height:100%;max-height:540px;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.upload-container .drop-zone .image-wrapper img{max-height:340px;max-width:500px;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.upload-container .drop-zone .is-divider[data-content]:after{background:#ebebeb}.upload-container .drop-zone .drop-zone-text{font-size:1.6rem;font-weight:200;padding:1rem;height:185px;align-content:center}.upload-container .drop-zone .drop-zone-text .is-divider{height:.1rem;margin:2rem 0;display:flex;align-items:flex-start;justify-content:center}.upload-container .drop-zone.is-active{border-color:var(--primary)!important}.is-dark .upload-container .drop-zone{border-color:var(--dark-sidebar-dark-2)}.is-dark .upload-container .drop-zone .is-divider[data-content]:after,.is-dark .upload-container .drop-zone .is-divider-vertical[data-content]:after{background:var(--dark)}.is-dark .overlay{background:#0202026e}.is-dark .apps-upload-icons{font-size:2rem;cursor:pointer;transition:transform .2s ease}