#header{width:100%;margin:0 auto 2rem}#header h1,#header .h1{color:var(--color-base-content);letter-spacing:.01em;margin-top:0;margin-bottom:0;font-size:1.5rem;font-style:normal;font-weight:700;line-height:2rem}#header a{color:inherit;background:0 0;text-decoration:none}#header #logo{float:left;background-repeat:no-repeat;background-size:3.125rem 3.125rem;border-radius:.3125rem;width:3.125rem;height:3.125rem;margin-right:1.25rem;display:block}#header #logo.circle-avatar{box-shadow:0 0 0 1px color-mix(in oklab, var(--color-base-content) 80%, transparent);border-radius:50%!important}#header #logo.avatar-grayscale{filter:grayscale()}#header #nav{color:var(--color-primary);font-size:var(--text-sm);letter-spacing:.01em;font-style:normal;font-weight:400}#header #nav ul{align-items:flex-start;margin:8px 0 0;padding:0;line-height:.9375rem;list-style-type:none;display:flex}@media (width<640px){#header #nav ul{flex-direction:column}}#header #nav ul a{color:var(--color-primary);font-size:var(--text);margin-right:.9375rem}@media (width>=640px){#header #nav ul a:hover{background-image:linear-gradient(transparent, transparent .3125rem, var(--color-primary) .3125rem, var(--color-primary));background-position:bottom;background-repeat:repeat-x;background-size:100% .375rem}}#header #nav ul li{border-color:var(--color-primary);vertical-align:middle;border-right:1px dotted;margin-right:.9375rem}#header #nav ul li:last-child{border-right:0;margin-right:0}#header #nav ul li:last-child a{margin-right:0}#header #nav ul li.has-submenu .submenu-container .submenu-toggle{color:var(--color-primary)}#header #nav ul li.has-submenu .submenu-container .submenu-toggle:hover{color:var(--color-accent)}@media (width<640px){#header #nav ul li{border-right:0;display:none}#header #nav ul li:not(:first-child){padding-top:1rem;padding-left:4.375rem;font-size:1rem}#header #nav ul li.icon{display:inline-block;position:absolute;top:4.8125rem;right:1rem}#header #nav ul li.icon.iconify{color:var(--color-primary)}#header #nav ul li.has-submenu .submenu-container{flex-direction:row;align-self:flex-start;display:flex}}#header #nav ul .icon{display:none}#header:hover #logo{filter:none}@media (width<640px){#header #title{min-height:3.125rem;margin-right:5rem;display:table}#header #title h1,#header #title .h1{vertical-align:middle;display:table-cell}}
