/* =========================================================================
   VOKAALY LIGHT THEME - generated Tailwind utility remap
   Generated by tools/gen-light-theme.py - do not edit by hand.
   ========================================================================= */

html[data-theme="light"] .bg-stickz-blue\/\[0\.03\] {
    background-color: rgba(0, 113, 227, 0.043) !important;
}

html[data-theme="light"] .bg-stickz-blue\/5,
html[data-theme="light"] .hover\:bg-stickz-blue\/\[0\.05\]:hover {
    background-color: rgba(0, 113, 227, 0.072) !important;
}

html[data-theme="light"] .bg-stickz-blue\/\[0\.06\] {
    background-color: rgba(0, 113, 227, 0.087) !important;
}

html[data-theme="light"] .bg-\[\#0071e3\]\/10,
html[data-theme="light"] .bg-stickz-blue\/10 {
    background-color: rgba(0, 113, 227, 0.145) !important;
}

html[data-theme="light"] .bg-stickz-blue\/20 {
    background-color: rgba(0, 113, 227, 0.2) !important;
}

html[data-theme="light"] .bg-\[\#0081f2\]\/10 {
    background-color: rgba(0, 129, 242, 0.145) !important;
}

html[data-theme="light"] .bg-violet-500\/10 {
    background-color: rgba(139, 92, 246, 0.145) !important;
}

html[data-theme="light"] .bg-purple-600\/10 {
    background-color: rgba(147, 51, 234, 0.145) !important;
}

html[data-theme="light"] .hover\:bg-emerald-500\/\[0\.02\]:hover {
    background-color: rgba(16, 185, 129, 0.029) !important;
}

html[data-theme="light"] .bg-emerald-500\/\[0\.03\] {
    background-color: rgba(16, 185, 129, 0.043) !important;
}

html[data-theme="light"] .bg-emerald-500\/5 {
    background-color: rgba(16, 185, 129, 0.072) !important;
}

html[data-theme="light"] .bg-emerald-500\/10,
html[data-theme="light"] .group:hover .group-hover\:bg-emerald-500\/10 {
    background-color: rgba(16, 185, 129, 0.145) !important;
}

html[data-theme="light"] .bg-emerald-500\/20 {
    background-color: rgba(16, 185, 129, 0.2) !important;
}

html[data-theme="light"] .bg-purple-500\/10 {
    background-color: rgba(168, 85, 247, 0.145) !important;
}

html[data-theme="light"] .bg-amber-600\/10 {
    background-color: rgba(217, 119, 6, 0.145) !important;
}

html[data-theme="light"] .bg-fuchsia-500\/10 {
    background-color: rgba(217, 70, 239, 0.145) !important;
}

html[data-theme="light"] .bg-red-600\/10 {
    background-color: rgba(220, 38, 38, 0.145) !important;
}

html[data-theme="light"] .bg-rose-600\/10 {
    background-color: rgba(225, 29, 72, 0.145) !important;
}

html[data-theme="light"] .hover\:bg-white\/\[0\.0075\]:hover {
    background-color: rgba(23, 24, 28, 0.018) !important;
}

html[data-theme="light"] .bg-white\/\[0\.01\] {
    background-color: rgba(23, 24, 28, 0.02) !important;
}

html[data-theme="light"] .bg-white\/\[0\.015\] {
    background-color: rgba(23, 24, 28, 0.024) !important;
}

html[data-theme="light"] .bg-white\/\[0\.018\] {
    background-color: rgba(23, 24, 28, 0.027) !important;
}

html[data-theme="light"] .bg-white\/\[0\.02\],
html[data-theme="light"] .hover\:bg-white\/\[0\.02\]:hover {
    background-color: rgba(23, 24, 28, 0.028) !important;
}

html[data-theme="light"] .hover\:bg-white\/\[0\.025\]:hover {
    background-color: rgba(23, 24, 28, 0.033) !important;
}

html[data-theme="light"] .bg-white\/\[0\.03\],
html[data-theme="light"] .hover\:bg-white\/\[0\.03\]:hover {
    background-color: rgba(23, 24, 28, 0.037) !important;
}

html[data-theme="light"] .hover\:bg-white\/\[0\.035\]:hover {
    background-color: rgba(23, 24, 28, 0.041) !important;
}

html[data-theme="light"] .bg-white\/\[0\.04\],
html[data-theme="light"] .hover\:bg-white\/\[0\.04\]:hover {
    background-color: rgba(23, 24, 28, 0.045) !important;
}

html[data-theme="light"] .bg-white\/5,
html[data-theme="light"] .bg-white\/\[0\.05\],
html[data-theme="light"] .hover\:bg-white\/5:hover,
html[data-theme="light"] .hover\:bg-white\/\[0\.05\]:hover {
    background-color: rgba(23, 24, 28, 0.053) !important;
}

html[data-theme="light"] .bg-white\/\[0\.06\] {
    background-color: rgba(23, 24, 28, 0.061) !important;
}

html[data-theme="light"] .bg-neutral-500\/10,
html[data-theme="light"] .bg-neutral-700\/10,
html[data-theme="light"] .bg-zinc-500\/10 {
    background-color: rgba(23, 24, 28, 0.075) !important;
}

html[data-theme="light"] .bg-white\/\[0\.08\] {
    background-color: rgba(23, 24, 28, 0.078) !important;
}

html[data-theme="light"] .bg-stickz-border,
html[data-theme="light"] .bg-white\/10,
html[data-theme="light"] .bg-white\/20,
html[data-theme="light"] .hover\:bg-white\/10:hover {
    background-color: rgba(23, 24, 28, 0.09) !important;
}

html[data-theme="light"] .bg-red-500\/\[0\.03\] {
    background-color: rgba(239, 68, 68, 0.043) !important;
}

html[data-theme="light"] .bg-red-500\/10,
html[data-theme="light"] .hover\:bg-red-500\/10:hover {
    background-color: rgba(239, 68, 68, 0.145) !important;
}

html[data-theme="light"] .hover\:bg-red-500\/20:hover {
    background-color: rgba(239, 68, 68, 0.2) !important;
}

html[data-theme="light"] .bg-\[\#050505\]\/80,
html[data-theme="light"] .bg-black\/80 {
    background-color: rgba(242, 241, 241, 0.8) !important;
}

html[data-theme="light"] .bg-black\/90 {
    background-color: rgba(242, 241, 241, 0.9) !important;
}

html[data-theme="light"] .bg-\[\#050505\]\/95 {
    background-color: rgba(242, 241, 241, 0.95) !important;
}

html[data-theme="light"] .bg-rose-500\/\[0\.02\] {
    background-color: rgba(244, 63, 94, 0.029) !important;
}

html[data-theme="light"] .bg-rose-500\/5,
html[data-theme="light"] .hover\:bg-rose-500\/5:hover {
    background-color: rgba(244, 63, 94, 0.072) !important;
}

html[data-theme="light"] .bg-rose-500\/10,
html[data-theme="light"] .hover\:bg-rose-500\/10:hover {
    background-color: rgba(244, 63, 94, 0.145) !important;
}

html[data-theme="light"] .bg-rose-500\/20,
html[data-theme="light"] .hover\:bg-rose-500\/20:hover {
    background-color: rgba(244, 63, 94, 0.2) !important;
}

html[data-theme="light"] .bg-amber-500\/10 {
    background-color: rgba(245, 158, 11, 0.145) !important;
}

html[data-theme="light"] .bg-amber-500\/50 {
    background-color: rgba(245, 158, 11, 0.2) !important;
}

html[data-theme="light"] .bg-neutral-800\/50,
html[data-theme="light"] .bg-zinc-800\/50 {
    background-color: rgba(248, 248, 247, 0.5) !important;
}

html[data-theme="light"] .bg-zinc-900\/40 {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

html[data-theme="light"] .bg-\[\#141517\]\/50 {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

html[data-theme="light"] .bg-\[\#0c0c0e\]\/80 {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

html[data-theme="light"] .bg-neutral-950\/90,
html[data-theme="light"] .bg-zinc-900\/90 {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

html[data-theme="light"] .bg-\[\#0a0a0a\]\/95,
html[data-theme="light"] .bg-\[\#0d0d0f\]\/95,
html[data-theme="light"] .bg-\[\#141517\]\/95 {
    background-color: rgba(255, 255, 255, 0.95) !important;
}

html[data-theme="light"] .bg-\[\#FF3B30\]\/15 {
    background-color: rgba(255, 59, 48, 0.2) !important;
}

html[data-theme="light"] .bg-blue-600\/5 {
    background-color: rgba(37, 99, 235, 0.072) !important;
}

html[data-theme="light"] .bg-blue-600\/10,
html[data-theme="light"] .group:hover .group-hover\:bg-blue-600\/10 {
    background-color: rgba(37, 99, 235, 0.145) !important;
}

html[data-theme="light"] .bg-\[\#2563eb\]\/60,
html[data-theme="light"] .bg-blue-600\/20 {
    background-color: rgba(37, 99, 235, 0.2) !important;
}

html[data-theme="light"] .bg-emerald-600\/10 {
    background-color: rgba(5, 150, 105, 0.145) !important;
}

html[data-theme="light"] .bg-sky-400\/10 {
    background-color: rgba(56, 189, 248, 0.145) !important;
}

html[data-theme="light"] .hover\:bg-blue-500\/\[0\.02\]:hover {
    background-color: rgba(59, 130, 246, 0.029) !important;
}

html[data-theme="light"] .bg-blue-500\/5 {
    background-color: rgba(59, 130, 246, 0.072) !important;
}

html[data-theme="light"] .bg-blue-500\/10,
html[data-theme="light"] .group:hover .group-hover\:bg-blue-500\/10 {
    background-color: rgba(59, 130, 246, 0.145) !important;
}

html[data-theme="light"] .bg-cyan-500\/10 {
    background-color: rgba(6, 182, 212, 0.145) !important;
}

html[data-theme="light"] .bg-indigo-600\/10 {
    background-color: rgba(79, 70, 229, 0.145) !important;
}

html[data-theme="light"] .bg-\[\#020202\],
html[data-theme="light"] .bg-\[\#050505\],
html[data-theme="light"] .bg-\[\#050506\],
html[data-theme="light"] .bg-\[\#060606\],
html[data-theme="light"] .bg-\[\#080808\],
html[data-theme="light"] .bg-black,
html[data-theme="light"] .bg-stickz-dark {
    background-color: var(--vkl-canvas) !important;
}

html[data-theme="light"] .bg-white,
html[data-theme="light"] .hover\:bg-white:hover {
    background-color: var(--vkl-ink) !important;
}

html[data-theme="light"] .bg-neutral-100,
html[data-theme="light"] .bg-neutral-200,
html[data-theme="light"] .hover\:bg-neutral-100:hover,
html[data-theme="light"] .hover\:bg-zinc-100:hover,
html[data-theme="light"] .hover\:bg-zinc-200:hover {
    background-color: var(--vkl-ink-hover) !important;
}

html[data-theme="light"] .bg-\[\#0a0a0a\],
html[data-theme="light"] .bg-\[\#0a0a0b\],
html[data-theme="light"] .bg-\[\#0a0a0c\],
html[data-theme="light"] .bg-\[\#0b0b0d\],
html[data-theme="light"] .bg-\[\#0b0c10\],
html[data-theme="light"] .bg-\[\#0c0c0c\],
html[data-theme="light"] .bg-\[\#0d0d0f\],
html[data-theme="light"] .bg-\[\#0d0e12\],
html[data-theme="light"] .bg-\[\#0f0f10\],
html[data-theme="light"] .bg-\[\#0f1015\],
html[data-theme="light"] .bg-\[\#111112\],
html[data-theme="light"] .bg-\[\#111113\],
html[data-theme="light"] .bg-\[\#111\],
html[data-theme="light"] .bg-\[\#121214\],
html[data-theme="light"] .bg-\[\#141517\],
html[data-theme="light"] .bg-\[\#18181A\],
html[data-theme="light"] .bg-card,
html[data-theme="light"] .bg-neutral-900,
html[data-theme="light"] .bg-neutral-950,
html[data-theme="light"] .bg-zinc-900,
html[data-theme="light"] .bg-zinc-950 {
    background-color: var(--vkl-surface) !important;
}

html[data-theme="light"] .bg-\[\#1C1C1E\],
html[data-theme="light"] .bg-\[\#1e2225\],
html[data-theme="light"] .bg-\[\#222\],
html[data-theme="light"] .bg-gray-800,
html[data-theme="light"] .bg-neutral-800,
html[data-theme="light"] .bg-zinc-800,
html[data-theme="light"] .hover\:bg-\[\#252528\]:hover,
html[data-theme="light"] .hover\:bg-\[\#2a2a2a\]:hover,
html[data-theme="light"] .hover\:bg-neutral-800:hover {
    background-color: var(--vkl-surface-2) !important;
}

html[data-theme="light"] .after\:bg-zinc-600::after,
html[data-theme="light"] .bg-gray-700,
html[data-theme="light"] .bg-zinc-700,
html[data-theme="light"] .hover\:bg-neutral-700:hover {
    background-color: var(--vkl-surface-3) !important;
}

html[data-theme="light"] .text-blue-300 {
    color: #0565d1 !important;
}

html[data-theme="light"] .group:hover .group-hover\:text-stickz-blue,
html[data-theme="light"] .hover\:text-stickz-blue:hover,
html[data-theme="light"] .text-\[\#0071e3\],
html[data-theme="light"] .text-stickz-blue {
    color: #056bd1 !important;
}

html[data-theme="light"] .text-\[\#0081f2\] {
    color: #0572d1 !important;
}

html[data-theme="light"] .text-sky-300 {
    color: #058fd1 !important;
}

html[data-theme="light"] .group:hover .group-hover\:text-emerald-600 {
    color: #059669 !important;
}

html[data-theme="light"] .group:hover .group-hover\:text-blue-400,
html[data-theme="light"] .group\/singer:hover .group-hover\/singer\:text-blue-400,
html[data-theme="light"] .hover\:text-blue-400:hover,
html[data-theme="light"] .text-blue-400 {
    color: #0761d0 !important;
}

html[data-theme="light"] .group:hover .group-hover\:text-blue-500,
html[data-theme="light"] .hover\:text-blue-500:hover,
html[data-theme="light"] .text-blue-500 {
    color: #0954cd !important;
}

html[data-theme="light"] .hover\:text-emerald-500:hover,
html[data-theme="light"] .text-emerald-500 {
    color: #0ea06f !important;
}

html[data-theme="light"] .text-cyan-400 {
    color: #0fafc7 !important;
}

html[data-theme="light"] .group:hover .group-hover\:text-blue-600,
html[data-theme="light"] .text-blue-600 {
    color: #124ac4 !important;
}

html[data-theme="light"] .text-green-500 {
    color: #1a9447 !important;
}

html[data-theme="light"] .text-emerald-400 {
    color: #1f8f66 !important;
}

html[data-theme="light"] .group\/fr:hover .group-hover\/fr\:text-white\/80,
html[data-theme="light"] .text-white\/80 {
    color: #2b2e36 !important;
}

html[data-theme="light"] .text-violet-400 {
    color: #3a09cd !important;
}

html[data-theme="light"] .group\/lyr:hover .group-hover\/lyr\:text-zinc-300,
html[data-theme="light"] .group\/ord:hover .group-hover\/ord\:text-zinc-300,
html[data-theme="light"] .hover\:text-neutral-300:hover,
html[data-theme="light"] .text-neutral-300,
html[data-theme="light"] .text-white\/70,
html[data-theme="light"] .text-zinc-300 {
    color: #3c4049 !important;
}

html[data-theme="light"] .group:hover .group-hover\:text-zinc-400,
html[data-theme="light"] .hover\:text-neutral-400:hover,
html[data-theme="light"] .text-gray-400,
html[data-theme="light"] .text-neutral-400,
html[data-theme="light"] .text-zinc-400 {
    color: #4c515c !important;
}

html[data-theme="light"] .text-white\/55 {
    color: #565b66 !important;
}

html[data-theme="light"] .text-gray-500,
html[data-theme="light"] .text-neutral-500,
html[data-theme="light"] .text-white\/50,
html[data-theme="light"] .text-zinc-500 {
    color: #646975 !important;
}

html[data-theme="light"] .text-purple-400 {
    color: #6b05d1 !important;
}

html[data-theme="light"] .hover\:text-purple-500:hover,
html[data-theme="light"] .text-purple-500 {
    color: #6e0acd !important;
}

html[data-theme="light"] .text-white\/40 {
    color: #757a85 !important;
}

html[data-theme="light"] .placeholder-neutral-600,
html[data-theme="light"] .placeholder\:text-zinc-600::placeholder,
html[data-theme="light"] .text-gray-600,
html[data-theme="light"] .text-neutral-600,
html[data-theme="light"] .text-zinc-600 {
    color: #80858f !important;
}

html[data-theme="light"] .text-white\/30 {
    color: #8b909b !important;
}

html[data-theme="light"] .placeholder\:text-gray-700::placeholder,
html[data-theme="light"] .placeholder\:text-neutral-700::placeholder,
html[data-theme="light"] .text-gray-700,
html[data-theme="light"] .text-neutral-700,
html[data-theme="light"] .text-zinc-700 {
    color: #9aa0aa !important;
}

html[data-theme="light"] .hover\:text-amber-500:hover,
html[data-theme="light"] .text-amber-500 {
    color: #a26807 !important;
}

html[data-theme="light"] .text-amber-400 {
    color: #a47704 !important;
}

html[data-theme="light"] .text-white\/20 {
    color: #a4a9b2 !important;
}

html[data-theme="light"] .placeholder\:text-gray-800::placeholder,
html[data-theme="light"] .placeholder\:text-neutral-800::placeholder,
html[data-theme="light"] .text-neutral-800,
html[data-theme="light"] .text-zinc-800 {
    color: #b0b5be !important;
}

html[data-theme="light"] .text-fuchsia-400 {
    color: #b309cd !important;
}

html[data-theme="light"] .text-red-600 {
    color: #b81e1e !important;
}

html[data-theme="light"] .text-pink-500 {
    color: #c2146a !important;
}

html[data-theme="light"] .hover\:text-red-500:hover,
html[data-theme="light"] .text-red-500 {
    color: #c51111 !important;
}

html[data-theme="light"] .hover\:text-rose-500:hover,
html[data-theme="light"] .text-rose-500 {
    color: #cb0c2c !important;
}

html[data-theme="light"] .text-red-400 {
    color: #cc0a0a !important;
}

html[data-theme="light"] .hover\:text-rose-400:hover,
html[data-theme="light"] .text-rose-400 {
    color: #d00623 !important;
}

html[data-theme="light"] .text-orange-500 {
    color: #d15905 !important;
}

html[data-theme="light"] .text-purple-500\/80 {
    color: rgba(110, 10, 205, 0.8) !important;
}

html[data-theme="light"] .text-emerald-500\/80 {
    color: rgba(14, 160, 111, 0.8) !important;
}

html[data-theme="light"] .text-amber-500\/80 {
    color: rgba(162, 104, 7, 0.8) !important;
}

html[data-theme="light"] .text-amber-400\/70 {
    color: rgba(164, 119, 4, 0.7) !important;
}

html[data-theme="light"] .text-rose-500\/70 {
    color: rgba(203, 12, 44, 0.7) !important;
}

html[data-theme="light"] .text-stickz-blue\/40 {
    color: rgba(5, 107, 209, 0.4) !important;
}

html[data-theme="light"] .text-blue-400\/40 {
    color: rgba(7, 97, 208, 0.4) !important;
}

html[data-theme="light"] .text-zinc-400\/80 {
    color: rgba(76, 81, 92, 0.8) !important;
}

html[data-theme="light"] .text-blue-500\/80 {
    color: rgba(9, 84, 205, 0.8) !important;
}

html[data-theme="light"] .group:hover .group-hover\:text-white,
html[data-theme="light"] .group\/lic:hover .group-hover\/lic\:text-white,
html[data-theme="light"] .hover\:text-white:hover,
html[data-theme="light"] .text-white {
    color: var(--vkl-ink) !important;
}

html[data-theme="light"] .hover\:text-\[\#6B6B70\]:hover,
html[data-theme="light"] .placeholder\:text-\[\#3C3C41\]::placeholder,
html[data-theme="light"] .text-\[\#3C3C41\],
html[data-theme="light"] .text-\[\#6B6B70\],
html[data-theme="light"] .text-stickz-muted {
    color: var(--vkl-ink-3) !important;
}

html[data-theme="light"] .hover\:text-black:hover,
html[data-theme="light"] .text-\[\#050505\],
html[data-theme="light"] .text-black {
    color: var(--vkl-surface) !important;
}

html[data-theme="light"] .fill-emerald-400 {
    fill: #1f8f66 !important;
}

html[data-theme="light"] .fill-zinc-400 {
    fill: #4c515c !important;
}

html[data-theme="light"] .fill-purple-400 {
    fill: #6b05d1 !important;
}

html[data-theme="light"] .fill-amber-400 {
    fill: #a47704 !important;
}

html[data-theme="light"] .fill-rose-500 {
    fill: #cb0c2c !important;
}

html[data-theme="light"] .fill-white {
    fill: var(--vkl-ink) !important;
}

html[data-theme="light"] .hover\:stroke-blue-500:hover {
    stroke: #0954cd !important;
}

html[data-theme="light"] .decoration-neutral-700,
html[data-theme="light"] .decoration-zinc-700 {
    text-decoration-color: #9aa0aa !important;
}

html[data-theme="light"] .ring-white\/5 {
    --tw-ring-color: rgba(23, 24, 28, 0.077) !important;
}

html[data-theme="light"] .border-stickz-blue\/10 {
    border-color: rgba(0, 113, 227, 0.15) !important;
}

html[data-theme="light"] .border-stickz-blue\/20 {
    border-color: rgba(0, 113, 227, 0.3) !important;
}

html[data-theme="light"] .border-\[\#0071e3\]\/25 {
    border-color: rgba(0, 113, 227, 0.375) !important;
}

html[data-theme="light"] .border-\[\#0071e3\]\/30,
html[data-theme="light"] .group:hover .group-hover\:border-stickz-blue\/30,
html[data-theme="light"] .hover\:border-stickz-blue\/30:hover {
    border-color: rgba(0, 113, 227, 0.45) !important;
}

html[data-theme="light"] .border-\[\#0081f2\]\/20 {
    border-color: rgba(0, 129, 242, 0.3) !important;
}

html[data-theme="light"] .border-violet-500\/20 {
    border-color: rgba(139, 92, 246, 0.3) !important;
}

html[data-theme="light"] .border-emerald-500\/10 {
    border-color: rgba(16, 185, 129, 0.15) !important;
}

html[data-theme="light"] .border-emerald-500\/20 {
    border-color: rgba(16, 185, 129, 0.3) !important;
}

html[data-theme="light"] .border-emerald-500\/25 {
    border-color: rgba(16, 185, 129, 0.375) !important;
}

html[data-theme="light"] .border-emerald-500\/30,
html[data-theme="light"] .focus-within\:border-emerald-500\/30:focus-within,
html[data-theme="light"] .hover\:border-emerald-500\/30:hover,
html[data-theme="light"] .hover\:border-emerald-500\/40:hover {
    border-color: rgba(16, 185, 129, 0.45) !important;
}

html[data-theme="light"] .border-purple-500\/20 {
    border-color: rgba(168, 85, 247, 0.3) !important;
}

html[data-theme="light"] .border-purple-500\/25 {
    border-color: rgba(168, 85, 247, 0.375) !important;
}

html[data-theme="light"] .border-purple-500\/40 {
    border-color: rgba(168, 85, 247, 0.45) !important;
}

html[data-theme="light"] .border-fuchsia-500\/20 {
    border-color: rgba(217, 70, 239, 0.3) !important;
}

html[data-theme="light"] .border-white\/0 {
    border-color: rgba(23, 24, 28, 0.02) !important;
}

html[data-theme="light"] .border-white\/\[0\.025\] {
    border-color: rgba(23, 24, 28, 0.049) !important;
}

html[data-theme="light"] .border-white\/\[0\.03\] {
    border-color: rgba(23, 24, 28, 0.054) !important;
}

html[data-theme="light"] .border-white\/\[0\.04\] {
    border-color: rgba(23, 24, 28, 0.066) !important;
}

html[data-theme="light"] .border-white\/5,
html[data-theme="light"] .border-white\/\[0\.05\],
html[data-theme="light"] .hover\:border-white\/5:hover {
    border-color: rgba(23, 24, 28, 0.077) !important;
}

html[data-theme="light"] .border-neutral-700\/20 {
    border-color: rgba(23, 24, 28, 0.08) !important;
}

html[data-theme="light"] .border-white\/\[0\.06\] {
    border-color: rgba(23, 24, 28, 0.089) !important;
}

html[data-theme="light"] .border-white\/10,
html[data-theme="light"] .group:hover .group-hover\:border-white\/10,
html[data-theme="light"] .hover\:border-white\/10:hover,
html[data-theme="light"] .hover\:border-white\/\[0\.1\]:hover {
    border-color: rgba(23, 24, 28, 0.135) !important;
}

html[data-theme="light"] .border-white\/12 {
    border-color: rgba(23, 24, 28, 0.158) !important;
}

html[data-theme="light"] .border-\[\#111113\],
html[data-theme="light"] .border-\[\#141517\],
html[data-theme="light"] .border-card,
html[data-theme="light"] .border-neutral-700 {
    border-color: rgba(23, 24, 28, 0.18) !important;
}

html[data-theme="light"] .border-white\/20,
html[data-theme="light"] .focus\:border-white\/20:focus,
html[data-theme="light"] .hover\:border-white\/20:hover {
    border-color: rgba(23, 24, 28, 0.2) !important;
}

html[data-theme="light"] .border-red-500\/10 {
    border-color: rgba(239, 68, 68, 0.15) !important;
}

html[data-theme="light"] .border-red-500\/20 {
    border-color: rgba(239, 68, 68, 0.3) !important;
}

html[data-theme="light"] .border-rose-500\/10 {
    border-color: rgba(244, 63, 94, 0.15) !important;
}

html[data-theme="light"] .border-rose-500\/20,
html[data-theme="light"] .hover\:border-rose-500\/20:hover {
    border-color: rgba(244, 63, 94, 0.3) !important;
}

html[data-theme="light"] .hover\:border-rose-500\/30:hover {
    border-color: rgba(244, 63, 94, 0.45) !important;
}

html[data-theme="light"] .border-amber-500\/20 {
    border-color: rgba(245, 158, 11, 0.3) !important;
}

html[data-theme="light"] .border-amber-500\/60 {
    border-color: rgba(245, 158, 11, 0.45) !important;
}

html[data-theme="light"] .border-\[\#FF3B30\]\/20 {
    border-color: rgba(255, 59, 48, 0.3) !important;
}

html[data-theme="light"] .border-blue-600\/20 {
    border-color: rgba(37, 99, 235, 0.3) !important;
}

html[data-theme="light"] .focus\:border-blue-600\/40:focus {
    border-color: rgba(37, 99, 235, 0.45) !important;
}

html[data-theme="light"] .border-sky-400\/20 {
    border-color: rgba(56, 189, 248, 0.3) !important;
}

html[data-theme="light"] .border-blue-500\/20,
html[data-theme="light"] .group:hover .group-hover\:border-blue-500\/20,
html[data-theme="light"] .hover\:border-blue-500\/20:hover {
    border-color: rgba(59, 130, 246, 0.3) !important;
}

html[data-theme="light"] .border-blue-500\/25 {
    border-color: rgba(59, 130, 246, 0.375) !important;
}

html[data-theme="light"] .border-blue-500\/30,
html[data-theme="light"] .border-blue-500\/50,
html[data-theme="light"] .focus-within\:border-blue-500\/50:focus-within,
html[data-theme="light"] .focus\:border-blue-500\/30:focus,
html[data-theme="light"] .focus\:border-blue-500\/50:focus,
html[data-theme="light"] .hover\:border-blue-500\/30:hover,
html[data-theme="light"] .hover\:border-blue-500\/40:hover {
    border-color: rgba(59, 130, 246, 0.45) !important;
}

html[data-theme="light"] .border-cyan-500\/20 {
    border-color: rgba(6, 182, 212, 0.3) !important;
}

html[data-theme="light"] .border-white {
    border-color: var(--vkl-ink) !important;
}

html[data-theme="light"] .after\:border-zinc-300::after,
html[data-theme="light"] .border-neutral-100,
html[data-theme="light"] .border-neutral-500\/20,
html[data-theme="light"] .border-zinc-500\/20 {
    border-color: var(--vkl-line-2) !important;
}

html[data-theme="light"] .shadow-stickz-blue\/20 {
    --tw-shadow-color: rgba(0, 113, 227, 0.09) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-stickz-blue\/40 {
    --tw-shadow-color: rgba(0, 113, 227, 0.18) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-black\/20 {
    --tw-shadow-color: rgba(18, 20, 26, 0.07) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-black\/40 {
    --tw-shadow-color: rgba(18, 20, 26, 0.11) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-black\/50 {
    --tw-shadow-color: rgba(18, 20, 26, 0.13) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-black\/80 {
    --tw-shadow-color: rgba(18, 20, 26, 0.18) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-blue-900\/20 {
    --tw-shadow-color: rgba(30, 58, 138, 0.09) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-blue-800\/40 {
    --tw-shadow-color: rgba(30, 64, 175, 0.18) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-blue-600\/10 {
    --tw-shadow-color: rgba(37, 99, 235, 0.045) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-blue-600\/20 {
    --tw-shadow-color: rgba(37, 99, 235, 0.09) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-\[\#2563eb\]\/30 {
    --tw-shadow-color: rgba(37, 99, 235, 0.135) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-blue-500\/10 {
    --tw-shadow-color: rgba(59, 130, 246, 0.045) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-blue-500\/20 {
    --tw-shadow-color: rgba(59, 130, 246, 0.09) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .shadow-blue-500\/25 {
    --tw-shadow-color: rgba(59, 130, 246, 0.113) !important;
     --tw-shadow: var(--tw-shadow-colored) !important;
}

html[data-theme="light"] .from-white\/20 {
    --tw-gradient-from: rgba(23, 24, 28, 0.12) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(242, 241, 241, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

html[data-theme="light"] .from-\[\#050505\],
html[data-theme="light"] .from-\[\#0e0e10\],
html[data-theme="light"] .from-\[\#0f1020\],
html[data-theme="light"] .from-\[\#121214\],
html[data-theme="light"] .from-\[\#12141a\],
html[data-theme="light"] .from-\[\#1a1c2e\] {
    --tw-gradient-from: var(--vkl-canvas) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(242, 241, 241, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

html[data-theme="light"] .via-white\/5 {
    --tw-gradient-to: rgba(242, 241, 241, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), rgba(23, 24, 28, 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

html[data-theme="light"] .via-white\/10 {
    --tw-gradient-to: rgba(242, 241, 241, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), rgba(23, 24, 28, 0.08) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

html[data-theme="light"] .via-white\/20 {
    --tw-gradient-to: rgba(242, 241, 241, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), rgba(23, 24, 28, 0.12) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

html[data-theme="light"] .via-\[\#0d0e12\],
html[data-theme="light"] .via-card {
    --tw-gradient-to: rgba(242, 241, 241, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--vkl-canvas) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

html[data-theme="light"] .to-black\/40 {
    --tw-gradient-to: rgba(242, 241, 241, 0.4) var(--tw-gradient-to-position) !important;
}

html[data-theme="light"] .to-\[\#050505\],
html[data-theme="light"] .to-\[\#080810\],
html[data-theme="light"] .to-\[\#0a0a0f\],
html[data-theme="light"] .to-\[\#141517\] {
    --tw-gradient-to: var(--vkl-canvas) var(--tw-gradient-to-position) !important;
}

html[data-theme="light"] .bg-\[\#020202\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#050505\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#050506\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#060606\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#080808\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0a0a0a\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0a0a0a\]\/95:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0a0a0b\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0a0a0c\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0b0b0d\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0b0c10\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0c0c0c\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0c0c0e\]\/80:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0d0d0f\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0d0d0f\]\/95:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0d0e12\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0f0f10\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#0f1015\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#111112\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#111113\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#111\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#121214\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#141517\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#141517\]\/50:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#141517\]\/95:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#18181A\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#1C1C1E\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#1e2225\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-\[\#222\]:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-black:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-card:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-gray-800:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-neutral-100:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-neutral-200:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-neutral-800:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-neutral-800\/50:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-neutral-900:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-neutral-950:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-neutral-950\/90:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-stickz-dark:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-white:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-zinc-800:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-zinc-800\/50:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-zinc-900:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-zinc-900\/40:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-zinc-900\/90:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]),
html[data-theme="light"] .bg-zinc-950:is([class*="rounded-2xl"], [class*="rounded-3xl"], [class*="rounded-["]) {
    box-shadow: 0 1px 2px rgba(18, 20, 26, 0.05), 0 12px 28px -18px rgba(18, 20, 26, 0.35) !important;
}

@media (min-width: 768px) {
    html[data-theme="light"] .md\:border-white\/\[0\.04\],
    html[data-theme="light"] .md\:divide-white\/\[0\.04\] {
        border-color: rgba(23, 24, 28, 0.066) !important;
    }
}