body{background:#fff;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}*{box-sizing:border-box}.app{text-align:center}.video-bg{height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:-1}.container{background-color:#fff;border:1px solid #ddd;box-shadow:0 0 8px #0000001a;display:flex;flex-direction:column;height:500px;margin:5px auto 0;overflow:hidden;width:400px}.header{align-items:center;display:flex;justify-content:space-between;padding:1rem;position:relative;z-index:1}.header .left,.header .right{align-items:center;background:#fff;border:1px solid gray;border-radius:5px;display:flex;font-size:.95rem;gap:.4rem;padding:.5rem .9rem}.header .left p,.header .right p{margin:0;padding:0}.header .left svg,.header .right svg{font-size:1.4rem}.header1{padding:30px 20px 10px;text-align:center}.header1 img{margin-bottom:20px;width:40px}.header1 h2{font-size:18px;font-weight:600;margin:0 0 10px}.header1 p{color:#6c6c6c;font-size:13px;margin:0}.file-list{flex:1 1;overflow-y:auto;padding:0 10px 10px;scrollbar-color:#ccc #0000;scrollbar-width:thin}.file-list::-webkit-scrollbar{width:6px}.file-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.file-item{border-bottom:1px solid #eee;justify-content:space-between;padding:10px;width:100%}.file-item,.file-left{align-items:center;display:flex}.file-left{flex-grow:1;min-width:0}.file-left img{flex-shrink:0;height:40px;margin-right:10px;width:40px}.file-info{display:flex;flex-direction:column;min-width:0;width:100%}.file-name-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.file-name{font-size:14px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#777;font-size:12px;margin-right:auto;white-space:nowrap}.download-icon{flex-shrink:0;margin-left:10px}.download-icon svg{fill:#0070e0;cursor:pointer;height:28px;width:28px}.footer{align-items:center;background:#f9f9f9;border-top:2px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.footer .cloud{color:#0070e0;cursor:pointer;font-size:13px}.footer button{background-color:#0070e0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.modal{align-items:center;background-color:#0006;display:none;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:999}.modal.active{display:flex}.modal-content{background-color:#fff;border-radius:10px;max-width:400px;padding:30px 20px;position:relative;width:100%}.modal-content .close-modal{cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.modal-content input[type=email],.modal-content input[type=password]{border:2px solid #ccc;border-radius:3px;font-size:14px;margin-bottom:12px;padding:10px;width:95%}.modal-content input.invalid{border-color:red}.remember-me{align-items:center;display:flex;margin-bottom:16px}.remember-me input{margin-right:8px}.modal-content button{border:none;border-radius:6px;cursor:pointer;font-size:15px;margin-bottom:10px;padding:10px;width:100%}.sign-in{background-color:#007bff;color:#fff}.microsoft-btn{align-items:center;background:#fff;border:.05rem solid #768290;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#333;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:8px 12px;transition:background .3s ease,color .3s ease,border-color .3s ease}.microsoft-btn:hover{background:#888;border-color:#888;color:#fff}.microsoft-btn img{height:35px;margin-right:8px}.apple-btn{align-items:center;background:#fff;border:2px solid #888;border-radius:4px;box-shadow:0 2px 3px #0000001a;color:#333;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:8px 12px;transition:background .3s ease,color .3s ease,border-color .3s ease}.apple-btn:hover{background:#888;border-color:#888;color:#fff}.apple-btn img{height:35px;margin-right:8px}.image-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-modal-content{background:#fff;border-radius:5px;max-height:80%;max-width:80%;padding:20px}.image-modal-content img{max-height:100%;max-width:100%}@media (max-width:500px){.modal-content{padding:20px 15px}.modal-content h2{font-size:18px}.modal-content button{font-size:14px}}
/*# sourceMappingURL=main.380b333c.css.map*/