[data-dui-debug]{--dui-debug-primitive:#06b6d4;--dui-debug-native-wrapper:#f59e0b;--dui-debug-composite:#a855f7;--dui-debug-component:#10b981;--dui-debug-uncategorised:#ef4444;--dui-debug-color:var(--dui-debug-uncategorised)}[data-dui-debug] [data-dui-component]{outline:1px dashed var(--dui-debug-color);outline-offset:-1px;position:relative}[data-dui-debug] [data-dui-component]:before{content:attr(data-dui-component);position:absolute;top:0;left:0;z-index:2147483646;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;line-height:1.2;font-weight:500;color:#fff;background:var(--dui-debug-color);pointer-events:none;letter-spacing:.02em;text-transform:none;white-space:nowrap}[data-dui-debug] [data-dui-component=Accordion]:before,[data-dui-debug] [data-dui-component=Card]:before,[data-dui-debug] [data-dui-component=Container]:before,[data-dui-debug] [data-dui-component=Dialog]:before,[data-dui-debug] [data-dui-component=DropdownMenu]:before,[data-dui-debug] [data-dui-component=Layout]:before,[data-dui-debug] [data-dui-component=Navbar]:before,[data-dui-debug] [data-dui-component=Popover]:before,[data-dui-debug] [data-dui-component=SidePanel]:before,[data-dui-debug] [data-dui-component=Tabs]:before{padding:2px 6px;font-size:10px;font-weight:600}[data-dui-debug] [data-dui-component=Container],[data-dui-debug] [data-dui-component=Spacer]{--dui-debug-color:var(--dui-debug-primitive)}[data-dui-debug] [data-dui-component=Button],[data-dui-debug] [data-dui-component=Textarea],[data-dui-debug] [data-dui-component=Textfield]{--dui-debug-color:var(--dui-debug-native-wrapper)}[data-dui-debug] [data-dui-component=AvatarGroup],[data-dui-debug] [data-dui-component=ButtonGroup],[data-dui-debug] [data-dui-component=DataTable],[data-dui-debug] [data-dui-component=RadioGroup],[data-dui-debug] [data-dui-component=ToggleGroup]{--dui-debug-color:var(--dui-debug-composite)}[data-dui-debug] [data-dui-component=Accordion],[data-dui-debug] [data-dui-component=Alert],[data-dui-debug] [data-dui-component=Avatar],[data-dui-debug] [data-dui-component=Badge],[data-dui-debug] [data-dui-component=Caption],[data-dui-debug] [data-dui-component=Card],[data-dui-debug] [data-dui-component=Checkbox],[data-dui-debug] [data-dui-component=Collapsible],[data-dui-debug] [data-dui-component=Dialog],[data-dui-debug] [data-dui-component=Divider],[data-dui-debug] [data-dui-component=DropdownMenu],[data-dui-debug] [data-dui-component=Frame],[data-dui-debug] [data-dui-component=Icon],[data-dui-debug] [data-dui-component=Label],[data-dui-debug] [data-dui-component=Layout],[data-dui-debug] [data-dui-component=LoadingIndicator],[data-dui-debug] [data-dui-component=Navbar],[data-dui-debug] [data-dui-component=Popover],[data-dui-debug] [data-dui-component=ProgressBar],[data-dui-debug] [data-dui-component=Select],[data-dui-debug] [data-dui-component=SidePanel],[data-dui-debug] [data-dui-component=Switch],[data-dui-debug] [data-dui-component=Table],[data-dui-debug] [data-dui-component=Tabs],[data-dui-debug] [data-dui-component=Tag],[data-dui-debug] [data-dui-component=Text],[data-dui-debug] [data-dui-component=Toast],[data-dui-debug] [data-dui-component=Tooltip],[data-dui-debug] [data-dui-component=VideoPlayer]{--dui-debug-color:var(--dui-debug-component)}