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

.youtube-modal {
  top: 15px !important;
  .selected {
    border-color: $primary;
  }
  .product-type-card {
    height: 100%;
  }
  .ant-modal-content {
    .ant-modal-close {
      top: 18px;
      right: 20px;
    }
  }
  .ant-modal-header {
    padding: 16px 24px;
    .ant-modal-title {
      font-size: $normal;
    }
  }
  .ant-modal-body {
    padding: 0;
    max-height: calc(100vh - 230px);
    overflow-y: auto;
  }
  .ant-modal-footer {
    padding: 24px;
    border-top: none;
    .ant-btn {
      transition: none;
    }
  }
  &::-webkit-scrollbar-track {
    background: $white !important;
  }
  &::-webkit-scrollbar-thumb {
    background: $grey4 !important;
  }
  .wrapper-loading {
    height: 350px;
  }
  .select-youtube-type {
    .ant-card {
      border: 2px solid $border2;
      &.selected {
        background:
          linear-gradient(#ffffff, #ffffff) padding-box,
          linear-gradient(to left, #17e391, #58e5df, #60e5e8) border-box;
        border: 2px solid transparent;
      }

      border-radius: 16px;
      .ant-card-body {
        padding: 24px;
      }
    }
  }
  .ant-alert-content {
    .ant-alert-description {
      opacity: 0.8;
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
    }
  }
  .ant-form-item-control-input input,
  .ant-form-item-control-input textarea {
    height: 48px;
  }
  .ant-input-number-wrapper {
    .ant-input-number {
      border-right: none;
      border-left: none;
      &:hover,
      &.ant-input-number-focused {
        border-color: $grey3;
        box-shadow: none;
      }
      input {
        width: 48px;
        height: 46px;
        padding: 0 8px;
        text-align: center;
        font-size: $medium1;
        font-weight: $semi-bold;
        line-height: 24px;
      }
    }
    .ant-input-number-group-addon {
      background: $white;
      line-height: normal;
      &:first-child {
        padding-left: 12px;
        padding-right: 0;
      }
      &:last-child {
        padding-left: 0;
        padding-right: 12px;
      }
    }
  }
  .number-of-video {
    .ant-form-item {
      margin-bottom: 0;
    }
  }
  .ant-radio-wrapper {
    margin-right: 40px;
  }
}
