.Transcendence.Popover {
  align-items: center;
  background: var(--dialog-bg);
  border-radius: $card-corner;
  border: 0.5px solid rgba(0, 0, 0, 0.18);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
  display: flex;
  flex-direction: column;
  gap: $unit-half;
  width: 80px;
  height: 80px;
  padding: $unit;
  justify-content: center;
  position: absolute;
  opacity: 0;
  z-index: 31;
  top: -32px;
  right: -40px;

  &.open {
    opacity: 1;
  }

  h4 {
    font-size: $font-small;
    font-weight: $medium;
  }

  .Pending {
    color: $yellow;
  }
}