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

.profile-social-link-item {
  padding: 16px;
  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);
  }
  &__title {
    max-width: 85%;
  }
}

.module-list__item--dragging {
  .profile-social-link-item {
    box-shadow: $boxShadow2 !important;
  }
}
.profile-social-link-item__dropdown {
  .ant-dropdown-menu {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.18);
    border-radius: 16px;
    width: 186px;
    padding: 0;
    .ant-dropdown-menu-item {
      padding: 16px 20px;
      border-bottom: 1px solid $grey;
      &:hover {
        background: rgba(37, 127, 252, 0.05);
      }
      &:first-child {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
      }
      &:last-child {
        border-bottom: none;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
      }
    }
  }
}
