html:has(.mail-login),html:has(.mail-login) body{background:var(--mail-bg)}.mail-login{--color-surface:var(--mail-bg);--color-ink:var(--mail-text);--color-copy:var(--mail-copy);--color-muted:var(--mail-muted);--color-line-strong:var(--mail-line-strong);--color-line-input:var(--mail-line-strong);--color-cherry-soft:var(--mail-accent-soft);--color-cherry-dark:var(--mail-accent-strong);min-height:calc(100dvh - var(--mail-locale-height, 0px));background:var(--mail-bg);color:var(--mail-text);color-scheme:var(--mail-scheme)}.mail-login .bg-white,.mail-login .btn-outline,.mail-login .field :is(input,select,textarea){background:var(--mail-panel)}.mail-login .text-cherry,.mail-login a{color:var(--mail-link)}.mail-locale-switcher{--color-surface:var(--mail-panel);--color-ink:var(--mail-text);--color-line-strong:var(--mail-line-strong);display:flex;height:var(--mail-locale-height,0);flex-shrink:0;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--mail-line);padding-inline:16px;background:var(--mail-panel);color:var(--mail-text);color-scheme:var(--mail-scheme)}.mail-signature{--color-ink:var(--mail-text);--color-copy:var(--mail-copy);--color-muted:var(--mail-muted);--color-line-strong:var(--mail-line-strong);--color-line-input:var(--mail-line-strong);--color-line-soft:var(--mail-line-soft);--color-surface:var(--mail-surface);--color-hover:var(--mail-hover)}.mail-signature .bg-white:not([contenteditable],iframe),.mail-signature .field :is(input,select,textarea),.mail-signature .segmented>button[aria-pressed=true]{background:var(--mail-panel)}.mail-signature .field :is(input,select,textarea){color:var(--mail-text)}@layer components{html:has(.mail-app),html:has(.mail-app) body{background:var(--mail-bg)}.mail-app{display:grid;grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--mail-locale-height, 0px));overflow:hidden;background:var(--mail-bg);color:var(--mail-text);color-scheme:var(--mail-scheme);font-size:14px;line-height:1.45}.mail-app a{color:inherit;text-decoration:none}.mail-app :focus-visible{outline:2px solid var(--mail-accent);outline-offset:2px}.mail-app ::placeholder{color:var(--mail-muted);opacity:1}.mail-list,.mail-reader{min-width:0;height:100%;overflow-y:auto}.mail-list{background:var(--mail-panel)}.mail-reader{background:var(--mail-bg)}.mail-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:min(300px,86vw);transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s}.mail-app[data-sidebar-open] .mail-sidebar{transform:none;visibility:visible;transition:transform .2s ease}.mail-scrim{display:none}.mail-app[data-sidebar-open] .mail-scrim{display:block;position:fixed;inset:0;z-index:30;background:var(--mail-scrim)}.mail-app:not([data-reader-open]) .mail-reader,.mail-app[data-reader-open] .mail-list{display:none}@media (min-width:768px){.mail-app{grid-template-columns:248px minmax(0,1fr)}.mail-sidebar{position:static;width:auto;height:100%;transform:none;visibility:visible;transition:none}.mail-scrim,.mail-sidebar-toggle{display:none!important}}@media (min-width:1100px){.mail-app{grid-template-columns:248px 390px minmax(0,1fr)}.mail-list{border-right:1px solid var(--mail-line)}.mail-app:not([data-reader-open]) .mail-reader,.mail-app[data-reader-open] .mail-list{display:block}}.mail-progress-indeterminate{width:40%;animation:mail-progress-slide 1.4s ease-in-out infinite}@keyframes mail-progress-slide{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion:reduce){.mail-sidebar{transition:none}.mail-progress-indeterminate{width:100%;animation:none;opacity:.45}}.mail-section-label{padding:12px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mail-muted)}.mail-nav{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border-radius:10px;text-align:left}.mail-nav:hover{background:var(--mail-hover)}.mail-nav[aria-current=page]{background:var(--mail-sel)}.mail-icon-button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px}.mail-icon-button:hover{background:var(--mail-hover)}.mail-app .mail-primary{background:var(--mail-accent);color:#fff}.mail-app .mail-primary:hover{background:var(--mail-accent-strong)}.mail-theme-to-dark,.mail-theme-to-light{display:contents}.mail-theme-to-light,[data-theme=dark] .mail-theme-to-dark{display:none}[data-theme=dark] .mail-theme-to-light{display:contents}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mail-theme-to-dark{display:none}:root:not([data-theme=light]) .mail-theme-to-light{display:contents}}}