<commit_before>@import 'open-color/open-color.css';
@import "../../../shared/styles/base.css";

.switcher-container {
  width: 52px;
  height: 32px;
  display: inline-block;
  border-radius: 32px;
  position: relative;
  cursor: pointer;
  border: 1px solid var(--oc-gray-5);
  transition: background-color 0.2s;
  background-color: var(--oc-white);
  margin: 15px 5px;

  &:first-child {
    margin-left: 0;
  }

  &:last-child {
    margin-right: 0;
  }
}

.container-checked {
  border: 1px solid transparent;

  &.green {
    background-color: var(--oc-green-7);
  }

  &.blue {
    background-color: var(--oc-blue-7);
  }

  &.gray {
    background-color: var(--oc-gray-7);
  }

  & .switcher-item {
    right: 0 !important;
  }
}

.container-disabled {
  cursor: not-allowed !important;

  &::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    z-index: var(--zIndex1);
    background-color: rgba(255, 255, 255, 0.4);
  }
}

.container-small {
  width: 42px;
  height: 26px;
  border-radius: 26px;

  & .switcher-item {
    width: 26px;
    height: 26px;
    right: calc(100% - 26px);
  }
}

.container-mini {
  width: 35px;
  height: 22px;
  border-radius: 22px;

  & .switcher-item {
    width: 22px;
    height: 22px;
    right: calc(100% - 22px);
  }
}

.switcher-item {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--oc-white);
  box-shadow: var(--shadow2);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
  position: absolute;
  top: 0;
  right: calc(100% - 32px);
  transition: right 0.2s;
}

@media (max-width: 800px) {
  .switcher-container {
    width: 35px;
    height: 22px;
    border-radius: 22px;

    & .switcher-item {
      width: 22px;
      height: 22px;
      right: calc(100% - 22px);
    }
  }
}<commit_msg>size bugfixed<commit_after>@import 'open-color/open-color.css';
@import "../../../shared/styles/base.css";

.switcher-container {
  width: 52px;
  height: 32px;
  display: inline-block;
  border-radius: 32px;
  position: relative;
  cursor: pointer;
  border: 1px solid var(--oc-gray-5);
  transition: background-color 0.2s;
  background-color: var(--oc-white);
  margin: 15px 5px;

  &:first-child {
    margin-left: 0;
  }

  &:last-child {
    margin-right: 0;
  }
}

.container-checked {
  border: 1px solid transparent;

  &.green {
    background-color: var(--oc-green-7);
  }

  &.blue {
    background-color: var(--oc-blue-7);
  }

  &.gray {
    background-color: var(--oc-gray-7);
  }

  & .switcher-item {
    right: 0 !important;
  }
}

.container-disabled {
  cursor: not-allowed !important;

  &::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    z-index: var(--zIndex1);
    background-color: rgba(255, 255, 255, 0.4);
  }
}

.container-small {
  width: 42px;
  height: 26px;
  border-radius: 26px;

  & .switcher-item {
    width: 26px;
    height: 26px;
    right: calc(100% - 26px);
  }
}

.container-mini {
  width: 35px;
  height: 22px;
  border-radius: 22px;

  & .switcher-item {
    width: 22px;
    height: 22px;
    right: calc(100% - 22px);
  }
}

.switcher-item {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--oc-white);
  box-shadow: var(--shadow2);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
  position: absolute;
  top: 0;
  right: calc(100% - 32px);
  transition: right 0.2s;
}
{'fraction_non_alphanumeric': 0.1722857142857143, 'fraction_numerical': 0.056, 'mean_word_length': 2.5185929648241205, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '1075550', 'n_tokens_mistral': 1570, 'n_tokens_neox': 1394, 'n_words': 291}