.Header[data-v-12ad32e8]{justify-content:space-between;padding:0 16px;font-size:16px;font-weight:700}main[data-v-12ad32e8]{background:#f7f9fa;height:calc(100vh - 44px);overflow-y:auto;display:block}main.hover[data-v-12ad32e8]{background:#8dd7cf}.navigation-bar .buttons[data-v-12ad32e8]{padding:8px;border-bottom:2px solid #dfe6ed;display:flex}.nav-button[data-v-12ad32e8]{width:19%;margin:8px;text-align:center;border:none;background-color:#fff;padding:24px 0;font-size:16px}.nav-button.active[data-v-12ad32e8]{background-color:#dfe6ed;border:2px solid #9eadba}.upload-header[data-v-12ad32e8]{display:flex;flex-direction:row;justify-content:flex-end;width:calc(100% - 32px);margin:16px 16px;gap:8px;align-items:center}.instructions[data-v-12ad32e8]{justify-self:flex-start;margin-right:auto}.upload-header button[data-v-12ad32e8]{border:2px solid #35a5a4;color:#35a5a4;background-color:#8dd7cf;border-radius:0;margin:0;height:36px}.upload-header .save-button[data-v-12ad32e8]{background-color:#dfe6ed;border:2px solid #9eadba;color:#000}.upload-header .delete-button[data-v-12ad32e8]{color:#fff;background-color:#e53935;border:2px solid #b80000}.upload-input[data-v-12ad32e8]{visibility:hidden;display:none}.files-container[data-v-12ad32e8]{padding:16px;display:flex;flex-wrap:wrap;flex-direction:row;gap:16px}.image[data-v-12ad32e8]{width:100%;display:block}.image-container img[data-v-12ad32e8]{width:100%;aspect-ratio:1;display:block;object-fit:cover}.image-container[data-v-12ad32e8]{width:calc(25% - 12px)}.preview[data-v-12ad32e8]{position:relative}.preview img[data-v-12ad32e8]{filter:contrast(.5);object-fit:cover}.preview .loader[data-v-12ad32e8]{z-index:2;width:50%;height:50%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.image-container-info[data-v-12ad32e8]{background:#fff;display:flex;justify-content:flex-end;padding-left:16px;align-items:center;height:48px}.image-container-info span[data-v-12ad32e8]{overflow:hidden;text-overflow:ellipsis;max-width:80%;justify-self:flex-start;margin-right:auto}.image-container-delete-button[data-v-12ad32e8]{color:#fff;background-color:#e53935;border:none;width:48px;height:48px}.image-container-download-button[data-v-12ad32e8]{color:#fff;background-color:#35a5a4;border:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.Header-logo[data-v-12ad32e8]{display:flex;height:100%;align-items:center;justify-content:center}