:root, :host {
  --color-black: #ffffff;
  --color-white: #0b0d12;
}

.bg-black { background-color: #ffffff !important; }
.bg-black\/90 { background-color: rgba(255,255,255,.9) !important; }
.text-white { color: #0b0d12 !important; }
a.text-white, span.text-white, p.text-white, div.text-white { color: #0b0d12 !important; }
.hover\:text-white:hover { color: #0b0d12 !important; }

.bg-white.text-black,
.text-black.bg-white { background-color: #0b0d12 !important; color: #ffffff !important; }
.text-black { color: #ffffff !important; }

.border-white { border-color: #0b0d12 !important; }
.border-white\/20 { border-color: rgba(11,13,18,.2) !important; }
.border-white\/\[0\.04\] { border-color: rgba(11,13,18,.04) !important; }
.border-white\/\[0\.06\] { border-color: rgba(11,13,18,.06) !important; }
.border-white\/\[0\.08\] { border-color: rgba(11,13,18,.08) !important; }
.border-white\/\[0\.12\] { border-color: rgba(11,13,18,.12) !important; }
.hover\:border-white\/30:hover { border-color: rgba(11,13,18,.3) !important; }
.hover\:border-white\/\[0\.08\]:hover { border-color: rgba(11,13,18,.08) !important; }
.focus\:border-white\/20:focus { border-color: rgba(11,13,18,.2) !important; }

.bg-white\/\[0\.04\] { background-color: rgba(11,13,18,.04) !important; }
.bg-white\/\[0\.06\] { background-color: rgba(11,13,18,.06) !important; }
.hover\:bg-white\/\[0\.04\]:hover { background-color: rgba(11,13,18,.04) !important; }

:where(.divide-white\/\[0\.06\] > :not(:last-child)) { border-color: rgba(11,13,18,.06) !important; }

.bg-\[\#080808\] { background-color: #f5f7fb !important; }

.text-\[\#999\] { color: #6b7280 !important; }
.text-\[\#555\] { color: #8b93a3 !important; }
.text-\[\#444\] { color: #a7aebb !important; }
.text-\[\#333\] { color: #d3d8e0 !important; }

.text-\[\#0ecb81\] { color: #0475fc !important; }

.hover\:bg-\[\#e0e0e0\]:hover { background-color: #0475fc !important; }