/* Generated by scripts/build_ds_reskin.py - do not edit by hand. */
@font-face { font-family: Inter; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/static/vendor/inter/inter-latin-wght-normal.woff2) format('woff2-variations'); }
[data-portal] .accent-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { accent-color: var(--p-blue-700); }
[data-portal] .backdrop\:bg-gray-900\/50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::backdrop { background-color: var(--p-gray-900); }
[data-portal] .backdrop\:bg-slate-900\/40:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::backdrop { background-color: var(--p-gray-900); }
[data-portal] .bg-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-100); }
[data-portal] .bg-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-200); }
[data-portal] .bg-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-300); }
[data-portal] .bg-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-400); }
[data-portal] .bg-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-50); }
[data-portal] .bg-amber-50\/60:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-50); }
[data-portal] .bg-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-500); }
[data-portal] .bg-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-600); }
[data-portal] .bg-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-700); }
[data-portal] .bg-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-800); }
[data-portal] .bg-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-900); }
[data-portal] .bg-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-100); }
[data-portal] .bg-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-200); }
[data-portal] .bg-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-300); }
[data-portal] .bg-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-400); }
[data-portal] .bg-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .bg-blue-50\/50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .bg-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-500); }
[data-portal] .bg-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-600); }
[data-portal] .bg-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-700); }
[data-portal] .bg-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-800); }
[data-portal] .bg-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-900); }
[data-portal] .bg-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-100); }
[data-portal] .bg-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-200); }
[data-portal] .bg-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-300); }
[data-portal] .bg-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-400); }
[data-portal] .bg-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .bg-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-500); }
[data-portal] .bg-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-600); }
[data-portal] .bg-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-700); }
[data-portal] .bg-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-800); }
[data-portal] .bg-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-900); }
[data-portal] .bg-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-100); }
[data-portal] .bg-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-200); }
[data-portal] .bg-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-300); }
[data-portal] .bg-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-400); }
[data-portal] .bg-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-50); }
[data-portal] .bg-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-500); }
[data-portal] .bg-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-600); }
[data-portal] .bg-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-700); }
[data-portal] .bg-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-800); }
[data-portal] .bg-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-900); }
[data-portal] .bg-fuchsia-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-50); }
[data-portal] .bg-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-100); }
[data-portal] .bg-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-200); }
[data-portal] .bg-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-300); }
[data-portal] .bg-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-400); }
[data-portal] .bg-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-50); }
[data-portal] .bg-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-500); }
[data-portal] .bg-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-600); }
[data-portal] .bg-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-700); }
[data-portal] .bg-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-800); }
[data-portal] .bg-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-900); }
[data-portal] .bg-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-100); }
[data-portal] .bg-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-200); }
[data-portal] .bg-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-300); }
[data-portal] .bg-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-400); }
[data-portal] .bg-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-50); }
[data-portal] .bg-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-500); }
[data-portal] .bg-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-600); }
[data-portal] .bg-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-700); }
[data-portal] .bg-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-800); }
[data-portal] .bg-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-900); }
[data-portal] .bg-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-100); }
[data-portal] .bg-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-200); }
[data-portal] .bg-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-300); }
[data-portal] .bg-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-400); }
[data-portal] .bg-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .bg-indigo-50\/50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .bg-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-500); }
[data-portal] .bg-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-600); }
[data-portal] .bg-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-700); }
[data-portal] .bg-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-800); }
[data-portal] .bg-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-900); }
[data-portal] .bg-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-100); }
[data-portal] .bg-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-200); }
[data-portal] .bg-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-300); }
[data-portal] .bg-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-400); }
[data-portal] .bg-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-50); }
[data-portal] .bg-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-500); }
[data-portal] .bg-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-600); }
[data-portal] .bg-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-700); }
[data-portal] .bg-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-800); }
[data-portal] .bg-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-900); }
[data-portal] .bg-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-100); }
[data-portal] .bg-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-200); }
[data-portal] .bg-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-300); }
[data-portal] .bg-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-400); }
[data-portal] .bg-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-50); }
[data-portal] .bg-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-500); }
[data-portal] .bg-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-600); }
[data-portal] .bg-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-700); }
[data-portal] .bg-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-800); }
[data-portal] .bg-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-900); }
[data-portal] .bg-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-100); }
[data-portal] .bg-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-200); }
[data-portal] .bg-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-300); }
[data-portal] .bg-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-400); }
[data-portal] .bg-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-50); }
[data-portal] .bg-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-500); }
[data-portal] .bg-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-600); }
[data-portal] .bg-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-700); }
[data-portal] .bg-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-800); }
[data-portal] .bg-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-900); }
[data-portal] .bg-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-100); }
[data-portal] .bg-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-200); }
[data-portal] .bg-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-300); }
[data-portal] .bg-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-400); }
[data-portal] .bg-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-50); }
[data-portal] .bg-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-500); }
[data-portal] .bg-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-600); }
[data-portal] .bg-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-700); }
[data-portal] .bg-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-800); }
[data-portal] .bg-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-900); }
[data-portal] .bg-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-100); }
[data-portal] .bg-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-200); }
[data-portal] .bg-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-300); }
[data-portal] .bg-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-400); }
[data-portal] .bg-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-50); }
[data-portal] .bg-rose-50\/60:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-50); }
[data-portal] .bg-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-500); }
[data-portal] .bg-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-600); }
[data-portal] .bg-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-700); }
[data-portal] .bg-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-800); }
[data-portal] .bg-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-900); }
[data-portal] .bg-sky-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .bg-slate-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-100); }
[data-portal] .bg-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-200); }
[data-portal] .bg-slate-200\/50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-200); }
[data-portal] .bg-slate-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-50); }
[data-portal] .bg-slate-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-500); }
[data-portal] .bg-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-600); }
[data-portal] .bg-slate-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-900); }
[data-portal] .bg-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-100); }
[data-portal] .bg-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-200); }
[data-portal] .bg-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-300); }
[data-portal] .bg-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-400); }
[data-portal] .bg-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-50); }
[data-portal] .bg-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-500); }
[data-portal] .bg-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-600); }
[data-portal] .bg-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-700); }
[data-portal] .bg-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-800); }
[data-portal] .bg-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-900); }
[data-portal] .bg-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-100); }
[data-portal] .bg-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-200); }
[data-portal] .bg-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-300); }
[data-portal] .bg-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-400); }
[data-portal] .bg-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-50); }
[data-portal] .bg-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-500); }
[data-portal] .bg-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-600); }
[data-portal] .bg-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-700); }
[data-portal] .bg-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-800); }
[data-portal] .bg-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-900); }
[data-portal] .bg-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-100); }
[data-portal] .bg-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-200); }
[data-portal] .bg-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-300); }
[data-portal] .bg-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-400); }
[data-portal] .bg-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-50); }
[data-portal] .bg-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-500); }
[data-portal] .bg-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-600); }
[data-portal] .bg-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-700); }
[data-portal] .bg-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-800); }
[data-portal] .bg-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-900); }
[data-portal] .border-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-100); }
[data-portal] .border-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-200); }
[data-portal] .border-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-300); }
[data-portal] .border-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-400); }
[data-portal] .border-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-50); }
[data-portal] .border-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-500); }
[data-portal] .border-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-600); }
[data-portal] .border-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-700); }
[data-portal] .border-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-800); }
[data-portal] .border-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-900); }
[data-portal] .border-b-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-bottom-color: var(--p-gray-900); }
[data-portal] .border-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-100); }
[data-portal] .border-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-200); }
[data-portal] .border-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-300); }
[data-portal] .border-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-400); }
[data-portal] .border-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-50); }
[data-portal] .border-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-500); }
[data-portal] .border-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-600); }
[data-portal] .border-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-700); }
[data-portal] .border-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-800); }
[data-portal] .border-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-900); }
[data-portal] .border-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-100); }
[data-portal] .border-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-200); }
[data-portal] .border-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-300); }
[data-portal] .border-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-400); }
[data-portal] .border-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-50); }
[data-portal] .border-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-500); }
[data-portal] .border-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-600); }
[data-portal] .border-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-700); }
[data-portal] .border-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-800); }
[data-portal] .border-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-900); }
[data-portal] .border-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-100); }
[data-portal] .border-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-200); }
[data-portal] .border-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-300); }
[data-portal] .border-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-400); }
[data-portal] .border-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-50); }
[data-portal] .border-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-500); }
[data-portal] .border-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-600); }
[data-portal] .border-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-700); }
[data-portal] .border-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-800); }
[data-portal] .border-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-900); }
[data-portal] .border-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-100); }
[data-portal] .border-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-200); }
[data-portal] .border-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-300); }
[data-portal] .border-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-400); }
[data-portal] .border-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-50); }
[data-portal] .border-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-500); }
[data-portal] .border-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-600); }
[data-portal] .border-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-700); }
[data-portal] .border-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-800); }
[data-portal] .border-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-900); }
[data-portal] .border-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-100); }
[data-portal] .border-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-200); }
[data-portal] .border-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-300); }
[data-portal] .border-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-400); }
[data-portal] .border-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-50); }
[data-portal] .border-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-500); }
[data-portal] .border-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-600); }
[data-portal] .border-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-700); }
[data-portal] .border-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-800); }
[data-portal] .border-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-900); }
[data-portal] .border-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-100); }
[data-portal] .border-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-200); }
[data-portal] .border-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-300); }
[data-portal] .border-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-400); }
[data-portal] .border-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-50); }
[data-portal] .border-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-500); }
[data-portal] .border-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-600); }
[data-portal] .border-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-700); }
[data-portal] .border-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-800); }
[data-portal] .border-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-900); }
[data-portal] .border-l-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-left-color: var(--p-green-500); }
[data-portal] .border-l-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-left-color: var(--p-red-500); }
[data-portal] .border-l-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-left-color: var(--p-yellow-500); }
[data-portal] .border-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-100); }
[data-portal] .border-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-200); }
[data-portal] .border-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-300); }
[data-portal] .border-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-400); }
[data-portal] .border-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-50); }
[data-portal] .border-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-500); }
[data-portal] .border-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-600); }
[data-portal] .border-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-700); }
[data-portal] .border-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-800); }
[data-portal] .border-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-900); }
[data-portal] .border-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-100); }
[data-portal] .border-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-200); }
[data-portal] .border-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-300); }
[data-portal] .border-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-400); }
[data-portal] .border-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-50); }
[data-portal] .border-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-500); }
[data-portal] .border-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-600); }
[data-portal] .border-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-700); }
[data-portal] .border-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-800); }
[data-portal] .border-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-900); }
[data-portal] .border-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-100); }
[data-portal] .border-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-200); }
[data-portal] .border-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-300); }
[data-portal] .border-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-400); }
[data-portal] .border-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-50); }
[data-portal] .border-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-500); }
[data-portal] .border-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-600); }
[data-portal] .border-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-700); }
[data-portal] .border-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-800); }
[data-portal] .border-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-900); }
[data-portal] .border-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-100); }
[data-portal] .border-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-200); }
[data-portal] .border-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-300); }
[data-portal] .border-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-400); }
[data-portal] .border-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-50); }
[data-portal] .border-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-500); }
[data-portal] .border-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-600); }
[data-portal] .border-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-700); }
[data-portal] .border-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-800); }
[data-portal] .border-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-900); }
[data-portal] .border-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-100); }
[data-portal] .border-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-200); }
[data-portal] .border-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-300); }
[data-portal] .border-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-400); }
[data-portal] .border-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-50); }
[data-portal] .border-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-500); }
[data-portal] .border-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-600); }
[data-portal] .border-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-700); }
[data-portal] .border-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-800); }
[data-portal] .border-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-900); }
[data-portal] .border-sky-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-500); }
[data-portal] .border-slate-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-100); }
[data-portal] .border-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-200); }
[data-portal] .border-slate-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-300); }
[data-portal] .border-slate-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-400); }
[data-portal] .border-slate-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-500); }
[data-portal] .border-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-600); }
[data-portal] .border-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-100); }
[data-portal] .border-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-200); }
[data-portal] .border-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-300); }
[data-portal] .border-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-400); }
[data-portal] .border-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-50); }
[data-portal] .border-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-500); }
[data-portal] .border-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-600); }
[data-portal] .border-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-700); }
[data-portal] .border-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-800); }
[data-portal] .border-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-900); }
[data-portal] .border-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-100); }
[data-portal] .border-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-200); }
[data-portal] .border-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-300); }
[data-portal] .border-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-400); }
[data-portal] .border-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-50); }
[data-portal] .border-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-500); }
[data-portal] .border-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-600); }
[data-portal] .border-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-700); }
[data-portal] .border-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-800); }
[data-portal] .border-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-900); }
[data-portal] .border-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-100); }
[data-portal] .border-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-200); }
[data-portal] .border-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-300); }
[data-portal] .border-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-400); }
[data-portal] .border-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-50); }
[data-portal] .border-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-500); }
[data-portal] .border-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-600); }
[data-portal] .border-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-700); }
[data-portal] .border-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-800); }
[data-portal] .border-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-900); }
[data-portal] .disabled\:bg-gray-100:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-100); }
[data-portal] .disabled\:bg-gray-300:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-300); }
[data-portal] .disabled\:bg-gray-400:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-400); }
[data-portal] .disabled\:hover\:bg-gray-300:disabled:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-300); }
[data-portal] .disabled\:hover\:bg-gray-400:disabled:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-400); }
[data-portal] .disabled\:text-gray-400:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-400); }
[data-portal] .disabled\:text-gray-500:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-500); }
[data-portal] .disabled\:text-gray-600:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-600); }
[data-portal] .disabled\:text-gray-700:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-700); }
[data-portal] .divide-blue-200 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-200); }
[data-portal] .divide-gray-100 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-100); }
[data-portal] .divide-gray-200 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-200); }
[data-portal] .divide-gray-300 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-300); }
[data-portal] .divide-gray-50 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-50); }
[data-portal] .divide-red-200 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-200); }
[data-portal] .divide-slate-200 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-200); }
[data-portal] .file\:bg-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { background-color: var(--p-blue-50); }
[data-portal] .file\:bg-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { background-color: var(--p-gray-100); }
[data-portal] .file\:bg-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { background-color: var(--p-purple-50); }
[data-portal] .file\:text-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { color: var(--p-blue-700); }
[data-portal] .file\:text-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { color: var(--p-gray-700); }
[data-portal] .file\:text-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { color: var(--p-purple-700); }
[data-portal] .fill-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { fill: var(--p-blue-50); }
[data-portal] .fill-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { fill: var(--p-green-600); }
[data-portal] .fill-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { fill: var(--p-gray-600); }
[data-portal] .focus-visible\:outline-blue-700:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { outline-color: var(--p-blue-700); }
[data-portal] .focus-visible\:ring-blue-500:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-500); }
[data-portal] .focus-visible\:ring-blue-600:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-600); }
[data-portal] .focus-visible\:ring-blue-700:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-700); }
[data-portal] .focus-visible\:ring-purple-500:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-500); }
[data-portal] .focus-visible\:ring-purple-600:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-600); }
[data-portal] .focus-visible\:ring-purple-700:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-700); }
[data-portal] .focus-visible\:ring-red-500:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-500); }
[data-portal] .focus-within\:bg-slate-50:focus-within:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-50); }
[data-portal] .focus-within\:ring-blue-500:focus-within:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-500); }
[data-portal] .focus-within\:ring-purple-500:focus-within:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-500); }
[data-portal] .focus\:border-amber-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-amber-500); }
[data-portal] .focus\:border-blue-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-500); }
[data-portal] .focus\:border-green-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-green-500); }
[data-portal] .focus\:border-indigo-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-500); }
[data-portal] .focus\:border-orange-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-orange-500); }
[data-portal] .focus\:border-pink-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-pink-500); }
[data-portal] .focus\:border-purple-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-500); }
[data-portal] .focus\:border-red-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-500); }
[data-portal] .focus\:border-teal-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-teal-500); }
[data-portal] .focus\:border-yellow-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-yellow-500); }
[data-portal] .focus\:placeholder-gray-400:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::placeholder { color: var(--p-gray-400); }
[data-portal] .focus\:ring-amber-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-500); }
[data-portal] .focus\:ring-blue-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-500); }
[data-portal] .focus\:ring-gray-400:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-400); }
[data-portal] .focus\:ring-gray-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-500); }
[data-portal] .focus\:ring-green-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-500); }
[data-portal] .focus\:ring-green-700:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-700); }
[data-portal] .focus\:ring-indigo-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-500); }
[data-portal] .focus\:ring-orange-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-500); }
[data-portal] .focus\:ring-pink-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-500); }
[data-portal] .focus\:ring-purple-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-500); }
[data-portal] .focus\:ring-purple-700:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-700); }
[data-portal] .focus\:ring-red-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-500); }
[data-portal] .focus\:ring-slate-400:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-400); }
[data-portal] .focus\:ring-teal-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-500); }
[data-portal] .focus\:ring-yellow-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-500); }
[data-portal] .focus\:text-gray-600:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-600); }
[data-portal] .from-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-amber-100) 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); }
[data-portal] .from-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-amber-200) 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); }
[data-portal] .from-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-amber-300) 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); }
[data-portal] .from-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-amber-400) 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); }
[data-portal] .from-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-amber-50) 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); }
[data-portal] .from-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-amber-500) 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); }
[data-portal] .from-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-amber-600) 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); }
[data-portal] .from-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-amber-700) 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); }
[data-portal] .from-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-amber-800) 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); }
[data-portal] .from-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-amber-900) 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); }
[data-portal] .from-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-100) 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); }
[data-portal] .from-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-200) 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); }
[data-portal] .from-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-300) 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); }
[data-portal] .from-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-400) 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); }
[data-portal] .from-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-50) 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); }
[data-portal] .from-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-500) 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); }
[data-portal] .from-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-600) 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); }
[data-portal] .from-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-700) 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); }
[data-portal] .from-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-800) 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); }
[data-portal] .from-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-900) 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); }
[data-portal] .from-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-100) 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); }
[data-portal] .from-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-200) 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); }
[data-portal] .from-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-300) 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); }
[data-portal] .from-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-400) 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); }
[data-portal] .from-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-50) 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); }
[data-portal] .from-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-500) 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); }
[data-portal] .from-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-600) 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); }
[data-portal] .from-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-700) 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); }
[data-portal] .from-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-800) 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); }
[data-portal] .from-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-900) 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); }
[data-portal] .from-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-100) 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); }
[data-portal] .from-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-200) 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); }
[data-portal] .from-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-300) 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); }
[data-portal] .from-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-400) 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); }
[data-portal] .from-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-50) 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); }
[data-portal] .from-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-500) 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); }
[data-portal] .from-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-600) 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); }
[data-portal] .from-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-700) 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); }
[data-portal] .from-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-800) 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); }
[data-portal] .from-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-900) 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); }
[data-portal] .from-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-gray-100) 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); }
[data-portal] .from-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-gray-200) 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); }
[data-portal] .from-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-gray-300) 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); }
[data-portal] .from-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-gray-400) 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); }
[data-portal] .from-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-gray-50) 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); }
[data-portal] .from-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-gray-500) 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); }
[data-portal] .from-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-gray-600) 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); }
[data-portal] .from-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-gray-700) 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); }
[data-portal] .from-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-gray-800) 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); }
[data-portal] .from-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-gray-900) 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); }
[data-portal] .from-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-100) 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); }
[data-portal] .from-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-200) 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); }
[data-portal] .from-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-300) 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); }
[data-portal] .from-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-400) 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); }
[data-portal] .from-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-50) 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); }
[data-portal] .from-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-500) 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); }
[data-portal] .from-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-600) 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); }
[data-portal] .from-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-700) 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); }
[data-portal] .from-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-800) 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); }
[data-portal] .from-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-green-900) 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); }
[data-portal] .from-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-100) 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); }
[data-portal] .from-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-200) 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); }
[data-portal] .from-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-300) 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); }
[data-portal] .from-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-400) 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); }
[data-portal] .from-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-50) 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); }
[data-portal] .from-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-500) 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); }
[data-portal] .from-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-600) 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); }
[data-portal] .from-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-700) 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); }
[data-portal] .from-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-800) 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); }
[data-portal] .from-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-blue-900) 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); }
[data-portal] .from-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-orange-100) 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); }
[data-portal] .from-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-orange-200) 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); }
[data-portal] .from-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-orange-300) 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); }
[data-portal] .from-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-orange-400) 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); }
[data-portal] .from-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-orange-50) 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); }
[data-portal] .from-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-orange-500) 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); }
[data-portal] .from-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-orange-600) 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); }
[data-portal] .from-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-orange-700) 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); }
[data-portal] .from-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-orange-800) 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); }
[data-portal] .from-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-orange-900) 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); }
[data-portal] .from-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-100) 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); }
[data-portal] .from-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-200) 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); }
[data-portal] .from-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-300) 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); }
[data-portal] .from-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-400) 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); }
[data-portal] .from-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-50) 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); }
[data-portal] .from-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-500) 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); }
[data-portal] .from-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-600) 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); }
[data-portal] .from-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-700) 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); }
[data-portal] .from-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-800) 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); }
[data-portal] .from-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-900) 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); }
[data-portal] .from-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-100) 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); }
[data-portal] .from-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-200) 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); }
[data-portal] .from-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-300) 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); }
[data-portal] .from-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-400) 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); }
[data-portal] .from-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-50) 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); }
[data-portal] .from-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-500) 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); }
[data-portal] .from-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-600) 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); }
[data-portal] .from-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-700) 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); }
[data-portal] .from-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-800) 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); }
[data-portal] .from-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-900) 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); }
[data-portal] .from-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-red-100) 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); }
[data-portal] .from-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-red-200) 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); }
[data-portal] .from-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-red-300) 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); }
[data-portal] .from-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-red-400) 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); }
[data-portal] .from-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-red-50) 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); }
[data-portal] .from-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-red-500) 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); }
[data-portal] .from-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-red-600) 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); }
[data-portal] .from-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-red-700) 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); }
[data-portal] .from-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-red-800) 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); }
[data-portal] .from-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-red-900) 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); }
[data-portal] .from-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-100) 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); }
[data-portal] .from-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-200) 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); }
[data-portal] .from-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-300) 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); }
[data-portal] .from-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-400) 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); }
[data-portal] .from-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-50) 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); }
[data-portal] .from-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-500) 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); }
[data-portal] .from-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-600) 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); }
[data-portal] .from-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-700) 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); }
[data-portal] .from-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-800) 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); }
[data-portal] .from-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-pink-900) 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); }
[data-portal] .from-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-teal-100) 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); }
[data-portal] .from-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-teal-200) 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); }
[data-portal] .from-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-teal-300) 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); }
[data-portal] .from-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-teal-400) 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); }
[data-portal] .from-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-teal-50) 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); }
[data-portal] .from-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-teal-500) 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); }
[data-portal] .from-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-teal-600) 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); }
[data-portal] .from-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-teal-700) 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); }
[data-portal] .from-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-teal-800) 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); }
[data-portal] .from-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-teal-900) 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); }
[data-portal] .from-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-100) 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); }
[data-portal] .from-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-200) 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); }
[data-portal] .from-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-300) 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); }
[data-portal] .from-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-400) 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); }
[data-portal] .from-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-50) 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); }
[data-portal] .from-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-500) 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); }
[data-portal] .from-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-600) 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); }
[data-portal] .from-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-700) 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); }
[data-portal] .from-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-800) 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); }
[data-portal] .from-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-purple-900) 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); }
[data-portal] .from-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-yellow-100) 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); }
[data-portal] .from-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-yellow-200) 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); }
[data-portal] .from-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-yellow-300) 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); }
[data-portal] .from-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-yellow-400) 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); }
[data-portal] .from-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-yellow-50) 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); }
[data-portal] .from-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-yellow-500) 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); }
[data-portal] .from-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-yellow-600) 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); }
[data-portal] .from-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-yellow-700) 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); }
[data-portal] .from-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-yellow-800) 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); }
[data-portal] .from-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-from: var(--p-yellow-900) 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); }
[data-portal] .group:hover .group-hover\:bg-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-100); }
[data-portal] .group:hover .group-hover\:bg-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-200); }
[data-portal] .group:hover .group-hover\:bg-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-300); }
[data-portal] .group:hover .group-hover\:bg-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-400); }
[data-portal] .group:hover .group-hover\:bg-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-50); }
[data-portal] .group:hover .group-hover\:bg-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-500); }
[data-portal] .group:hover .group-hover\:bg-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-600); }
[data-portal] .group:hover .group-hover\:bg-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-700); }
[data-portal] .group:hover .group-hover\:bg-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-800); }
[data-portal] .group:hover .group-hover\:bg-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-900); }
[data-portal] .group:hover .group-hover\:bg-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-100); }
[data-portal] .group:hover .group-hover\:bg-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-200); }
[data-portal] .group:hover .group-hover\:bg-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-300); }
[data-portal] .group:hover .group-hover\:bg-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-400); }
[data-portal] .group:hover .group-hover\:bg-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .group:hover .group-hover\:bg-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-500); }
[data-portal] .group:hover .group-hover\:bg-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-600); }
[data-portal] .group:hover .group-hover\:bg-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-700); }
[data-portal] .group:hover .group-hover\:bg-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-800); }
[data-portal] .group:hover .group-hover\:bg-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-900); }
[data-portal] .group:hover .group-hover\:bg-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-100); }
[data-portal] .group:hover .group-hover\:bg-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-200); }
[data-portal] .group:hover .group-hover\:bg-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-300); }
[data-portal] .group:hover .group-hover\:bg-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-400); }
[data-portal] .group:hover .group-hover\:bg-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .group:hover .group-hover\:bg-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-500); }
[data-portal] .group:hover .group-hover\:bg-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-600); }
[data-portal] .group:hover .group-hover\:bg-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-700); }
[data-portal] .group:hover .group-hover\:bg-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-800); }
[data-portal] .group:hover .group-hover\:bg-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-900); }
[data-portal] .group:hover .group-hover\:bg-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-100); }
[data-portal] .group:hover .group-hover\:bg-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-200); }
[data-portal] .group:hover .group-hover\:bg-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-300); }
[data-portal] .group:hover .group-hover\:bg-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-400); }
[data-portal] .group:hover .group-hover\:bg-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-50); }
[data-portal] .group:hover .group-hover\:bg-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-500); }
[data-portal] .group:hover .group-hover\:bg-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-600); }
[data-portal] .group:hover .group-hover\:bg-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-700); }
[data-portal] .group:hover .group-hover\:bg-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-800); }
[data-portal] .group:hover .group-hover\:bg-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-900); }
[data-portal] .group:hover .group-hover\:bg-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-100); }
[data-portal] .group:hover .group-hover\:bg-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-200); }
[data-portal] .group:hover .group-hover\:bg-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-300); }
[data-portal] .group:hover .group-hover\:bg-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-400); }
[data-portal] .group:hover .group-hover\:bg-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-50); }
[data-portal] .group:hover .group-hover\:bg-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-500); }
[data-portal] .group:hover .group-hover\:bg-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-600); }
[data-portal] .group:hover .group-hover\:bg-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-700); }
[data-portal] .group:hover .group-hover\:bg-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-800); }
[data-portal] .group:hover .group-hover\:bg-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-900); }
[data-portal] .group:hover .group-hover\:bg-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-100); }
[data-portal] .group:hover .group-hover\:bg-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-200); }
[data-portal] .group:hover .group-hover\:bg-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-300); }
[data-portal] .group:hover .group-hover\:bg-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-400); }
[data-portal] .group:hover .group-hover\:bg-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-50); }
[data-portal] .group:hover .group-hover\:bg-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-500); }
[data-portal] .group:hover .group-hover\:bg-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-600); }
[data-portal] .group:hover .group-hover\:bg-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-700); }
[data-portal] .group:hover .group-hover\:bg-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-800); }
[data-portal] .group:hover .group-hover\:bg-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-900); }
[data-portal] .group:hover .group-hover\:bg-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-100); }
[data-portal] .group:hover .group-hover\:bg-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-200); }
[data-portal] .group:hover .group-hover\:bg-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-300); }
[data-portal] .group:hover .group-hover\:bg-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-400); }
[data-portal] .group:hover .group-hover\:bg-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .group:hover .group-hover\:bg-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-500); }
[data-portal] .group:hover .group-hover\:bg-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-600); }
[data-portal] .group:hover .group-hover\:bg-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-700); }
[data-portal] .group:hover .group-hover\:bg-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-800); }
[data-portal] .group:hover .group-hover\:bg-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-900); }
[data-portal] .group:hover .group-hover\:bg-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-100); }
[data-portal] .group:hover .group-hover\:bg-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-200); }
[data-portal] .group:hover .group-hover\:bg-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-300); }
[data-portal] .group:hover .group-hover\:bg-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-400); }
[data-portal] .group:hover .group-hover\:bg-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-50); }
[data-portal] .group:hover .group-hover\:bg-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-500); }
[data-portal] .group:hover .group-hover\:bg-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-600); }
[data-portal] .group:hover .group-hover\:bg-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-700); }
[data-portal] .group:hover .group-hover\:bg-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-800); }
[data-portal] .group:hover .group-hover\:bg-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-900); }
[data-portal] .group:hover .group-hover\:bg-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-100); }
[data-portal] .group:hover .group-hover\:bg-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-200); }
[data-portal] .group:hover .group-hover\:bg-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-300); }
[data-portal] .group:hover .group-hover\:bg-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-400); }
[data-portal] .group:hover .group-hover\:bg-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-50); }
[data-portal] .group:hover .group-hover\:bg-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-500); }
[data-portal] .group:hover .group-hover\:bg-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-600); }
[data-portal] .group:hover .group-hover\:bg-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-700); }
[data-portal] .group:hover .group-hover\:bg-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-800); }
[data-portal] .group:hover .group-hover\:bg-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-900); }
[data-portal] .group:hover .group-hover\:bg-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-100); }
[data-portal] .group:hover .group-hover\:bg-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-200); }
[data-portal] .group:hover .group-hover\:bg-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-300); }
[data-portal] .group:hover .group-hover\:bg-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-400); }
[data-portal] .group:hover .group-hover\:bg-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-50); }
[data-portal] .group:hover .group-hover\:bg-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-500); }
[data-portal] .group:hover .group-hover\:bg-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-600); }
[data-portal] .group:hover .group-hover\:bg-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-700); }
[data-portal] .group:hover .group-hover\:bg-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-800); }
[data-portal] .group:hover .group-hover\:bg-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-900); }
[data-portal] .group:hover .group-hover\:bg-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-100); }
[data-portal] .group:hover .group-hover\:bg-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-200); }
[data-portal] .group:hover .group-hover\:bg-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-300); }
[data-portal] .group:hover .group-hover\:bg-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-400); }
[data-portal] .group:hover .group-hover\:bg-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-50); }
[data-portal] .group:hover .group-hover\:bg-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-500); }
[data-portal] .group:hover .group-hover\:bg-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-600); }
[data-portal] .group:hover .group-hover\:bg-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-700); }
[data-portal] .group:hover .group-hover\:bg-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-800); }
[data-portal] .group:hover .group-hover\:bg-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-900); }
[data-portal] .group:hover .group-hover\:bg-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-100); }
[data-portal] .group:hover .group-hover\:bg-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-200); }
[data-portal] .group:hover .group-hover\:bg-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-300); }
[data-portal] .group:hover .group-hover\:bg-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-400); }
[data-portal] .group:hover .group-hover\:bg-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-50); }
[data-portal] .group:hover .group-hover\:bg-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-500); }
[data-portal] .group:hover .group-hover\:bg-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-600); }
[data-portal] .group:hover .group-hover\:bg-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-700); }
[data-portal] .group:hover .group-hover\:bg-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-800); }
[data-portal] .group:hover .group-hover\:bg-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-900); }
[data-portal] .group:hover .group-hover\:bg-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-100); }
[data-portal] .group:hover .group-hover\:bg-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-200); }
[data-portal] .group:hover .group-hover\:bg-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-300); }
[data-portal] .group:hover .group-hover\:bg-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-400); }
[data-portal] .group:hover .group-hover\:bg-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-50); }
[data-portal] .group:hover .group-hover\:bg-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-500); }
[data-portal] .group:hover .group-hover\:bg-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-600); }
[data-portal] .group:hover .group-hover\:bg-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-700); }
[data-portal] .group:hover .group-hover\:bg-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-800); }
[data-portal] .group:hover .group-hover\:bg-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-900); }
[data-portal] .group:hover .group-hover\:bg-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-100); }
[data-portal] .group:hover .group-hover\:bg-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-200); }
[data-portal] .group:hover .group-hover\:bg-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-300); }
[data-portal] .group:hover .group-hover\:bg-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-400); }
[data-portal] .group:hover .group-hover\:bg-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-50); }
[data-portal] .group:hover .group-hover\:bg-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-500); }
[data-portal] .group:hover .group-hover\:bg-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-600); }
[data-portal] .group:hover .group-hover\:bg-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-700); }
[data-portal] .group:hover .group-hover\:bg-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-800); }
[data-portal] .group:hover .group-hover\:bg-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-900); }
[data-portal] .group:hover .group-hover\:bg-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-100); }
[data-portal] .group:hover .group-hover\:bg-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-200); }
[data-portal] .group:hover .group-hover\:bg-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-300); }
[data-portal] .group:hover .group-hover\:bg-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-400); }
[data-portal] .group:hover .group-hover\:bg-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-50); }
[data-portal] .group:hover .group-hover\:bg-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-500); }
[data-portal] .group:hover .group-hover\:bg-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-600); }
[data-portal] .group:hover .group-hover\:bg-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-700); }
[data-portal] .group:hover .group-hover\:bg-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-800); }
[data-portal] .group:hover .group-hover\:bg-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-900); }
[data-portal] .group:hover .group-hover\:text-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-100); }
[data-portal] .group:hover .group-hover\:text-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-200); }
[data-portal] .group:hover .group-hover\:text-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-300); }
[data-portal] .group:hover .group-hover\:text-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-400); }
[data-portal] .group:hover .group-hover\:text-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-50); }
[data-portal] .group:hover .group-hover\:text-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-500); }
[data-portal] .group:hover .group-hover\:text-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-600); }
[data-portal] .group:hover .group-hover\:text-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-700); }
[data-portal] .group:hover .group-hover\:text-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-800); }
[data-portal] .group:hover .group-hover\:text-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-900); }
[data-portal] .group:hover .group-hover\:text-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-100); }
[data-portal] .group:hover .group-hover\:text-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-200); }
[data-portal] .group:hover .group-hover\:text-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-300); }
[data-portal] .group:hover .group-hover\:text-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-400); }
[data-portal] .group:hover .group-hover\:text-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-50); }
[data-portal] .group:hover .group-hover\:text-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-500); }
[data-portal] .group:hover .group-hover\:text-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-600); }
[data-portal] .group:hover .group-hover\:text-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-700); }
[data-portal] .group:hover .group-hover\:text-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-800); }
[data-portal] .group:hover .group-hover\:text-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-900); }
[data-portal] .group:hover .group-hover\:text-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-100); }
[data-portal] .group:hover .group-hover\:text-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-200); }
[data-portal] .group:hover .group-hover\:text-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-300); }
[data-portal] .group:hover .group-hover\:text-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-400); }
[data-portal] .group:hover .group-hover\:text-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-50); }
[data-portal] .group:hover .group-hover\:text-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-500); }
[data-portal] .group:hover .group-hover\:text-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-600); }
[data-portal] .group:hover .group-hover\:text-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-700); }
[data-portal] .group:hover .group-hover\:text-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-800); }
[data-portal] .group:hover .group-hover\:text-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-900); }
[data-portal] .group:hover .group-hover\:text-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-100); }
[data-portal] .group:hover .group-hover\:text-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-200); }
[data-portal] .group:hover .group-hover\:text-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-300); }
[data-portal] .group:hover .group-hover\:text-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-400); }
[data-portal] .group:hover .group-hover\:text-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-50); }
[data-portal] .group:hover .group-hover\:text-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-500); }
[data-portal] .group:hover .group-hover\:text-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-600); }
[data-portal] .group:hover .group-hover\:text-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-700); }
[data-portal] .group:hover .group-hover\:text-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-800); }
[data-portal] .group:hover .group-hover\:text-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-900); }
[data-portal] .group:hover .group-hover\:text-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-100); }
[data-portal] .group:hover .group-hover\:text-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-200); }
[data-portal] .group:hover .group-hover\:text-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-300); }
[data-portal] .group:hover .group-hover\:text-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-400); }
[data-portal] .group:hover .group-hover\:text-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-50); }
[data-portal] .group:hover .group-hover\:text-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-500); }
[data-portal] .group:hover .group-hover\:text-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-600); }
[data-portal] .group:hover .group-hover\:text-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-700); }
[data-portal] .group:hover .group-hover\:text-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-800); }
[data-portal] .group:hover .group-hover\:text-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-900); }
[data-portal] .group:hover .group-hover\:text-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-100); }
[data-portal] .group:hover .group-hover\:text-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-200); }
[data-portal] .group:hover .group-hover\:text-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-300); }
[data-portal] .group:hover .group-hover\:text-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-400); }
[data-portal] .group:hover .group-hover\:text-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-50); }
[data-portal] .group:hover .group-hover\:text-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-500); }
[data-portal] .group:hover .group-hover\:text-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-600); }
[data-portal] .group:hover .group-hover\:text-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-700); }
[data-portal] .group:hover .group-hover\:text-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-800); }
[data-portal] .group:hover .group-hover\:text-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-900); }
[data-portal] .group:hover .group-hover\:text-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-100); }
[data-portal] .group:hover .group-hover\:text-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-200); }
[data-portal] .group:hover .group-hover\:text-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-300); }
[data-portal] .group:hover .group-hover\:text-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-400); }
[data-portal] .group:hover .group-hover\:text-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-50); }
[data-portal] .group:hover .group-hover\:text-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-500); }
[data-portal] .group:hover .group-hover\:text-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-600); }
[data-portal] .group:hover .group-hover\:text-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-700); }
[data-portal] .group:hover .group-hover\:text-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-800); }
[data-portal] .group:hover .group-hover\:text-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-900); }
[data-portal] .group:hover .group-hover\:text-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-100); }
[data-portal] .group:hover .group-hover\:text-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-200); }
[data-portal] .group:hover .group-hover\:text-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-300); }
[data-portal] .group:hover .group-hover\:text-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-400); }
[data-portal] .group:hover .group-hover\:text-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-50); }
[data-portal] .group:hover .group-hover\:text-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-500); }
[data-portal] .group:hover .group-hover\:text-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-600); }
[data-portal] .group:hover .group-hover\:text-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-700); }
[data-portal] .group:hover .group-hover\:text-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-800); }
[data-portal] .group:hover .group-hover\:text-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-900); }
[data-portal] .group:hover .group-hover\:text-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-100); }
[data-portal] .group:hover .group-hover\:text-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-200); }
[data-portal] .group:hover .group-hover\:text-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-300); }
[data-portal] .group:hover .group-hover\:text-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-400); }
[data-portal] .group:hover .group-hover\:text-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-50); }
[data-portal] .group:hover .group-hover\:text-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-500); }
[data-portal] .group:hover .group-hover\:text-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-600); }
[data-portal] .group:hover .group-hover\:text-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-700); }
[data-portal] .group:hover .group-hover\:text-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-800); }
[data-portal] .group:hover .group-hover\:text-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-900); }
[data-portal] .group:hover .group-hover\:text-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-100); }
[data-portal] .group:hover .group-hover\:text-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-200); }
[data-portal] .group:hover .group-hover\:text-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-300); }
[data-portal] .group:hover .group-hover\:text-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-400); }
[data-portal] .group:hover .group-hover\:text-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-50); }
[data-portal] .group:hover .group-hover\:text-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-500); }
[data-portal] .group:hover .group-hover\:text-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-600); }
[data-portal] .group:hover .group-hover\:text-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-700); }
[data-portal] .group:hover .group-hover\:text-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-800); }
[data-portal] .group:hover .group-hover\:text-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-900); }
[data-portal] .group:hover .group-hover\:text-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-100); }
[data-portal] .group:hover .group-hover\:text-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-200); }
[data-portal] .group:hover .group-hover\:text-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-300); }
[data-portal] .group:hover .group-hover\:text-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-400); }
[data-portal] .group:hover .group-hover\:text-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-50); }
[data-portal] .group:hover .group-hover\:text-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-500); }
[data-portal] .group:hover .group-hover\:text-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-600); }
[data-portal] .group:hover .group-hover\:text-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-700); }
[data-portal] .group:hover .group-hover\:text-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-800); }
[data-portal] .group:hover .group-hover\:text-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-900); }
[data-portal] .group:hover .group-hover\:text-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-100); }
[data-portal] .group:hover .group-hover\:text-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-200); }
[data-portal] .group:hover .group-hover\:text-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-300); }
[data-portal] .group:hover .group-hover\:text-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-400); }
[data-portal] .group:hover .group-hover\:text-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-50); }
[data-portal] .group:hover .group-hover\:text-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-500); }
[data-portal] .group:hover .group-hover\:text-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-600); }
[data-portal] .group:hover .group-hover\:text-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-700); }
[data-portal] .group:hover .group-hover\:text-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-800); }
[data-portal] .group:hover .group-hover\:text-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-900); }
[data-portal] .group:hover .group-hover\:text-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-600); }
[data-portal] .group:hover .group-hover\:text-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-100); }
[data-portal] .group:hover .group-hover\:text-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-200); }
[data-portal] .group:hover .group-hover\:text-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-300); }
[data-portal] .group:hover .group-hover\:text-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-400); }
[data-portal] .group:hover .group-hover\:text-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-50); }
[data-portal] .group:hover .group-hover\:text-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-500); }
[data-portal] .group:hover .group-hover\:text-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-600); }
[data-portal] .group:hover .group-hover\:text-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-700); }
[data-portal] .group:hover .group-hover\:text-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-800); }
[data-portal] .group:hover .group-hover\:text-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-900); }
[data-portal] .group:hover .group-hover\:text-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-100); }
[data-portal] .group:hover .group-hover\:text-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-200); }
[data-portal] .group:hover .group-hover\:text-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-300); }
[data-portal] .group:hover .group-hover\:text-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-400); }
[data-portal] .group:hover .group-hover\:text-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-50); }
[data-portal] .group:hover .group-hover\:text-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-500); }
[data-portal] .group:hover .group-hover\:text-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-600); }
[data-portal] .group:hover .group-hover\:text-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-700); }
[data-portal] .group:hover .group-hover\:text-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-800); }
[data-portal] .group:hover .group-hover\:text-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-900); }
[data-portal] .group:hover .group-hover\:text-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-100); }
[data-portal] .group:hover .group-hover\:text-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-200); }
[data-portal] .group:hover .group-hover\:text-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-300); }
[data-portal] .group:hover .group-hover\:text-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-400); }
[data-portal] .group:hover .group-hover\:text-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-50); }
[data-portal] .group:hover .group-hover\:text-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-500); }
[data-portal] .group:hover .group-hover\:text-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-600); }
[data-portal] .group:hover .group-hover\:text-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-700); }
[data-portal] .group:hover .group-hover\:text-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-800); }
[data-portal] .group:hover .group-hover\:text-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-900); }
[data-portal] .group[open] .group-open\:border-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-200); }
[data-portal] .hover\:bg-amber-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-100); }
[data-portal] .hover\:bg-amber-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-200); }
[data-portal] .hover\:bg-amber-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-300); }
[data-portal] .hover\:bg-amber-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-400); }
[data-portal] .hover\:bg-amber-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-50); }
[data-portal] .hover\:bg-amber-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-500); }
[data-portal] .hover\:bg-amber-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-600); }
[data-portal] .hover\:bg-amber-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-700); }
[data-portal] .hover\:bg-amber-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-800); }
[data-portal] .hover\:bg-amber-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-amber-900); }
[data-portal] .hover\:bg-blue-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-100); }
[data-portal] .hover\:bg-blue-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-200); }
[data-portal] .hover\:bg-blue-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-300); }
[data-portal] .hover\:bg-blue-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-400); }
[data-portal] .hover\:bg-blue-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .hover\:bg-blue-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-500); }
[data-portal] .hover\:bg-blue-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-600); }
[data-portal] .hover\:bg-blue-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-700); }
[data-portal] .hover\:bg-blue-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-800); }
[data-portal] .hover\:bg-blue-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-900); }
[data-portal] .hover\:bg-cyan-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-100); }
[data-portal] .hover\:bg-cyan-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-200); }
[data-portal] .hover\:bg-cyan-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-300); }
[data-portal] .hover\:bg-cyan-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-400); }
[data-portal] .hover\:bg-cyan-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .hover\:bg-cyan-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-500); }
[data-portal] .hover\:bg-cyan-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-600); }
[data-portal] .hover\:bg-cyan-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-700); }
[data-portal] .hover\:bg-cyan-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-800); }
[data-portal] .hover\:bg-cyan-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-900); }
[data-portal] .hover\:bg-emerald-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-100); }
[data-portal] .hover\:bg-emerald-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-200); }
[data-portal] .hover\:bg-emerald-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-300); }
[data-portal] .hover\:bg-emerald-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-400); }
[data-portal] .hover\:bg-emerald-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-50); }
[data-portal] .hover\:bg-emerald-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-500); }
[data-portal] .hover\:bg-emerald-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-600); }
[data-portal] .hover\:bg-emerald-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-700); }
[data-portal] .hover\:bg-emerald-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-800); }
[data-portal] .hover\:bg-emerald-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-900); }
[data-portal] .hover\:bg-gray-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-100); }
[data-portal] .hover\:bg-gray-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-200); }
[data-portal] .hover\:bg-gray-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-300); }
[data-portal] .hover\:bg-gray-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-400); }
[data-portal] .hover\:bg-gray-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-50); }
[data-portal] .hover\:bg-gray-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-500); }
[data-portal] .hover\:bg-gray-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-600); }
[data-portal] .hover\:bg-gray-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-700); }
[data-portal] .hover\:bg-gray-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-800); }
[data-portal] .hover\:bg-gray-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-900); }
[data-portal] .hover\:bg-green-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-100); }
[data-portal] .hover\:bg-green-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-200); }
[data-portal] .hover\:bg-green-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-300); }
[data-portal] .hover\:bg-green-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-400); }
[data-portal] .hover\:bg-green-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-50); }
[data-portal] .hover\:bg-green-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-500); }
[data-portal] .hover\:bg-green-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-600); }
[data-portal] .hover\:bg-green-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-700); }
[data-portal] .hover\:bg-green-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-800); }
[data-portal] .hover\:bg-green-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-green-900); }
[data-portal] .hover\:bg-indigo-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-100); }
[data-portal] .hover\:bg-indigo-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-200); }
[data-portal] .hover\:bg-indigo-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-300); }
[data-portal] .hover\:bg-indigo-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-400); }
[data-portal] .hover\:bg-indigo-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-50); }
[data-portal] .hover\:bg-indigo-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-500); }
[data-portal] .hover\:bg-indigo-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-600); }
[data-portal] .hover\:bg-indigo-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-700); }
[data-portal] .hover\:bg-indigo-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-800); }
[data-portal] .hover\:bg-indigo-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-900); }
[data-portal] .hover\:bg-orange-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-100); }
[data-portal] .hover\:bg-orange-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-200); }
[data-portal] .hover\:bg-orange-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-300); }
[data-portal] .hover\:bg-orange-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-400); }
[data-portal] .hover\:bg-orange-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-50); }
[data-portal] .hover\:bg-orange-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-500); }
[data-portal] .hover\:bg-orange-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-600); }
[data-portal] .hover\:bg-orange-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-700); }
[data-portal] .hover\:bg-orange-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-800); }
[data-portal] .hover\:bg-orange-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-orange-900); }
[data-portal] .hover\:bg-pink-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-100); }
[data-portal] .hover\:bg-pink-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-200); }
[data-portal] .hover\:bg-pink-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-300); }
[data-portal] .hover\:bg-pink-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-400); }
[data-portal] .hover\:bg-pink-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-50); }
[data-portal] .hover\:bg-pink-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-500); }
[data-portal] .hover\:bg-pink-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-600); }
[data-portal] .hover\:bg-pink-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-700); }
[data-portal] .hover\:bg-pink-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-800); }
[data-portal] .hover\:bg-pink-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-900); }
[data-portal] .hover\:bg-purple-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-100); }
[data-portal] .hover\:bg-purple-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-200); }
[data-portal] .hover\:bg-purple-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-300); }
[data-portal] .hover\:bg-purple-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-400); }
[data-portal] .hover\:bg-purple-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-50); }
[data-portal] .hover\:bg-purple-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-500); }
[data-portal] .hover\:bg-purple-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-600); }
[data-portal] .hover\:bg-purple-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-700); }
[data-portal] .hover\:bg-purple-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-800); }
[data-portal] .hover\:bg-purple-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-900); }
[data-portal] .hover\:bg-red-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-100); }
[data-portal] .hover\:bg-red-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-200); }
[data-portal] .hover\:bg-red-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-300); }
[data-portal] .hover\:bg-red-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-400); }
[data-portal] .hover\:bg-red-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-50); }
[data-portal] .hover\:bg-red-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-500); }
[data-portal] .hover\:bg-red-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-600); }
[data-portal] .hover\:bg-red-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-700); }
[data-portal] .hover\:bg-red-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-800); }
[data-portal] .hover\:bg-red-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-red-900); }
[data-portal] .hover\:bg-rose-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-100); }
[data-portal] .hover\:bg-rose-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-200); }
[data-portal] .hover\:bg-rose-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-300); }
[data-portal] .hover\:bg-rose-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-400); }
[data-portal] .hover\:bg-rose-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-50); }
[data-portal] .hover\:bg-rose-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-500); }
[data-portal] .hover\:bg-rose-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-600); }
[data-portal] .hover\:bg-rose-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-700); }
[data-portal] .hover\:bg-rose-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-800); }
[data-portal] .hover\:bg-rose-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-pink-900); }
[data-portal] .hover\:bg-slate-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-50); }
[data-portal] .hover\:bg-teal-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-100); }
[data-portal] .hover\:bg-teal-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-200); }
[data-portal] .hover\:bg-teal-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-300); }
[data-portal] .hover\:bg-teal-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-400); }
[data-portal] .hover\:bg-teal-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-50); }
[data-portal] .hover\:bg-teal-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-500); }
[data-portal] .hover\:bg-teal-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-600); }
[data-portal] .hover\:bg-teal-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-700); }
[data-portal] .hover\:bg-teal-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-800); }
[data-portal] .hover\:bg-teal-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-teal-900); }
[data-portal] .hover\:bg-violet-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-100); }
[data-portal] .hover\:bg-violet-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-200); }
[data-portal] .hover\:bg-violet-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-300); }
[data-portal] .hover\:bg-violet-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-400); }
[data-portal] .hover\:bg-violet-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-50); }
[data-portal] .hover\:bg-violet-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-500); }
[data-portal] .hover\:bg-violet-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-600); }
[data-portal] .hover\:bg-violet-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-700); }
[data-portal] .hover\:bg-violet-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-800); }
[data-portal] .hover\:bg-violet-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-900); }
[data-portal] .hover\:bg-yellow-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-100); }
[data-portal] .hover\:bg-yellow-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-200); }
[data-portal] .hover\:bg-yellow-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-300); }
[data-portal] .hover\:bg-yellow-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-400); }
[data-portal] .hover\:bg-yellow-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-50); }
[data-portal] .hover\:bg-yellow-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-500); }
[data-portal] .hover\:bg-yellow-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-600); }
[data-portal] .hover\:bg-yellow-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-700); }
[data-portal] .hover\:bg-yellow-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-800); }
[data-portal] .hover\:bg-yellow-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-yellow-900); }
[data-portal] .hover\:border-blue-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-300); }
[data-portal] .hover\:border-blue-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-400); }
[data-portal] .hover\:border-blue-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-500); }
[data-portal] .hover\:border-gray-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-300); }
[data-portal] .hover\:border-gray-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-400); }
[data-portal] .hover\:border-purple-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-300); }
[data-portal] .hover\:border-purple-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-400); }
[data-portal] .hover\:border-purple-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-500); }
[data-portal] .hover\:border-red-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-red-500); }
[data-portal] .hover\:border-slate-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-300); }
[data-portal] .hover\:file\:bg-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button:hover { background-color: var(--p-blue-100); }
[data-portal] .hover\:file\:bg-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button:hover { background-color: var(--p-gray-200); }
[data-portal] .hover\:file\:bg-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button:hover { background-color: var(--p-purple-100); }
[data-portal] .hover\:text-amber-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-100); }
[data-portal] .hover\:text-amber-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-200); }
[data-portal] .hover\:text-amber-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-300); }
[data-portal] .hover\:text-amber-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-400); }
[data-portal] .hover\:text-amber-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-50); }
[data-portal] .hover\:text-amber-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-500); }
[data-portal] .hover\:text-amber-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-600); }
[data-portal] .hover\:text-amber-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-700); }
[data-portal] .hover\:text-amber-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-800); }
[data-portal] .hover\:text-amber-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-900); }
[data-portal] .hover\:text-blue-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-100); }
[data-portal] .hover\:text-blue-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-200); }
[data-portal] .hover\:text-blue-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-300); }
[data-portal] .hover\:text-blue-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-400); }
[data-portal] .hover\:text-blue-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-50); }
[data-portal] .hover\:text-blue-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-500); }
[data-portal] .hover\:text-blue-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-600); }
[data-portal] .hover\:text-blue-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-700); }
[data-portal] .hover\:text-blue-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-800); }
[data-portal] .hover\:text-blue-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-900); }
[data-portal] .hover\:text-cyan-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-100); }
[data-portal] .hover\:text-cyan-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-200); }
[data-portal] .hover\:text-cyan-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-300); }
[data-portal] .hover\:text-cyan-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-400); }
[data-portal] .hover\:text-cyan-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-50); }
[data-portal] .hover\:text-cyan-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-500); }
[data-portal] .hover\:text-cyan-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-600); }
[data-portal] .hover\:text-cyan-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-700); }
[data-portal] .hover\:text-cyan-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-800); }
[data-portal] .hover\:text-cyan-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-900); }
[data-portal] .hover\:text-emerald-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-100); }
[data-portal] .hover\:text-emerald-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-200); }
[data-portal] .hover\:text-emerald-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-300); }
[data-portal] .hover\:text-emerald-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-400); }
[data-portal] .hover\:text-emerald-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-50); }
[data-portal] .hover\:text-emerald-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-500); }
[data-portal] .hover\:text-emerald-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-600); }
[data-portal] .hover\:text-emerald-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-700); }
[data-portal] .hover\:text-emerald-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-800); }
[data-portal] .hover\:text-emerald-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-900); }
[data-portal] .hover\:text-gray-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-100); }
[data-portal] .hover\:text-gray-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-200); }
[data-portal] .hover\:text-gray-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-300); }
[data-portal] .hover\:text-gray-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-400); }
[data-portal] .hover\:text-gray-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-50); }
[data-portal] .hover\:text-gray-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-500); }
[data-portal] .hover\:text-gray-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-600); }
[data-portal] .hover\:text-gray-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-700); }
[data-portal] .hover\:text-gray-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-800); }
[data-portal] .hover\:text-gray-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-900); }
[data-portal] .hover\:text-green-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-100); }
[data-portal] .hover\:text-green-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-200); }
[data-portal] .hover\:text-green-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-300); }
[data-portal] .hover\:text-green-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-400); }
[data-portal] .hover\:text-green-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-50); }
[data-portal] .hover\:text-green-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-500); }
[data-portal] .hover\:text-green-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-600); }
[data-portal] .hover\:text-green-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-700); }
[data-portal] .hover\:text-green-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-800); }
[data-portal] .hover\:text-green-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-900); }
[data-portal] .hover\:text-indigo-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-100); }
[data-portal] .hover\:text-indigo-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-200); }
[data-portal] .hover\:text-indigo-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-300); }
[data-portal] .hover\:text-indigo-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-400); }
[data-portal] .hover\:text-indigo-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-50); }
[data-portal] .hover\:text-indigo-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-500); }
[data-portal] .hover\:text-indigo-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-600); }
[data-portal] .hover\:text-indigo-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-700); }
[data-portal] .hover\:text-indigo-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-800); }
[data-portal] .hover\:text-indigo-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-900); }
[data-portal] .hover\:text-orange-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-100); }
[data-portal] .hover\:text-orange-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-200); }
[data-portal] .hover\:text-orange-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-300); }
[data-portal] .hover\:text-orange-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-400); }
[data-portal] .hover\:text-orange-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-50); }
[data-portal] .hover\:text-orange-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-500); }
[data-portal] .hover\:text-orange-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-600); }
[data-portal] .hover\:text-orange-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-700); }
[data-portal] .hover\:text-orange-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-800); }
[data-portal] .hover\:text-orange-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-900); }
[data-portal] .hover\:text-pink-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-100); }
[data-portal] .hover\:text-pink-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-200); }
[data-portal] .hover\:text-pink-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-300); }
[data-portal] .hover\:text-pink-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-400); }
[data-portal] .hover\:text-pink-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-50); }
[data-portal] .hover\:text-pink-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-500); }
[data-portal] .hover\:text-pink-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-600); }
[data-portal] .hover\:text-pink-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-700); }
[data-portal] .hover\:text-pink-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-800); }
[data-portal] .hover\:text-pink-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-900); }
[data-portal] .hover\:text-purple-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-100); }
[data-portal] .hover\:text-purple-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-200); }
[data-portal] .hover\:text-purple-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-300); }
[data-portal] .hover\:text-purple-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-400); }
[data-portal] .hover\:text-purple-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-50); }
[data-portal] .hover\:text-purple-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-500); }
[data-portal] .hover\:text-purple-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-600); }
[data-portal] .hover\:text-purple-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-700); }
[data-portal] .hover\:text-purple-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-800); }
[data-portal] .hover\:text-purple-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-900); }
[data-portal] .hover\:text-red-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-100); }
[data-portal] .hover\:text-red-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-200); }
[data-portal] .hover\:text-red-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-300); }
[data-portal] .hover\:text-red-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-400); }
[data-portal] .hover\:text-red-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-50); }
[data-portal] .hover\:text-red-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-500); }
[data-portal] .hover\:text-red-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-600); }
[data-portal] .hover\:text-red-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-700); }
[data-portal] .hover\:text-red-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-800); }
[data-portal] .hover\:text-red-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-900); }
[data-portal] .hover\:text-rose-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-100); }
[data-portal] .hover\:text-rose-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-200); }
[data-portal] .hover\:text-rose-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-300); }
[data-portal] .hover\:text-rose-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-400); }
[data-portal] .hover\:text-rose-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-50); }
[data-portal] .hover\:text-rose-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-500); }
[data-portal] .hover\:text-rose-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-600); }
[data-portal] .hover\:text-rose-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-700); }
[data-portal] .hover\:text-rose-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-800); }
[data-portal] .hover\:text-rose-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-900); }
[data-portal] .hover\:text-slate-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-900); }
[data-portal] .hover\:text-teal-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-100); }
[data-portal] .hover\:text-teal-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-200); }
[data-portal] .hover\:text-teal-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-300); }
[data-portal] .hover\:text-teal-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-400); }
[data-portal] .hover\:text-teal-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-50); }
[data-portal] .hover\:text-teal-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-500); }
[data-portal] .hover\:text-teal-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-600); }
[data-portal] .hover\:text-teal-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-700); }
[data-portal] .hover\:text-teal-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-800); }
[data-portal] .hover\:text-teal-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-900); }
[data-portal] .hover\:text-violet-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-100); }
[data-portal] .hover\:text-violet-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-200); }
[data-portal] .hover\:text-violet-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-300); }
[data-portal] .hover\:text-violet-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-400); }
[data-portal] .hover\:text-violet-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-50); }
[data-portal] .hover\:text-violet-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-500); }
[data-portal] .hover\:text-violet-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-600); }
[data-portal] .hover\:text-violet-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-700); }
[data-portal] .hover\:text-violet-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-800); }
[data-portal] .hover\:text-violet-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-900); }
[data-portal] .hover\:text-yellow-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-100); }
[data-portal] .hover\:text-yellow-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-200); }
[data-portal] .hover\:text-yellow-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-300); }
[data-portal] .hover\:text-yellow-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-400); }
[data-portal] .hover\:text-yellow-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-50); }
[data-portal] .hover\:text-yellow-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-500); }
[data-portal] .hover\:text-yellow-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-600); }
[data-portal] .hover\:text-yellow-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-700); }
[data-portal] .hover\:text-yellow-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-800); }
[data-portal] .hover\:text-yellow-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-900); }
[data-portal] .outline-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { outline-color: var(--p-blue-200); }
[data-portal] .outline-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { outline-color: var(--p-blue-700); }
[data-portal] .peer:checked ~ .peer-checked\:bg-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-100); }
[data-portal] .peer:checked ~ .peer-checked\:bg-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-blue-600); }
[data-portal] .peer:checked ~ .peer-checked\:bg-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-50); }
[data-portal] .peer:checked ~ .peer-checked\:border-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-400); }
[data-portal] .peer:checked ~ .peer-checked\:border-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-blue-600); }
[data-portal] .peer:checked ~ .peer-checked\:border-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-500); }
[data-portal] .peer:checked ~ .peer-checked\:border-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-purple-600); }
[data-portal] .peer:checked ~ .peer-checked\:text-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-800); }
[data-portal] .peer:focus-visible ~ .peer-focus-visible\:ring-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-500); }
[data-portal] .peer:focus ~ .peer-focus\:ring-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-500); }
[data-portal] .placeholder-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::placeholder { color: var(--p-gray-400); }
[data-portal] .placeholder-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::placeholder { color: var(--p-gray-500); }
[data-portal] .ring-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-100); }
[data-portal] .ring-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-200); }
[data-portal] .ring-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-300); }
[data-portal] .ring-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-400); }
[data-portal] .ring-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-50); }
[data-portal] .ring-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-500); }
[data-portal] .ring-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-600); }
[data-portal] .ring-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-700); }
[data-portal] .ring-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-800); }
[data-portal] .ring-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-amber-900); }
[data-portal] .ring-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-100); }
[data-portal] .ring-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-200); }
[data-portal] .ring-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-300); }
[data-portal] .ring-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-400); }
[data-portal] .ring-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-50); }
[data-portal] .ring-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-500); }
[data-portal] .ring-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-600); }
[data-portal] .ring-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-700); }
[data-portal] .ring-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-800); }
[data-portal] .ring-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-900); }
[data-portal] .ring-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-100); }
[data-portal] .ring-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-200); }
[data-portal] .ring-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-300); }
[data-portal] .ring-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-400); }
[data-portal] .ring-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-50); }
[data-portal] .ring-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-500); }
[data-portal] .ring-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-600); }
[data-portal] .ring-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-700); }
[data-portal] .ring-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-800); }
[data-portal] .ring-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-900); }
[data-portal] .ring-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-100); }
[data-portal] .ring-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-200); }
[data-portal] .ring-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-300); }
[data-portal] .ring-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-400); }
[data-portal] .ring-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-50); }
[data-portal] .ring-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-500); }
[data-portal] .ring-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-600); }
[data-portal] .ring-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-700); }
[data-portal] .ring-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-800); }
[data-portal] .ring-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-900); }
[data-portal] .ring-fuchsia-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-200); }
[data-portal] .ring-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-100); }
[data-portal] .ring-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-200); }
[data-portal] .ring-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-300); }
[data-portal] .ring-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-400); }
[data-portal] .ring-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-50); }
[data-portal] .ring-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-500); }
[data-portal] .ring-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-600); }
[data-portal] .ring-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-700); }
[data-portal] .ring-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-800); }
[data-portal] .ring-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-900); }
[data-portal] .ring-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-100); }
[data-portal] .ring-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-200); }
[data-portal] .ring-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-300); }
[data-portal] .ring-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-400); }
[data-portal] .ring-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-50); }
[data-portal] .ring-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-500); }
[data-portal] .ring-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-600); }
[data-portal] .ring-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-700); }
[data-portal] .ring-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-800); }
[data-portal] .ring-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-green-900); }
[data-portal] .ring-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-100); }
[data-portal] .ring-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-200); }
[data-portal] .ring-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-300); }
[data-portal] .ring-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-400); }
[data-portal] .ring-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-50); }
[data-portal] .ring-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-500); }
[data-portal] .ring-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-600); }
[data-portal] .ring-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-700); }
[data-portal] .ring-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-800); }
[data-portal] .ring-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-900); }
[data-portal] .ring-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-100); }
[data-portal] .ring-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-200); }
[data-portal] .ring-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-300); }
[data-portal] .ring-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-400); }
[data-portal] .ring-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-50); }
[data-portal] .ring-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-500); }
[data-portal] .ring-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-600); }
[data-portal] .ring-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-700); }
[data-portal] .ring-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-800); }
[data-portal] .ring-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-orange-900); }
[data-portal] .ring-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-100); }
[data-portal] .ring-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-200); }
[data-portal] .ring-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-300); }
[data-portal] .ring-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-400); }
[data-portal] .ring-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-50); }
[data-portal] .ring-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-500); }
[data-portal] .ring-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-600); }
[data-portal] .ring-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-700); }
[data-portal] .ring-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-800); }
[data-portal] .ring-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-900); }
[data-portal] .ring-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-100); }
[data-portal] .ring-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-200); }
[data-portal] .ring-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-300); }
[data-portal] .ring-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-400); }
[data-portal] .ring-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-50); }
[data-portal] .ring-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-500); }
[data-portal] .ring-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-600); }
[data-portal] .ring-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-700); }
[data-portal] .ring-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-800); }
[data-portal] .ring-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-900); }
[data-portal] .ring-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-100); }
[data-portal] .ring-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-200); }
[data-portal] .ring-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-300); }
[data-portal] .ring-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-400); }
[data-portal] .ring-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-50); }
[data-portal] .ring-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-500); }
[data-portal] .ring-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-600); }
[data-portal] .ring-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-700); }
[data-portal] .ring-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-800); }
[data-portal] .ring-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-red-900); }
[data-portal] .ring-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-100); }
[data-portal] .ring-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-200); }
[data-portal] .ring-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-300); }
[data-portal] .ring-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-400); }
[data-portal] .ring-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-50); }
[data-portal] .ring-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-500); }
[data-portal] .ring-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-600); }
[data-portal] .ring-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-700); }
[data-portal] .ring-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-800); }
[data-portal] .ring-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-pink-900); }
[data-portal] .ring-sky-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-blue-200); }
[data-portal] .ring-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-200); }
[data-portal] .ring-slate-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-300); }
[data-portal] .ring-slate-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-500); }
[data-portal] .ring-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-600); }
[data-portal] .ring-slate-900\/10:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-gray-900); }
[data-portal] .ring-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-100); }
[data-portal] .ring-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-200); }
[data-portal] .ring-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-300); }
[data-portal] .ring-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-400); }
[data-portal] .ring-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-50); }
[data-portal] .ring-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-500); }
[data-portal] .ring-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-600); }
[data-portal] .ring-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-700); }
[data-portal] .ring-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-800); }
[data-portal] .ring-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-teal-900); }
[data-portal] .ring-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-100); }
[data-portal] .ring-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-200); }
[data-portal] .ring-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-300); }
[data-portal] .ring-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-400); }
[data-portal] .ring-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-50); }
[data-portal] .ring-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-500); }
[data-portal] .ring-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-600); }
[data-portal] .ring-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-700); }
[data-portal] .ring-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-800); }
[data-portal] .ring-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-purple-900); }
[data-portal] .ring-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-100); }
[data-portal] .ring-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-200); }
[data-portal] .ring-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-300); }
[data-portal] .ring-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-400); }
[data-portal] .ring-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-50); }
[data-portal] .ring-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-500); }
[data-portal] .ring-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-600); }
[data-portal] .ring-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-700); }
[data-portal] .ring-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-800); }
[data-portal] .ring-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: var(--p-yellow-900); }
[data-portal] .stroke-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { stroke: var(--p-amber-600); }
[data-portal] .stroke-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { stroke: var(--p-blue-700); }
[data-portal] .stroke-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { stroke: var(--p-green-600); }
[data-portal] .stroke-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { stroke: var(--p-pink-600); }
[data-portal] .stroke-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { stroke: var(--p-gray-200); }
[data-portal] .stroke-slate-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { stroke: var(--p-gray-50); }
[data-portal] .stroke-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { stroke: var(--p-gray-600); }
[data-portal] .text-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-100); }
[data-portal] .text-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-200); }
[data-portal] .text-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-300); }
[data-portal] .text-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-400); }
[data-portal] .text-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-50); }
[data-portal] .text-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-500); }
[data-portal] .text-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-600); }
[data-portal] .text-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-700); }
[data-portal] .text-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-800); }
[data-portal] .text-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-amber-900); }
[data-portal] .text-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-100); }
[data-portal] .text-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-200); }
[data-portal] .text-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-300); }
[data-portal] .text-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-400); }
[data-portal] .text-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-50); }
[data-portal] .text-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-500); }
[data-portal] .text-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-600); }
[data-portal] .text-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-700); }
[data-portal] .text-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-800); }
[data-portal] .text-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-900); }
[data-portal] .text-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-100); }
[data-portal] .text-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-200); }
[data-portal] .text-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-300); }
[data-portal] .text-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-400); }
[data-portal] .text-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-50); }
[data-portal] .text-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-500); }
[data-portal] .text-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-600); }
[data-portal] .text-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-700); }
[data-portal] .text-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-800); }
[data-portal] .text-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-900); }
[data-portal] .text-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-100); }
[data-portal] .text-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-200); }
[data-portal] .text-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-300); }
[data-portal] .text-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-400); }
[data-portal] .text-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-50); }
[data-portal] .text-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-500); }
[data-portal] .text-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-600); }
[data-portal] .text-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-700); }
[data-portal] .text-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-800); }
[data-portal] .text-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-900); }
[data-portal] .text-fuchsia-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-700); }
[data-portal] .text-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-100); }
[data-portal] .text-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-200); }
[data-portal] .text-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-300); }
[data-portal] .text-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-400); }
[data-portal] .text-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-50); }
[data-portal] .text-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-500); }
[data-portal] .text-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-600); }
[data-portal] .text-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-700); }
[data-portal] .text-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-800); }
[data-portal] .text-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-900); }
[data-portal] .text-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-100); }
[data-portal] .text-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-200); }
[data-portal] .text-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-300); }
[data-portal] .text-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-400); }
[data-portal] .text-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-50); }
[data-portal] .text-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-500); }
[data-portal] .text-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-600); }
[data-portal] .text-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-700); }
[data-portal] .text-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-800); }
[data-portal] .text-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-green-900); }
[data-portal] .text-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-100); }
[data-portal] .text-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-200); }
[data-portal] .text-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-300); }
[data-portal] .text-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-400); }
[data-portal] .text-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-50); }
[data-portal] .text-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-500); }
[data-portal] .text-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-600); }
[data-portal] .text-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-700); }
[data-portal] .text-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-800); }
[data-portal] .text-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-900); }
[data-portal] .text-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-100); }
[data-portal] .text-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-200); }
[data-portal] .text-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-300); }
[data-portal] .text-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-400); }
[data-portal] .text-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-50); }
[data-portal] .text-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-500); }
[data-portal] .text-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-600); }
[data-portal] .text-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-700); }
[data-portal] .text-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-800); }
[data-portal] .text-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-orange-900); }
[data-portal] .text-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-100); }
[data-portal] .text-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-200); }
[data-portal] .text-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-300); }
[data-portal] .text-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-400); }
[data-portal] .text-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-50); }
[data-portal] .text-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-500); }
[data-portal] .text-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-600); }
[data-portal] .text-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-700); }
[data-portal] .text-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-800); }
[data-portal] .text-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-900); }
[data-portal] .text-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-100); }
[data-portal] .text-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-200); }
[data-portal] .text-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-300); }
[data-portal] .text-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-400); }
[data-portal] .text-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-50); }
[data-portal] .text-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-500); }
[data-portal] .text-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-600); }
[data-portal] .text-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-700); }
[data-portal] .text-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-800); }
[data-portal] .text-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-900); }
[data-portal] .text-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-100); }
[data-portal] .text-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-200); }
[data-portal] .text-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-300); }
[data-portal] .text-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-400); }
[data-portal] .text-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-50); }
[data-portal] .text-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-500); }
[data-portal] .text-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-600); }
[data-portal] .text-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-700); }
[data-portal] .text-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-800); }
[data-portal] .text-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-red-900); }
[data-portal] .text-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-100); }
[data-portal] .text-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-200); }
[data-portal] .text-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-300); }
[data-portal] .text-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-400); }
[data-portal] .text-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-50); }
[data-portal] .text-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-500); }
[data-portal] .text-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-600); }
[data-portal] .text-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-700); }
[data-portal] .text-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-800); }
[data-portal] .text-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-pink-900); }
[data-portal] .text-sky-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-700); }
[data-portal] .text-sky-950:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-blue-950); }
[data-portal] .text-slate-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-400); }
[data-portal] .text-slate-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-500); }
[data-portal] .text-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-600); }
[data-portal] .text-slate-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-700); }
[data-portal] .text-slate-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-800); }
[data-portal] .text-slate-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-900); }
[data-portal] .text-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-100); }
[data-portal] .text-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-200); }
[data-portal] .text-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-300); }
[data-portal] .text-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-400); }
[data-portal] .text-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-50); }
[data-portal] .text-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-500); }
[data-portal] .text-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-600); }
[data-portal] .text-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-700); }
[data-portal] .text-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-800); }
[data-portal] .text-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-teal-900); }
[data-portal] .text-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-100); }
[data-portal] .text-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-200); }
[data-portal] .text-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-300); }
[data-portal] .text-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-400); }
[data-portal] .text-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-50); }
[data-portal] .text-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-500); }
[data-portal] .text-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-600); }
[data-portal] .text-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-700); }
[data-portal] .text-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-800); }
[data-portal] .text-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-900); }
[data-portal] .text-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-100); }
[data-portal] .text-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-200); }
[data-portal] .text-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-300); }
[data-portal] .text-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-400); }
[data-portal] .text-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-50); }
[data-portal] .text-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-500); }
[data-portal] .text-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-600); }
[data-portal] .text-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-700); }
[data-portal] .text-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-800); }
[data-portal] .text-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-yellow-900); }
[data-portal] .to-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-amber-100) var(--tw-gradient-to-position); }
[data-portal] .to-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-amber-200) var(--tw-gradient-to-position); }
[data-portal] .to-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-amber-300) var(--tw-gradient-to-position); }
[data-portal] .to-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-amber-400) var(--tw-gradient-to-position); }
[data-portal] .to-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-amber-50) var(--tw-gradient-to-position); }
[data-portal] .to-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-amber-500) var(--tw-gradient-to-position); }
[data-portal] .to-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-amber-600) var(--tw-gradient-to-position); }
[data-portal] .to-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-amber-700) var(--tw-gradient-to-position); }
[data-portal] .to-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-amber-800) var(--tw-gradient-to-position); }
[data-portal] .to-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-amber-900) var(--tw-gradient-to-position); }
[data-portal] .to-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-100) var(--tw-gradient-to-position); }
[data-portal] .to-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-200) var(--tw-gradient-to-position); }
[data-portal] .to-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-300) var(--tw-gradient-to-position); }
[data-portal] .to-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-400) var(--tw-gradient-to-position); }
[data-portal] .to-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-50) var(--tw-gradient-to-position); }
[data-portal] .to-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-500) var(--tw-gradient-to-position); }
[data-portal] .to-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-600) var(--tw-gradient-to-position); }
[data-portal] .to-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-700) var(--tw-gradient-to-position); }
[data-portal] .to-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-800) var(--tw-gradient-to-position); }
[data-portal] .to-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-900) var(--tw-gradient-to-position); }
[data-portal] .to-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-100) var(--tw-gradient-to-position); }
[data-portal] .to-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-200) var(--tw-gradient-to-position); }
[data-portal] .to-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-300) var(--tw-gradient-to-position); }
[data-portal] .to-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-400) var(--tw-gradient-to-position); }
[data-portal] .to-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-50) var(--tw-gradient-to-position); }
[data-portal] .to-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-500) var(--tw-gradient-to-position); }
[data-portal] .to-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-600) var(--tw-gradient-to-position); }
[data-portal] .to-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-700) var(--tw-gradient-to-position); }
[data-portal] .to-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-800) var(--tw-gradient-to-position); }
[data-portal] .to-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-900) var(--tw-gradient-to-position); }
[data-portal] .to-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-100) var(--tw-gradient-to-position); }
[data-portal] .to-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-200) var(--tw-gradient-to-position); }
[data-portal] .to-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-300) var(--tw-gradient-to-position); }
[data-portal] .to-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-400) var(--tw-gradient-to-position); }
[data-portal] .to-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-50) var(--tw-gradient-to-position); }
[data-portal] .to-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-500) var(--tw-gradient-to-position); }
[data-portal] .to-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-600) var(--tw-gradient-to-position); }
[data-portal] .to-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-700) var(--tw-gradient-to-position); }
[data-portal] .to-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-800) var(--tw-gradient-to-position); }
[data-portal] .to-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-900) var(--tw-gradient-to-position); }
[data-portal] .to-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-gray-100) var(--tw-gradient-to-position); }
[data-portal] .to-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-gray-200) var(--tw-gradient-to-position); }
[data-portal] .to-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-gray-300) var(--tw-gradient-to-position); }
[data-portal] .to-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-gray-400) var(--tw-gradient-to-position); }
[data-portal] .to-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-gray-50) var(--tw-gradient-to-position); }
[data-portal] .to-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-gray-500) var(--tw-gradient-to-position); }
[data-portal] .to-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-gray-600) var(--tw-gradient-to-position); }
[data-portal] .to-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-gray-700) var(--tw-gradient-to-position); }
[data-portal] .to-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-gray-800) var(--tw-gradient-to-position); }
[data-portal] .to-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-gray-900) var(--tw-gradient-to-position); }
[data-portal] .to-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-100) var(--tw-gradient-to-position); }
[data-portal] .to-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-200) var(--tw-gradient-to-position); }
[data-portal] .to-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-300) var(--tw-gradient-to-position); }
[data-portal] .to-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-400) var(--tw-gradient-to-position); }
[data-portal] .to-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-50) var(--tw-gradient-to-position); }
[data-portal] .to-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-500) var(--tw-gradient-to-position); }
[data-portal] .to-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-600) var(--tw-gradient-to-position); }
[data-portal] .to-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-700) var(--tw-gradient-to-position); }
[data-portal] .to-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-800) var(--tw-gradient-to-position); }
[data-portal] .to-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-green-900) var(--tw-gradient-to-position); }
[data-portal] .to-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-100) var(--tw-gradient-to-position); }
[data-portal] .to-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-200) var(--tw-gradient-to-position); }
[data-portal] .to-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-300) var(--tw-gradient-to-position); }
[data-portal] .to-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-400) var(--tw-gradient-to-position); }
[data-portal] .to-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-50) var(--tw-gradient-to-position); }
[data-portal] .to-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-500) var(--tw-gradient-to-position); }
[data-portal] .to-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-600) var(--tw-gradient-to-position); }
[data-portal] .to-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-700) var(--tw-gradient-to-position); }
[data-portal] .to-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-800) var(--tw-gradient-to-position); }
[data-portal] .to-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-blue-900) var(--tw-gradient-to-position); }
[data-portal] .to-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-orange-100) var(--tw-gradient-to-position); }
[data-portal] .to-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-orange-200) var(--tw-gradient-to-position); }
[data-portal] .to-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-orange-300) var(--tw-gradient-to-position); }
[data-portal] .to-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-orange-400) var(--tw-gradient-to-position); }
[data-portal] .to-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-orange-50) var(--tw-gradient-to-position); }
[data-portal] .to-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-orange-500) var(--tw-gradient-to-position); }
[data-portal] .to-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-orange-600) var(--tw-gradient-to-position); }
[data-portal] .to-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-orange-700) var(--tw-gradient-to-position); }
[data-portal] .to-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-orange-800) var(--tw-gradient-to-position); }
[data-portal] .to-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-orange-900) var(--tw-gradient-to-position); }
[data-portal] .to-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-100) var(--tw-gradient-to-position); }
[data-portal] .to-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-200) var(--tw-gradient-to-position); }
[data-portal] .to-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-300) var(--tw-gradient-to-position); }
[data-portal] .to-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-400) var(--tw-gradient-to-position); }
[data-portal] .to-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-50) var(--tw-gradient-to-position); }
[data-portal] .to-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-500) var(--tw-gradient-to-position); }
[data-portal] .to-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-600) var(--tw-gradient-to-position); }
[data-portal] .to-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-700) var(--tw-gradient-to-position); }
[data-portal] .to-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-800) var(--tw-gradient-to-position); }
[data-portal] .to-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-900) var(--tw-gradient-to-position); }
[data-portal] .to-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-100) var(--tw-gradient-to-position); }
[data-portal] .to-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-200) var(--tw-gradient-to-position); }
[data-portal] .to-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-300) var(--tw-gradient-to-position); }
[data-portal] .to-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-400) var(--tw-gradient-to-position); }
[data-portal] .to-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-50) var(--tw-gradient-to-position); }
[data-portal] .to-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-500) var(--tw-gradient-to-position); }
[data-portal] .to-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-600) var(--tw-gradient-to-position); }
[data-portal] .to-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-700) var(--tw-gradient-to-position); }
[data-portal] .to-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-800) var(--tw-gradient-to-position); }
[data-portal] .to-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-900) var(--tw-gradient-to-position); }
[data-portal] .to-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-red-100) var(--tw-gradient-to-position); }
[data-portal] .to-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-red-200) var(--tw-gradient-to-position); }
[data-portal] .to-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-red-300) var(--tw-gradient-to-position); }
[data-portal] .to-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-red-400) var(--tw-gradient-to-position); }
[data-portal] .to-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-red-50) var(--tw-gradient-to-position); }
[data-portal] .to-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-red-500) var(--tw-gradient-to-position); }
[data-portal] .to-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-red-600) var(--tw-gradient-to-position); }
[data-portal] .to-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-red-700) var(--tw-gradient-to-position); }
[data-portal] .to-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-red-800) var(--tw-gradient-to-position); }
[data-portal] .to-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-red-900) var(--tw-gradient-to-position); }
[data-portal] .to-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-100) var(--tw-gradient-to-position); }
[data-portal] .to-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-200) var(--tw-gradient-to-position); }
[data-portal] .to-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-300) var(--tw-gradient-to-position); }
[data-portal] .to-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-400) var(--tw-gradient-to-position); }
[data-portal] .to-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-50) var(--tw-gradient-to-position); }
[data-portal] .to-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-500) var(--tw-gradient-to-position); }
[data-portal] .to-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-600) var(--tw-gradient-to-position); }
[data-portal] .to-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-700) var(--tw-gradient-to-position); }
[data-portal] .to-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-800) var(--tw-gradient-to-position); }
[data-portal] .to-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-pink-900) var(--tw-gradient-to-position); }
[data-portal] .to-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-teal-100) var(--tw-gradient-to-position); }
[data-portal] .to-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-teal-200) var(--tw-gradient-to-position); }
[data-portal] .to-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-teal-300) var(--tw-gradient-to-position); }
[data-portal] .to-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-teal-400) var(--tw-gradient-to-position); }
[data-portal] .to-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-teal-50) var(--tw-gradient-to-position); }
[data-portal] .to-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-teal-500) var(--tw-gradient-to-position); }
[data-portal] .to-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-teal-600) var(--tw-gradient-to-position); }
[data-portal] .to-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-teal-700) var(--tw-gradient-to-position); }
[data-portal] .to-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-teal-800) var(--tw-gradient-to-position); }
[data-portal] .to-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-teal-900) var(--tw-gradient-to-position); }
[data-portal] .to-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-100) var(--tw-gradient-to-position); }
[data-portal] .to-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-200) var(--tw-gradient-to-position); }
[data-portal] .to-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-300) var(--tw-gradient-to-position); }
[data-portal] .to-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-400) var(--tw-gradient-to-position); }
[data-portal] .to-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-50) var(--tw-gradient-to-position); }
[data-portal] .to-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-500) var(--tw-gradient-to-position); }
[data-portal] .to-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-600) var(--tw-gradient-to-position); }
[data-portal] .to-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-700) var(--tw-gradient-to-position); }
[data-portal] .to-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-800) var(--tw-gradient-to-position); }
[data-portal] .to-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-purple-900) var(--tw-gradient-to-position); }
[data-portal] .to-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-yellow-100) var(--tw-gradient-to-position); }
[data-portal] .to-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-yellow-200) var(--tw-gradient-to-position); }
[data-portal] .to-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-yellow-300) var(--tw-gradient-to-position); }
[data-portal] .to-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-yellow-400) var(--tw-gradient-to-position); }
[data-portal] .to-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-yellow-50) var(--tw-gradient-to-position); }
[data-portal] .to-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-yellow-500) var(--tw-gradient-to-position); }
[data-portal] .to-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-yellow-600) var(--tw-gradient-to-position); }
[data-portal] .to-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-yellow-700) var(--tw-gradient-to-position); }
[data-portal] .to-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-yellow-800) var(--tw-gradient-to-position); }
[data-portal] .to-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-gradient-to: var(--p-yellow-900) var(--tw-gradient-to-position); }
@media (min-width: 768px) { [data-portal] .md\:border-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-200); } }
@media (min-width: 640px) { [data-portal] .sm\:bg-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-purple-100); } }
@media (min-width: 640px) { [data-portal] .sm\:bg-slate-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-50); } }
@media (min-width: 640px) { [data-portal] .sm\:border-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-gray-200); } }
@media (min-width: 640px) { [data-portal] .sm\:text-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-purple-800); } }
:root[data-portal]:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal] *:where(:not(code, pre, kbd, samp, .font-mono, code *, pre *, kbd *, samp *, .font-mono *)):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { font-family: var(--font-sans); }
:root[data-portal]:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { -webkit-font-smoothing: antialiased; }
:root[data-portal] :is(h1, h2, h3):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { letter-spacing: -0.01em; }
:root[data-portal] .rounded:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-radius: var(--radius-md); }
:root[data-portal] .rounded-md:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-radius: var(--radius-field); }
:root[data-portal] .rounded-lg:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-radius: var(--radius-xl); }
:root[data-portal] .rounded-xl:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-radius: var(--radius-panel); }
:root[data-portal] .rounded-2xl:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-radius: var(--radius-band); }
:root[data-portal] .rounded-t-md:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-top-left-radius: var(--radius-field); border-top-right-radius: var(--radius-field); }
:root[data-portal] .rounded-b-md:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-bottom-left-radius: var(--radius-field); border-bottom-right-radius: var(--radius-field); }
:root[data-portal] .rounded-l-md:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-top-left-radius: var(--radius-field); border-bottom-left-radius: var(--radius-field); }
:root[data-portal] .rounded-r-md:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-top-right-radius: var(--radius-field); border-bottom-right-radius: var(--radius-field); }
:root[data-portal] .rounded-t-lg:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); }
:root[data-portal] .rounded-b-lg:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-bottom-left-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); }
:root[data-portal] .rounded-l-lg:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-top-left-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); }
:root[data-portal] .rounded-r-lg:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-top-right-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); }
:root[data-portal] .rounded-t-xl:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-top-left-radius: var(--radius-panel); border-top-right-radius: var(--radius-panel); }
:root[data-portal] .rounded-b-xl:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-bottom-left-radius: var(--radius-panel); border-bottom-right-radius: var(--radius-panel); }
:root[data-portal] .rounded-l-xl:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-top-left-radius: var(--radius-panel); border-bottom-left-radius: var(--radius-panel); }
:root[data-portal] .rounded-r-xl:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-top-right-radius: var(--radius-panel); border-bottom-right-radius: var(--radius-panel); }
:root[data-portal] :is(.shadow, .shadow-sm, .shadow-md):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-shadow: 0 0 0 1px var(--p-gray-200); --tw-shadow-colored: 0 0 0 1px var(--p-gray-200); }
:root[data-portal] :is(.shadow-lg, .shadow-xl, .shadow-2xl):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-shadow: var(--shadow-modal); --tw-shadow-colored: var(--shadow-modal); }
:root[data-portal] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]), select, textarea):not([readonly], :disabled):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-gray-50); }
:root[data-portal] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]), select, textarea):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-radius: var(--radius-field); }
:root[data-portal] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]), select, textarea):not([aria-invalid="true"], [class^='border-red-'], [class*=' border-red-'], [class^='border-rose-'], [class*=' border-rose-'], [class^='border-orange-'], [class*=' border-orange-'], [class^='border-amber-'], [class*=' border-amber-'], [class^='border-yellow-'], [class*=' border-yellow-']):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-field-edge); }
:root[data-portal] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]), select, textarea):not([aria-invalid="true"], [class^='border-red-'], [class*=' border-red-'], [class^='border-rose-'], [class*=' border-rose-'], [class^='border-orange-'], [class*=' border-orange-'], [class^='border-amber-'], [class*=' border-amber-'], [class^='border-yellow-'], [class*=' border-yellow-']):focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-brand); --tw-ring-color: var(--p-brand); }
:root[data-portal] :is(button, a, input[type=submit]):is([class^='bg-'], [class*=' bg-']):not([class^='bg-white'], [class*=' bg-white'], [class^='bg-gray'], [class*=' bg-gray'], [class^='bg-transparent'], [class*=' bg-transparent']):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { font-weight: 600; }
:root[data-portal] :is(button, a, input[type=submit]):is([class^='bg-'], [class*=' bg-']):not([class^='bg-white'], [class*=' bg-white'], [class^='bg-gray'], [class*=' bg-gray'], [class^='bg-transparent'], [class*=' bg-transparent']):not([class^='rounded-full'], [class*=' rounded-full'], [class^='rounded-none'], [class*=' rounded-none'], [class^='rounded-t'], [class*=' rounded-t'], [class^='rounded-b'], [class*=' rounded-b'], [class^='rounded-r'], [class*=' rounded-r'], [class^='rounded-e'], [class*=' rounded-e'], [class^='rounded-l-'], [class*=' rounded-l-'], [class^='rounded-s-'], [class*=' rounded-s-'], [class^='rounded-ss'], [class*=' rounded-ss'], [class^='rounded-se'], [class*=' rounded-se'], [class~='rounded-l'], [class~='rounded-s']):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-radius: var(--radius-lg); }
:root[data-portal] :focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { outline: 2px solid var(--p-brand); outline-offset: 2px; }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) :focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal="staff"] body > nav:first-of-type :focus-visible:where(:not(nav .bg-white *)):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal] thead :focus-visible:where(:not(thead th .bg-white *)):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { outline-color: var(--p-on-brand); }
:root[data-portal] thead:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal] thead > tr:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal] thead th:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-brand-dark); }
:root[data-portal="staff"] thead:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal="staff"] thead > tr:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal="staff"] thead th:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-navy); }
:root[data-portal] thead th:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal] thead th:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal] thead th :not(input, select, textarea, option):where(:not(thead th .bg-white, thead th .bg-white *)):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal] thead th :not(input, select, textarea, option):hover:where(:not(thead th .bg-white, thead th .bg-white *)):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal] thead th .group:hover :not(input, select, textarea, option):where(:not(thead th .bg-white, thead th .bg-white *)):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-on-brand); }
[data-portal] :where(thead th .bg-white, thead th :is(input, select, textarea)):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-900); }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background: linear-gradient(180deg, var(--p-band-top), var(--p-brand-dark)); box-shadow: none; border-bottom: 0; border-radius: 0 0 var(--radius-band) var(--radius-band); color: var(--p-on-brand); }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) :is(.text-gray-400, .text-gray-500, .text-gray-600, .text-gray-700, .text-gray-800, .text-gray-900):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-on-brand); }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) :is(.text-purple-100, .text-purple-200, .text-teal-100, .text-teal-200):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-on-brand-muted); }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) img[src*='8ai-logo']:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background: var(--p-surface); border-radius: var(--radius-lg); padding: var(--space-4) var(--space-8); max-width: none; }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) :is(a, button).bg-white:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) :is(a, button).border:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-raised); border-color: transparent; color: var(--p-on-brand); }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) :is(a, button).bg-white *:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) :is(a, button).border *:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-on-brand); }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) :is(a, button, span):is(.bg-blue-600, .bg-teal-600, .bg-purple-600):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-surface); border-color: var(--p-surface); color: var(--p-brand); }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) :is(a, button, span):is(.bg-blue-600, .bg-teal-600, .bg-purple-600) *:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-brand); }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) :is(.hover\:bg-gray-50, .hover\:bg-white):hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-brand-dark); }
:root[data-portal="staff"] body > nav:first-of-type:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background: var(--p-navy); border-bottom-color: var(--p-navy); box-shadow: none; }
:root[data-portal="staff"] body > nav:first-of-type :is(.text-gray-400, .text-gray-500, .text-gray-600):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-on-navy-muted); }
:root[data-portal="staff"] body > nav:first-of-type :is(.text-gray-700, .text-gray-800, .text-gray-900, .hover\:text-gray-700:hover):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-on-brand); }
:root[data-portal="staff"] body > nav:first-of-type .border-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-on-brand-muted); }
:root[data-portal="staff"] body > nav:first-of-type .hover\:border-gray-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: var(--p-on-brand-muted); }
:root[data-portal="staff"] body > nav:first-of-type :is(.bg-gray-50, .bg-gray-100):where(:not(nav .bg-white *)):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal="staff"] body > nav:first-of-type :is(.hover\:bg-gray-50, .hover\:bg-gray-100):hover:where(:not(nav .bg-white *)):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-raised); }
:root[data-portal="staff"] body > nav:first-of-type img[src*='8ai-logo']:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background: var(--p-surface); border-radius: var(--radius-field); padding: 3px 7px; }
:root[data-portal="staff"] body > nav:first-of-type :is(button, a).border:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-raised); border-color: transparent; color: var(--p-on-brand); }
:root[data-portal="staff"] body > nav:first-of-type :is(.absolute, [x-show]).bg-white:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal="staff"] body > nav:first-of-type :is(.absolute, [x-show]) .bg-white:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: var(--p-surface); }
:root[data-portal="staff"] body > nav:first-of-type :is(.absolute, [x-show]).bg-white :is(.text-gray-400, .text-gray-500, .text-gray-600, .text-gray-700, .text-gray-800, .text-gray-900):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)), :root[data-portal="staff"] body > nav:first-of-type :is(.absolute, [x-show]) .bg-white :is(.text-gray-400, .text-gray-500, .text-gray-600, .text-gray-700, .text-gray-800, .text-gray-900):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: var(--p-gray-700); }
:root[data-portal] .nav-progress:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::before { background-color: var(--p-on-brand-muted); }
@media (min-width: 1024px) {
:root[data-portal="staff"] body > nav:first-of-type [data-nav-links] > a:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { padding-left: 6px; padding-right: 6px; }
:root[data-portal="staff"] body > nav:first-of-type [data-nav-links] > a + a:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { margin-left: 2px; }
:root[data-portal="staff"] body > nav:first-of-type .sm\:gap-4:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { column-gap: 8px; }
:root[data-portal="staff"] body > nav:first-of-type [data-org-switcher] > div:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { margin-left: 4px; }
:root[data-portal="staff"] body > nav:first-of-type [data-org-switcher] > div > button:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { padding-left: 8px; padding-right: 8px; }
:root[data-portal="staff"] body > nav:first-of-type [data-org-switcher-name]:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { letter-spacing: -0.02em; }
}
@media (max-width: 639px) {
:root[data-portal="staff"] .bg-gradient-to-r > .max-w-7xl > .flex.justify-between:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { flex-wrap: wrap; row-gap: var(--space-16); }
}
@supports (color: color-mix(in srgb, red 50%, transparent)) {
[data-portal] .backdrop\:bg-gray-900\/50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::backdrop { background-color: color-mix(in srgb, var(--p-gray-900) 50%, transparent); }
[data-portal] .backdrop\:bg-slate-900\/40:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::backdrop { background-color: color-mix(in srgb, var(--p-gray-900) 40%, transparent); }
[data-portal] .bg-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-amber-50\/60:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-50) 60%, transparent); }
[data-portal] .bg-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-blue-50\/50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) 50%, transparent); }
[data-portal] .bg-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-fuchsia-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-indigo-50\/50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) 50%, transparent); }
[data-portal] .bg-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-rose-50\/60:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-50) 60%, transparent); }
[data-portal] .bg-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-sky-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-slate-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-slate-200\/50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-200) 50%, transparent); }
[data-portal] .bg-slate-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-slate-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-slate-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .bg-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .border-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-b-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-bottom-color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-l-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-left-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-l-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-left-color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-l-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-left-color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-sky-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-slate-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-slate-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-slate-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-slate-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-100) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-50) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-700) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-800) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .border-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-900) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .disabled\:bg-gray-100:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .disabled\:bg-gray-300:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .disabled\:bg-gray-400:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .disabled\:hover\:bg-gray-300:disabled:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .disabled\:hover\:bg-gray-400:disabled:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .disabled\:text-gray-400:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .disabled\:text-gray-500:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .disabled\:text-gray-600:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .disabled\:text-gray-700:disabled:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .divide-blue-200 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-divide-opacity, 1) * 100%), transparent); }
[data-portal] .divide-gray-100 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-divide-opacity, 1) * 100%), transparent); }
[data-portal] .divide-gray-200 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-divide-opacity, 1) * 100%), transparent); }
[data-portal] .divide-gray-300 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-divide-opacity, 1) * 100%), transparent); }
[data-portal] .divide-gray-50 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-divide-opacity, 1) * 100%), transparent); }
[data-portal] .divide-red-200 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-200) calc(var(--tw-divide-opacity, 1) * 100%), transparent); }
[data-portal] .divide-slate-200 > :not([hidden]) ~ :not([hidden]):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-divide-opacity, 1) * 100%), transparent); }
[data-portal] .file\:bg-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .file\:bg-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { background-color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .file\:bg-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { background-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .file\:text-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .file\:text-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .file\:text-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button { color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .focus-visible\:ring-blue-500:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus-visible\:ring-blue-600:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus-visible\:ring-blue-700:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus-visible\:ring-purple-500:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus-visible\:ring-purple-600:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus-visible\:ring-purple-700:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus-visible\:ring-red-500:focus-visible:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus-within\:bg-slate-50:focus-within:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .focus-within\:ring-blue-500:focus-within:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus-within\:ring-purple-500:focus-within:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:border-amber-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-amber-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:border-blue-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:border-green-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:border-indigo-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:border-orange-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-orange-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:border-pink-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:border-purple-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:border-red-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:border-teal-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-teal-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:border-yellow-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:placeholder-gray-400:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::placeholder { color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-placeholder-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-amber-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-blue-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-gray-400:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-gray-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-green-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-green-700:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-indigo-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-orange-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-pink-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-purple-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-purple-700:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-red-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-slate-400:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-teal-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:ring-yellow-500:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .focus\:text-gray-600:focus:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:bg-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group:hover .group-hover\:text-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .group[open] .group-open\:border-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-amber-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-amber-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-amber-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-amber-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-amber-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-amber-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-amber-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-amber-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-amber-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-amber-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-amber-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-blue-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-blue-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-blue-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-blue-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-blue-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-blue-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-blue-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-blue-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-blue-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-blue-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-cyan-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-cyan-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-cyan-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-cyan-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-cyan-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-cyan-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-cyan-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-cyan-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-cyan-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-cyan-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-emerald-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-emerald-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-emerald-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-emerald-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-emerald-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-emerald-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-emerald-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-emerald-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-emerald-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-emerald-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-gray-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-gray-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-gray-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-gray-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-gray-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-gray-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-gray-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-gray-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-gray-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-gray-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-green-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-green-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-green-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-green-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-green-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-green-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-green-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-green-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-green-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-green-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-indigo-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-indigo-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-indigo-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-indigo-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-indigo-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-indigo-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-indigo-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-indigo-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-indigo-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-indigo-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-orange-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-orange-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-orange-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-orange-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-orange-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-orange-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-orange-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-orange-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-orange-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-orange-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-orange-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-pink-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-pink-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-pink-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-pink-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-pink-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-pink-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-pink-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-pink-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-pink-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-pink-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-purple-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-purple-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-purple-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-purple-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-purple-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-purple-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-purple-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-purple-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-purple-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-purple-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-red-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-red-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-red-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-red-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-red-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-red-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-red-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-red-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-red-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-red-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-red-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-rose-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-rose-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-rose-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-rose-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-rose-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-rose-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-rose-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-rose-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-rose-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-rose-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-slate-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-teal-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-teal-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-teal-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-teal-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-teal-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-teal-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-teal-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-teal-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-teal-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-teal-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-teal-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-violet-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-violet-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-violet-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-violet-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-violet-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-violet-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-violet-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-violet-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-violet-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-violet-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-yellow-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-yellow-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-yellow-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-300) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-yellow-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-400) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-yellow-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-yellow-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-yellow-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-yellow-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-700) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-yellow-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-800) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:bg-yellow-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-yellow-900) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:border-blue-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:border-blue-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:border-blue-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:border-gray-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:border-gray-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:border-purple-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:border-purple-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:border-purple-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:border-red-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:border-slate-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:file\:bg-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button:hover { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:file\:bg-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button:hover { background-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:file\:bg-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::file-selector-button:hover { background-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-amber-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-amber-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-amber-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-amber-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-amber-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-amber-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-amber-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-amber-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-amber-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-amber-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-blue-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-blue-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-blue-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-blue-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-blue-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-blue-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-blue-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-blue-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-blue-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-blue-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-cyan-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-cyan-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-cyan-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-cyan-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-cyan-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-cyan-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-cyan-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-cyan-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-cyan-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-cyan-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-emerald-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-emerald-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-emerald-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-emerald-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-emerald-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-emerald-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-emerald-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-emerald-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-emerald-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-emerald-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-gray-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-gray-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-gray-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-gray-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-gray-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-gray-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-gray-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-gray-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-gray-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-gray-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-green-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-green-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-green-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-green-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-green-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-green-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-green-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-green-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-green-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-green-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-indigo-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-indigo-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-indigo-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-indigo-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-indigo-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-indigo-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-indigo-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-indigo-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-indigo-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-indigo-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-orange-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-orange-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-orange-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-orange-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-orange-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-orange-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-orange-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-orange-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-orange-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-orange-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-pink-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-pink-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-pink-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-pink-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-pink-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-pink-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-pink-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-pink-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-pink-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-pink-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-purple-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-purple-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-purple-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-purple-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-purple-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-purple-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-purple-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-purple-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-purple-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-purple-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-red-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-red-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-red-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-red-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-red-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-red-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-red-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-red-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-red-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-red-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-rose-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-rose-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-rose-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-rose-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-rose-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-rose-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-rose-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-rose-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-rose-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-rose-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-slate-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-teal-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-teal-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-teal-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-teal-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-teal-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-teal-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-teal-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-teal-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-teal-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-teal-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-violet-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-violet-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-violet-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-violet-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-violet-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-violet-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-violet-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-violet-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-violet-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-violet-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-yellow-100:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-yellow-200:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-yellow-300:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-yellow-400:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-yellow-50:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-yellow-500:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-yellow-600:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-yellow-700:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-yellow-800:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .hover\:text-yellow-900:hover:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .peer:checked ~ .peer-checked\:bg-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .peer:checked ~ .peer-checked\:bg-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .peer:checked ~ .peer-checked\:bg-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); }
[data-portal] .peer:checked ~ .peer-checked\:border-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .peer:checked ~ .peer-checked\:border-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .peer:checked ~ .peer-checked\:border-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .peer:checked ~ .peer-checked\:border-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-border-opacity, 1) * 100%), transparent); }
[data-portal] .peer:checked ~ .peer-checked\:text-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .peer:focus-visible ~ .peer-focus-visible\:ring-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .peer:focus ~ .peer-focus\:ring-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .placeholder-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::placeholder { color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-placeholder-opacity, 1) * 100%), transparent); }
[data-portal] .placeholder-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *))::placeholder { color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-placeholder-opacity, 1) * 100%), transparent); }
[data-portal] .ring-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-amber-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-fuchsia-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-orange-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-red-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-sky-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-slate-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-slate-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-slate-900\/10:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-gray-900) 10%, transparent); }
[data-portal] .ring-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-teal-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-100) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-200) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-300) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-400) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-50) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-600) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-700) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-800) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .ring-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { --tw-ring-color: color-mix(in srgb, var(--p-yellow-900) calc(var(--tw-ring-opacity, 1) * 100%), transparent); }
[data-portal] .text-amber-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-amber-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-amber-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-amber-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-amber-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-amber-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-amber-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-amber-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-amber-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-amber-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-amber-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-blue-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-blue-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-blue-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-blue-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-blue-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-blue-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-blue-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-blue-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-blue-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-blue-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-cyan-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-cyan-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-cyan-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-cyan-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-cyan-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-cyan-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-cyan-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-cyan-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-cyan-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-cyan-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-emerald-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-emerald-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-emerald-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-emerald-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-emerald-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-emerald-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-emerald-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-emerald-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-emerald-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-emerald-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-fuchsia-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-gray-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-gray-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-gray-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-gray-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-gray-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-gray-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-gray-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-gray-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-gray-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-green-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-green-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-green-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-green-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-green-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-green-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-green-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-green-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-green-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-green-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-green-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-indigo-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-indigo-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-indigo-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-indigo-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-indigo-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-indigo-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-indigo-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-indigo-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-indigo-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-indigo-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-orange-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-orange-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-orange-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-orange-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-orange-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-orange-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-orange-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-orange-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-orange-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-orange-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-orange-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-pink-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-pink-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-pink-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-pink-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-pink-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-pink-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-pink-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-pink-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-pink-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-pink-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-purple-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-purple-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-purple-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-purple-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-purple-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-purple-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-purple-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-purple-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-red-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-red-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-red-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-red-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-red-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-red-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-red-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-red-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-red-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-red-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-red-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-rose-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-rose-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-rose-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-rose-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-rose-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-rose-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-rose-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-rose-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-rose-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-rose-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-pink-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-sky-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-sky-950:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-blue-950) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-slate-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-slate-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-slate-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-slate-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-slate-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-slate-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-gray-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-teal-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-teal-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-teal-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-teal-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-teal-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-teal-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-teal-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-teal-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-teal-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-teal-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-teal-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-violet-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-violet-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-violet-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-violet-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-violet-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-violet-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-violet-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-violet-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-violet-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-violet-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-yellow-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-100) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-yellow-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-200) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-yellow-300:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-300) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-yellow-400:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-400) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-yellow-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-50) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-yellow-500:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-500) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-yellow-600:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-600) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-yellow-700:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-700) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-yellow-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
[data-portal] .text-yellow-900:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-yellow-900) calc(var(--tw-text-opacity, 1) * 100%), transparent); }
@media (min-width: 768px) { [data-portal] .md\:border-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); } }
@media (min-width: 640px) { [data-portal] .sm\:bg-purple-100:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-purple-100) calc(var(--tw-bg-opacity, 1) * 100%), transparent); } }
@media (min-width: 640px) { [data-portal] .sm\:bg-slate-50:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-50) calc(var(--tw-bg-opacity, 1) * 100%), transparent); } }
@media (min-width: 640px) { [data-portal] .sm\:border-slate-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { border-color: color-mix(in srgb, var(--p-gray-200) calc(var(--tw-border-opacity, 1) * 100%), transparent); } }
@media (min-width: 640px) { [data-portal] .sm\:text-purple-800:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { color: color-mix(in srgb, var(--p-purple-800) calc(var(--tw-text-opacity, 1) * 100%), transparent); } }
:root[data-portal] tbody > tr:nth-child(even):not([class^='bg-'], [class*=' bg-'], [class*='hover:bg-']:hover) > td:not([class^='bg-'], [class*=' bg-']):where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-gray-100) 70%, transparent); }
:root:is([data-portal="applicant"], [data-portal="landlord"]) :is(body > header, body > div > header) .bg-gray-200:where(:not(.ds-root, .ds-root *, .ds-app-stage, .ds-app-stage *)) { background-color: color-mix(in srgb, var(--p-on-brand) 35%, transparent); }
}