.ex-fill{height:100%}.ex-mail-body{overflow:hidden}.ex-mail-body .mb-split-view{height:100%}.ex-mail-list-trigger{min-height:100%;display:block}.ex-mail-list.mb-listbox{box-shadow:none;background:0 0;border:0;outline:none;max-height:none;padding:6px 8px;display:block}.ex-mail-row.mb-listbox-item{border-radius:var(--mb-radius-md);min-height:0;font:var(--mb-text-body);grid-template-columns:minmax(0,1fr);gap:1px;padding:9px 12px 10px 22px;display:grid;position:relative}.ex-mail-row+.ex-mail-row:before{content:"";top:0;height:var(--mb-hairline);background:var(--mb-separator);position:absolute;inset-inline:22px 12px}.ex-mail-row[data-selected]:before,.ex-mail-row[data-selected]+.ex-mail-row:before{opacity:0}.ex-mail-row .mb-listbox-item-indicator{display:none}.ex-mail-dot{top:14px;border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-start:8px}.ex-mail-dot[data-unread]{background:var(--mb-accent)}.mb-listbox:focus-within .ex-mail-row[data-selected] .ex-mail-dot[data-unread]{background:var(--mb-on-accent)}.ex-mail-row-top{align-items:center;gap:5px;min-width:0;display:flex}.ex-mail-from{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;overflow:hidden}.ex-mail-time,.ex-mail-preview{color:var(--mb-label-secondary)}.ex-mail-time{font:var(--mb-text-callout);font-variant-numeric:tabular-nums;flex:none}.ex-mail-glyph{width:12px;height:12px;color:var(--mb-label-secondary);flex:none}.ex-mail-flag{color:var(--mb-orange);fill:currentColor}.ex-mail-subject{font:var(--mb-text-callout);font-size:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ex-mail-preview{font:var(--mb-text-callout);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mb-listbox:focus-within .ex-mail-row[data-selected] :is(.ex-mail-time,.ex-mail-preview,.ex-mail-glyph,.ex-mail-flag){color:color-mix(in oklch, var(--mb-on-accent) 78%, transparent)}.ex-reader{gap:14px;max-width:720px;margin:0 auto;padding:22px 28px 40px;display:grid}.ex-reader[data-compact]{padding:8px 16px 120px}.ex-reader-header{align-items:center;gap:12px;display:flex}.ex-reader-meta{flex:1;min-width:0}.ex-reader-from{font:var(--mb-text-headline);justify-content:space-between;gap:12px;display:flex}.ex-reader-time,.ex-reader-line{color:var(--mb-label-secondary);font:var(--mb-text-callout)}.ex-reader-subject{border-bottom:var(--mb-hairline) solid var(--mb-separator);font:var(--mb-text-title-2);letter-spacing:var(--mb-tracking-title);align-items:center;gap:8px;margin:4px 0 0;padding-bottom:14px;display:flex}.ex-reader-subject svg{width:.8em;height:.8em}.ex-reader-body p{white-space:pre-line;text-wrap:pretty;margin:0 0 .9em;line-height:1.55}.ex-attachment{border-radius:var(--mb-radius-lg);background:var(--mb-fill-quaternary);box-shadow:inset 0 0 0 var(--mb-hairline) var(--mb-separator);justify-self:start;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:inline-flex}.ex-attachment>span:last-child{display:grid}.ex-attachment-icon{background:var(--mb-red);color:#fff;width:30px;height:36px;font:700 9px/1 var(--mb-font);letter-spacing:.04em;border-radius:4px;place-items:center;display:grid}.ex-attachment-name{font:var(--mb-text-callout);font-weight:500}.ex-attachment-size{color:var(--mb-label-secondary);font:var(--mb-text-subheadline)}.ex-empty-glyph{width:40px;height:40px;color:var(--mb-label-tertiary);stroke-width:1.4px}.ex-kbd-button kbd{font:500 11px/1 var(--mb-font);letter-spacing:.02em}.ex-flag-button[aria-pressed=true]{color:var(--mb-orange)}.ex-menu-destructive{color:var(--mb-destructive-text)}.ex-compose-dialog.mb-dialog{width:min(640px,100vw - 32px)}.ex-compose{display:grid}.ex-compose-field{border-bottom:var(--mb-hairline) solid var(--mb-separator);align-items:center;gap:8px;display:flex}.ex-compose-field>span{min-width:60px;color:var(--mb-label-secondary);flex:none}.ex-compose-field .mb-text-field{flex:1;min-width:0}.ex-compose-field .mb-text-field:focus{box-shadow:none;outline:none}.ex-compose-body{width:100%;margin-top:12px}.ex-pad-mail{grid-template-columns:280px 380px minmax(0,1fr);display:grid}.ex-pad-mail-sidebar{background:var(--mb-bg-sidebar);min-height:0;box-shadow:inset calc(var(--mb-hairline) * -1) 0 0 var(--mb-separator);flex-direction:column;display:flex}.ex-pad-mail-sidebar>.mb-sidebar{background:0 0;flex:1}.ex-pad-mail-list{box-shadow:inset calc(var(--mb-hairline) * -1) 0 0 var(--mb-separator)}.ex-pad-mail .ex-mail-row[data-selected]{background:var(--mb-fill-secondary);color:var(--mb-label)}.ex-phone-screen{flex-direction:column;min-height:0;display:flex;position:relative}.ex-phone-screen:after{content:"";z-index:15;height:calc(var(--mb-safe-area-bottom,0px) + 84px);background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--mb-bg) 92%, transparent) 70%);pointer-events:none;position:absolute;inset:auto 0 0}.ex-phone-screen>.mb-navigation-stack{flex:auto;padding-bottom:96px}.ex-phone-mail-list{margin:0;padding:0;list-style:none}.ex-phone-mail-item+.ex-phone-mail-item .ex-phone-mail-row:before{content:"";top:0;height:var(--mb-hairline);background:var(--mb-separator);position:absolute;inset-inline:32px 0}.ex-phone-mail-row{width:100%;color:var(--mb-label);font:var(--mb-text-body);text-align:start;-webkit-tap-highlight-color:transparent;background:0 0;border:0;gap:2px;padding:11px 16px 12px 32px;display:grid;position:relative}.ex-phone-mail-row:active{background:var(--mb-fill-tertiary)}.ex-phone-mail-row:focus-visible{outline:var(--mb-focus-ring-width) solid var(--mb-focus-ring);outline-offset:-3px}.ex-phone-mail-row .ex-mail-dot{top:19px;width:10px;height:10px;inset-inline-start:13px}.ex-phone-mail-row .ex-mail-subject,.ex-phone-mail-row .ex-mail-preview{font:var(--mb-text-subheadline)}.ex-phone-mail-row .ex-mail-glyph{width:14px;height:14px}.ex-phone-toolbar.mb-toolbar{z-index:20;inset-inline:16px;bottom:calc(var(--mb-safe-area-bottom,0px) + 6px);justify-content:space-between;position:absolute}.ex-phone-toolbar-status{color:var(--mb-label);font:400 11px/14px var(--mb-font);text-shadow:0 0 12px var(--mb-bg);justify-items:center;display:grid}.ex-phone-toolbar-status strong{font-size:12px;font-weight:600}.ex-phone-toolbar-status span{color:var(--mb-label-secondary)}.ex-mailbox-glyph{color:var(--mb-accent-text);grid-area:1/1/-1;margin-inline-end:14px;display:grid}.ex-mailbox-glyph svg{stroke-width:1.8px;width:24px;height:24px}.ex-sheet-bar{grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 12px 8px;display:grid}.ex-sheet-bar>:last-child{justify-self:end}.ex-sheet-bar>:first-child{justify-self:start}.ex-sheet-bar-title{font:var(--mb-text-headline)}.ex-phone-compose .ex-compose{padding:0 16px;overflow-y:auto}.ex-phone-compose .ex-compose-body{box-shadow:none;background:0 0;border:0}.ex-mail-row .ex-mail-preview{white-space:normal}
