@import '@/styles/common.less';
@import '@/styles/variables.less';

.page-job-select-my-publish {
  width: 100%;

  &__card {
    width: 100%;
    height: 144px;
    .flex-row();
    padding: 24px;
    background: #FFF;
    box-sizing: border-box;

    &.selected {
      background: #6D3DF514;
    }
  }

  &__info {
    flex: 1;
    height: 100%;

    &__title {
      max-width: 75vw;
      font-size: 32px;
      line-height: 48px;
      font-weight: 400;
      color: @blColor;
      .noWrap();
    }

    &__location {
      max-width: 75vw;
      font-size: 24px;
      line-height: 40px;
      font-weight: 400;
      color: @blColorG2;
      margin-top: 8px;
      .noWrap();
    }
  }

  &__right {
    height: 100%;
    .flex-column();
    align-items: flex-end;

    &__time {
      font-size: 24px;
      line-height: 36px;
      font-weight: 400;
      color: @blColorG1;
    }

    &__icon {
      width: 48px;
      height: 48px;
    }

    &__block {
      margin-top: 24px;
      .flex-row();
      gap: 16px;
    }

    &__status {
      font-size: 28px;
      line-height: 32px;
      font-weight: 400;
      color: @blColorG1;

      &.open {
        color: @blHighlightColor;
      }

      &.error {
        color: #FF5051;
      }
    }
  }
}