.mail-button-primary,.mail-button-secondary{cursor:pointer;border:1px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;padding:.55rem .9rem;font-size:.75rem;font-weight:600;transition:background-color .14s,border-color .14s,transform .12s ease-out;display:inline-flex}.mail-button-primary{background:var(--color-primary);color:var(--color-primary-foreground)}.mail-button-primary:hover{background:var(--color-primary-hover)}.mail-button-secondary{border-color:var(--color-line);background:var(--color-surface);color:var(--color-ink)}.mail-button-secondary:hover{border-color:var(--color-line-strong);background:var(--color-surface-sunk)}.mail-button-primary:disabled,.mail-button-secondary:disabled,.mail-icon-button:disabled{opacity:.5;cursor:not-allowed}.mail-button-primary:active:not(:disabled),.mail-button-secondary:active:not(:disabled),.mail-icon-button:active:not(:disabled){transform:scale(.97)}.mail-icon-button{width:2.25rem;height:2.25rem;color:var(--color-muted);cursor:pointer;border-radius:.5rem;flex-shrink:0;place-items:center;display:inline-grid}.mail-icon-button:hover{background:var(--color-surface-sunk);color:var(--color-ink)}.mail-input{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.6rem;outline:none;width:100%;min-width:0;min-height:2.5rem;padding:.5rem .75rem;font-size:.8125rem}.mail-input::placeholder{color:var(--color-faint)}.mail-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in oklch, var(--color-primary) 12%, transparent)}.mail-compose-field{flex-direction:column;gap:.4rem;min-width:0;font-size:.75rem;font-weight:500;display:flex}.mail-dialog{margin:auto}.mail-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111b1f59}:root[data-theme=dark] .mail-dialog::backdrop{background:#03090ca6}.mail-email-content{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.mail-workspace :is(button,a,input,select,textarea):focus-visible,.mail-dialog :is(button,a):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.mail-workspace *,.mail-dialog *{transition-duration:0s!important}.mail-button-primary:active:not(:disabled),.mail-button-secondary:active:not(:disabled),.mail-icon-button:active:not(:disabled){transform:none}}