.container {
  width: 100vw;
  max-width: 560px;
  background-color: #232322;
  padding: 12px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  position: fixed;
  bottom: 0;
  z-index: 9999;
}

.navbar-item {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #dedede;
}

.navbar-item__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  height: 100%;
}

.navbar-item--active {
  color: #f24058;
}

.navbar-item__image-container {
  /* flex: 1; */
  display: flex;
  align-items: center;
  width: 30px;
  height: 30px;
  mask-size: contain;
  -webkit-mask-size: contain;
}

.navbar-item__image {
  width: 30px;
}

.onboarding {
  width: 188px;
  color: #000;
}

.moon-onboarding__text {
  margin-right: 108px;
}

.breathing-onboarding__text {
  margin-left: 108px;
}
