@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto+Mono:wght@100;200;400;600&family=Roboto:wght@100;300;400;500&display=swap');

:root {
    --font-roboto: 'Roboto', sans-serif;
    --font-roboto-condensed: 'Roboto Condensed', sans-serif;
    --font-roboto-mono: 'Roboto Mono', monospace;
    --color-primary: hsl(0, 0%, 10%);
    --color-secondary: hsl(0, 0%, 20%);
    --color-tertiary: hsl(0, 0%, 5%);
    --color-background: hsl(0, 0%, 100%);
    --color-card: hsl(0, 0%, 98%);
    --color-card-text: hsl(0, 0%, 40%);
    --color-control: hsl(0, 0%, 95%);
    --color-control-secondary: hsl(0, 0%, 90%);
    --color-control-secondary-alt: hsl(0, 0%, 80%);
    --color-border: hsl(0, 0%, 85%);
    --color-selected: transparent;
    --color-highlight: #305ab1;
    --color-highlight-visited: #4665A2;
    --font-size-base: 16px;
    --font-size-small: 14px;
    --font-size-large: 250%;
    --line-height-base: 150%;
    --line-height-large: 195%;
    --line-height-medium: 165%;
    --line-height-small: 135%;
    --border-radius: 5px;
    --padding-small: 0.5rem;
    --padding-medium: 10px;
    --padding-large: 20px;
    --shadow-down-right: drop-shadow(1px 1px 1px hsl(0, 0%, 80%))
}

body[darkmode] {
    --color-background: hsl(0, 0%, 10%);
    --color-card: hsl(0, 0%, 13%);
    --color-card-text: hsl(0, 0%, 80%);
    --color-selected: transparent;
    --color-control: hsl(0, 0%, 13%);
    --color-primary: hsl(0, 0%, 90%);
    --color-secondary: hsl(0, 0%, 80%);
    --color-tertiary: hsl(0, 0%, 80%);
    --color-border: hsl(0, 0%, 30%);
    --color-highlight: hsl(200, 50%, 50%);
    --color-highlight-visited: #64b5f6;
    --shadow-down-right: drop-shadow(1px 1px 1px hsl(0, 0%, 10%))
}

/* The extra CSS for doxygen */

html,
body {
    background-color: var(--color-background);
}

body,
table,
div,
p,
dl {
    font-family: var(--font-roboto);
    font-size: var(--font-size-base);
    font-weight: 400;
    color: var(--color-tertiary);
    line-height: var(--line-height-base);
}

tt,
code,
kbd,
samp {
    display: inline-block;
    direction: ltr;
    font-family: var(--font-roboto-mono);
    font-size: var(--font-size-small);
    background: hsl(0 0% 0% / 3%);
    padding: 0 var(--padding-small);
    border-radius: var(--border-radius);
}


/* link color */

a {
    color: var(--color-highlight);
}

a:visited {
    color: var(--color-highlight);
}


/* Puts a stop to the overuse of bold emphasis :) */

b {
    font-weight: 400;
}


/* headings */

.large-heading {
    font-size: var(--font-size-large);
}

h1 {
    font-size: 130%;
    line-height: var(--line-height-large);
}

h2 {
    font-size: 110%;
    line-height: var(--line-height-medium);
}

h3 {
    font-size: 90%;
    line-height: var(--line-height-small);
}

h1,
h2,
h3 {
    border-bottom: 2px solid var(--color-border);
    padding-bottom: var(--padding-medium);
    margin-top: 40px;
    padding-left: 2px;
    color: var(--color-secondary);
    font-family: var(--font-roboto-condensed);
}

h2,
h3 {
    border-bottom: 2px solid var(--color-border);
    padding-bottom: var(--padding-medium);
    margin-top: 20px;
    padding-left: 2px;
    color: var(--color-secondary);
    font-family: var(--font-roboto-condensed);
}

h4,
h5,
h6 {
    margin-top: 40px;
    color: var(--color-secondary);
    font-family: var(--font-roboto-condensed);
}

h1.glow,
h2.glow,
h3.glow,
h4.glow,
h5.glow,
h6.glow {
    text-shadow: None;
    background-color: #f5f8fd;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-right: 2px;
}

.section.user dt {
    margin-left: 0;
    border-bottom: 2px solid var(--color-border);
    padding-bottom: var(--padding-medium);
}

.section.user dd {
    margin-left: 0;
    padding: 0 !important;
}


div.header {
    background-image: none;
    background-color: transparent;
    color: var(--color-primary);
    border-bottom: 2px solid var(--color-border);
}

#doc-content div.header {
    max-width: none;
    margin-right: 10%;
}

th {
    border-bottom: 2px solid var(--color-control);
    margin-top: 40px;
    color: var(--color-primary);
    font-family: var(--font-roboto-condensed);
}

hr {
    border-top: 1px solid #bbb;
}

address {
    color: var(--color-primary);
}


/* code entity pages */

h2.groupheader {
    border-bottom: 2px solid var(--color-border);
    padding-bottom: var(--padding-medium);
    margin-top: 40px;
    color: var(--color-secondary);
}

tr.heading h2 {
    margin-top: 40px;
    margin-bottom: 10px;
}

.mdescLeft,
.mdescRight,
.memItemLeft,
.memItemRight,
.memTemplItemLeft,
.memTemplItemRight,
.memTemplParams {
    background-color: hsl(0deg 0% 98%);
    font-family: var(--font-roboto-mono);
    font-size: var(--font-size-base);
    color: var(--color-primary);
}

.memItemLeft,
.memTemplItemLeft {
    white-space: normal;
    min-width: 400px;
}

.memitem {
    padding: 0;
    margin-bottom: 40px;
    margin-right: 5px;
    filter: var(--shadow-down-right);
    -webkit-transition: box-shadow 0.5s linear;
    -moz-transition: box-shadow 0.5s linear;
    -ms-transition: box-shadow 0.5s linear;
    -o-transition: box-shadow 0.5s linear;
    transition: box-shadow 0.5s linear;
    display: table !important;
    width: 100%;
}

.memname {
    font-family: var(--font-roboto-mono);
    font-size: var(--font-size-base);
    font-weight: 400;
    margin-left: 6px;
}

.memproto,
dl.reflist dt {
    border-style: none;
    color: var(--color-primary);
    background-color: var(--color-control);
    text-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
}

.memdoc,
dl.reflist dd {
    border-width: 0;
    background-color: hsl(0, 0%, 99%);
    background-image: none;
    box-shadow: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    -moz-box-shadow: none;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
    -webkit-box-shadow: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
}

span.mlabel {
    border-radius: var(--border-radius);
    background-color: hsl(0, 0%, 87%);
    color: var(--color-primary);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 5px 15px 5px 15px;
    font-size: 12px;
}

td.mlabels-right {
    vertical-align: top;
    padding: 4px;
    white-space: nowrap;
}

.inherit_header {
    font-weight: 400;
    color: hsl(0, 0%, 50%);
    cursor: pointer;
    margin-top: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.inherit_header td {
    padding: var(--padding-large) 0px 0px 0px;
}

.paramname {
    color: var(--color-card-text);
}

.params dt,
.tparams dt,
.section.return dt {
    font-weight: 500;
    font-size: var(--font-size-base);
    margin: 10px 0px 10px 0px;
}

.params .paramname,
.retval .paramname,
.tparams .paramname,
.exception .paramname {
    font-weight: 400;
    vertical-align: top;
}

.params,
.retval,
.exception,
.tparams {
    margin-left: 0px;
    padding-left: 0px;
    font-size: var(--font-size-base);
}


/* directory listings */

.directory td.entry a {
    outline: none;
    padding: 5px 20px 5px 20px;
}

.directory td.desc {
    width: 100%;
    border-left: 2px solid var(--color-control);
    padding: 5px 20px 5px 20px;
    font-family: var(--font-roboto-mono);
    font-size: 13px;
}


/* class index */

.classindex dl.odd {
    background-color: hsl(0deg 0% 98%);
}

div.qindex,
div.navtab {
    padding: 10px 30px 10px 30px;
    text-align: left;
}

.contents {
    font-family: var(--font-roboto-mono);
    font-size: var(--font-size-base);
}

div.contents {
    padding-right: 10%;
}


/* image */



/*
.image {
    text-align: left;
}
*/

.headerindex {
    height: 90px;
    background-image: url(maxon_logo.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.title {
    text-align: left;
    overflow: hidden;
    font-size: 200%;
    line-height: var(--line-height-base);
    position: relative;
    left: 8px;
    color: var(--color-secondary);
    font-family: var(--font-roboto-condensed);
}


/* Disable Link in Page title*/

.title a {
    pointer-events: none;
    font-weight: bold!important;
}

.indextitle {
    text-align: left;
    font-size: 300%;
    position: relative;
    left: 0px;
    top: 16px;
}

.indexsubtitle {
    position: relative;
    left: 0px;
    top: 26px;
}

.contents a:visited {
    color: var(--color-highlight-visited);
}


/* highlights */

#highlight table.mlabels {
    background-color: #b2c0db;
}

.highlight {
    color: var(--color-primary);
    background-color: #b2c0db;
    text-shadow: none;
}

.header .highlight {
    color: var(--color-primary);
    background-color: white;
}

#titlearea {
    border-bottom: none;
}

.arrow {
    color: #9B9B9B;
}

.directory .levels span {
    color: var(--color-highlight-visited);
}

.memSeparator {
    border-bottom: 1px solid #eee;
}

.memtitle {
    display: none;
}

#searchInput {
    border: none;
    background: hsl(0, 0%, 97%);
    font-family: var(--font-roboto);
    font-size: var(--font-size-base);
}


/* search */

#searchSelectWindow {
    border: none;
    width: 200px;
    padding: 10px;
}

.SelectItem {
    font-family: var(--font-roboto);
    font-size: var(--font-size-small);
    font-weight: 400;
    line-height: var(--line-height-base);
}

#searchFilter {
    background-color: var(--color-selected);
    border: none;
}

#searchType {
    background-color: var(--color-selected);
    border: none;
}

#searchBarDiv {
    width: 100%;
    height: 35px;
}


/* serach buttons */

#searchBarMagIconDiv {
    position: absolute;
    top: 29px;
    left: 3px;
}

#searchBarCloseIconDiv {
    position: absolute;
    top: 30px;
    right: 10px;
}

#searchInput {
    width: 100%;
    padding-left: 30px;
    padding-right: 10px;
    outline: 2px solid var(--color-selected);
    height: 30px;
}

a.SelectItem:hover {
    background-color: #545454;
}

.searchItem:hover span {
    color: #666666;
}

ul {
    padding-left: 20px;
    /* firefox specific markup */
    -moz-padding-start: 20px;
    /* webkit specific markup */
    -webkit-padding-start: 20px;
}

.icon {
    background-color: #bbb;
}

div.directory {
    border-top: none;
    border-bottom: none;
}

#side-nav {
    filter: var(--shadow-down-right);
    width: 300px;
}

.navpath li.footer {
    color: var(--color-primary);
}

.navpath li.footer a {
    color: var(--color-primary);
}

.navpath li.footer a:visited {
    color: var(--color-primary);
}

.navpath ul {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: var(--color-primary);
    background-color: white;
    border: solid 1px #C2CDE4;
}

.navpath li.navelem a {
    text-shadow: none;
}


/* File include invoked with \snippet some_file.ext */

.fragment {
    border-radius: var(--border-radius);
    text-align: left;
    direction: ltr;
    overflow: hidden;
}


/* Links below a code box pointing to external sites like GitHub */

.code-links {
    background: hsl(0deg 0% 99%);
    margin: -19px 7px 20px 2px;
    border-radius: var(--border-radius);
    padding: 5px 10px;
    text-align: right;
    font-size: 0.7em;
    box-shadow: 0px 2px 2px #ddd;
}

.code-links a {
    margin-right: 10px;
}


/* table of contents */

div.toc li.level1 {
    margin-left: 0px;
    color: var(--color-primary);
}

div.toc li.level1 a {
    color: var(--color-primary);
}

div.toc {
    background-color: white;
    border: none;
    border-radius: 0px;
    top: 40px;
    width: auto;
    z-index: 2;
}

div.toc li {
    background-image: none;
    font-family: var(--font-roboto);
    font-size: 15px;
    font-weight: 400;
}

div.toc h3 {
    color: hsl(0, 0%, 25%);
    font-family: var(--font-roboto);
    font-size: 15px;
    font-weight: 500;
}

div.line.glow {
    background-color: #3867c5;
    box-shadow: 0 0 10px #3867c5;
}

div.fragment {
    background-color: hsl(0, 0%, 99%);
    border: none;
    padding: var(--padding-large);
    margin-bottom: var(--padding-large);
    margin-top: var(--padding-large);
    box-shadow: 0px 2px 2px #ddd;
}

pre.fragment {
    border: 1px solid #bbb;
}

memberdecls td.glow,
.fieldtable tr.glow {
    background-color: var(--color-highlight);
    box-shadow: 0 0 15px var(--color-highlight);
}

.memitem.glow {
    box-shadow: 0 0 15px var(--color-highlight);
}

div.summary a,
div.summary a:visited {
    color: var(--color-primary);
}

.header a,
.header a:visited {
    color: var(--color-primary);
}

table {
    border-color: #eee;
}

table.doxtable {
    border-collapse: separate;
    margin-top: 0px;
    border: none;
    vertical-align: text-top;
}

table.doxtable th {
    background-color: hsl(0, 0%, 97%);
    color: var(--color-secondary);
    font-family: var(--font-roboto-condensed);
    text-align: left;
}

table.doxtable td,
table.doxtable th {
    border: none;
    vertical-align: text-top;
}

table.stripped {
    border-spacing: 2px;
}

table.stripped tr:nth-child(even) {
    background-color: #eee;
}

table.stripped th,
td {
    text-align: left;
    padding: 4px;
}

table.code {
    font-family: monospace, fixed;
    font-size: 13px;
}

.table_204040 table {
    width: 100%;
    table-layout: fixed;
}

.table_204040 table th:nth-child(1),
.table_204040 table td:nth-child(1) {
    width: 20%;
}

.table_204040 table th:nth-child(2),
.table_204040 table td:nth-child(2) {
    width: 40%;
}

.table_204040 table th:nth-child(3),
.table_204040 table td:nth-child(3) {
    width: 40%;
}

.exampleBox::before {
    content: "Example";
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid  hsl(0, 0%, 95%);
}

/* Field table */

table.fieldtable {
    border: none;
}

.fieldtable th {
    background-image: none;
    font-size: var(--font-size-base);
    color: var(--color-primary);
    background-color: var(--color-control);
    border-bottom: none;
}

.fieldtable td.fieldname {
    font-family: var(--font-roboto-mono);
    font-size: var(--font-size-base);
    border-right: none;
    border-bottom: none;
    background-color: hsl(0, 0%, 97%);
}

.fieldtable td.fielddoc {
    border-bottom: none;
    font-size: var(--font-size-base);
    background-color: hsl(0, 0%, 97%);
}

.fieldtable td.fielddoc p {
    font-size: var(--font-size-base);
}


/* tree-view */

#nav-tree {
    background-image: none;
    background-color: var(--color-control);
    overflow-x: hidden;
    padding-top: 5px;
}

#nav-tree .selected {
    background-image: none;
    background-color: var(--color-selected);
    text-shadow: none;
}

#nav-tree .selected a {
    color: hsl(225deg 50% 25%);
}

#nav-tree a {
    color: var(--color-primary);
    font-family: var(--font-roboto);
    font-weight: 400;
    font-size: 14px;
}

#nav-tree a:hover {
    text-decoration: underline;
}

#nav-tree .item {
    margin-bottom: 5px;
}

.ui-resizable-e {
    background: transparent;
    border: none;
    width: 4px;
}

.navpath ul {
    background-color: var(--color-control);
    color: var(--color-primary);
    border: none;
    filter: drop-shadow(0px 2px 2px #ddd);
}

.navpath li.navelem a {
    color: var(--color-primary);
}

.navpath li.navelem a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}


/* addition for node api */

table.nodeAPI {
    border-color: #2D4068;
    border-spacing: 0;
    /* border-collapse: collapse; */
}

.nodeAPI td .image {
    text-align: left;
}

.nodeAPI caption {
    text-align: left;
    padding-left: 5px;
}

.nodeAPI tr {
    border-bottom: 1px solid #ddd;
}

.nodeAPI tr:last-child {
    border-bottom: 5px solid #efefef;
}

.nodeAPI td {
    border-right: 1px solid #ddd;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 10px;
}

.nodeAPI td:last-child {
    border: none;
}

.FrontPages td:first-child {
    width: 250px;
}


/* addition for home page */

table.homepage {
    width: 100%;
}

.homepage td {
    width: 33%;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.homepage li {
    padding-bottom: 5px;
}

div.textblock {
    max-width: 1000px;
}

div.summary {
    display: none;
}

#doc-content {
    padding-left: 8%;
    background-color: var(--color-background);
}


/* .PageDoc
{
    padding-left: 8%;
} */

#nav-tree-contents {
    padding-left: 20px;
}

div.header {
    margin-left: 10px;
    max-width: 1000px;
}

div.headertitle {
    margin-left: -10px;
}


/* Style for the "Related" tables.*/

table.relatedTable {
    border-collapse: collapse;
    border: none;
    vertical-align: text-top;
    width: 100%;
}

.relatedTable td,
th {
    padding: 10px;
    vertical-align: text-top;
}

.relatedTableCategory {
    font-weight: 500;
    width: 15%;
    vertical-align: top;
}

.relatedTableCategoryEmpty {
    width: 15%;
    vertical-align: top;
}

.relatedTableItem {
    width: 30%;
    vertical-align: top;
}

.relatedTableDescription {
    width: 55%;
    vertical-align: top;
}


/* Style for figures.*/

.figure {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.figure-caption {
    padding: var(--padding-large);
    font-size: 13px;
    text-align: center;
}

.figure-caption code, 
.figure-caption pre,
.figure-caption tt {
    font-size: 13px;
}

.figure-image,
.figure-video,
.figure-image-noshadow {
    margin-top: 5px;
}

.figure-image img,
.figure-image-noshadow img,
.figure-video {
    border-radius: 10px;
    border: 1px solid transparent;
    height: -webkit-fill-available;
    max-height: max-content;
    max-width: max-content;
    width: -webkit-fill-available;
}

.figure-small img {
    width: 50% !important;
}

.figure-medium img {
    width: 80% !important;
}

.figure-image img {
    filter: drop-shadow(2px 2px 2px #ddd);
}

.figure-youtube {
    border-radius: 10px;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    position: relative;
}

.figure-youtube iframe {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/* Overwrite the hyper-aggressive link style of Doxygen so that the eye is 
not constantly forced to jump, i.e., in order to increase readability */

a.el {
    font-weight: initial!important;
}


/* Slightly increased font size from 13pt for a more pleasant reading 
experience for code listings. */

div.line {
    font-size: 15px;
    min-height: 15px;
    line-height: 125%;
}


/* The search results */

#searchFrameDiv {
    overflow-x: hidden;
    padding-left: 20px;
}

.searchItem {
    margin-bottom: 2px;
}

.searchItemSelected {
    overflow: hidden;
    padding-left: 5px;
    width: 100%;
    white-space: nowrap;
    background-image: none;
    background-color: var(--color-card-text);
    color: white;
    text-shadow: none;
}

.searchItem:hover {
    background-color: hsl(0, 0%, 70%);
    background-image: none;
    text-shadow: none;
}

.searchItem a:hover {
    text-decoration: none;
}

.searchItemName {
    color: hsl(0, 0%, 30%);
    font-size: 14px;
}

.searchItemName b {
    color: hsl(0, 0%, 5%);
    font-size: 14px;
    font-family: var(--font-roboto-mono);
}

#searchToggleBarDiv {
    background-color: var(--color-control);
    ;
    text-shadow: none;
}

#searchToggleBarDiv:hover {
    background-color: hsl(0, 0%, 80%);
    text-shadow: none;
}

#searchToggleBarSpan {
    color: var(--color-primary);
}

.searchInfoTxt {
    background-color: #eee;
}

#searchContainerDiv {
    background-color: var(--color-control);
}

#searchToggleBarDiv {
    text-align: left;
    font-size: 12px;
    padding-left: 10px;
}

#searchToggleBarSpan {
    font-size: 12px;
    padding-left: 10px;
}


/* notes and warnings */

dl.warning,
dl.attention {
    border-color: #eb8282;
}

dl.note {
    border-color: #e9c951;
}

.section dd {
    padding-top: var(--padding-medium);
    padding-bottom: var(--padding-medium);
}

.warning,
.note {
    border-left: 10px solid;
}

.section dt {
    margin-left: 10px;
    font-weight: 500;
}

/* scrollbars */

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
    margin: 2px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--color-control-secondary);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-control-secondary-alt);
}

html,
body {
    overflow-y: hidden;
}


/* example output container below code listings */

.exampleOutput {
    font-family: var(--font-roboto-condensed);
    margin: 0px 10px 10px 5px;
    padding-bottom: var(--padding-medium);
    font-size: 14px;
    border-bottom: 2px solid var(--color-control);
}


/* Not yet documented div style */

.nyd {
    color: hsl(0, 0%, 50%);
}


/* Style for declaration/definition code tabs */

.tab {
    overflow: hidden;
    margin-bottom: -25px;
}

.tab button {
    background-color: inherit;
    font-family: var(--font-roboto-mono);
    font-size: .75em;
    float: left;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    transition: 0.3s;
    margin: 2px;
    z-index: -1;
}

.tab button:hover {
    background-color: hsl(0, 0%, 99%);
    box-shadow: 0px 2px 2px #ddd;
}

.codetabcontent .fragment {
    max-height: 700px;
    overflow-y: auto;
}


/* div style for [Tag] boxes used in listings and other places.*/

.tag-blue {
    background: hsl(230, 50%, 95%);
    color: hsl(0deg 0% 25%);
    padding: 2px 10px 2px 10px;
    border-radius: var(--border-radius);
    font-size: 14px;
    text-align: center;
}

.tag-green {
    background: hsl(120, 50%, 95%);
    color: hsl(0deg 0% 25%);
    padding: 2px 10px 2px 10px;
    border-radius: var(--border-radius);
    font-size: 14px;
    text-align: center;
}

.tag-yellow {
    background: hsl(60, 50%, 95%);
    color: hsl(0deg 0% 25%);
    padding: 2px 10px 2px 10px;
    border-radius: var(--border-radius);
    font-size: 14px;
    text-align: center;
}

.tag-orange {
    background: hsl(25, 50%, 95%);
    color: hsl(0deg 0% 25%);
    padding: 2px 10px 2px 10px;
    border-radius: var(--border-radius);
    font-size: 14px;
    text-align: center;
}

.tag-red {
    background: hsl(0, 50%, 95%);
    padding: 2px 10px 2px 10px;
    border-radius: var(--border-radius);
    font-size: 14px;
    text-align: center;
}


/* Style for accented tables.*/

table.accentedTable {
    border-collapse: separate;
    border-spacing: 0px 10px;
    border: none;
    vertical-align: text-top;
}

.accentedTable td,
th {
    vertical-align: text-top;
}

.accentedTable tr {
    background-color: hsl(0, 0%, 99%);
    border-radius: var(--border-radius);
    filter: var(--shadow-down-right);
}


/* Selectors for API changes notes in the change notes.*/

.apiChangeNote {
    background-color: hsl(0, 0%, 97%);
    border-radius: var(--border-radius);
    padding: 0px 0px 5px 0px;
    filter: drop-shadow(1px 1px 1px hsl(0, 0%, 80%));
    margin: var(--padding-large) 0px;
}

.apiChangeNoteHeader {
    display: table;
    background: hsl(0, 0%, 92%);
    padding: 5px;
}

.apiChangeNoteTag {
    display: table-cell;
}

.apiChangeNoteEntity {
    width: 100%;
    padding-left: var(--padding-large);
    display: table-cell;
}

.apiChangeNoteFile {
    display: table-cell;
    font-family: monospace;
    font-size: 12px;
    background: hsl(0, 0%, 87%);
    padding: 0px 10px 0px 10px;
    text-align: center;
    border-radius: var(--border-radius);
    vertical-align: middle;
}

.apiChangeNoteCodeContext {
    display: table;
}

.apiChangeNoteCodeLabel {
    width: 75px;
    height: fit-content;
    display: table-cell;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
    color: hsl(0, 0%, 60%);
}

.apiChangeNoteCode {
    margin: 5px;
    display: table-cell;
}

div.apiChangeNoteCode .fragment {
    margin-bottom: 4px;
    margin-top: 4px;
}


/* Style for terminal divs.*/

.terminalBox {
    margin: 5px;
    padding: 5px 20px;
    font-family: var(--font-roboto-mono);
    background: var(--color-card);
    font-size: 14px;
    border-radius: var(--border-radius);
    box-shadow: 0px 2px 2px #ddd;
    word-wrap: break-word;
}


/* Markdown tables */

table.markdownTable {
    width: 100%;
}

dd > table.markdownTable th:nth-child(1) {
    width: 40%;
}

dd > table.markdownTable th:nth-child(2) {
    width: 60%;
}

dd:has(> table.markdownTable:only-child) {
    margin-inline-start: 0 !important;
}

table.markdownTable td,
table.markdownTable th {
    border: none;
    padding: 5px 5px;
    vertical-align: top;
    border-bottom: 1px solid var(--color-control);
}

th.markdownTableHeadLeft,
th.markdownTableHeadRight,
th.markdownTableHeadCenter,
th.markdownTableHeadNone {
    background-color: var(--color-control);
    color: hsl(0, 0%, 15%);
    font-weight: 400;
    font-size: 100%;
    padding-bottom: 4px;
    padding-top: 5px;
}


/* Block quotes */

blockquote {
    background-color: var(--color-card);
    border-radius: var(--border-radius);
    border-left: 8px solid hsl(0, 0%, 80%);
    filter: drop-shadow(1px 1px 1px #ddd);
    margin: 0 0 0 20px;
    padding: 2px 20px;
}

blockquote p {
    color: var(--color-card-text);
    font-style: italic;
    font-size: 0.8em;
}


/* Change table */

.changeTable {
    background: var(--color-card);
    border-radius: var(--border-radius);
    box-shadow: 0px 2px 2px hsl(0, 0%, 95%);
    font-family: var(--font-roboto-mono);
    font-size: 0.8em;
    padding: 10px;
    width: 100%;
}

.changeTableAdd {
    color: hsl(100 100% 40%);
    font-weight: 800;
}


/* --- pygments Syntax Highlighting ----------------------------------------------------------*/

.hll {
    background-color: #ffffcc
}

.c {
    color: #177500
}


/* Comment */

.err {
    color: #000000
}


/* Error */

.k {
    color: #A90D91
}


/* Keyword */

.l {
    color: #1C01CE
}


/* Literal */

.n {
    color: #000000
}


/* Name */

.o {
    color: #000000
}


/* Operator */

.ch {
    color: #177500
}


/* Comment.Hashbang */

.cm {
    color: #177500
}


/* Comment.Multiline */

.cp {
    color: #633820
}


/* Comment.Preproc */

.cpf {
    color: #177500
}


/* Comment.PreprocFile */

.c1 {
    color: #177500
}


/* Comment.Single */

.cs {
    color: #177500
}


/* Comment.Special */

.kc {
    color: #A90D91
}


/* Keyword.Constant */

.kd {
    color: #A90D91
}


/* Keyword.Declaration */

.kn {
    color: #A90D91
}


/* Keyword.Namespace */

.kp {
    color: #A90D91
}


/* Keyword.Pseudo */

.kr {
    color: #A90D91
}


/* Keyword.Reserved */

.kt {
    color: #A90D91
}


/* Keyword.Type */

.ld {
    color: #1C01CE
}


/* Literal.Date */

.m {
    color: #1C01CE
}


/* Literal.Number */

.s {
    color: #7d201e
}


/* Literal.String */

.na {
    color: #836C28
}


/* Name.Attribute */

.nb {
    color: #A90D91
}


/* Name.Builtin */

.nc {
    color: #3F6E75
}


/* Name.Class */

.no {
    color: #000000
}


/* Name.Constant */

.nd {
    color: #000000
}


/* Name.Decorator */

.ni {
    color: #000000
}


/* Name.Entity */

.ne {
    color: #000000
}


/* Name.Exception */

.nf {
    color: #000000
}


/* Name.Function */

.nl {
    color: #000000
}


/* Name.Label */

.nn {
    color: #000000
}


/* Name.Namespace */

.nx {
    color: #000000
}


/* Name.Other */

.py {
    color: #000000
}


/* Name.Property */

.nt {
    color: #000000
}


/* Name.Tag */

.nv {
    color: #000000
}


/* Name.Variable */

.ow {
    color: #000000
}


/* Operator.Word */

.mb {
    color: #1C01CE
}


/* Literal.Number.Bin */

.mf {
    color: #1C01CE
}


/* Literal.Number.Float */

.mh {
    color: #1C01CE
}


/* Literal.Number.Hex */

.mi {
    color: #1C01CE
}


/* Literal.Number.Integer */

.mo {
    color: #1C01CE
}


/* Literal.Number.Oct */

.sa {
    color: #C41A16
}


/* Literal.String.Affix */

.sb {
    color: #C41A16
}


/* Literal.String.Backtick */

.sc {
    color: #2300CE
}


/* Literal.String.Char */

.dl {
    color: #C41A16
}


/* Literal.String.Delimiter */

.sd {
    color: #C41A16
}


/* Literal.String.Doc */

.s2 {
    color: #C41A16
}


/* Literal.String.Double */

.se {
    color: #C41A16
}


/* Literal.String.Escape */

.sh {
    color: #C41A16
}


/* Literal.String.Heredoc */

.si {
    color: #C41A16
}


/* Literal.String.Interpol */

.sx {
    color: #C41A16
}


/* Literal.String.Other */

.sr {
    color: #C41A16
}


/* Literal.String.Regex */

.s1 {
    color: #C41A16
}


/* Literal.String.Single */

.ss {
    color: #C41A16
}


/* Literal.String.Symbol */

.bp {
    color: #5B269A
}


/* Name.Builtin.Pseudo */

.fm {
    color: #000000
}


/* Name.Function.Magic */

.vc {
    color: #000000
}


/* Name.Variable.Class */

.vg {
    color: #000000
}


/* Name.Variable.Global */

.vi {
    color: #000000
}


/* Name.Variable.Instance */

.vm {
    color: #000000
}


/* Name.Variable.Magic */

.il {
    color: #1C01CE
}


/* Literal.Number.Integer.Long */

.highlightCode {
    font-size: 12px;
    font-family: var(--font-roboto-mono);
}


/* --- File Diff -----------------------------------------------------------------------------*/

.dif-table {
    overflow: hidden;
    display: table;
    background: hsl(0 0% 99%);
    border-radius: var(--border-radius);
    padding: 10px;
    margin: 10px 0px;
    width: 99%;
    filter: drop-shadow(1px 1px 0px hsl(0 0% 90%));
}

.dif-row-nrm {
    display: table-row;
    height: 12px;
}

.dif-row-add {
    display: table-row;
    background: hsl(100 50% 95%);
    ;
}

.dif-row-del {
    display: table-row;
    background: hsl(0 50% 95%);
}

.dif-cell-type,
.dif-cell-code {
    display: table-cell;
    font-family: var(--font-roboto-mono);
    font-size: 12px;
}

.dif-cell-type {
    padding: 0px 5px 0px 15px;
}

.dif-cell-code {
    padding: 0px 5px 0px 15px;
}

.dif-cell-type pre,
.dif-cell-code pre {
    margin: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-wrap;
}


/* --- File Diff Summary ---------------------------------------------------------------------*/

.sum-table {
    overflow: hidden;
    border-radius: var(--border-radius);
    width: 100%;
}

.sum-row {
    display: table-row;
}

.sum-cell-type,
.sum-cell-code {
    display: table-cell;
    font-family: monospace;
    font-size: 12px;
}

.sum-cell-type {
    padding: 0px 5px 0px 15px;
}

.sum-cell-code {
    padding: 0px 5px 0px 15px;
    width: 100%;
    color: hsl(0 0% 30%);
    font-family: var(--font-roboto-mono);
    font-size: 12px;
}

.sum-add {
    background-color: hsl(100 50% 98%);
}

.sum-add-tag {
    background-color: hsl(100 50% 90%);
}

.sum-del {
    background-color: hsl(0 50% 98%);
}

.sum-del-tag {
    background-color: hsl(0 50% 90%);
}

.sum-cell-type pre,
.sum-cell-code pre {
    margin: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-wrap;
}

.collapse-grp {
    margin: 10px 0px;
    filter: drop-shadow(0px 1px 1px hsl(0 0% 90%));
}

.collapse-nav {
    display: flex;
    margin: 0px 0px;
}

.collapse-btn {
    background-color: var(--color-control);
    color: hsl(0 0% 30%);
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    transition: 0.4s;
    border-radius: 5px 0px 0px 5px;
    padding: 5px 10px;
}

.collapse-btn:hover,
.collapse-all-btn:hover,
.collapse-docs-btn:hover,
.collapse-dif-btn:hover {
    background-color: hsl(0 0% 90%);
}

.collapse-btn:before {
    content: '\002B';
    color: hsl(0 0% 50%);
    font-weight: bold;
    float: left;
    padding: 2px 5px 0px 0px;
}

.collapse-all-btn,
.collapse-docs-btn,
.collapse-dif-btn {
    background-color: var(--color-control);
    color: hsl(0 0% 50%);
    cursor: pointer;
    border: none;
    text-align: right;
}

.collapse-all-btn,
.collapse-dif-btn {
    border-radius: 0px 5px 5px 0px;
}

.collapse-btn-open:before {
    content: "\2212";
}

.collapse-btn-header,
.collapse-tag-lbl,
.collapse-tag-changes {
    margin: 0;
    display: inline-block;
}

.collapse-btn-header {
    font-size: 1em;
    float: left;
}

.collapse-tag {
    float: right;
    font-size: 1em;
    position: relative;
    left: 5px;
    padding: 0px 5px;
    border-radius: 2px;
    color: hsl(0 0% 40%);
    border-right: 1px solid hsl(0 0% 80%);
    border-bottom: 1px solid hsl(0 0% 80%);
}

.tag-add {
    background-color: hsl(100 50% 80%);
}

.tag-del {
    background-color: hsl(0 50% 80%);
}

.collapse-tag-changes {
    color: hsl(0 0% 40%);
    float: right;
    font-size: 1em;
}

.collapse-items {
    padding: 0px 00px 0px 10px;
    max-height: 0;
    overflow: hidden;
}

.change-item {
    margin: 4px 0px;
    border-radius: var(--border-radius);
    display: flex;
}

.dark-header {
    background-color: hsl(0 0% 85%);
}

/* Front page section */

.box-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px;
}

.box-container {
    border-radius: 10px;
}

.box-container h2 {
    margin-top: 0;
    font-weight: 500;
    font-size: 24px;
}

.box-container>p {
    height: 2lh;
}

.card-container {
    display: flex;
    flex-direction: column;
}

.card-container>.card {
    background-color: var(--color-card);
    border-radius: var(--border-radius);
    box-shadow: 0px 3px 3px hsl(0 0% 0% / 8%);
    padding: var(--padding-large);
    display: flex;
    flex-direction: column;
    margin: 5px 0;
    text-decoration: none !important;
    transition: all 0.2s;
}

.card-container>.card:hover {
    box-shadow: 0px 5px 5px hsl(0 0% 0% / 12%);
}

.card>.card-title {
    font-size: 1.1rem;
    color: var(--color-highlight) !important;
    width: fit-content;
}

.card>.card-description {
    margin-top: 5px;
    color: var(--color-card-text);
}

/* Wrapper for embedded video content for YouTube and other sites. */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    filter: drop-shadow(2px 2px 2px #ddd);
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius);
}

/* Hide the "plugins" section in the sidebar and in the files list, does not work for FF */
li:has(> div.item > span.label > a[href="dir_38c8d24aef3972a7f87b834274e76e31.html"]) {
    display: none !important;
}
tr:has(> td.entry > a[href="dir_38c8d24aef3972a7f87b834274e76e31.html"]) {
    display: none !important;
}
tr:has(> td.entry > a[href="dir_3b55eaf7b4e75117e53274880533eb33.html"]) {
    display: none !important;
}