.flatpickr {
  position: relative;
}
.flatpickr .input {
  cursor: pointer;
  background-image: url("../../img/icon--calendar.24fc714f404d.svg");
  background-position: right 1em center;
  background-repeat: no-repeat;
  background-size: auto calc(100% - 30px);
}
.flatpickr .input__clearable .input {
  padding-right: 4.5333333333em;
}
.flatpickr .input__clear {
  right: 2.6333333333em;
}
.flatpickr .input:placeholder-shown ~ .input__clear {
  display: none;
}

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

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 var(--color-primary) !important;
}