@layer design-system.tokens{:where(:root){--vds-icon-size-xs:.75rem;--vds-icon-size-sm:1rem;--vds-icon-size-md:1.25rem;--vds-icon-size-lg:1.5rem;--vds-icon-size-xl:2rem;--vds-icon-stroke:1.5}}
@layer design-system.components{.vds-icon{color:currentColor;stroke-width:var(--vds-icon-stroke);vertical-align:middle;flex-shrink:0;display:inline-block}.vds-icon[data-size=xs]{width:var(--vds-icon-size-xs);height:var(--vds-icon-size-xs)}.vds-icon[data-size=sm]{width:var(--vds-icon-size-sm);height:var(--vds-icon-size-sm)}.vds-icon[data-size=md]{width:var(--vds-icon-size-md);height:var(--vds-icon-size-md)}.vds-icon[data-size=lg]{width:var(--vds-icon-size-lg);height:var(--vds-icon-size-lg)}.vds-icon[data-size=xl]{width:var(--vds-icon-size-xl);height:var(--vds-icon-size-xl)}.vds-icon[data-color=muted]{color:var(--vds-color-icon-muted,currentColor)}.vds-icon[data-color=subtle]{color:var(--vds-color-icon-subtle,currentColor)}.vds-icon[data-color=primary]{color:var(--vds-color-icon-primary,currentColor)}.vds-icon[data-color=secondary]{color:var(--vds-color-icon-subtle,currentColor)}.vds-icon[data-color=success]{color:var(--vds-color-icon-success,currentColor)}.vds-icon[data-color=warning]{color:var(--vds-color-icon-warning,currentColor)}.vds-icon[data-color=danger]{color:var(--vds-color-icon-danger,currentColor)}.vds-icon[data-color=info]{color:var(--vds-color-icon-info,currentColor)}}