.MainHeader{position:fixed;top:0;width:100%;z-index:1;--scroll-progress: 0;background:rgba(calc(255 - (255 - 47) * var(--scroll-progress)),calc(255 - (255 - 78) * var(--scroll-progress)),calc(255 - (255 - 136) * var(--scroll-progress)),calc(.5 + .5 * var(--scroll-progress)));flex:1}@media(min-width:1024px){.MainHeader{padding:0}}.MainHeader a{color:var(--text-light);text-decoration:none}.MainHeader--mastHead{--padding-reduction: calc( var(--scroll-height-reduction-mobile) * var(--scroll-progress, 0) );padding-top:0;padding-bottom:calc(14px - var(--padding-reduction))}@media(min-width:1024px){.MainHeader--mastHead{--padding-reduction: calc( var(--scroll-height-reduction-desktop) * var(--scroll-progress, 0) );padding-top:calc(12px - var(--padding-reduction));padding-bottom:calc(12px - var(--padding-reduction))}}.MainHeader--mastHead h1{margin:0}@media(min-width:1024px){.MainHeader--inner-layout{display:flex;flex:1;justify-content:space-between;align-items:center}}.MainHeader--actions{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.MainHeader--logo-group{display:flex;align-items:center;gap:var(--space-2)}.MainHeader--history-button{background:none;border:none;cursor:pointer;font-size:var(--text-lg);padding:0;line-height:1;flex-shrink:0;--text-scroll-progress: min(calc(var(--scroll-progress, 0) * 2), 1);--blue-amount: calc(1 - var(--text-scroll-progress));--white-amount: var(--text-scroll-progress);color:color-mix(in srgb,var(--primary-blue) calc(var(--blue-amount) * 100%),var(--white) calc(var(--white-amount) * 100%))}.MainHeader--auth-form{display:flex;align-items:center;margin:0;padding:0}.MainHeader--auth-button{background:none;border:none;cursor:pointer;font-size:var(--text-lg);padding:0;line-height:1;flex-shrink:0;display:flex;align-items:center;--text-scroll-progress: min(calc(var(--scroll-progress, 0) * 2), 1);--blue-amount: calc(1 - var(--text-scroll-progress));--white-amount: var(--text-scroll-progress);color:color-mix(in srgb,var(--primary-blue) calc(var(--blue-amount) * 100%),var(--white) calc(var(--white-amount) * 100%))}.MainHeader--avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.MainHeader--hamburger{background:none;border:none;cursor:pointer;font-size:var(--text-lg);padding:0;line-height:1;flex-shrink:0;--text-scroll-progress: min(calc(var(--scroll-progress, 0) * 2), 1);--blue-amount: calc(1 - var(--text-scroll-progress));--white-amount: var(--text-scroll-progress);color:color-mix(in srgb,var(--primary-blue) calc(var(--blue-amount) * 100%),var(--white) calc(var(--white-amount) * 100%))}