@layer components.header{:host{--header-color-background:inherit;--header-color-border:inherit;--header-color-text:inherit;--header-button-hover-bg:#0000000d;--header-button-active-bg:#0000001a;--header-focus-color:#007bff;--header-max-width:1200px;--header-padding:1rem;background-color:var(--header-color-background,#fff);border-bottom:1px solid var(--header-color-border,#e0e0e0);display:block}:host-context(html[data-theme="rainbow"]){color:#fff;background:linear-gradient(90deg,#f04242,#f48c25,#f9e71f,#22c322,#306ee8,#6226d9,#c23cdd,#f04242) 0 0/200% 100%;border-bottom:1px solid #0000;animation:8s linear infinite rainbow-gradient}:host-context(html[data-theme="rainbow"]) [data-role=theme-toggle],:host-context(html[data-theme="rainbow"]) ::slotted(*){color:#fff}@keyframes rainbow-gradient{0%{background-position:0%}to{background-position:200%}}:host-context(html[data-theme="dark"]){color:#e5e5e5;background-color:#1a1a1a;border-bottom-color:#333}e-header{padding:var(--header-padding);justify-content:space-between;align-items:center;transition:box-shadow .3s;display:flex}:host([scrolled]) e-header{box-shadow:0 4px 12px #0006}e-left{align-items:center;gap:1rem;display:flex}e-center{flex:1;justify-content:center;display:flex}e-right{align-items:center;gap:1rem;display:flex}::slotted([data-role=auth-button]),[data-role=auth-button]{color:var(--header-color-text,inherit);--color-icon:var(--header-icon-color,currentColor);align-items:center;text-decoration:none;display:flex}::slotted([data-role=burger-icon]),[data-role=burger-icon]{display:none}@media (width<=767px){::slotted([data-role=burger-icon]),[data-role=burger-icon]{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:.5rem;transition:color .2s,transform .3s,opacity .3s;display:block}::slotted([data-role=burger-icon]:focus-visible),[data-role=burger-icon]:focus-visible{outline:2px solid var(--header-focus-color);outline-offset:2px}::slotted([data-role=burger-icon]:active),[data-role=burger-icon]:active{background:0 0}}@media (prefers-reduced-motion:no-preference){::slotted([data-role=burger-icon][data-state=closing]),[data-role=burger-icon][data-state=closing]{animation:.3s iconTransition}@keyframes iconTransition{0%{opacity:1;transform:rotate(0)scale(1)}50%{opacity:.5;transform:rotate(90deg)scale(.8)}to{opacity:1;transform:rotate(180deg)scale(1)}}}@media (prefers-reduced-motion:reduce){::slotted([data-role=burger-icon][data-state=closing]),[data-role=burger-icon][data-state=closing]{transition:opacity .1s}}[data-state=error]{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:1rem}::slotted([data-role=theme-toggle]){cursor:pointer;color:var(--header-color-text,inherit);align-items:center;display:flex}::slotted([data-role=theme-toggle]:focus-visible){outline:2px solid var(--header-focus-color);outline-offset:2px}@media (width<=767px){e-header{padding:.75rem 1rem}}}