@import '../index.less';
@ant-prefix-popover: ~'@{ant-prefix}-popover';
@btri-popover: ~'@{ant-prefix}-btri-popover';
.@{ant-prefix-popover}-content {
  min-width: 180px;
  max-width: 360px;
  font-size: var(font-size-base);
  .@{ant-prefix}-btri-icon-box {
    font-size: 20px;
    svg {
      width: 20px;
      height: 20px;
    }
  }
  .@{ant-prefix-popover}-inner-content {
    padding: var(--padding-sm) var(--padding-base) var(--padding-base);
    .@{btri-popover}-content {
      text-align: start;
      color: var(--caption-font);
    }
    .@{ant-prefix-popover}-message {
      padding: var(--padding-xxxs) 0 var(--padding-base);
      .@{ant-prefix-popover}-message-title {
        padding: 0;
        .@{btri-popover}-PopconfirmTitle {
          position: relative;
          color: var(--gray-13);
          .@{btri-popover}-typeIcon {
            position: absolute;
            left: -28px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            align-items: center;
          }
        }
        .@{btri-popover}-PopconfirmContent {
          margin-top: 8px;
        }
      }
    }
    .@{ant-prefix-popover}-buttons {
      font-size: var(font-size-sm);
      margin-bottom: 0;
      .@{ant-prefix}-btn-default {
        border: none;
        background: var(--primary-1);
        color: var(--primary-6);
      }
    }
  }
}

.@{btri-popover}-iconBox {
  .@{ant-prefix-popover}-message {
    .@{ant-prefix-popover}-message-title {
      padding-left: 28px !important;
    }
  }
}

.@{btri-popover}-cusIcon {
  font-size: var(--h1-font-size);

  .@{ant-prefix}-btri-icon-box {
    position: absolute;
    // padding-top: var(--padding-xxxs);
  }
}
.@{btri-popover} {
  &-primary {
    color: var(--primary-color);
  }
  &-warning {
    color: var(--orange-6);
  }
  &-error {
    color: var(--red-6);
  }
}