.#{$prefix}-import-form {
  .postbox {
    margin-top: 1.25rem;
  }
  .#{$prefix}-msg {
    padding: 0.625rem;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0.625rem;
    i {
      font-size: 20px;
    }
    h2 {
      font-size: 1rem;
      padding: 0;
    }
    &.#{$prefix}-success {
      border-color: #4f8a10;
      color: #4f8a10;
      background-color: rgba(#dff2bf, 7%);
      i {
        &::before {
          color: #4f8a10;
        }
      }
    }
    &.#{$prefix}-fail {
      border-color: #d8000c;
      color: #d8000c;
      background-color: rgba(#ffbaba, 7%);
      i {
        &::before {
          color: #d8000c;
        }
      }
    }
  }
}
.#{$prefix}-recent-import-form {
  #browse-imported-files {
    h2 {
      margin-bottom: 1.25rem;
    }
  }
}

#import-uploader {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  #import-uploader-select {
    padding: 0.938rem 0.625rem;
    border: 1px dashed rgb(var(--wpt-lms-primary-800));
    border-radius: 0.188rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
  }
  .button {
    i {
      color: rgb(var(--wpt-lms-white));
    }
  }
}