.mailApp{background-color:#f6f8fc;width:100%;min-height:100vh}.mailBody{display:flex;width:100%}.mailContent{width:100%;margin:20px;padding:20px 20px 0;border-radius:20px;background-color:#fff}.toast{background-color:var(--background-color)!important;color:var(--text-color)!important;margin-bottom:20px}.toast div:first-child div{height:18px;width:18px}.toast div:last-child{padding-top:0!important}.editor{position:fixed;right:0;bottom:0;background-color:var(--text-color);min-width:400px;height:540px;margin-right:20px;border-radius:7px;box-shadow:0 5px 15px rgba(0,0,0,.192);overflow:hidden;z-index:122;bottom:21px!important}.editor.hiden{display:none}.markdownEditor textarea{height:350px;width:100%;overflow-y:auto;overflow-x:hidden}.header-edit{background-color:var(--primary-color);height:9%;display:flex;align-items:center;justify-content:space-between;padding-inline-start:5%;padding-inline-end:2%;margin-bottom:2%}.header-edit p{color:var(--text-color);font-size:15px}.closeBtn{color:var(--text-color);font-size:20px;cursor:pointer;padding:6px;transition:.3s;border-radius:100%}.closeBtn:hover{background-color:rgba(128,128,128,.11)}.inputEditor{display:flex;align-items:center;justify-content:flex-start;padding-inline-start:5%;padding-inline-end:2%;grid-column-gap:2%;height:36px}.inputEditor .input1{border:none;outline:none;font-size:14px;padding:6px;width:78%}.inputEditor .input1::placeholder{font-size:14px}.inputEditor .input2{border:none;outline:none;font-size:16px;color:rgb(58,58,58);width:100%;font-family:RobotoRegular;overflow:hidden;text-overflow:ellipsis;position:relative}.inputEditor .input2::placeholder{font-size:14px}.markdownEditor{width:100%;height:100%}textarea{width:90%;height:49%;resize:none;outline:none;border:none;font-size:16px}.view,textarea{padding-inline-start:5%;overflow-x:hidden;overflow-y:scroll;text-align:justify;padding-top:2%}.view{height:59%;max-width:90%}.view h1,.view h2{font-size:14px;font-family:RobotoRegular}.view p{font-size:17px;font-family:RobotoRegular}.toolBoxEditor{justify-content:space-between;margin-inline:4%}.toolBoxEditor,.toolBoxS{display:flex;align-items:center}.toolBoxS{justify-content:flex-start}.toolBoxS .mediumRegular{background-color:var(--primary-color)}.toolBoxS .mediumRegular,.toolBoxS .mediumRegular:hover{border-color:var(--primary-color)}.toolBoxEditor button{display:flex;align-items:center;justify-content:center;grid-column-gap:6px;width:86px;padding:8px;margin-right:7%;border-radius:32px;border:none;color:var(--text-color);cursor:pointer;transition:.1s;opacity:1}.toolBoxEditor button:hover{opacity:1}.toolBoxEditor button span:nth-child(2){font-size:17px}.sideBar{min-width:254px;background-color:var(--background-color);height:100vh}.sideBar ul{padding-left:10px}.sideBar ul li{border-radius:4px}.sideBar ul li .mediumRegular{border-radius:4px;font-style:normal;font-weight:600;src:local(""),url(https://fonts.cdnfonts.com/s/107528/Rangile.woff) format("woff")}.sideBar ul li span{color:var(--text-color)}.sideBar ul .active{background-color:rgb(65,65,65)}.navMenuTitle{display:flex;align-items:center;justify-content:flex-start;color:#272727d8;font-size:1.3em;overflow:hidden;justify-content:center;height:100px}.navMenuTitle img{height:105px;width:105px}.navMenuTitle div{display:flex;flex-direction:row;align-items:center;justify-content:center;grid-column-gap:3px}.compose.mediumRegular{width:180px;height:35px;background:rgb(255,255,255);border-radius:35px;font-weight:700;color:rgb(51,51,51);font-size:15px;margin-left:34px;margin-bottom:30px;font-style:normal;src:local(""),url(https://fonts.cdnfonts.com/s/107528/Rangile.woff) format("woff")}.compose.mediumRegular,.composeToggle{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.composeToggle{outline:none;background-color:#c2e7ff;height:56px;min-width:56px;width:56;border-radius:16px;grid-column-gap:9%;font-size:1em;margin-left:8%;margin-top:.2%;transition:.2s}ul{margin-top:5%}ul li{display:flex;align-items:center;justify-content:flex-start;padding-left:10%;grid-column-gap:8%;color:rgb(73,73,73);margin-bottom:2%;border-top-right-radius:23px;border-bottom-right-radius:23px;height:33px;cursor:pointer;margin-right:2%;padding:0 0 0 24px!important}.navItemsToggle{justify-content:center}.active{background-color:#d3e3fd;color:#0b57d0;font-family:GoogleSansMedium;pointer-events:none}ul li:hover{background-color:rgba(128,128,128,.13);color:black}ul li span:first-child{font-size:18px}ul li span:nth-child(3){margin-left:auto}.inbox-counter{background-color:var(--primary-color);margin-left:auto;margin-right:20px;width:22px;height:16px;justify-content:center;border-radius:10px;font-size:14px}.inbox-counter,.mailHeaderTop{display:flex;align-items:center}.mailHeaderBottom{margin-top:12px}.searchbar{position:relative;justify-content:flex-start;border-collapse:collapse;width:100%;margin-right:20px}.input,.searchbar{display:flex;align-items:center;border-radius:8px}.input{background-color:rgb(246,246,246);height:50px;width:100%!important;outline:none;padding-left:10px;font-family:Arial,Helvetica,Verdana,sans-serif;-webkit-font-smoothing:antialiased}.input input{margin-top:5px;width:87%;outline:none;border:none;background-color:transparent;font-size:17px;background-color:rgb(246,246,246);font-style:normal;font-weight:400;src:local(""),url(https://fonts.cdnfonts.com/s/107545/kromosius-personal-use-only.woff) format("woff")}.input img{padding:6px;height:29px;width:29px;margin-right:4px;margin-top:5px}.input img:hover{background-color:#27272727;border-radius:100%;cursor:pointer}.toolBox{justify-content:flex-end;grid-template-columns:12px;margin-left:30px}.toolBox,.wallet-info{display:flex;align-items:center}.wallet-info{height:44px!important;min-width:140px;justify-content:center;border-radius:8px;border:1px solid #111;color:#555;position:relative;cursor:pointer}.wallet-info-address{margin-top:5px;font-weight:600}.wallet-info:after{content:"";height:10px;width:140px;bottom:-10px;position:absolute;background-color:transparent}.wallet-info:hover .modal{display:block}.modal{height:315px!important;width:350px!important;position:absolute;top:50px;right:-1px;background-color:white;border-radius:10px;box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);padding:20px;display:none;cursor:default;z-index:10000}.modal:hover{display:block}.top{display:flex;align-items:center;padding-bottom:15px;border-bottom:1px solid #eeeeee}.top .text{margin-left:12px;font-family:Arial,Helvetica,Verdana,sans-serif;-webkit-font-smoothing:antialiased}.top .text>div{display:flex;align-items:center}.top .text>div div{font-weight:600;font-size:15px;color:rgb(51,51,51)!important;margin-right:6px}.top .text>div img{height:20px;width:20px}.top .img{height:42px;width:42px;background-color:black;border-radius:4px;display:flex;align-items:center;justify-content:center}.top img{height:34px;width:34px;margin-bottom:4px}.netWork{font-size:13px}.address{font-size:14px;color:rgb(153,153,153);margin-top:25px;display:flex;align-items:center}.address div:nth-child(2){display:flex;align-items:center;justify-content:space-between;margin-left:10px;color:black;cursor:pointer}.address div:nth-child(2) div{transition:color .2s ease}.address div:nth-child(2) i{position:relative;transition:color .2s ease}.address div:nth-child(2):hover i:after{content:"Copy";position:absolute;top:18px;right:0;height:20px;width:50px;color:var(--text-color);background-color:black;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:9px}.address div:nth-child(2):hover div{color:var(--primary-color)!important}.address div:nth-child(2):hover{color:var(--primary-color)}.address div:nth-child(2) div{margin-right:10px}.domain div{font-size:14px;color:rgb(153,153,153);margin-top:15px;display:flex;align-items:center}.domain div a,.domain div span{color:rgb(85,202,219);margin-left:5px}.logout{width:180px;line-height:35px;border-radius:35px;background:rgb(245,245,245);font-size:14px;text-align:center;cursor:pointer;color:#111}.bottom{height:50px;display:flex;align-items:center;justify-content:center;padding-top:10px;margin-top:20px;border-top:1px solid #eeeeee;opacity:.6;transition:opacity .3 ease}.bottom:hover{opacity:1}.withLove{color:var(--text-color)!important;margin-top:auto;position:fixed;bottom:24px;left:24px;font-style:normal;font-weight:400;src:local(""),url(https://fonts.cdnfonts.com/s/107528/Rangile.woff) format("woff")}.toast div:nth-child(2){padding-top:5px}a{text-decoration:underline}.header-tools-row{max-width:350px;margin-inline:3px;color:#4b4b4b;display:flex;align-items:center;justify-content:flex-start;margin-left:-7px;margin-bottom:12px}.header-tools-row span{font-size:22px;cursor:pointer;margin-inline-end:1%;transition:.1s;padding:6px}.header-tools-row span:hover,.tab-details span:hover{background-color:rgba(128,128,128,.137);border-radius:100%}.header-tools-row.disabled-action span{opacity:.5}.header-tools-row.disabled-action span:hover{background-color:transparent;cursor:default}.delete-icon{opacity:1!important;cursor:pointer!important}.delete-icon:hover{background-color:rgba(128,128,128,.137)!important}.tool-box-selection{justify-content:flex-start;font-size:18px}.bulk,.tool-box-selection{display:flex;align-items:center}.bulk{background-color:var(--primary-color);border:none;color:white;height:100%;margin-left:12%;cursor:pointer;justify-content:center;transition:background-color .2s ease;height:30px;width:30px;border-radius:30px}.bulk-inactive{background-color:transparent;border:1px solid gray;color:gray;pointer-events:none}.bulk.mediumSans span:hover{cursor:pointer!important;background-color:rgba(128,128,128,.137)!important}.bulk:hover{background-color:white;color:var(--primary-color)}.bulk .material-symbols-outlined{margin-right:0!important}.options{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-inline-start:3%;padding-inline-end:.2%;cursor:pointer;transition:.2s;overflow:hidden;border-left:2px solid #0b57d000;min-height:45px;margin-top:1%}.mail-list{overflow-x:hidden;overflow-y:auto;width:100%;height:calc(100vh - 169px);font-family:Rangile,sans-serif;scrollbar-width:none;-ms-overflow-style:none}.mail-item-list{max-width:calc(100vw - 350px);display:flex;align-items:center;justify-content:space-between;height:45px;cursor:pointer;padding:0 38px}.mail-item-list:hover{background-color:#f6f6f6}.mail-item-list-start{display:flex;align-items:center;justify-content:flex-start;width:440px;flex-shrink:1;min-width:0}.mail-item-list-start span{color:rgba(63,63,63,.34);font-size:19px;margin-right:5px;margin-top:6px}.mail-item-list-start p,.mediumRegular.mark .boldSans,.mediumSans.hour{font-style:normal;font-weight:400}.mark{display:flex!important;align-items:center;width:200px;font-size:15px;font-weight:lighter;flex-grow:4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:10px;margin-right:12px;position:relative;top:2px}.mark span{margin-right:4px}.mar span{width:200px}.mail-item-list-start .boldSans,.mar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item-list-start .boldSans{width:100%;position:relative;top:3px;font-size:14px}.body{font-size:16px;color:gray}.body,.hour{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hour{font-size:14px;font-weight:lighter;position:relative;top:3px;max-width:180px;margin-left:auto}.no-content{width:100%;height:100%;justify-content:center;color:#272727;font-size:14px;padding:12px;font-weight:600}.no-content,.no-content>div{display:flex;flex-direction:column;align-items:center}.no-content img{height:90px;width:90px;margin-bottom:10px}.no-content div,.no-content p{font-size:18px;color:#111}.mail-thread{margin-top:32px;width:100%;padding:0 2%}.mail-thread-list{height:calc(100vh - 319px);overflow-y:auto;font-family:Rangile,sans-serif;scrollbar-width:none;-ms-overflow-style:none}.details-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.head{font-size:24px;font-weight:600}.badge{background-color:rgba(128,128,128,.123);border:1px solid transparent;padding:6px 10px;border-radius:6px}.message-wrapper{display:flex;align-items:flex-start;margin-bottom:16px;gap:10px}.message-wrapper img{border-radius:32px}.message-wrapper.sender{justify-content:flex-start;flex-direction:row}.message-wrapper.me{flex-direction:row-reverse}.identicon{border-radius:50%;flex-shrink:0}.message-content{max-width:70%;padding:12px 16px;border-radius:12px;background-color:#f1f0f0;position:relative}.message-wrapper.me .message-content{background-color:#fff176}.message-wrapper.sender .message-content{background-color:#dfe6e9}.message-body{margin:0 0 4px;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.message-time{font-size:11px;color:gray;text-align:right;display:block}.reply-forward{display:flex;gap:10px;margin-top:20px}.reply-forward button{display:flex;align-items:center;gap:5px;padding:8px 16px;border:1px solid #dcdcdc;border-radius:20px;background-color:transparent;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease-in-out}.reply-forward button span{font-weight:500}.skeleton-list{width:100%;height:calc(100vh - 169px);display:flex;flex-direction:column;gap:10px}.skeleton-item{display:flex;gap:1rem;padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);animation:pulse 1.5s infinite;height:60px}.skeleton-avatar{height:2.5rem;width:2.5rem;border-radius:50%;background-color:#d1d5db;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:1rem;background-color:#d1d5db;border-radius:.25rem}.skeleton-line.full{width:100%}.skeleton-line.short{width:83%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}