@font-face{font-family:Coelacanth;src:url(./src/assets/fonts/Coelacanth.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--primitive-wheat-50:#f9f6ed;--primitive-wheat-100:#f1ead3;--primitive-forest-800:#414d2b;--primitive-forest-600:#537d25;--primitive-forest-300:#aaca74;--primitive-pink-300:#f4a6cf;--color-brand:var(--primitive-forest-600);--color-brand-hover:var(--primitive-forest-300);--color-bg:var(--primitive-wheat-100);--color-bg-subtle:var(--primitive-wheat-50);--color-text:var(--primitive-forest-800);--color-border:var(--primitive-forest-300);--color-code-bg:var(--primitive-wheat-50);--color-accent:var(--primitive-pink-300);--color-accent-bg:var(--primitive-forest-800);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--font-serif:"Coelacanth", system-ui, -apple-system, sans-serif;--font-size-base:1rem;--font-size-lg:1.25rem;--radius-sm:.125rem;--radius-md:.25rem;--radius-full:9999px}:root{--icon-color:var(--text);--text:var(--color-text);--text-h:var(--color-text);--bg:var(--color-bg);--border:var(--color-border);--code-bg:var(--color-code-bg);--accent:var(--color-accent);--accent-bg:var(--color-accent-bg);--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--heading:var(--font-serif);--mono:ui-monospace, Consolas, monospace;font:1rem/145% var(--font-serif);font-family:var(--font-serif);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:1rem}}@media (prefers-color-scheme:dark){:root{--icon-color:var(--text);--text:var(--primitive-wheat-100);--text-h:var(--primitive-wheat-100);--bg:var(--primitive-forest-800);--border:var(--primitive-forest-600);--code-bg:var(--primitive-wheat-50);--accent:var(--primitive-pink-300);--accent-bg:var(--primitive-forest-600);--accent-border:var(--primitive-forest-300);--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}body{min-height:100svh;margin:0}body:before{content:"";opacity:.03;z-index:-1;background-image:url("src/assets/fleur pattern.svg");background-repeat:repeat;background-size:64px;width:100%;height:100%;position:fixed;top:0;left:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:3.5rem}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:2rem;line-height:118%}@media (width<=1024px){h2{font-size:1.25rem}}p{margin:0}code{font-family:var(--mono);border-radius:var(--radius-sm);color:var(--text-h);background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:40svh;margin:0 auto;display:flex}#center{gap:var(--space-md);padding-top:var(--space-lg);flex-direction:column;flex-grow:1;place-content:center;place-items:center;display:flex}@media (width<=1024px){#center{gap:var(--space-md);padding:32px 20px 24px}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}header{text-align:center;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;display:flex}.footer{text-align:center;justify-content:center;align-items:center;width:100%;padding:40px 20px 20px}.shape-card{border-radius:var(--radius-md);outline:1px solid #08060d00;flex-direction:column;align-items:center;display:inline-flex;position:relative}.shape-card:before{content:"";background-color:var(--color-border);height:1px;position:absolute;top:0;left:0;right:0}.shape-card:after{content:"";background-color:var(--color-border);height:1px;position:absolute;bottom:0;left:0;right:0}.shape-card:hover .svg-container{z-index:999;transition:transform .2s;transform:scale(1.1)}.copy-button{cursor:pointer;background:0 0;border:none}.svg-container{flex-direction:column;justify-content:center;align-items:center;display:inline-flex}.svg-container svg{object-fit:contain;width:100%;height:100%;fill:var(--icon-color,var(--text))}.shape-bank{gap:var(--space-md) 0px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;margin:1rem;padding:1rem;display:grid}@media (width<=798px){.shape-bank{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.logo{background-color:var(--text);vertical-align:middle;width:64px;height:64px;display:inline-block;-webkit-mask-image:url(/fav.svg);mask-image:url(/fav.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero{padding:5rem 0}