*{box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-height:100vh;font-family:Questrial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:400;padding:0}a{text-decoration:none;color:inherit;cursor:pointer}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button *{pointer-events:none}input{font-family:inherit;text-align:inherit}::-webkit-scrollbar{width:8px;background-color:#0000;-webkit-border-radius:100px}::-webkit-scrollbar:hover{background-color:#00000017}::-webkit-scrollbar-thumb:vertical{background:rgba(0,0,0,.5);-webkit-border-radius:100px}::-webkit-scrollbar-thumb:vertical:active{-webkit-border-radius:100px}.main-app{min-height:100vh;display:flex;flex-direction:column}.main-app main{flex-grow:1;width:100%}.main-app>footer{background-color:#111;color:#fff}a.active{font-weight:600}.clean-list{margin:0;padding:0;list-style-type:none}.clean-list>li{margin:0;padding:0}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex{display:flex}.inline-flex .full-grow,.flex .full-grow{flex:1}.inline-flex.column,.flex.column{flex-direction:column}.inline-flex.justify-center,.flex.justify-center{justify-content:center}.inline-flex.align-center,.flex.align-center{align-items:center}.inline-flex.wrap,.flex.wrap{flex-wrap:wrap}.inline-flex.space-between,.flex.space-between{justify-content:space-between}.inline-flex.space-around,.flex.space-around{justify-content:space-around}.inline-flex.auto-center,.flex.auto-center{justify-content:center;align-items:center}.inline-flex.gap5,.flex.gap5{gap:5px}.inline-flex.gap10,.flex.gap10{gap:10px}.inline-flex.gap20,.flex.gap20{gap:20px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.center-block{display:block;margin:0 auto}.capitalize{text-transform:capitalize}.simple-button{background:transparent;color:#000;font-size:inherit;font-family:inherit;border:0;opacity:.8;transition:.3s all;padding:0;cursor:pointer}.simple-button:disabled{cursor:initial;opacity:.2}.simple-button:hover:not(:disabled){opacity:1}.medium-button{font-size:1.5rem}.primary-button{border-radius:1.2em;background-color:#00c1fc;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;padding:.4em .8em;transition:all .2s ease-in-out;border:none}.primary-button:hover{background-color:#00b5ed;text-decoration:none}.primary-button:disabled{opacity:.5;cursor:initial;pointer-events:none}.primary-button.large,.outlined-button.large{font-size:1.2rem}.primary-button.small,.outlined-button.small{font-size:.9rem}.outlined-button{border-radius:20px;background-color:transparent;padding:.25em .5em;font-size:1rem;font-weight:600;cursor:pointer;transition-property:color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out;border:1px solid #476767;color:#476767;display:inline-block}.outlined-button:hover{color:#2c3e50;border-color:#2c3e50;text-decoration:none}.fast-trans{transition:.25s all}.normal-trans{transition:.4s all}.slow-trans{transition:.7s all}.p5{padding:5px}.p10{padding:10px}.p20{padding:20px}.m5{margin:5px}.m10{margin:10px}.m20{margin:20px}.normBackground{background-repeat:no-repeat;background-position:center;background-size:cover}.bottom-divider{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid lightgray}.blurred{filter:blur(4px)}.simple-form{display:flex;flex-direction:column;width:300px;margin:15px auto}.simple-form>*:not(:last-child){margin-bottom:10px}.simple-form:is(input:not([type=checkbox]),button){padding:5px 8px;width:100%}.form-errors{text-align:center;margin-top:24px;color:red;font-size:15px}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip span[role=tooltip]{visibility:hidden;background-color:#000;width:fit-content;color:#fff;text-align:center;border-radius:6px;padding:5px 10px;font-size:.8em;white-space:nowrap;position:absolute;z-index:1;bottom:100%;left:50%;translate:-50% 0;opacity:0;transition:opacity .3s;display:block}.tooltip:hover span[role=tooltip]{visibility:visible;opacity:1}.container{max-width:1100px;margin:0 auto;padding:20px 10px}.simple-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px}@keyframes slide-in-out{0%{transform:translateY(150%)}12%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:1}to{transform:translateY(150%);opacity:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes scalein{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes scaleout{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes scaleinsoft{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.home{text-align:center;color:#0000008a}.home h1{font-size:40px;margin:10px}.home img{width:500px}.mail-index{background-color:#f5f5f5}@media (max-width: 767px){.mail-index{flex-direction:column}.mail-index .mail-index-compose-button{position:fixed;bottom:3em;margin:.75em;right:0;z-index:1;padding:.5em .75em}.mail-index .mail-folder-list{position:fixed;background:white;padding:.5em .75em .5em 0;border-radius:.5em;box-shadow:0 0 .5em #00000040;z-index:1;bottom:0;right:0;left:0;margin:.75em;display:none}.mail-index .mail-index-compose{bottom:0;border-bottom:0;margin:0;padding:0;right:0}}.mail-index aside{flex:0 0 15%}.app-header{background:#1ea2e9;color:#fff}.app-header section.container{display:flex;align-items:center}.app-header h1.logo{flex-grow:1;font-weight:600}.app-header .back{flex-grow:1}.app-header nav a:not(:last-child){margin-right:10px}.app-header section.container>section{flex-grow:1}.app-header nav li a.active{cursor:default;pointer-events:none;color:#000;background:white;border-radius:5px;padding:5px 10px}.app-header nav li a{color:#fff;text-decoration:none;padding:5px 10px;border-radius:5px}.app-header nav li a:not(.active):hover{background:rgba(255,255,255,.2)}.mail-compose{position:fixed;box-shadow:0 1px 1em .25em #0001;background-color:#fcfcfc;border-radius:.5em;bottom:0;right:0;margin-inline:.5em;overflow:hidden;animation:slide-up .3s ease-in-out forwards 1;z-index:1}.mail-compose.closing{animation:slide-down .3s ease-in-out forwards 1}.mail-compose header{background-color:#00c1fc}.mail-compose form{padding-inline:15px}.mail-compose form label{display:flex;align-items:center}.mail-compose form label:not(:first-child){padding-block:5px}.mail-compose form label:first-child{padding-block:0}.mail-compose form label.error{font-weight:700;color:#ee5567;border-color:#ee5567}.mail-compose form label[data-error]{border-color:#ee5567;position:relative;margin-bottom:1.5em}.mail-compose form label[data-error]:before{content:attr(data-error);color:#ee5567;margin-inline-start:5px;position:absolute;font-size:.85em;top:100%;margin-top:.25em}.mail-compose form label textarea,.mail-compose form label input{border:none;border-radius:4px;overflow:hidden;background-color:transparent;padding-inline:5px;line-height:1.5;flex:1}.mail-compose form label textarea::placeholder,.mail-compose form label input::placeholder{color:#aaa7}.mail-compose form label textarea:focus,.mail-compose form label input:focus{outline:none}.mail-filter-search{position:relative;color:#476767}.mail-filter-search svg{position:absolute;top:50%;left:.5em;margin-inline:.1em;transform:translateY(-50%);stroke:#111}.mail-filter-search input{font-size:inherit;border-radius:.5em;padding:.5em 1em .5em 2em;background-color:#dfe8f2;border:1px solid transparent;color:inherit;margin-bottom:1rem}.mail-filter-search input:focus{outline:none;border-color:currentColor}.mail-filter-search input::placeholder{color:#6e6e6e}.mail-filter-asc-buttons{background-color:#fff;border-radius:.5em .5em 0 0;width:100%}.mail-filter-asc-buttons .filter-asc button.filter-asc-remove{opacity:0;max-width:0;margin-left:5px}.mail-filter-asc-buttons .filter-asc:hover button.filter-asc-remove{max-width:1em;opacity:1}.mail-list{background:#fff;border-radius:0 0 .5em .5em}li.mail-preview{align-items:flex-start;border-bottom:1px solid #e0e0e0;padding:1em;width:100%;display:grid;gap:1em;grid-template-columns:auto minmax(80px,10%) minmax(120px,15%) 1fr auto;position:relative}li.mail-preview button.mail-star{padding:2px}li.mail-preview .mail-link{top:0;right:0;bottom:0;left:0;position:absolute}li.mail-preview.unread .mail-content,li.mail-preview.unread .mail-to,li.mail-preview.unread .mail-subject{font-weight:700}li.mail-preview:last-child{border-bottom:none}li.mail-preview.mail-list-item:hover{box-shadow:0 0 1em #0000001a}li.mail-preview .mail-to{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li.mail-preview .mail-subject,li.mail-preview .mail-content{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#111}li.mail-preview .mail-sent-at{margin-left:auto;text-align:end;white-space:nowrap;color:#9e9e9e}.mail-details{display:flex;flex-direction:column;flex-grow:1;background-color:#fcfcfc}.mail-details .mail-details-not-found{padding-bottom:15vh}.mail-details .mail-details-not-found>:last-child{margin-top:1em}.mail-details .mail-details-container .mail-details-header{padding:.5em 1.5em .25em 1em;border-color:#ccc5;background-color:#f5f5f5;border-bottom:1px solid rgba(204,204,204,.3333333333);display:flex;align-items:center}.mail-details .mail-details-container .mail-details-header .back-button{margin-right:auto;cursor:pointer}.mail-details .mail-details-container .mail-details-header button{padding:.5em}.mail-details .mail-details-body .mail-details-body-content{word-break:break-word;white-space:pre-wrap;padding:1em;font-size:1.2em;line-height:1.5em;color:#333;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}button.mail-star.starred svg{fill:#f1a530;stroke:#f1a530;stroke-width:.2em}.mail-folder-list{display:flex;flex-direction:column;gap:10px}.mail-folder-list a.mail-folder-link{padding:.5em 1.5em .5em 2.5em;margin-inline-end:max(20%,3em);border:none;width:180px;background-color:transparent;border-radius:0 2em 2em 0;transition:none}.mail-folder-list a.mail-folder-link>div{display:inline-flex;align-items:center;flex-wrap:nowrap}.mail-folder-list a.mail-folder-link:hover{text-decoration:none;background-color:#eee}.mail-folder-list a.mail-folder-link .count{animation:fadein 0s ease-in 75ms forwards}.mail-folder-list a.mail-folder-link svg{margin-right:1em;stroke-width:2;stroke:#274a8a}.mail-folder-list a.mail-folder-link.active{background-color:#274a8a;font-weight:700;color:#fcfcfc}.mail-folder-list a.mail-folder-link.active svg{stroke-width:3;stroke:#fcfcfc}.loading{background-color:#f5f5f5;display:flex}.loading .lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px;margin:auto}.loading .lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.loading .lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.loading .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.loading .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.loading .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}