@layer components.header{:host{--header-color-background: inherit;--header-color-border: inherit;--header-color-text: inherit;--header-button-hover-bg: rgba(0, 0, 0, 0.05);--header-button-active-bg: rgba(0, 0, 0, 0.1);--header-focus-color: #007bff;--header-max-width: 1200px;--header-padding: 1rem;display:block;background-color:var(--header-color-background, #ffffff);border-bottom:1px solid var(--header-color-border, #e0e0e0)}e-header{display:flex;align-items:center;justify-content:space-between;padding:var(--header-padding);transition:box-shadow .3s ease;box-shadow:0 calc(4px*var(--page-scrolled, 0)) calc(12px*var(--page-scrolled, 0)) rgba(0, 0, 0, calc(0.4 * var(--page-scrolled, 0)))}e-left{display:flex;align-items:center;gap:1rem}e-center{flex:1;display:flex;justify-content:center}e-right{display:flex;align-items:center;gap:1rem}::slotted([data-role=auth-button]),[data-role=auth-button]{display:flex;align-items:center;text-decoration:none;color:var(--header-color-text, inherit)}::slotted([data-role=burger-icon]),[data-role=burger-icon]{display:none}@media(max-width: 767px){::slotted([data-role=burger-icon]),[data-role=burger-icon]{display:block;cursor:pointer;padding:.5rem;transition:color .2s ease,transform .3s ease,opacity .3s ease;background:none;border:none;-webkit-tap-highlight-color:transparent}::slotted([data-role=burger-icon]:focus),[data-role=burger-icon]:focus{outline:none;background:none}::slotted([data-role=burger-icon]:active),[data-role=burger-icon]:active{background:none}}@media(prefers-reduced-motion: no-preference){::slotted([data-role=burger-icon][data-state=closing]),[data-role=burger-icon][data-state=closing]{animation:iconTransition .3s ease}@keyframes iconTransition{0%{transform:rotate(0deg) scale(1);opacity:1}50%{transform:rotate(90deg) scale(0.8);opacity:.5}100%{transform:rotate(180deg) scale(1);opacity:1}}}@media(prefers-reduced-motion: reduce){::slotted([data-role=burger-icon][data-state=closing]),[data-role=burger-icon][data-state=closing]{transition:opacity .1s ease}}[data-state=error]{padding:1rem;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px}@media(max-width: 767px){e-header{padding:.75rem 1rem}}}/*# sourceMappingURL=header.css.map */