.HeaderbarContainer {
  align-self: stretch;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: inline-flex;
}

.HeaderbarContainer.Headerbarheader {
  height: 102px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 0px;
}

.HeaderbarHeader {
  align-self: stretch;
  justify-content: space-between;
  align-items: flex-start;
  display: inline-flex;
}

.HeaderbarGreetings {
  width: 458.8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: inline-flex;
}

.HeaderbarGoodMorningJohn {
  align-self: stretch;
  color: #272727;
  font-size: 24px;
  font-family: 'Plus Jakarta Sans';
  font-weight: 700;
  word-wrap: break-word;
}

.HeaderbarWelcomeToTradelokDashboard {
  align-self: stretch;
  color: #9a989a;
  font-size: 12px;
  font-family: 'Plus Jakarta Sans';
  font-weight: 500;
  word-wrap: break-word;
}

.HeaderbarContainer.Headerbarsearch {
  width: 312px;
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  gap: 27px;
  display: flex;
}

.HeaderbarSearch {
  width: 312px;
  padding-top: 7px;
  padding-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  background: white;
  border-radius: 11px;
  border: 0.5px #9a989a solid;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  display: inline-flex;
}

.HeaderbarTag {
  width: 298px;
  justify-content: flex-start;
  align-items: center;
  gap: 3px;
  display: inline-flex;
}

.HeaderbarContainer.Headerbarsearch-inner {
  flex: 1 1 0;
  height: 10px;
  padding-right: 50px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}

.HeaderbarSearchForActionsFilesUsers {
  width: 172px;
  align-self: stretch;
  color: #9a989a;
  font-size: 8px;
  font-family: 'Plus Jakarta Sans';
  font-weight: 500;
  word-wrap: break-word;
}

.HeaderbarProfileContainer {
  height: 50px;
  justify-content: flex-end;
  align-items: center;
  gap: 29px;
  display: flex;
}

.HeaderbarNotificationIcon {
  width: 22px;
  height: 38px;
  position: relative;
}

.HeaderbarVector {
  left: 0px;
  top: 9.6px;
  position: absolute;
}

.HeaderbarEllipse3 {
  width: 9.6px;
  height: 9.6px;
  left: 9.6px;
  top: 9.6px;
  position: absolute;
  background: #ff0000;
  border-radius: 9999px;
}