footer.copyright{display:block;width:100%;font-size:0.9rem;margin:var(--gap-box) 0;text-align:center;}body>section.signin{display:flex;width:100%;min-height:100vh;align-items:center;justify-content:center;}body>section.signin .form{display:block;width:600px;max-width:100%;padding:var(--gap-box);}body>section.signin .form header{text-align:center;}body>section.signin .form header .logo{user-select:none;}body>section.signin .form header .logo>span:first-child{display:block;margin:auto;width:200px;height:200px;}body>section.signin .form header .logo>span:first-child::before{display:block;content:'';width:100%;height:100%;background:url(/static/images/logo.webp) no-repeat center center;background-size:cover;}body>section.signin .form main section .welcome-message{text-align:center;padding:var(--gap-box);}body>section.signin .form main section .sx-fieldset{margin-top:var(--gap-box);}.api-secret-key-container{display:flex;justify-content:center }.api-secret-key-container .sx-control{flex-grow:1;}section.session-list label>span{display:block;flex-grow:1;width:0;}section.session-list label span.block{display:block;}section.session-list label span.small{display:block;font-size:0.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}section.authorized-apps label>span{display:block;flex-grow:1;width:0;}section.authorized-apps label span.block{display:block;}section.authorized-apps label span.small{display:block;font-size:0.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.list-add-button .right,.list-update-button .right{display:flex;}.list-add-button .sx-control,.list-update-button .sx-control{flex-grow:1;flex-basis:50%;}body>section.main>main{width:100%;display:flex;min-height:100vh;}body>section.main>main>aside{flex-basis:250px;flex-shrink:0;padding:var(--gap-box);background:var(--light_3);user-select:none;}body>section.main>main>aside .logo{display:flex;align-items:center;flex-direction:column;text-decoration:none;font-size:1.5rem;font-weight:bold;}body>section.main>main>aside .logo::before{content:'';display:block;width:100px;height:100px;background:url(/static/images/logo.webp) no-repeat center center;background-size:cover;}body>section.main>main>aside .email{display:block;padding-bottom:var(--gap-box);}body>section.main>main>aside nav{display:flex;flex-grow:1;align-items:center;justify-content:right;}body>section.main>main>aside p.email{text-align:center;}body>section.main>main>aside ul{margin:0;padding:var(--gap-section) 0;list-style:0;}body>section.main>main>aside ul li{border-radius:var(--radius);overflow:hidden;margin-bottom:1px;}body>section.main>main>aside ul li>span{cursor:pointer;display:flex;align-items:center;height:var(--size-textbox-height);text-decoration:none;box-sizing:border-box;background:var(--light_5);padding:0 var(--gap-box);}body>section.main>main>aside ul li>span::before{content:attr(data-count);padding-right:var(--gap-inline);}body>section.main>main>aside ul li:hover>span{background:var(--light_6);}body>section.main>main>aside ul li.active>span{background:var(--light_8);}body>section.main>main>aside ul li.new>span{font-weight:bold;}body>section.main>main>div.right-side{flex-grow:1;padding:var(--gap-box);}body>section.main>main>div.right-side div.mail-container{background:var(--light_3);padding:var(--gap-box);border-radius:var(--radius);margin-bottom:var(--gap-box);}body>section.main>main>div.right-side div.mail-container .field{display:flex;width:100%;padding:var(--gap-box);background:var(--light_3);}body>section.main>main>div.right-side div.mail-container .field:nth-child(even){background:var(--light_5);}body>section.main>main>div.right-side div.mail-container .field .title{flex-basis:150px;flex-shrink:0;display:flex;align-items:center;}body>section.main>main>div.right-side div.mail-container .field .value{flex-grow:1;flex-shrink:0;width:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}body>section.main>main>div.right-side div.mail-compose{background:var(--light_3);padding:var(--gap-box);border-radius:var(--radius);margin-bottom:var(--gap-box);}body>section.main>main>div.right-side div.mail-compose .field{display:flex;width:100%;padding:var(--gap-box);background:var(--light_3);}body>section.main>main>div.right-side div.mail-compose .field:nth-child(even){background:var(--light_5);}body>section.main>main>div.right-side div.mail-compose .field .title{flex-basis:150px;flex-shrink:0;display:flex;align-items:center;}body>section.main>main>div.right-side div.mail-compose .field .value{flex-grow:1;flex-shrink:0;width:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}body>section.main>main>div.right-side div.main-list{padding:var(--gap-box);}body>section.main>main>div.right-side div.mail-list .field{display:flex;width:100%;padding:var(--gap-box);background:var(--light_3);}body>section.main>main>div.right-side div.mail-list .field:nth-child(even){background:var(--light_5);}body>section.main>main>div.right-side div.mail-list .field .title{flex-basis:150px;flex-shrink:0;display:flex;align-items:center;}body>section.main>main>div.right-side div.mail-list .field .value{flex-grow:1;flex-shrink:0;width:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}body>section.main>main>div.right-side div.mail-list>.mail{display:flex;width:100%;align-items:center;text-decoration:none;box-sizing:border-box;border-radius:var(--radius);background:var(--light_2);margin-bottom:1px;padding:var(--gap-inline) var(--gap-box);}body>section.main>main>div.right-side div.mail-list>.mail.unread{background:var(--light_8)!important;}body>section.main>main>div.right-side div.mail-list>.mail:nth-child(even){background:var(--light_3);}body>section.main>main>div.right-side div.mail-list>.mail:hover{background:var(--light_5);}body>section.main>main>div.right-side div.mail-list>.mail .checkbox{flex-shrink:0;}body>section.main>main>div.right-side div.mail-list>.mail .subject{width:0;cursor:pointer;flex-grow:1;padding:var(--gap-box);flex-grow:1;text-decoration:none;user-select:none;}body>section.main>main>div.right-side div.mail-list>.mail .subject>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}body>section.main>main>div.right-side div.mail-list>.mail .subject .from{font-size:0.7rem;opacity:0.7;}body>section.main>main>div.right-side div.mail-list>.mail .subject .risk-level{font-size:0.7rem;display:inline-block;vertical-align:middle;padding:0 var(--gap-box);margin-right:var(--gap-box);}body>section.main>main>div.right-side div.mail-list>.mail .subject .risk-level.safe::after{content:'SAFE';}body>section.main>main>div.right-side div.mail-list>.mail .subject .risk-level.safe{background:var(--light_green_1);color:var(--light_green_1-contrast);}body>section.main>main>div.right-side div.mail-list>.mail .subject .risk-level.unverified::after{content:'UNVERIFIED';}body>section.main>main>div.right-side div.mail-list>.mail .subject .risk-level.unverified{background:var(--light_orange_1);color:var(--light_orange_1-contrast);}body>section.main>main>div.right-side div.mail-list>.mail .subject .risk-level.dangerous::after{content:'DANGEROUS';}body>section.main>main>div.right-side div.mail-list>.mail .subject .risk-level.dangerous{background:var(--light_red_10);color:var(--light_red_10-contrast);}.hidden{display:none!important;}