@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_4d318d{font-family:Geist,Geist Fallback;font-style:normal}.__variable_4d318d{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_ea5f4b{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_ea5f4b{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100vh;min-height:100vh;font-family:Poppins,sans-serif;overflow:hidden}.galleryItem{display:inline-flex;height:200px;width:200px;border-radius:8px}.red{background-color:#ff6b6b}.blue{background-color:#4dabf7}.green{background-color:#51cf66}.name{font-size:.8rem;letter-spacing:.025em;font-weight:600;padding-left:1rem}.pagination{display:flex;width:100%;height:50px}.icon{width:26px;height:26px;color:#fff;cursor:pointer;display:block;filter:drop-shadow(0 0 1px rgba(2,62,104,.835))}.file-info{gap:.75rem}.file-icon,.file-info{display:flex;align-items:center}.file-details,.file-icon{justify-content:center}.file-details{display:flex;flex-direction:column;width:90%;height:100%;align-items:flex-start}.file-name{color:#000;font-size:.8rem;font-weight:600;letter-spacing:.01em}.file-size{color:#444;font-size:.7rem;font-weight:500}.progress-container{display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.progress-bar{width:120px;height:4px;background-color:rgba(48,48,48,.374);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background-color:#3b82f6;border-radius:2px;transition:width .3s ease}.close-button{background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.app-layout{display:flex;height:100dvh;min-height:100dvh}.main-content{position:relative;width:100%;flex-grow:1;flex-shrink:1;display:flex;background-color:#dadada;min-height:0;overflow:hidden;margin:0;padding:0;gap:0;transition:height .4s cubic-bezier(.4,0,.2,1)}.filter-icon{width:20px;height:20px;color:#090909}.upload-icon{width:50px;height:50px;color:#0d082c;fill:#20f}.header-container{display:flex;animation:fadeIn .5s ease-out forwards;align-items:center;justify-content:center;height:100px;will-change:opacity,transform;backface-visibility:hidden}.checkbox-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #e2e8f0;border-radius:6px;background-color:#fff;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.checkbox-input:hover{border-color:#3b82f6;background-color:rgba(59,130,246,.05)}.checkbox-input:checked{background-color:#3b82f6;border-color:#3b82f6}.checkbox-input:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);animation:checkmarkSlide .2s ease-out forwards}.checkbox-input:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.25)}.checkbox-input:disabled{opacity:.6;cursor:not-allowed}@keyframes checkmarkSlide{0%{opacity:0;transform:rotate(45deg) translate(-2px,-2px)}50%{opacity:1;transform:rotate(45deg) translate(0) scale(1.2)}to{opacity:1;transform:rotate(45deg) scale(1)}}.checkbox-input:indeterminate{background-color:#3b82f6;border-color:#3b82f6}.checkbox-input:indeterminate:after{content:"";position:absolute;left:4px;top:8px;width:10px;height:2px;background-color:#fff;animation:indeterminateSlide .2s ease-out forwards}@keyframes indeterminateSlide{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.filter-container{justify-content:center;background-color:#fff;padding:.5rem 1rem;border-radius:.5rem;gap:.5rem;border:1px solid #e5e7eb;color:#7c7c7c;font-weight:600;margin-right:1rem}.add-padding .nav-text{opacity:1;transform:translateX(0)}.navbar-item.active .nav-text{color:#fff;font-weight:500}.add-margin{padding-left:12px}.remove-margin{margin-left:0}.filter-section{width:80%;height:100px;background-color:#000}.loading-container{justify-content:center;height:100%;z-index:1000}.loading-container,.page-header{display:flex;align-items:center;width:100%}.page-header{justify-content:space-between}.filter-container{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:1rem;color:#848484;border:1.5px solid transparent;font-family:Poppins,sans-serif;letter-spacing:.3px;transition:all .3s ease}.filter-container-closed,.filter-container-open{background-color:#fff}.filter-container:hover{background-color:hsla(0,0%,100%,.643)}.main-content-container{display:flex;flex-direction:column;width:100%;height:100%}.filter-icon-closed{width:20px;height:20px;color:#848484}.chevron-icon{color:#64748b;width:14px;height:14px;background-position:50%}.control{display:flex;align-items:center;justify-content:center}@keyframes shine{0%{transform:translateX(0)}to{transform:translateX(200%)}}.graph-container{width:80%;height:80%;background:#dd0b0b}.title{font-size:1.875rem;font-weight:550;color:#0f172a;letter-spacing:.025em;line-height:1.25;position:relative;font-family:Poppins,sans-serif;text-shadow:0 1px 1px hsla(0,0%,100%,.1)}.test{width:100vw;background-color:#000;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:2rem}.test-box{width:500px;height:500px;background-color:red}.boxes{display:flex;gap:10px}.boxes .box{width:100px;height:100px;background-color:#fff}