@layer base{.interactive-demo{--demo-surface:transparent;--demo-border:transparent;--demo-foreground:var(--color-foreground);--demo-muted:var(--color-muted);--demo-muted-2:var(--color-muted-foreground);--demo-grid:oklch(from var(--color-control-surface) l c h / .7);--demo-axis:oklch(from var(--color-foreground) l c h / .35);--demo-point-a:var(--color-foreground);--demo-point-b:var(--color-muted)}.demo-native-select{appearance:none;background-color:var(--color-control-surface);color:var(--color-card-foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.light .demo-native-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.demo-native-select option{background-color:var(--color-control-surface);color:var(--color-card-foreground)}}