@import"https://fonts.googleapis.com/css2?family=Inter:wght@800&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--bg: #fafbf9;--fg: #1a1a1a;--base-100: #ffffff;--base-400: #2c2c2c;--variant-1: #2563eb;--variant-2: #64748b;--variant-3: #475569;--disabled-folder-bg: #f1f5f9;--disabled-folder-fg: #94a3b8;--logo-bg-light: var(--base-100);--logo-text-light: var(--base-400);--logo-bg-dark: var(--base-400);--logo-text-dark: var(--base-100)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--fg)}img{width:100%;height:100%;object-fit:cover}h1{font-family:DM Sans;font-size:2.75rem;font-weight:400}p{text-transform:uppercase;font-family:DM Mono;font-size:.8rem;font-weight:500}h1,p{transition:color .25s ease;line-height:1}nav{position:absolute;top:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000}nav p a{color:inherit;text-decoration:none;transition:opacity .25s ease}nav p a:hover{opacity:.7}.logo{font-family:PP Pangram Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:800;font-size:1.5rem;padding:.75rem 1.25rem;background-color:var(--logo-bg-light);color:var(--logo-text-light);border-radius:8px;box-shadow:0 2px 8px #00000014;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;display:inline-block;letter-spacing:-.02em}.logo.logo-inverted{background-color:var(--logo-bg-dark);color:var(--logo-text-dark);box-shadow:0 2px 8px #00000026}@media(max-width:1000px){.logo{font-size:1.2rem;padding:.6rem 1rem}}.folders{width:100%;height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.row{position:relative;width:100%;display:flex}.folder{position:relative;flex:1;height:200px;display:flex;flex-direction:column;cursor:pointer}.row:nth-child(2) .folder:nth-child(1){flex:2}.row:nth-child(2) .folder:nth-child(2){flex:3}.folder-preview{position:absolute;top:0;left:0;width:25rem;height:100%;pointer-events:none}.folder-preview-img{position:absolute;top:50%;width:8rem;height:12rem}.folder-preview-img:nth-child(1){left:20%;transform-origin:top left}.folder-preview-img:nth-child(2){left:50%;transform-origin:center}.folder-preview-img:nth-child(3){left:80%;transform-origin:top right}.folder-wrapper{position:relative;width:100%;height:100%;will-change:transform}.folder-index{position:relative;width:40%;padding:.75rem}.folder-index:after{content:"";position:absolute;top:0;left:99%;height:101%;aspect-ratio:1;clip-path:polygon(0 0,25% 0,100% 100%,0% 100%)}.folder-name{width:100%;height:100%;display:flex;align-items:flex-start;padding:0 .25rem 0 2rem}.folder-index,.folder-index:after,.folder-name{transition:background-color .25s ease}.folder.variant-1 .folder-index,.folder.variant-1 .folder-index:after,.folder.variant-1 .folder-name{background-color:var(--variant-1)}.folder.variant-2 .folder-index,.folder.variant-2 .folder-index:after,.folder.variant-2 .folder-name{background-color:var(--variant-2)}.folder.variant-3 .folder-index,.folder.variant-3 .folder-index:after,.folder.variant-3 .folder-name{background-color:var(--variant-3)}.folder.disabled .folder-index,.folder.disabled .folder-index:after,.folder.disabled .folder-name{background-color:var(--disabled-folder-bg)}.folder.disabled p,.folder.disabled h1{color:var(--disabled-folder-fg)}.row:nth-child(1){bottom:-13rem}.row:nth-child(2){bottom:-7.5rem}.row:nth-child(3){bottom:-2rem}@media(max-width:1000px){h1{font-size:2rem}.row{flex-direction:column;bottom:0!important}.folder{margin-bottom:-.5rem}.folder-preview{display:none}.folder-name{padding:0rem 2rem 2rem}.row:nth-child(2) .folder.variant-2 .folder-index,.row:nth-child(2) .folder.variant-2 .folder-index:after,.row:nth-child(2) .folder.variant-2 .folder-name{background-color:var(--variant-3)}.row:nth-child(2) .folder.variant-3 .folder-index,.row:nth-child(2) .folder.variant-3 .folder-index:after,.row:nth-child(2) .folder.variant-3 .folder-name{background-color:var(--variant-2)}}