*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.hide{display:none!important}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
:root{--blue:#2474ff;--mint:#42dbad;--ink:#10213c}.storage{background:#f3f7ff;color:var(--ink)}.d-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.d-side{background:white;border-right:1px solid #dfe6f1;padding:25px 20px;display:flex;flex-direction:column}.d-side>a{font-weight:950;display:flex;gap:8px;align-items:center}.d-side>a i{background:var(--blue);color:white;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-style:normal}.upload{margin:38px 0 25px;background:var(--blue);color:white;border:0;border-radius:12px;padding:14px;font-weight:800}.d-side nav{display:flex;flex-direction:column;gap:6px}.d-side nav a{padding:12px;border-radius:9px;font-size:11px}.d-side nav .active{background:#eaf1ff;color:var(--blue)}.space{margin-top:auto}.space>b,.space>p{font-size:9px}.space>span{height:5px;background:#e3e9f2;display:block;margin:9px 0;border-radius:5px}.space>span i{display:block;width:63%;height:100%;background:var(--blue)}.space button{background:none;border:0;color:var(--blue);font-size:9px;padding:0}.d-shell main{padding-bottom:70px}.d-shell main>header{height:72px;background:white;border-bottom:1px solid #dfe6f1;display:flex;align-items:center;padding:0 32px;gap:14px}.d-shell main>header label{background:#f2f5f9;border-radius:10px;display:flex;padding:0 13px;flex:1;max-width:650px}.d-shell main>header input{height:40px;border:0;background:transparent;outline:0;width:100%;padding-left:8px}.d-shell main>header>button{margin-left:auto;border:0;background:none}.d-shell main>header>i{width:36px;height:36px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-style:normal;font-size:10px}.d-welcome,.quick-files,.file-browser,.shared{width:min(1180px,calc(100% - 60px));margin:auto}.d-welcome{display:flex;justify-content:space-between;align-items:end;padding:50px 0 30px}.d-welcome>div>p,.shared>div>p{font-size:9px;color:var(--blue);letter-spacing:.12em}.d-welcome h1{font:400 45px/1.05 Georgia;margin:12px 0}.d-welcome>div>span{font-size:9px;color:#7f8da2}.sync{background:#e7faf4;border-radius:16px;padding:20px;min-width:260px}.sync i{float:left;width:34px;height:34px;border-radius:50%;background:var(--mint);display:grid;place-items:center;margin-right:10px}.sync b{font-size:11px}.sync p{font-size:9px;margin:6px}.quick-files h2,.file-browser h2{font-size:17px}.quick-files>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-files article{background:white;border:1px solid #e0e7f1;border-radius:14px;padding:12px;position:relative}.file-cover{height:120px;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:24px}.fc0{background:#ffc9a9;color:#b44621}.fc1{background:#b9d6ff;color:#285f9b}.fc2{background:#d3c3ff;color:#603d9b}.fc3{background:#b8eddd;color:#287963}.quick-files h3{font-size:11px}.quick-files p{font-size:8px;color:#8794a7}.quick-files article>button{position:absolute;right:12px;bottom:12px;border:0;background:none}.file-browser{margin-top:45px;background:white;border:1px solid #e0e7f1;border-radius:16px;padding:22px}.file-head{display:flex;justify-content:space-between}.file-head button{border:0;background:#edf2f8;padding:8px 11px}.file-head .active{background:var(--ink);color:white}.file-browser table{border-collapse:collapse;width:100%}.file-browser th,.file-browser td{padding:13px 8px;border-top:1px solid #e5eaf1;text-align:left;font-size:9px;color:#78869b}.file-browser th{font-weight:400}.file-browser td:first-child{color:var(--ink);font-size:10px}.file-browser td>i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#eaf1ff;color:var(--blue);font-style:normal;margin-right:9px}.shared{margin-top:65px;background:var(--ink);color:white;border-radius:22px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.shared h2{font:42px Georgia;margin:12px 0}.shared>div>span{font-size:12px;color:#aebad0;line-height:1.6}.shared>div>button{display:block;margin-top:25px;background:var(--mint);border:0;padding:13px 17px}.share-card{background:white;color:var(--ink);border-radius:17px;padding:25px}.share-card>span{font-size:9px;color:#77859b}.share-card h3{font:24px Georgia}.share-card i{display:inline-grid;width:38px;height:38px;border-radius:50%;background:#c8dbff;place-items:center;font-style:normal;font-size:9px;margin-right:-8px}.share-card label{display:flex;background:#f0f4fa;padding:8px;margin-top:25px;font-size:10px;align-items:center}.share-card label button{margin-left:auto;background:var(--blue);color:white;border:0;padding:8px}footer{background:#e7edf7;padding:25px 270px;font-size:9px}footer span{float:right}@media(max-width:850px){.d-shell{grid-template-columns:1fr}.d-side{display:none}.quick-files>div{grid-template-columns:1fr 1fr}.shared{grid-template-columns:1fr}footer{padding:25px}}@media(max-width:520px){.d-welcome,.quick-files,.file-browser,.shared{width:calc(100% - 24px)}.d-welcome{display:block}.sync{margin-top:20px}.quick-files>div{grid-template-columns:1fr}.file-browser{overflow:auto}.shared{padding:30px 20px}}