.sw-knowledge-graph-panel {
  background: var(--color-light-stronger);
  height: calc(100% - var(--header-height) + var(--rhythm-0_5));
  opacity: 0;
  overflow: auto;
  transition: opacity var(--transition-superfast);

  &.visible {
    opacity: 1;
  }

  section {
    padding: var(--rhythm-2);

    &:not(:last-of-type) {
      border-bottom: 1px solid var(--color-neutral-light);
    }

    > * {
      margin-top: 0;
    }

    ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .family-dot {
      display: inline-block;
      border-radius: 50%;
      height: var(--rhythm-1);
      margin-bottom: 1px;
      margin-right: var(--rhythm-0_25);
      width: var(--rhythm-1);
    }

    .show-more-container {
      margin: var(--rhythm-1) 0 calc(var(--rhythm-1_5) * -1);
      text-align: center;
    }

    &.results-section {
      padding: var(--rhythm-2) 0;

      p {
        padding: 0 var(--rhythm-2);
      }
    }
  }
}
