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