.ymd-date-input {
  min-width: 0;
  cursor: pointer;
  font-variant-numeric: tabular-nums;
  background-image: linear-gradient(45deg, transparent 50%, #476579 50%), linear-gradient(135deg, #476579 50%, transparent 50%);
  background-position: calc(100% - 13px) 50%, calc(100% - 8px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 25px !important;
}
.ymd-date-picker {
  position: fixed;
  z-index: 10020;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid #b9cbd6;
  border-radius: 10px;
  background: #fff;
  color: #102d4f;
  box-shadow: 0 16px 42px rgba(15, 45, 72, .24);
  font-family: inherit;
  font-size: 13px;
}
.ymd-date-picker[hidden] { display: none !important; }
.ymd-picker-current { padding: 0 2px 10px; color: #61798a; font-size: 12px; }
.ymd-picker-current strong { margin-left: 4px; color: #102d4f; font-size: 13px; }
.ymd-picker-heading { display: grid; grid-template-columns: 34px 1fr 34px; align-items: center; gap: 5px; margin-bottom: 10px; }
.ymd-picker-heading > div { display: flex; justify-content: center; gap: 5px; }
.ymd-date-picker button { min-height: 32px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.ymd-date-picker button:hover:not(:disabled), .ymd-date-picker button:focus-visible { border-color: #74a9c5; background: #eaf4f9; outline: 0; }
.ymd-date-picker button:disabled { cursor: not-allowed; color: #a7b5bd; opacity: .58; }
.ymd-picker-heading [data-ymd-year], .ymd-picker-heading [data-ymd-month] { min-width: 72px; background: #edf5f9; font-weight: 800; }
.ymd-picker-heading [data-ymd-month] { min-width: 54px; }
.ymd-picker-nav { font-size: 22px !important; line-height: 28px; }
.ymd-picker-grid { display: grid; gap: 7px; min-height: 224px; align-content: start; }
.ymd-picker-years { grid-template-columns: repeat(4, 1fr); }
.ymd-picker-months { grid-template-columns: repeat(3, 1fr); }
.ymd-picker-grid button { min-height: 45px; background: #f7fafc; }
.ymd-picker-grid button.is-view { border-color: #27789f; background: #dceef7; font-weight: 800; }
.ymd-picker-weekdays, .ymd-picker-day-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.ymd-picker-weekdays { margin-bottom: 4px; color: #708593; text-align: center; font-size: 11px; }
.ymd-picker-day-grid { min-height: 218px; align-content: start; }
.ymd-picker-day-grid button { min-width: 0; min-height: 34px; padding: 2px; }
.ymd-picker-day-grid button.is-today { border-color: #27789f; font-weight: 800; }
.ymd-picker-day-grid button.is-selected { background: #155e86; color: #fff; font-weight: 800; }
.ymd-picker-footer { display: flex; align-items: center; justify-content: flex-end; gap: 5px; padding-top: 9px; border-top: 1px solid #dde7ec; }
.ymd-picker-footer span { margin-right: auto; color: #708593; font-size: 11px; }
.ymd-picker-footer button { padding: 3px 8px; color: #155e86; font-weight: 700; }
@media (max-width: 560px) {
  .ymd-date-picker { left: 10px !important; right: 10px; width: auto !important; max-height: calc(100dvh - 20px); overflow-y: auto; }
  .ymd-picker-grid { min-height: 200px; }
  .ymd-picker-day-grid { min-height: 200px; }
}