.console-grid{--cg-surface:#18181b;--cg-surface2:#27272a;--cg-line:#3f3f46;--cg-line-soft:#27272a;--cg-ink:#f4f4f5;--cg-ink-muted:#a1a1aa;--cg-brand:#38bdf8}.console-grid .bg-surface{background-color:var(--cg-surface)}.console-grid .bg-surface2{background-color:var(--cg-surface2)}.console-grid .bg-surface2\/40{background-color:rgb(39 39 42/.4)}.console-grid .bg-brand{background-color:var(--cg-brand)}.console-grid .bg-brand\/5{background-color:rgb(56 189 248/.05)}.console-grid .bg-brand\/10{background-color:rgb(56 189 248/.1)}.console-grid .bg-brand\/15{background-color:rgb(56 189 248/.15)}.console-grid .bg-brand\/20{background-color:rgb(56 189 248/.2)}.console-grid .bg-brand\/30{background-color:rgb(56 189 248/.3)}.console-grid .bg-inkMuted\/40{background-color:rgb(161 161 170/.4)}.console-grid .bg-inkMuted{background-color:var(--cg-ink-muted)}.console-grid .text-ink{color:var(--cg-ink)}.console-grid .text-inkMuted{color:var(--cg-ink-muted)}.console-grid .text-brand{color:var(--cg-brand)}.console-grid .text-brand\/80{color:rgb(56 189 248/.8)}.console-grid .placeholder\:text-inkMuted::-moz-placeholder{color:var(--cg-ink-muted)}.console-grid .placeholder\:text-inkMuted::placeholder{color:var(--cg-ink-muted)}.console-grid .border-line{border-color:var(--cg-line)}.console-grid tr.border-line{border-color:var(--cg-line-soft)}.console-grid .border-brand{border-color:var(--cg-brand)}.console-grid .border-brand\/30{border-color:rgb(56 189 248/.3)}.console-grid .border-brand\/40{border-color:rgb(56 189 248/.4)}.console-grid .border-brand\/50{border-color:rgb(56 189 248/.5)}.console-grid .border-brand\/60{border-color:rgb(56 189 248/.6)}.console-grid .focus\:border-brand:focus{border-color:var(--cg-brand)}.console-grid .accent-brand{accent-color:var(--cg-brand)}.console-grid .hover\:bg-surface2:hover{background-color:var(--cg-surface2)}.console-grid .hover\:text-ink:hover{color:var(--cg-ink)}.console-grid .hover\:text-brand:hover{color:var(--cg-brand)}.console-grid .hover\:bg-brand\/10:hover{background-color:rgb(56 189 248/.1)}.console-grid .hover\:bg-brand\/30:hover{background-color:rgb(56 189 248/.3)}.console-grid .hover\:border-brand:hover{border-color:var(--cg-brand)}.console-grid .hover\:border-brand\/40:hover{border-color:rgb(56 189 248/.4)}.console-grid .hover\:border-brand\/50:hover{border-color:rgb(56 189 248/.5)}.console-grid .hover\:text-brand\/80:hover{color:rgb(56 189 248/.8)}