.recordCore {
  display: flex !important;
  justify-content: space-between !important;
  box-sizing: border-box;
  //background: transparent !important;
  position: fixed;
  padding: 0 5px !important;

  :global {
    .recordCore-left {
      display: flex;
      align-items: center;
      &-date {
        font-weight: 600;
      }
      img {
        height: 100%;
        margin-right: 6px;
      }
    }
    .recordCore-right {
      display: flex;
      align-items: center;
      img {
        width: 24px;
        height: 24px;
        border-radius: 4px;
        object-fit: cover;
      }
    }
  }

  &:hover {
    :global {
      background: #fff !important;
    }
  }
}

.recordDetails {
  width: 450px;
  box-sizing: border-box;
  :global {
    .recordDetails-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid var(--grayColor2);
      padding: 12px;
      &-left {
        font-weight: 600;
        .anticon {
          margin-left: 8px;
        }
      }
    }

    .recordDetails-center {
      padding: 12px;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid var(--grayColor2);
      &-left {
        &-status {
          margin-top: 15px;
        }
      }
      &-right {
        img {
          width: 145px;
          height: 145px;
          object-fit: contain;
        }
      }
      &-title {
        margin-left: 10px;
        display: inline-block;
        font-weight: 700;
      }
    }

    .recordDetails-bottom {
      padding: 12px;
      display: flex;
      justify-content: right;
      :global {
        button {
          margin-left: 10px;
        }
        .anticon {
          font-size: 18px !important;
          font-weight: 900 !important;
        }
      }
    }
  }
}

.recordPopover {
  :global {
    .ant-popover-inner {
      padding: 0 !important;
    }
  }
}

.pubStatus {
  :global {
    .anticon {
      margin-left: 5px;
    }
  }
}