@font-face {
  font-family: "Mulish";
  src: url("/assets/fonts/Mulish-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Mulish";
  src: url("/assets/fonts/Mulish-SemiBold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "Mulish";
  src: url("/assets/fonts/Mulish-Bold.woff") format("woff");
  font-weight: 700;
}
.searchbar {
  width: 368px;
  height: 56px;
  padding: 16px 16px 16px 24px;
  gap: 8px;
  border-radius: 8px;
  border: 1px;
  background: #ffffff;
  border: 1px solid #dee3ed;
}
.searchbar .searchbar-icon {
  width: 24px;
  height: 24px;
}
.searchbar .searchbar-input {
  width: 296px;
  height: 22px;
  gap: 4px;
  font-family: "Mulish", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  color: #222943;
  border: none;
}
.searchbar .searchbar-input:focus {
  outline: none;
}
.searchbar:focus-within {
  border: 1px solid #222943;
}

@media (max-width: 1024px) {
  .searchbar {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .searchbar {
    width: 100% !important;
    height: 44px !important;
    padding: 11px 16px 11px 24px !important;
  }
  .searchbar * {
    height: 22px !important;
  }
}/*# sourceMappingURL=searchbar.css.map */