@import '../../../styles/abstracts/variables';

.experience-list {
  display: flex;
  flex-direction: column;
  user-select: none;
  overflow: auto;
  padding-bottom: 16px;

  &::-webkit-scrollbar:horizontal {
    width: 5px !important;
    height: 5px !important;
  }

  &::-webkit-scrollbar-thumb {
    background: $gray2;
    border-radius: 16px;
  }

  &::-webkit-scrollbar-track {
    background: $white;
  }

  &__container {
    flex-grow: 1;
    display: inline-flex;
  }

  &__dropzone {
    width: 100%;
    min-height: 60px;
  }

  &__item {
    width: 100%;
    transition: border-box 0.1s ease;
    margin-bottom: 20px;

    &:last-child {
      margin-bottom: 0;
    }

    &--dragging {
      .border-box {
        box-shadow: $boxShadow2;
      }
    }
  }

  .experience-content-card__has-error {
    border: solid 1px $red;
  }
}