@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Google+Sans:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap";
:root{--font-sans:"Google Sans", "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-roboto:Roboto, sans-serif;--gmail-bg:#f6f8fc;--gmail-surface:#fff;--gmail-surface-hover:#f2f6fc;--gmail-surface-variant:#eaf1fb;--gmail-active-nav:#d3e3fd;--gmail-active-nav-text:#041e49;--gmail-compose-bg:#c2e7ff;--gmail-compose-hover:#b3d7f5;--gmail-compose-text:#001d35;--gmail-primary:#0b57d0;--gmail-primary-hover:#0842a0;--gmail-text:#1f1f1f;--gmail-text-secondary:#444746;--gmail-text-muted:#72777d;--gmail-border:#e0e2ec;--gmail-divider:#f0f2f7;--gmail-star:#e8710a;--gmail-unread-bg:#fff;--gmail-unread-border:#c2e7ff;--gmail-read-bg:#f2f6fc;--shadow-popup:0 4px 16px #00000029, 0 1px 4px #00000014;--shadow-compose:0 8px 24px #0003;--shadow-hover:0 1px 3px #3c40434d, 0 4px 8px 3px #3c404326;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px}[data-theme=dark]{--gmail-bg:#111318;--gmail-surface:#1e1f25;--gmail-surface-hover:#282a30;--gmail-surface-variant:#282a30;--gmail-active-nav:#004a77;--gmail-active-nav-text:#c2e7ff;--gmail-compose-bg:#a8c7fa;--gmail-compose-hover:#91b5f2;--gmail-compose-text:#041e49;--gmail-primary:#a8c7fa;--gmail-primary-hover:#c2e7ff;--gmail-text:#e2e2e9;--gmail-text-secondary:#c4c6d0;--gmail-text-muted:#8e919a;--gmail-border:#44474f;--gmail-divider:#282a30;--gmail-unread-bg:#1e1f25;--gmail-read-bg:#14161c;--shadow-popup:0 4px 20px #0009;--shadow-compose:0 8px 32px #000000b3}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--gmail-bg);color:var(--gmail-text);-webkit-font-smoothing:antialiased;overflow:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#00000026}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}::-webkit-scrollbar-thumb:hover{background:#0000004d}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-fade{animation:.18s cubic-bezier(.2,0,0,1) forwards fadeIn}