.mainHeader {
  padding-block: 16px;
}
.mainHeader .mainHeader-user {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
}
.mainHeader .mainHeader-user .btn {
  position: relative;
}
.mainHeader .mainHeader-user .btn .badge {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--red500);
  color: var(--neutralgray0);
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -5px;
  top: -5px;
}
.mainHeader + .mainHeader-fixedBar {
  padding-block: 8px;
  background-color: var(--neutralgray0);
  box-shadow: 0px 12px 3px 0px rgba(14, 12, 24, 0), 0px 8px 3px 0px rgba(14, 12, 24, 0.01), 0px 4px 3px 0px rgba(14, 12, 24, 0.03), 0px 2px 2px 0px rgba(14, 12, 24, 0.05), 0px 0px 1px 0px rgba(14, 12, 24, 0.06);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  transition: margin 0.1s, transform 0.5s;
}
.mainHeader + .mainHeader-fixedBar.mainHeaderFixedSticky {
  z-index: 1000;
  transform: translateY(0);
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont {
  display: flex;
  align-items: center;
  gap: 28px;
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont .breadcrumbs {
  margin-right: auto;
  color: #999999;
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont .breadcrumbs a {
  color: #999999;
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont .breadcrumbs a:focus {
  color: var(--neutralgray800);
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont .breadcrumbs a:focus:not(.menuDropdown-link):not(.btn) {
  text-decoration: underline;
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont .breadcrumbs a:hover {
  color: var(--neutralgray800);
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont .breadcrumbs > span {
  color: var(--neutralgray800);
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont .mainHeader-user {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont .mainHeader-user .btn {
  position: relative;
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont .mainHeader-user .btn .badge {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--red500);
  color: var(--neutralgray0);
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -5px;
  top: -5px;
}
.mainHeader + .mainHeader-fixedBar .header-fixed-cont .btn-idea {
  width: 32px;
  height: 32px;
  box-shadow: 0 12px 3px 0 rgba(14, 12, 24, 0), 0 8px 3px 0 rgba(14, 12, 24, 0.01), 0 4px 3px 0 rgba(14, 12, 24, 0.03), 0 2px 2px 0 rgba(14, 12, 24, 0.05), 0 0 1px 0 rgba(14, 12, 24, 0.06);
}

body.mainAsaid-collapsed .mainHeader-fixedBar {
  margin-left: 73px;
}
body:not(.mainAsaid-collapsed) .mainHeader-fixedBar {
  margin-left: 261px;
}/*# sourceMappingURL=mainHeader.css.map */