@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}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}@media (width<=767px){e-header{padding:.75rem 1rem}}}