.fluidra-spare-parts-search-plp {
  display: flex;
  flex-direction: row;
  background-color: var(--base-100);
  padding: 1rem 0.5rem;
}
@media (max-width: 768px) {
  .fluidra-spare-parts-search-plp .cmp-spare-parts-search-js {
    width: 100%;
  }
}
.fluidra-spare-parts-search-plp .cmp-spare-parts-search-js .form-inputModal {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 0.75rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .fluidra-spare-parts-search-plp .cmp-spare-parts-search-js .form-inputModal {
    width: 100%;
  }
}
.fluidra-spare-parts-search-plp .cmp-spare-parts-search-js .form-inputModal .form-inputModal__wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 0.75rem;
  overflow: hidden;
  min-width: 16rem;
  width: 100%;
}
@media (min-width: 768px) {
  .fluidra-spare-parts-search-plp .cmp-spare-parts-search-js .form-inputModal .form-inputModal__wrapper {
    min-width: 25rem;
  }
}
.fluidra-spare-parts-search-plp .cmp-spare-parts-search-js .form-inputModal .inputModal-wrapper__input {
  flex: 1;
  width: 100%;
  border: none;
  outline: none;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.fluidra-spare-parts-search-plp .cmp-spare-parts-search-js .form-inputModal .inputModal-wrapper__button {
  color: white;
}
.fluidra-spare-parts-search-plp .cmp-spare-parts-search-js .form-inputModal .cmp-spare-parts-search__button {
  display: none;
}
.fluidra-spare-parts-search-hero {
  width: 100%;
  align-items: center;
}
.fluidra-spare-parts-search-hero .cmp-spare-parts-search-js .form-inputModal {
  flex-direction: row !important;
  min-width: 18.75rem;
}
@media (min-width: 768px) {
  .fluidra-spare-parts-search-hero .cmp-spare-parts-search-js .form-inputModal {
    min-width: 25rem;
  }
}
.fluidra-spare-parts-search-hero .cmp-spare-parts-search-js .form-inputModal .form-inputModal__wrapper {
  width: 100%;
  flex-direction: row-reverse;
  align-items: center;
}
@media (min-width: 768px) {
  .fluidra-spare-parts-search-hero .cmp-spare-parts-search-js .form-inputModal .form-inputModal__wrapper {
    min-width: 350px;
  }
}