body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{box-sizing:border-box;height:100%;margin:0;overflow:hidden;padding:0}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:auto;padding:20px}.background-video{height:100vh;left:0;object-fit:cover;position:absolute;top:0;width:100vw;z-index:-1}.header{display: flex ; justify-content: space-between; width: 99%; position: absolute; top: 7px; left: 10px; right: -10px; margin-right: 10px;}.header-button{align-items:center;background-color:#fff;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;padding:10px 20px}.header-dropbox-icon{font-size:20px;margin-right:5px}.first-content,.second-content{background-color:#fff;border-radius:5px;padding:10px 20px;text-align:center}.first-content h2,.second-content h2{font-size:16px;margin:0}.dropbox-icon{color:#2d70de;font-size:30px;padding-top:18px}.questionmark-icon{font-size:20px}.five-item-text{font-size:20px;font-weight:700}.expires-text{color:gray;font-size:13px}.main-box{align-items:stretch;background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;box-sizing:border-box;height:auto;margin-top:-14px;max-width:430px;padding:20px 0}.main-box,.mainBox-first-section{display:flex;flex-direction:column;width:100%}.mainBox-first-section{align-items:center;justify-content:center;padding-bottom:10px}.underline{background-color:#ccc;height:2px;margin:10px 0;width:100%}.mainBox-second-section{align-items:center;border-radius:5px;display:flex;margin-bottom:7px;padding:10px}.image{height:40px;margin-right:10px;width:40px}.text-container{display:flex;flex-direction:column;flex-grow:1}.text-container-text1{font-size:14px}.text-container-text2{font-size:10px}.icon{color:#2d70de;font-size:22px;margin-left:10px; cursor: pointer;}.mainBox-bottom-section{display:flex;justify-content:space-between;padding:10px}.save-to-cloud-text{color:#2d70de;font-size:14px}.download-btn{background-color:#2d70de;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;box-shadow:0 4px 8px #0003;max-width:430px;padding:60px 20px;position:relative;width:90%}.close-btn{background:none;border:none;color:#000;cursor:pointer;font-size:20px;font-size:14px;font-weight:700;padding-top:18px;position:absolute;right:10px;top:10px}.modal-title{align-items:center;display:flex;font-size:18px;margin:0;text-align:left}.modal-title-icon{color:#2d70de;font-size:30px;margin-right:10px}.modal-content p{font-size:18px;font-weight:400;margin:10px 0 20px;text-align:left}.error-message{color:red;font-size:2px}.input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:block;margin:10px 0;padding:10px;width:100%}.remember-me{align-items:center;display:flex;font-size:14px;margin-bottom:15px}.apple-btn,.microsoft-btn,.signin-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;margin:8px 0;padding:10px;width:100%}.signin-btn{background-color:#2d70de;color:#fff}.microsoft-btn{background-color:initial;border:1px solid #a7a4a4;color:#000}.microsoft-icon{height:20px;margin-right:5px;width:20px}.apple-btn{background-color:initial;border:1px solid #a7a4a4;color:#000}.apple-icon{font-size:20px;margin-right:5px}.cancel-btn{background-color:#ccc;color:#000}@media (max-width:768px){.main-box{margin-top:10px}}.loading-screen{align-items:center;background-color:#2f93ce;color:#fff;display:flex;font-size:2rem;height:100vh;justify-content:center;width:100%}.loading-screen span{background-color:#fff;border-radius:5px;padding:15px}.spinner{animation:spin 1s linear infinite;border:1px solid #0000;border-radius:50%;border-top:2px solid gray;height:15px;width:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}