<commit_before>$blue: #4A90E2;
$red: #D0021B;
$grey: #DCE0E0;
$dark-grey: #565A5C;
$white: #FFF;
$yellow: #FFFCE9;
$green: #59A644;

.DayPicker {
  font-family: 'Helvetica Neue', Arial, Verdana, 'PingFang TC', 'PingFang SC', 'Lantinghei TC', 'Lantinghei SC', 'Heiti TC', 'Heiti SC', 'Noto Sans CJK TC', 'Noto Sans CJK SC', 'Hiragino Kaku Gothic ProN', 'PMingLiU-ExtB', 'PMingLiU', sans-serif !important;
  font-size: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  max-width: 500px;
  border-radius: 1rem 1rem 0 0;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 auto;

  &:focus {
    outline-width: 0;
  }
}

.DayPicker-Month {
  display: table;
  width: 100%;
  margin: 0 auto;
  border: none;
  user-select: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Caption {
  display: table-caption;
  text-align: center;
  font-size: 160%;
  line-height: 4rem;
  width: 100%;
  height: 4rem;
  color: white;
  border-radius: 0.8rem 0.8rem 0 0;
  background: rgba(245, 115, 47, 0.9);
}

.DayPicker-NavButton {
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  background-color: rgba(255, 255, 255, 0.86);
  border: 0.5rem solid transparent;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  margin: 1rem 0.6rem;
}

.DayPicker-NavButton--prev {<commit_msg>fix css bug<commit_after>$blue: #4A90E2;
$red: #D0021B;
$grey: #DCE0E0;
$dark-grey: #565A5C;
$white: #FFF;
$yellow: #FFFCE9;
$green: #59A644;

.DayPicker {
  font-family: 'Helvetica Neue', Arial, Verdana, 'PingFang TC', 'PingFang SC', 'Lantinghei TC', 'Lantinghei SC', 'Heiti TC', 'Heiti SC', 'Noto Sans CJK TC', 'Noto Sans CJK SC', 'Hiragino Kaku Gothic ProN', 'PMingLiU-ExtB', 'PMingLiU', sans-serif !important;
  font-size: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  max-width: 500px;
  border-radius: 1rem 1rem 0 0;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 auto;

  &:focus {
    outline-width: 0;
  }
}

.DayPicker-Month {
  display: table;
  width: 100.2%;  /* bug */
  margin: 0 auto;
  border: none;
  user-select: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Caption {
  display: table-caption;
  text-align: center;
  font-size: 160%;
  line-height: 4rem;
  width: 100%;
  height: 4rem;
  color: white;
  border-radius: 1rem 1rem 0 0;
  background: rgba(245, 115, 47, 0.9);
}

.DayPicker-NavButton {
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  background-color: rgba(255, 255, 255, 0.86);
  border: 0.5rem solid transparent;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  margin: 1rem 0.6rem;
}

.DayPicker-NavButton--prev {
{'fraction_non_alphanumeric': 0.1598433606265575, 'fraction_numerical': 0.06657173371306514, 'mean_word_length': 3.8281786941580758, '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': '3804165', 'n_tokens_mistral': 1329, 'n_tokens_neox': 1134, 'n_words': 291}