:root {
    --table-header-text: #000000;
    --vyla-black: #000000;
    --vyla-white: #ffffff;
    --vyla-border-light: rgba(0, 0, 0, 0.12);
    --vyla-border-dark: rgba(255, 255, 255, 0.16);
    --banner-bg: #ffffff;
    --banner-text: #000000;
}

.dark {
    --table-header-text: #ffffff;
    --banner-bg: #000000;
    --banner-text: #ffffff;
}

table th {
    color: var(--table-header-text) !important;
}

#banner,
#banner *,
#banner p,
#banner a {
    color: var(--banner-text) !important;
}

.data-\[is-opaque\=true\]\:bg-background-light[data-is-opaque=true] {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.data-\[is-opaque\=true\]\:dark\:bg-background-dark\/75:is(.dark *)[data-is-opaque=true] {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

#banner a {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

#banner button {
    color: var(--banner-text) !important;
}

#navbar a[href*="gitlab"],
#navbar a[href*="discord"],
#navbar a[href="/"] {
    border-radius: 999px !important;
}

#navbar a[href="/"] {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.dark\:border-gray-300\/\[0\.06\]:is(.dark *) {
    border-color: transparent !important;
}

.dark\:ring-0:is(.dark *),
.dark\:ring-1:is(.dark *),
.ring-1,
.ring-2 {
    box-shadow: none !important;
}

.dark\:hover\:\!border-primary-light:hover:is(.dark *) {
    background-color: transparent !important;
    border-color: transparent !important;
}

.hover\:\!border-primary:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.dark\:border-white\/10:is(.dark *) {
    border-color: transparent !important;
}

.dark\:bg-white\/10:is(.dark *) {
    background-color: rgba(25, 25, 25, 0.1) !important;
}

html.dark .code-block-background {
    background-color: rgba(5, 5, 5) !important;
    border-color: transparent !important;
}

html .code-block-background {
    background-color: rgba(250, 250, 250) !important;
    border-color: transparent !important;
}

[data-fade-overlay] {
    background-color: transparent !important;
}

.border {
    border-color: transparent !important;
}

.h-\[1\.5px\] {
    height: 0px !important;
}

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: 30px;
}

html.dark [data-fade-overlay] {
    background: transparent !important;
}

.dark\:text-gray-500:is(.dark *) {
    display: none !important;
}

.px-6 {
    padding-left: 0px !important;
}