.mail-scene.svelte-z1xxdj{height:400px;margin-top:20px;padding:47px 28px 0;position:relative}.envelope-back.svelte-z1xxdj{width:76%;height:235px;transition:transform .6s var(--ease);background:#c6ddf8;border-radius:20px;position:absolute;top:37px;left:14%;transform:rotate(7deg)}.mail-card:hover .envelope-back.svelte-z1xxdj{transform:rotate(11deg)}.inbox.svelte-z1xxdj{transition:transform .5s var(--ease);background:#fff;border:1px solid #d6e4f5;border-radius:17px;padding:17px;position:relative;transform:rotate(-3deg);box-shadow:0 15px 30px #265d9017}.mail-card:hover .inbox.svelte-z1xxdj{transform:rotate(0)}.inbox-header.svelte-z1xxdj{justify-content:space-between;align-items:center;gap:7px;font-size:9px;display:flex}.inbox-header.svelte-z1xxdj strong:where(.svelte-z1xxdj){align-items:center;gap:7px;font-size:14px;display:flex}.inbox-header.svelte-z1xxdj strong:where(.svelte-z1xxdj) span:where(.svelte-z1xxdj){background:#eaf3ff;border-radius:5px;padding:2px 5px;font-size:9px}.inbox-header.svelte-z1xxdj>span:where(.svelte-z1xxdj){color:#778697;font-family:system-ui,sans-serif}.demo-caption.svelte-z1xxdj{color:#687b8c;margin:11px 0;font-size:9px}.mail-row.svelte-z1xxdj{text-align:start;cursor:pointer;border-radius:9px;align-items:center;gap:10px;width:100%;padding:11px 9px;display:flex}.mail-row.selected.svelte-z1xxdj{background:#edf5ff}.mail-avatar.svelte-z1xxdj{color:#416c9c;background:#ddeafa;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font:600 12px system-ui,sans-serif;display:grid}.mail-row.svelte-z1xxdj:nth-of-type(2) .mail-avatar:where(.svelte-z1xxdj){color:#7a599d;background:#eee7f8}.mail-row.svelte-z1xxdj strong:where(.svelte-z1xxdj){font-size:10px;display:block}.mail-row.svelte-z1xxdj span:where(.svelte-z1xxdj)>span:where(.svelte-z1xxdj){color:#6a7c8c;margin-top:4px;font-size:9px;display:block}.unread.svelte-z1xxdj{background:#6697d3;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-inline-start:auto}.message-preview.svelte-z1xxdj{border-top:1px solid #edf0f4;min-height:46px;margin-top:8px;padding-top:12px;font-size:10px;line-height:1.7}.security-pill.svelte-z1xxdj{background:#fff;border-radius:30px;justify-content:center;align-items:center;gap:7px;width:fit-content;margin:16px auto 0;padding:11px 17px;font-size:10px;display:flex;position:relative;box-shadow:0 4px 15px #386b9310}@media (width<=760px){.mail-scene.svelte-z1xxdj{height:400px;padding-inline:25px}}@media (prefers-reduced-motion:reduce){.svelte-z1xxdj{transition:none!important}}