[class*="zr"]
    .bp3-tag
        &.bp3-minimal:not([class*="bp3-intent-"])
            background: var(--zr-minimal-bg)
            color: var(--zr-auxiliary)

        &[class*="bp3-intent-"]
            color: hsla(var(--zr-base-tone), 100%)

        &.bp3-intent-danger
            &.bp3-minimal, &:not(.bp3-minimal)
                background-color: var(--zr-negative-bg)

        &.bp3-intent-primary
            &.bp3-minimal, &:not(.bp3-minimal)
                background: hsla(var(--zr-base-tone), 10%)

        &.bp3-intent-success
            &.bp3-minimal, &:not(.bp3-minimal)
                background-color: var(--zr-positive-bg)

        &.bp3-intent-warning
            &.bp3-minimal, &:not(.bp3-minimal)
                background: hsla(var(--zr-base-tone), 15%)

    .bp3-disabled .bp3-tag
        &[class*="bp3-intent-"]
            &:not(.bp3-minimal)
                background: var(--zr-minimal-bg)
                color: var(--zr-auxiliary)

    .bp3-active:not(.bp3-minimal) .bp3-tag
        &[class*="bp3-intent-"]
            color: white