.preset-confetti{--pp:#FF3D6E;--ps:#FFC23D;--pa:#12B5CB;--pb:#FFF8FB;--pf:'Fraunces', Georgia, serif;}
.preset-rainbow{--pp:#7B5CFF;--ps:#FF5DA2;--pa:#FFC93C;--pb:#FBF8FF;--pf:'Bricolage Grotesque', 'Segoe UI', sans-serif;}
.preset-bubblegum{--pp:#FF5FA2;--ps:#5CC8FF;--pa:#FFD23F;--pb:#FFF5FA;--pf:'Baloo 2', system-ui, sans-serif;}
.preset-tropical{--pp:#00B39F;--ps:#FF6B6B;--pa:#FFD166;--pb:#F2FFFB;--pf:'Pacifico', cursive;}
.preset-citrus{--pp:#FF8A00;--ps:#8CC63F;--pa:#FF3D7F;--pb:#FFFBEA;--pf:'Fredoka', system-ui, sans-serif;}
.preset-fiesta{--pp:#E8175D;--ps:#00A6A6;--pa:#FFC300;--pb:#FFF8EE;--pf:'Bungee', Impact, sans-serif;}
.preset-disco{--pp:#B14AED;--ps:#00D5FF;--pa:#FFE600;--pb:#F8F4FF;--pf:'Righteous', system-ui, sans-serif;}
.preset-mermaid{--pp:#12A4B5;--ps:#9B6BFF;--pa:#FF8FB1;--pb:#F0FBFF;--pf:'Dancing Script', cursive;}
.preset-sunflower{--pp:#F5B700;--ps:#2E9E5B;--pa:#FF6F3C;--pb:#FFFCEB;--pf:'Caveat', 'Segoe Print', cursive;}
.preset-berry{--pp:#D6246E;--ps:#6C3BD1;--pa:#22C5A0;--pb:#FFF6FA;--pf:'Chewy', system-ui, sans-serif;}
.preset-emoji{--pp:#FF4D8D;--ps:#FFC700;--pa:#3DC2FF;--pb:#FFFAF2;--pf:'Baloo 2', system-ui, sans-serif;}
.preset-garden{--pp:#E4608B;--ps:#5FA352;--pa:#F2B544;--pb:#FDF6F4;--pf:'Cormorant', Georgia, serif;}
.preset-golden{--pp:#FF7A1A;--ps:#E5336B;--pa:#FFC400;--pb:#FFF6E6;--pf:'Playfair Display', Georgia, serif;}
.preset-balloons{--pp:#2D7FE0;--ps:#F0456A;--pa:#FFC82E;--pb:#F1F8FF;--pf:'Lobster', cursive;}
.preset-lanterns{--pp:#E3263F;--ps:#F7A70A;--pa:#2A8FB0;--pb:#FFF5EC;--pf:'Fraunces', Georgia, serif;}
.preset-seaside{--pp:#0C9AA8;--ps:#FF7A66;--pa:#F5CC4A;--pb:#EFFAF8;--pf:'Bricolage Grotesque', 'Segoe UI', sans-serif;}
.preset-starlight{--pp:#2B94DB;--ps:#F08DB6;--pa:#FFCE1F;--pb:#FFF9E3;--pf:'Caveat', 'Segoe Print', cursive;}
.preset-butterflies{--pp:#6FAE10;--ps:#DD3A86;--pa:#FFB020;--pb:#F8FBEE;--pf:'Bricolage Grotesque', 'Segoe UI', sans-serif;}
.preset-quiet-garden{--pp:#2F9E6B;--ps:#F28B82;--pa:#F5C84C;--pb:#F3FAF2;--pf:'Cormorant', Georgia, serif;}
.preset-candlelight{--pp:#F07B12;--ps:#C42D63;--pa:#F6C026;--pb:#FFF6EA;--pf:'Lora', Georgia, serif;}
.preset-autumn{--pp:#F26A1B;--ps:#FFB627;--pa:#3FA34D;--pb:#FFF8EC;--pf:'Abril Fatface', Georgia, serif;}
.preset-monochrome{--pp:#2B2B2B;--ps:#FFD400;--pa:#FF4B3E;--pb:#FAFAF6;--pf:'Bricolage Grotesque', 'Segoe UI', sans-serif;}
.font-fraunces .font-sample{font-family:'Fraunces', Georgia, serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:fraunces"] span{font-family:'Fraunces', Georgia, serif}
.font-bricolage .font-sample{font-family:'Bricolage Grotesque', 'Segoe UI', sans-serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:bricolage"] span{font-family:'Bricolage Grotesque', 'Segoe UI', sans-serif}
.font-caveat .font-sample{font-family:'Caveat', 'Segoe Print', cursive;font-size:calc(1.6rem * 1.22)}
.chip[data-chip="body:caveat"] span{font-family:'Caveat', 'Segoe Print', cursive}
.font-cormorant .font-sample{font-family:'Cormorant', Georgia, serif;font-size:calc(1.6rem * 1.12)}
.chip[data-chip="body:cormorant"] span{font-family:'Cormorant', Georgia, serif}
.font-figtree .font-sample{font-family:'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:figtree"] span{font-family:'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif}
.font-pacifico .font-sample{font-family:'Pacifico', cursive;font-size:calc(1.6rem * 0.95)}
.chip[data-chip="body:pacifico"] span{font-family:'Pacifico', cursive}
.font-lobster .font-sample{font-family:'Lobster', cursive;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:lobster"] span{font-family:'Lobster', cursive}
.font-dancing .font-sample{font-family:'Dancing Script', cursive;font-size:calc(1.6rem * 1.15)}
.chip[data-chip="body:dancing"] span{font-family:'Dancing Script', cursive}
.font-greatvibes .font-sample{font-family:'Great Vibes', cursive;font-size:calc(1.6rem * 1.3)}
.chip[data-chip="body:greatvibes"] span{font-family:'Great Vibes', cursive}
.font-sacramento .font-sample{font-family:'Sacramento', cursive;font-size:calc(1.6rem * 1.4)}
.chip[data-chip="body:sacramento"] span{font-family:'Sacramento', cursive}
.font-playfair .font-sample{font-family:'Playfair Display', Georgia, serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:playfair"] span{font-family:'Playfair Display', Georgia, serif}
.font-lora .font-sample{font-family:'Lora', Georgia, serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:lora"] span{font-family:'Lora', Georgia, serif}
.font-abril .font-sample{font-family:'Abril Fatface', Georgia, serif;font-size:calc(1.6rem * 0.95)}
.chip[data-chip="body:abril"] span{font-family:'Abril Fatface', Georgia, serif}
.font-baloo .font-sample{font-family:'Baloo 2', system-ui, sans-serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:baloo"] span{font-family:'Baloo 2', system-ui, sans-serif}
.font-fredoka .font-sample{font-family:'Fredoka', system-ui, sans-serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:fredoka"] span{font-family:'Fredoka', system-ui, sans-serif}
.font-comfortaa .font-sample{font-family:'Comfortaa', system-ui, sans-serif;font-size:calc(1.6rem * 0.95)}
.chip[data-chip="body:comfortaa"] span{font-family:'Comfortaa', system-ui, sans-serif}
.font-quicksand .font-sample{font-family:'Quicksand', system-ui, sans-serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:quicksand"] span{font-family:'Quicksand', system-ui, sans-serif}
.font-nunito .font-sample{font-family:'Nunito', system-ui, sans-serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:nunito"] span{font-family:'Nunito', system-ui, sans-serif}
.font-chewy .font-sample{font-family:'Chewy', system-ui, sans-serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:chewy"] span{font-family:'Chewy', system-ui, sans-serif}
.font-bungee .font-sample{font-family:'Bungee', Impact, sans-serif;font-size:calc(1.6rem * 0.82)}
.chip[data-chip="body:bungee"] span{font-family:'Bungee', Impact, sans-serif}
.font-righteous .font-sample{font-family:'Righteous', system-ui, sans-serif;font-size:calc(1.6rem * 0.95)}
.chip[data-chip="body:righteous"] span{font-family:'Righteous', system-ui, sans-serif}
.font-amatic .font-sample{font-family:'Amatic SC', cursive;font-size:calc(1.6rem * 1.35)}
.chip[data-chip="body:amatic"] span{font-family:'Amatic SC', cursive}
.font-patrickhand .font-sample{font-family:'Patrick Hand', cursive;font-size:calc(1.6rem * 1.1)}
.chip[data-chip="body:patrickhand"] span{font-family:'Patrick Hand', cursive}
.font-marker .font-sample{font-family:'Permanent Marker', cursive;font-size:calc(1.6rem * 0.95)}
.chip[data-chip="body:marker"] span{font-family:'Permanent Marker', cursive}
.font-pen .font-sample{font-family:'Shadows Into Light', cursive;font-size:calc(1.6rem * 1.15)}
.chip[data-chip="body:pen"] span{font-family:'Shadows Into Light', cursive}
.font-classic .font-sample{font-family:Georgia, 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', serif;font-size:calc(1.6rem * 0.96)}
.chip[data-chip="body:classic"] span{font-family:Georgia, 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', serif}
.font-typewriter .font-sample{font-family:ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, 'Courier New', monospace;font-size:calc(1.6rem * 0.82)}
.chip[data-chip="body:typewriter"] span{font-family:ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, 'Courier New', monospace}
.font-humanist .font-sample{font-family:Optima, Candara, 'Gill Sans', 'Segoe UI', 'Trebuchet MS', sans-serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:humanist"] span{font-family:Optima, Candara, 'Gill Sans', 'Segoe UI', 'Trebuchet MS', sans-serif}
.font-rounded .font-sample{font-family:ui-rounded, 'SF Pro Rounded', 'Hiragino Maru Gothic ProN', 'Arial Rounded MT Bold', 'Trebuchet MS', system-ui, sans-serif;font-size:calc(1.6rem * 0.95)}
.chip[data-chip="body:rounded"] span{font-family:ui-rounded, 'SF Pro Rounded', 'Hiragino Maru Gothic ProN', 'Arial Rounded MT Bold', 'Trebuchet MS', system-ui, sans-serif}
.font-system .font-sample{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:system"] span{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif}
.font-bookish .font-sample{font-family:Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;font-size:calc(1.6rem * 0.96)}
.chip[data-chip="body:bookish"] span{font-family:Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif}
.font-oldstyle .font-sample{font-family:'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:oldstyle"] span{font-family:'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif}
.font-geometric .font-sample{font-family:Avenir, Montserrat, Corbel, 'URW Gothic', 'Century Gothic', sans-serif;font-size:calc(1.6rem * 0.95)}
.chip[data-chip="body:geometric"] span{font-family:Avenir, Montserrat, Corbel, 'URW Gothic', 'Century Gothic', sans-serif}
.font-plain .font-sample{font-family:Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;font-size:calc(1.6rem * 0.94)}
.chip[data-chip="body:plain"] span{font-family:Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif}
.font-condensed .font-sample{font-family:Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, 'Arial Narrow', sans-serif;font-size:calc(1.6rem * 1.05)}
.chip[data-chip="body:condensed"] span{font-family:Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, 'Arial Narrow', sans-serif}
.font-slab .font-sample{font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;font-size:calc(1.6rem * 0.95)}
.chip[data-chip="body:slab"] span{font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif}
.font-antique .font-sample{font-family:Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;font-size:calc(1.6rem * 0.92)}
.chip[data-chip="body:antique"] span{font-family:Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif}
.font-fashion .font-sample{font-family:Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;font-size:calc(1.6rem * 1.02)}
.chip[data-chip="body:fashion"] span{font-family:Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif}
.font-engraved .font-sample{font-family:Copperplate, 'Copperplate Gothic Light', 'Copperplate Gothic', 'Engravers MT', 'Felix Titling', serif;font-size:calc(1.6rem * 0.9)}
.chip[data-chip="body:engraved"] span{font-family:Copperplate, 'Copperplate Gothic Light', 'Copperplate Gothic', 'Engravers MT', 'Felix Titling', serif}
.font-poster .font-sample{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', 'Franklin Gothic Bold', sans-serif-condensed, sans-serif;font-size:calc(1.6rem * 1.05)}
.chip[data-chip="body:poster"] span{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', 'Franklin Gothic Bold', sans-serif-condensed, sans-serif}
.font-marker .font-sample{font-family:'Marker Felt', 'Segoe Print', 'Bradley Hand', Chilanka, casual, cursive;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:marker"] span{font-family:'Marker Felt', 'Segoe Print', 'Bradley Hand', Chilanka, casual, cursive}
.font-chalk .font-sample{font-family:Chalkduster, 'Ink Free', 'Segoe Print', casual, cursive;font-size:calc(1.6rem * 1)}
.chip[data-chip="body:chalk"] span{font-family:Chalkduster, 'Ink Free', 'Segoe Print', casual, cursive}
.font-comic .font-sample{font-family:'Comic Sans MS', 'Comic Neue', 'Chalkboard SE', Chalkboard, casual, cursive;font-size:calc(1.6rem * 0.95)}
.chip[data-chip="body:comic"] span{font-family:'Comic Sans MS', 'Comic Neue', 'Chalkboard SE', Chalkboard, casual, cursive}
.font-script .font-sample{font-family:'Snell Roundhand', 'Segoe Script', 'Brush Script MT', 'Dancing Script', cursive;font-size:calc(1.6rem * 1.1)}
.chip[data-chip="body:script"] span{font-family:'Snell Roundhand', 'Segoe Script', 'Brush Script MT', 'Dancing Script', cursive}