@layer ds.reset,ds.vendor,ds.theme;@layer ds.primitives{.icon{justify-content:center;align-items:center;display:inline-flex}.icon-2xs{width:var(--spacing-2);height:var(--spacing-2)}.icon-xs{width:var(--spacing-3);height:var(--spacing-3)}.icon-sm{width:var(--spacing-4);height:var(--spacing-4)}.icon-md{width:var(--spacing-5);height:var(--spacing-5)}.icon-lg{width:var(--spacing-6);height:var(--spacing-6)}.icon-xl{width:var(--spacing-8);height:var(--spacing-8)}.icon-2xl{width:var(--spacing-10);height:var(--spacing-10)}.icon-3xl{width:var(--spacing-12);height:var(--spacing-12)}.icon-4xl{width:var(--spacing-14);height:var(--spacing-14)}.icon-5xl{width:var(--spacing-16);height:var(--spacing-16)}.icon-color-primary{color:var(--semantic-primary)}.icon-color-success{color:var(--semantic-state-success)}.icon-color-error{color:var(--semantic-state-error)}.icon-color-warning{color:var(--semantic-state-warning)}.icon-color-info{color:var(--semantic-state-info)}.icon-color-muted,.icon-color-muted-light{color:var(--semantic-text-muted)}.icon-color-black{color:var(--semantic-text-default)}.icon-color-white{color:#fff}.icon[class*=icon-bg-]{width:auto;height:auto}.icon-bg-primary{background:var(--semantic-primary);padding:var(--spacing-2);border-radius:var(--radius-md)}.icon-bg-success{background:var(--semantic-state-success);padding:var(--spacing-2);border-radius:var(--radius-md)}.icon-bg-error{background:var(--semantic-state-error);padding:var(--spacing-2);border-radius:var(--radius-md)}.icon-bg-warning{background:var(--semantic-state-warning);padding:var(--spacing-2);border-radius:var(--radius-md)}.icon-bg-info{background:var(--semantic-state-info);padding:var(--spacing-2);border-radius:var(--radius-md)}.icon-bg-muted{background:var(--semantic-background-tertiary);padding:var(--spacing-2);border-radius:var(--radius-md)}.icon-bg-muted-light{background:var(--semantic-background-surface);padding:var(--spacing-2);border-radius:var(--radius-md)}.icon-bg-black{background:var(--semantic-text-default);padding:var(--spacing-2);border-radius:var(--radius-md)}.icon-bg-white{padding:var(--spacing-2);border-radius:var(--radius-md);background:#fff}.icon-svg{width:100%;height:100%}}@layer ds.components,ds.utilities;