---
id: 6148e41c728f65138addf9cc
title: Passo 66
challengeType: 0
dashedName: step-66
---
# --description--
Definir o `scroll-behavior` para `smooth` é o preferido da maioria dos usuários. No entanto, alguns usuários acham isso muito lento e preferem que a rolagem aconteça instantaneamente.
Existe uma regra de mídia para definir o CSS com base nas configurações do navegador do usuário. Essa regra de mídia é chamada de `prefers-reduced-motion` e espera um dos seguintes valores:
- `reduce`
- `no-preference`
Envolva a regra apropriada em uma regra de mídia `prefers-reduced-motion` de modo que um `scroll-behavior` de `smooth` seja definido apenas se a configuração do navegador do usuário for `no-preference`.
# --hints--
Você deve ter uma regra `@media (prefers-reduced-motion: no-preference)`.
```js
assert.equal(new __helpers.CSSHelp(document).getRuleListsWithinMedia('(prefers-reduced-motion: no-preference)').length, 1);
```
Você deve agrupar a regra `*` existente dentro da regra `@media`.
```js
assert.equal(new __helpers.CSSHelp(document).getRuleListsWithinMedia('(prefers-reduced-motion: no-preference)')?.find(x => x.selectorText === '*')?.style?.scrollBehavior, 'smooth');
assert.notExists(new __helpers.CSSHelp(document).getStyle('*'));
```
# --seed--
## --seed-contents--
```html