.dash-dropdown .Select-control {
    background-color: var(--secondary-color) !important;
    border-color: var(--primary-color) !important;
    font-family: 'Space Grotesk', Arial, sans-serif;
}

.dash-dropdown .Select-menu-outer {
    background-color: var(--secondary-color) !important;
    font-family: 'Space Grotesk', Arial, sans-serif;
}

.dash-dropdown .Select-value-label {
    color: var(--secondary-font-color) !important;
    font-family: 'Space Grotesk', Arial, sans-serif;
}

.dash-dropdown .Select-menu-outer .Select-option {
    background-color: var(--secondary-color) !important;
    color: var(--secondary-font-color) !important;
    font-family: 'Space Grotesk', Arial, sans-serif;
}

.dash-dropdown .Select-menu-outer .Select-option:hover {
    background-color: var(--primary-color) !important;
    color: var(--primary-font-color) !important;
}