:root{color-scheme:dark;color:#f8fafc;background:#05080f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:where(.astro-soxsnotx){box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:#05080f;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}body[data-demo-mode=emails]{overflow:auto}.demo-topbar:where(.astro-soxsnotx){min-height:3.25rem;padding:max(.7rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .7rem max(1rem, env(safe-area-inset-left));backdrop-filter:blur(16px);background:#05080ff0;border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-topbar__toggle:where(.astro-soxsnotx),.demo-topbar__hide:where(.astro-soxsnotx){display:none}.demo-topbar__panel:where(.astro-soxsnotx){flex:auto;justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.demo-topbar__title:where(.astro-soxsnotx){min-width:0}.demo-topbar__title:where(.astro-soxsnotx) strong:where(.astro-soxsnotx){color:#00fe7a;font-size:.95rem;line-height:1.2;display:block}.demo-topbar__state:where(.astro-soxsnotx){flex:0 24rem;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.demo-topbar__state-label:where(.astro-soxsnotx){color:#94a3b8;flex:none;font-size:.78rem;font-weight:650;line-height:1}.demo-topbar__state-select:where(.astro-soxsnotx){color:#f8fafc;cursor:pointer;min-width:13.25rem;max-width:100%;font:inherit;background:#0f172ad1;border:1px solid #94a3b847;border-radius:7px;padding:.42rem 1.9rem .42rem .65rem;font-size:.82rem;font-weight:650;line-height:1.2}.demo-topbar__state-select:where(.astro-soxsnotx):focus-visible{outline-offset:2px;outline:2px solid #00fe7ab8}.demo-topbar__back:where(.astro-soxsnotx){color:#f8fafc;border:1px solid #00fe7a73;border-radius:7px;flex:none;padding:.48rem .72rem;font-size:.86rem;font-weight:650;line-height:1;text-decoration:none}.demo-topbar__back:where(.astro-soxsnotx):hover{color:#00fe7a;border-color:#00fe7a}.demo-topbar__actions:where(.astro-soxsnotx){flex:none;align-items:center;gap:.5rem;display:flex}.demo-frame:where(.astro-soxsnotx){background:#05080f;border:0;width:100%;height:100%;display:block}.demo-frame:where(.astro-soxsnotx)[hidden],.email-previews:where(.astro-soxsnotx)[hidden]{display:none}.email-previews:where(.astro-soxsnotx){background:linear-gradient(#0f172a52,#05080f00 14rem),#05080f;min-height:0;overflow:auto}.email-previews__inner:where(.astro-soxsnotx){width:min(72rem,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.email-previews__header:where(.astro-soxsnotx){gap:.45rem;max-width:44rem;margin-bottom:1.25rem;display:grid}.email-previews__eyebrow:where(.astro-soxsnotx){color:#00fe7a;text-transform:uppercase;font-size:.78rem;font-weight:800;line-height:1}.email-previews__header:where(.astro-soxsnotx) h1:where(.astro-soxsnotx){color:#fff;margin:0;font-size:1.65rem;line-height:1.15}.email-previews__header:where(.astro-soxsnotx) p:where(.astro-soxsnotx){color:#a7b1c2;margin:0;font-size:.95rem;line-height:1.55}.email-previews__index:where(.astro-soxsnotx){flex-wrap:wrap;gap:.45rem;margin:0 0 1.4rem;display:flex}.email-previews__index:where(.astro-soxsnotx) a:where(.astro-soxsnotx){color:#dbeafe;background:#0f172a9e;border:1px solid #94a3b83d;border-radius:7px;padding:.42rem .6rem;font-size:.78rem;font-weight:650;line-height:1;text-decoration:none}.email-previews__index:where(.astro-soxsnotx) a:where(.astro-soxsnotx):hover{color:#00fe7a;border-color:#00fe7a8a}.email-preview:where(.astro-soxsnotx){border-top:1px solid #94a3b82e}.email-preview:where(.astro-soxsnotx):last-child{border-bottom:1px solid #94a3b82e}.email-preview:where(.astro-soxsnotx) summary:where(.astro-soxsnotx){cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 0;list-style:none;display:grid}.email-preview:where(.astro-soxsnotx) summary:where(.astro-soxsnotx)::-webkit-details-marker{display:none}.email-preview__title:where(.astro-soxsnotx){min-width:0}.email-preview__title:where(.astro-soxsnotx) strong:where(.astro-soxsnotx){color:#f8fafc;font-size:.98rem;line-height:1.3;display:block}.email-preview__title:where(.astro-soxsnotx) span:where(.astro-soxsnotx){color:#94a3b8;margin-top:.22rem;font-size:.78rem;line-height:1.35;display:block}.email-preview__meta:where(.astro-soxsnotx){color:#bae6fd;white-space:nowrap;border:1px solid #0ea5e957;border-radius:999px;justify-content:center;align-items:center;padding:.28rem .55rem;font-size:.72rem;font-weight:750;line-height:1;display:inline-flex}.email-preview__body:where(.astro-soxsnotx){padding:.1rem 0 1.6rem}.email-preview__frame-wrap:where(.astro-soxsnotx){background:#05070a;border:1px solid #94a3b833;border-radius:8px;overflow:hidden}.email-preview__frame:where(.astro-soxsnotx){background:#05070a;border:0;width:100%;height:760px;display:block}@media (width<=42rem){body{display:block}.demo-topbar:where(.astro-soxsnotx){z-index:2;top:max(.55rem, env(safe-area-inset-top));right:max(.55rem, env(safe-area-inset-right));backdrop-filter:none;pointer-events:none;background:0 0;border:0;min-height:0;padding:0;display:block;position:fixed}.demo-topbar__toggle:where(.astro-soxsnotx){pointer-events:auto;color:#f8fafc;backdrop-filter:blur(12px);cursor:pointer;min-width:2.75rem;height:2.25rem;font:inherit;background:#05080fdb;border:1px solid #00fe7a59;border-radius:999px;place-items:center;padding:0 .7rem;font-size:.78rem;font-weight:700;line-height:1;display:inline-grid;box-shadow:0 12px 34px #00000047}.demo-topbar:where(.astro-soxsnotx):not([data-collapsed]) .demo-topbar__toggle:where(.astro-soxsnotx),.demo-topbar:where(.astro-soxsnotx)[data-collapsed] .demo-topbar__panel:where(.astro-soxsnotx){display:none}.demo-topbar__panel:where(.astro-soxsnotx){pointer-events:auto;backdrop-filter:blur(14px);background:#05080fe6;border:1px solid #94a3b838;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.55rem;width:min(20rem,100vw - 1.1rem);padding:.38rem;display:flex;box-shadow:0 16px 44px #00000057}.demo-topbar__title:where(.astro-soxsnotx){flex:auto;overflow:hidden}.demo-topbar__title:where(.astro-soxsnotx) strong:where(.astro-soxsnotx){text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.demo-topbar__state:where(.astro-soxsnotx){flex:100%;order:3;justify-content:stretch;width:100%}.demo-topbar__state-label:where(.astro-soxsnotx){display:none}.demo-topbar__state-select:where(.astro-soxsnotx){width:100%;min-width:0;font-size:.78rem}.demo-topbar__actions:where(.astro-soxsnotx){gap:.35rem}.demo-topbar__back:where(.astro-soxsnotx){border-color:#00fe7a59;padding:.42rem .55rem;font-size:.78rem;display:inline-flex}.demo-topbar__hide:where(.astro-soxsnotx){color:#cbd5e1;cursor:pointer;width:1.95rem;height:1.95rem;font:inherit;background:0 0;border:1px solid #94a3b842;border-radius:7px;place-items:center;padding:0;font-size:1rem;line-height:1;display:inline-grid}.demo-frame:where(.astro-soxsnotx){height:100dvh}.email-previews:where(.astro-soxsnotx){min-height:100dvh}.email-previews__inner:where(.astro-soxsnotx){width:min(100% - 1rem,72rem);padding-top:4rem}.email-preview:where(.astro-soxsnotx) summary:where(.astro-soxsnotx){grid-template-columns:minmax(0,1fr);gap:.55rem}.email-preview__meta:where(.astro-soxsnotx){width:fit-content}.email-preview__frame:where(.astro-soxsnotx){height:720px}}