/* Generated by scripts/generate_theme_bridge.py; do not edit by hand. */
.cs-themed .text-gray-100:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .text-gray-200:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:text-gray-200:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .text-slate-100:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .text-slate-200:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { color: var(--cs-chalk); }
.cs-themed .text-gray-300:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:text-gray-300:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .group:hover .group-hover\:text-gray-300:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .text-slate-300:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:text-slate-300:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { color: var(--cs-text-1); }
.cs-themed .text-gray-400:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:text-gray-400:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .group:hover .group-hover\:text-gray-400:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .text-slate-400:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { color: var(--cs-dim); }
.cs-themed .placeholder-gray-400::placeholder,
.cs-themed .text-gray-500:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .placeholder-gray-500::placeholder,
.cs-themed .text-gray-600:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:text-gray-600:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .placeholder-slate-400::placeholder,
.cs-themed .text-slate-500:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .text-slate-600:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .placeholder-slate-600::placeholder { color: var(--cs-faint); }
.cs-themed .text-gray-400\/80:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { color: color-mix(in srgb, var(--cs-dim) 80%, transparent); }
.cs-themed .border-gray-500:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:border-gray-500:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-gray-600:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:border-gray-600:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .divide-gray-600 > :not([hidden]) ~ :not([hidden]),
.cs-themed .border-gray-700:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .divide-gray-700 > :not([hidden]) ~ :not([hidden]),
.cs-themed .border-slate-600:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-slate-700:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .divide-slate-700 > :not([hidden]) ~ :not([hidden]) { border-color: var(--cs-line); }
.cs-themed .border-gray-500\/20:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-slate-600\/20:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { border-color: color-mix(in srgb, var(--cs-line) 20%, transparent); }
.cs-themed .bg-gray-600:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-600:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: var(--cs-line); }
.cs-themed .border-gray-600\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-gray-700\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-slate-600\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-slate-700\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .divide-slate-700\/30 > :not([hidden]) ~ :not([hidden]) { border-color: color-mix(in srgb, var(--cs-line) 30%, transparent); }
.cs-themed .border-gray-600\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-gray-700\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:border-slate-500\/50:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-slate-600\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-slate-700\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:border-slate-700\/50:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { border-color: color-mix(in srgb, var(--cs-line) 50%, transparent); }
.cs-themed .bg-gray-700:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-700:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .focus\:bg-gray-700:focus:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-700:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: var(--cs-board-2); }
.cs-themed .from-gray-700:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-from: var(--cs-board-2) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.cs-themed .hover\:bg-gray-700\/20:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board-2) 20%, transparent); }
.cs-themed .bg-gray-700\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-700\/30:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-700\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board-2) 30%, transparent); }
.cs-themed .bg-gray-700\/40:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board-2) 40%, transparent); }
.cs-themed .border-gray-700\/40:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .divide-gray-700\/40 > :not([hidden]) ~ :not([hidden]),
.cs-themed .border-slate-700\/40:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { border-color: color-mix(in srgb, var(--cs-line) 40%, transparent); }
.cs-themed .bg-gray-700\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-700\/50:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-slate-700\/50:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board-2) 50%, transparent); }
.cs-themed .bg-gray-700\/60:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-700\/60:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board-2) 60%, transparent); }
.cs-themed .border-gray-700\/60:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:border-slate-600\/60:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { border-color: color-mix(in srgb, var(--cs-line) 60%, transparent); }
.cs-themed .bg-gray-700\/80:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board-2) 80%, transparent); }
.cs-themed .bg-gray-800:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-800:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-800:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-slate-800:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: var(--cs-board); }
.cs-themed .border-gray-800:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-gray-900:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .border-slate-800:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { border-color: var(--cs-line-soft); }
.cs-themed .from-gray-800:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .from-slate-800:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-from: var(--cs-board) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.cs-themed .via-gray-800:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-stops: var(--tw-gradient-from), var(--cs-board) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.cs-themed .to-gray-800:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-to: var(--cs-board) var(--tw-gradient-to-position); }
.cs-themed .bg-gray-800\/20:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-800\/20:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board) 20%, transparent); }
.cs-themed .bg-gray-800\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-800\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-slate-800\/30:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board) 30%, transparent); }
.cs-themed .bg-gray-800\/40:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-800\/40:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-slate-800\/40:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board) 40%, transparent); }
.cs-themed .to-gray-800\/40:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-to: color-mix(in srgb, var(--cs-board) 40%, transparent) var(--tw-gradient-to-position); }
.cs-themed .bg-gray-800\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-800\/50:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-800\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-slate-800\/50:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board) 50%, transparent); }
.cs-themed .bg-gray-800\/60:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-800\/60:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-slate-800\/60:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board) 60%, transparent); }
.cs-themed .bg-gray-800\/80:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-800\/80:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board) 80%, transparent); }
.cs-themed .from-gray-800\/80:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .from-slate-800\/80:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-from: color-mix(in srgb, var(--cs-board) 80%, transparent) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.cs-themed .bg-gray-900:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-900:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-gray-950:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-900:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-950:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: var(--cs-ink); }
.cs-themed .from-gray-900:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .from-slate-900:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .from-slate-950:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-from: var(--cs-ink) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.cs-themed .via-gray-900:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-stops: var(--tw-gradient-from), var(--cs-ink) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.cs-themed .to-gray-900:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .to-slate-900:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .to-slate-950:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-to: var(--cs-ink) var(--tw-gradient-to-position); }
.cs-themed .bg-gray-900\/20:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-900\/20:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-ink) 20%, transparent); }
.cs-themed .bg-gray-900\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-900\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-950\/30:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-ink) 30%, transparent); }
.cs-themed .bg-gray-900\/40:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-900\/40:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-950\/40:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-ink) 40%, transparent); }
.cs-themed .bg-gray-900\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-900\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-950\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-ink) 50%, transparent); }
.cs-themed .bg-gray-900\/60:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-900\/60:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-ink) 60%, transparent); }
.cs-themed .bg-gray-900\/80:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-gray-900\/80:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-900\/80:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-950\/80:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-ink) 80%, transparent); }
.cs-themed .bg-gray-900\/95:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-900\/95:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-ink) 95%, transparent); }
.cs-themed .bg-gray-950\/90:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .bg-slate-950\/90:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-ink) 90%, transparent); }
.cs-themed .bg-slate-600\/40:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *),
.cs-themed .hover\:bg-slate-600\/40:hover:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-line) 40%, transparent); }
.cs-themed .border-b-slate-700\/25:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { border-bottom-color: color-mix(in srgb, var(--cs-line) 25%, transparent); }
.cs-themed .via-slate-700\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-stops: var(--tw-gradient-from), color-mix(in srgb, var(--cs-board-2) 50%, transparent) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.cs-themed .border-slate-700\/70:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { border-color: color-mix(in srgb, var(--cs-line) 70%, transparent); }
.cs-themed .border-slate-800\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { border-color: color-mix(in srgb, var(--cs-line-soft) 50%, transparent); }
.cs-themed .from-slate-800\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-from: color-mix(in srgb, var(--cs-board) 50%, transparent) var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.cs-themed .to-slate-800\/50:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-to: color-mix(in srgb, var(--cs-board) 50%, transparent) var(--tw-gradient-to-position); }
.cs-themed .bg-slate-800\/70:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-board) 70%, transparent); }
.cs-themed .bg-slate-900\/70:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { background-color: color-mix(in srgb, var(--cs-ink) 70%, transparent); }
.cs-themed .via-slate-900\/80:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-stops: var(--tw-gradient-from), color-mix(in srgb, var(--cs-ink) 80%, transparent) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.cs-themed .to-slate-900\/80:not(:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200) *) { --tw-gradient-to: color-mix(in srgb, var(--cs-ink) 80%, transparent) var(--tw-gradient-to-position); }