*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}*{outline:none;margin:0;padding:0}.onedrive-layout{background-color:#fff;min-height:100vh;font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}.header{color:#fff;background-color:#0078d4;justify-content:space-between;align-items:center;min-height:48px;padding:0 8px;display:flex}.name_class{align-items:center;gap:8px;display:flex}.search_class{color:#000000b3;background-color:#fff;border-radius:3px;justify-content:space-between;align-items:center;width:min(580px,40%);height:35px;padding:0 8px;font-size:14px;display:flex}.search_class>div{align-items:center;gap:6px;display:flex}.icon{line-height:1}.profile_right{justify-content:space-around;align-items:center;width:130px;font-size:18px;display:flex}.user_profile_icon{color:#fff;text-align:center;background-color:#0078d4;border:1px solid #fff;border-radius:50%;width:32px;height:32px;font-size:16px;line-height:30px}.sidebar{background-color:#f2f2f2;width:230px;min-height:calc(100vh - 48px);padding-bottom:56px;position:fixed;top:48px;left:0}.sidebar_heading{color:#595958;padding:12px 15px 0;font-size:12.5px;font-weight:600}.sidebar_heading.secondary{padding-top:20px}.sidebar_copy{color:#595958;padding:0 15px;font-size:10px}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{color:#0000008b;cursor:pointer;margin-top:14px;padding:8px 15px;font-size:14px}.sidebar li.active{background-color:#0000001a}.sticky-div{color:#0078d4;cursor:pointer;border-top:1px solid #ddd;padding:10px 15px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.content{margin-left:230px;padding:18px 10px}.submenu{border-bottom:1px solid #ddd;justify-content:space-between;padding:8px 5px;display:flex}.submenu ul{align-items:center;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.submenu li{color:#0000008b;border-radius:3px;padding:6px 8px}.submenu li.primary{color:#fff;background-color:#0078d4}.secondsub{color:#0078d4;margin-top:6px;font-size:14px}.shared{margin:24px 0 0 45px;font-size:1.2rem}.filesection{grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0 0 45px;display:grid}.file-item{width:180px;position:relative}.file-item:hover{cursor:pointer;border:1px solid #0078d4}.file-item img{width:180px;max-width:100%;height:auto;display:block}.doc_overlay{color:#fff;background:linear-gradient(#11d24e00 0%,#141315 96%);flex-direction:column;justify-content:space-between;height:52px;padding:10px 8px 6px;font-size:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.timestamp{font-size:12px}@media (width<=1024px){.sidebar{display:none}.content{margin-left:0}.search_class{width:55%}.shared,.filesection{margin-left:16px}.filesection{grid-template-columns:repeat(3,minmax(160px,180px))}}@media (width<=640px){.search_class{display:none}.filesection{grid-template-columns:repeat(2,minmax(140px,1fr));margin-left:8px}.file-item,.file-item img{width:100%}.file-item img{filter:blur(2px)}}.overlay{z-index:40;background-color:#00000094;width:100%;height:100vh;position:fixed;top:0;left:0}.loader{background-color:#ccc;border-radius:2px;width:40px;height:4px;animation:1s ease-in-out infinite load;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes load{0%{transform:translate(-40px)}50%{transform:translate(0)}to{transform:translate(40px)}}.loginForm{z-index:1000;box-sizing:content-box;background-color:#fff;width:360px;max-width:360px;height:auto;padding:40px 35px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.email-step h5{margin:-5px 0 2px;font-size:18px}.auth-banner{max-width:99%;margin-left:-5px}.inp::placeholder{font-size:15px}.inp{border:none;border-bottom:1px solid gray;width:100%;margin-top:10px;margin-bottom:20px;padding:2px 5px 5px 0}.email-footer{color:#0067b8;cursor:pointer;margin:10px 0 20px;font-size:12.3px}.footer-muted{color:#666;font-size:.8rem}.formbtn{color:#fff;cursor:pointer;float:right;background-color:#0067b8;border:1px solid #0067b8;padding:10px 40px;font-size:15px}.next-btn{float:right;padding:6px 40px}.formbtn:hover,.formbtn:focus,.formbtn:active{color:#fff;opacity:.9;background-color:#0067b8;border:1px solid #0067b8;transition:all 1s}.formbtn:disabled{opacity:.6;cursor:not-allowed}.errwarning,.perrwarning{color:#e81123;font-size:13.5px}.backarrow{align-items:center;margin-top:10px;margin-bottom:10px;display:flex}.backarrow img:hover{cursor:pointer;background-color:#ddd;border-radius:50%;max-width:fit-content}.showemail{margin-left:2px}.password-step .h4{margin:-7px 0 5px -1px;font-family:Segoe UI,Helvetica Neue,Lucida Grande,Roboto,Ebrima,Nirmala UI,Gadugi,Segoe Xbox Symbol,Segoe UI Symbol,Meiryo UI,Khmer UI,Tunga,Lao UI,Raavi,Iskoola Pota,Latha,Leelawadee,Microsoft YaHei UI,Microsoft JhengHei UI,Malgun Gothic,Estrangelo Edessa,Microsoft Himalaya,Microsoft New Tai Lue,Microsoft PhagsPa,Microsoft Tai Le,Microsoft Yi Baiti,Mongolian Baiti,MV Boli,Myanmar Text,Cambria Math;font-size:1.5rem;font-weight:500}.labelpassword{align-items:end;display:flex}.keepcheck{width:20px;height:20px}.keeptext{color:#000;cursor:pointer;margin-left:5px}