aside{max-width:60rem;position:fixed;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:3rem;top:1rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);border-radius:1.5rem}aside:before{content:"";position:absolute;backdrop-filter:blur(12px) invert(8%);-webkit-backdrop-filter:blur(12px) invert(8%);top:0;width:100%;height:100%;z-index:-1;border-radius:1.5rem;-webkit-mask:radial-gradient(circle 1.625rem at calc(100% - 1.625rem) 50%,transparent 100%,black 100%);mask:radial-gradient(circle 1.625rem at calc(100% - 1.625rem) 50%,transparent 100%,black 100%)}aside nav{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 1rem;box-sizing:border-box}aside nav h2{display:flex;flex-direction:row-reverse;align-items:center;gap:.625rem;cursor:pointer;font-size:1.5rem}#aside-header{display:none}@media screen and (min-width: 36rem){#aside-header{display:inline}}aside nav section{display:flex;gap:1rem}aside a{text-decoration:none;color:inherit}#colormode{all:unset;display:flex;align-items:center;justify-content:center;position:relative;width:3rem;height:3rem;border-radius:50%;aspect-ratio:1/1;background-color:currentColor;cursor:pointer}#colormode svg{width:1.75rem;height:1.75rem}html[data-theme=light] #colormode .icon-light{display:block}html[data-theme=light] #colormode .icon-dark,html[data-theme=dark] #colormode .icon-light{display:none}html[data-theme=dark] #colormode .icon-dark{display:block}:root{scrollbar-width:none;overscroll-behavior:none;scroll-behavior:smooth;--font-size: 1rem;--s-unit: 1rem;--m-unit: 1.5rem;--l-unit: 1rem;--ui-padding-vertical: 2rem;--ui-padding-horizontal: 1.25rem;--padding-box: var(--ui-padding-vertical) max((100% - 60rem)/2, var(--ui-padding-horizontal)) var(--ui-padding-vertical) max((100% - 60rem)/2, var(--ui-padding-horizontal));@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width: 32rem){--ui-padding-vertical: 3rem;--ui-padding-horizontal: 1.5rem}@media screen and (min-width: 48rem){--ui-padding-vertical: 4rem;--ui-padding-horizontal: 2rem}}body{all:unset;width:100vw;display:flex;flex-direction:column;align-items:center;color:var(--foreground);background-image:var(--background-image);background-color:var(--background);background-attachment:fixed}main{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}:root{--primary: #4555ff;--ui-color-white: #fff;--ui-color-50: #f6f7f9;--ui-color-100: #ededf1;--ui-color-200: #d6d9e1;--ui-color-300: #b3b9c6;--ui-color-400: #8992a7;--ui-color-500: #6a748b;--ui-color-600: #565e73;--ui-color-700: #464c5e;--ui-color-800: #3c4150;--ui-color--900: #363a44;--ui-color-950: #24262d;--ui-color-black: #000}[data-theme=light] body{--primary-default: var(--primary-500);--primary-hover: var(--primary-600);--primary-focus: var(--primary-700);--primary-action: var(--primary-800);--primary-visited: var(--primary-400);--foreground: var(--ui-color-50);--background: var(--ui-color-0);color:var(--ui-color-black);--color-invert: var(--ui-color-white);--tag-color: var(--ui-color-200);--header-background: var(--ui-color-100);--background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'>    <circle cx='0' cy='0' r='1' fill='rgb(160, 169, 188)' />    <circle cx='24' cy='0' r='1' fill='rgb(160, 169, 188)' />    <circle cx='0' cy='24' r='1' fill='rgb(160, 169, 188)' />    <circle cx='24' cy='24' r='1' fill='rgb(160, 169, 188)'  />  </svg>")}[data-theme=dark] body{--primary-default: var(--primary-500);--primary-hover: var(--primary-400);--primary-focus: var(--primary-300);--primary-action: var(--primary-300);--primary-visited: var(--primary-600);--foreground: var(--ui-color-950);--background: var(--ui-color-black);color:var(--ui-color-white);--color-invert: var(--ui-color-black);--tag-color: var(--ui-color-800);--header-background: var(--ui-color-800);--background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'>    <circle cx='0' cy='0' r='1' fill='rgb(58, 67, 86)' />    <circle cx='24' cy='0' r='1' fill='rgb(58, 67, 86)'  />    <circle cx='0' cy='24' r='1' fill='rgb(58, 67, 86)' />    <circle cx='24' cy='24' r='1' fill='rgb(58, 67, 86)'  />  </svg>")}@media (prefers-color-scheme: light){body body{--primary-default: var(--primary-500);--primary-hover: var(--primary-600);--primary-focus: var(--primary-700);--primary-action: var(--primary-800);--primary-visited: var(--primary-400);--foreground: var(--ui-color-50);--background: var(--ui-color-0);color:var(--ui-color-black);--color-invert: var(--ui-color-white);--tag-color: var(--ui-color-200);--header-background: var(--ui-color-100);--background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'>    <circle cx='0' cy='0' r='1' fill='rgb(160, 169, 188)' />    <circle cx='24' cy='0' r='1' fill='rgb(160, 169, 188)' />    <circle cx='0' cy='24' r='1' fill='rgb(160, 169, 188)' />    <circle cx='24' cy='24' r='1' fill='rgb(160, 169, 188)'  />  </svg>")}}@media (prefers-color-scheme: dark){body body{--primary-default: var(--primary-500);--primary-hover: var(--primary-400);--primary-focus: var(--primary-300);--primary-action: var(--primary-300);--primary-visited: var(--primary-600);--foreground: var(--ui-color-950);--background: var(--ui-color-black);color:var(--ui-color-white);--color-invert: var(--ui-color-black);--tag-color: var(--ui-color-800);--header-background: var(--ui-color-800);--background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'>    <circle cx='0' cy='0' r='1' fill='rgb(58, 67, 86)' />    <circle cx='24' cy='0' r='1' fill='rgb(58, 67, 86)'  />    <circle cx='0' cy='24' r='1' fill='rgb(58, 67, 86)' />    <circle cx='24' cy='24' r='1' fill='rgb(58, 67, 86)'  />  </svg>")}}html[data-theme=light] .invert{background-color:var(--ui-color-black);color:var(--ui-color-white)}html[data-theme=dark] .invert{background-color:var(--ui-color-white);color:var(--ui-color-black)}body{font-size:1.25rem;font-family:SF Pro,-apple-system,BlinkMacSystemFont,Inter,Fira Sans,Helvetica Neue,Arial Nova,Roboto,Helvetica,"system-ui",sans-serif}h1,h2,h3{letter-spacing:.125rem;font-weight:200;margin:0;padding:0}h2{font-size:2.5rem;@media screen and (min-width: 36rem){font-size:3rem}}h3{font-size:2rem;@media screen and (min-width: 36rem){font-size:2.5rem}}p,li{font-weight:200;margin:0;padding:0}a{text-decoration:none;cursor:pointer;font-weight:200;margin:0;padding:0}