@import url("search.css");
.site-header{position:relative;z-index:40;background:var(--color-black);color:var(--color-white);border-bottom:1px solid #202020}
.site-header__inner{height:64px;display:grid;grid-template-columns:88px minmax(0,1fr) 88px;align-items:center;padding:0 10px}
.site-header__menu{justify-self:start}
.site-header__brand{display:flex;align-items:center;justify-content:center;min-width:0;height:56px}
.site-header__brand:hover{text-decoration:none}
.site-header__logo{width:auto;height:40px;object-fit:contain}
.site-header__actions{display:flex;justify-content:flex-end;align-items:center}
.site-header__icon{width:23px;height:23px}
@media (max-width:720px){.site-header__inner{height:62px}}
@media (max-width:430px){.site-header__inner{grid-template-columns:52px minmax(0,1fr) 96px;padding:0 6px}.site-header__logo{height:36px}}
@media (max-width:390px){.site-header__inner{height:58px;grid-template-columns:48px minmax(0,1fr) 88px;padding:0 4px}.site-header__logo{height:33px}.site-header__icon{width:22px;height:22px}.icon-button{width:42px;height:42px}}

.site-header__account{position:relative}
.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#d93025;color:#fff;font-size:10px;font-weight:800;line-height:1;box-sizing:border-box;pointer-events:none}
.notification-badge[hidden]{display:none!important}
.notification-badge--header{position:absolute;top:4px;right:2px;border:2px solid var(--color-black)}
@media (max-width:430px){.notification-badge--header{top:3px;right:1px}}
@media (max-width:390px){.notification-badge{min-width:16px;height:16px;font-size:9px}.notification-badge--header{top:2px;right:0}}