header:where(.astro-xbstl6g3){:any-link{color:inherit;text-decoration:none;&:hover{text-decoration:underline}}.container{container-type:inline-size;container-name:header;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--size-4);overflow-x:clip}svg{width:var(--size-7);display:inline-block}h1 a{display:flex;align-items:baseline;gap:var(--size-2);font-size:var(--size-8);svg{width:var(--size-8)}}}nav:where(.astro-xbstl6g3) ul:where(.astro-xbstl6g3){display:flex;list-style:none;gap:var(--size-3);align-items:center;padding:0;margin:0}nav:where(.astro-xbstl6g3) li:where(.astro-xbstl6g3) a:where(.astro-xbstl6g3){display:flex;align-items:center;gap:var(--size-2);font-size:var(--size-5);justify-content:center;padding:var(--size-2);border-radius:var(--radius-2);transition:background-color .2s ease;&:where(.astro-xbstl6g3):hover{background-color:var(--surface-2);text-decoration:none}}@container header (max-width: 780px){header:where(.astro-xbstl6g3) .container:where(.astro-xbstl6g3){justify-content:center;text-align:center}header:where(.astro-xbstl6g3) h1:where(.astro-xbstl6g3){width:100%;text-align:center}header:where(.astro-xbstl6g3) h1:where(.astro-xbstl6g3) a:where(.astro-xbstl6g3){justify-content:center}header:where(.astro-xbstl6g3) nav:where(.astro-xbstl6g3){width:100%}nav:where(.astro-xbstl6g3) ul:where(.astro-xbstl6g3){display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@container header (max-width: 480px){nav:where(.astro-xbstl6g3) ul:where(.astro-xbstl6g3){grid-template-columns:1fr}nav:where(.astro-xbstl6g3) li:where(.astro-xbstl6g3) a:where(.astro-xbstl6g3){padding:var(--size-3)}}footer:where(.astro-mtxgg6pp){background-color:var(--surface-2);.container:where(.astro-mtxgg6pp){container-type:inline-size;container-name:footer;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--size-4);@container footer (max-width: 650px){.social-links:where(.astro-mtxgg6pp){grid-column:1 / -1;justify-self:center;margin-top:var(--size-3)}}@container footer (max-width: 300px){>:where(.astro-mtxgg6pp){text-align:center}.social-links:where(.astro-mtxgg6pp){justify-content:center}}}& ul:where(.astro-mtxgg6pp){list-style:none}.social-links:where(.astro-mtxgg6pp){display:flex;gap:var(--size-2);align-items:center}& svg:where(.astro-mtxgg6pp){width:var(--size-8);display:inline-block}}.settings-widget:where(.astro-sz4k75bc){svg{width:var(--size-7);height:var(--size-7);vertical-align:middle;margin-inline-end:var(--size-1)}}.settings-trigger:where(.astro-sz4k75bc){position:fixed;top:50%;right:0;transform:translateY(-50%) rotate(270deg);transform-origin:bottom right;z-index:1001;padding:var(--size-2) var(--size-3);cursor:pointer;border-radius:var(--radius-2) var(--radius-2) 0 0;border:1px solid var(--clr-fg-1);border-bottom:none;background-color:var(--clr-accent);color:var(--clr-bg-1);font-size:var(--font-size-2);white-space:nowrap;opacity:1;transition:opacity .4s ease-in-out;pointer-events:auto}.settings-trigger:where(.astro-sz4k75bc).is-hidden{opacity:0;pointer-events:none}.settings-panel:where(.astro-sz4k75bc){position:fixed;top:0;right:0;height:100vh;width:min(80vw,400px);max-width:400px;z-index:1000;transform:translate(100%);transition:transform .4s ease-in-out;box-shadow:var(--shadow-5);padding:var(--size-5);overflow-y:auto;border-inline-start:1px solid var(--clr-fg-2);color:var(--clr-fg-1)}.settings-panel:where(.astro-sz4k75bc).is-open{transform:translate(0)}.settings-panel:where(.astro-sz4k75bc) h2:where(.astro-sz4k75bc){margin-block-start:0;margin-block-end:var(--size-5)}.close-button:where(.astro-sz4k75bc){position:absolute;top:var(--size-3);right:var(--size-3);background:none;border:none;font-size:var(--font-size-5);cursor:pointer;color:var(--clr-fg-1);padding:var(--size-1);line-height:1}.settings-panel:where(.astro-sz4k75bc) form:where(.astro-sz4k75bc) div:where(.astro-sz4k75bc){margin-block-end:var(--size-4)}.settings-panel:where(.astro-sz4k75bc) label:where(.astro-sz4k75bc){display:block;margin-block-end:var(--size-1);font-weight:var(--font-weight-6)}.settings-panel:where(.astro-sz4k75bc) select:where(.astro-sz4k75bc),.settings-panel:where(.astro-sz4k75bc) input:where(.astro-sz4k75bc){width:100%;padding:var(--size-2);border:1px solid var(--clr-fg-2);background-color:var(--clr-bg-2);color:var(--clr-fg-1);border-radius:var(--radius-1)}.settings-overlay:where(.astro-sz4k75bc){position:fixed;inset:0;//background-color: rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;// Disable blur for now. // backdrop-filter: blur(4px);// -webkit-backdrop-filter: blur(4px)}.settings-overlay:where(.astro-sz4k75bc).is-visible{opacity:1;visibility:visible}html,body{margin:0;width:100%;height:100%}
