.map-filter-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--number-space-3);
}

.map-cta {
  position: relative;
  overflow: clip;
  border-radius: var(--number-corner-2);
}
.map-cta .image-wrapper {
  height: 200px;
}
.map-cta .image-wrapper img {
  filter: blur(0.5px) saturate(0.65);
}
@media (min-width: 1200px) {
  .map-cta .image-wrapper img {
    filter: unset;
  }
}
.map-cta .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.filter-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--number-space-3);
  padding: var(--number-space-3);
  border-radius: var(--number-corner-2);
  border: 1px solid var(--color-static-background-light-variant-30);
}
.filter-wrapper__has-sticky-label {
  padding: var(--number-space-1) var(--number-space-3);
}

.filter-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.list-filter {
  display: flex;
  flex-direction: column;
  gap: var(--number-space-2);
}

.list-filter-option {
  display: flex;
  flex-direction: column;
  --form-group-gap: 0.125rem;
}

.filter--option .stars {
  display: flex;
  gap: var(--number-space-1);
  align-items: center;
  height: 1.6rem;
}
.filter--option .stars svg path {
  fill: var(--color-key-variant-10);
}