:root{--jarl-colors-white:#fcfcfd;--jarl-colors-black:#0d0f16;--jarl-colors-gray-50:#f6f7f8;--jarl-colors-gray-100:#ebecef;--jarl-colors-gray-200:#d4d6dd;--jarl-colors-gray-300:#b0b3bf;--jarl-colors-gray-400:#898e9f;--jarl-colors-gray-500:#6a6f81;--jarl-colors-gray-600:#525666;--jarl-colors-gray-700:#3d404d;--jarl-colors-gray-800:#282b34;--jarl-colors-gray-900:#181a20;--jarl-colors-gray-950:#0f1015;--jarl-colors-blue-50:#eef1fc;--jarl-colors-blue-100:#d8dff9;--jarl-colors-blue-200:#aabbf3;--jarl-colors-blue-300:#6e8bed;--jarl-colors-blue-400:#2c52d4;--jarl-colors-blue-500:#1034a6;--jarl-colors-blue-600:#0c2883;--jarl-colors-blue-700:#091f67;--jarl-colors-blue-800:#07174b;--jarl-colors-blue-900:#050e2e;--jarl-colors-blue-950:#03091c;--jarl-colors-cyan-50:#eefafb;--jarl-colors-cyan-100:#d4f3f7;--jarl-colors-cyan-200:#a4e7ef;--jarl-colors-cyan-300:#65d9e6;--jarl-colors-cyan-400:#1fcde0;--jarl-colors-cyan-500:#0e8a9a;--jarl-colors-cyan-600:#11737e;--jarl-colors-cyan-700:#0d565e;--jarl-colors-cyan-800:#0a3d43;--jarl-colors-cyan-900:#062528;--jarl-colors-cyan-950:#04181a;--jarl-colors-red-50:#fef2f1;--jarl-colors-red-100:#fbd8d5;--jarl-colors-red-200:#f5a9a3;--jarl-colors-red-300:#ee7168;--jarl-colors-red-400:#dc3525;--jarl-colors-red-500:#c12115;--jarl-colors-red-600:#931910;--jarl-colors-red-700:#6e130c;--jarl-colors-red-800:#4e0e09;--jarl-colors-red-900:#320906;--jarl-colors-red-950:#200604;--jarl-colors-orange-50:#fef7f1;--jarl-colors-orange-100:#fbe7d5;--jarl-colors-orange-200:#f7c9a1;--jarl-colors-orange-300:#f4a966;--jarl-colors-orange-400:#f28b31;--jarl-colors-orange-500:#e4710c;--jarl-colors-orange-600:#ae5609;--jarl-colors-orange-700:#834107;--jarl-colors-orange-800:#5b2e06;--jarl-colors-orange-900:#391d04;--jarl-colors-orange-950:#211103;--jarl-colors-green-50:#effbf3;--jarl-colors-green-100:#d5f6e1;--jarl-colors-green-200:#a5eec0;--jarl-colors-green-300:#70e69b;--jarl-colors-green-400:#33db71;--jarl-colors-green-500:#1ba74e;--jarl-colors-green-600:#14803c;--jarl-colors-green-700:#0f622d;--jarl-colors-green-800:#0b4621;--jarl-colors-green-900:#082b15;--jarl-colors-green-950:#051a0d;--jarl-colors-purple-50:#f7f3fc;--jarl-colors-purple-100:#e8d9f7;--jarl-colors-purple-200:#cca9ef;--jarl-colors-purple-300:#ab70e6;--jarl-colors-purple-400:#8731dd;--jarl-colors-purple-500:#6619b3;--jarl-colors-purple-600:#4f138b;--jarl-colors-purple-700:#3b0d68;--jarl-colors-purple-800:#290a48;--jarl-colors-purple-900:#19062d;--jarl-colors-purple-950:#0f041a;--jarl-colors-pink-50:#fdf2f5;--jarl-colors-pink-100:#f9d7e2;--jarl-colors-pink-200:#f1a7c0;--jarl-colors-pink-300:#e76e97;--jarl-colors-pink-400:#df346d;--jarl-colors-pink-500:#b3194c;--jarl-colors-pink-600:#8b133b;--jarl-colors-pink-700:#680d2c;--jarl-colors-pink-800:#480a1e;--jarl-colors-pink-900:#2d0613;--jarl-colors-pink-950:#1b040c;--jarl-colors-yellow-50:#fefbf1;--jarl-colors-yellow-100:#fbf4d5;--jarl-colors-yellow-200:#f8e6a0;--jarl-colors-yellow-300:#f5d866;--jarl-colors-yellow-400:#f4ca25;--jarl-colors-yellow-500:#b89200;--jarl-colors-yellow-600:#a58609;--jarl-colors-yellow-700:#796206;--jarl-colors-yellow-800:#514205;--jarl-colors-yellow-900:#342b04;--jarl-colors-yellow-950:#1c1702;--jarl-anchored-element-border-radius:8px;--jarl-anchored-element-arrow-border-color:light-dark(var(--jarl-colors-gray-200),var(--jarl-colors-gray-700));--jarl-anchored-element-arrow-bg:light-dark(var(--jarl-colors-white),var(--jarl-colors-black));--jarl-anchored-element-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-anchored-element-bg:light-dark(var(--jarl-colors-white),var(--jarl-colors-black));--jarl-anchored-element-border-color:light-dark(var(--jarl-colors-gray-200),var(--jarl-colors-gray-700));--jarl-button-bg:light-dark(var(--jarl-colors-white),var(--jarl-colors-black));--jarl-button-border-color:light-dark(var(--jarl-colors-gray-700),var(--jarl-colors-gray-100));--jarl-button-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-button-disabled-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-button-hover-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-button-hover-bg:light-dark(var(--jarl-colors-gray-50),var(--jarl-colors-gray-900));--jarl-button-active-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-button-active-bg:light-dark(var(--jarl-colors-gray-100),var(--jarl-colors-gray-950));--jarl-button-focus-outline-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100))}.jarl-button[data-color=gray]{--jarl-button-bg:light-dark(var(--jarl-colors-gray-500),var(--jarl-colors-gray-400));--jarl-button-border-color:light-dark(var(--jarl-colors-gray-600),var(--jarl-colors-gray-500));--jarl-button-color:var(--jarl-colors-white);--jarl-button-hover-color:var(--jarl-colors-white);--jarl-button-active-color:var(--jarl-colors-white);--jarl-button-hover-bg:light-dark(var(--jarl-colors-gray-600),var(--jarl-colors-gray-300));--jarl-button-active-bg:light-dark(var(--jarl-colors-gray-700),var(--jarl-colors-gray-200))}.jarl-button[data-color=blue]{--jarl-button-bg:light-dark(var(--jarl-colors-blue-500),var(--jarl-colors-blue-400));--jarl-button-border-color:light-dark(var(--jarl-colors-blue-600),var(--jarl-colors-blue-500));--jarl-button-color:var(--jarl-colors-white);--jarl-button-hover-color:var(--jarl-colors-white);--jarl-button-active-color:var(--jarl-colors-white);--jarl-button-hover-bg:light-dark(var(--jarl-colors-blue-600),var(--jarl-colors-blue-300));--jarl-button-active-bg:light-dark(var(--jarl-colors-blue-700),var(--jarl-colors-blue-200))}.jarl-button[data-color=cyan]{--jarl-button-bg:light-dark(var(--jarl-colors-cyan-500),var(--jarl-colors-cyan-400));--jarl-button-border-color:light-dark(var(--jarl-colors-cyan-600),var(--jarl-colors-cyan-500));--jarl-button-color:var(--jarl-colors-white);--jarl-button-hover-color:var(--jarl-colors-white);--jarl-button-active-color:var(--jarl-colors-white);--jarl-button-hover-bg:light-dark(var(--jarl-colors-cyan-600),var(--jarl-colors-cyan-300));--jarl-button-active-bg:light-dark(var(--jarl-colors-cyan-700),var(--jarl-colors-cyan-200))}.jarl-button[data-color=red]{--jarl-button-bg:light-dark(var(--jarl-colors-red-500),var(--jarl-colors-red-400));--jarl-button-border-color:light-dark(var(--jarl-colors-red-600),var(--jarl-colors-red-500));--jarl-button-color:var(--jarl-colors-white);--jarl-button-hover-color:var(--jarl-colors-white);--jarl-button-active-color:var(--jarl-colors-white);--jarl-button-hover-bg:light-dark(var(--jarl-colors-red-600),var(--jarl-colors-red-300));--jarl-button-active-bg:light-dark(var(--jarl-colors-red-700),var(--jarl-colors-red-200))}.jarl-button[data-color=orange]{--jarl-button-bg:light-dark(var(--jarl-colors-orange-500),var(--jarl-colors-orange-400));--jarl-button-border-color:light-dark(var(--jarl-colors-orange-600),var(--jarl-colors-orange-500));--jarl-button-color:var(--jarl-colors-white);--jarl-button-hover-color:var(--jarl-colors-white);--jarl-button-active-color:var(--jarl-colors-white);--jarl-button-hover-bg:light-dark(var(--jarl-colors-orange-600),var(--jarl-colors-orange-300));--jarl-button-active-bg:light-dark(var(--jarl-colors-orange-700),var(--jarl-colors-orange-200))}.jarl-button[data-color=green]{--jarl-button-bg:light-dark(var(--jarl-colors-green-500),var(--jarl-colors-green-400));--jarl-button-border-color:light-dark(var(--jarl-colors-green-600),var(--jarl-colors-green-500));--jarl-button-color:var(--jarl-colors-white);--jarl-button-hover-color:var(--jarl-colors-white);--jarl-button-active-color:var(--jarl-colors-white);--jarl-button-hover-bg:light-dark(var(--jarl-colors-green-600),var(--jarl-colors-green-300));--jarl-button-active-bg:light-dark(var(--jarl-colors-green-700),var(--jarl-colors-green-200))}.jarl-button[data-color=purple]{--jarl-button-bg:light-dark(var(--jarl-colors-purple-500),var(--jarl-colors-purple-400));--jarl-button-border-color:light-dark(var(--jarl-colors-purple-600),var(--jarl-colors-purple-500));--jarl-button-color:var(--jarl-colors-white);--jarl-button-hover-color:var(--jarl-colors-white);--jarl-button-active-color:var(--jarl-colors-white);--jarl-button-hover-bg:light-dark(var(--jarl-colors-purple-600),var(--jarl-colors-purple-300));--jarl-button-active-bg:light-dark(var(--jarl-colors-purple-700),var(--jarl-colors-purple-200))}.jarl-button[data-color=pink]{--jarl-button-bg:light-dark(var(--jarl-colors-pink-500),var(--jarl-colors-pink-400));--jarl-button-border-color:light-dark(var(--jarl-colors-pink-600),var(--jarl-colors-pink-500));--jarl-button-color:var(--jarl-colors-white);--jarl-button-hover-color:var(--jarl-colors-white);--jarl-button-active-color:var(--jarl-colors-white);--jarl-button-hover-bg:light-dark(var(--jarl-colors-pink-600),var(--jarl-colors-pink-300));--jarl-button-active-bg:light-dark(var(--jarl-colors-pink-700),var(--jarl-colors-pink-200))}.jarl-button[data-color=yellow]{--jarl-button-bg:light-dark(var(--jarl-colors-yellow-500),var(--jarl-colors-yellow-400));--jarl-button-border-color:light-dark(var(--jarl-colors-yellow-600),var(--jarl-colors-yellow-500));--jarl-button-color:var(--jarl-colors-white);--jarl-button-hover-color:var(--jarl-colors-white);--jarl-button-active-color:var(--jarl-colors-white);--jarl-button-hover-bg:light-dark(var(--jarl-colors-yellow-600),var(--jarl-colors-yellow-300));--jarl-button-active-bg:light-dark(var(--jarl-colors-yellow-700),var(--jarl-colors-yellow-200))}:root{--jarl-checkbox-label-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-checkbox-label-invalid-color:light-dark(var(--jarl-colors-red-500),var(--jarl-colors-red-300));--jarl-checkbox-label-hover-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-checkbox-label-checked-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-checkbox-checkmark-hover-border-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-checkbox-label-invalid-hover-color:light-dark(var(--jarl-colors-red-500),var(--jarl-colors-red-300));--jarl-checkbox-checkmark-invalid-hover-border-color:light-dark(var(--jarl-colors-red-500),var(--jarl-colors-red-300));--jarl-checkbox-label-invalid-checked-color:light-dark(var(--jarl-colors-red-500),var(--jarl-colors-red-300));--jarl-checkbox-checkmark-color:light-dark(var(--jarl-colors-gray-100),var(--jarl-colors-gray-950));--jarl-checkbox-checkmark-border-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-checkbox-checkmark-checked-bg:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-checkbox-checkmark-checked-border-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-checkbox-checkmark-hover-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-checkbox-checkmark-invalid-border-color:light-dark(var(--jarl-colors-red-500),var(--jarl-colors-red-300));--jarl-checkbox-checkmark-invalid-checked-bg:light-dark(var(--jarl-colors-red-500),var(--jarl-colors-red-300));--jarl-checkbox-checkmark-invalid-checked-border-color:light-dark(var(--jarl-colors-red-500),var(--jarl-colors-red-300));--jarl-checkbox-focus-outline-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-modal-backdrop-z-index:101;--jarl-modal-backdrop-bg:color-mix(in srgb,var(--jarl-colors-black) 40%,transparent);--jarl-modal-z-index:101;--jarl-modal-content-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-modal-content-bg:light-dark(var(--jarl-colors-white),var(--jarl-colors-black));--jarl-modal-content-border-color:light-dark(var(--jarl-colors-gray-200),var(--jarl-colors-gray-700));--jarl-modal-focus-outline-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-modal-close-button-color:light-dark(var(--jarl-colors-gray-950),var(--jarl-colors-gray-100));--jarl-modal-close-button-bg:light-dark(var(--jarl-colors-white),var(--jarl-colors-black));color-scheme:light dark}*{box-sizing:border-box;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}html{background-color:light-dark(var(--jarl-colors-white),var(--jarl-colors-black));scroll-behavior:smooth;&[data-theme=light]{color-scheme:light}&[data-theme=dark]{color-scheme:dark}}body{display:flex;flex-direction:column;min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{scroll-margin-top:calc(var(--jarl-header-height) + 1.5rem);.anchor{display:inline;margin-left:.5rem;color:inherit;text-decoration:none;opacity:0;transition:opacity .2s;&:focus-visible{opacity:1}}&:hover{.anchor{opacity:1}}}h2,h3,h4,h5,h6{padding-block-end:.5rem;border-bottom:1px solid light-dark(var(--jarl-colors-gray-100),var(--jarl-colors-gray-800))}a{display:flex;gap:.5rem;align-items:center;color:light-dark(var(--jarl-colors-gray-500),var(--jarl-colors-gray-300));text-decoration:none;&:focus-visible{outline-offset:2px}&:hover{color:light-dark(var(--jarl-colors-gray-600),var(--jarl-colors-gray-200))}&:active{color:light-dark(var(--jarl-colors-gray-700),var(--jarl-colors-gray-100))}}figure[data-rehype-pretty-code-figure]{margin:1.5rem 0;overflow:hidden;pre{padding-block:1rem;margin:0;overflow-x:auto;background-color:light-dark(var(--jarl-colors-gray-50),var(--jarl-colors-gray-900));border:1px solid light-dark(var(--jarl-colors-gray-200),var(--jarl-colors-gray-500));border-radius:.5rem;span{font-size:.875rem;color:light-dark(var(--shiki-light),var(--shiki-dark));&[data-line]{padding-inline:1rem;line-height:1.25rem}}}}