.ratings-filter {
  margin-bottom: 12px;
}
.ratings-filter__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 1599px) {
  .ratings-filter__inner {
    grid-template-columns: 100%;
  }
}
@media (max-width: 959px) {
  .ratings-filter__count {
    font-size: 15px;
  }
}

.r-form__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.r-form__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.r-form__label {
  padding-left: 12px;
  font-size: 13px;
}
.r-form__select {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 17px;
  color: rgba(0, 0, 0, 0.4);
  border: none;
  border-radius: 12px;
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg viewBox="0 0 8.07422 9.33301" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8.074219" height="9.333008" fill="none"><path id="svg" d="M4.04084 9.33334C4.4058 9.32996 4.7169 9.19885 4.97419 8.94L7.84086 6.07999C8.15232 5.76666 8.15232 5.45334 7.84086 5.14001C7.52528 4.82184 7.20972 4.82184 6.89417 5.14001L4.7075 7.33334L4.7075 0.666656C4.7075 0.222229 4.4853 0 4.04084 0C3.59641 0 3.37418 0.222229 3.37418 0.666656L3.37418 7.33334L1.18085 5.14001C0.8675 4.82443 0.553078 4.82333 0.237495 5.13666C-0.0780563 5.45001 -0.079155 5.76443 0.234169 6.07999L3.10084 8.94C3.35996 9.20068 3.67329 9.33179 4.04084 9.33334Z" fill="rgb(0,0,0)" fill-opacity="0.400000006" fill-rule="nonzero" /></svg>');
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 10px;
}
.r-form__select, .r-form__select::picker(select) {
  appearance: base-select;
}
.r-form__select::picker(select) {
  max-height: 390px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
}
.r-form__select::picker-icon {
  content: normal;
}
.r-form__select option {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 959px) {
  .r-form__inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .r-form__inner {
    grid-template-columns: 100%;
  }
}

/*# sourceMappingURL=style.css.map */