.datepicker_backdrop {
  background: #00000003; /* Almost transparent: some UIs do not treat fully transparent as hit target */
  inset: 0;
  position: fixed;
  touch-action: none;
  z-index: 19990;
}

.datepicker {
  background: #fff;
  border: 1px solid #999;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  display: none;
  min-width: 240px;
  padding: 6px;
  position: fixed;
  z-index: 20000;
}
.datepicker.open {
  display: block;
}

.datepicker .head {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
}
.datepicker>.grid>.days {
  display: grid !important;
  grid-template-columns: 2em repeat(7, 1fr);
  text-align: center;
}
.datepicker .days .today {
  background: #f2f2f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%231f1f1f'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z'/%3E%3C/svg%3E") center / 14px no-repeat;
  margin: 0;
  min-width: 0;
  padding: 0 0 2px;
}
.datepicker .days .today.clear {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%231f1f1f'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M9.84 16.47l1.91-1.91 1.91 1.91c.29.29.77.29 1.06 0 .29-.29.29-.77 0-1.06l-1.91-1.91 1.91-1.91c.29-.29.29-.77 0-1.06-.29-.29-.77-.29-1.06 0l-1.91 1.91-1.91-1.91c-.29-.29-.77-.29-1.06 0-.29.29-.29.77 0 1.06l1.91 1.91-1.91 1.91c-.29.29-.29.77 0 1.06.29.29.77.29 1.06 0zM19 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H8V2c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V8h14v10c0 .55-.45 1-1 1z'/%3E%3C/svg%3E");
  background-size: 16px;
}
.datepicker .arrow {
  background: none;
  border: none;
  margin: 0;
  min-width: 0;
  padding: 2px 6px;
}
.datepicker .month_year {
  flex: 1;
  font-weight: 600;
  text-align: center;
}
.datepicker .week {
  display: grid;
  gap: 1px;
  grid-template-columns: 2em repeat(7, 1fr);
  margin-top: 1px;
}
.datepicker .week_number {
  background-color: #bbb;
  padding: 2px 0;
  text-align: center;
  color: #fff;
}
.datepicker .date {
  background: #fff;
  border: none;
  margin: 0;
  min-height: 24px;
  min-width: 0;
}
.datepicker .date.other {
  color: #999;
}
.datepicker .date.today {
  border: 1px solid #27c;
}
.datepicker .date.selected {
  background-color: #27c;
  color: #fff;
}