.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, 
.datepicker table tr td.active:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, 
.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, 
.datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, 
.datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
    border-color: var(--primary);
    background-color: var(--primary);
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover, .datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: hsl(0, 0%, 80%);
    cursor: default
}

div.datepicker {
    border: none;
    border-radius: 8px;
    box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16);
    padding: 1rem;
}

.datepicker-dropdown:after, .datepicker-dropdown:before {
    all: unset !important;
}