@font-face{font-family:Superbasic Display;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/SuperbasicDisplay-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/InterVariable-latin.woff2) format("woff2")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(../../../fonts/RobotoMono-latin.woff2) format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../../../fonts/Lora-latin.woff2) format("woff2")}@font-face{font-family:sbf-pixel;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/sbf-pixel-Regular.woff2) format("woff2"),url(../../../fonts/sbf-pixel-Regular.woff) format("woff")}@font-face{font-family:sbf-pixel;font-style:normal;font-weight:700 900;font-display:swap;src:url(../../../fonts/sbf-pixel-Bold.woff2) format("woff2"),url(../../../fonts/sbf-pixel-Bold.woff) format("woff")}@font-face{font-family:sbf-serif;font-style:normal;font-weight:300;font-display:swap;src:url(../../../fonts/sbf-serif-Light.woff2) format("woff2"),url(../../../fonts/sbf-serif-Light.woff) format("woff")}@font-face{font-family:sbf-serif;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/sbf-serif-Regular.woff2) format("woff2"),url(../../../fonts/sbf-serif-Regular.woff) format("woff")}@font-face{font-family:sbf-serif;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/sbf-serif-Medium.woff2) format("woff2"),url(../../../fonts/sbf-serif-Medium.woff) format("woff")}@font-face{font-family:sbf-serif;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/sbf-serif-SemiBold.woff2) format("woff2"),url(../../../fonts/sbf-serif-SemiBold.woff) format("woff")}@font-face{font-family:sbf-serif;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/sbf-serif-Bold.woff2) format("woff2"),url(../../../fonts/sbf-serif-Bold.woff) format("woff")}:root{--landing-background: #d4d6d4;--landing-paper-rgb: 212, 214, 212;--landing-text: #1a1a1a;--landing-ink-rgb: 26, 26, 26;--landing-muted: rgba(var(--landing-ink-rgb), .7);--landing-negative: #c0392b;--landing-display-font-family: "Superbasic Display", "Roboto Mono", monospace;--landing-pixel-font-family: "sbf-pixel", "Roboto Mono", monospace;--landing-serif-font-family: "sbf-serif", Georgia, "Times New Roman", Times, serif;--landing-font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--landing-mono-font-family: "Roboto Mono", "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", ui-monospace, monospace;--landing-demo-font-family: var(--landing-font-family);--landing-editorial-font-family: "Lora", Georgia, "Times New Roman", Times, serif;--landing-hero-display-font-family: var(--landing-mono-font-family);--landing-hero-mono-font-family: var(--landing-mono-font-family);--landing-theme-color: #d4d6d4;--landing-color-scheme: light;--landing-toggle-track: #c8cac8;--landing-toggle-border: #1a1a1a;--landing-toggle-thumb: #1a1a1a;--landing-toggle-focus: #1a1a1a;--landing-outro-shadow: color-mix(in srgb, var(--landing-text) 38%, transparent);--landing-divider: color-mix(in srgb, var(--landing-text) 14%, transparent);--landing-blockquote-border: color-mix(in srgb, var(--landing-text) 20%, transparent);--landing-code-surface: color-mix(in srgb, var(--landing-text) 8%, transparent);--landing-hover-fill: color-mix(in srgb, var(--landing-text) 12%, transparent);--landing-faint: color-mix(in srgb, var(--landing-text) 45%, transparent);--landing-dot-pattern: #1a1a1a;--landing-hero-paper: var(--landing-background);--landing-hero-paper-rgb: var(--landing-paper-rgb);--landing-hero-ink: var(--landing-text);--landing-hero-ink-rgb: var(--landing-ink-rgb);--landing-hero-muted: var(--landing-muted);--landing-hero-border: rgba(0, 0, 0, .4);--landing-material-texture-opacity: .1;--landing-surface-grain-opacity: .15;--landing-texture-blend-mode: overlay;--landing-grain-blend-mode: multiply;--landing-hero-glow: color-mix(in srgb, var(--landing-hero-ink) 24%, transparent);--landing-hero-halo: color-mix(in srgb, var(--landing-hero-ink) 12%, transparent);--landing-demo-bg-image: url(../../../assets/demo-bg-light.jpg);--landing-demo-bg-mirror: -1;--landing-logo-image: url(../../../logo-light.png)}:root[data-theme=dark]{--landing-background: #060606;--landing-paper-rgb: 6, 6, 6;--landing-text: #dedede;--landing-ink-rgb: 222, 222, 222;--landing-muted: rgba(var(--landing-ink-rgb), .76);--landing-negative: #ff5d52;--landing-theme-color: #060606;--landing-color-scheme: dark;--landing-toggle-track: #161616;--landing-toggle-border: #dedede;--landing-toggle-thumb: #dedede;--landing-toggle-focus: #dedede;--landing-outro-shadow: color-mix(in srgb, var(--landing-background) 100%, transparent);--landing-dot-pattern: rgba(222, 222, 222, .17);--landing-hero-border: rgba(255, 255, 255, .35);--landing-material-texture-opacity: .12;--landing-surface-grain-opacity: .07;--landing-texture-blend-mode: overlay;--landing-grain-blend-mode: normal;--landing-hero-glow: rgba(222, 222, 222, .85);--landing-hero-halo: rgba(222, 222, 222, .35);--landing-demo-bg-image: url(../../../assets/demo-bg-dark.jpg);--landing-demo-bg-mirror: 1;--landing-logo-image: url(../../../logo-dark.png)}:root[data-theme=coffee]{--landing-background: #d4d6d4;--landing-paper-rgb: 212, 214, 212;--landing-text: #1a1a1a;--landing-ink-rgb: 26, 26, 26;--landing-muted: rgba(var(--landing-ink-rgb), .7);--landing-negative: #c0392b;--landing-theme-color: #d4d6d4;--landing-color-scheme: light;--landing-toggle-track: #c8cac8;--landing-toggle-border: #1a1a1a;--landing-toggle-thumb: #1a1a1a;--landing-toggle-focus: #1a1a1a;--landing-outro-shadow: color-mix(in srgb, var(--landing-text) 38%, transparent);--landing-dot-pattern: #1a1a1a;--landing-hero-border: rgba(0, 0, 0, .4);--landing-material-texture-opacity: .1;--landing-surface-grain-opacity: .15;--landing-texture-blend-mode: overlay;--landing-grain-blend-mode: multiply;--landing-hero-glow: color-mix(in srgb, var(--landing-hero-ink) 24%, transparent);--landing-hero-halo: color-mix(in srgb, var(--landing-hero-ink) 12%, transparent)}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background-color:var(--landing-background);color-scheme:var(--landing-color-scheme);scroll-behavior:smooth;transition:background-color .4s ease}html,body{min-height:100%;background-color:var(--landing-background)}body{position:relative;min-height:100vh;min-height:100svh;overflow-x:hidden;color:var(--landing-text);font-family:var(--landing-font-family);transition:background-color .4s ease,color .4s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-root{position:relative;z-index:1;min-height:100%}body:before{content:"";position:fixed;top:-10vh;left:0;width:100%;height:120vh;z-index:0;pointer-events:none;background-color:var(--landing-background);background-image:linear-gradient(color-mix(in srgb,var(--landing-background) calc((1 - var(--landing-material-texture-opacity)) * 100%),transparent),color-mix(in srgb,var(--landing-background) calc((1 - var(--landing-material-texture-opacity)) * 100%),transparent)),url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="paper"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.05" numOctaves="3" stitchTiles="stitch"/%3E%3CfeColorMatrix type="saturate" values="0"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23paper)"/%3E%3C/svg%3E');background-size:auto,cover;background-repeat:no-repeat;background-blend-mode:normal,var(--landing-texture-blend-mode);transition:background-color .4s ease}body:after{content:"";position:fixed;top:-10vh;left:0;width:100%;height:120vh;z-index:20;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='grain' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.64' numOctaves='2' seed='109' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");background-size:215px 215px;opacity:var(--landing-surface-grain-opacity);mix-blend-mode:var(--landing-grain-blend-mode);transform:rotate(.08deg) scale(1.02);transition:opacity .4s ease}button,input{font:inherit}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.pencil-edge{-webkit-mask-image:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="m"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="3"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.2 0 0 0 0.3" /%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23m)"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="m"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="3"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.2 0 0 0 0.3" /%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23m)"/%3E%3C/svg%3E');-webkit-mask-size:225px 225px;mask-size:225px 225px;-webkit-mask-repeat:repeat;mask-repeat:repeat}