.consul-instance-checks { & { @extend %horizontal-kv-list; } dt::before { @extend %as-pseudo; } &.passing dt::before { @extend %with-check-circle-fill-mask; color: var(--token-color-foreground-success); } &.warning dt::before { @extend %with-alert-triangle-mask; color: var(--token-color-foreground-warning); } &.critical dt::before { @extend %with-cancel-square-fill-mask; color: var(--token-color-foreground-critical); } &.empty dt::before { @extend %with-minus-square-fill-mask; color: var(--token-color-foreground-faint); } }