ALT Firefox DevTools rules view focus on a single declaration: `outline-color: var(--page-nav-button-outline)`. A tooltip is displayed, pointing to the `var()`; it has 2 sections: - the top one has the following text: `var(--unset, var(--page-nav-button-text-color))`. The `--unset` is struck through and has a gray color, while the second parameter of the var function has syntax highlighting - below it, a computed value section, with the following: `light-dark(#1514a, #fbfbfe)`. This time, the first param is syntax highlighted, while the second one is struck through, and has a gray color.
ALT Firefox DevTools Inspector rules view, displaying the following nested rule: ```css body { & main, & x-does-not-exist { #sidebar, #this-id-does-not-exist { @container root (10px < width) { & span, .this-class-does-not-exist { font-weight: bold; } } } } } ```
ALT screenshot of Firefox WebConsole, with a snippet throwing a new Error with a cause property. The resulting error message in the console shows the Error and another line below starting with "Caused by:" and then the error that was passed as the cause