.logo--gradient1{stop-color:var(--c-primary-alt)}.logo--gradient2{stop-color:var(--c-primary)}.header{z-index:10;width:100%;box-shadow:inset 0 -1px 0 0 var(--c-border),0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;top:0;left:0}@media print{.header{display:none}}.dark-mode .header,.hacked-mode .header{background-color:color-mix(in srgb,var(--c-gray-87) 80%,transparent)}@media (prefers-contrast:more){.dark-mode .header,.hacked-mode .header{background-color:color-mix(in srgb,var(--c-gray-90) 90%,transparent)}}.light-mode .header{background-color:#fffc}@media (prefers-contrast:more){.light-mode .header{background-color:#ffffffe6}}.header-content{grid-template-columns:1fr auto auto;height:64px;display:grid}.header-home{text-transform:uppercase;transition:font-size var(--transition);justify-self:flex-start;align-items:center;padding-inline:16px;font-size:1.125em;text-decoration:none;display:flex}@media (width<576px){.header-home{font-size:0}}.header-logo{width:70px;fill:var(--c-primary);margin-right:1em}.header-switch-cta{anchor-name:--header-switch-cta;align-items:center;padding-inline:16px;display:flex}.header-switch-cta-icon{width:10px;fill:var(--c-text);transition:transform var(--transition);margin-left:8px}.header-switch-cta-image{width:32px;height:32px}.header-switch-cta:has(+[popover]:popover-open) .header-switch-cta-icon{transform:rotate(180deg)}.header-switch-menu{position-area:bottom;position-anchor:--header-switch-cta;background-color:var(--c-background-3);border-radius:var(--border-radius-small);transition:scale var(--transition) allow-discrete,display var(--transition) allow-discrete,overlay var(--transition) allow-discrete;position:fixed;scale:0}.header-switch-menu:popover-open{display:flex;scale:1}@starting-style{.header-switch-menu:popover-open{scale:0}}.header-switch-menu-link{width:max-content;padding:8px;display:flex}.header-switch-menu-link.router-link-exact-active{background-color:var(--c-primary)}.header-switch-menu-item:first-child .header-switch-menu-link{border-radius:var(--border-radius-small) 0 0 var(--border-radius-small)}.header-switch-menu-item:last-child .header-switch-menu-link{border-radius:0 var(--border-radius-small) var(--border-radius-small) 0}.header-switch-menu-image{width:32px;height:32px}.header-toggle-theme{align-items:center;padding:16px;display:flex}.header-toggle-theme-container{width:64px}.header-toggle-theme-icon.icon{width:2rem;height:2rem;fill:var(--c-text)}
