/* RuyaTech compatibility for existing Tailwind utilities. Scoped; semantic status colors remain unchanged. */
.ruya-app .bg-slate-50 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-50:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-50:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .text-slate-50 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-slate-50:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-slate-50:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-slate-50 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-50:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-50:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-slate-100 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-100:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-100:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .text-slate-100 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-slate-100:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-slate-100:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-slate-100 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-100:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-100:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-slate-200 { background-color: var(--ruya-border) !important; }
.ruya-app .hover\:bg-slate-200:hover { background-color: var(--ruya-border) !important; }
.ruya-app .focus\:bg-slate-200:focus { background-color: var(--ruya-border) !important; }
.ruya-app .text-slate-200 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-slate-200:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-slate-200:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-slate-200 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-200:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-200:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-slate-300 { background-color: var(--ruya-border) !important; }
.ruya-app .hover\:bg-slate-300:hover { background-color: var(--ruya-border) !important; }
.ruya-app .focus\:bg-slate-300:focus { background-color: var(--ruya-border) !important; }
.ruya-app .text-slate-300 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-slate-300:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-slate-300:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-slate-300 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-300:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-300:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-slate-400 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-slate-400:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-slate-400:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-slate-400 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-slate-400:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-slate-400:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-slate-400 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-400:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-400:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-slate-500 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-slate-500:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-slate-500:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-slate-500 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-slate-500:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-slate-500:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-slate-500 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-500:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-500:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-slate-600 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-slate-600:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-slate-600:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-slate-600 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-slate-600:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-slate-600:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-slate-600 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-600:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-600:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-slate-700 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-slate-700:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-slate-700:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-slate-700 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-slate-700:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-slate-700:focus { color: var(--ruya-text) !important; }
.ruya-app .border-slate-700 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-700:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-700:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-slate-800 { background-color: #120B35 !important; }
.ruya-app .hover\:bg-slate-800:hover { background-color: #120B35 !important; }
.ruya-app .focus\:bg-slate-800:focus { background-color: #120B35 !important; }
.ruya-app .text-slate-800 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-slate-800:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-slate-800:focus { color: var(--ruya-text) !important; }
.ruya-app .border-slate-800 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-800:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-800:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-slate-900 { background-color: #120B35 !important; }
.ruya-app .hover\:bg-slate-900:hover { background-color: #120B35 !important; }
.ruya-app .focus\:bg-slate-900:focus { background-color: #120B35 !important; }
.ruya-app .text-slate-900 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-slate-900:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-slate-900:focus { color: var(--ruya-text) !important; }
.ruya-app .border-slate-900 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-900:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-900:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-slate-950 { background-color: #120B35 !important; }
.ruya-app .hover\:bg-slate-950:hover { background-color: #120B35 !important; }
.ruya-app .focus\:bg-slate-950:focus { background-color: #120B35 !important; }
.ruya-app .text-slate-950 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-slate-950:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-slate-950:focus { color: var(--ruya-text) !important; }
.ruya-app .border-slate-950 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-slate-950:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-slate-950:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-50 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-gray-50:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-gray-50:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .text-gray-50 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-gray-50:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-gray-50:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-gray-50 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-50:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-50:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-100 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-gray-100:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-gray-100:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .text-gray-100 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-gray-100:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-gray-100:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-gray-100 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-100:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-100:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-200 { background-color: var(--ruya-border) !important; }
.ruya-app .hover\:bg-gray-200:hover { background-color: var(--ruya-border) !important; }
.ruya-app .focus\:bg-gray-200:focus { background-color: var(--ruya-border) !important; }
.ruya-app .text-gray-200 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-gray-200:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-gray-200:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-gray-200 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-200:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-200:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-300 { background-color: var(--ruya-border) !important; }
.ruya-app .hover\:bg-gray-300:hover { background-color: var(--ruya-border) !important; }
.ruya-app .focus\:bg-gray-300:focus { background-color: var(--ruya-border) !important; }
.ruya-app .text-gray-300 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-gray-300:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-gray-300:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-gray-300 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-300:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-300:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-400 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-gray-400:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-gray-400:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-gray-400 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-gray-400:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-gray-400:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-gray-400 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-400:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-400:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-500 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-gray-500:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-gray-500:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-gray-500 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-gray-500:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-gray-500:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-gray-500 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-500:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-500:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-600 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-gray-600:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-gray-600:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-gray-600 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-gray-600:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-gray-600:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-gray-600 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-600:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-600:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-700 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-gray-700:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-gray-700:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-gray-700 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-gray-700:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-gray-700:focus { color: var(--ruya-text) !important; }
.ruya-app .border-gray-700 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-700:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-700:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-800 { background-color: #120B35 !important; }
.ruya-app .hover\:bg-gray-800:hover { background-color: #120B35 !important; }
.ruya-app .focus\:bg-gray-800:focus { background-color: #120B35 !important; }
.ruya-app .text-gray-800 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-gray-800:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-gray-800:focus { color: var(--ruya-text) !important; }
.ruya-app .border-gray-800 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-800:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-800:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-900 { background-color: #120B35 !important; }
.ruya-app .hover\:bg-gray-900:hover { background-color: #120B35 !important; }
.ruya-app .focus\:bg-gray-900:focus { background-color: #120B35 !important; }
.ruya-app .text-gray-900 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-gray-900:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-gray-900:focus { color: var(--ruya-text) !important; }
.ruya-app .border-gray-900 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-900:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-900:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-gray-950 { background-color: #120B35 !important; }
.ruya-app .hover\:bg-gray-950:hover { background-color: #120B35 !important; }
.ruya-app .focus\:bg-gray-950:focus { background-color: #120B35 !important; }
.ruya-app .text-gray-950 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-gray-950:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-gray-950:focus { color: var(--ruya-text) !important; }
.ruya-app .border-gray-950 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-gray-950:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-gray-950:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-50 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-zinc-50:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-zinc-50:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .text-zinc-50 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-zinc-50:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-zinc-50:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-zinc-50 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-50:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-50:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-100 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-zinc-100:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-zinc-100:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .text-zinc-100 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-zinc-100:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-zinc-100:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-zinc-100 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-100:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-100:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-200 { background-color: var(--ruya-border) !important; }
.ruya-app .hover\:bg-zinc-200:hover { background-color: var(--ruya-border) !important; }
.ruya-app .focus\:bg-zinc-200:focus { background-color: var(--ruya-border) !important; }
.ruya-app .text-zinc-200 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-zinc-200:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-zinc-200:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-zinc-200 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-200:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-200:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-300 { background-color: var(--ruya-border) !important; }
.ruya-app .hover\:bg-zinc-300:hover { background-color: var(--ruya-border) !important; }
.ruya-app .focus\:bg-zinc-300:focus { background-color: var(--ruya-border) !important; }
.ruya-app .text-zinc-300 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-zinc-300:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-zinc-300:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-zinc-300 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-300:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-300:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-400 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-zinc-400:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-zinc-400:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-zinc-400 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-zinc-400:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-zinc-400:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-zinc-400 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-400:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-400:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-500 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-zinc-500:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-zinc-500:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-zinc-500 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-zinc-500:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-zinc-500:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-zinc-500 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-500:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-500:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-600 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-zinc-600:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-zinc-600:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-zinc-600 { color: var(--ruya-muted) !important; }
.ruya-app .hover\:text-zinc-600:hover { color: var(--ruya-muted) !important; }
.ruya-app .focus\:text-zinc-600:focus { color: var(--ruya-muted) !important; }
.ruya-app .border-zinc-600 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-600:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-600:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-700 { background-color: var(--ruya-hover) !important; }
.ruya-app .hover\:bg-zinc-700:hover { background-color: var(--ruya-hover) !important; }
.ruya-app .focus\:bg-zinc-700:focus { background-color: var(--ruya-hover) !important; }
.ruya-app .text-zinc-700 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-zinc-700:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-zinc-700:focus { color: var(--ruya-text) !important; }
.ruya-app .border-zinc-700 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-700:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-700:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-800 { background-color: #120B35 !important; }
.ruya-app .hover\:bg-zinc-800:hover { background-color: #120B35 !important; }
.ruya-app .focus\:bg-zinc-800:focus { background-color: #120B35 !important; }
.ruya-app .text-zinc-800 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-zinc-800:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-zinc-800:focus { color: var(--ruya-text) !important; }
.ruya-app .border-zinc-800 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-800:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-800:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-900 { background-color: #120B35 !important; }
.ruya-app .hover\:bg-zinc-900:hover { background-color: #120B35 !important; }
.ruya-app .focus\:bg-zinc-900:focus { background-color: #120B35 !important; }
.ruya-app .text-zinc-900 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-zinc-900:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-zinc-900:focus { color: var(--ruya-text) !important; }
.ruya-app .border-zinc-900 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-900:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-900:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-zinc-950 { background-color: #120B35 !important; }
.ruya-app .hover\:bg-zinc-950:hover { background-color: #120B35 !important; }
.ruya-app .focus\:bg-zinc-950:focus { background-color: #120B35 !important; }
.ruya-app .text-zinc-950 { color: var(--ruya-text) !important; }
.ruya-app .hover\:text-zinc-950:hover { color: var(--ruya-text) !important; }
.ruya-app .focus\:text-zinc-950:focus { color: var(--ruya-text) !important; }
.ruya-app .border-zinc-950 { border-color: var(--ruya-border) !important; }
.ruya-app .hover\:border-zinc-950:hover { border-color: var(--ruya-border) !important; }
.ruya-app .focus\:border-zinc-950:focus { border-color: var(--ruya-border) !important; }
.ruya-app .bg-white { background-color: var(--ruya-panel) !important; }
.ruya-app .hover\:bg-white:hover { background-color: var(--ruya-panel) !important; }
.ruya-app .focus\:bg-white:focus { background-color: var(--ruya-panel) !important; }
.ruya-app .bg-blue-50 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-blue-50:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-blue-50:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-blue-50 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-blue-50:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-blue-50:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-blue-50 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-blue-50:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-blue-50:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-blue-50 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-blue-50 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-blue-100 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-blue-100:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-blue-100:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-blue-100 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-blue-100:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-blue-100:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-blue-100 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-blue-100:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-blue-100:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-blue-100 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-blue-100 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-blue-200 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-blue-200:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-blue-200:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-blue-200 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-blue-200:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-blue-200:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-blue-200 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-blue-200:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-blue-200:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-blue-200 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-blue-200 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-blue-300 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-blue-300:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-blue-300:focus { background-color: #6841C9 !important; }
.ruya-app .text-blue-300 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-blue-300:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-blue-300:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-blue-300 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-blue-300:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-blue-300:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-blue-300 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-blue-300 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-blue-400 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-blue-400:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-blue-400:focus { background-color: #6841C9 !important; }
.ruya-app .text-blue-400 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-blue-400:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-blue-400:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-blue-400 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-blue-400:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-blue-400:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-blue-400 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-blue-400 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-blue-500 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-blue-500:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-blue-500:focus { background-color: #6841C9 !important; }
.ruya-app .text-blue-500 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-blue-500:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-blue-500:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-blue-500 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-blue-500:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-blue-500:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-blue-500 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-blue-500 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-blue-600 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-blue-600:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-blue-600:focus { background-color: #6841C9 !important; }
.ruya-app .text-blue-600 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-blue-600:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-blue-600:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-blue-600 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-blue-600:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-blue-600:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-blue-600 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-blue-600 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-blue-700 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-blue-700:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-blue-700:focus { background-color: #6841C9 !important; }
.ruya-app .text-blue-700 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-blue-700:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-blue-700:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-blue-700 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-blue-700:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-blue-700:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-blue-700 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-blue-700 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-blue-800 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-blue-800:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-blue-800:focus { background-color: #6841C9 !important; }
.ruya-app .text-blue-800 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-blue-800:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-blue-800:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-blue-800 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-blue-800:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-blue-800:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-blue-800 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-blue-800 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-blue-900 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-blue-900:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-blue-900:focus { background-color: #6841C9 !important; }
.ruya-app .text-blue-900 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-blue-900:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-blue-900:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-blue-900 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-blue-900:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-blue-900:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-blue-900 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-blue-900 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-indigo-50 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-indigo-50:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-indigo-50:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-indigo-50 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-indigo-50:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-indigo-50:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-indigo-50 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-indigo-50:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-indigo-50:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-indigo-50 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-indigo-50 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-indigo-100 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-indigo-100:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-indigo-100:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-indigo-100 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-indigo-100:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-indigo-100:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-indigo-100 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-indigo-100:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-indigo-100:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-indigo-100 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-indigo-100 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-indigo-200 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-indigo-200:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-indigo-200:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-indigo-200 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-indigo-200:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-indigo-200:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-indigo-200 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-indigo-200:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-indigo-200:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-indigo-200 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-indigo-200 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-indigo-300 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-indigo-300:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-indigo-300:focus { background-color: #6841C9 !important; }
.ruya-app .text-indigo-300 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-indigo-300:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-indigo-300:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-indigo-300 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-indigo-300:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-indigo-300:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-indigo-300 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-indigo-300 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-indigo-400 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-indigo-400:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-indigo-400:focus { background-color: #6841C9 !important; }
.ruya-app .text-indigo-400 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-indigo-400:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-indigo-400:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-indigo-400 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-indigo-400:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-indigo-400:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-indigo-400 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-indigo-400 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-indigo-500 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-indigo-500:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-indigo-500:focus { background-color: #6841C9 !important; }
.ruya-app .text-indigo-500 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-indigo-500:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-indigo-500:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-indigo-500 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-indigo-500:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-indigo-500:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-indigo-500 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-indigo-500 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-indigo-600 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-indigo-600:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-indigo-600:focus { background-color: #6841C9 !important; }
.ruya-app .text-indigo-600 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-indigo-600:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-indigo-600:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-indigo-600 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-indigo-600:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-indigo-600:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-indigo-600 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-indigo-600 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-indigo-700 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-indigo-700:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-indigo-700:focus { background-color: #6841C9 !important; }
.ruya-app .text-indigo-700 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-indigo-700:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-indigo-700:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-indigo-700 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-indigo-700:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-indigo-700:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-indigo-700 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-indigo-700 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-indigo-800 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-indigo-800:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-indigo-800:focus { background-color: #6841C9 !important; }
.ruya-app .text-indigo-800 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-indigo-800:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-indigo-800:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-indigo-800 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-indigo-800:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-indigo-800:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-indigo-800 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-indigo-800 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-indigo-900 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-indigo-900:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-indigo-900:focus { background-color: #6841C9 !important; }
.ruya-app .text-indigo-900 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-indigo-900:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-indigo-900:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-indigo-900 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-indigo-900:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-indigo-900:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-indigo-900 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-indigo-900 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-cyan-50 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-cyan-50:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-cyan-50:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-cyan-50 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-cyan-50:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-cyan-50:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-cyan-50 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-cyan-50:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-cyan-50:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-cyan-50 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-cyan-50 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-cyan-100 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-cyan-100:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-cyan-100:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-cyan-100 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-cyan-100:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-cyan-100:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-cyan-100 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-cyan-100:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-cyan-100:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-cyan-100 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-cyan-100 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-cyan-200 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-cyan-200:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-cyan-200:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-cyan-200 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-cyan-200:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-cyan-200:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-cyan-200 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-cyan-200:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-cyan-200:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-cyan-200 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-cyan-200 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-cyan-300 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-cyan-300:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-cyan-300:focus { background-color: #6841C9 !important; }
.ruya-app .text-cyan-300 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-cyan-300:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-cyan-300:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-cyan-300 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-cyan-300:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-cyan-300:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-cyan-300 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-cyan-300 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-cyan-400 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-cyan-400:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-cyan-400:focus { background-color: #6841C9 !important; }
.ruya-app .text-cyan-400 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-cyan-400:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-cyan-400:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-cyan-400 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-cyan-400:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-cyan-400:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-cyan-400 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-cyan-400 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-cyan-500 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-cyan-500:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-cyan-500:focus { background-color: #6841C9 !important; }
.ruya-app .text-cyan-500 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-cyan-500:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-cyan-500:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-cyan-500 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-cyan-500:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-cyan-500:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-cyan-500 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-cyan-500 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-cyan-600 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-cyan-600:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-cyan-600:focus { background-color: #6841C9 !important; }
.ruya-app .text-cyan-600 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-cyan-600:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-cyan-600:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-cyan-600 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-cyan-600:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-cyan-600:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-cyan-600 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-cyan-600 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-cyan-700 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-cyan-700:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-cyan-700:focus { background-color: #6841C9 !important; }
.ruya-app .text-cyan-700 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-cyan-700:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-cyan-700:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-cyan-700 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-cyan-700:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-cyan-700:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-cyan-700 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-cyan-700 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-cyan-800 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-cyan-800:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-cyan-800:focus { background-color: #6841C9 !important; }
.ruya-app .text-cyan-800 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-cyan-800:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-cyan-800:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-cyan-800 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-cyan-800:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-cyan-800:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-cyan-800 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-cyan-800 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-cyan-900 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-cyan-900:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-cyan-900:focus { background-color: #6841C9 !important; }
.ruya-app .text-cyan-900 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-cyan-900:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-cyan-900:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-cyan-900 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-cyan-900:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-cyan-900:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-cyan-900 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-cyan-900 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-sky-50 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-sky-50:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-sky-50:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-sky-50 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-sky-50:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-sky-50:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-sky-50 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-sky-50:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-sky-50:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-sky-50 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-sky-50 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-sky-100 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-sky-100:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-sky-100:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-sky-100 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-sky-100:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-sky-100:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-sky-100 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-sky-100:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-sky-100:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-sky-100 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-sky-100 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-sky-200 { background-color: var(--ruya-soft) !important; }
.ruya-app .hover\:bg-sky-200:hover { background-color: var(--ruya-soft) !important; }
.ruya-app .focus\:bg-sky-200:focus { background-color: var(--ruya-soft) !important; }
.ruya-app .text-sky-200 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-sky-200:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-sky-200:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-sky-200 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-sky-200:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-sky-200:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-sky-200 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-sky-200 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-sky-300 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-sky-300:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-sky-300:focus { background-color: #6841C9 !important; }
.ruya-app .text-sky-300 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-sky-300:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-sky-300:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-sky-300 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-sky-300:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-sky-300:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-sky-300 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-sky-300 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-sky-400 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-sky-400:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-sky-400:focus { background-color: #6841C9 !important; }
.ruya-app .text-sky-400 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-sky-400:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-sky-400:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-sky-400 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-sky-400:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-sky-400:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-sky-400 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-sky-400 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-sky-500 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-sky-500:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-sky-500:focus { background-color: #6841C9 !important; }
.ruya-app .text-sky-500 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-sky-500:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-sky-500:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-sky-500 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-sky-500:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-sky-500:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-sky-500 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-sky-500 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-sky-600 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-sky-600:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-sky-600:focus { background-color: #6841C9 !important; }
.ruya-app .text-sky-600 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-sky-600:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-sky-600:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-sky-600 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-sky-600:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-sky-600:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-sky-600 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-sky-600 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-sky-700 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-sky-700:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-sky-700:focus { background-color: #6841C9 !important; }
.ruya-app .text-sky-700 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-sky-700:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-sky-700:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-sky-700 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-sky-700:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-sky-700:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-sky-700 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-sky-700 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-sky-800 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-sky-800:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-sky-800:focus { background-color: #6841C9 !important; }
.ruya-app .text-sky-800 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-sky-800:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-sky-800:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-sky-800 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-sky-800:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-sky-800:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-sky-800 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-sky-800 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-sky-900 { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-sky-900:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-sky-900:focus { background-color: #6841C9 !important; }
.ruya-app .text-sky-900 { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-sky-900:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-sky-900:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-sky-900 { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-sky-900:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-sky-900:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .from-sky-900 { --tw-gradient-from: #6841C9 var(--tw-gradient-from-position) !important; }
.ruya-app .to-sky-900 { --tw-gradient-to: #8A5CFF var(--tw-gradient-to-position) !important; }
.ruya-app .bg-\[\#128AA9\] { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-\[\#128AA9\]:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-\[\#128AA9\]:focus { background-color: #6841C9 !important; }
.ruya-app .text-\[\#128AA9\] { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-\[\#128AA9\]:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-\[\#128AA9\]:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-\[\#128AA9\] { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-\[\#128AA9\]:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-\[\#128AA9\]:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .peer:checked ~ .peer-checked\:bg-\[\#128AA9\] { background-color: #6841C9 !important; }
.ruya-app .bg-\[\#0f7691\] { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-\[\#0f7691\]:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-\[\#0f7691\]:focus { background-color: #6841C9 !important; }
.ruya-app .text-\[\#0f7691\] { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-\[\#0f7691\]:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-\[\#0f7691\]:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-\[\#0f7691\] { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-\[\#0f7691\]:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-\[\#0f7691\]:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .peer:checked ~ .peer-checked\:bg-\[\#0f7691\] { background-color: #6841C9 !important; }
.ruya-app .bg-\[\#0e7490\] { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-\[\#0e7490\]:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-\[\#0e7490\]:focus { background-color: #6841C9 !important; }
.ruya-app .text-\[\#0e7490\] { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-\[\#0e7490\]:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-\[\#0e7490\]:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-\[\#0e7490\] { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-\[\#0e7490\]:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-\[\#0e7490\]:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .peer:checked ~ .peer-checked\:bg-\[\#0e7490\] { background-color: #6841C9 !important; }
.ruya-app .bg-\[\#4353ff\] { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-\[\#4353ff\]:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-\[\#4353ff\]:focus { background-color: #6841C9 !important; }
.ruya-app .text-\[\#4353ff\] { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-\[\#4353ff\]:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-\[\#4353ff\]:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-\[\#4353ff\] { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-\[\#4353ff\]:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-\[\#4353ff\]:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .peer:checked ~ .peer-checked\:bg-\[\#4353ff\] { background-color: #6841C9 !important; }
.ruya-app .bg-\[\#5a66ff\] { background-color: #6841C9 !important; }
.ruya-app .hover\:bg-\[\#5a66ff\]:hover { background-color: #6841C9 !important; }
.ruya-app .focus\:bg-\[\#5a66ff\]:focus { background-color: #6841C9 !important; }
.ruya-app .text-\[\#5a66ff\] { color: var(--ruya-accent) !important; }
.ruya-app .hover\:text-\[\#5a66ff\]:hover { color: var(--ruya-accent) !important; }
.ruya-app .focus\:text-\[\#5a66ff\]:focus { color: var(--ruya-accent) !important; }
.ruya-app .border-\[\#5a66ff\] { border-color: var(--ruya-accent) !important; }
.ruya-app .hover\:border-\[\#5a66ff\]:hover { border-color: var(--ruya-accent) !important; }
.ruya-app .focus\:border-\[\#5a66ff\]:focus { border-color: var(--ruya-accent) !important; }
.ruya-app .peer:checked ~ .peer-checked\:bg-\[\#5a66ff\] { background-color: #6841C9 !important; }
.ruya-app .bg-slate-50\/30 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-50\/30:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-50\/30:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-50\/50 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-50\/50:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-50\/50:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-50\/60 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-50\/60:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-50\/60:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-50\/70 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-50\/70:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-50\/70:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-50\/80 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-50\/80:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-50\/80:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-50\/90 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-50\/90:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-50\/90:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-100\/30 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-100\/30:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-100\/30:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-100\/50 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-100\/50:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-100\/50:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-100\/60 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-100\/60:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-100\/60:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-100\/70 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-100\/70:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-100\/70:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-100\/80 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-100\/80:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-100\/80:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-100\/90 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-100\/90:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-100\/90:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-200\/30 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-200\/30:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-200\/30:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-200\/50 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-200\/50:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-200\/50:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-200\/60 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-200\/60:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-200\/60:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-200\/70 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-200\/70:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-200\/70:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-200\/80 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-200\/80:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-200\/80:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .bg-slate-200\/90 { background-color: var(--ruya-raised) !important; }
.ruya-app .hover\:bg-slate-200\/90:hover { background-color: var(--ruya-raised) !important; }
.ruya-app .focus\:bg-slate-200\/90:focus { background-color: var(--ruya-raised) !important; }
.ruya-app .dark\:bg-slate-800 { background-color: var(--ruya-panel) !important; }
.ruya-app .dark\:bg-slate-900 { background-color: var(--ruya-panel) !important; }
.ruya-app .dark\:text-slate-100 { color: var(--ruya-text) !important; }
.ruya-app .dark\:text-slate-200 { color: var(--ruya-text) !important; }
.ruya-app .dark\:text-slate-300 { color: var(--ruya-text) !important; }
.ruya-app .dark\:text-slate-400 { color: var(--ruya-text) !important; }
.ruya-app .bg-\[\#f8fafc\] { background-color: var(--ruya-bg) !important; }
.ruya-app .bg-\[\#f4f7f9\] { background-color: var(--ruya-bg) !important; }
.ruya-app .dark\:bg-\[\#0f172a\] { background-color: var(--ruya-bg) !important; }