#wrapper {
  color: var(--color-dark-grey) !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 12px;
}

i {
  -webkit-mask-image: url(../../css/img/icons/bookmark.svg);
  mask-image: url(../../css/img/icons/bookmark.svg);
  margin-right: 5px;
}

#wrapper.rm i {
  -webkit-mask-image: url(../../css/img/icons/error.svg);
  mask-image: url(../../css/img/icons/error.svg);
}

#popover {
  display: none;
}

i {
  background: var(--color-grey);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

:host-context(.data-loading) #wrapper {
  display: none;
}