.App{display:flex;width:100%}.home-page-container{background-color:var(--background-color)}:root{--bg-primary:#fff;--bg-primary-rgb:255,255,255;--bg-secondary:#f8fafc;--text-primary:#333;--text-secondary:#6b7280;--accent-color:#2563eb;--border-color:#e1e1e1;--nav-bg:#fffffff2;--shadow-color:#0000001a}[data-theme=dark]{--bg-primary:#0f172a;--bg-primary-rgb:15,23,42;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--accent-color:#3b82f6;--border-color:#334155;--nav-bg:#0f172af2;--shadow-color:#0000004d}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*{box-sizing:border-box;margin:0;padding:0}.title-font{color:#2563eb;color:var(--accent-color);font-weight:800}.title-font,.title-font-no-accent{font-size:2rem;margin-bottom:.5rem}.title-font-no-accent{color:#333;color:var(--text-primary);font-weight:600}.title-font-small{color:#2563eb;color:var(--accent-color);font-size:1.1rem;font-weight:600;opacity:.9}.title-font-small-no-accent{color:#333;color:var(--text-primary);font-size:1.1rem;font-weight:600;opacity:.9}.description-font{color:#6b7280;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.green-font{color:green}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;touch-action:manipulation;transition:background-color .3s ease,color .3s ease}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.display-none{display:none}.cursor-not-allowed{cursor:not-allowed}.debug-border{border:2px solid red}.home-page-upload-container{background-color:var(--bg-primary);display:flex;flex-direction:column;flex-grow:1;gap:10px;height:40vh;justify-content:center}.home-page-upload-container-input{border:2px dashed var(--accent-color);border-radius:10px;cursor:pointer}.home-page-upload-container-input,.home-page-upload-container-input-items{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.home-page-upload-container-input-items{gap:10px}.home-page-upload-container-input-button{background-color:var(--bg-primary)!important;color:var(--accent-color)!important}.home-page-upload-container-input-button:hover{background-color:var(--accent-color)!important;color:var(--bg-primary)!important}.home-page-upload-container-input-icon{border:2px solid var(--accent-color);border-radius:50%;color:var(--accent-color);height:80px;padding:10px;width:80px}.home-page-upload-container-input-icon img{height:100%;object-fit:contain;width:100%}.home-page-upload-container-input-image-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.home-page-upload-container-input-image{height:30vh;width:auto}.home-page-upload-container-upload-button{align-self:center;background-color:var(--accent-color)!important;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;height:5vh;width:30%}.home-page-upload-container-upload-button:hover{background-color:var(--bg-primary)!important;color:var(--accent-color)!important}.image-list-container{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px;width:100%}.how-it-works-container{background-color:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:10px;box-shadow:0 0 10px 0 #0000001a;flex-grow:1;padding:20px}.how-it-works-container ul{list-style:disc;margin:0;padding-left:15px}.image-card{border:1.5px solid var(--border-color);border-radius:10px;box-shadow:0 0 10px 0 var(--shadow-color);display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:fit-content;justify-content:center;overflow:hidden;padding:10px;transition:transform .3s ease-in-out}.image-card:hover{transform:scale(1.05)}.image-card-disabled,.image-card:hover{box-shadow:0 0 8px 0 var(--shadow-color)}.image-card-disabled{cursor:not-allowed}.image-card img{border-radius:8.5px 8.5px 0 0;display:block;height:12rem;object-fit:cover;object-position:center;width:100%}.image-card-thumbnail-image-content{display:flex;flex-direction:column;flex-grow:1;gap:10px;overflow:hidden;width:100%}.image-card-thumbnail-image-button{background-color:var(--accent-color)!important;border:1px solid var(--accent-color)!important;border-radius:5px;color:var(--bg-primary)!important;padding:10px;width:5rem}.image-card-thumbnail-image-button:disabled{cursor:not-allowed}.image-card-thumbnail-image-button:disabled,.image-card-thumbnail-image-button:hover{background-color:var(--bg-primary)!important;color:var(--accent-color)!important}.image-card-thumbnail-image-compression-ratio{align-items:flex-start;border-top:1px solid var(--border-color);display:flex;flex-direction:column;flex-grow:1;gap:10px;justify-content:space-between;padding-top:10px;width:100%}.image-card-thumbnail-image-compression-ratio-progress{color:var(--accent-color)!important;width:100%}.home-page-container{background-color:var(--bg-primary);gap:2rem;margin:2rem}.home-page-container,.home-page-container-header{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.home-page-container-header{align-items:center}.image-page-container{background-color:var(--bg-primary);display:flex;flex-direction:column;flex-grow:1;gap:20px;margin:2rem}.image-page-container-header{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:10px;height:100%;justify-content:space-between}.image-page-container-header-left{align-items:flex-start;align-self:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.image-page-container-buttons{background-color:var(--bg-secondary)!important;border:1px solid var(--accent-color)!important;color:var(--accent-color)!important}.image-page-container-buttons-active{background-color:var(--accent-color)!important;border:1px solid var(--accent-color)!important;color:var(--bg-primary)!important;cursor:pointer}.image-page-container-buttons-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.image-compression-metadata-container{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}.image-compression-metadata-card{align-items:center;align-items:flex-start;background-color:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;box-shadow:0 0 10px 0 #0000001a;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:20px}.image-compression-image-metadata-container{background-color:var(--secondary-color);box-shadow:0 0 10px 0 #0000001a;height:12rem}.image-compression-image-metadata-row{display:flex;justify-content:space-between}.image-comparison-container{width:100%}.image-compression-image-metadata-container{background-color:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;flex-grow:1;gap:15px;height:-webkit-max-content;height:max-content;justify-content:space-around;padding:20px;width:100%}.image-compression-image-metadata-title{font-size:1.3rem;font-weight:600}.image-compression-image-metadata-row{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}.image-compression-image-metadata-item{display:flex;flex-direction:column;justify-content:space-between}.image-comparison-container{align-items:center;display:flex;flex-grow:1;height:-webkit-max-content;height:max-content;justify-content:center;object-fit:contain;width:auto}.image-comparison-item-one{align-items:start;display:flex;flex-grow:1;justify-content:start}.image-comparison-item-two{align-items:start;display:flex;flex-grow:1;justify-content:end}.image-comparison-item-label{-webkit-backdrop-filter:blur(.25rem) saturate(180%) contrast(80%) brightness(120%);backdrop-filter:blur(.25rem) saturate(180%) contrast(80%) brightness(120%);background-color:var(--secondary-color);border:2px solid var(--primary-color);border-radius:.5rem;color:var(--primary-color);font-size:1rem;opacity:1;padding:1rem;position:absolute}.image-comparison-side-by-side-container{align-items:center;display:flex;flex-grow:1;gap:10px;height:auto;justify-content:center}.image-comparison-side-by-side-item-one{align-items:start;display:flex;flex-grow:1;height:100%;justify-content:start}.image-comparison-side-by-side-item-two{align-items:start;display:flex;flex-grow:1;height:100%;justify-content:end}.image-comparison-side-by-side-item-label{-webkit-backdrop-filter:blur(.25rem) saturate(180%) contrast(80%) brightness(120%);backdrop-filter:blur(.25rem) saturate(180%) contrast(80%) brightness(120%);background-color:var(--secondary-color);border:2px solid var(--primary-color);border-radius:.5rem;color:var(--primary-color);font-size:1rem;opacity:1;padding:1rem;position:absolute}.image-comparison-item-one,.image-comparison-item-two{height:90vh;object-fit:contain;width:auto}.floating-menu-container{align-items:flex-end;align-items:center;bottom:20px;display:flex;flex-direction:column-reverse;gap:10px;height:-webkit-max-content;height:max-content;justify-content:center;margin:0;padding:0;position:fixed;right:20px;width:-webkit-max-content;width:max-content}.floating-menu-item-button{background-color:var(--bg-primary)!important;color:var(--accent-color)!important}.floating-menu-item-menu{display:flex;flex-direction:column;gap:10px;opacity:0;pointer-events:none;transform:scale(.8) translateY(10px);transition:opacity .3s ease,transform .3s ease}.floating-menu-item-menu.open{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}
/*# sourceMappingURL=main.f9cf9c64.css.map*/