diff --git a/docs/doxystyle/doxygen-awesome.css b/docs/doxystyle/doxygen-awesome.css
index 8325680..d80b767 100644
--- a/docs/doxystyle/doxygen-awesome.css
+++ b/docs/doxystyle/doxygen-awesome.css
@@ -1,1166 +1,1371 @@
+/**
+
+Doxygen Awesome
+https://github.com/jothepro/doxygen-awesome-css
+
+MIT License
+
+Copyright (c) 2021 jothepro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+ */
+
 :root {
     /* primary theme color. This will affect the entire websites color scheme: links, arrows, labels, ... */
     --primary-color: #1982d2;
     --primary-dark-color: #00559f;
     --primary-light-color: #7aabd6;
     --primary-lighter-color: #cae1f1;
     --primary-lightest-color: #e9f1f8;
 
     /* page base colors */
     --page-background-color: white;
     --page-foreground-color: #2c3e50;
     --page-secondary-foreground-color: #67727e;
 
     /* color for all separators on the website: hr, borders, ... */
     --separator-color: #dedede;
 
     /* border radius for all rounded components. Will affect many components, like dropdowns, memitems, codeblocks, ... */
     --border-radius-large: 8px;
     --border-radius-small: 4px;
     --border-radius-medium: 6px;
 
     /* default spacings. Most compontest reference these values for spacing, to provide uniform spacing on the page. */
     --spacing-small: 5px;
     --spacing-medium: 10px;
     --spacing-large: 16px;
 
     /* default box shadow used for raising an element above the normal content. Used in dropdowns, Searchresult, ... */
     --box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
 
+    --odd-color: rgba(0,0,0,.03);
+
     /* font-families. will affect all text on the website
      * font-family: the normal font for text, headlines, menus
      * font-family-monospace: used for preformatted text in memtitle, code, fragments
      */
     --font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
     --font-family-monospace: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;
 
     /* font sizes */
     --page-font-size: 15.6px;
     --navigation-font-size: 14.4px;
     --code-font-size: 14.4px; /* affects code, fragment */
     --title-font-size: 22px;
 
     /* content text properties. These only affect the page content, not the navigation or any other ui elements */
     --content-line-height: 27px;
     /* The content is centered and constraint in it's width. To make the content fill the whole page, set the variable to auto.*/
     --content-maxwidth: 900px;
 
     /* colors for various content boxes: @warning, @note, @deprecated @bug */
     --warning-color: #fca49b;
     --warning-color-dark: #b61825;
     --warning-color-darker: #75070f;
     --note-color: rgba(255,229,100,.3);
     --note-color-dark: #c39900;
     --note-color-darker: #8d7400;
     --deprecated-color: rgb(214, 216, 224);
     --deprecated-color-dark: #5b6269;
     --deprecated-color-darker: #43454a;
     --bug-color: rgb(246, 208, 178);
     --bug-color-dark: #a53a00;
     --bug-color-darker: #5b1d00;
+    --invariant-color: #b7f8d0;
+    --invariant-color-dark: #00ba44;
+    --invariant-color-darker: #008622;
 
     /* blockquote colors */
     --blockquote-background: #f5f5f5;
     --blockquote-foreground: #727272;
 
     /* table colors */
     --tablehead-background: #f1f1f1;
     --tablehead-foreground: var(--page-foreground-color);
 
     /* menu-display: block | none
      * Visibility of the top navigation on screens >= 768px. On smaller screen the menu is always visible.
      * `GENERATE_TREEVIEW` MUST be enabled!
      */
     --menu-display: block;
 
     --menu-focus-foreground: var(--page-background-color);
     --menu-focus-background: var(--primary-color);
+    --menu-selected-background: rgba(0,0,0,.05);
 
 
     --header-background: var(--page-background-color);
     --header-foreground: var(--page-foreground-color);
 
     /* searchbar colors */
-    --searchbar-background: var(--page-background-color);
+    --searchbar-background: var(--side-nav-background);
     --searchbar-foreground: var(--page-foreground-color);
 
     /* searchbar size
      * (`searchbar-width` is only applied on screens >= 768px.
      * on smaller screens the searchbar will always fill the entire screen width) */
     --searchbar-height: 33px;
     --searchbar-width: 210px;
 
     /* code block colors */
     --code-background: #f5f5f5;
     --code-foreground: var(--page-foreground-color);
 
     /* fragment colors */
     --fragment-background: #282c34;
     --fragment-foreground: #fff;
     --fragment-keyword: #cc99cd;
     --fragment-keywordtype: #ab99cd;
     --fragment-token: #7ec699;
     --fragment-comment: #999;
     --fragment-link: #98c0e3;
     --fragment-preprocessor: #65cabe;
     --fragment-linenumber-color: #ccc;
     --fragment-linenumber-background: #35393c;
+    --fragment-whitespace: nowrap;
 
     /* sidebar navigation (treeview) colors */
     --side-nav-background: var(--page-background-color);
     --side-nav-foreground: var(--page-foreground-color);
     --side-nav-arrow-color: var(--page-background-color);
 
     /* height of an item in any tree / collapsable table */
     --tree-item-height: 30px;
 
 }
 
+@media screen and (max-width: 767px) {
+    :root {
+        --page-font-size: 16px;
+        --navigation-font-size: 16px;
+        --code-font-size: 15px; /* affects code, fragment */
+        --title-font-size: 22px;
+    }
+}
+
 @media (prefers-color-scheme: dark) {
     :root {
         --primary-color: #00559f;
         --primary-dark-color: #1982d2;
         --primary-light-color: #4779ac;
         --primary-lighter-color: #191e21;
         --primary-lightest-color: #191a1c;
 
         --box-shadow: 0 2px 10px 0 rgba(0,0,0,.35);
 
+        --odd-color: rgba(0,0,0,.1);
+
+        --menu-selected-background: rgba(0,0,0,.4);
+
         --page-background-color: #1C1D1F;
         --page-foreground-color: #d2dbde;
         --page-secondary-foreground-color: #859399;
         --separator-color: #000000;
         --side-nav-background: #252628;
 
         --code-background: #2a2c2f;
 
         --tablehead-background: #2a2c2f;
 
         --blockquote-background: #1f2022;
         --blockquote-foreground: #77848a;
 
         --warning-color: #b61825;
         --warning-color-dark: #510a02;
         --warning-color-darker: #f5b1aa;
         --note-color: rgb(255, 183, 0);
         --note-color-dark: #9f7300;
         --note-color-darker: #fff6df;
         --deprecated-color: rgb(88, 90, 96);
         --deprecated-color-dark: #262e37;
         --deprecated-color-darker: #a0a5b0;
         --bug-color: rgb(248, 113, 0);
         --bug-color-dark: #812a00;
         --bug-color-darker: #ffd3be;
     }
 }
 
 body {
     color: var(--page-foreground-color);
     background-color: var(--page-background-color);
     font-size: var(--page-font-size);
 }
 
 body, table, div, p, dl, #nav-tree .label, .title, .sm-dox a, .sm-dox a:hover, .sm-dox a:focus, #projectname, .SelectItem, #MSearchField, .navpath li.navelem a, .navpath li.navelem a:hover {
     font-family: var(--font-family);
 }
 
 h1, h2, h3, h4, h5 {
     margin-top: .9em;
     font-weight: 600;
     line-height: initial;
 }
 
 p, div, table, dl {
     font-size: var(--page-font-size);
 }
 
 a, a.el:visited, a.el:hover, a.el:focus, a.el:active {
     color: var(--primary-dark-color);
 }
 
 /*
  Title & top navigation
  */
 #top {
     background: var(--header-background);
     border-bottom: 1px solid var(--separator-color);
 }
 
 @media screen and (min-width: 768px) {
     #top {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         align-items: center;
     }
 }
 
 #main-nav {
     flex-grow: 5;
     padding: var(--spacing-small) var(--spacing-medium);
 }
 
 #titlearea {
     width: auto;
     padding: var(--spacing-medium) var(--spacing-large);
     background: none;
     color: var(--header-foreground);
     border-bottom: none;
 }
 
 @media screen and (max-width: 767px) {
     #titlearea {
         padding-bottom: var(--spacing-small);
     }
     
 }
 
 #titlearea table tbody tr {
     height: auto !important;
 }
 
 #projectname {
     font-size: var(--title-font-size);
     font-weight: 600;
 }
 
 #projectnumber {
     font-family: inherit;
     font-size: 60%;
 }
 
 #projectbrief {
     font-family: inherit;
     font-size: 80%;
 }
 
 #projectlogo {
     vertical-align: middle;
 }
 
 #projectlogo img {
     max-height: calc(var(--title-font-size) * 2);
     margin-right: var(--spacing-small);
 }
 
-.sm-dox {
+.sm-dox, .tabs, .tabs2, .tabs3 {
     background: none;
     padding: 0;
 }
 
+.tabs, .tabs2, .tabs3 {
+    border-bottom: 1px solid var(--separator-color);
+    margin-bottom: -1px;
+}
+
 @media screen and (max-width: 767px) {
     .sm-dox a span.sub-arrow {
         background: var(--code-background);
     }
 }
 
 
 @media screen and (min-width: 768px) {
-    .sm-dox li {
+    .sm-dox li, .tablist li {
         display: var(--menu-display);
     }
 
     .sm-dox a span.sub-arrow {
         border-color: var(--header-foreground) transparent transparent transparent;
     }
 
     .sm-dox a:hover span.sub-arrow {
         border-color: var(--menu-focus-foreground) transparent transparent transparent;
     }
 
     .sm-dox ul a span.sub-arrow {
         border-color: transparent transparent transparent var(--header-foreground);
     }
 
     .sm-dox ul a:hover span.sub-arrow {
         border-color: transparent transparent transparent var(--menu-focus-foreground);
     }
 
 
 }
 
 .sm-dox ul {
     background: var(--page-background-color);
     box-shadow: var(--box-shadow);
     border: 1px solid var(--separator-color);
     border-radius: var(--border-radius-medium) !important;
     padding: var(--spacing-small);
     animation: ease-out 150ms slideInMenu;
 }
 
 @keyframes slideInMenu {
     from {
         opacity: 0;
         transform: translate(0px, -2px);
     }
 
     to {
         opacity: 1;
         transform: translate(0px, 0px);
     }
 }
 
 .sm-dox ul a {
     color: var(--page-foreground-color);
     background: var(--page-background-color);
     font-size: var(--navigation-font-size);
 }
 
 .sm-dox>li>ul:after {
     border-bottom-color: var(--page-background-color) !important;
 }
 
 .sm-dox>li>ul:before {
     border-bottom-color: var(--separator-color) !important;
 }
 
 .sm-dox ul a:hover, .sm-dox ul a:active, .sm-dox ul a:focus {
     font-size: var(--navigation-font-size);
     color: var(--menu-focus-foreground);
     text-shadow: none;
     background-color: var(--menu-focus-background);
     border-radius: var(--border-radius-small) !important;
 }
 
-.sm-dox a, .sm-dox a:focus {
+.sm-dox a, .sm-dox a:focus, .tablist li, .tablist li a, .tablist li.current a {
     text-shadow: none;
     background: transparent;
     background-image: none !important;
     color: var(--header-foreground);
     font-weight: normal;
     font-size: var(--navigation-font-size);
+}
 
+.sm-dox a:focus {
+    outline: auto;
 }
 
-.sm-dox a:hover, .sm-dox a:active {
+.sm-dox a:hover, .sm-dox a:active, .tablist li a:hover {
     text-shadow: none;
     font-weight: normal;
     background: var(--menu-focus-background);
     color: var(--menu-focus-foreground);
     border-radius: var(--border-radius-small) !important;
     font-size: var(--navigation-font-size);
 }
 
+.tablist li.current {
+    border-radius: var(--border-radius-small);
+    background: var(--menu-selected-background);
+}
+
+.tablist li {
+    margin: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small);
+}
+
+.tablist a {
+    padding: 0 var(--spacing-large);
+}
+
 
 /*
  Search box
  */
 
 #MSearchBox {
     height: var(--searchbar-height);
     background: var(--searchbar-background);
     border-radius: var(--searchbar-height);
     border: 1px solid var(--separator-color);
     overflow: hidden;
     width: var(--searchbar-width);
     position: relative;
     box-shadow: none;
+    display: block;
+    margin-top: 0;
+}
+
+.left #MSearchSelect {
+    left: 0;
+}
+
+.tabs .left #MSearchSelect {
+    padding-left: 0;
+}
+
+.tabs #MSearchBox {
+    position: absolute;
+    right: var(--spacing-medium);
+}
+
+@media screen and (max-width: 767px) {
+    .tabs #MSearchBox {
+        position: relative;
+        right: 0;
+        margin-left: var(--spacing-medium);
+        margin-top: 0;
+    }
+}
+
+
+
+#MSearchSelectWindow, #MSearchResultsWindow {
+    z-index: 9999;
+}
+
+#MSearchBox.MSearchBoxActive {
+    border-color: var(--primary-color);
+    box-shadow: inset 0 0 0 1px var(--primary-color);
 }
 
 #main-menu > li:last-child {
     margin-right: 0;
 }
 
 @media screen and (max-width: 767px) {
     #main-menu > li:last-child {
         height: 50px;
     }
 }
 
 #MSearchField {
     font-size: var(--navigation-font-size);
     height: calc(var(--searchbar-height) - 2px);
-    background: var(--searchbar-background);
-    width: calc(var(--searchbar-width) - 60px);
+    background: transparent;
+    width: calc(var(--searchbar-width) - 64px);
 }
 
 .MSearchBoxActive #MSearchField {
     color: var(--searchbar-foreground);
 }
 
 #MSearchSelect {
     top: calc(calc(var(--searchbar-height) / 2) - 11px);
 }
 
 .left #MSearchSelect {
     padding-left: 8px;
 }
 
 #MSearchBox span.left, #MSearchBox span.right {
     background: none;
 }
 
 
 #MSearchBox span.right {
     padding-top: calc(calc(var(--searchbar-height) / 2) - 12px);
 }
 
+.tabs #MSearchBox span.right {
+    top: calc(calc(var(--searchbar-height) / 2) - 12px);
+}
+
 @keyframes slideInSearchResults {
     from {
         opacity: 0;
         transform: translate(0, 15px);
     }
 
     to {
         opacity: 1;
         transform: translate(0, 20px);
     }
 }
 
 #MSearchResultsWindow {
     left: auto !important;
     right: var(--spacing-medium);
     border-radius: var(--border-radius-large);
     border: 1px solid var(--separator-color);
     transform: translate(0, 20px);
     box-shadow: var(--box-shadow);
     animation: ease-out 280ms slideInSearchResults;
     background: var(--page-background-color);
 }
 
 iframe#MSearchResults {
     background: var(--page-background-color);
     margin: 4px;
 }
 
 #MSearchSelectWindow {
     border: 1px solid var(--separator-color);
     border-radius: var(--border-radius-medium);
     box-shadow: var(--box-shadow);
     background: var(--page-background-color);
 }
 
 #MSearchSelectWindow a.SelectItem {
     font-size: var(--navigation-font-size);
     line-height: var(--content-line-height);
     margin: 0 var(--spacing-small);
     border-radius: var(--border-radius-small);
     color: var(--page-foreground-color);
 }
 
 #MSearchSelectWindow a.SelectItem:hover {
     background: var(--menu-focus-background);
     color: var(--menu-focus-foreground);
 }
 
 
 
 @media screen and (max-width: 767px) {
     #MSearchBox {
         margin-top: var(--spacing-medium);
         margin-bottom: var(--spacing-medium);
-        width: calc(100vw - 32px);
+        width: calc(100vw - 30px);
     }
 
     #main-menu > li:last-child {
         float: none !important;
     }
 
     #MSearchField {
         width: calc(100vw - 95px);
     }
 
     @keyframes slideInSearchResultsMobile {
         from {
             opacity: 0;
             transform: translate(0, 15px);
         }
 
         to {
             opacity: 1;
             transform: translate(0, 20px);
         }
     }
 
     #MSearchResultsWindow {
         left: var(--spacing-medium) !important;
         right: var(--spacing-medium);
-        overflow: scroll;
+        overflow: auto;
         transform: translate(0, 20px);
         animation: ease-out 280ms slideInSearchResultsMobile;
     }
 
 
 }
 
 /*
  Tree view
  */
 
 #side-nav {
-    padding: 0 6px 0 0;
+    padding: 0 !important;
     background: var(--side-nav-background);
 }
 
 @media screen and (max-width: 767px) {
     #side-nav {
         display: none;
     }
 
     #doc-content {
         margin-left: 0 !important;
         height: auto !important;
         padding-bottom: calc(2 * var(--spacing-large));
     }
 }
 
 #nav-tree {
     background: transparent;
-    padding: var(--spacing-medium) 0;
 }
 
 #nav-tree .label {
     font-size: var(--navigation-font-size);
 }
 
 #nav-tree .item {
     height: var(--tree-item-height);
     line-height: var(--tree-item-height);
 }
 
 #nav-sync {
     top: 12px !important;
     right: 12px;
 }
 
 #nav-tree .selected {
     text-shadow: none;
     background-image: none;
     background-color: transparent;
     box-shadow: inset 4px 0 0 0 var(--primary-dark-color);
 }
 
 #nav-tree a {
     color: var(--side-nav-foreground);
 }
 
+#nav-tree a:focus {
+    outline-style: auto;
+}
+
 .arrow {
     color: var(--primary-light-color);
     font-family: serif;
     height: auto;
     text-align: right;
 }
 
 #nav-tree .arrow {
     opacity: 0;
 }
 
-#nav-tree div.item:hover .arrow {
+#nav-tree div.item:hover .arrow, #nav-tree a:focus .arrow {
     opacity: 1;
 }
 
 #nav-tree .selected a {
     color: var(--primary-dark-color);
     font-weight: bolder;
 }
 
 .ui-resizable-e {
     background: var(--separator-color);
     width: 1px;
 }
 
 /**
  content
  */
 
 div.header {
     border-bottom: 1px solid var(--separator-color);
     background-color: var(--page-background-color);
     background-image: none;
 }
 
 div.contents, div.header .title, div.header .summary {
     max-width: var(--content-maxwidth);
 }
 
 div.contents, div.header .title  {
     line-height: initial;
     margin: calc(var(--spacing-medium) + .2em) auto var(--spacing-medium) auto;
 }
 
 div.header .summary {
     margin: var(--spacing-medium) auto 0 auto;
 }
 
 div.headertitle {
     padding: 0;
 }
 
 div.header .title {
     font-weight: 600;
     font-size: 210%;
     padding: var(--spacing-medium) var(--spacing-large);
+    word-break: break-word;
 }
 
 div.header .summary {
     width: auto;
     display: block;
     float: none;
     padding: 0 var(--spacing-large);
 }
 
 td.memSeparator {
     border-color: var(--separator-color);
 }
 
 .mdescLeft, .mdescRight, .memItemLeft, .memItemRight, .memTemplItemLeft, .memTemplItemRight, .memTemplParams {
     background: var(--code-background);
 }
 
 .mdescRight {
     color: var(--page-secondary-foreground-color);
 }
 
 span.mlabel {
     background: var(--primary-color);
     border: none;
     padding: 4px 9px;
     border-radius: 12px;
-    margin-right: 10px;
+    margin-right: var(--spacing-medium);
+}
+
+span.mlabel:last-of-type {
+    margin-right: 2px;
 }
 
 div.contents {
     padding: 0 var(--spacing-large);
 }
 
 div.contents p, div.contents li {
     line-height: var(--content-line-height);
 }
 
 div.contents div.dyncontent {
     margin: var(--spacing-medium) 0;
 }
 
 @media (prefers-color-scheme: dark) {
     div.contents div.dyncontent img {
         filter: hue-rotate(180deg) invert();
     }
 }
 
 h2.groupheader {
     border-bottom: 1px solid var(--separator-color);
     color: var(--page-foreground-color);
 }
 
 blockquote {
     padding: var(--spacing-small) var(--spacing-medium);
     background: var(--blockquote-background);
     color: var(--blockquote-foreground);
     border-left: 2px solid var(--blockquote-foreground);
     margin: 0;
 }
 
 blockquote p {
     margin: var(--spacing-small) 0 var(--spacing-medium) 0;
 }
 .paramname {
     color: var(--primary-dark-color);
 }
 
 .glow {
     text-shadow: 0 0 15px var(--primary-light-color) !important;
 }
 
 .alphachar a {
     color: var(--page-foreground-color);
 }
 
 /*
 toc
  */
 
 
 
 div.toc {
     background-color: var(--side-nav-background);
     border: 1px solid var(--separator-color);
     border-radius: var(--border-radius-medium);
     box-shadow: var(--box-shadow);
     padding: 0 var(--spacing-large);
     margin: 0 0 var(--spacing-medium) var(--spacing-medium);
 }
 
 div.toc h3 {
     color: var(--side-nav-foreground);
     font-size: var(--navigation-font-size);
     margin: var(--spacing-large) 0;
 }
 
 div.toc li {
     font-size: var(--navigation-font-size);
     padding: 0;
     background: none;
 }
 
 div.toc li:before {
     content: '↓';
     font-weight: 800;
     font-family: var(--font-family);
     margin-right: var(--spacing-small);
     color: var(--side-nav-foreground);
     opacity: .4;
 }
 
 div.toc ul li.level1 {
     margin: 0;
 }
 
 div.toc ul li.level2, div.toc ul li.level3 {
     margin-top: 0;
 }
 
 
 @media screen and (max-width: 767px) {
     div.toc {
         float: none;
         width: auto;
         margin: 0 0 var(--spacing-medium) 0;
     }
 }
 
 /*
 code & fragment
  */
 
 code, div.fragment, pre.fragment {
     border-radius: var(--border-radius-small);
     border: none;
     overflow: hidden;
 }
 
 code {
     display: inline;
     background: var(--code-background);
     color: var(--code-foreground);
     padding: 2px 6px;
+    word-break: break-word;
 }
 
 div.fragment, pre.fragment {
     margin: var(--spacing-medium) 0;
     padding: 14px 16px;
     background: var(--fragment-background);
     color: var(--fragment-foreground);
+    overflow-x: auto;
 }
 
-code, code a, div.fragment, pre.fragment, div.fragment .line, div.fragment span {
+@media screen and (max-width: 767px) {
+    div.fragment, pre.fragment {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+
+    .contents > div.fragment, .textblock > div.fragment, .textblock > pre.fragment {
+        margin: var(--spacing-medium) calc(0px - var(--spacing-large));
+        border-radius: 0;
+    }
+
+    .textblock li > .fragment {
+        margin: var(--spacing-medium) calc(0px - var(--spacing-large));
+    }
+
+    .memdoc li > .fragment {
+        margin: var(--spacing-medium) calc(0px - var(--spacing-medium));
+    }
+
+    .memdoc > div.fragment, .memdoc > pre.fragment, dl dd > div.fragment, dl dd pre.fragment {
+        margin: var(--spacing-medium) calc(0px - var(--spacing-medium));
+        border-radius: 0;
+    }
+}
+
+code, code a, pre.fragment, div.fragment, div.fragment .line, div.fragment span {
     font-family: var(--font-family-monospace);
     font-size: var(--code-font-size);
     line-height: inherit;
 }
 
+div.fragment, div.fragment .line, div.fragment span {
+    white-space: var(--fragment-whitespace);
+}
+
+div.line:after {
+    content: '';
+}
+
 div.fragment span.keyword {
     color: var(--fragment-keyword);
 }
 
 div.fragment span.keywordtype {
     color: var(--fragment-keywordtype);
 }
 
 div.fragment span.stringliteral {
     color: var(--fragment-token)
 }
 
 div.fragment span.comment {
     color: var(--fragment-comment);
 }
 
 div.fragment a.code {
     color: var(--fragment-link);
 }
 
 div.fragment span.preprocessor {
     color: var(--fragment-preprocessor);
 }
 
 div.fragment span.lineno {
     display: inline-block;
     width: 27px;
     border-right: none;
     background: var(--fragment-linenumber-background);
     color: var(--fragment-linenumber-color);
 }
 
 div.fragment span.lineno a {
     background: none;
     color: var(--fragment-link);
 }
 
 div.fragment .line:first-child .lineno {
     box-shadow: -9999px 0px 0 9999px var(--fragment-linenumber-background), -9998px 0px 0 9999px rgba(0,0,0,.3);
 }
 
 /*
 dl warning, attention, note, deprecated, bug, ...
  */
 
-dl.warning, dl.attention, dl.note, dl.deprecated, dl.bug {
-    padding: 12px;
+dl.warning, dl.attention, dl.note, dl.deprecated, dl.bug, dl.invariant, dl.pre {
+    padding: var(--spacing-medium);
     margin: var(--spacing-medium) 0;
     color: var(--page-background-color);
-
+    overflow: hidden;
     margin-left: 0;
     border-radius: var(--border-radius-small);
 }
 
+dl.section dd {
+    margin-bottom: 2px;
+}
+
 dl.warning, dl.attention {
     background: var(--warning-color);
     border-left: 8px solid var(--warning-color-dark);
     color: var(--warning-color-darker);
 }
 
 dl.warning dt, dl.attention dt {
     color: var(--warning-color-dark);
 }
 
 dl.note {
     background: var(--note-color);
     border-left: 8px solid var(--note-color-dark);
     color: var(--note-color-darker);
 }
 
 dl.note dt {
     color: var(--note-color-dark);
 }
 
 dl.bug {
     background: var(--bug-color);
     border-left: 8px solid var(--bug-color-dark);
     color: var(--bug-color-darker);
 }
 
 dl.bug dt a {
     color: var(--bug-color-dark) !important;
 }
 
 dl.deprecated {
     background: var(--deprecated-color);
     border-left: 8px solid var(--deprecated-color-dark);
     color: var(--deprecated-color-darker);
 }
 
 dl.deprecated dt a {
     color: var(--deprecated-color-dark) !important;
 }
 
 dl.section dd, dl.bug dd, dl.deprecated dd {
     margin-inline-start: 0px;
 }
 
+dl.invariant, dl.pre {
+    background: var(--invariant-color);
+    border-left: 8px solid var(--invariant-color-dark);
+    color: var(--invariant-color-darker);
+}
+
 /*
 memitem
  */
 
 div.memdoc, div.memproto, h2.memtitle {
     box-shadow: none;
     background-image: none;
     border: none;
 }
 
 div.memdoc {
     padding: 0 var(--spacing-medium);
     background: var(--page-background-color);
 }
 
 h2.memtitle, div.memitem {
     border: 1px solid var(--separator-color);
 }
 
 div.memproto, h2.memtitle {
     background: var(--code-background);
     text-shadow: none;
 }
 
 h2.memtitle {
     font-weight: 500;
     font-family: monospace, fixed;
     border-bottom: none;
     border-top-left-radius: var(--border-radius-medium);
     border-top-right-radius: var(--border-radius-medium);
+    word-break: break-all;
 }
 
 a:target + h2.memtitle, a:target + h2.memtitle + div.memitem {
     border-color: var(--primary-light-color);
 }
 
 a:target + h2.memtitle {
     box-shadow: -3px -3px 3px 0 var(--primary-lightest-color), 3px -3px 3px 0 var(--primary-lightest-color);
 }
 
 a:target + h2.memtitle + div.memitem {
-    box-shadow: 0 0px 10px 0 var(--primary-lighter-color);
+    box-shadow: 0 0 10px 0 var(--primary-lighter-color);
 }
 
 div.memitem {
     border-top-right-radius: var(--border-radius-medium);
     border-bottom-right-radius: var(--border-radius-medium);
     border-bottom-left-radius: var(--border-radius-medium);
     overflow: hidden;
+    display: block !important;
 }
 
 div.memdoc {
     border-radius: 0;
 }
 
 div.memproto {
-    border-radius: 0;
+    border-radius: 0 var(--border-radius-small) 0 0;
+    overflow: auto;
     border-bottom: 1px solid var(--separator-color);
+    padding: var(--spacing-medium);
+    margin-bottom: -1px;
 }
 
 div.memtitle {
     border-top-right-radius: var(--border-radius-medium);
     border-top-left-radius: var(--border-radius-medium);
 }
 
 div.memproto table.memname {
     font-family: monospace, fixed;
     color: var(--page-foreground-color);
 }
 
-@media screen and (max-width: 767px) {
-    .memname td {
-        display: block;
-    }
+table.mlabels, table.mlabels > tbody {
+    display: block;
+}
 
-    table.mlabels .mlabels-left, table.mlabels .mlabels-right {
-        display: block;
-    }
+td.mlabels-left {
+    width: auto;
+}
+
+table.mlabels > tbody > tr:first-child {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
 }
 
+.memname, .memitem span.mlabels {
+    margin: 0
+}
 /*
 reflist
  */
 
 dl.reflist {
     border-radius: var(--border-radius-medium);
     border: 1px solid var(--separator-color);
     overflow: hidden;
     padding: 0;
 }
 
 
 dl.reflist dt, dl.reflist dd {
     box-shadow: none;
     text-shadow: none;
     background-image: none;
     border: none;
     padding: 12px;
 }
 
 
 dl.reflist dt {
+    border-radius: 0;
     background: var(--code-background);
     border-bottom: 1px solid var(--separator-color);
     color: var(--page-foreground-color)
 }
 
 
 dl.reflist dd {
     background: none;
 }
 
 /*
 table
  */
 
 table.markdownTable, table.fieldtable {
     width: 100%;
     border: 1px solid var(--separator-color);
     margin: var(--spacing-medium) 0;
 }
 
 table.fieldtable {
     box-shadow: none;
     border-radius: var(--border-radius-small);
 }
 
 th.markdownTableHeadLeft, th.markdownTableHeadRight, th.markdownTableHeadCenter, th.markdownTableHeadNone {
     background: var(--tablehead-background);
     color: var(--tablehead-foreground);
     font-weight: 600;
 }
 
 table.markdownTable td, table.markdownTable th, table.fieldtable dt {
     border: 1px solid var(--separator-color);
     padding: var(--spacing-small) var(--spacing-medium);
 }
 
 table.fieldtable th {
     font-size: var(--page-font-size);
     font-weight: 600;
     background-image: none;
     background-color: var(--tablehead-background);
     color: var(--tablehead-foreground);
     border-bottom: 1px solid var(--separator-color);
 }
 
 .fieldtable td.fieldtype, .fieldtable td.fieldname {
     border-bottom: 1px solid var(--separator-color);
     border-right: 1px solid var(--separator-color);
 }
 
 .fieldtable td.fielddoc {
     border-bottom: 1px solid var(--separator-color);
 }
 
 .memberdecls td.glow, .fieldtable tr.glow {
     background-color: var(--primary-light-color);
     box-shadow: 0 0 15px var(--primary-lighter-color);
 }
 
+table.memberdecls {
+    display: block;
+    overflow-x: auto;
+    overflow-y: hidden;
+}
+
 
 /*
 hr
  */
 
 hr {
     margin-top: var(--spacing-large);
     margin-bottom: var(--spacing-large);
     border-top:1px solid var(--separator-color);
 }
 
 .contents hr {
     box-shadow: var(--content-maxwidth) 0 0 0 var(--separator-color), calc(0px - var(--content-maxwidth)) 0 0 0 var(--separator-color);
 
 }
 
 .contents img {
     max-width: 100%;
 }
 
 /*
  directories
  */
 div.directory {
     border-top: 1px solid var(--separator-color);
     border-bottom: 1px solid var(--separator-color);
+    width: auto;
 }
 
 table.directory {
     font-family: var(--font-family);
     font-size: var(--page-font-size);
     font-weight: normal;
 }
 
 .directory td.entry {
     padding: var(--spacing-small);
     display: flex;
     align-items: center;
 }
 
 .directory tr.even {
-    background-color: rgba(0,0,0,.025);
+    background-color: var(--odd-color);
 }
 
 .icona {
     width: auto;
     height: auto;
     margin: 0 var(--spacing-small);
 }
 
 .icon {
     background: var(--primary-dark-color);
     width: 18px;
     height: 18px;
     line-height: 18px;
 }
 
 .iconfopen, .icondoc, .iconfclosed {
     background-position: center;
     margin-bottom: 0;
 }
 
 .icondoc {
     filter: saturate(0.2);
 }
 
+@media screen and (max-width: 767px) {
+    div.directory {
+        margin-left: calc(0px - var(--spacing-medium));
+        margin-right: calc(0px - var(--spacing-medium));
+    }
+}
+
 @media (prefers-color-scheme: dark) {
     .iconfopen, .iconfclosed {
         filter: hue-rotate(180deg) invert();
     }
 }
 
+/*
+class list
+ */
+
+.classindex dl.odd {
+    background: var(--odd-color);
+    border-radius: var(--border-radius-small);
+}
+
+@media screen and (max-width: 767px) {
+    .classindex {
+        margin: 0 calc(0px - var(--spacing-small));
+    }
+}
+
 
 /*
   footer / nav-path
  */
 
 #nav-path {
     margin-bottom: -1px;
+    width: 100%;
 }
 
 #nav-path ul {
     background-image: none;
     background: var(--page-background-color);
     border: none;
     border-top: 1px solid var(--separator-color);
     border-bottom: 1px solid var(--separator-color);
     font-size: var(--navigation-font-size);
 }
 
 img.footer {
     width: 60px;
 }
 
 .navpath li.footer {
     color: var(--page-secondary-foreground-color);
 }
 
 address.footer {
     margin-bottom: var(--spacing-large);
 }
 
 #nav-path li.navelem {
     background-image: none;
     display: flex;
     align-items: center;
 }
 
 .navpath li.navelem a {
     text-shadow: none;
     display: inline-block;
     color: var(--primary-dark-color)
 }
 
 li.navelem {
     padding: 0;
     margin-left: -8px;
 }
 
 li.navelem:first-child {
     margin-left: var(--spacing-large);
 }
 
 li.navelem:first-child:before {
     display: none;
 }
 
 #nav-path li.navelem:after {
     content: '';
     border: 5px solid var(--page-background-color);
     border-bottom-color: transparent;
     border-right-color: transparent;
     border-top-color: transparent;
     transform: scaleY(4.2);
     z-index: 10;
     margin-left: 6px;
 }
 
 #nav-path li.navelem:before {
     content: '';
     border: 5px solid var(--separator-color);
     border-bottom-color: transparent;
     border-right-color: transparent;
     border-top-color: transparent;
     transform: scaleY(3.2);
     margin-right: var(--spacing-small);
 }
 
 @media (prefers-color-scheme: dark) {
     #nav-path li.navelem:after {
         text-shadow: 3px 0 0 var(--separator-color), 8px 0 6px rgba(0,0,0,0.4);
     }
 }
 
 .navpath li.navelem a:hover {
     color: var(--primary-color);
 }
\ No newline at end of file