:root {
  --appBarPrimary: 70px;
  --appBarSecondary: 120px;
  --appBarPrimaryWithSearch: 131px;
  --appBarSecondaryWithSearch: 180px;
  --appBarMarginTopWithSmartBanner: 80px;
}

.AppBar---root---mDEdS {
  background-color: white;
}

/* temporary change, later will be changed in UI lib */

.AppBar---root---mDEdS [class^='NavBarContainer---root'] {
  border-bottom: 1px solid var(--lighterNeutralColor);
  box-shadow: none;
}

.AppBar---hasPrimary---XhhAM {
  height: var(--appBarPrimary);
}

.AppBar---hasPrimary---XhhAM.AppBar---searchBox---Y9sWP {
  height: var(--appBarPrimaryWithSearch);
}

.AppBar---hasSecondary---wwLoN {
  height: var(--appBarSecondary);
}

.AppBar---hasSecondary---wwLoN.AppBar---searchBox---Y9sWP {
  height: var(--appBarSecondaryWithSearch);
}

.AppBar---hidden---K7Yxf {
  display: none;
}

.AppBar---displayBlock---iGcQa {
  display: block;
}

.AppBar---smartBannerVisible---JSJWx {
  margin-top: var(--appBarMarginTopWithSmartBanner);
}

.AppBar---messageCenterLogo---wEvNH {
  padding: 0 !important;
}

.AppBar---homeNavItem---KJ37F {
  padding: var(--space0) var(--space8);
}

.AppBar---homeNavItem---KJ37F [class^="NavBar---tabItem---"] {
  padding: var(--space0) !important;
}

.AppBar---navItemIcon---n3VnN svg,
.AppBar---achievementsIcon---j7h7S {
  width: 32px;
  height: 32px;
}

.AppBar---mediumOrBelow---UFK0e .AppBar---navItemIcon---n3VnN svg,
.AppBar---mediumOrBelow---UFK0e .AppBar---achievementsIcon---j7h7S {
  width: 24px;
  height: 24px;
}

.AppBar---mediumOrBelow---UFK0e .AppBar---homeNavItem---KJ37F {
  padding-left: 0;
}

/* UCMROC-11164: Hide Chrome extension buttons */

/* stylelint-disable-next-line selector-id-pattern */

ul[class^="NavBar---bar"] li div#downloadItem {
  display: none;
}

ul[class^="NavBar---bar"] li#donate {
  display: none;
}

.AppBar---mediumOrBelow---UFK0e .AppBar---nineDotDivider---i8aYL {
  position: relative;
}

.AppBar---mediumOrBelow---UFK0e .AppBar---nineDotDivider---i8aYL::after {
  position: absolute;
  top: 50%;
  right: -8px;
  display: block;
  width: 1px;
  height: 24px;
  content: '';
  background-color: var(--lightestGreyColor);
  transform: translateY(-50%);
}

.AppBar---nineDotMenu---bzaaN {
  left: var(--space16);
}

.AppBar---mediumOrBelow---UFK0e .AppBar---nineDotMenu---bzaaN {
  left: var(--space8);
}

.AppBar---isSmallOrBelow---M7Skb .AppBar---nineDotMenu---bzaaN {
  left: var(--space0);
}

.AppBar---noBorder---cO5iM{
  border: none !important;
}

.AppBar---mediumOrBelow---UFK0e .AppBar---notificationDot---Fl1hm {
  top: -6% !important;
  right: -6% !important;
  width: var(--space10) !important;
  height: var(--space10) !important;
}