.np-popover-v2-container {
  z-index: 1060;
  display: flex;
  max-height: var(--max-height);
  width: var(--width);
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--radius-small);
  background-color: var(--color-background-elevated);
  box-shadow: 0 0 40px rgb(69 71 69 / 0.2);

  &--size-md {
    min-width: 20rem;
  }

  &--size-lg {
    min-width: 24rem;
  }

  &:focus {
    outline: none;
  }
}

.np-popover-v2 {
  display: grid;
  row-gap: var(--size-8);
  overflow-y: auto;
  grid-template-rows: minmax(0, 1fr);

  &--has-title {
    grid-template-rows: auto minmax(0, 1fr);
  }

  &--padding-md {
    padding: var(--size-16);
  }
}

.np-popover-v2-title {
  color: var(--color-content-primary);
}

.np-popover-v2-content {
  color: var(--color-content-secondary);
}
