@import"https://fonts.googleapis.com/css2?family=Varela+Round&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded";.register-page{width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start;padding:100px 20px 20px;box-sizing:border-box}.register-page .register-card{width:100%;max-width:480px;background:#454545;border-radius:12px;padding:24px;border:5px solid;min-height:240px}.register-page .register-card .register-title{margin:0 0 8px;font-size:25px;font-weight:600;text-align:center}.register-page .register-card .register-content{display:flex;flex-direction:column;gap:6px}.register-page .register-card .register-content button{border-radius:999px;border:3px solid #383838;outline:none;padding:6px 15px;font-size:20px;font-family:Varela Round,sans-serif;background:#353535;color:#fff;transition:border-color .2s ease}.register-page .register-card .register-content button:hover{border-color:#4954c8;cursor:pointer}.register-page .register-card .register-content input{padding:8px 12px;border-radius:8px;border:3px solid #383838;transition:border-color .2s ease;background:#303030;color:#fff;font-size:14px;font-family:Varela Round,sans-serif;outline:none}.register-page .register-card .register-content input:focus{border-color:#4954c8}.register-page .register-card .register-content .errors{font-size:18px;color:#df4545}.register-page .register-card .register-content .load-wrapper{display:flex;justify-content:center;padding-top:10px}.register-page .register-card .register-content .load-wrapper .loading{color:#4954c8}.login-page{width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start;padding:100px 20px 20px;box-sizing:border-box}.login-page .login-card{width:100%;max-width:480px;background:#454545;border-radius:12px;padding:24px;border:5px solid;min-height:240px}.login-page .login-title{margin:0 0 8px;font-size:25px;font-weight:600;text-align:center}.login-page .login-top{display:flex;justify-content:center;margin-bottom:0}.login-page .login-content{display:flex;flex-direction:column;gap:16px}.login-page button{flex:1;padding:8px 12px;border-radius:8px;border:3px solid #383838;transition:border-color .2s ease;background:#303030;color:#fff;font-family:Varela Round,sans-serif;font-size:14px;outline:none}.login-page button:hover{border-color:#41b363;cursor:pointer}.login-page button:hover:disabled{border-color:#df4545}.login-page .form-group{display:flex;flex-direction:column;gap:6px}.login-page .form-group .form-group label{font-size:16px;color:#fff}.login-page .form-group .form-row{display:flex;gap:8px;align-items:center}.login-page .form-group .error-message{display:flex;justify-content:center;flex-direction:column;color:#df4545;font-size:18px;font-family:Varela Round,sans-serif;cursor:default;padding:8px 0}.login-page .form-group .error-message p{margin:5px 0}.login-page .form-group .error-message .register-link{color:#43a4d5;cursor:pointer}.login-page input{flex:1;padding:8px 12px;border-radius:8px;border:3px solid #383838;transition:border-color .2s ease;background:#303030;color:#fff;font-size:14px;font-family:Varela Round,sans-serif;outline:none}.login-page input .code-input{max-width:180px;text-align:center}.login-page input:focus{border-color:#4954c8}@media(max-width:600px){.login-page .form-row{flex-direction:column;align-items:stretch}.login-page .code-input{max-width:100%}}.notfound{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px}.notfound-img{width:360px;height:360px;margin-bottom:20px;display:block}.notfound-title{font-size:2rem;font-weight:700;color:#fff}.dots:after{content:"";animation:dots 3s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}button{border-radius:999px;border:3px;outline:none;font-size:100px;font-weight:500;background:#404040;color:#fff;transition:border-color .2s ease}button:hover{border-color:#fff;cursor:pointer}button.small{font-size:14px;padding:6px 15px}.site-overview{display:flex;flex-direction:row;width:100%;height:calc(100% - 60px);max-height:calc(100% - 60px)}.site-overview .chat{width:calc(75% - 6px);padding:5px;max-height:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.site-overview .chat .chatHeader{height:5%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;container-type:inline-size}.site-overview .chat .chatHeader .inputWrapper{display:flex;flex-direction:row;justify-content:flex-start;width:60%}.site-overview .chat .chatHeader .inputWrapper input{background-color:transparent;border:none;outline:none;color:#fff;font-size:25px;font-family:Varela Round,sans-serif;overflow:hidden;transition:border-color .2s ease;padding:0 5px;width:100%}.site-overview .chat .chatHeader .inputWrapper input:focus{border:dashed 2px white;border-radius:10px}.site-overview .chat .chatHeader .inputWrapper button{transition:color .2s ease}.site-overview .chat .chatHeader .inputWrapper button:hover{color:#41b363}.site-overview .chat .chatHeader .MuiAvatarGroup-avatar{background-color:#303030;border-color:#4954c8;height:4cqh;min-height:30px;width:4cqh;min-width:30px}.site-overview .chat .chatHeader .memberPics{cursor:pointer;transition:scale .1s ease}.site-overview .chat .chatHeader .memberPics:hover{scale:1.1}.site-overview .chat .memberList{background-color:#454545;width:30%;height:80%;border:5px solid white;border-radius:20px;padding:10px;display:flex;flex-direction:column;align-items:center}.site-overview .chat .memberList p{font-size:20px;text-align:center}.site-overview .chat .memberList .list{width:100%;max-height:85%;height:85%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#ffffff transparent;padding:5px 0;display:flex;flex-direction:column}.site-overview .chat .memberList .list .memberWrapper .member{display:flex;flex-direction:row;justify-content:space-between;padding:5px 0;border-radius:10px}.site-overview .chat .memberList .list .memberWrapper .member:hover{background-color:#404040}.site-overview .chat .memberList .list .memberWrapper .member .memberInfo{display:flex;flex-direction:row;align-items:center;max-width:85%;overflow:hidden}.site-overview .chat .memberList .list .memberWrapper .member .memberInfo p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.site-overview .chat .memberList .list .memberWrapper .member .memberInfo .MuiAvatar-root{background-color:#353535;margin:0 10px}.site-overview .chat .memberList .list .memberWrapper .member button{font-size:10px;background-color:transparent;color:#fff;transition:color .2s ease}.site-overview .chat .memberList .list .memberWrapper .member button:hover{color:#df4545}.site-overview .chat .memberList .list .memberWrapper .MuiDivider-root{border-color:#fff;margin:8px}.site-overview .chat .memberList .list .userSearch{width:100%;display:flex;flex-direction:column;align-items:center}.site-overview .chat .memberList .list .userSearch .searchbar{width:90%}.site-overview .chat .memberList .list .userSearch .searchbarTitle{width:90%;display:flex;flex-direction:row;align-items:flex-start}.site-overview .chat .memberList .list .userSearch .searchbarTitle p{margin:5px 0 2px;font-size:16px}.site-overview .chat .memberList .list{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,white 2%,black 98%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,white 2%,black 98%,transparent 100%)}.site-overview .accounts{display:flex;width:25%;padding:20px;max-height:100%;flex-direction:column;align-items:center}.site-overview .accounts .search-account{width:90%;margin-bottom:15px}.site-overview .accounts .search-account p{margin:5px 0;font-size:18px}.site-overview .accounts .button-wrapper{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:none;width:100%;flex:1;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,white 2%,black 98%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,white 2%,black 98%,transparent 100%)}.site-overview .accounts .button-wrapper .specific-chat{margin:15px 10px;height:15%;flex-shrink:0;border:solid 3px #4954C8;border-radius:30px;background-color:#303030;color:#fff;transition:border-width .1s ease;display:flex;flex-direction:row;align-items:center;padding:10px;overflow:hidden;box-shadow:3px 3px 10px #252525}.site-overview .accounts .button-wrapper .specific-chat .button-infos{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;align-items:flex-start}.site-overview .accounts .button-wrapper .specific-chat .button-infos p{width:90%;margin:0 20px;font-size:26px;overflow:hidden;text-overflow:ellipsis;font-family:Varela Round,sans-serif;text-align:left}.site-overview .accounts .button-wrapper .specific-chat .button-infos .lastmsg{width:90%;color:gray;font-size:18px;overflow:hidden;text-overflow:ellipsis;text-align:left}.site-overview .accounts .button-wrapper .specific-chat:hover{cursor:pointer;border-width:5px}.site-overview .chatRoom{width:100%}.site-overview .chatRoom .chatRoomButton{width:100%;font-family:Varela Round,sans-serif;font-size:20px;background-color:#303030;color:#fff;border:solid 3px white;border-radius:15px;outline:none;padding:0 5px;transition:border-color .2s ease}.site-overview .seperator{width:6px;background-color:#fff;border-radius:999px;margin:15px 0}.mainFrame{display:flex;flex-direction:column;justify-content:flex-end;position:relative;height:92%}.mainFrame .chat-strip{display:flex;flex-direction:row;width:100%;justify-content:flex-end;align-items:flex-end}.mainFrame .chat-strip .mainInput{color:#fff;background-color:#303030;border:solid 3px white;border-radius:15px;font-family:Varela Round,sans-serif;font-size:20px;line-height:24px;resize:none;outline:none;padding:10px;overflow-y:auto;scrollbar-color:gray transparent;margin:10px 5px 10px 10px;flex:1;caret-color:#4954c8;transition:border-color .2s ease}.mainFrame .chat-strip .mainInput:focus{border:solid 3px #4954C8}.mainFrame .chat-strip .emojiMenuButton{width:50px;height:50px;background-size:40px 40px;cursor:pointer;background-color:#353535;font-size:30px;display:flex;justify-content:center;text-align:center;border:solid 3px white;border-radius:15px;margin:10px 10px 10px 5px;transition:border-color .1s ease}.mainFrame .chat-strip .emojiMenuButton:hover{background-color:#353535;border-color:#4954c8}.mainFrame .chat-strip .sendButton{width:50px;height:50px;background-size:40px 40px;cursor:pointer;background-color:#353535;font-size:30px;display:flex;justify-content:flex-start;align-items:flex-end;border:solid 3px white;border-radius:15px;margin:10px 5px;transition:border-color .1s ease}.mainFrame .chat-strip .sendButton:hover{background-color:#353535;border-color:#4954c8}.mainFrame .chat-strip .sendButton .icon{transform:rotate(-45deg);font-size:40px}.mainFrame .emojiContainer{border:solid 3px #4954C8;border-radius:10px;display:flex;position:absolute;right:10px;bottom:100px;z-index:10;gap:3px;max-height:500px;height:500px;overflow-y:scroll;max-width:330px;width:330px;background-color:#404040;scrollbar-color:#4954C8 transparent}.mainFrame .emojiContainer .categories{width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;padding-left:8px;padding-top:8px}.mainFrame .emojiContainer .categories p{font-size:20px;margin:0}.mainFrame .emojiContainer .categories .allEmojis{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;max-width:100%}.mainFrame .emojiContainer .categories .allEmojisLast{display:flex;flex-direction:row;justify-content:flex-start}.mainFrame .emojiContainer .emojiButton{display:flex;font-size:35px;border-radius:999px;width:50px;height:50px;align-items:center;text-align:center;justify-content:center;background-color:transparent;border:none;transition:background-color .2s ease}.mainFrame .emojiContainer .emojiButton:hover{background-color:gray}.mainFrame .emojiContainer .loadingWrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.mainFrame .emojiContainer .loadingWrapper .circleProgress{color:#4954c8}.mainFrame .messages{display:flex;flex-direction:column-reverse;align-items:center;overflow-y:auto;height:calc(100% - 40px);width:100%;scrollbar-color:gray transparent}.mainFrame .messages .messageWrapper{width:100%;max-width:100%;display:flex;align-items:flex-start}.mainFrame .messages .messageWrapper .singleMessage{max-width:70%;margin:5px 10px;display:flex;flex-direction:column;align-items:flex-start}.mainFrame .messages .messageWrapper .singleMessage .text{padding:10px;border:solid 3px white;border-radius:10px;font-size:20px;background-color:#353535;white-space:pre-wrap;overflow-wrap:break-word;width:fit-content;max-width:100%}.mainFrame .messages .messageWrapper .singleMessage .text.own{border-color:#4954c8;background-color:#373b68}.mainFrame .messages .messageWrapper .singleMessage .infoWrapper{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;margin:5px}.mainFrame .messages .messageWrapper .singleMessage .infoWrapper .pfp{width:40px;height:40px;border-radius:999px;border:2px solid #4954C8}.mainFrame .messages .messageWrapper .singleMessage .infoWrapper .username{font-size:18px;max-width:500px;overflow-x:hidden;white-space:nowrap;margin:5px 0}.mainFrame .messages .messageWrapper .singleMessage .infoWrapper .date{font-size:12px;color:#a9a9a9;white-space:nowrap;margin:5px 0}.mainFrame .messages .messageWrapper .singleMessage .infoWrapper.own{flex-direction:row-reverse}.mainFrame .messages .messageWrapper .singleMessage.own{align-items:flex-end}.mainFrame .messages .messageWrapper.own{justify-content:flex-end}.mainFrame .messages .loadButton{background-color:#353535;border:solid 3px #41b363;font-size:15px;width:fit-content;padding:5px 10px;margin:5px;display:flex;justify-content:center;align-items:center}.mainFrame .messages .loadButton:active{border-color:#fff}.mainFrame .emojiTextWrapper{display:flex;align-items:end;justify-content:end;width:100%;height:3ch}.mainFrame .emojiTextWrapper .emojiText{display:flex;align-items:end;justify-content:end;position:relative;right:180px;top:200px;font-size:2ch}.helpWrapper{position:absolute;bottom:100px;height:auto;display:flex;padding:10px;border:solid 3px white;border-radius:10px;font-size:20px;background-color:#353535;width:40%}.helpWrapper .commandList{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;scrollbar-color:#353535 transparent;width:100%}.helpWrapper .icon{display:flex;align-items:center;justify-content:center}.helpWrapper .closeButton{position:relative;display:flex;align-self:flex-start;justify-content:center;left:350px}.BlueScreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.BlueScreen img{width:100%;height:100%;object-fit:cover}.frame{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.frame input{width:100%;color:#fff;background-color:#404040;border:solid 2px #ffffff;border-radius:10px;outline:none;height:1.8em;font-size:20px;font-family:Varela Round,sans-serif;padding:0 10px;transition:border-color .2s ease;box-shadow:3px 3px 10px #252525}.frame input:focus{border-color:#4954c8;background-color:#303030}.frame .resultList{position:absolute;top:100%;left:-8px;z-index:100;background-color:#454545;border:solid 3px #ffffff;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin:5px;width:100%;display:flex;flex-direction:column;align-items:center;box-shadow:3px 3px 10px #252525}.frame .resultList .resultWrapper{width:100%;display:flex;align-items:center;flex-direction:column}.frame .resultList .resultWrapper button{margin:5px;max-width:90%;height:1.8em;font-size:20px;font-family:Varela Round,sans-serif;background-color:#404040;border-radius:10px;padding:5px 20px;overflow:hidden;text-overflow:ellipsis}.frame .resultList .resultWrapper button:hover{background-color:#353535}.frame .resultList .resultWrapper .MuiDivider-root{border-color:#fff;margin:8px}.home-container{width:100%;height:100%;position:relative;padding:20px}.home-card{width:250px;padding:20px;background:#303030;color:#fff;border-radius:15px;margin-bottom:20px;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 5px 20px #0003;position:absolute;max-height:100%}.home-card:active{cursor:grabbing}.big{font-size:40px;font-weight:700}.small{font-size:15px;opacity:.7}.main-frame{display:flex;flex-direction:row;flex:1}.main-frame .navigation{width:20%;height:100%;display:flex;flex-direction:column;align-items:center}.main-frame .navigation button{font-family:Varela Round,sans-serif;font-size:20px;background-color:#303030;width:90%;border:solid 3px #4954C8;border-radius:15px;margin:10px;padding:10px 0;display:flex;align-items:center;justify-content:center}.main-frame .navigation .logoutButton{border-color:#df4545;background-color:#362222}.main-frame .page{width:80%;height:100%}.main-frame .seperator{width:6px;background-color:#fff;border-radius:999px;margin:20px 0}.settings-page{width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start;padding:20px;box-sizing:border-box}.settings-page .settings-card{width:100%;max-width:480px;background:#454545;border-radius:12px;padding:24px;border:5px solid;min-height:250px}.settings-page .settings-title{margin:0 0 8px;font-size:25px;font-weight:600;text-align:center}.settings-page .settings-content{display:flex;flex-direction:column;gap:16px}.settings-page .settings-section{padding-top:8px;border-top:3px solid #383838}.settings-page .settings-section:first-of-type{border-top:none;padding-top:0}.settings-page .settings-section-title{font-size:18px;font-weight:600;margin:0 0 6px;color:#fff}.settings-page .settings-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.settings-page .settings-row-text{display:flex;flex-direction:column;gap:2px}.settings-page .settings-row-title{font-size:14px;font-weight:500;color:#fff}.settings-page .settings-row-description{font-size:12px;color:#fff;opacity:.8}.settings-page .settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0}.settings-page .settings-toggle{width:18px;height:18px}.settings-page .settings-select{max-width:180px}.settings-page .settings-footer{margin-top:8px;display:flex;justify-content:flex-end}.settings-page button{flex:0;padding:8px 12px;border-radius:8px;border:3px solid #383838;background:#303030;color:#fff;font-size:14px;outline:none;transition:border-color .2s ease}.settings-page button:hover{border-color:#41b363;cursor:pointer}.settings-page button:hover:disabled{border-color:#df4545}.settings-page .form-group{display:flex;flex-direction:column;gap:6px}.settings-page .form-group label{font-size:16px;color:#fff}.settings-page .form-group .form-row{display:flex;gap:8px;align-items:center}.settings-page .form-group .error-message{display:flex;justify-content:center;flex-direction:column;color:#df4545;font-size:18px;font-family:Varela Round,sans-serif;cursor:default;padding:8px 0}.settings-page .input{flex:1;padding:8px 12px;border-radius:8px;border:3px solid #383838;transition:border-color .2s ease;background:#303030;color:#fff;font-size:14px;outline:none}.settings-page .placeholder{color:#fff}.mainFrame .titleChangeName{font-size:20px;margin:2px}.mainFrame .copyUserId{display:flex;flex-direction:row;font-size:20px}.mainFrame .copyUserId p{margin:5px}.mainFrame .copyUserId button{transition:color .2s ease}.mainFrame .copyUserId button:active{color:#43a4d5;scale:.95}.mainFrame .nameInput{display:flex;flex-direction:row}.mainFrame .nameInput input{background-color:#303030;color:#fff;border:solid 3px white;border-radius:15px;outline:none;padding:0 10px;transition:border-color .2s ease;font-size:20px;height:2em;margin-right:20px}.mainFrame .nameInput input:focus{border-color:#4954c8}.mainFrame .nameInput button{font-size:20px;background-color:#303030;border:solid 3px white;border-radius:15px;padding:0 20px;display:flex;justify-content:center;align-items:center;transition:border-color .01s ease}.mainFrame .nameInput button:hover{border-color:#41b363}.mainFrame .nameInput button:hover:disabled{border-color:#df4545}.mainFrame .fileInput{display:none}.mainFrame .fileInputButton{display:flex;align-items:center;justify-content:center;background-color:#303030;color:#fff;height:2em;width:40%;font-size:20px;border:solid 3px white;border-radius:15px;cursor:pointer;transition:scale .1s ease,border-color .2s ease}.mainFrame .fileInputButton:hover{border-color:#4954c8;scale:1.03}.mainFrame .titleChangePwd{font-size:20px;margin:2px}.mainFrame .changePwd{display:flex;flex-direction:row}.mainFrame .changePwd input{background-color:#303030;color:#fff;border:solid 3px white;border-radius:15px;outline:none;padding:0 10px;transition:border-color .2s ease;font-size:20px;height:2em;margin-right:20px}.mainFrame .changePwd input:focus{border-color:#4954c8}.mainFrame .changePwd button{font-size:20px;background-color:#303030;border:solid 3px white;border-radius:15px;padding:0 20px;display:flex;justify-content:center;align-items:center;transition:border-color .01s ease}.mainFrame .changePwd button:hover{border-color:#41b363}.mainFrame .changePwd button:hover:disabled{border-color:#df4545}.mainFrame .twofa-block{display:flex;flex-direction:column;gap:10px;margin-top:10px;width:100%}.mainFrame .sec-switch{width:100%;background-color:#303030;color:#fff;border:solid 3px white;border-radius:15px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s ease;transition-duration:.5s}.mainFrame .sec-switch.on{border-color:#4954c8}.mainFrame .sec-switch .sec-switch-label{font-size:20px}.mainFrame .sec-switch .sec-switch-track{width:56px;height:30px;border:solid 3px white;border-radius:999px;display:flex;align-items:center;padding:2px;box-sizing:border-box;transition:border-color .2s ease}.mainFrame .sec-switch .sec-switch-thumb{width:22px;height:22px;border-radius:999px;background-color:#fff;transform:translate(0);transition:transform .18s ease}.mainFrame .sec-switch.on .sec-switch-track{border-color:#4954c8}.mainFrame .sec-switch.on .sec-switch-thumb{transform:translate(24px)}.mainFrame .errorMessage{font-size:20px}.mainFrame .errorMessage .text-positive{color:#41b363;margin:8px 0}.mainFrame .errorMessage .text-negative{color:#df4545;margin:8px 0}.mainFrame .text-negative{color:#df4545;margin:8px 0;font-size:20px}.mainFrame .text-positive{color:#41b363;margin:8px 0;font-size:20px}.mainFrame{padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.mainFrame .header{margin:5px}.mainFrame .devider{width:100%;height:3px;border-radius:999px;background-color:#717171}.mainFrame .versionInfo{display:flex;flex-direction:row;align-items:center}.mainFrame .versionInfo button{font-size:1em;transition:color .2s ease}.mainFrame .versionInfo button:hover{color:#41b363}.mainFrame .changelog{margin:2px;padding:5px;background-color:#353535;border-radius:10px}.mainFrame .changelog p{margin:0;font-size:18px}.mainFrame .changelog ul{font-size:18px;margin:8px 0}.mainFrame .changelog .important{font-weight:700}.mainFrame .changelog .important.green{color:#41b363}.mainFrame .changelog .important.yellow{color:#d1aa14}.mainFrame .changelog .important.red{color:#df4545}.mainFrame .infos{font-weight:400;margin:5px}body{margin:0;background-color:#404040}.App{background-color:#404040;color:#fff;font-family:Varela Round,sans-serif;height:100%;display:flex;flex-direction:column}.icon{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-size:28px}.Header{display:flex;gap:10px;background-color:#303030;height:60px}.Header .AnimType{width:250px;height:150px;font-size:45px;text-align:left;margin:2px 10px}.Header .headerContents{display:flex;flex-direction:row;justify-content:space-between;width:100%}.Header .headerContents .headerButtons{display:flex;flex-direction:row;height:100%;width:75%}.Header .headerContents .headerButtons button{width:16%;height:60%;margin:10px;display:flex;justify-content:center;align-items:center;font-family:Varela Round,sans-serif;font-size:120%;color:#fff;background-color:#404040;border:solid 3px rgb(255,255,255);border-radius:10px}.Header .headerContents .headerButtons button:hover{cursor:pointer;background-color:#454545}.Header .headerContents .profilePictureWrapper{display:flex;align-items:center;justify-content:center;height:100%;margin-right:20px;font-size:30px}.Header .headerContents .profilePictureWrapper .profilePicture{width:50px;height:50px;border-radius:999px;border:solid 3px #4954C8;transition:border-color .15s ease}.Header .headerContents .profilePictureWrapper .profilePicture:hover{cursor:pointer;border-color:#41b363}.Header .headerContents .profilePictureWrapper .clickerGame{display:flex;align-items:center}.chest{height:100%;max-height:calc(100% - 60px)}.Status{display:flex}.profilePictureWrapper{position:relative}.profileDropdownMenu{position:absolute;top:60px;right:0;z-index:9999;max-width:500px;padding:8px;background:#252525;border:1px solid rgba(255,255,255,.08);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px #00000059;display:flex;flex-direction:column;gap:6px}.profileDropdownMenu button{width:100%;text-align:left;padding:10px;border-radius:10px;background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer}.profileDropdownMenu button:hover{background:#ffffff14}.mainframe{background-color:#252525;border:solid 4px #DF4545;border-radius:10px;position:fixed;top:80px;left:20px;z-index:300;overflow:hidden}.mainframe .message{font-size:20px;margin:10px;display:flex;align-items:center}.mainframe .progress{width:100%;height:5px;background-color:#43a4d5}.mainframe .close{height:20%}.mainframe .close button{width:100%;height:100%;font-size:5px;background-color:transparent}.mainframe .close button:hover{background-color:#404040}