<commit_before>// $icon-check: url('data:image/svg+xml;base64, PHN2ZyBpZD0iY2hlY2siIGNsYXNzPSJtYXJrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIH<KEY>9Ii0yNSAtMjUgNTAgNTAiIHdpZHRoPSI1MCI+CiAgPHBhdGggY2xhc3M9ImNoZWNrbWFya19fY2hlY2siIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNnB4IiBkPSJNLTE1IDAgLTQgMTAgMTIgLTkiLz4KPC9zdmc+');

// $icon-dash: url('data:image/svg+xml;base64, PHN2ZyBpZD0iaHlwaGVuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yNSAtMjUgNTAgNTAiIHdpZHRoPSI1MCI+CiAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI2cHgiIGQ9Ik0gLTE1IDAgMTUgMCIvPgo8L3N2Zz4=');

// these are mixins because placeholders can't be used in keyframes
// @mixin empty() {
//   width: 1rem;
//   height: 1rem;
//   opacity: 0;
//   background-image: none;
// }
//
// @mixin fill($icon: $icon-check) {
//   opacity: 1;
//   border: none;
//   background-image: $icon;
//   background-size: 100%;
//   background-repeat: no-repeat;
//   background-position: center center;
//   transform: scale(1);
// }
//
// @mixin animate-fill($icon) {
//
//   $toggle-animation: unique-id();
//   animation: $toggle-animation 300ms forwards ease-out;
//
//   @keyframes #{$toggle-animation} {
//     0% { @include empty(); }
//     60% {
//       opacity: 0.3;
//       transform: scale(2.0);
//     }
//     100% { @include fill($icon); }
//   }
//
// }

%nio-toggle {
  display: block;
}

%nio-toggle__input {
  display: block;
}

%nio-toggle__label {
  display: block;
  // position: relative;
  // margin-left: 1.5rem;
  // padding-left: 0.4rem;
  // font-size: $font-size-small;
  //
  // &::before {
  //   content: '';
  //   display: block;
  //   position: absolute;
  //   top: -1px;
  //   left: -15px;
  //   width: 1rem;
  //   height: 1rem;
  //   margin: 0 0.5em 0 0;
  //   border-radius: 50%;
  //   box-shadow: 0 0 0 1px $palette-dark;
  //   cursor: pointer;
  // }
  //
  // &:hover {
  //   &::before {
  //     box-shadow: 0 0 0 1px $palette-primary;
  //   }
  // }
  //
  // &::after {
  //   content: '';
  //   display: block;
  //   position: absolute;
  //   top: -1px;
  //   left: -15px;
  //   width: 1rem;
  //   height: 1rem;
  //   opacity: 0;
  //   border-radius: 100%;
  //   transform: scale(0);
  // }

}

%nio-toggle__label--checked {
  display: block;
  // @extend %nio-toggle__label;

  // &:hover {
  //   &::before {
  //     box-shadow: 0 0 0 2px $palette-primary;
  //   }
  // }
  //
  // &::before {
  //   box-shadow: 0 0 0 2px $palette-primary;
  // }
  //
  // &::after {
  //   @include animate-fill($icon-check);
  //   background-color: $palette-primary;
  //   cursor: pointer;
  // }

}

%nio-toggle__label--disabled {
  display: block;

  // @extend %nio-toggle__label;
  // color: $palette-light;
  //
  // &:hover {
  //   &::before {<commit_msg>PROD-208 add basic toggle styles<commit_after>%nio-toggle {
  display: block;
  text-align: center;
  width: 5rem;
  height: 5rem;
}

%nio-toggle__input {
  display: none;
}

%nio-toggle__label {
  display: block;
  position: relative;
  font-size: $font-size-medium;

  &::before {
    content: '';
    display: block;
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3.3rem;
    height: 1.5rem;
    background-color: $palette-light;
    border-radius: 20px;
  }

  &::after {
    content: '';
    display: block;
    position: absolute;
    background-color: $palette-white;
    box-shadow: 0 0 10px 1px $palette-light;
    top: 2rem;
    left: 51%;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    cursor: pointer;
    transition: translate 300ms;
  }
}

%nio-toggle__label--checked {
  @extend %nio-toggle__label;
  &::after {
    cursor: pointer;
    left: 49%;
    transform: translateX(-100%);
  }
}

%nio-toggle__label--disabled {
  display: block;

  // @extend %nio-toggle__label;
  // color: $palette-light;
  //
  // &:hover {
  //   &::before {
{'fraction_non_alphanumeric': 0.17498100785008863, 'fraction_numerical': 0.04431501645986326, 'mean_word_length': 2.51423487544484, 'pattern_counts': {'":': 0, '<': 4, '<?xml version=': 0, '>': 4, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 2}, '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': '4308162', 'n_tokens_mistral': 1793, 'n_tokens_neox': 1679, 'n_words': 268}