.Root {
  background: transparent;
  border: none;
  height: 100%;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: default;

  &.actionable {
    color: var(--theme-color-fg-default) !important;
    cursor: pointer;

    &:hover {
      background-color: rgba(0, 0, 0, 0.2);
    }
  }
}

.Text {
  /* Color is slightly different in the popout */
  color: var(--theme-color-fg-muted);

  /* TODO: Bug there Text doesnt have a font family */
  font-family: 'OpenSans';

  &.actionable {
    color: var(--theme-color-fg-default) !important;
  }
}
