:in-range и :out-of-range для слайдеров цены и дат

Для input type="range", type="number" и type="date" псевдокласс :out-of-range активен, если значение вне атрибутов min/max.

Удобно в фильтре каталога «от–до» на лендинге без отдельного state в React.

- [:out-of-range — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:out-of-range) — Стили и примеры.

- [:in-range — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:in-range) — Допустимый диапазон.

---

## Сервер

Повторно проверяйте диапазон на бэкенде — CSS не заменяет валидацию API.