:root{--color-mail-canvas:#f5f5f0;--color-mail-surface:#fff;--color-mail-ink:#111;--color-mail-muted:#6b7280;--color-mail-copy:#4b5563;--color-mail-faint:#9ca3af;--color-mail-band:#eeeee8;--color-mail-chrome:#fafaf7;--color-mail-dot:#d4d4d8;--color-mail-warning:#fef3c7;--color-mail-warning-ink:#92400e;--shadow-mail-window:0 20px 50px -20px #00000040;--mail-heading-gradient:linear-gradient(110deg, var(--color-bastify-violet), var(--color-mail-ink))}.bg-mail-canvas{background-color:var(--color-mail-canvas)}.bg-mail-surface{background-color:var(--color-mail-surface)}.bg-mail-band{background-color:var(--color-mail-band)}.bg-mail-chrome{background-color:var(--color-mail-chrome)}.bg-mail-dot{background-color:var(--color-mail-dot)}.bg-mail-warning{background-color:var(--color-mail-warning)}.bg-mail-ink{background-color:var(--color-mail-ink)}.bg-mail-surface\/60{background-color:color-mix(in srgb,var(--color-mail-surface) 60%,transparent)}.bg-mail-surface\/70{background-color:color-mix(in srgb,var(--color-mail-surface) 70%,transparent)}.bg-mail-ink\/5{background-color:color-mix(in srgb,var(--color-mail-ink) 5%,transparent)}.bg-mail-dot\/60{background-color:color-mix(in srgb,var(--color-mail-dot) 60%,transparent)}.text-mail-ink{color:var(--color-mail-ink)}.text-mail-copy{color:var(--color-mail-copy)}.text-mail-muted{color:var(--color-mail-muted)}.text-mail-faint{color:var(--color-mail-faint)}.text-mail-surface{color:var(--color-mail-surface)}.text-mail-warning-ink{color:var(--color-mail-warning-ink)}.text-mail-ink\/70{color:color-mix(in srgb,var(--color-mail-ink) 70%,transparent)}.text-mail-ink\/80{color:color-mix(in srgb,var(--color-mail-ink) 80%,transparent)}.text-mail-surface\/60{color:color-mix(in srgb,var(--color-mail-surface) 60%,transparent)}.border-mail-ink\/5{border-color:color-mix(in srgb,var(--color-mail-ink) 5%,transparent)}.border-mail-ink\/10{border-color:color-mix(in srgb,var(--color-mail-ink) 10%,transparent)}.border-mail-ink\/15{border-color:color-mix(in srgb,var(--color-mail-ink) 15%,transparent)}.shadow-mail-window{box-shadow:var(--shadow-mail-window)}.hover\:text-mail-ink:hover{color:var(--color-mail-ink)}.hover\:bg-mail-ink\/5:hover{background-color:color-mix(in srgb,var(--color-mail-ink) 5%,transparent)}.mail-page,.mail-mockup,.mail-stepper{letter-spacing:0;font-family:Inter,system-ui,-apple-system,sans-serif}.mail-page .gradient-text{background:var(--mail-heading-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mail-page .mail-secondary{background:var(--color-mail-ink);color:var(--color-mail-surface);animation:none}.mail-page .mail-secondary:hover{background:var(--color-mail-ink)}@media(prefers-reduced-motion:reduce){.mail-page *,.mail-mockup *,.mail-stepper *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.mail-page [style*=opacity],.mail-page [style*=translateY]{opacity:1!important;transform:none!important}.mail-process>div>div:nth-child(2){height:100%!important}}@keyframes mail-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.mail-marquee-track{animation:45s linear infinite mail-marquee}.mail-marquee:hover .mail-marquee-track{animation-play-state:paused}