{"version":"1.0","type":"rich","title":"Generated by SassMeister.com.","description":"This example demonstrates how Sass variables with `!default` flags and comment-based theme sections control CSS output for an `input` element. The code shows two distinct themes—a red \"sui-theme\" and a blue \"vertical-theme\"—where the default variable is overridden, and a component layer applies the blue background while reusing the red token for the `:focus` color. Compiled with dart-sass 1.32.12 in expanded output style, the resulting CSS reveals the cascade order: the red background from the default, then the blue override, and the focus rule inheriting the original red token.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-40c2f01ba7ff9eccb23e806ed28cb4e5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}