@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-vietnamese-wght-normal.27mjgerpp-p8q.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-ext-wght-normal.0w34jt9rgyj5v.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-wght-normal.2on4lsczlu6gv.woff2)format("woff2-variations");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}
.demo{background:var(--d-bg);color:var(--d-fg);font-size:1.0625rem;line-height:1.6}.demo h1,.demo h2,.demo h3{letter-spacing:-.02em}.demo-serif h1,.demo-serif h2,.demo-serif h3{font-variation-settings:"opsz" 72, "SOFT" 30;letter-spacing:-.01em;font-family:Fraunces Variable,Georgia,serif}.demo-sans h1,.demo-sans h2,.demo-sans h3{font-family:Manrope Variable,Inter Variable,system-ui,sans-serif}.demo ::selection{background:color-mix(in oklch, var(--d-accent) 25%, transparent)}.demo-panel{background:radial-gradient(120% 90% at 100% 0%, color-mix(in oklch, var(--d-accent) 55%, var(--d-bg)) 0%, transparent 60%), radial-gradient(90% 80% at 0% 100%, color-mix(in oklch, var(--d-accent) 30%, var(--d-muted)) 0%, transparent 65%), var(--d-muted)}.demo-panel:after{content:"";background-image:radial-gradient(circle at 1px 1px, color-mix(in oklch, var(--d-fg) 18%, transparent) 1px, transparent 0);opacity:.35;pointer-events:none;background-size:18px 18px;position:absolute;inset:0}