## Media feature queries

Media and feature queries, like responsive breakpoints, dark mode, and prefers-reduced-motion.

| TailwindJS token |
| ----- |
| `media_feature_queries_modifiers` |


### Modifiers

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `_2xl` | [2xl](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `contrast_less` | [contrast-less](#https://tailwindcss.com/docs/hover-focus-and-other-states#prefers-contrast) |
| `contrast_more` | [contrast-more](#https://tailwindcss.com/docs/hover-focus-and-other-states#prefers-contrast) |
| `dark` | [dark](#https://tailwindcss.com/docs/hover-focus-and-other-states#prefers-color-scheme) |
| `landscape` | [landscape](#https://tailwindcss.com/docs/hover-focus-and-other-states#viewport-orientation) |
| `lg` | [lg](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `max_2xl` | [max-2xl](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `max_lg` | [max-lg](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `max_md` | [max-md](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `max_sm` | [max-sm](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `max_xl` | [max-xl](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `md` | [md](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `motion_reduce` | [motion-reduce](#https://tailwindcss.com/docs/hover-focus-and-other-states#prefers-reduced-motion) |
| `motion_safe` | [motion-safe](#https://tailwindcss.com/docs/hover-focus-and-other-states#prefers-reduced-motion) |
| `portrait` | [portrait](#https://tailwindcss.com/docs/hover-focus-and-other-states#viewport-orientation) |
| `print` | [print](#https://tailwindcss.com/docs/hover-focus-and-other-states#print-styles) |
| `sm` | [sm](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `xl` | [xl](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |



### Arbitraries

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `max_arbitrary`, `max_arb` | [max-[…]](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `min_arbitrary`, `min_arb` | [min-[…]](#https://tailwindcss.com/docs/hover-focus-and-other-states#responsive-breakpoints) |
| `supports_arbitrary`, `supports_arb` | [supports-[…]](#https://tailwindcss.com/docs/hover-focus-and-other-states#supports-rules) |