.center-flex[data-v-4fea04ae] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.letter-sort-wrapper .header .item[data-v-4fea04ae] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  font-size: 30px;
  font-weight: 600;
}
.letter-sort-wrapper .header .item .item-canCheck[data-v-4fea04ae] {
  box-sizing: border-box;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 2px solid #CFD2D5;
  margin-left: 2px;
  margin-right: 2px;
  background-color: transparent;
  margin-bottom: 10px;
}
.letter-sort-wrapper .header .item .item-canCheck.isChecked[data-v-4fea04ae] {
  border-color: #7263FF;
  color: #7263FF;
}
.letter-sort-wrapper .header .item .item-canCheck.isTure[data-v-4fea04ae] {
  border-color: #67CF84;
  color: #67CF84;
}
.letter-sort-wrapper .header .item .item-canCheck.isFalse[data-v-4fea04ae] {
  border-color: #F96D5F;
  color: #F96D5F;
}
.letter-sort-wrapper .header .item .item-noCheck[data-v-4fea04ae] {
  display: flex;
  margin-bottom: 10px;
}
.letter-sort-wrapper[data-v-4fea04ae] .letter-box {
  box-sizing: border-box;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 2px solid #CFD2D5;
  margin-left: 2px;
  margin-right: 2px;
  background-color: transparent;
  margin-bottom: 10px;
}
.letter-sort-wrapper .section[data-v-4fea04ae] {
  margin-top: 16px;
}
.letter-sort-wrapper .section .option-wrapper .option-inner[data-v-4fea04ae] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.letter-sort-wrapper .section .option-wrapper .option[data-v-4fea04ae] {
  box-sizing: border-box;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: 2px solid transparent;
  margin-left: 2px;
  margin-right: 2px;
  background-color: #7263FF;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  color: #fff;
  font-weight: 600;
}
.letter-sort-wrapper .section .option-wrapper .option.isChecked[data-v-4fea04ae] {
  background-color: #F3F7F8;
  color: #CFD2D5;
}