.sg-with-color.sg-with-color--primary{color:var(--color-primary)}.sg-with-color.sg-with-color--success{color:var(--color-success)}.sg-with-color.sg-with-color--error{color:var(--color-error)}.sg-with-color.sg-with-color--warning{color:var(--color-warning)}.sg-with-color.sg-with-color--info{color:var(--color-info)}.sg-with-color.sg-with-color--typography-primary{color:var(--color-typography-primary)}.sg-with-color.sg-with-color--typography-secondary{color:var(--color-typography-secondary)}.sg-with-color.sg-with-color--typography-tertiary{color:var(--color-typography-tertiary)}.sg-with-color.sg-with-color--typography-quaternary{color:var(--color-typography-quaternary)}.sg-with-color.sg-with-color--typography-contrast{color:var(--color-typography-contrast)}.sg-with-color.sg-with-color--typography-disabled{color:var(--color-typography-disabled)}.sg-with-color.sg-with-color--white{color:var(--typography-white)}.sg-with-color.sg-with-color--light{color:var(--typography-light)}.sg-with-color.sg-with-color--dark{color:var(--typography-dark)}