.mail-surface{background:var(--ant-color-bg-container);border-radius:16px;overflow:clip}.mail-nav{width:100%;height:38px;color:var(--ant-color-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 14px;font-size:14px;transition:background-color .12s;display:flex}.mail-nav:hover{background:var(--ant-color-fill-tertiary)}.mail-nav[data-active=true]{background:var(--ant-color-primary-bg);color:var(--ant-color-primary);font-weight:600}.mail-nav:focus-visible{outline:2px solid var(--ant-color-primary);outline-offset:-2px}.mail-nav .mail-nav-icon{font-size:17px;display:inline-flex}.mail-nav .mail-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mail-nav .mail-nav-count{font-size:12px;font-weight:600}.mail-search{transition:box-shadow .15s,background-color .15s;border-radius:24px!important}.mail-search:focus-within{box-shadow:0 1px 6px #0000002e;background:var(--ant-color-bg-container)!important}.mail-row{background:var(--ant-color-bg-container);cursor:pointer;align-items:center;gap:12px;padding:10px 16px 10px 14px;transition:background-color .12s,box-shadow .12s;display:flex;position:relative}.mail-row[data-read=true]{background:var(--ant-color-fill-quaternary)}.mail-row:hover{background:var(--ant-color-fill-tertiary);z-index:1;box-shadow:0 1px 3px #00000029}.mail-row[data-selected=true]{background:var(--ant-color-primary-bg)}.mail-row:focus-visible{outline:2px solid var(--ant-color-primary);outline-offset:-2px}.mail-row .mail-pick{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;position:relative}.mail-row .mail-pick .mail-pick-box{background:var(--ant-color-bg-container);border-radius:50%;place-items:center;display:none;position:absolute;inset:0}.mail-row[data-selected=true] .mail-pick .mail-pick-box,.mail-list[data-selecting=true] .mail-row .mail-pick .mail-pick-box{display:grid}@media (hover:hover){.mail-row:hover .mail-pick .mail-pick-box,.mail-row:focus-within .mail-pick .mail-pick-box{display:grid}}.mail-row .mail-row-actions{gap:2px;display:none}@media (hover:hover){.mail-row:hover .mail-row-time,.mail-row:focus-within .mail-row-time{display:none}.mail-row:hover .mail-row-actions,.mail-row:focus-within .mail-row-actions{display:inline-flex}}.mail-group{z-index:2;letter-spacing:.02em;color:var(--ant-color-text-secondary);background:var(--ant-color-bg-container);padding:6px 18px;font-size:12px;font-weight:600;position:sticky;top:0}.mail-reply-bar{flex-wrap:wrap;gap:8px;display:flex}.mail-attachment{background:var(--ant-color-fill-tertiary);border-radius:12px;align-items:center;gap:10px;min-width:220px;max-width:320px;padding:8px 12px;transition:box-shadow .12s,background-color .12s;display:flex}.mail-attachment:hover{background:var(--ant-color-fill-secondary);box-shadow:0 1px 3px #00000029}.compose-row{align-items:center;gap:8px;padding:2px 0;display:flex}.compose-row>.compose-label{width:56px;color:var(--ant-color-text-secondary);flex-shrink:0;font-size:13px}.compose-row>.compose-field{flex:1;min-width:0}.compose-row .ant-form-item{margin:0}.mail-rail-sider .ant-layout-sider-children{height:100%}.mail-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ant-color-text-tertiary);margin:14px 12px 4px 26px;font-size:11px;font-weight:600}.mail-rail-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:0 12px 8px;overflow-y:auto}.mail-rail-foot{flex-direction:column;gap:2px;padding:8px 12px 12px;display:flex}.mail-addr{height:34px;padding-inline-start:22px}.mail-addr .mail-nav-label{font-size:13.5px}.mail-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.mail-nav[data-scoped=true]{box-shadow:inset 3px 0 0 var(--ant-color-primary);border-radius:4px 10px 10px 4px;font-weight:600}.mail-domain{width:100%;color:var(--ant-color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:4px 14px;font-size:12px;font-weight:600;display:flex}.mail-domain:hover{background:var(--ant-color-fill-quaternary)}.mail-scope{background:var(--ant-color-primary-bg);color:var(--ant-color-primary);border-radius:999px;justify-content:space-between;align-items:center;gap:6px;margin:8px 12px 0;padding:5px 6px 5px 12px;font-size:12px;display:flex}.mail-scope button{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mail-scope button:hover{background:var(--ant-color-primary-border)}.mail-tile{color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.mail-addr{gap:10px}.mail-kbd{font:inherit;background:#ffffff38;border-radius:6px;margin-inline-start:auto;padding:1px 7px;font-size:11px;font-weight:700;line-height:18px}.mail-nav[data-compact=true]{border-radius:14px;justify-content:center;width:52px;height:44px;margin-inline:auto;padding:0;position:relative}.mail-nav[data-compact=true] .mail-nav-icon{font-size:19px}.mail-nav-dot{top:9px;background:var(--ant-color-error);width:8px;height:8px;box-shadow:0 0 0 2px var(--ant-color-bg-layout);border-radius:50%;position:absolute;inset-inline-end:12px}.mail-rail-sider{transition:width .18s}.mail-addr-row{position:relative}.mail-addr2{gap:10px;height:auto;min-height:44px;padding:5px 14px 5px 12px}.mail-addr-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.mail-addr-local{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mail-addr-host{text-overflow:ellipsis;white-space:nowrap;color:var(--ant-color-text-tertiary);font-size:11.5px;overflow:hidden}.mail-nav[data-active=true] .mail-addr-host{color:inherit;opacity:.75}.mail-tile-sq{background:var(--ant-color-fill-secondary);color:var(--ant-color-text-secondary);border-radius:7px}.mail-sub-title{letter-spacing:.05em;text-transform:uppercase;color:var(--ant-color-text-tertiary);justify-content:space-between;align-items:center;margin:12px 4px 2px 14px;font-size:11px;font-weight:600;display:flex}.mail-pin{width:32px;color:var(--ant-color-text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:none;position:absolute;inset-block:0;inset-inline-end:6px}.mail-pin:hover{background:var(--ant-color-fill-secondary);color:var(--ant-color-text)}.mail-addr-row[data-pinned=true] .mail-nav-count,.mail-addr-row:hover .mail-nav-count,.mail-addr-row:focus-within .mail-nav-count{margin-inline-end:24px}@media (hover:hover){.mail-addr-row:hover .mail-pin,.mail-addr-row:focus-within .mail-pin{display:grid}}@media (hover:none){.mail-pin{opacity:.55;display:grid}.mail-addr-row[data-pinned=true] .mail-pin{opacity:1}.mail-addr-row .mail-nav-count{margin-inline-end:34px}}.mail-more{width:100%;color:var(--ant-color-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:2px 0 4px;padding:6px 14px;font-size:12.5px}.mail-more:hover{background:var(--ant-color-fill-quaternary)}.mail-rail-search{border-radius:10px!important}@media (max-width:767px),(pointer:coarse){.mail-nav{border-radius:999px;gap:14px;height:40px;padding-inline:14px;font-size:14px}.mail-nav .mail-nav-icon{font-size:18px}.mail-nav .mail-nav-count{font-size:12px}.mail-addr2{gap:12px;min-height:44px;padding-block:3px}.mail-addr-local{font-size:14px}.mail-addr-host{font-size:12px}.mail-tile{border-radius:8px;width:28px;height:28px;font-size:13px}.mail-sub-title,.mail-section-title{margin-top:10px;font-size:11px}.mail-pin{width:40px}.mail-more{padding:8px 14px;font-size:13px}.mail-rail-search input{font-size:16px}.mail-rail-search{min-height:38px}.mail-domain{padding:8px 14px;font-size:12px}.mail-scope{padding-block:6px;font-size:13px}.mail-addr-row .mail-addr2{padding-inline-end:40px}.mail-rail-foot{padding-block:4px 8px}}.mail-msg-body{max-width:980px;padding:20px 24px 28px}@media (max-width:767px){.mail-msg-body{padding:12px 12px 24px}.mail-msg-body .ant-tabs-nav{margin-bottom:8px}}.rich-editor .ProseMirror{min-height:inherit;word-break:break-word;outline:none;padding:8px 0;line-height:1.6}.rich-editor .ProseMirror p{margin:0 0 .6em}.rich-editor .ProseMirror ul,.rich-editor .ProseMirror ol{margin:0 0 .6em;padding-inline-start:1.6em}.rich-editor .ProseMirror blockquote{border-inline-start:3px solid var(--ant-color-border,#d9d9d9);color:var(--ant-color-text-secondary);margin:0 0 .6em;padding-inline-start:12px}.rich-editor .ProseMirror a{color:var(--ant-color-primary);text-decoration:underline}.rich-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--ant-color-text-quaternary);pointer-events:none}.mail-selbar{top:calc(64px + env(safe-area-inset-top));z-index:15;background:var(--ant-color-primary-bg);min-height:52px;padding:4px 8px;position:sticky}.mail-msg-bar{top:calc(64px + env(safe-area-inset-top));z-index:15;background:var(--ant-color-bg-container);position:sticky}.send-snackbar.ant-notification-notice{border-radius:10px;width:auto;min-width:240px;max-width:calc(100vw - 24px);padding:10px 16px}.send-snackbar .ant-notification-notice-title{margin:0;padding-inline-end:0}.send-snackbar .ant-notification-notice-section{margin:0}.compose-sheet{flex-direction:column;display:flex}.compose-sheet .compose-head{flex:none;padding:0 14px}.compose-sheet .compose-row{border-bottom:1px solid var(--ant-color-split);min-height:48px}.compose-sheet .compose-row:last-child{border-bottom:0}.compose-sheet .compose-body{background:var(--ant-color-bg-container);box-shadow:0 -1px 0 var(--ant-color-split);border-radius:16px 16px 0 0;flex:1 0 auto;margin-top:6px;padding:4px 16px 12px}.compose-sheet .compose-body .rich-editor .ProseMirror{font-size:16px}.compose-actions{background:var(--ant-color-bg-layout);border-top:1px solid var(--ant-color-split)}.compose-sheet .rich-toolbar{scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important}.compose-sheet .rich-toolbar>*{flex:none}.compose-sheet .compose-body,.compose-sheet .compose-body>.ant-form-item,.compose-sheet .compose-body>.ant-form-item .ant-form-item-row,.compose-sheet .compose-body>.ant-form-item .ant-form-item-control,.compose-sheet .compose-body>.ant-form-item .ant-form-item-control-input,.compose-sheet .compose-body>.ant-form-item .ant-form-item-control-input-content,.compose-sheet .rich-editor{flex-direction:column;flex:1 0 auto;display:flex}.compose-sheet .compose-body>.ant-form-item{margin-bottom:0!important}.compose-sheet .rich-editor>:first-child{flex:1 0 auto}.compose-sheet .rich-toolbar{z-index:1;background:var(--ant-color-bg-container);margin-inline:-16px;position:sticky;bottom:0;padding:4px 10px!important}.compose-sheet .compose-body:has(.rich-toolbar){padding-bottom:0}
