@import"https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400..700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;text-rendering:optimizeSpeed}img,picture,video,canvas{display:block;max-width:100%}svg{line-height:0}input,button,textarea,select{outline:none;border:none;background-color:inherit;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit}input:hover,button:hover,textarea:hover,select:hover{cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;font-weight:500}html:focus-within{scroll-behavior:smooth}li{margin-left:var(--spacing-lg)}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--fw-thin: 100;--fw-extra-light: 200;--fw-light: 300;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--ff-headings: "Syne", serif;--ff-body: "Inter", Helvetica, Arial, sans-serif;--ff-code: "Fira Code", monospace;font-size:62.5%;--fs-xs: 1rem;--fs-sm: 1.2rem;--fs-base: 1.6rem;--fs-md: 1.8rem;--fs-lg: 2.4rem;--fs-xl: 3.2rem;--fs-2xl: 4rem;--fs-3xl: 4.8rem}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:var(--fs-base);font-family:var(--ff-body);font-weight:var(--fw-normal);font-synthesis:none;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--ff-headings)}code{font-family:var(--ff-code);font-size:var(--fs-sm)}.content>h1,.content>h2,.content>h3,.content>h4,.content>h5,.content>h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xs)}.content>p{margin-bottom:var(--spacing-lg);line-height:1.8}:where(h2,h3,h4,h5,h6) .icon-link{position:relative}:where(h2,h3,h4,h5,h6) .icon-link:before{content:"#";font-family:var(--ff-sans);font-size:inherit;position:absolute;left:1ch;top:0;line-height:1;opacity:0;text-decoration:none;color:var(--txt-muted)}:where(h2,h3,h4,h5,h6):hover .icon-link:before{opacity:1}@media (prefers-color-scheme: dark){body[data-theme=system]{--clr-accent-1: hsl(40, 97%, 54%);--clr-txt-primary-on-bg-accent-1: hsl(210, 11%, 11%);--clr-error: hsl(0, 86%, 44%);--clr-ok: hsl(142, 72%, 29%);--clr-info: hsl(221, 83%, 53%);--clr-warning: hsl(41, 96%, 40%);--bg-warning: hsla(41, 96%, 40%, .36);--bg-overlay: rgba(255, 255, 255, .1);--clr-accent: #be1e2d;--clr-bg-accent: #be1e2d;--clr-txt-primary-on-bg-accent: #fafafa;--clr-bg-primary: hsl(0, 0%, 9%);--clr-bg-primary-alpha: hsla(0, 0%, 7%, .6);--clr-txt-primary-on-bg-primary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-primary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-primary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-primary: var(--clr-error);--clr-txt-success-on-bg-primary: var(--clr-ok);--clr-txt-warning-on-bg-primary: var(--clr-warning);--clr-txt-info-on-bg-primary: var(--clr-info);--clr-divider-primary-on-bg-primary: hsl(0, 0%, 88%);--clr-divider-secondary-on-bg-primary: hsl(0, 0%, 66%);--clr-divider-tertiary-on-bg-primary: hsl(0, 0%, 44%);--clr-bg-secondary: hsl(0, 0%, 14%);--clr-txt-primary-on-bg-secondary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-secondary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-secondary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-secondary: var(--clr-error);--clr-txt-success-on-bg-secondary: var(--clr-ok);--clr-txt-warning-on-bg-secondary: var(--clr-warning);--clr-txt-info-on-bg-secondary: var(--clr-info);--clr-divider-primary-on-bg-secondary: hsl(0, 0%, 30%);--clr-divider-secondary-on-bg-secondary: hsl(0, 0%, 25%);--clr-divider-tertiary-on-bg-secondary: hsl(0, 0%, 20%);--clr-bg-tertiary: hsl(0, 0%, 18%);--clr-txt-primary-on-bg-tertiary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-tertiary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-tertiary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-tertiary: var(--clr-error);--clr-txt-success-on-bg-tertiary: var(--clr-ok);--clr-txt-warning-on-bg-tertiary: var(--clr-warning);--clr-txt-info-on-bg-tertiary: var(--clr-info);--clr-divider-primary-on-bg-tertiary: hsl(0, 0%, 28%);--clr-divider-secondary-on-bg-tertiary: hsl(0, 0%, 24%);--clr-divider-tertiary-on-bg-tertiary: hsl(0, 0%, 20%);--clr-btn-bg-primary: var(--clr-accent-1);--clr-txt-primary-on-btn-bg-primary: var(--clr-txt-primary-on-bg-accent-1);--clr-txt-secondary-on-btn-bg-primary: hsl(0, 0%, 40%);--clr-btn-bg-secondary: hsl(0, 0%, 22%);--clr-btn-bg-secondary-hover: hsl(0, 0%, 28%);--clr-txt-primary-on-btn-bg-secondary: hsl(0, 0%, 100%);--clr-txt-secondary-on-btn-bg-secondary: hsl(0, 0%, 70%);--clr-bg-error: hsla(0, 86%, 44%, .15);--clr-txt-primary-on-bg-error: var(--clr-error);--clr-txt-secondary-on-bg-error: hsl(0, 86%, 80%);--clr-txt-tertiary-on-bg-error: hsl(0, 86%, 70%);--clr-divider-primary-on-bg-error: var(--clr-error);--clr-divider-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-divider-tertiary-on-bg-error: hsl(0, 86%, 30%);--clr-bg-success: hsla(142, 72%, 29%, .15);--clr-txt-primary-on-bg-success: var(--clr-ok);--clr-txt-secondary-on-bg-success: hsl(142, 72%, 70%);--clr-txt-tertiary-on-bg-success: hsl(142, 72%, 60%);--clr-divider-primary-on-bg-success: var(--clr-ok);--clr-divider-secondary-on-bg-success: hsl(142, 72%, 25%);--clr-divider-tertiary-on-bg-success: hsl(142, 72%, 20%);--clr-bg-info: hsla(221, 83%, 53%, .15);--clr-txt-primary-on-bg-info: var(--clr-info);--clr-txt-secondary-on-bg-info: hsl(221, 83%, 80%);--clr-txt-tertiary-on-bg-info: hsl(221, 83%, 70%);--clr-divider-primary-on-bg-info: var(--clr-info);--clr-divider-secondary-on-bg-info: hsl(221, 83%, 45%);--clr-divider-tertiary-on-bg-info: hsl(221, 83%, 40%);--clr-shadow: hsla(0, 0%, 25%, .4);--clr-accent-shadow: hsla(40, 97%, 54%, .4);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px var(--clr-shadow), 0 2px 4px -2px var(--clr-shadow);--shadow-lg: 0 10px 15px -3px var(--clr-shadow), 0 4px 6px -4px var(--clr-shadow);--shadow-xl: 0 20px 25px -5px var(--clr-shadow), 0 8px 10px -6px var(--clr-shadow);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}}@media (prefers-color-scheme: light){body[data-theme=system]{--clr-accent-1: #f0ae0f;--clr-error: hsl(0, 86%, 44%);--clr-ok: hsl(142, 72%, 29%);--clr-info: hsl(221, 83%, 53%);--clr-warning: hsl(41, 96%, 40%);--bg-warning: hsla(41, 96%, 40%, .36);--bg-overlay: rgba(255, 255, 255, .1);--clr-accent: #be1e2d;--clr-bg-accent: #be1e2d;--clr-txt-primary-on-bg-accent: #fafafa;--clr-bg-primary: hsl(210, 10%, 98%);--clr-txt-primary-on-bg-primary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-primary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-primary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-primary: var(--clr-error);--clr-txt-success-on-bg-primary: var(--clr-ok);--clr-txt-warning-on-bg-primary: var(--clr-warning);--clr-txt-info-on-bg-primary: var(--clr-info);--clr-divider-primary-on-bg-primary: hsl(0, 0%, 16%);--clr-divider-secondary-on-bg-primary: hsl(0, 0%, 32%);--clr-divider-tertiary-on-bg-primary: hsl(0, 0%, 40%);--clr-bg-secondary: hsl(210, 10%, 95%);--clr-txt-primary-on-bg-secondary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-secondary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-secondary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-secondary: var(--clr-error);--clr-txt-success-on-bg-secondary: var(--clr-ok);--clr-txt-warning-on-bg-secondary: var(--clr-warning);--clr-txt-info-on-bg-secondary: var(--clr-info);--clr-divider-primary-on-bg-secondary: hsl(210, 5%, 80%);--clr-divider-secondary-on-bg-secondary: hsl(210, 5%, 70%);--clr-divider-tertiary-on-bg-secondary: hsl(210, 5%, 60%);--clr-bg-tertiary: hsl(210, 10%, 90%);--clr-txt-primary-on-bg-tertiary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-tertiary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-tertiary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-tertiary: var(--clr-error);--clr-txt-success-on-bg-tertiary: var(--clr-ok);--clr-txt-warning-on-bg-tertiary: var(--clr-warning);--clr-txt-info-on-bg-tertiary: var(--clr-info);--clr-divider-primary-on-bg-tertiary: hsl(0, 0%, 29%);--clr-divider-secondary-on-bg-tertiary: hsl(0, 0%, 20%);--clr-divider-tertiary-on-bg-tertiary: hsl(0, 0%, 16%);--clr-btn-bg-primary: var(--clr-accent-1);--clr-txt-primary-on-btn-bg-primary: hsl(210, 11%, 11%);--clr-txt-secondary-on-btn-bg-primary: hsl(0, 0%, 30%);--clr-btn-bg-secondary: hsl(210, 10%, 85%);--clr-btn-bg-secondary-hover: var( --clr-bg-tertiary );--clr-txt-primary-on-btn-bg-secondary: hsl(210, 8%, 10%);--clr-txt-secondary-on-btn-bg-secondary: hsl(210, 8%, 50%);--clr-bg-error: hsla(0, 86%, 44%, .15);--clr-txt-primary-on-bg-error: var(--clr-error);--clr-txt-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-txt-tertiary-on-bg-error: hsl(0, 86%, 25%);--clr-divider-primary-on-bg-error: var(--clr-error);--clr-divider-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-divider-tertiary-on-bg-error: hsl(0, 86%, 30%);--clr-bg-success: hsla(142, 72%, 29%, .15);--clr-txt-primary-on-bg-success: var(--clr-ok);--clr-txt-secondary-on-bg-success: hsl(142, 72%, 40%);--clr-txt-tertiary-on-bg-success: hsl(142, 72%, 30%);--clr-divider-primary-on-bg-success: var(--clr-ok);--clr-divider-secondary-on-bg-success: hsl(142, 72%, 25%);--clr-divider-tertiary-on-bg-success: hsl(142, 72%, 20%);--clr-bg-info: hsla(221, 83%, 53%, .15);--clr-txt-primary-on-bg-info: var(--clr-info);--clr-txt-secondary-on-bg-info: hsl(221, 83%, 40%);--clr-txt-tertiary-on-bg-info: hsl(221, 83%, 30%);--clr-divider-primary-on-bg-info: var(--clr-info);--clr-divider-secondary-on-bg-info: hsl(221, 83%, 45%);--clr-divider-tertiary-on-bg-info: hsl(221, 83%, 40%);--clr-shadow: hsla(0, 0%, 0%, .08);--clr-accent-shadow: hsla(40, 97%, 54%, .25);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px var(--clr-shadow), 0 2px 4px -2px var(--clr-shadow);--shadow-lg: 0 10px 15px -3px var(--clr-shadow), 0 4px 6px -4px var(--clr-shadow);--shadow-xl: 0 20px 25px -5px var(--clr-shadow), 0 8px 10px -6px var(--clr-shadow);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}}body[data-theme=dark]{--clr-accent-1: hsl(40, 97%, 54%);--clr-txt-primary-on-bg-accent-1: hsl(210, 11%, 11%);--clr-error: hsl(0, 86%, 44%);--clr-ok: hsl(142, 72%, 29%);--clr-info: hsl(221, 83%, 53%);--clr-warning: hsl(41, 96%, 40%);--bg-warning: hsla(41, 96%, 40%, .36);--bg-overlay: rgba(255, 255, 255, .1);--clr-accent: #be1e2d;--clr-bg-accent: #be1e2d;--clr-txt-primary-on-bg-accent: #fafafa;--clr-bg-primary: hsl(0, 0%, 9%);--clr-bg-primary-alpha: hsla(0, 0%, 7%, .6);--clr-txt-primary-on-bg-primary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-primary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-primary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-primary: var(--clr-error);--clr-txt-success-on-bg-primary: var(--clr-ok);--clr-txt-warning-on-bg-primary: var(--clr-warning);--clr-txt-info-on-bg-primary: var(--clr-info);--clr-divider-primary-on-bg-primary: hsl(0, 0%, 88%);--clr-divider-secondary-on-bg-primary: hsl(0, 0%, 66%);--clr-divider-tertiary-on-bg-primary: hsl(0, 0%, 44%);--clr-bg-secondary: hsl(0, 0%, 14%);--clr-txt-primary-on-bg-secondary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-secondary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-secondary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-secondary: var(--clr-error);--clr-txt-success-on-bg-secondary: var(--clr-ok);--clr-txt-warning-on-bg-secondary: var(--clr-warning);--clr-txt-info-on-bg-secondary: var(--clr-info);--clr-divider-primary-on-bg-secondary: hsl(0, 0%, 30%);--clr-divider-secondary-on-bg-secondary: hsl(0, 0%, 25%);--clr-divider-tertiary-on-bg-secondary: hsl(0, 0%, 20%);--clr-bg-tertiary: hsl(0, 0%, 18%);--clr-txt-primary-on-bg-tertiary: hsl(0, 0%, 100%);--clr-txt-secondary-on-bg-tertiary: hsl(0, 0%, 90%);--clr-txt-tertiary-on-bg-tertiary: hsl(0, 0%, 80%);--clr-txt-error-on-bg-tertiary: var(--clr-error);--clr-txt-success-on-bg-tertiary: var(--clr-ok);--clr-txt-warning-on-bg-tertiary: var(--clr-warning);--clr-txt-info-on-bg-tertiary: var(--clr-info);--clr-divider-primary-on-bg-tertiary: hsl(0, 0%, 28%);--clr-divider-secondary-on-bg-tertiary: hsl(0, 0%, 24%);--clr-divider-tertiary-on-bg-tertiary: hsl(0, 0%, 20%);--clr-btn-bg-primary: var(--clr-accent-1);--clr-txt-primary-on-btn-bg-primary: var(--clr-txt-primary-on-bg-accent-1);--clr-txt-secondary-on-btn-bg-primary: hsl(0, 0%, 40%);--clr-btn-bg-secondary: hsl(0, 0%, 22%);--clr-btn-bg-secondary-hover: hsl(0, 0%, 28%);--clr-txt-primary-on-btn-bg-secondary: hsl(0, 0%, 100%);--clr-txt-secondary-on-btn-bg-secondary: hsl(0, 0%, 70%);--clr-bg-error: hsla(0, 86%, 44%, .15);--clr-txt-primary-on-bg-error: var(--clr-error);--clr-txt-secondary-on-bg-error: hsl(0, 86%, 80%);--clr-txt-tertiary-on-bg-error: hsl(0, 86%, 70%);--clr-divider-primary-on-bg-error: var(--clr-error);--clr-divider-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-divider-tertiary-on-bg-error: hsl(0, 86%, 30%);--clr-bg-success: hsla(142, 72%, 29%, .15);--clr-txt-primary-on-bg-success: var(--clr-ok);--clr-txt-secondary-on-bg-success: hsl(142, 72%, 70%);--clr-txt-tertiary-on-bg-success: hsl(142, 72%, 60%);--clr-divider-primary-on-bg-success: var(--clr-ok);--clr-divider-secondary-on-bg-success: hsl(142, 72%, 25%);--clr-divider-tertiary-on-bg-success: hsl(142, 72%, 20%);--clr-bg-info: hsla(221, 83%, 53%, .15);--clr-txt-primary-on-bg-info: var(--clr-info);--clr-txt-secondary-on-bg-info: hsl(221, 83%, 80%);--clr-txt-tertiary-on-bg-info: hsl(221, 83%, 70%);--clr-divider-primary-on-bg-info: var(--clr-info);--clr-divider-secondary-on-bg-info: hsl(221, 83%, 45%);--clr-divider-tertiary-on-bg-info: hsl(221, 83%, 40%);--clr-shadow: hsla(0, 0%, 25%, .4);--clr-accent-shadow: hsla(40, 97%, 54%, .4);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px var(--clr-shadow), 0 2px 4px -2px var(--clr-shadow);--shadow-lg: 0 10px 15px -3px var(--clr-shadow), 0 4px 6px -4px var(--clr-shadow);--shadow-xl: 0 20px 25px -5px var(--clr-shadow), 0 8px 10px -6px var(--clr-shadow);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}body[data-theme=light]{--clr-accent-1: #f0ae0f;--clr-error: hsl(0, 86%, 44%);--clr-ok: hsl(142, 72%, 29%);--clr-info: hsl(221, 83%, 53%);--clr-warning: hsl(41, 96%, 40%);--bg-warning: hsla(41, 96%, 40%, .36);--bg-overlay: rgba(255, 255, 255, .1);--clr-accent: #be1e2d;--clr-bg-accent: #be1e2d;--clr-txt-primary-on-bg-accent: #fafafa;--clr-bg-primary: hsl(210, 10%, 98%);--clr-txt-primary-on-bg-primary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-primary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-primary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-primary: var(--clr-error);--clr-txt-success-on-bg-primary: var(--clr-ok);--clr-txt-warning-on-bg-primary: var(--clr-warning);--clr-txt-info-on-bg-primary: var(--clr-info);--clr-divider-primary-on-bg-primary: hsl(0, 0%, 16%);--clr-divider-secondary-on-bg-primary: hsl(0, 0%, 32%);--clr-divider-tertiary-on-bg-primary: hsl(0, 0%, 40%);--clr-bg-secondary: hsl(210, 10%, 95%);--clr-txt-primary-on-bg-secondary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-secondary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-secondary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-secondary: var(--clr-error);--clr-txt-success-on-bg-secondary: var(--clr-ok);--clr-txt-warning-on-bg-secondary: var(--clr-warning);--clr-txt-info-on-bg-secondary: var(--clr-info);--clr-divider-primary-on-bg-secondary: hsl(210, 5%, 80%);--clr-divider-secondary-on-bg-secondary: hsl(210, 5%, 70%);--clr-divider-tertiary-on-bg-secondary: hsl(210, 5%, 60%);--clr-bg-tertiary: hsl(210, 10%, 90%);--clr-txt-primary-on-bg-tertiary: hsl(210, 8%, 10%);--clr-txt-secondary-on-bg-tertiary: hsl(210, 8%, 25%);--clr-txt-tertiary-on-bg-tertiary: hsl(210, 8%, 45%);--clr-txt-error-on-bg-tertiary: var(--clr-error);--clr-txt-success-on-bg-tertiary: var(--clr-ok);--clr-txt-warning-on-bg-tertiary: var(--clr-warning);--clr-txt-info-on-bg-tertiary: var(--clr-info);--clr-divider-primary-on-bg-tertiary: hsl(0, 0%, 29%);--clr-divider-secondary-on-bg-tertiary: hsl(0, 0%, 20%);--clr-divider-tertiary-on-bg-tertiary: hsl(0, 0%, 16%);--clr-btn-bg-primary: var(--clr-accent-1);--clr-txt-primary-on-btn-bg-primary: hsl(210, 11%, 11%);--clr-txt-secondary-on-btn-bg-primary: hsl(0, 0%, 30%);--clr-btn-bg-secondary: hsl(210, 10%, 85%);--clr-btn-bg-secondary-hover: var( --clr-bg-tertiary );--clr-txt-primary-on-btn-bg-secondary: hsl(210, 8%, 10%);--clr-txt-secondary-on-btn-bg-secondary: hsl(210, 8%, 50%);--clr-bg-error: hsla(0, 86%, 44%, .15);--clr-txt-primary-on-bg-error: var(--clr-error);--clr-txt-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-txt-tertiary-on-bg-error: hsl(0, 86%, 25%);--clr-divider-primary-on-bg-error: var(--clr-error);--clr-divider-secondary-on-bg-error: hsl(0, 86%, 35%);--clr-divider-tertiary-on-bg-error: hsl(0, 86%, 30%);--clr-bg-success: hsla(142, 72%, 29%, .15);--clr-txt-primary-on-bg-success: var(--clr-ok);--clr-txt-secondary-on-bg-success: hsl(142, 72%, 40%);--clr-txt-tertiary-on-bg-success: hsl(142, 72%, 30%);--clr-divider-primary-on-bg-success: var(--clr-ok);--clr-divider-secondary-on-bg-success: hsl(142, 72%, 25%);--clr-divider-tertiary-on-bg-success: hsl(142, 72%, 20%);--clr-bg-info: hsla(221, 83%, 53%, .15);--clr-txt-primary-on-bg-info: var(--clr-info);--clr-txt-secondary-on-bg-info: hsl(221, 83%, 40%);--clr-txt-tertiary-on-bg-info: hsl(221, 83%, 30%);--clr-divider-primary-on-bg-info: var(--clr-info);--clr-divider-secondary-on-bg-info: hsl(221, 83%, 45%);--clr-divider-tertiary-on-bg-info: hsl(221, 83%, 40%);--clr-shadow: hsla(0, 0%, 0%, .08);--clr-accent-shadow: hsla(40, 97%, 54%, .25);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px var(--clr-shadow), 0 2px 4px -2px var(--clr-shadow);--shadow-lg: 0 10px 15px -3px var(--clr-shadow), 0 4px 6px -4px var(--clr-shadow);--shadow-xl: 0 20px 25px -5px var(--clr-shadow), 0 8px 10px -6px var(--clr-shadow);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}body{background-color:var(--clr-bg-primary);color:var(--clr-txt-secondary-on-bg-primary)}.btn{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;border-radius:var(--radius-xs);font-size:var(--fs-sm);font-weight:var(--fw-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0}.btn:active{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:scale(.95)}.btn .w-fit-content{width:fit-content}.btn.primary,.btn.btn-primary{background-color:var(--clr-btn-bg-primary);color:var(--clr-txt-primary-on-btn-bg-primary)}.btn.secondary,.btn.btn-secondary{width:100%;background-color:var(--clr-btn-bg-secondary);color:var(--clr-txt-primary-on-btn-bg-secondary)}.btn .icon{font-size:var(--fs-md);line-height:1}.btn.fab{position:fixed;bottom:var(--spacing-7xl);right:var(--spacing-md);width:fit-content;background-color:var(--clr-btn-bg-secondary);color:var(--clr-txt-primary-on-btn-bg-secondary);padding:var(--spacing-md) var(--spacing-md)}.btn.fab-2{position:fixed;bottom:var(--spacing-7xl);right:var(--spacing-md);width:fit-content;background-color:var(--clr-btn-bg-secondary);color:var(--clr-txt-primary-on-btn-bg-secondary);padding:var(--spacing-md) var(--spacing-md);display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50%}.btn.block{width:fit-content}.code-header{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#22272e;color:#e8e8e8;width:fit-content;padding:var(--spacing-sm) var(--spacing-md);line-height:1;border-top-left-radius:var(--radius-xxs);border-top-right-radius:var(--radius-xxs);box-shadow:var(--shadow-md)}.code-header__icon{font-size:var(--fs-lg)}.code-header__icon.html{color:#e44d26}.code-header__icon.css{color:#264de4}.code-header__icon .scss{color:#c69}.code-header__icon.javascript{color:#f0db4f}.code-header__icon.svelte{color:#ff3e00}.code-header__icon.python{color:#3879ab}.code-header__filename{font-weight:var(--fw-medium)}pre.shiki{border-top-right-radius:var(--radius-xxs);border-bottom-left-radius:var(--radius-xxs);border-bottom-right-radius:var(--radius-xxs);padding:var(--spacing-md) var(--spacing-sm);margin:0;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md);overflow-x:auto;-moz-tab-size:2;tab-size:2;font-family:var(--ff-code);font-size:var(--fs-sm)}pre.shiki .rehype-code-title{display:flex;justify-content:space-between;padding:var(--spacing-16) var(--spacing-24);font-size:var(--post-txt-size);color:var(--clr-code-title);background-color:var(--clr-code-title-bg);border-top:1px solid var(--clr-code-border);border-left:1px solid var(--clr-code-border);border-bottom:none;border-top-left-radius:var(--rounded-20);border-top-right-radius:var(--rounded-20)}pre.shiki code{counter-reset:step;counter-increment:step 1;line-height:1.2}:root{--z-loader: 1000;--z-fixed-header: 900;--z-mobile-nav: 800;--z-mobile-nav-underlay: 700;--z-page-hero-content: 300;--z-page-hero-overlay: 200;--z-page-hero-image: 100;--header-height: 60px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 56px;--spacing-5xl: 64px;--spacing-6xl: 72px;--spacing-7xl: 80px;--spacing-8xl: 88px;--spacing-9xl: 96px;--spacing-10xl: 108px;--spacing-11xl: 124px;--spacing-12xl: 136px;--spacing-13xl: 148px;--spacing-14xl: 156px;--spacing-15xl: 172px;--spacing-16xl: 196px;--radius-xxs: 4px;--radius-xs: 8px;--radius-sm: 16px;--radius-base: 24px;--radius-md: 32px;--radius-lg: 40px;--radius-xl: 48px;--animation-timing-fn-linear-curve: cubic-bezier(0, 0, 1, 1);--animation-timing-fn-ease-in-curve: cubic-bezier(.8, .2, .6, 1);--animation-timing-fn-ease-out-curve: cubic-bezier(.2, .8, .4, 1);--animation-timing-fn-ease-in-out-curve: cubic-bezier(.4, 0, .2, 1);--animation-speed-slow: .6s;--animation-speed-normal: .4s;--animation-speed-fast: .2s;--animation-fn-ease: cubic-bezier(.25, .1, .25, 1);--animation-fn-ease-in: cubic-bezier(.42, 0, 1, 1);--animation-fn-ease-out: cubic-bezier(.19, .91, .38, 1);--animation-fn-ease-in-out: cubic-bezier(.42, 0, .58, 1);--animation-fn-linear: cubic-bezier(0, 0, 1, 1);--animation-duration-0: 0ms;--animation-duration-50: 50ms;--animation-duration-100: .1s;--animation-duration-150: .15s;--animation-duration-200: .2s;--animation-duration-250: .25s;--animation-duration-300: .3s;--animation-duration-350: .35s;--animation-duration-400: .4s;--animation-duration-450: .45s;--animation-duration-500: .5s}.tag{width:fit-content;font-size:var(--fs-sm);font-weight:600;line-height:1;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xxs);box-shadow:var(--shadow-sm)}.tag-html{background-color:#e44d26;color:#fff}.tag-css{background-color:#264de4;color:#fff}.tag-scss{background-color:#c69;color:#fff}.tag-javascript{background:#f0db4f;color:#000}.tag-linux{background:#f0c54f;color:#000}.tag-typescript{background:#2775c3;color:#fff}.tag-python{color:#ffda5d;background:#3879ab}.tag-svelte,.tag-sveltekit{color:#fff;background:#ff3e00}.tag-node{background:#90c53f;color:#46483d}.tag-angular,.tag-nestjs{background:#dc0530;color:#fff}.tag-ai{background-color:#0c0c0c;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.aspect-ratio-16x9{width:100%;padding-bottom:56.25%;position:relative;overflow:hidden;z-index:10}.aspect-ratio-16x9 img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0}.aspect-ratio-4x3{width:100%;padding-bottom:66.67%;position:relative;overflow:hidden}.aspect-ratio-4x3 img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0}a.svelte-bruh12{text-decoration:none;font-size:var(--fs-sm);font-weight:var(--fw-medium);font-weight:var(--fw-bold)}a.svelte-bruh12:hover{font-weight:var(--fw-bold)}.header.svelte-1i8rknb{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:var(--spacing-sm);position:fixed;z-index:1800;top:var(--spacing-sm);left:50%;transform:translate(-50%);background-color:var(--clr-bg-primary-alpha);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:86vw;border-radius:280px;box-shadow:var(--shadow-md);border:1px solid var(--clr-divider-primary-on-bg-primary)}@media (min-width: 1024px){.header.svelte-1i8rknb{width:72vw}}.header__logo.svelte-1i8rknb img:where(.svelte-1i8rknb){height:48px;width:48px;border-radius:50%}.header__desktop-nav.svelte-1i8rknb{display:none}@media (min-width: 1024px){.header__desktop-nav.svelte-1i8rknb{display:flex;align-items:center;gap:var(--spacing-xl)}}.header__cta.svelte-1i8rknb{display:none}@media (min-width: 1024px){.header__cta.svelte-1i8rknb{display:block;border-radius:64px;font-weight:var(--fw-bold)}}.header__burger.svelte-1i8rknb{height:48px;width:48px;border-radius:50%;border:1px solid var(--clr-divider-primary-on-bg-primary);display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.header__burger.svelte-1i8rknb{display:none}}.mobile-nav.svelte-1i8rknb{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);position:fixed;z-index:1900;top:calc(var(--header-height) + var(--spacing-md));left:50%;transform:translate(-50%);width:86vw;background-color:var(--clr-bg-primary-alpha);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-lg) 0;border-radius:28px;border:1px solid var(--clr-divider-primary-on-bg-primary);max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in-out,opacity .3s ease-in-out}@media (min-width: 1024px){.mobile-nav.svelte-1i8rknb{display:none}}.mobile-nav.open.svelte-1i8rknb{max-height:380px;opacity:1}.main.svelte-1i8rknb{margin-top:calc(var(--header-height) + var(--spacing-lg));padding-right:32px;padding-left:32px}@media (min-width: 768px){.main.svelte-1i8rknb{padding-right:96px;padding-left:96px}}@media (min-width: 1024px){.main.svelte-1i8rknb{padding-right:180px;padding-left:180px}}@media (min-width: 1280px){.main.svelte-1i8rknb{padding-right:240px;padding-left:240px}}.footer.svelte-1i8rknb{text-align:center;display:flex;align-items:center;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-lg) 0 0 0;padding:var(--spacing-lg) 0;border-top:1px solid var(--clr-divider-secondary-on-bg-primary);padding-right:32px;padding-left:32px}@media (min-width: 768px){.footer.svelte-1i8rknb{padding-right:96px;padding-left:96px}}@media (min-width: 1024px){.footer.svelte-1i8rknb{padding-right:180px;padding-left:180px}}@media (min-width: 1280px){.footer.svelte-1i8rknb{padding-right:240px;padding-left:240px}}.footer.svelte-1i8rknb p:where(.svelte-1i8rknb){margin:0}.footer__copy.svelte-1i8rknb{font-size:var(--fs-sm)}.footer__credits.svelte-1i8rknb{font-size:var(--fs-xs)}