.DateRangePicker {
    padding: 0 1rem;

    .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
        background-color: #cce2f9 !important;
        color: var(--gray-900);
    }

    .DayPicker-Day--selected.DayPicker-Day--start:not(.DayPicker-Day--outside),
    .DayPicker-Day--selected.DayPicker-Day--end:not(.DayPicker-Day--outside) {
        background: var(--blue);
        color: white;
    }

    .DayPicker-Day {
        border-radius: 0;
        height: 24px;
        width: 24px;
        padding: 0;
    }

    .DayPicker-Week {
        margin-top: 0.5rem;
    }

    .DayPicker-Weekday abbr {
        cursor: auto;
    }

    .DayPicker-Day--start {
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%;
    }

    .DayPicker-Day--end {
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
    }

    .DayPicker-Caption {
        color: var(--gray-600);
        font-weight: 500;
        font-size: 0.8rem;
        margin: 1rem auto 0.3rem;
    }
}