:root{--jarl-header-height:4rem}.header{position:sticky;top:0;z-index:101;height:var(--jarl-header-height);background-color:light-dark(var(--jarl-colors-gray-50),var(--jarl-colors-gray-950));border-bottom:1px solid light-dark(var(--jarl-colors-gray-100),var(--jarl-colors-gray-800));.header-navbar{display:flex;gap:1rem;align-items:center;width:100%;max-width:90rem;min-height:3.75rem;padding:0 1.5rem;margin:0 auto;.logo-container{margin-inline-end:auto}.anchor{font-size:.875rem;&.github-link{width:1.875rem;height:1.875rem}&:has(.github-icon){color:light-dark(var(--jarl-colors-gray-700),var(--jarl-colors-gray-300));&:active,&:hover{color:light-dark(var(--jarl-colors-black),var(--jarl-colors-gray-100))}}}.github-icon{width:1.25rem;height:1.25rem;stroke:currentColor}.theme-switch{--jarl-button-border-color:transparent;--jarl-button-bg:transparent;--jarl-button-py:0;--jarl-button-px:0;--jarl-button-color:light-dark(var(--jarl-colors-gray-700),var(--jarl-colors-gray-300));width:1.875rem;height:1.875rem;&.loading{&:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent,var(--jarl-colors-gray-100),transparent);transform:translateX(-100%);animation:loading .75s ease-out infinite}}.switch-icon{width:1.25rem;height:1.25rem}}}}@keyframes loading{to{transform:translateX(100%)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){.themeSwitch{--jarl-button-color:var(--jarl-colors-gray-300);--jarl-button-hover-bg:var(--jarl-colors-gray-900);--jarl-button-hover-color:var(--jarl-colors-gray-200);--jarl-button-active-color:var(--jarl-colors-gray-200);--jarl-button-active-bg:var(--jarl-colors-gray-900);--jarl-button-focus-outline-color:var(--jarl-colors-gray-50)}.anchor{&:has(.github-icon){color:var(--jarl-colors-gray-300);&:active,&:hover{color:var(--jarl-colors-gray-100)}}}}}:root[data-theme=dark]{.anchor{&:has(.github-icon){color:var(--jarl-colors-gray-300);&:active,&:hover{color:var(--jarl-colors-gray-100)}}}}