@charset "UTF-8";
/* 日期選擇器樣式 */
.calendar-container {
  display: none;
  position: absolute;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 4px 12px 0px rgba(139, 139, 139, 0.25);
  z-index: -1;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
}
@media screen and (max-width: 767px) {
  .calendar-container {
    padding: 0;
    background: transparent;
  }
  .calendar-container .litepicker .container__main {
    padding: 20px;
    box-shadow: 0px 4px 12px 0px rgba(139, 139, 139, 0.25) !important;
    border-radius: 12px;
    background: #fff;
  }
}
.calendar-container * {
  box-shadow: none !important;
}
.calendar-container .close-bg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 200vw;
  height: 200vh;
  z-index: -1;
  display: none;
}
.calendar-container.show {
  z-index: 1000;
  display: block;
}
.calendar-container.show .close-bg {
  display: block;
}
@media screen and (max-width: 767px) {
  .calendar-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    transform: none;
  }
  .calendar-container.show {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.calendar-overlay {
  display: none;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.calendar-overlay .litepicker .container__days {
  row-gap: 12px;
}
.calendar-overlay .litepicker .container__days .day-item.is-in-range,
.calendar-overlay .litepicker .container__days .day-item.is-start-date,
.calendar-overlay .litepicker .container__days .day-item.is-end-date {
  background: none;
  color: #1e1e1e;
  position: relative;
}
.calendar-overlay .litepicker .container__days .day-item.is-in-range::after,
.calendar-overlay .litepicker .container__days .day-item.is-start-date::after,
.calendar-overlay .litepicker .container__days .day-item.is-end-date::after {
  content: "";
  width: 75%;
  border-radius: 50%;
  position: absolute;
  aspect-ratio: 1/1;
  top: 50%;
  left: 50%;
  border: 1px solid grey;
  transform: translateX(-50%) translateY(-50%);
}
.calendar-overlay .litepicker .container__days .day-item {
  cursor: pointer;
}
.calendar-overlay .litepicker .container__days .day-item:hover {
  background-color: none !important;
  box-shadow: none;
  color: #15aa93;
}
.calendar-overlay .litepicker .container__days .day-item.is-today {
  color: #15aa93 !important;
}

.calendar-overlay.show {
  display: flex;
}