<commit_before>@import 'app-theme/_variables.scss';

.kAddNewPlaylist {
  .kHeader {
    height: 78px;
    width: 100%;
    text-align: center;
    padding-top: 24px;
    box-sizing: border-box;
    border-bottom: 1px solid $kGrayscale4;

    .kTitle {
      color: #333333;
      font-size: 24px;
      font-weight: bold;
    }
  }

  .kContainer {
    padding-bottom: 5px;

    .selectPlaylistTypeCaption,
    .selectPlaylistType {
      font-size: 15px;
      text-align: center;
    }

    .selectPlaylistTypeCaption {
      padding: 31px 0 26px;
    }

    .selectPlaylistType {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 22px;
    }

    .kRadioLeft,
    .kRadioRight {
      display: flex;
    }

    .kRadioLeft {
      margin-right: 40px;
    }

    .kTextArea {
      background: $kGrayscale6;
      border-radius: 3px;
      border: 1px solid white;
      resize: none;
      box-sizing: border-box;

      &:hover {
        border-color: #d9d9d9;
      }

      &:focus {
        border-color: #d9d9d9;
        background: white;
      }
    }

    .kControl {
      padding: 0 60px;
      margin-bottom: 19px;

      input,
      textarea {
        width: 100%;
        padding: 11px 15px;
      }

      textarea {
        min-height: 74px;
      }
    }

  }

  .kFooter{
    padding: 15px 0;
    border-top: 1px solid $kGrayscale4;
    display: flex;
    align-items: center;
    justify-content: center;

    .kNextBtn {
      min-width: 100px;
      height: 34px;
      border-width: 0;
      font-size: 14px;

      &:disabled {
        border-width: 1px;
      }
    }
  }
}

:host /deep/ .ui-radiobutton,
:host /deep/.ui-chkbox {
  margin-right: 14px;
}

:host /deep/ .ui-radiobutton-label,
:host /deep/ .ui-chkbox-label {
  font-size: 15px;
  font-weight: normal;
}
<commit_msg>fix(content/playlists): placeholder layout fix in new playlist view > name field.<commit_after>@import 'app-theme/_variables.scss';

.kAddNewPlaylist {
  .kHeader {
    height: 78px;
    width: 100%;
    text-align: center;
    padding-top: 24px;
    box-sizing: border-box;
    border-bottom: 1px solid $kGrayscale4;

    .kTitle {
      color: #333333;
      font-size: 24px;
      font-weight: bold;
    }
  }

  .kContainer {
    padding-bottom: 5px;

    .selectPlaylistTypeCaption,
    .selectPlaylistType {
      font-size: 15px;
      text-align: center;
    }

    .selectPlaylistTypeCaption {
      padding: 31px 0 26px;
    }

    .selectPlaylistType {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 22px;
    }

    .kRadioLeft,
    .kRadioRight {
      display: flex;
    }

    .kRadioLeft {
      margin-right: 40px;
    }

    .kTextArea {
      background: $kGrayscale6;
      border-radius: 3px;
      border: 1px solid white;
      resize: none;
      box-sizing: border-box;

      &:hover {
        border-color: #d9d9d9;
      }

      &:focus {
        border-color: #d9d9d9;
        background: white;
      }
    }

    .kControl {
      padding: 0 60px;
      margin-bottom: 19px;

      input,
      textarea {
        width: 100%;
        padding: .5em 15px;
      }

      textarea {
        min-height: 74px;
        padding: 11px 15px;
      }
    }

  }

  .kFooter{
    padding: 15px 0;
    border-top: 1px solid $kGrayscale4;
    display: flex;
    align-items: center;
    justify-content: center;

    .kNextBtn {
      min-width: 100px;
      height: 34px;
      border-width: 0;
      font-size: 14px;

      &:disabled {
        border-width: 1px;
      }
    }
  }
}

:host /deep/ .ui-radiobutton,
:host /deep/.ui-chkbox {
  margin-right: 14px;
}

:host /deep/ .ui-radiobutton-label,
:host /deep/ .ui-chkbox-label {
  font-size: 15px;
  font-weight: normal;
}

{'fraction_non_alphanumeric': 0.1215223097112861, 'fraction_numerical': 0.03753280839895013, 'mean_word_length': 1.8042678440029434, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 4, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1700123', 'n_tokens_mistral': 1542, 'n_tokens_neox': 1385, 'n_words': 282}