.flatpickr-wrapper {
    position: relative
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.flatpickr-calendar {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
    padding: .5rem;
    animation: none;
    background: var(--bs-paper-bg);
    box-shadow: var(--bs-box-shadow);
    font-size: .9375rem;
    inline-size: 16.75rem;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    border-radius: .375rem
}

    .flatpickr-calendar.open, .flatpickr-calendar.inline {
        opacity: 1;
        visibility: visible
    }

    .flatpickr-calendar.open {
        z-index: 1074
    }

    .flatpickr-calendar.animate.open {
        animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1)
    }

    .flatpickr-calendar:not(.inline,.open) {
        display: none
    }

    .flatpickr-calendar.inline {
        position: relative;
        inset-block-start: 2px
    }

    .flatpickr-calendar.hasWeeks {
        inline-size: 19rem !important
    }

    .flatpickr-calendar.hasTime .flatpickr-weeks {
        border-block-end: 0;
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        margin-block-start: 1.125rem
    }

    .flatpickr-calendar.hasTime {
        padding-block-end: 0
    }

        .flatpickr-calendar.hasTime .flatpickr-time {
            block-size: 40px
        }

        .flatpickr-calendar.hasTime:not(.noCalendar) {
            border-block-start: 1px solid var(--bs-border-color)
        }

    .flatpickr-calendar.noCalendar.hasTime {
        padding: 0
    }

    .flatpickr-calendar input[type=number]::-webkit-inner-spin-button, .flatpickr-calendar input[type=number]::-webkit-outer-spin-button {
        margin: 0;
        appearance: none
    }

    .flatpickr-calendar .flatpickr-month {
        position: relative;
        overflow: hidden;
        background: var(--bs-paper-bg);
        block-size: 2.2875rem;
        line-height: 1;
        text-align: center;
        user-select: none
    }

    .flatpickr-calendar .flatpickr-prev-month, .flatpickr-calendar .flatpickr-next-month {
        position: absolute;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(var(--bs-base-color-rgb), 0.08);
        block-size: 1.875rem;
        cursor: pointer;
        inline-size: 1.875rem;
        inset-block-start: .75rem;
        line-height: 1.875rem;
        padding-block: 0;
        padding-inline: .41rem;
        text-decoration: none;
        border-radius: var(--bs-border-radius)
    }

        .flatpickr-calendar .flatpickr-prev-month svg, .flatpickr-calendar .flatpickr-next-month svg {
            fill: var(--bs-body-color);
            inline-size: .6rem;
            stroke: var(--bs-body-color);
            stroke-width: 2;
            vertical-align: middle
        }

:dir(rtl) .flatpickr-calendar .flatpickr-prev-month, :dir(rtl) .flatpickr-calendar .flatpickr-next-month {
    transform: scaleX(-1)
}

.flatpickr-calendar .flatpickr-prev-month i, .flatpickr-calendar .flatpickr-next-month i {
    position: relative
}

.flatpickr-calendar .flatpickr-prev-month.flatpickr-prev-month {
    inset-inline-start: 1rem
}

.flatpickr-calendar .flatpickr-next-month.flatpickr-prev-month {
    inset-inline: 0
}

.flatpickr-calendar .flatpickr-next-month.flatpickr-next-month {
    inset-inline-end: 1rem
}

.flatpickr-calendar .flatpickr-prev-month:hover, .flatpickr-calendar .flatpickr-next-month:hover {
    opacity: 1
}

.flatpickr-calendar .flatpickr-prev-month svg path, .flatpickr-calendar .flatpickr-next-month svg path {
    fill: inherit;
    transition: fill .1s
}

@media(prefers-reduced-motion: reduce) {
    .flatpickr-calendar .flatpickr-prev-month svg path, .flatpickr-calendar .flatpickr-next-month svg path {
        transition: none
    }
}

.flatpickr-calendar .numInputWrapper {
    position: relative;
    block-size: auto
}

    .flatpickr-calendar .numInputWrapper input, .flatpickr-calendar .numInputWrapper span {
        display: inline-block
    }

    .flatpickr-calendar .numInputWrapper input {
        inline-size: 100%
    }

    .flatpickr-calendar .numInputWrapper span {
        position: absolute;
        inset-inline-end: 4px;
        opacity: 0
    }

        .flatpickr-calendar .numInputWrapper span:hover {
            background: rgba(0,0,0,.1)
        }

        .flatpickr-calendar .numInputWrapper span:active {
            background: rgba(0,0,0,.2)
        }

        .flatpickr-calendar .numInputWrapper span::after {
            display: block;
            block-size: 0;
            content: "";
            inline-size: 0
        }

        .flatpickr-calendar .numInputWrapper span.arrowUp {
            inset-block-start: 7px
        }

            .flatpickr-calendar .numInputWrapper span.arrowUp::after {
                border-block-end: 4px solid rgba(72,72,72,.6);
                border-inline-end: 4px solid rgba(0,0,0,0);
                border-inline-start: 4px solid rgba(0,0,0,0)
            }

        .flatpickr-calendar .numInputWrapper span.arrowDown {
            inset-block-end: 7px
        }

            .flatpickr-calendar .numInputWrapper span.arrowDown::after {
                border-block-start: 4px solid rgba(72,72,72,.6);
                border-inline-end: 4px solid rgba(0,0,0,0);
                border-inline-start: 4px solid rgba(0,0,0,0)
            }

        .flatpickr-calendar .numInputWrapper span svg {
            block-size: auto;
            inline-size: inherit
        }

            .flatpickr-calendar .numInputWrapper span svg path {
                fill: rgba(255,255,255,.5)
            }

    .flatpickr-calendar .numInputWrapper:hover {
        background: rgba(0,0,0,.05)
    }

        .flatpickr-calendar .numInputWrapper:hover span {
            opacity: 1
        }

.flatpickr-calendar .flatpickr-current-month {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 1.5rem;
    color: var(--bs-heading-color);
    font-weight: 300;
    gap: .25rem;
    inline-size: 75%;
    inset-inline-start: 12.5%;
    line-height: 1;
    padding-block: 1rem 0;
    padding-inline: 0;
    text-align: center;
    transform: translate3d(0, 0, 0)
}

    .flatpickr-calendar .flatpickr-current-month .cur-month {
        font-size: .9375rem;
        font-weight: 400
    }

    .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-calendar .flatpickr-current-month input.cur-year {
        display: inline-block;
        box-sizing: border-box;
        border: 0;
        border-radius: 0;
        background: rgba(0,0,0,0);
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: 400;
        line-height: inherit;
        outline: none;
        padding-block: 0;
        padding-inline: .5ch 0;
        vertical-align: middle
    }

        .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:not(:first-child), .flatpickr-calendar .flatpickr-current-month input.cur-year:not(:first-child) {
            padding-block: 0;
            padding-inline: .5ch 0
        }

    .flatpickr-calendar .flatpickr-current-month .numInputWrapper {
        display: inline-block;
        inline-size: 6ch
    }

    .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
        position: relative;
        appearance: menulist;
        background-color: var(--bs-paper-bg);
        block-size: 2.25rem;
        color: var(--bs-heading-color);
        cursor: pointer;
        font-size: 1.0625rem;
        inline-size: auto
    }

    .flatpickr-calendar .flatpickr-current-month input.cur-year {
        margin: 0;
        block-size: 1.75rem;
        cursor: default
    }

        .flatpickr-calendar .flatpickr-current-month input.cur-year:focus {
            outline: 0
        }

.flatpickr-calendar .flatpickr-weekdays {
    display: flex;
    overflow: hidden;
    align-items: center;
    background: var(--bs-paper-bg);
    block-size: 2.25rem;
    inline-size: 100%;
    margin-block-end: .6875rem;
    margin-block-start: .5rem;
    max-inline-size: 17.5rem;
    text-align: center
}

    .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: flex;
        inline-size: 100%;
        padding-block: .25rem
    }

    .flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday {
        display: block;
        flex: 1;
        margin: 0;
        background: var(--bs-paper-bg);
        color: var(--bs-heading-color);
        cursor: default;
        font-size: .8125rem;
        inline-size: 2.25rem;
        line-height: 1;
        text-align: center
    }

.flatpickr-calendar .dayContainer, .flatpickr-calendar .flatpickr-weeks {
    padding-block: 1px 0;
    padding-inline: 0
}

.flatpickr-calendar .flatpickr-days {
    position: relative;
    display: flex;
    overflow: hidden;
    background: var(--bs-paper-bg);
    inline-size: auto
}

    .flatpickr-calendar .flatpickr-days:focus {
        outline: 0
    }

    .flatpickr-calendar .flatpickr-days .dayContainer {
        display: inline-block;
        display: flex;
        box-sizing: border-box;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 0;
        inline-size: 15.75rem;
        max-inline-size: 15.75rem;
        min-inline-size: 15.75rem;
        opacity: 1;
        outline: 0;
        transform: translate3d(0, 0, 0)
    }

    .flatpickr-calendar .flatpickr-days .flatpickr-day {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(0,0,0,0);
        margin: 0;
        background: none;
        block-size: 2.25rem;
        color: var(--bs-heading-color);
        cursor: pointer;
        font-weight: 400;
        inline-size: 15.2857%;
        line-height: 2.25rem;
        max-inline-size: 2.25rem;
        text-align: center;
        border-radius: var(--bs-border-radius)
    }

        .flatpickr-calendar .flatpickr-days .flatpickr-day.today, .flatpickr-calendar .flatpickr-days .flatpickr-day.today:hover {
            background-color: var(--bs-primary-bg-subtle);
            color: var(--bs-primary)
        }

            .flatpickr-calendar .flatpickr-days .flatpickr-day.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.today.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day:focus, .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:focus, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:focus {
                cursor: pointer;
                outline: 0
            }

        .flatpickr-calendar .flatpickr-days .flatpickr-day:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day:focus, .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:focus, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:focus {
            background-color: rgba(var(--bs-base-color-rgb), 0.1)
        }

        .flatpickr-calendar .flatpickr-days .flatpickr-day.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.today.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.today.inRange {
            background-color: var(--bs-primary-bg-subtle);
            color: var(--bs-heading-color)
        }

        .flatpickr-calendar .flatpickr-days .flatpickr-day.selected, .flatpickr-calendar .flatpickr-days .flatpickr-day.selected.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.selected:focus, .flatpickr-calendar .flatpickr-days .flatpickr-day.selected:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day.selected.nextMonthDay, .flatpickr-calendar .flatpickr-days .flatpickr-day.selected.prevMonthDay, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange:focus, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.nextMonthDay, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.prevMonthDay, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange:focus, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.nextMonthDay, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.prevMonthDay, .flatpickr-calendar .flatpickr-days .flatpickr-day.week.selected {
            background-color: var(--bs-primary);
            box-shadow: 0 .125rem .25rem 0 rgba(var(--bs-primary-rgb), 0.4);
            color: var(--bs-primary-contrast)
        }

        .flatpickr-calendar .flatpickr-days .flatpickr-day.inRange:not(.startRange,.endRange) {
            border-radius: 0
        }

        .flatpickr-calendar .flatpickr-days .flatpickr-day.disabled, .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled, .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled.today, .flatpickr-calendar .flatpickr-days .flatpickr-day.disabled:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled.today:hover {
            border-color: rgba(0,0,0,0);
            background: rgba(0,0,0,0);
            cursor: default;
            pointer-events: none
        }

        .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay {
            border-color: rgba(0,0,0,0);
            background: rgba(0,0,0,0);
            color: var(--bs-secondary-color);
            cursor: default
        }

        .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled, .flatpickr-calendar .flatpickr-days .flatpickr-day.disabled {
            color: var(--bs-secondary-color)
        }

        .flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed, .flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed.nextMonthDay {
            border-color: rgba(0,0,0,0);
            background: rgba(0,0,0,0);
            cursor: default
        }

        .flatpickr-calendar .flatpickr-days .flatpickr-day.selected.startRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.startRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.startRange {
            border-end-end-radius: 0;
            border-start-end-radius: 0
        }

        .flatpickr-calendar .flatpickr-days .flatpickr-day.selected.endRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.startRange.endRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.endRange.endRange {
            border-end-start-radius: 0;
            border-start-start-radius: 0
        }

.flatpickr-calendar .flatpickr-weekwrapper {
    display: inline-block;
    margin-block-start: .5rem
}

    .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weekday {
        position: relative;
        float: none;
        inline-size: 100%;
        inset-block-start: 1px;
        line-height: 2.25rem
    }

    .flatpickr-calendar .flatpickr-weekwrapper span.flatpickr-day {
        display: block;
        background: none;
        block-size: 2.25rem;
        inline-size: 2.25rem;
        max-inline-size: none
    }

.flatpickr-calendar .flatpickr-innerContainer {
    display: flex;
    overflow: hidden;
    box-sizing: border-box
}

    .flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer {
        display: inline-block;
        box-sizing: border-box;
        padding: 0
    }

.flatpickr-calendar .flatpickr-time {
    display: flex;
    line-height: 40px;
    text-align: center
}

    .flatpickr-calendar .flatpickr-time .numInputWrapper {
        flex: 1;
        block-size: 40px;
        float: inline-start;
        inline-size: 40%
    }

    .flatpickr-calendar .flatpickr-time.hasSeconds .numInputWrapper {
        inline-size: 26%
    }

    .flatpickr-calendar .flatpickr-time.time24hr .numInputWrapper {
        inline-size: 49%
    }

    .flatpickr-calendar .flatpickr-time input {
        position: relative;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        border-radius: 0;
        margin: 0;
        background: rgba(0,0,0,0);
        block-size: inherit;
        box-shadow: none;
        cursor: pointer;
        font-size: .9375rem;
        line-height: inherit;
        text-align: center
    }

        .flatpickr-calendar .flatpickr-time input:focus {
            border: 0;
            outline: 0
        }

    .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
        cursor: pointer;
        inline-size: 18%
    }

        .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
            background: rgba(0,0,0,.05)
        }