.flatpickr-calendar {
    border-radius: 0;
    box-sizing: content-box;
    padding: 16px;
    width: 264px;
}

.flatpickr-calendar:before {
    display: none;
}

.flatpickr-calendar:after {
    display: none;
}

.flatpickr-current-month {
    width: 100%;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    padding: 6px 0 0 9px;
}

.flatpickr-current-month span.cur-month {
    text-transform: uppercase;
    font-size: var(--font-size-tags);
    line-height: var(--line-height-tags);
    font-weight: 400;
    font-style: normal;
    color: var(--brand-blue-primary);
    padding: 0 9px;
    margin: 0;
}

.flatpickr-current-month span.cur-month:hover {
    background: transparent;
}

.flatpickr-current-month input.cur-year {
    font-size: var(--font-size-tags);
    line-height: var(--line-height-tags);
    font-weight: 400;
    font-style: normal;
    color: var(--brand-blue-primary);
    padding: 0 0 0 9px;
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    width: 36px;
    height: 36px;
    color: var(--brand-blue-primary);
    fill: var(--brand-blue-primary);
    padding: 0;
    background: transparent;
    transition: all 300ms;
    top: 15px;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 15px;
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month, 
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 15px;
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: var(--brand-orange-primary);
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
    transition: all 300ms;
}

.dayContainer {
    width: 264px;
    min-width: 264px;
    max-width: 264px;
    gap: 4px 0;
}

.flatpickr-rContainer {
    width: 264px;
}

.flatpickr-weekdays {
    height: 36px;
    margin: 10px 0 4px;
}

span.flatpickr-weekday {
    font-size: var(--font-size-paragraph-small);
    line-height: var(--line-height-paragraph-small);
    color: var(--brand-blue-primary-64);
    font-weight: 400;
}

.flatpickr-day {
    height: 36px;
    line-height: 36px;
    font-size: var(--font-size-tags);
    font-weight: 400;
}

span.flatpickr-day, 
span.flatpickr-day.nextMonthDay, 
span.flatpickr-day.prevMonthDay {
    border: 1px solid white;
}

span.flatpickr-day, 
span.flatpickr-day.nextMonthDay, 
span.flatpickr-day.prevMonthDay {
    border-color: white;
}

span.flatpickr-day.nextMonthDay.today:not(.selected), 
span.flatpickr-day.prevMonthDay.today:not(.selected), 
span.flatpickr-day.today:not(.selected) {
    border-color: white;
    color: var(--brand-orange-primary);
}

span.flatpickr-day.nextMonthDay.today:not(.selected):hover, 
span.flatpickr-day.prevMonthDay.today:not(.selected):hover, 
span.flatpickr-day.today:not(.selected):hover {
    border-color: white;
}

.flatpickr-day.today:focus, 
.flatpickr-day.today:hover {
    background: var(--brand-blue-primary-8);
}

span.flatpickr-day.endRange, 
span.flatpickr-day.nextMonthDay.endRange, 
span.flatpickr-day.nextMonthDay.startRange, 
span.flatpickr-day.prevMonthDay.endRange, 
span.flatpickr-day.prevMonthDay.startRange, 
span.flatpickr-day.startRange {
    border-color: white;
    color: white;
    background: var(--brand-blue-primary);
}

.flatpickr-day.endRange, 
.flatpickr-day.endRange.inRange, 
.flatpickr-day.endRange.nextMonthDay, 
.flatpickr-day.endRange.prevMonthDay, 
.flatpickr-day.endRange:focus, 
.flatpickr-day.endRange:hover, 
.flatpickr-day.selected, 
.flatpickr-day.selected.inRange, 
.flatpickr-day.selected.nextMonthDay, 
.flatpickr-day.selected.prevMonthDay, 
.flatpickr-day.selected:focus, 
.flatpickr-day.selected:hover, 
.flatpickr-day.startRange, 
.flatpickr-day.startRange.inRange, 
.flatpickr-day.startRange.nextMonthDay, 
.flatpickr-day.startRange.prevMonthDay, 
.flatpickr-day.startRange:focus, 
.flatpickr-day.startRange:hover {
    background: var(--brand-blue-primary);
    border-color: white;
}

.flatpickr-day.inRange, 
.flatpickr-day.nextMonthDay.inRange, 
.flatpickr-day.nextMonthDay.today.inRange, 
.flatpickr-day.nextMonthDay:focus, 
.flatpickr-day.nextMonthDay:hover, 
.flatpickr-day.prevMonthDay.inRange, 
.flatpickr-day.prevMonthDay.today.inRange, 
.flatpickr-day.prevMonthDay:focus, 
.flatpickr-day.prevMonthDay:hover, 
.flatpickr-day.today.inRange, 
.flatpickr-day:focus, 
.flatpickr-day:hover {
    border-color: white;
    background: var(--brand-blue-primary-8);
    box-shadow: none;
}