*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.highlight{color:#f8f8f2}.highlight .c{color:#6272a4;font-style:italic}.highlight .err{color:#f8f8f2}.highlight .k{color:#ff79c6}.highlight .o{color:#ff79c6}.highlight .cm{color:#6272a4;font-style:italic}.highlight .cp{color:#ff79c6}.highlight .c1{color:#6272a4;font-style:italic}.highlight .cs{color:#6272a4;font-style:italic}.highlight .gd{color:#f55}.highlight .gd .x{color:#f55}.highlight .ge{font-style:italic}.highlight .gr{color:#f55}.highlight .gh{color:#f8f8f2;font-weight:bold}.highlight .gi{color:#50fa7b}.highlight .gi .x{color:#50fa7b}.highlight .go{color:#44475a}.highlight .gp{color:#f8f8f2}.highlight .gs{font-weight:bold}.highlight .gu{color:#bd93f9;font-weight:bold}.highlight .gt{color:#f55}.highlight .kc{color:#ff79c6}.highlight .kd{color:#8be9fd;font-style:italic}.highlight .kp{color:#ff79c6}.highlight .kr{color:#ff79c6}.highlight .kt{color:#8be9fd}.highlight .m{color:#bd93f9}.highlight .s{color:#f1fa8c}.highlight .na{color:#50fa7b}.highlight .nb{color:#8be9fd}.highlight .nc{color:#8be9fd}.highlight .no{color:#bd93f9}.highlight .ni{color:#f1fa8c}.highlight .ne{color:#f55}.highlight .nf{color:#50fa7b}.highlight .nn{color:#f8f8f2}.highlight .nt{color:#ff79c6}.highlight .nv{color:#8be9fd}.highlight .ow{color:#ff79c6}.highlight .w{color:#f8f8f2}.highlight .mf{color:#bd93f9}.highlight .mh{color:#bd93f9}.highlight .mi{color:#bd93f9}.highlight .mo{color:#bd93f9}.highlight .sb{color:#f1fa8c}.highlight .sc{color:#f1fa8c}.highlight .sd{color:#f1fa8c}.highlight .s2{color:#f1fa8c}.highlight .se{color:#ff79c6}.highlight .sh{color:#f1fa8c}.highlight .si{color:#f1fa8c}.highlight .sx{color:#f1fa8c}.highlight .sr{color:#f55}.highlight .s1{color:#f1fa8c}.highlight .ss{color:#f1fa8c}.highlight .bp{color:#f8f8f2}.highlight .vc{color:#8be9fd}.highlight .vg{color:#8be9fd}.highlight .vi{color:#8be9fd}.highlight .il{color:#bd93f9}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-gray-0: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-gray-950: #0a0a0a;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-400);--color-text-inverse: var(--color-gray-0);--color-bg-primary: var(--color-gray-50);--color-bg-secondary: var(--color-gray-100);--color-bg-tertiary: var(--color-gray-150);--color-border-primary: var(--color-gray-200);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-serif: "Zilla Slab", Georgia, Times, "Times New Roman", serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.75;--space-0: 0;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-12: 6rem;--space-16: 8rem;--space-xs: var(--space-2);--space-sm: var(--space-3);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-10);--radius-none: 0;--radius-sm: 0.125rem;--radius-base: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--duration-instant: 0ms;--duration-fast: 100ms;--duration-base: 200ms;--duration-slow: 300ms;--duration-slower: 500ms;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--transition-fast: all var(--duration-fast) var(--ease-out);--transition-base: all var(--duration-base) var(--ease-out);--transition-slow: all var(--duration-slow) var(--ease-out);--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--prose-width: 65ch;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-optical-sizing:auto}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}a{font-weight:var(--font-weight-medium);transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-hover)}a:active{color:var(--color-primary-active)}label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}input{font-size:var(--font-size-base)}@media(min-width: 640px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}.container{max-inline-size:min(var(--max-inline-size, var(--container-5xl)),100%);margin-inline:auto;padding-inline:var(--space-md)}.container .container{padding-inline:0}.title-container{--max-inline-size: 90ch}.text-container{--max-inline-size: 65ch}.stack{display:flex;flex-direction:column;justify-content:flex-start}.stack>*{margin-block:0}.stack>*+*{margin-block-start:var(--space, 1.5rem)}.stack-xs>*+*{--space: 0.5rem}.stack-sm>*+*{--space: 1rem}.stack-lg>*+*{--space: 2rem}.stack-xl>*+*{--space: 3rem}.stack-2xl>*+*{--space: 4rem}.text-center{text-align:center}ul.unstyled{list-style-type:none;padding-inline-start:0}.border-default{border:1px solid var(--color-border-primary)}.radius-base{border-radius:var(--radius-base)}.p-4{padding:var(--space-4)}.p-md{padding:var(--space-md)}.bg-secondary{background-color:var(--color-bg-secondary)}#header{--header-height: 5rem;border-bottom:1px solid var(--color-border-primary)}#header h1{z-index:var(--z-50);transition:color var(--duration-base) var(--ease-out);font-size:var(--font-size-2xl);line-height:1}#header h1 a{text-decoration:none;text-transform:uppercase;font-weight:var(--font-weight-light)}#header h1:hover{color:var(--color-primary)}#header .header-wrapper{display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}#header nav>input,#header .mobile-toggle .close{display:none}#header .mobile-toggle svg{display:block;transition:color var(--duration-base) var(--ease-out)}#header .mobile-toggle{position:relative;display:block;cursor:pointer;z-index:var(--z-50)}#header #nav-toggle-input:checked~.mobile-toggle .open{display:none}#header #nav-toggle-input:checked~.mobile-toggle .close{display:block}#header .nav-container{display:none;z-index:var(--z-40)}#header #nav-toggle-input:checked~.nav-container{display:flex;gap:var(--space-md);position:absolute;top:0;left:0;width:100%;background-color:var(--color-primary);flex-direction:column;padding-block:var(--header-height) var(--space-md);padding-inline:var(--space-md);color:#fff}#header .nav-container a{font-size:var(--font-size-xl);text-decoration:none}#header:has(#nav-toggle-input:checked) :is(h1,svg){color:#fff}body>main{padding-top:var(--space-lg)}footer{margin-top:var(--space-2xl);border-top:var(--border-width-1) solid var(--color-border-primary);text-align:center;font-size:var(--font-size-sm)}.blog-post header h1{line-height:1.1}.blog-post header p{margin-top:var(--space-2);font-size:var(--font-size-xs)}.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6{margin-top:var(--space-6)}hr{width:100%;border:none;border-top:1px solid var(--color-border-primary)}div.highlighter-rouge{overflow:hidden;border-radius:var(--radius-lg);background:#282a36}code.highlighter-rouge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);background:var(--color-gray-200);font-size:var(--font-size-sm)}pre{overflow-x:auto;padding:var(--space-4);margin:0;font-size:var(--font-size-sm)}@media(min-width: 64rem){div.highlighter-rouge{width:calc(100% + var(--space-9)*2);margin-inline-start:calc(-1*var(--space-9))}}code{font-family:var(--font-mono)}blockquote{padding-inline:var(--space-md);border-inline-start:var(--border-width-4) solid var(--color-border-primary)}input[type=text],input[type=email],textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);width:100%}input[type=submit]{cursor:pointer;background-color:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--duration-base) var(--ease-out)}#newsletter-form{display:flex;flex-wrap:wrap;gap:var(--space-3)}#newsletter-form input[type=email]{flex:9999999 300px}#newsletter-form input[type=submit]{flex:1 1 auto}@media(min-width: 65ch){.blog-post h1,.blog-post header p{text-align:center}}@media(min-width: 64rem){#header .mobile-toggle{display:none}#header .nav-container{display:flex;gap:var(--space-md)}.blog-post header{margin-block:var(--space-lg)}.blog-post h1{font-size:var(--font-size-6xl)}.blog-post h2{font-size:var(--font-size-2xl)}.blog-post h3{font-size:var(--font-size-xl)}}/*# sourceMappingURL=main.css.map */