@import url(../var.less);
@import url(./popper.less);

@popover-prefix: ~"@{prefix}popover";

.@{popover-prefix}{
  position: absolute;
  background: @popover-background-color;
  min-width: 150px;
  border-radius: @border-radius-base;
  border: 1px solid @popover-border-color;
  z-index: @z-index-popper;
  color: @regular-text-color;
  line-height: 1.4;
  text-align: justify;
  font-size: @popover-font-size;
  box-shadow: @popover-box-shadow;
  word-break: break-all;

  &__title {
    height: 32px;
    line-height: 32px;
    color: @popover-title-font-color;
    font-size: @popover-title-font-size;
    border-bottom: @border-base;
    padding: @popover-title-padding;
  }

  &__content {
    padding: @popover-content-padding;
    color: @popover-content-font-color;
  }

  &__reference {
    &:focus:not(.focusing), &:focus:hover {
      outline-width: 0;
    }
  }

  &:focus:active, &:focus {
    outline-width: 0;
  }
}