.demo-frame{--demo-window:clamp(30rem, calc(100svh - 68px - 1.5rem), 52rem);gap:var(--space-6);color:var(--text);font-family:var(--font-sans);overflow-wrap:anywhere;margin:0;display:grid}.demo-frame__top p,.demo-frame__receives,.demo-handoff>h3,.demo-frame__trades,.demo-strip p{margin:0}.demo-frame__top,.demo-frame__receives,.demo-frame__trades{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-muted)}.demo-frame__top{align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.demo-frame__label{font:var(--type-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted)}.demo-frame__demo{gap:var(--space-3);min-width:0;display:grid}.demo-frame__demo>:first-child{border-radius:var(--radius-card);box-shadow:none;overflow:clip}.demo-strip{justify-items:start;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-card);background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-normal);display:grid}.demo-handoff{gap:var(--space-3);margin-top:var(--space-6);display:grid;container-type:inline-size}.demo-handoff>h3{font-size:var(--fs-xs);color:var(--text)}.demo-handoff:focus:not(:focus-visible){outline:none}.demo-mail{--mail-bg:#fff;--mail-bg-soft:#f5f6f7;--mail-text:#1d2125;--mail-muted:#5b636b;--mail-line:#d9dde1;--mail-unread:#1a6fd8;--mail-done:#1f8a4c;--mail-mark:#fff1b8;--mail-mark-edge:#d9a400;width:100%;max-width:47.5rem;color:var(--mail-text);overflow-wrap:anywhere;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem;line-height:1.45}.demo-mail :where(h4,h5,p,ul){margin:0}.demo-mail ul{padding:0;list-style:none}.demo-mail__mail{background:var(--mail-bg);border:1px solid var(--mail-line);border-radius:10px}.demo-mail[data-crm] .demo-mail__mail{border-bottom-right-radius:0;border-bottom-left-radius:0}.demo-mail__head{border-bottom:1px solid var(--mail-line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"from time""to to""subject subject";column-gap:1rem;padding:.875rem 1.25rem .75rem;display:grid}.demo-mail__from{grid-area:from;align-items:center;gap:.5rem;font-weight:600;display:flex}.demo-mail__unread{background:var(--mail-unread);border-radius:50%;flex:none;width:.5rem;height:.5rem}.demo-mail__time{color:var(--mail-muted);grid-area:time;font-size:.8125rem}.demo-mail__to{color:var(--mail-muted);flex-wrap:wrap;grid-area:to;gap:0 1rem;font-size:.8125rem;display:flex}.demo-mail__to>span{color:var(--mail-text)}.demo-mail__field{color:var(--mail-muted)}.demo-mail__subject{grid-area:subject;margin-top:.375rem;font-size:1.0625rem;font-weight:600;line-height:1.3}.demo-mail__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 1.5rem;padding:1rem 1.25rem 1.125rem;display:grid}.demo-mail__section--summary,.demo-mail__section--attachments{grid-column:1/-1}.demo-mail__section--attachments{border-top:1px solid var(--mail-line);padding-top:.875rem}.demo-mail__label{color:var(--mail-muted);align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.8125rem;font-weight:600;display:flex}.demo-mail__label svg{width:.875rem;height:.875rem}.demo-mail__rows{gap:.125rem;display:grid}.demo-mail__row--amount{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:650;line-height:1.25}.demo-mail__note{white-space:nowrap;letter-spacing:0;color:var(--mail-muted);font-size:.875rem;font-weight:400}.demo-mail__row--title{font-weight:600}.demo-mail__row--quote{border-left:2px solid var(--mail-line);color:var(--mail-muted);margin-top:.25rem;padding-left:.625rem}.demo-mail__row--check{align-items:flex-start;gap:.5rem;display:flex}.demo-mail__row--check svg{width:.875rem;height:.875rem;color:var(--mail-muted);flex:none;margin-top:.2em}.demo-mail__files{flex-wrap:wrap;gap:.5rem;display:flex}.demo-mail__file{border:1px solid var(--mail-line);background:var(--mail-bg-soft);border-radius:6px;align-items:center;gap:.5rem;max-width:100%;padding:.375rem .625rem;display:flex}.demo-mail__file svg{width:1rem;height:1rem;color:var(--mail-muted);flex:none}.demo-mail__file-name{min-width:0;font-weight:500}.demo-mail__file-detail{color:var(--mail-muted);flex:none;font-size:.8125rem}.demo-mail__crm{background:var(--mail-bg-soft);border:1px solid var(--mail-line);color:var(--mail-muted);border-top:0;border-radius:0 0 10px 10px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.8125rem;display:flex}.demo-mail__crm svg{width:1rem;height:1rem;color:var(--mail-done);flex:none}@container not (min-width:34rem){.demo-mail__head{grid-template-columns:minmax(0,1fr);grid-template-areas:"from""subject""time""to";padding-inline:1rem}.demo-mail__subject{margin-block:.25rem}.demo-mail__body{grid-template-columns:minmax(0,1fr);padding-inline:1rem}.demo-mail__crm{padding-inline:1rem}}.demo-handoff__part{isolation:isolate;position:relative}.demo-handoff__mark{z-index:-1;background:var(--mail-mark);box-shadow:inset 2px 0 0 var(--mail-mark-edge);animation:demo-handoff-mark var(--mark-ms) var(--ease-out) forwards;border-radius:4px;position:absolute;inset:-.125rem -.375rem}@keyframes demo-handoff-mark{0%,35%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.demo-handoff__mark{animation:none}}
@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/329bc21294e2fb3d-s.1j5s5ojb4-d-s.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/2e26954cfd51b6e3-s.237s8-2g-gft2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/a1b1d0384e6aa746-s.0hamgza7cpt1x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1123fb89de588a48-s.40v7iydlhc_yt.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/d0f4d39c08066a29-s.438h7bwt6ldsi.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7015758c94fe7945-s.0rg7ym60g9xsl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.ZIZF1W_className{font-family:Fraunces,Fraunces Fallback}.ZIZF1W_variable{--le-font-display:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/4032351b19cb998e-s.2u3lqdovtp4z3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/cb4b92673aedbbad-s.0jgzmitmnoe6_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}.ne6bNa_className{font-family:Figtree,Figtree Fallback;font-style:normal}.ne6bNa_variable{--le-font-text:"Figtree", "Figtree Fallback"}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/ffc7b595a48b6846-s.2k_u76ydap2io.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/276a8f4fe816cb6b-s.31_i6ngnt52xa.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/82b67ad56d243b47-s.2p5l8hwveaaiz.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/33ee198db9637ef4-s.1_g-53zz09yvy.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fbb7028efdf70529-s.2gp_y-cmv6-ey.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/82450a180bcad83c-s.2ywnh8m32q6p0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.e5-ggG_className{font-family:Manrope,Manrope Fallback;font-style:normal}.e5-ggG_variable{--hh-font:"Manrope", "Manrope Fallback"}