@layer reset,base,base-layout,components,blog,utils;@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi/Satoshi-Light.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-Light.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi/Satoshi-LightItalic.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-LightItalic.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-LightItalic.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi/Satoshi-Regular.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-Regular.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi/Satoshi-Italic.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-Italic.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-Italic.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi/Satoshi-Medium.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-Medium.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi/Satoshi-MediumItalic.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-MediumItalic.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-MediumItalic.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi/Satoshi-Bold.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-Bold.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi/Satoshi-BoldItalic.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-BoldItalic.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-BoldItalic.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi/Satoshi-Black.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-Black.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-Black.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi/Satoshi-BlackItalic.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-BlackItalic.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-BlackItalic.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Variable;src:url(../../../fonts/satoshi/Satoshi-Variable.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-Variable.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(../../../fonts/satoshi/Satoshi-VariableItalic.woff2) format("woff2"),url(../../../fonts/satoshi/Satoshi-VariableItalic.woff) format("woff"),url(../../../fonts/satoshi/Satoshi-VariableItalic.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-Thin.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-Thin.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-Thin.ttf) format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-ThinItalic.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-ThinItalic.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-ThinItalic.ttf) format("truetype");font-weight:100;font-display:swap;font-style:italic}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-Light.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-Light.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-LightItalic.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-LightItalic.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-LightItalic.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-Regular.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-Regular.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-Italic.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-Italic.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-Italic.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-Bold.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-Bold.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-BoldItalic.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-BoldItalic.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-BoldItalic.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-Extrabold.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-Extrabold.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-Extrabold.ttf) format("truetype");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-ExtraboldItalic.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-ExtraboldItalic.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-ExtraboldItalic.ttf) format("truetype");font-weight:800;font-display:swap;font-style:italic}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-Black.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-Black.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-Black.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Zodiak;src:url(../../../fonts/zodiak/Zodiak-BlackItalic.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-BlackItalic.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-BlackItalic.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Zodiak-Variable;src:url(../../../fonts/zodiak/Zodiak-Variable.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-Variable.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:Zodiak-VariableItalic;src:url(../../../fonts/zodiak/Zodiak-VariableItalic.woff2) format("woff2"),url(../../../fonts/zodiak/Zodiak-VariableItalic.woff) format("woff"),url(../../../fonts/zodiak/Zodiak-VariableItalic.ttf) format("truetype");font-weight:100 900;font-display:swap;font-style:italic}@font-face{font-family:Alpino-Thin;src:url(../../../fonts/alpino/Alpino-Thin.woff2) format("woff2"),url(../../../fonts/alpino/Alpino-Thin.woff) format("woff"),url(../../../fonts/alpino/Alpino-Thin.ttf) format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:Alpino-Light;src:url(../../../fonts/alpino/Alpino-Light.woff2) format("woff2"),url(../../../fonts/alpino/Alpino-Light.woff) format("woff"),url(../../../fonts/alpino/Alpino-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Alpino-Regular;src:url(../../../fonts/alpino/Alpino-Regular.woff2) format("woff2"),url(../../../fonts/alpino/Alpino-Regular.woff) format("woff"),url(../../../fonts/alpino/Alpino-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Alpino-Medium;src:url(../../../fonts/alpino/Alpino-Medium.woff2) format("woff2"),url(../../../fonts/alpino/Alpino-Medium.woff) format("woff"),url(../../../fonts/alpino/Alpino-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Alpino-Bold;src:url(../../../fonts/alpino/Alpino-Bold.woff2) format("woff2"),url(../../../fonts/alpino/Alpino-Bold.woff) format("woff"),url(../../../fonts/alpino/Alpino-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Alpino-Black;src:url(../../../fonts/alpino/Alpino-Black.woff2) format("woff2"),url(../../../fonts/alpino/Alpino-Black.woff) format("woff"),url(../../../fonts/alpino/Alpino-Black.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Alpino-Variable;src:url(../../../fonts/alpino/Alpino-Variable.woff2) format("woff2"),url(../../../fonts/alpino/Alpino-Variable.woff) format("woff"),url(../../../fonts/alpino/Alpino-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap;font-style:normal}@layer components{:global(.json-formatter-container){display:none!important}form{inline-size:100%;display:grid;place-items:center;place-content:center}form fieldset{display:block;border:1px solid var(--color-ld-white-500);border-radius:20px;padding-block:0 2rem;padding-inline:2rem;inline-size:inherit;block-size:inherit;max-block-size:inherit}form:has(label) label{font-weight:700;color:var(--color-ld-accent-600)}form:has(label) label:has(.alert,.alert-danger) input{border-color:var(--color-alert-danger)}form:has(label) fieldset:has(.alert,.alert-danger) .alert,form:has(label) fieldset:has(.alert,.alert-danger) .alert-danger{display:flex;margin-block-start:-.5rem;margin-block-end:.5rem;background-color:#fff;color:var(--color-ld-black-500);inline-size:fit-content;padding-inline-end:.5rem;padding-block:.2rem;border-radius:10px;border:1px solid var(--color-alert-danger);line-height:1rem;font-size:.7rem}:is(form:has(label) fieldset:has(.alert,.alert-danger) .alert,form:has(label) fieldset:has(.alert,.alert-danger) .alert-danger) svg{color:var(--color-alert-danger);margin-inline:.5rem}form:has(a) a{font-weight:700;color:var(--color-ld-accent-600)}form:has(a) a:hover{color:var(--color-ld-accent-600-hover)}}@layer blog{.blog-post{inline-size:100%}.blog-post p{color:var(--color-ld-black-500);font-size:var(--p)}.blog-post ul,.blog-post li,.blog-post a{font-size:var(--p)}.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6{margin-block-start:var(--space-10);font-weight:900}.blog-post img{inline-size:100%;max-inline-size:100%;max-block-size:100%;block-size:auto;object-fit:contain;object-position:center;box-sizing:border-box;border-radius:var(--radius-card);box-shadow:var(--shadow-md);margin-block:var(--space-8)}.blog-post .codesandbox,.blog-post .video,.blog-post .website{inline-size:100%;max-inline-size:100%;align-self:center;block-size:600px;box-sizing:border-box;margin-block-end:var(--space-6);border-radius:var(--radius-card);box-shadow:var(--shadow-md);transition:box-shadow,border-color var(--transition-base) ease-in-out;overflow:hidden;background:var(--surface-2);border:var(--border-default)}.blog-post ul,.blog-post ol{padding-inline-start:var(--space-6);margin-block-end:var(--space-6)}.blog-post li{list-style:revert;margin-block-end:var(--space-2)}.blog-post .copy-button-wrapper{--border-radius: var(--radius-5) var(--radius-5) 0 0;--border-radius-label: var(--radius-2);position:relative;margin:0;padding:var(--space-2);display:flex;flex-direction:row-reverse;justify-content:space-between;align-self:center;inline-size:100%;max-inline-size:100%;border-radius:var(--border-radius);border-block-start:var(--border-default);border-inline-start:var(--border-default);border-inline-end:var(--border-default);background-color:var(--shiki-bg, var(--color-ld-white-500));box-sizing:border-box;transition:background-color var(--transition-base) ease,border-color var(--transition-base) ease}.blog-post .copy-button-wrapper .language-description{margin:0;display:inline-flex;align-items:center;align-self:center;text-align:center;padding-inline:var(--space-2);padding-block:1px;margin-inline-start:var(--space-1);background-color:var(--color-ld-accent-600);font-weight:500;font-size:.8rem;line-height:.9rem;block-size:1.2rem;text-transform:uppercase;border-radius:var(--border-radius-label);color:var(--color-ld-white-300)}.blog-post .copy-button-wrapper .copy-button{margin:0;background-color:transparent;border:none;max-width:max-content;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-control);outline:none;box-shadow:none;transition:transform var(--transition-base) ease,box-shadow var(--transition-base) ease}.blog-post .copy-button-wrapper .copy-button:active{transform:translateY(1px)}.blog-post .copy-button-wrapper .copy-button:focus-visible{box-shadow:var(--shadow-focus)}.blog-post .copy-button-wrapper .copy-button svg{display:block;fill:transparent;stroke:var(--color-ld-accent-500);stroke-width:2px;block-size:1.5rem;inline-size:1.5rem;margin:0;padding:0;background-color:transparent;transition:stroke var(--transition-base) ease}.blog-post .copy-button-wrapper .copy-button:hover svg{stroke:var(--color-ld-accent-600)}.shiki :is(.blog-post .copy-button-wrapper .copy-button) svg{background-color:var(--shiki-bg, transparent)}.blog-post .shiki{inline-size:100%;max-inline-size:100%;align-self:center;box-sizing:border-box;margin:0;padding:0;border-radius:0 0 var(--radius-5) var(--radius-5);overflow:hidden;box-shadow:var(--shadow-md);border-inline-start:var(--border-default);border-inline-end:var(--border-default);border-block-end:var(--border-default);font-size:.9rem;transition:background-color,border-color var(--transition-base) ease-in-out}.blog-post .shiki code{inline-size:100%;max-inline-size:100%;overflow-x:auto;display:block;transition:background-color var(--transition-base) ease-in-out;margin:0;padding:0;padding-inline-start:var(--space-4);padding-block-end:var(--space-3);background-color:var(--color-ld-white-500)}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;-moz-text-size-adjust:auto;-ms-text-size-adjust:auto;-webkit-text-size-adjust:auto;text-size-adjust:auto}html,body{padding:0;margin:0}body,h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd,ul,ol,li,a,img,button,input,textarea{margin:0;padding:0}body{line-height:1.75}h1,h2,h3,button,input,label{line-height:1.15}h1,h2,h3,h4{text-wrap:balance}input,button,textarea,select{font:inherit}p{text-wrap:pretty}a{text-decoration:none}li{list-style:none}img,picture{max-inline-size:100%;display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}}@layer base{:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--pad-control-y: var(--space-2);--pad-control-x: var(--space-3);--pad-card: var(--space-6);--pad-section: var(--space-10);--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-style: solid;--border-color: var(--color-ld-white-500);--border-color-strong: var(--color-ld-black-500);--border-color-focus: var(--color-ld-accent-500);--border-default: var(--border-width-1) var(--border-style) var(--border-color);--border-strong: var(--border-width-1) var(--border-style) var(--border-color-strong);--border-focus: var(--border-width-2) var(--border-style) var(--border-color-focus);--radius-0: 0;--radius-1: .125rem;--radius-2: .25rem;--radius-3: .375rem;--radius-4: .5rem;--radius-5: .75rem;--radius-6: 1rem;--radius-pill: 9999px;--radius-control: var(--radius-2);--radius-button: var(--radius-3);--radius-card: var(--radius-5);--radius-modal: var(--radius-6);--z-base: 0;--z-sticky: 10;--z-dropdown: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--z-tooltip: 60;--surface-1: var(--color-ld-white-300);--surface-2: var(--color-ld-white-400);--surface-3: var(--color-ld-white-500);--color-black-700: #565656;--color-black-600: #4e4e4e;--color-black-500: #3b3b3b;--color-black-400: #1a1a1a;--color-black-300: #0d0d0d;--color-white-700: #a49d9d;--color-white-600: #d3cece;--color-white-500: #d4d4d4;--color-white-400: #e5e5e5;--color-white-300: #f2f2f2;--color-orange-300: #ffb879;--color-orange-400: #ffa15e;--color-orange-500: #ef8a43;--color-orange-600: #df7328;--color-orange-700: #d05d0c;--color-aquamarine-300: #4dd0c8;--color-aquamarine-400: #39bfb6;--color-aquamarine-500: #22a28d;--color-aquamarine-600: #208a81;--color-aquamarine-700: #176160;--color-red-300: #f53f3f;--color-red-400: #fc2111;--color-red-500: #ff0000;--color-red-600: #e81111;--color-red-700: #b91212;color-scheme:light dark;--color-ld-white-300: light-dark(var(--color-white-300), var(--color-black-300));--color-ld-white-400: light-dark(var(--color-white-400), var(--color-black-400));--color-ld-white-500: light-dark(var(--color-white-500), var(--color-black-500));--color-ld-white-600: light-dark(var(--color-white-600), var(--color-black-600));--color-ld-white-700: light-dark(var(--color-white-700), var(--color-black-700));--color-ld-black-300: light-dark(var(--color-black-300), var(--color-white-300));--color-ld-black-400: light-dark(var(--color-black-400), var(--color-white-400));--color-ld-black-500: light-dark(var(--color-black-500), var(--color-white-500));--color-ld-black-600: light-dark(var(--color-black-600), var(--color-white-600));--color-ld-black-700: light-dark(var(--color-black-700), var(--color-white-700));--color-ld-white-invert-500: light-dark(var(--color-black-500), var(--color-white-500));--color-ld-accent-300: light-dark(var(--color-aquamarine-300), var(--color-orange-300));--color-ld-accent-400: light-dark(var(--color-aquamarine-400), var(--color-orange-400));--color-ld-accent-500: light-dark(var(--color-aquamarine-500), var(--color-orange-500));--color-ld-accent-600: light-dark(var(--color-aquamarine-600), var(--color-orange-600));--color-ld-accent-700: light-dark(var(--color-aquamarine-700), var(--color-orange-700));--color-ld-accent-500-hover: var(--color-ld-accent-600);--color-ld-accent-600-hover: var(--color-ld-accent-700);--color-alert-danger: var(--color-red-300);--shiki-bg: var(--color-ld-white-500);--transition-fast: .1s;--transition-base: .2s;--transition-slow: .35s;--shadow-none: none;--shadow-clr-soft: light-dark(oklch(0% 0 0 / 8%), oklch(0% 0 0 / 55%));--shadow-clr-medium: light-dark(oklch(0% 0 0 / 10%), oklch(0% 0 0 / 65%));--shadow-clr-strong: light-dark(oklch(0% 0 0 / 14%), oklch(0% 0 0 / 80%));--shadow-sm: 0 1px 2px var(--shadow-clr-soft);--shadow-md: 0 1px 2px var(--shadow-clr-soft), 0 8px 18px var(--shadow-clr-medium);--shadow-lg: 0 2px 6px var(--shadow-clr-medium), 0 20px 40px var(--shadow-clr-strong);--shadow-focus: 0 0 0 3px oklch(from var(--color-ld-accent-500) l c h / 35%);--base-font-size: 1rem;--scale: 1.25;--h5: calc(var(--base-font-size) * var(--scale));--h4: calc(var(--h5) * var(--scale));--h3: calc(var(--h4) * var(--scale));--h2: calc(var(--h3) * var(--scale));--h1: calc(var(--h2) * var(--scale));--p: 1.125rem;--a: 1.125rem;--font-family: "Satoshi", "Alpino-Black", "Segoe UI", "Zodiak", Tahoma, Geneva, Verdana, sans-serif, serif;--serif: "Zodiak", serif;--san-serif: "Satoshi", sans-serif;--content-width-blog: 800px}body{background-color:var(--color-ld-white-300);color:var(--color-ld-black-500);font-family:var(--font-family);font-size:var(--base-font-size);font-weight:400}h1,h2,h3,h4,h5{font-family:var(--serif);font-weight:700}h1,.text-size-h1{font-weight:700;font-size:var(--h1);margin-block:.67em}h2,.text-size-h2{font-size:var(--h2);margin-block:.83em}h3,.text-size-h3{font-size:var(--h3);margin-block:1em}h4,.text-size-h4{font-size:var(--h4);margin-block:1.33em}h5,.text-size-h5{font-size:var(--h5);margin-block:1.67em}.text-caption{font-size:var(--h5)}small,.text-small{font-size:calc(var(--base-font-size) / var(--scale))}p{font-size:var(--p);margin-block-end:var(--space-8)}a{color:var(--color-ld-black-500);font-size:var(--base-font-size);font-family:Satoshi;font-weight:500}a:hover{text-decoration:underline;color:var(--color-ld-accent-500)}button{border:none}.btn{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;padding:var(--pad-control-y) var(--pad-control-x);font-size:var(--base-font-size);color:var(--color-ld-black-500);border:1px solid var(--color-ld-black-500);border-radius:var(--radius-button);cursor:pointer;transition:color,border-color,box-shadow var(--transition-base) ease;text-align:center;box-shadow:var(--shadow-none)}.btn:hover,.btn:active,.btn:focus{border-color:var(--color-ld-accent-500);color:var(--color-ld-accent-500);text-decoration:none}.btn:hover{box-shadow:var(--shadow-sm)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{background-color:#dcdcdc2c;text-decoration:line-through;border-color:#dcdcdc97;color:var(--color-ld-black-500)}button,nav a{white-space:nowrap}input,textarea{font-family:var(--font-family);font-size:var(--base-font-size);padding:var(--pad-control-y) var(--pad-control-x);border:1px solid var(--color-ld-white-500);border-radius:4px;inline-size:100%;box-sizing:border-box;outline:none;margin-block-end:var(--space-4);box-shadow:none;transition:border-color,box-shadow var(--transition-base) ease;background-color:inherit}:is(input,textarea):focus,:is(input,textarea):hover,:is(input,textarea):active{border:1px solid var(--color-ld-accent-500);box-shadow:var(--shadow-focus)}input::placeholder{color:var(--color-ld-black-500)}input[type=checkbox]{-webkit-appearance:none;appearance:none;inline-size:auto;font-size:1.5em;margin:0;padding:2px;outline:none;cursor:pointer;border-radius:5px;box-shadow:none;margin-inline-end:var(--space-2);border-color:var(--color-ld-black-500);transition:border-color,box-shadow var(--transition-base) ease-in-out}input[type=checkbox]:hover,input[type=checkbox]:focus,input[type=checkbox]:active{border-color:var(--color-ld-accent-500);box-shadow:var(--shadow-focus)}input:checked{color:var(--color-ld-accent-500);border-color:var(--color-ld-accent-500)}[type=checkbox]:before{inline-size:20px;block-size:20px;display:flex;content:"";z-index:5;position:relative;font-size:inherit}[type=checkbox]:checked:before{display:flex;align-items:center;justify-content:center;content:"✔";color:var(--color-ld-accent-500);z-index:5;position:relative}label[data-type=checkbox]{display:flex;align-items:center;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition:color var(--transition-base) ease-in-out;inline-size:fit-content;margin:0;padding:0}label[data-type=checkbox]:has(input[type=checkbox]:checked),label[data-type=checkbox]:has(input[type=checkbox]:focus){color:var(--color-ld-accent-500)}label[data-type=checkbox]:hover,label[data-type=checkbox]:active,label[data-type=checkbox]:focus{color:var(--color-ld-accent-500)}@media not (min-width:760px){:root{--scale: 1.15}}}@layer base-layout{:root{--header-height: 80px;--side: 2rem;--content-width: 900px}body{inline-size:100%;block-size:100%}@media not (min-width:600px){:root{--side: 1rem}}.app{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;min-block-size:100svh;inline-size:100%;block-size:100%}main{flex:1;display:flex;flex-direction:column;position:relative;inline-size:100%;block-size:100%}}@layer utils{.alert,.alert-danger{color:var(--color-alert-danger);text-align:left;font-weight:700;text-transform:uppercase;font-size:.8rem;display:flex;align-items:center}.btn-login,.btn-logout,.btn-signup,.btn:has(.btn-signup),.btn:has(.btn-logout),.btn:has(.btn-login){font-weight:700;border:1px solid var(--color-ld-accent-600);background-color:var(--color-ld-accent-600);color:var(--color-ld-white-300)}:is(.btn-login,.btn-logout,.btn-signup,.btn:has(.btn-signup),.btn:has(.btn-logout),.btn:has(.btn-login)):hover{background-color:var(--color-ld-accent-500);border-color:var(--color-ld-accent-500)}.btn:has(.btn-signup),.btn-signup{background-color:var(--color-ld-accent-700);border:1px solid var(--color-ld-accent-700)}:is(.btn:has(.btn-signup),.btn-signup):hover{background-color:var(--color-ld-accent-600);border-color:var(--color-ld-accent-700);color:var(--color-ld-white-500)}.btn:has(.btn-logout),.btn-logout{background-color:transparent;border-color:var(--color-red-700);color:var(--color-red-700)}:is(.btn:has(.btn-logout),.btn-logout):hover{background-color:var(--color-red-700);border-color:var(--color-red-700);color:var(--color-white-500)}.btn:has(svg){flex:1;display:flex;justify-content:center;align-items:center}.btn:has(svg) svg{margin-inline:var(--space-2)}a:has(svg){flex:1;display:flex;justify-content:center;align-items:center}a:has(svg) svg{margin-inline:var(--space-2)}}@layer components;@layer blog;footer.svelte-jz8lnl{width:100%;height:100%;margin-top:auto;text-align:center;padding:1rem 0;border-top:1px solid var(--color-ld-white-500)}.app.svelte-12qhfyh{position:relative;height:auto;width:100%}.app.svelte-12qhfyh header:where(.svelte-12qhfyh){position:fixed;display:flex;justify-content:space-between;max-height:var(--header-height);height:var(--header-height);width:100%;z-index:100;background-color:var(--color-ld-white-300)}.app.svelte-12qhfyh header:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){height:100%;display:flex;justify-content:center;align-items:center;text-decoration:none}.app.svelte-12qhfyh header:where(.svelte-12qhfyh) h1:where(.svelte-12qhfyh){margin:0;margin-inline:2rem;font-family:Alpino-Bold;color:var(--color-ld-accent-500);font-size:2rem}.app.svelte-12qhfyh header:where(.svelte-12qhfyh) .btn-posts:where(.svelte-12qhfyh){height:2.5rem;display:flex;align-self:center;margin-right:1rem}.app.svelte-12qhfyh main:where(.svelte-12qhfyh){height:inherit;padding-top:var(--header-height);max-width:var(--content-width);padding-inline:var(--side)}