.headerContainer {
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
}

.backBtn {
  width: 40px;
  height: 40px;
  background-color: #e8e8e8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}

.categoriesContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 10px 20px 50px 20px;
  overflow-y: auto;
  overscroll-behavior: contain !important;
}

.categoryItem {
  padding: 15px 0px;
  border-bottom: 1px solid var(--borderWithOpacityColor);
  font-size: 0.95rem;
}

.categoryItemSelected {
  font-weight: bold;
  color: var(--textActiveColor);
  font-size: 1rem;
}

.lastItem {
  border-bottom: 0;
}

.categoriesTitle {
  font-weight: bold;
  font-size: 1.5rem;
  padding-bottom: 15px;
}

.separator {
  width: 100%;
  max-width: 374px;
  height: 3px;
  display: block;
  margin: 0 auto;
  background-color: var(--primaryColor);
  mask-image: url("/images/separator_secondary.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("/images/separator_secondary.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}