.addOtherSource {
  padding: 42px 50px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px 30px;

  .sourceItem {
    cursor: pointer;


    .coverImg {
      width: 127px;
      height: 127px;
      transition: all .2s ease;
      border: 2px solid transparent;
      border-radius: 17px;
      box-sizing: content-box;

      &:hover {
        border: 2px solid #198CFE;
        transform: scale(1.02);
        transition: all .2s ease;
      }
    }

    .name {
      padding-top: 4px;
      text-align: center;
      font-size: max(15px, 12Px);
      color: #131415;
      line-height: 21px;
    }
  }
}


.addOtherSourceModal {
  width: 1158px;
}

.instrumentModal,
.musicModal {
  width: 1200px;
  position: relative;
  // width: 1352px;

  :global {
    .n-card-header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;

      .n-card-header__main {
        color: #fff;
      }
    }
  }
}

.musicModal {
  width: 1360px;
}

.theoryModal {
  width: 1360px;
  position: relative;
}

.subjectSyncModal {
  width: 1070px;
}

.attendClassModal {
  width: 1100px;

  :global {
    .n-select-menu {
      --n-height: calc(var(--n-option-height) * 5.6) !important;
    }
  }
}

.attendClassSaveModal {
  width: 600px;

  :global {
    .n-select-menu {
      --n-height: calc(var(--n-option-height) * 5.6) !important;
    }
  }
}