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

.music-item {
  padding: 20px;
  border: 1px solid $grey2;
  border-radius: 8px;
  background: $white;
  input {
    height: 48px;
    font-weight: $semi-bold;
    font-size: $medium1;
    &::placeholder {
      font-weight: $regular;
    }
  }
  &--left {
    flex: 1 1 auto;
    max-width: calc(100% - 54px);
  }
}

.module-list__item--dragging {
  .music-item {
    box-shadow: $boxShadow2 !important;
  }
}