@layer onyx.component{.onyx-icon{--icon-size:1.5rem;--icon-color:currentColor;width:var(--icon-size);min-width:var(--icon-size);height:var(--icon-size);fill:var(--icon-color);vertical-align:middle;display:inline-block}.onyx-icon>svg{height:inherit;width:inherit;display:block}.onyx-icon--inline{--icon-size:1em}.onyx-icon--12px{--icon-size:.75rem}.onyx-icon--16px{--icon-size:1rem}.onyx-icon--24px{--icon-size:1.5rem}.onyx-icon--32px{--icon-size:2rem}.onyx-icon--48px{--icon-size:3rem}.onyx-icon--64px{--icon-size:4rem}.onyx-icon--96px{--icon-size:6rem}.onyx-icon--primary{--icon-color:var(--onyx-color-text-icons-primary-intense)}.onyx-icon--neutral{--icon-color:var(--onyx-color-text-icons-neutral-intense)}.onyx-icon--danger{--icon-color:var(--onyx-color-text-icons-danger-intense)}.onyx-icon--warning{--icon-color:var(--onyx-color-text-icons-warning-intense)}.onyx-icon--success{--icon-color:var(--onyx-color-text-icons-success-intense)}.onyx-icon--info{--icon-color:var(--onyx-color-text-icons-info-intense)}}