/* 几个图标 */
.weda-ui-icon-arrow-right {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjkwNTggMTguNjlMOC4zMTE3MiAxNy4zMTExTDEzLjYyMjMgMTIuMDAwNkw4LjMxMTcyIDYuNjlMOS42OTA1OCA1LjMxMTE0TDE2LjM4IDEyLjAwMDZMOS42OTA1OCAxOC42OVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L3N2Zz4K);
}

.weda-ui-icon-turn-pre {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljg3OTE3IDEyLjU3NjhMMTUuNTQwMSAyMEwxNi40Nzk3IDE5LjA4NzVMOS4xNjM3OCAxMS45OTg2TDE2LjQ3OTcgNC45MTI0OUwxNS41NDAxIDRMNy45MDQxMyAxMS4zOTYxQzcuODkzNjYgMTEuNDA0OCA3Ljg4MzQ2IDExLjQxMzkgNy44NzM1NiAxMS40MjM1TDcuNjUxNjYgMTEuNjM5QzcuNDQ5MjkgMTEuODM1NSA3LjQ0OTQ3IDEyLjE2MDUgNy42NTIwNiAxMi4zNTY4TDcuODU0NCAxMi41NTI4TDcuODc0NjQgMTIuNTcyNUM3Ljg3NjE0IDEyLjU3NCA3Ljg3NzY1IDEyLjU3NTQgNy44NzkxNyAxMi41NzY4WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+Cjwvc3ZnPgo=);
}

.weda-ui-icon-turn-next {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4xMjA4IDEyLjU3NjhMOC40NTk5MiAyMEw3LjUyMDMxIDE5LjA4NzVMMTQuODM2MiAxMS45OTg2TDcuNTIwMzIgNC45MTI0OUw4LjQ1OTk0IDRMMTYuMDk1OSAxMS4zOTYxQzE2LjEwNjMgMTEuNDA0OCAxNi4xMTY1IDExLjQxMzkgMTYuMTI2NCAxMS40MjM1TDE2LjM0ODMgMTEuNjM5QzE2LjU1MDcgMTEuODM1NSAxNi41NTA1IDEyLjE2MDUgMTYuMzQ3OSAxMi4zNTY4TDE2LjE0NTYgMTIuNTUyOEwxNi4xMjU0IDEyLjU3MjVDMTYuMTIzOSAxMi41NzQgMTYuMTIyMyAxMi41NzU0IDE2LjEyMDggMTIuNTc2OFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L3N2Zz4K);
}

/* 年/月份操作区的样式 */
.weda-ui-custom-calendar-op {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
}

.weda-ui-custom-calendar-op__start {
  display: flex;
  align-items: center;
}

.weda-ui-custom-calendar-op__end {
  display: flex;
  align-items: center;
}

.weda-ui-custom-calendar-op__end .weda-ui-icon-turn-next {
  margin-left: 8px;
}

.weda-ui-custom-calendar-op__select {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  display: flex;
  align-items: center;
}

.weda-ui-custom-calendar-op__select.is-active {
  color: #0052d9;
}

.weda-ui-custom-calendar-op__select.is-active .weda-ui-icon-arrow-right {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzEwMDYgOS42OTA1N0w2LjY4ODkyIDguMzExNzFMMTEuOTk5NSAxMy42MjIzTDE3LjMxMDEgOC4zMTE3MUwxOC42ODg5IDkuNjkwNTdMMTEuOTk5NSAxNi4zOEw1LjMxMDA2IDkuNjkwNTdaIiBmaWxsPSIjMDA1MkQ5Ii8+Cjwvc3ZnPgo=);
}

/* 日历展开模式 */
.weda-ui-custom-calendar {
  display: flex;
  flex-direction: column;
}

.weda-ui-custom-calendar__weeks {
  display: flex;
  color: rgba(0, 0, 0, 0.4);
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
}

.weda-ui-custom-calendar__weeks-item {
  /* flex: 1; */
  line-height: 30px;
  min-width: 40px;
  display: flex;
  justify-content: center;
}

.weda-ui-custom-calendar__days-row {
  display: flex;
  color: rgba(0, 0, 0, 0.9);
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: space-between;
}

.weda-ui-custom-calendar__days-item {
  /* flex: 1; */
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.weda-ui-custom-calendar__days-item:hover {
  background-color: #f3f3f3;
}

.weda-ui-custom-calendar__days-item.is-current {
  background-color: #0052d9;
  color: #fff;
}

.weda-ui-custom-calendar__days-item.no-select {
  color: #c1c1c1;
}
