@wonderflow/react-components/dist/components/info-state/info-state.module.css

UI components from Wonderflow's Wanda design system

@layer components{.IconWrapper{background-color:var(--bg);border:8px solid hsla(0,0%,100%,.6);border-radius:.5rem;color:var(--fg);display:block;padding:.5rem;position:relative}.IconWrapper:before{background-color:var(--bg,currentColor);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.IconWrapper svg{display:block}.IconWrapper[data-info-state-icon-color=cyan]{--bg:var(--highlight-cyan-background);--fg:var(--highlight-cyan-foreground)}.IconWrapper[data-info-state-icon-color=gray]{--bg:var(--highlight-gray-background);--fg:var(--highlight-gray-foreground)}.IconWrapper[data-info-state-icon-color=green]{--bg:var(--highlight-green-background);--fg:var(--highlight-green-foreground)}.IconWrapper[data-info-state-icon-color=purple]{--bg:var(--highlight-purple-background);--fg:var(--highlight-purple-foreground)}.IconWrapper[data-info-state-icon-color=yellow]{--bg:var(--highlight-yellow-background);--fg:var(--highlight-yellow-foreground)}.IconWrapper[data-info-state-icon-color=red]{--bg:var(--highlight-red-background);--fg:var(--highlight-red-foreground)}.IconWrapper[data-info-state-icon-color=blue]{--bg:var(--highlight-blue-background);--fg:var(--highlight-blue-foreground)}.Image{max-block-size:22rem;max-inline-size:22rem}}