.navbox {
--navbox-background: #313238;
--navbox-text: #D5D4D4;
--navbox-element-background: #202126;
--navbox-header-background: #25262c;
--navbox-hover: #3a3a3a;
--navbox-border: transparent;
}
body.light .navbox {
--navbox-background: #e8e8ea;
--navbox-text: #1a1a1a;
--navbox-element-background: #d4d4d7;
--navbox-header-background: #cfcfd2;
--navbox-hover: #c5c5c5;
--navbox-border: transparent;
}
.navbox {
background: var(--navbox-background);
color: var(--navbox-text);
border: 5px solid var(--navbox-border);
border-radius: 0 !important;
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 0.4em 0;
}
.navbox,
.navbox table,
.navbox tr,
.navbox td,
.navbox th,
.navbox div,
.navbox a {
border-radius: 0 !important;
}
.navbox-title {
background: var(--navbox-header-background);
color: var(--navbox-text);
padding: 8px 10px;
font-size: 105%;
font-weight: 700;
text-align: center;
}
.navbox-group {
background: var(--navbox-header-background);
color: var(--navbox-text);
padding: 6px 10px;
font-weight: 600;
vertical-align: top;
white-space: nowrap;
width: 180px;
}
.navbox-list {
background: var(--navbox-element-background);
color: var(--navbox-text);
padding: 6px 10px;
}
.navbox tr + tr td,
.navbox tr + tr th {
border-top: 4px solid var(--navbox-background);
}
.navbox-list a {
color: inherit;
text-decoration: none;
}
.navbox-list a:hover {
background: var(--navbox-hover);
}
.navbox-abovebelow {
background: var(--navbox-header-background);
color: var(--navbox-text);
padding: 6px 10px;
}
.navbox-subgroup {
background: var(--navbox-element-background);
}