{"version":"1.0","type":"rich","title":"Generated by SassMeister.com.","description":"This example demonstrates how Sass variable scoping and the `!default` flag control theme overrides across nested contexts. The SCSS source defines a `$color` variable that shifts from red to blue when a vertical-theme block overrides it, while the `$input-token` variable retains its default red value from the sui-theme. The resulting CSS shows two `input` rules—one applying a red background from the initial theme, another applying blue from the vertical theme—plus a `:focus` state that uses the red `$input-token` for a box-shadow. The code relies on Sass’s variable assignment and Dart Sass compiler settings, with no JavaScript or data visualization involved.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-b7128e11650911b4496640061db2f304?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}