.mail-preview{color:#242426;text-align:left;background:#fff;border:1px solid #c8c8cc;border-radius:11px;width:100%;min-width:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;overflow:hidden;box-shadow:0 8px 24px #2424260b,0 1px 3px #24242614}.mail-preview svg{flex-shrink:0;width:19px;height:19px}.mail-mac-toolbar{color:#68686d;background:#f0f0f2;border-bottom:1px solid #d7d7db;align-items:center;gap:17px;min-height:52px;padding:0 16px;display:flex}.mail-window-controls{gap:7px;display:flex}.mail-window-controls i{background:#ff6058;border:1px solid #00000012;border-radius:50%;width:11px;height:11px}.mail-window-controls i:nth-child(2){background:#febc2e}.mail-window-controls i:nth-child(3){background:#28c840}.mail-mailbox{color:#424247;font-size:13px;font-weight:600}.mail-tools{align-items:center;gap:19px;margin-left:auto;display:flex}.mail-tools>span{background:#d1d1d6;width:1px;height:20px}.mail-message-header{border-bottom:1px solid #e5e5e8;grid-template-columns:36px minmax(0,1fr) auto;gap:4px 10px;padding:20px;display:grid}.mail-sender-avatar{color:#727279;background:#e9e9ed;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:500;display:grid}.mail-sender{align-content:center;gap:3px;font-size:12px;display:grid}.mail-sender strong{font-size:13px;font-weight:600}.mail-sender>span,.mail-date{color:#86868c}.mail-recipient{color:#505057}.mail-details{display:none}.mail-date{white-space:nowrap;padding-top:3px;font-size:10px}.mail-message-header h3{letter-spacing:-.02em;grid-column:2/-1;margin:7px 0 0;font-size:16px;font-weight:600;line-height:1.35}.mail-preview iframe{border:0;width:100%;height:520px;display:block}.mail-preview--full iframe{height:var(--email-height,1420px)}.mail-phone-status,.mail-phone-nav,.mail-phone-bottom{display:none}@media (width<=720px){.mail-preview{border:5px solid #252527;border-radius:30px;box-shadow:0 10px 25px #24242618}.mail-mac-toolbar{display:none}.mail-phone-status{justify-content:space-between;align-items:center;height:42px;padding:0 19px;font-size:12px;font-weight:600;display:flex;position:relative}.mail-phone-island{background:#252527;border-radius:20px;width:78px;height:23px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.mail-phone-signal{align-items:center;gap:5px;font-size:10px;display:flex}.mail-battery{background:#242426;border:1px solid #a4a4a8;border-radius:3px;width:18px;height:9px;display:inline-block;box-shadow:inset 0 0 0 1px #fff}.mail-phone-nav{color:#007aff;justify-content:space-between;align-items:center;height:40px;padding:0 11px;display:flex}.mail-phone-nav>span{align-items:center;font-size:14px;display:flex}.mail-phone-nav .mail-message-count{color:#8e8e93;font-size:11px}.mail-nav-arrows{gap:13px}.mail-nav-arrows svg:first-child{transform:rotate(90deg)}.mail-nav-arrows svg:last-child{transform:rotate(-90deg)}.mail-message-header{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px 16px}.mail-sender-avatar{display:none}.mail-sender strong{font-size:15px}.mail-details{color:#007aff;display:inline}.mail-date{font-size:9px}.mail-message-header h3{grid-column:1/-1;margin-top:10px;font-size:19px}.mail-preview iframe{height:480px}.mail-preview--full iframe{height:var(--email-height-sm,1420px)}.mail-phone-bottom{background:#fafafa;border-top:1px solid #e5e5e8;gap:17px;padding:13px 19px 8px;display:grid}.mail-phone-bottom>div{color:#007aff;justify-content:space-between;display:flex}.mail-phone-bottom>span{background:#252527;border-radius:4px;width:100px;height:4px;margin-inline:auto}}.mail-preview--editorial{border:0;border-radius:2px;box-shadow:0 24px 64px #292e2712}.mail-preview--editorial .mail-mac-toolbar,.mail-preview--editorial .mail-phone-status,.mail-preview--editorial .mail-phone-nav,.mail-preview--editorial .mail-phone-bottom,.mail-preview--editorial .mail-sender-avatar,.mail-preview--editorial .mail-date,.mail-preview--editorial .mail-details{display:none}.mail-preview--editorial .mail-message-header{grid-template-columns:1fr;padding:20px 24px}.mail-preview--editorial .mail-message-header h3{grid-column:1;font-size:15px}.mail-preview--editorial iframe{pointer-events:none;height:640px}@media (width<=720px){.mail-preview--editorial iframe{height:580px}}
