.dark\:text-bkc-blue100, .dark\:text-bkc-blue100-hover:hover {color: var(--bkc-blue-100) !important;}
.dark\:text-bkc-blue200, .dark\:text-bkc-blue200-hover:hover {color: var(--bkc-blue-200) !important;}
.dark\:text-bkc-blue300, .dark\:text-bkc-blue300-hover:hover {color: var(--bkc-blue-300) !important;}
.dark\:text-bkc-orange, .dark\:text-bkc-orange-hover:hover {color: var(--bkc-orange) !important;}

.dark\:bg-bkc-blue100, .dark\:bg-bkc-blue100-hover:hover {background-color: var(--bkc-blue-100) !important;}
.dark\:bg-bkc-blue100\/\[\.1\], .dark\:bg-bkc-blue100-hover\/\[\.1\]:hover {background-color: rgb(176 201 234 / .1) !important;}
.dark\:bg-bkc-blue100\/\[\.2\], .dark\:bg-bkc-blue100-hover\/\[\.2\]:hover {background-color: rgb(176 201 234 / .2) !important;}
.dark\:bg-bkc-blue100\/\[\.6\], .dark\:bg-bkc-blue100-hover\/\[\.6\]:hover {background-color: rgb(176 201 234 / .6) !important;}
.dark\:bg-bkc-blue100\/\[\.8\], .dark\:bg-bkc-blue100-hover\/\[\.8\]:hover {background-color: rgb(176 201 234 / .8) !important;}

.dark\:bg-bkc-blue200, .dark\:bg-bkc-blue200-hover:hover {background-color: var(--bkc-blue-200) !important;}
.dark\:bg-bkc-blue200\/\[\.1\], .dark\:bg-bkc-blue200-hover\/\[\.1\]:hover {background-color: rgb(101 131 194 / .1) !important;}
.dark\:bg-bkc-blue200\/\[\.2\], .dark\:bg-bkc-blue200-hover\/\[\.2\]:hover {background-color: rgb(101 131 194 / .2) !important;}
.dark\:bg-bkc-blue200\/\[\.6\], .dark\:bg-bkc-blue200-hover\/\[\.6\]:hover {background-color: rgb(101 131 194 / .6) !important;}
.dark\:bg-bkc-blue200\/\[\.8\], .dark\:bg-bkc-blue200-hover\/\[\.8\]:hover {background-color: rgb(101 131 194 / .8) !important;}

.dark\:bg-bkc-blue300, .dark\:bg-bkc-blue300-hover:hover {background-color: var(--bkc-blue-300) !important;}
.dark\:bg-bkc-blue300\/\[\.6\], .dark\:bg-bkc-blue300-hover\/\[\.6\]:hover {background-color: rgb(52 62 118 / .6) !important;}
.dark\:bg-bkc-blue300\/\[\.8\], .dark\:bg-bkc-blue300-hover\/\[\.8\]:hover {background-color: rgb(52 62 118 / .8) !important;}

.dark\:bg-bkc-orange, .dark\:bg-bkc-orange-hover:hover {background-color: var(--bkc-orange) !important;}
.dark\:bg-bkc-orange\/\[\.6\], .dark\:bg-bkc-orange-hover\/\[\.6\]:hover {background-color: rgb(232 92 15 / .6) !important;}
.dark\:bg-bkc-orange\/\[\.8\], .dark\:bg-bkc-orange-hover\/\[\.8\]:hover {background-color: rgb(232 92 15 / .8) !important;}

.card .staff-image-empty {
    color: rgb(176 201 234 / .6) !important;
}