.#{$popover-prefix-cls} {
  position: absolute;
  z-index: $zindex-popover;
  display: block;
  min-width: $popover-min-width;
  font-size: $font-size-sm;
  // Allow breaking very long words so they don't overflow the popover's bounds
  word-wrap: break-word;
  visibility: visible;
  @include popover-direction($popover-arrow-width,$popover-arrow-outer-width,$popover-arrow-outer-color);

  &-content {
    padding: $popover-content-padding-y $popover-content-padding-x;
    color: $popover-color;
    background-color: $popover-bg;
    background-clip: padding-box;
    @include border-radius($border-radius);
    @include box-shadow($popover-box-shadow);
    border: 1px solid $popover-border-color;

    p {
      margin-bottom: 0;
    }

    .#{$popover-prefix-cls}-title {
      position: relative;
      padding: 0 $popover-title-padding-x;
      margin: 0;
      font-size: $popover-title-font-size;
      color: $gray-dark;
      @include border-top-radius($border-radius);

      &.#{$popover-prefix-cls}-has-icon::before {
        content: "\F4E8";
        display: inline-block;
        font-family: AI Design Icons;
        font-size: 14px;
        color: #faad14;
        position: relative;
        top: 2px;
        line-height: 14px;
        margin-right: 8px;
      }

      &:empty {
        display: none;
      }

      &-inner{
        font-size: inherit;
        color: inherit;
      }
    }

    .#{$popover-prefix-cls}-inner{
      width: 100%;
      word-wrap: break-word;
      background-color: $white;
      background-clip: padding-box;

      .#{$popover-prefix-cls}-body{
        font-size: $popover-body-font-size;

        &-content{

          &-inner{
            font-size: inherit;
            color: inherit;
          }
        }
      }

      .#{$popover-prefix-cls}-footer {
        margin-top: 12px;
      }
    }
  }

  // popover-arrow
  &-arrow{
    border-width: $popover-arrow-outer-width;

    &,
    &::after{
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
    }

    &::after{
      content: "";
      border-width: $popover-arrow-width;
    }
  }

  &--confirm {
    max-width: $popover-max-width;

    .#{$popover-prefix-cls}-footer {
      display: flex;

      button {
        flex: 1 1 100%;

        &:not(:last-child) {
          margin-right: 10px;
        }
      }
    }
  }
}

// 触发器外框
.popover-wrap {
  display: inline-block;
}