.chip,
.public-ui .chip {
  &.chip-accent {
    border-color: var(--is-accent);
    background-color: transparent;
    color: var(--is-accent);
    .icon {
      fill: var(--is-accent);
    }

    & > .chip-label {
      color: var(--is-accent);
    }

    &:hover {
      border-color: var(--is-accent);
      background-color: var(--is-accent);

      & > .chip-label {
        color: var(--is-accent-contrast-text);
      }

      .icon {
        fill: var(--is-accent-contrast-text) !important;
      }
    }
  }
}