.header{background:var(--bg-light-shade);border-bottom:var(--bg-dark-shade) 1px solid;display:flex;height:48px;position:sticky;top:0;z-index:20}.header__logo{display:flex;align-items:center;text-decoration:none;color:var(--bg-font-clear);font-size:1.8rem;font-weight:800;white-space:nowrap;overflow:hidden;margin-right:auto}.header__logo--smaller{font-size:1.6rem}.header__logo::before{content:'';display:block;background:url("/img/logo_transparent_small_2.png");background-size:cover;background-repeat:no-repeat;background-position:center center;width:32px;height:32px;margin:auto 8px;flex-shrink:0;filter:var(--logo-filter)}.header__logo--back-button::before{content:'';display:block;background:var(--color-icon);background-size:cover;background-repeat:no-repeat;background-position:center center;width:32px;height:32px;margin:auto 8px;-webkit-mask-image:url("/img/back-button.svg");mask-image:url("/img/back-button.svg");flex-shrink:0}.sidebar-button{position:relative;display:flex;padding:0}.sidebar-button::before{content:'';-webkit-mask-image:url("/img/hamburger-menu.svg");mask-image:url("/img/hamburger-menu.svg");background:var(--color-icon);width:20px;height:20px;margin:auto 14px}.sidebar-button--alert::after{content:'';position:absolute;top:10px;left:10px;background:var(--color-like);border-radius:50%;border:2px solid var(--bg-light-shade);width:8px;height:8px}.header-note{display:block;color:var(--bg-font-clear);background:var(--bg-light-accent);font-size:0.8rem;text-align:center;padding:16px 8px}.header-note--red{background:var(--color-like);color:#fff}.header-note--red a{color:#fff}.header-note--orange{color:var(--color-highlight)}@media screen and (min-width: 1920px){.header{padding:4px 8px}}