@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#202433;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;cursor:pointer;background:none;color:inherit}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#777d91}.skeleton-block{display:block;border-radius:6px;background:linear-gradient(90deg,#f0f2ef 25%,#fafbf9 37%,#f0f2ef 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-page{min-height:100vh;display:flex;background:#fff}.skeleton-sidebar{width:220px;flex:0 0 220px;padding:16px;border-right:1px solid #f0f0ee}.skeleton-logo{width:58px;height:35px;margin:0 10px 12px}.skeleton-account{width:100%;height:43px;margin-bottom:9px;border-radius:15px}.skeleton-compose{width:100%;height:30px;margin-bottom:28px;border-radius:18px}.skeleton-nav-item{width:100%;height:36px;margin:3px 0;border-radius:12px}.skeleton-main{min-width:0;flex:1}.skeleton-toolbar{display:flex;align-items:center;gap:19px;max-width:680px;margin:17px 0 13px 27px}.skeleton-search{width:min(576px,70vw);height:33px;border-radius:20px}.skeleton-icon{width:18px;height:18px;border-radius:50%}.skeleton-email-list{margin-left:27px}.skeleton-email-row{display:grid;grid-template-columns:176px 82px minmax(130px,max-content) 1fr 22px;align-items:center;gap:0;width:calc(100% - 27px);min-height:49px;padding:0 7px 0 20px;border-bottom:1px solid #f0f1ef}.skeleton-email-row>.skeleton-block{height:12px}.skeleton-recipient{width:135px}.skeleton-status{width:54px;border-radius:12px!important}.skeleton-subject{width:105px}.skeleton-preview{width:min(70%,280px)}.skeleton-star{width:14px;height:14px!important;border-radius:50%!important;justify-self:end}.skeleton-auth-card{display:grid;align-content:start;gap:14px}.skeleton-auth-title{width:140px;height:38px;margin:0 auto 13px}.skeleton-auth-button{width:100%;height:42px;border-radius:9px}.skeleton-auth-input{width:100%;height:45px;border-radius:8px}.skeleton-auth-submit{width:100%;height:42px;margin-top:10px;border-radius:9px}.login-screen{min-height:100vh;display:grid;place-items:center;background:#fdfdfc}.login-card{width:426px;min-height:424px;padding:45px 49px;border:1px solid #e1e3e1;border-radius:8px;text-align:center}.login-card h1{margin:0 0 27px;font-size:34px;font-weight:600}.login-card input{display:block;width:100%;margin-top:10px;padding:14px 17px;border:0;border-radius:8px;background:#f0f2ef;outline:0;color:#31352f}.google-button,.login-submit{display:flex;align-items:center;justify-content:center;width:100%;height:42px;border-radius:9px;text-decoration:none;font-size:14px}.google-button{gap:11px;background:#e2f3e8;color:#303630}.google-g{color:#4285f4;font-size:18px;font-weight:700}.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#b1b4b2;font-size:12px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e5e6e4}.login-submit{margin-top:24px;color:#fff;background:#00a83b}.login-submit:disabled{opacity:.65;cursor:wait}.auth-switch{margin-top:15px;color:#00a83b;font-size:12px}.login-error{margin:-14px 0 16px;color:#bd4343;font-size:12px}.mail-shell{min-height:100vh;display:flex;background:#fff}.mail-sidebar{width:220px;flex:0 0 220px;padding:16px;border-right:1px solid #f0f0ee;position:relative}.onb-logo{margin:0 10px 12px;color:#111;font-size:29px;font-weight:700;letter-spacing:-4px}.account-picker{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:15px;background:#f0f2ef}.account-picker img{width:27px;height:27px;border-radius:50%}.account-picker div{min-width:0;flex:1}.account-picker strong,.account-picker small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-picker strong{font-size:12px;font-weight:500}.account-picker small{margin-top:2px;color:#8c918d;font-size:9px}.account-picker>span{color:#8d928e}.account-picker.open .account-chevron{transform:rotate(180deg)}.account-chevron{transition:transform .2s ease}.account-menu{position:absolute;top:104px;right:16px;left:16px;z-index:4;display:grid;max-height:0;overflow:hidden;padding:0 5px;border-radius:10px;background:#fff;opacity:0;pointer-events:none;box-shadow:0 6px 18px #2222;transform:translateY(-5px);transition:max-height .2s ease,opacity .2s ease,transform .2s ease,padding .2s ease}.account-menu.open{max-height:44px;padding:5px;opacity:1;pointer-events:auto;transform:translateY(0)}.account-menu>button{min-height:0;padding:0 13px;color:#b34545;text-align:left;font-size:12px;transition:padding .2s ease,background .2s ease}.account-menu.open>button{padding:8px 13px}.account-menu>button:hover{border-radius:8px;background:#fff1f1}.account-menu>button:disabled{cursor:wait;opacity:.6}.compose-outline{width:100%;margin:9px 0 28px;padding:6px;border:1px solid #00a83b;border-radius:18px;color:#00a83b;font-size:13px}.sidebar-label{display:block;margin:0 13px 7px;color:#a0a49f;font-size:10px}.mail-nav{display:grid;gap:3px}.mail-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 13px;border-radius:12px;color:#46504a;text-align:left;font-size:13px}.mail-nav button.active{background:#e0f1e8}.mail-nav b{margin-left:auto;color:#838982;font-size:11px;font-weight:400}.slack-link,.logout-link{margin:16px 13px 0;color:#00a83b;font-size:12px}.logout-link{margin-top:12px;color:#9b9f9b}.mail-main{min-width:0;flex:1}.mail-toolbar{display:flex;align-items:center;gap:19px;max-width:680px;margin:17px 0 13px 27px}.mail-toolbar>button{color:#a0a5a0}.filter-control{position:relative}.filter-control>button{display:grid;place-items:center;padding:4px;color:#a0a5a0}.filter-control>button.active{color:#00a83b}.filter-menu{position:absolute;top:28px;right:0;z-index:3;display:grid;min-width:130px;padding:5px;border:1px solid #e6e8e5;border-radius:8px;box-shadow:0 6px 18px #2222;background:#fff}.filter-menu button{padding:8px 10px;border-radius:5px;text-align:left;color:#555c56;font-size:12px}.filter-menu button:hover,.filter-menu button.selected{background:#e7f7eb;color:#168044}.mail-search{display:flex;align-items:center;gap:8px;width:min(576px,70vw);padding:8px 14px;border-radius:20px;background:#f4f5f2;color:#a7ada7}.mail-search input{width:100%;border:0;background:transparent;outline:0;color:#333;font-size:12px}.mail-list{margin-left:27px}.mail-row{display:grid;grid-template-columns:minmax(140px,176px) minmax(130px,170px) minmax(120px,max-content) minmax(0,1fr) 22px;align-items:center;gap:0;width:calc(100% - 27px);min-height:49px;padding:0 7px 0 20px;border-bottom:1px solid #f0f1ef;text-align:left;font-size:12px}.mail-row:hover{background:#fafcf9}.mail-row .to{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.mail-row .preview{overflow:hidden;color:#a0a49f;text-overflow:ellipsis;white-space:nowrap}.star-button{justify-self:end;color:#c4c8c3;cursor:pointer}.star-button.starred,.detail-action.starred,.star-button:hover,.detail-action:hover{color:#e5a51d}.mail-status{justify-self:start;min-width:0;max-width:100%;overflow:hidden;padding:3px 8px;border-radius:12px;color:#747a76;background:#f0f1f0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mail-status.scheduled{color:#ba7715;background:#fff0d9}.mail-empty{display:grid;place-items:center;gap:8px;padding:120px 20px;color:#a4aaa4;font-size:13px}.mail-empty p{margin:0}.compose-page,.detail-page{min-height:100vh;background:#fff}.compose-header,.detail-page header{display:flex;align-items:center;justify-content:space-between;height:82px;padding:0 26px;border-bottom:1px solid #f1f1ef}.compose-header>button{font-size:23px}.compose-header>button .back-arrow{margin-right:11px}.compose-header>div,.detail-page header>div{display:flex;align-items:center;gap:17px;color:#9da39e}.send-later-button,.send-button,.done-button{padding:7px 14px;border:1px solid #00a83b;border-radius:18px;color:#00a83b;font-size:12px}.compose-body{width:min(894px,calc(100% - 80px));margin:26px auto}.compose-line{display:flex;align-items:center;min-height:48px;border-bottom:1px solid #e8eae7}.compose-line>label:first-child{width:62px;flex:0 0 62px;font-size:13px}.compose-line input{flex:1;min-width:0;border:0;outline:0;color:#343a35;font-size:14px}.compose-line input::placeholder{color:#aeb3ae}.from-pill{padding:8px 12px;border-radius:7px;background:#f2f3f1;font-size:13px}.upload-link{display:flex;align-items:center;gap:7px;color:#00a83b;font-size:13px;cursor:pointer;transition:color .15s ease}.upload-link:hover{color:#6f7771}.upload-link input{display:none}.limits{gap:10px;border:0}.limits label{width:auto!important;flex:none!important}.limits input{flex:none;width:60px;padding:8px;border:1px solid #e6e8e5;border-radius:7px}.editor{display:flex;flex-direction:column;margin-top:7px;border-radius:8px;background:#f7f7f6}.editor-content{width:100%;min-height:32px;padding:16px;border:0;outline:0;overflow-y:auto;background:transparent}.editor-content:empty:before{content:attr(data-placeholder);color:#a6aaa7;pointer-events:none}.editor-tools{align-self:stretch;margin:0 15px 15px;padding:8px 15px;border-radius:20px;background:#fff;color:#8d938e;display:flex;align-items:center;gap:12px}.editor-tools button{color:inherit;font-size:15px;line-height:1}.editor-tools button:hover{color:#00a83b}.editor-tools button.active{color:#00a83b;border-radius:5px;background:#e7f7eb}.send-button{float:right;margin-top:16px;padding:9px 25px;background:#00a83b;color:#fff}.send-button:disabled{cursor:wait;opacity:.65}.error{color:#cc4d4d;font-size:12px}.send-later-popover{position:absolute;top:100px;right:25px;z-index:2;display:grid;gap:15px;width:275px;padding:17px 15px;border:1px solid #e6e6e4;border-radius:7px;box-shadow:0 4px 12px #2222;background:#fff;font-size:13px}.schedule-picker{display:grid;gap:8px;color:#929892;font-size:12px}.schedule-picker input{width:100%;padding:8px;border:1px solid #e6e8e5;border-radius:7px;color:#343a35;font-size:12px}.send-later-popover button{text-align:left}.send-later-popover div{display:flex;justify-content:flex-end;gap:20px}.send-later-popover .done-button{padding:6px 17px}.recipient-input{min-width:0;flex:1}.recipient-pills{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:35px}.recipient-pills input{min-width:180px}.recipient-pill,.attachment-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:12px;background:#dcf3e5;color:#168044;font-size:12px}.recipient-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:24px;padding:0 8px;border-radius:12px;background:#dcf3e5;color:#168044;font-size:12px;font-weight:600}.recipient-overflow:hover{background:#c9ecd7}.recipient-pill button,.attachment-pill button{display:grid;place-items:center;padding:0;color:currentColor}.icon-upload{position:relative;display:grid;cursor:pointer;color:#9da39e}.icon-upload.has-attachments,.compose-header .is-scheduled{color:#00a83b}.icon-upload input{position:absolute;width:1px;height:1px;opacity:0}.attachment-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.attachment-pill{border-radius:7px;background:#f2f3f1;color:#555c56}.attachment-pill span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{position:fixed;right:24px;bottom:24px;z-index:10;display:flex;align-items:center;gap:12px;max-width:min(380px,calc(100vw - 32px));padding:12px 14px;border:1px solid #f1caca;border-radius:8px;box-shadow:0 8px 24px #2222;background:#fff7f7;color:#a43d3d;font-size:13px}.toast button{display:grid;place-items:center;padding:0;color:currentColor}.toast.success{border-color:#b9e5c7;background:#f1fff4;color:#168044}.detail-page header{justify-content:flex-start;gap:12px}.detail-page header h1{margin:0;font-size:21px;font-weight:400}.detail-page header>div{margin-left:auto}.detail-action{display:grid;place-items:center;padding:0;color:#c4c8c3}.delete-action:hover{color:#cc4d4d}.detail-action:disabled{cursor:wait;opacity:.5}.detail-page header img{width:29px;height:29px;border-radius:50%}.detail-page article{display:flex;gap:15px;width:min(850px,calc(100% - 80px));margin:30px auto}.sender-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#0bc458;color:#fff}.detail-page article h3{margin:0 0 3px;font-size:14px}.detail-page article small,.detail-page article time{color:#929892;font-size:11px}.detail-page article p{margin-top:30px;white-space:pre-wrap;line-height:1.7}.detail-page article time{margin-left:auto;white-space:nowrap}@media (max-width: 720px){.mail-sidebar,.skeleton-sidebar{width:68px;flex-basis:68px;padding:16px 8px}.onb-logo{margin-left:8px}.account-picker div,.account-picker>span,.compose-outline,.sidebar-label,.mail-nav button b,.logout-link{display:none}.account-picker{justify-content:center;padding:8px 0}.mail-nav button{justify-content:center;padding:11px 0}.skeleton-compose,.skeleton-sidebar .skeleton-nav-item,.skeleton-account{width:52px;margin-left:auto;margin-right:auto}.mail-toolbar,.mail-list,.skeleton-email-list{margin-left:12px}.mail-row,.skeleton-email-row{grid-template-columns:minmax(0,1fr) minmax(72px,110px) 20px;gap:5px;padding-left:8px}.mail-row .to,.skeleton-recipient,.mail-row strong,.mail-row .preview,.skeleton-subject,.skeleton-preview{grid-column:1 / 2}.mail-row .mail-status,.skeleton-status{grid-column:2;grid-row:1 / 3;justify-self:stretch}.skeleton-star{grid-column:3;grid-row:1 / 3}.compose-body,.detail-page article{width:calc(100% - 30px)}.compose-header>button{font-size:18px}.compose-header>div svg{display:none}.compose-line{flex-wrap:wrap;padding:5px 0}.compose-line>label:first-child{width:55px;flex-basis:55px}.limits{gap:5px}}