@import './variable.scss';

.x-person-tag {
  display: inline-flex;
  height: 24px;
  padding-right: 12px;
  line-height: 24px;
  vertical-align: bottom;
  background-color: $--app-info-color;
  border-radius: 12px;
  .person-name {
    padding-left: 8px;
    font-size: $--app-base-font-size;
  }
  .person-tag-close {
    display: flex;
    width: 20px;
    height: 24px;
    line-height: 24px;
    color: $--app-notice-color;
    align-items: center;
    justify-content: center;
    .pointer {
      width: 16px;
      height: 16px;
      .svg-close-icon {
        width: 100%;
        height: 100%;
      }
    }
  }
}