[data-loc-datepicker-display="true"] {
    padding-right: 2.75rem;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.7' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3.75 9.75h16.5M5.25 5.25h13.5A1.5 1.5 0 0 1 20.25 6.75v12a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-12a1.5 1.5 0 0 1 1.5-1.5Z'/%3E%3C/svg%3E");
    background-position: right 0.85rem center;
    background-repeat: no-repeat;
    background-size: 1.25rem;
}

[data-loc-datepicker-display="true"]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.flatpickr-calendar {
    z-index: 70;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    box-shadow: 0 18px 45px rgb(15 23 42 / 18%);
    font-family: inherit;
    overflow: hidden;
}

.flatpickr-months,
.flatpickr-weekdays {
    background: #fff7ed;
}

.flatpickr-current-month,
span.flatpickr-weekday {
    color: #0f172a;
}

.flatpickr-day {
    border-radius: 0.65rem;
    color: #334155;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    border-color: #fed7aa;
    background: #ffedd5;
}

.flatpickr-day.today {
    border-color: #f97316;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
    border-color: #f97316;
    background: #f97316;
    color: #fff;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #cbd5e1;
}

@media (max-width: 640px) {
    .flatpickr-calendar {
        max-width: calc(100vw - 2rem);
    }
}