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

.module-list {
  &__wrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    user-select: none;
  }
  &__item {
    flex: 1;
    user-select: none;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: border-box 0.1s ease;
    &--dragging {
      background: $white;
      border-radius: 16px;
      .ant-collapse {
        box-shadow: $boxShadow2;
      }
    }
    .ant-collapse-item {
      border: 1px solid $grey2;
      border-radius: 1rem !important;
    }

    .module-item-wrapper {
      &.active {
        .ant-collapse-item {
          background:
            linear-gradient(#ffffff, #ffffff) padding-box,
            linear-gradient(to left, #17e391, #58e5df, #60e5e8) border-box;
          border: 2px solid transparent;
        }
      }
    }
    .module-group-item-wrapper {
      .ant-collapse-item {
        border: 1px solid $grey2 !important;
        border-radius: 1rem !important;
      }
      &.active {
        .ant-collapse-item {
          background:
            linear-gradient(#ffffff, #ffffff) padding-box,
            linear-gradient(to left, #17e391, #58e5df, #60e5e8) border-box;
          border: 2px solid transparent !important;
        }
      }
    }

    &:first-child {
      padding-top: 0;
    }

    &:last-child {
      padding-bottom: 0;
    }
  }
}
.module-group-list {
  &__wrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    user-select: none;
  }
  &__item {
    flex: 1;
    user-select: none;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: border-box 0.1s ease;
    &--dragging {
      .ant-collapse {
        box-shadow: $boxShadow2;
      }
    }
    &:not(.module-group-list__item--dragging) {
      .ant-collapse {
        box-shadow: unset !important;
      }
    }
    .ant-collapse-item {
      border: 1px solid $grey2;
      border-radius: 1rem !important;
    }

    .module-item-wrapper {
      &.active {
        .ant-collapse-item {
          background:
            linear-gradient(#ffffff, #ffffff) padding-box,
            linear-gradient(to left, #17e391, #58e5df, #60e5e8) border-box;
          border: 2px solid transparent;
        }
      }
    }
    .module-group-item-wrapper {
      .ant-collapse-item {
        border: 1px solid $grey2 !important;
        border-radius: 1rem !important;
      }
    }

    &:first-child {
      padding-top: 0;
    }

    &:last-child {
      padding-bottom: 0;
    }
  }
}
.module-music,
.module-profile-social {
  .module-list__item {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.capture-field-list {
  .module-list__item {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
