.iphone-mail{isolation:isolate;--iphone-mail-ease:cubic-bezier(.32, .72, 0, 1);position:absolute;inset:0}.iphone-mail-lock{transform-origin:50%;transition:transform .7s var(--iphone-mail-ease), opacity .56s var(--iphone-mail-ease);position:absolute;inset:0}.iphone-mail[data-stage=off] .iphone-mail-lock{transform:scale(1.06)}.iphone-mail:is([data-stage=open],[data-stage=read]) .iphone-mail-lock{opacity:.4;transform:scale(.94)}.iphone-mail-banner{z-index:10;transform-origin:50% 0;opacity:0;background:#f4f4f8eb;border-radius:26px;align-items:flex-start;gap:12px;padding:14px 16px 15px 14px;transition:transform .64s cubic-bezier(.2,.9,.25,1),opacity .26s;display:flex;position:absolute;top:58px;left:10px;right:10px;transform:translateY(-47px)scale(.33,.4);box-shadow:0 14px 34px #0000004d,inset 0 0 0 .5px #ffffffb3}.iphone-mail-banner>*{opacity:0;transition:opacity .24s}.iphone-mail:is([data-stage=banner],[data-stage=press]) .iphone-mail-banner{opacity:1;transform:none}.iphone-mail:is([data-stage=banner],[data-stage=press]) .iphone-mail-banner>*{opacity:1;transition-delay:.2s}.iphone-mail[data-stage=press] .iphone-mail-banner{transition-duration:.15s;transform:scale(.975)}.iphone-mail:is([data-stage=open],[data-stage=read]) .iphone-mail-banner{opacity:0;transition:transform .5s var(--iphone-mail-ease), opacity .2s ease;transform:translateY(24px)scale(1.04)}.iphone-mail-banner-icon{flex:none;position:relative}.iphone-mail-banner-icon .iphone-mail-avatar{width:40px;height:40px}.iphone-mail-badge{color:#fff;background:linear-gradient(#f0584b,#d93025);border-radius:5px;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 0 1.5px #f4f4f8f2}.iphone-mail-banner-text{flex:1;min-width:0}.iphone-mail-banner-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.iphone-mail-banner-sender{color:#000;font-size:15px;font-weight:600}.iphone-mail-banner-now{color:#3c3c4399;flex:none;font-size:13px}.iphone-mail-banner-subject{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:20px;overflow:hidden}.iphone-mail-banner-preview{color:#3c3c43c7;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:20px;display:-webkit-box;overflow:hidden}.iphone-mail-app{z-index:5;opacity:0;clip-path:inset(58px 10px 720px round 26px);transition:clip-path .6s var(--iphone-mail-ease), opacity .18s ease;color:#1f1f1f;background:#fff;font-family:Google Sans Text,Google Sans,Roboto,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;position:absolute;inset:0}.iphone-mail:is([data-stage=open],[data-stage=read]) .iphone-mail-app{clip-path:inset(0 round 55px);opacity:1}.iphone-mail-zoom{transform-origin:50% 12%;transition:transform .6s var(--iphone-mail-ease);position:absolute;inset:0;transform:scale(.9)}.iphone-mail:is([data-stage=open],[data-stage=read]) .iphone-mail-zoom{transform:none}.iphone-mail-auto{will-change:transform;transition:transform 6s cubic-bezier(.45,0,.25,1);position:absolute;top:96px;left:0;right:0}.iphone-mail[data-stage=read] .iphone-mail-auto{transform:translateY(calc(-1 * min(210px, var(--iphone-mail-room,210px))))}.iphone-mail-scroll{will-change:transform;transform:translateY(calc(-1 * max(0px, min(var(--iphone-mail-room,0px) - 210px, (var(--iphone-progress,0) - .5) * 920px))));padding:6px 0 28px}.iphone-mail-subject-row{align-items:flex-end;gap:12px;padding:0 16px;display:flex}.iphone-mail-subject{letter-spacing:-.1px;color:#1f1f1f;overflow-wrap:anywhere;flex:1;min-width:0;font-size:23px;font-weight:400;line-height:30px}.iphone-mail-star{color:#444746;flex:none;margin-bottom:4px}.iphone-mail-chip{color:#444746;background:#e8eaed;border-radius:4px;margin:8px 16px 0;padding:1px 6px;font-size:12px;line-height:18px;display:inline-block}.iphone-mail-head{align-items:center;gap:10px;padding:22px 12px 16px 16px;display:flex}.iphone-mail-avatar{object-fit:cover;border-radius:50%;flex:none;width:36px;height:36px;display:block}.iphone-mail-head-text{flex:1;min-width:0}.iphone-mail-head-row{align-items:baseline;gap:8px;display:flex}.iphone-mail-sender{color:#1f1f1f;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.iphone-mail-time{color:#5f6368;flex:none;font-size:13px}.iphone-mail-to{color:#5f6368;align-items:center;gap:2px;margin-top:1px;font-size:13px;display:flex}.iphone-mail-unsub{color:#0b57d0;flex:none;font-size:14px;font-weight:500}.iphone-mail-more{color:#444746;flex:none;margin-left:6px}.iphone-mail-page{background:#f4f5f7;margin:0 14px;padding:16px 12px 20px}.iphone-mail-card{color:#5a5a72;background:#fff;border:1px solid #1a1a2e14;border-radius:8px;padding:24px 22px 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15.5px;line-height:1.6}.iphone-mail-card p{margin:0 0 16px}.iphone-mail-topbar{z-index:3;color:#444746;background:#fff;justify-content:space-between;align-items:center;height:96px;padding:54px 18px 0 10px;display:flex;position:absolute;top:0;left:0;right:0}.iphone-mail-topbar-icons{align-items:center;gap:26px;display:flex}.iphone-mail-dot{display:inline-flex;position:relative}.iphone-mail-dot:after{content:"";background:#444746;border-radius:50%;width:7px;height:7px;position:absolute;top:-1px;right:-2px;box-shadow:0 0 0 1.5px #fff}.iphone-mail-dot--blue:after{background:#4c8df6}.iphone-mail-actions{z-index:3;gap:6px;display:flex;position:absolute;bottom:86px;left:8px;right:8px}.iphone-mail-action{color:#1f1f1f;background:#fff;border:1px solid #c4c7c5;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:10px;height:40px;font-size:15px;font-weight:500;display:flex}.iphone-mail-action--round{flex:none;gap:0;width:40px}.iphone-mail-tabs{z-index:3;color:#444746;background:#f6f8fc;justify-content:space-between;align-items:flex-start;height:77px;padding:9px 36px 0;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -.5px #00000014}.iphone-mail-tab{border-radius:16px;place-items:center;width:64px;height:32px;display:grid}.iphone-mail-tab--on{color:#041e49;background:#d3e3fd}.iphone-mail-status .iphone-status-time{opacity:0}.iphone-mail:is([data-stage=open],[data-stage=read]) .iphone-mail-status{color:#000}.iphone-mail:is([data-stage=open],[data-stage=read]) .iphone-mail-status .iphone-status-time{opacity:1}.iphone-mail:is([data-stage=open],[data-stage=read]) .iphone-mail-home{background:#000000e6}.iphone-mail-off{z-index:30;opacity:1;background:#000;transition:opacity .8s;position:absolute;inset:0}.iphone-mail:not([data-stage=off]) .iphone-mail-off{opacity:0}