.fullpage{

    margin-left: 200px;
    padding: 1px 16px;
    height: 1000px;

    --border-radius-sm: 4px;
    --border-radius: 8px;
    --radius-sm: 4px;
    --radius: 6px;
    --radius-lg: 8px;
    --radius-full: 9999px;
    --cubic-enter: cubic-bezier(.19, 1, .22, 1);
    --cubic-exit: cubic-bezier(.8, 0, .4, 1);
    --cubic-exit-faster: cubic-bezier(.65, 0, .4, 1);
    --cubic-move: cubic-bezier(.65, 0, .35, 1);
    --global-header-height: 54px;
    --global-header-nav-item-margin: 64px;
    --global-page-gutter: 8px;
    --heading-margin-top: 30px;
    --heading-margin-bottom: 16px;
    --side-nav-width: 210px;
    --side-nav-collapsed-width: 56px;
    --content-width: 850px;
    --sans-serif: "Söhne", helvetica, sans-serif;
    --monospace: "Söhne Mono", sfmono-regular, consolas, liberation mono, menlo, courier, monospace;
    --card-gradient: linear-gradient( 238deg, rgba(247, 247, 248, .5) 0%, rgba(247, 247, 248, 1) 100% );
    --card-gradient-hover: linear-gradient( 238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100% );
    --card-shadow-hover: 0px 16px 24px -8px rgba(0, 0, 0, .07);
    --content-v-padding: 40px;
    --content-h-padding: 56px;
    --avatar-size: 28px;
    --avatar-initial-nudge: 1px;
    --avatar-interactive-ring-color: rgba(0, 0, 0, .06);
    --avatar-image-border-color: rgba(0, 0, 0, .03);
    --indicator-size: 1em;
    --indicator-stroke: 2px;
    --indicator-color: currentcolor;
    --select-color-border: var(--gray-200);
    --select-color-border-hover: var(--gray-400);
    --select-list-gutter: 5px;
    --select-list-min-width: 300px;
    --select-list-max-height: 400px;
    --docsearch-text-color: #1c1e21;
    --docsearch-spacing: 12px;
    --docsearch-icon-stroke-width: 1.4;
    --docsearch-muted-color: #969faf;
    --docsearch-logo-color: #5468ff;
    --docsearch-modal-width: 560px;
    --docsearch-modal-height: 600px;
    --docsearch-modal-background: #f5f6f7;
    --docsearch-searchbox-height: 56px;
    --docsearch-searchbox-background: #ebedf0;
    --docsearch-searchbox-focus-background: #fff;
    --docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color);
    --docsearch-hit-height: 56px;
    --docsearch-hit-color: #444950;
    --docsearch-hit-active-color: #fff;
    --docsearch-hit-background: #fff;
    --docsearch-hit-shadow: 0 1px 3px 0 #d4d9e1;
    --docsearch-key-gradient: linear-gradient(-225deg,#d5dbe4,#f8f8f8);
    --docsearch-key-shadow: inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);
    --docsearch-footer-height: 44px;
    --docsearch-footer-background: #fff;
    --docsearch-footer-shadow: 0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12);
    --docsearch-primary-color: var(--primary) !important;
    --docsearch-highlight-color: var(--primary) !important;
    --docsearch-container-background: #00000040 !important;
    --docsearch-modal-shadow: 0px 4px 32px 0px #05050533 !important;
    color-scheme: light;
    font-family: var(--sans-serif);
    color: var(--text-default);
    -webkit-font-smoothing: antialiased;
    text-decoration-skip-ink: auto;
    --global-header-warning-height: 0px;
    --collapse-transition-duration: .3s;
    --fade-enter-duration: .2s;
    --fade-enter-delay: .1s;
    --fade-exit-duration: .15s;
    --fade-exit-delay: 0s;
    --fade-timing-function: ease;
    box-sizing: border-box;
    scrollbar-width: thin;
    flex: 1 0 auto;
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    min-height: 100%;
    width: 100%;
    padding: 0;
}

.refs{
    box-sizing: border-box;
    scrollbar-width: thin;
    width: 1200px;
    max-width: 100%;
    padding: var(--content-v-padding) var(--content-h-padding);
    margin: 0 auto;
    --content-h-padding: 40px;
}

.section{
    font-size: 16px;
    line-height: 24px;
    --content-h-padding: 40px;
    box-sizing: border-box;
    scrollbar-width: thin;
    max-width: 100%;
}

.header{
    -webkit-font-smoothing: antialiased;
    text-decoration-skip-ink: auto;
    --global-header-warning-height: 0px;
    --collapse-transition-duration: .3s;
    --fade-enter-duration: .2s;
    --fade-enter-delay: .1s;
    --fade-exit-duration: .15s;
    --fade-exit-delay: 0s;
    --fade-timing-function: ease;
    --content-h-padding: 40px;
    cursor: pointer;
    box-sizing: border-box;
    scrollbar-width: thin;
    color: var(--gray-900);
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin: 0;
    position: relative;
}

.codebody{
    font-size: 16px;
    line-height: 24px;
    --content-h-padding: 40px;
    box-sizing: border-box;
    scrollbar-width: thin;
    flex-grow: 1;
    flex-shrink: 0;
    position: relative;
}

.style-java{
    -webkit-font-smoothing: antialiased;
    text-decoration-skip-ink: auto;
    --global-header-warning-height: 0px;
    --collapse-transition-duration: .3s;
    --fade-enter-duration: .2s;
    --fade-enter-delay: .1s;
    --fade-exit-duration: .15s;
    --fade-exit-delay: 0s;
    --fade-timing-function: ease;
    --content-h-padding: 40px;
    color: rgba(var(--sh-fg),1);
    --sh-fg: 255, 255, 255 !important;
    --sh-bg: black !important;
    font-size: 15px;
    line-height: 24px;
    box-sizing: border-box;
    scrollbar-width: thin;
    font-family: var(--monospace);
    border: none;
    box-shadow: none;
    background: none;
    white-space: pre;
}

.codebackground{
    -webkit-font-smoothing: antialiased;
    text-decoration-skip-ink: auto;
    --global-header-warning-height: 0px;
    --collapse-transition-duration: .3s;
    --fade-enter-duration: .2s;
    --fade-enter-delay: .1s;
    --fade-exit-duration: .15s;
    --fade-exit-delay: 0s;
    --fade-timing-function: ease;
    --content-h-padding: 40px;
    box-sizing: border-box;
    scrollbar-width: thin;
    font-family: var(--monospace);
    background: var(--sh-bg);
    color: rgba(var(--sh-fg),1);
    overflow-x: auto;
    --sh-fg: 255, 255, 255 !important;
    --sh-bg: black !important;
    margin: 0;
    border-radius: 8px;
    padding: 12px 16px;
    height: 100%;
    min-height: 44px;
    font-size: 15px;
    line-height: 24px;
}

.highlight {
    --green-50: #ebfaeb;
    --green-100: #d2f4d3;
    --green-200: #b9eebc;
    --green-300: #93e69c;
    --green-400: #68de7a;
    --green-500: #19c37d;
    --green-500-a50: hsla(154deg, 60%, 43%, .5);
    --green-600: #10a37f;
    --green-700: #1a7f64;
    --green-800: #1b5d4a;
    --green-900: #183d31;
    --green-50a: #10a37f33;
    --green-100a: #10a37f4d;
    --purple-50: #ecebf9;
    --purple-100: #d2cff2;
    --purple-200: #b9b4ec;
    --purple-300: #a198e6;
    --purple-400: #897ce2;
    --purple-500: #715fde;
    --purple-600: #5436da;
    --purple-700: #482da8;
    --purple-800: #3b2479;
    --purple-900: #281852;
    --purple-100a: #5436da4d;
    --blue-100: #86e3e9;
    --blue-200: #72dee5;
    --blue-300: #5ed9e1;
    --blue-400: #4ad5de;
    --blue-500: #36d0da;
    --blue-600: #31bbc4;
    --blue-700: #2ba6ae;
    --blue-800: #269299;
    --blue-900: #207d83;
    --red-50: #fdebeb;
    --red-100: #f9cfcf;
    --red-200: #f6b2b3;
    --red-300: #f49394;
    --red-400: #f17173;
    --red-500: #ef4146;
    --red-500-a50: hsla(358deg, 82%, 60%, .5);
    --red-600: #c23539;
    --red-700: #9d2b2e;
    --red-800: #7b2124;
    --red-900: #59181a;
    --red-100a: #ef41464d;
    --gray-0: #fff;
    --gray-25: #fcfcfd;
    --gray-50: #f7f7f8;
    --gray-75: #f2f2f5;
    --gray-100: #ececf1;
    --gray-100-a50: hsla(240deg, 17%, 94%, .5);
    --gray-150: #e3e3eb;
    --gray-200: #d9d9e3;
    --gray-200-a50: hsla(240deg, 20%, 87%, .5);
    --gray-250: #d1d1dc;
    --gray-300: #c5c5d2;
    --gray-300-a50: hsla(240deg, 16%, 80%, .5);
    --gray-350: #b8b8cb;
    --gray-400: #acacbe;
    --gray-400-a50: hsla(240deg, 12%, 71%, .5);
    --gray-450: #9d9dae;
    --gray-500: #8e8ea0;
    --gray-550: #7e7e90;
    --gray-600: #6e6e80;
    --gray-650: #5f5f75;
    --gray-700: #565869;
    --gray-750: #46464d;
    --gray-800: #353740;
    --gray-850: #282832;
    --gray-900: #202123;
    --gray-950: #101014;
    --gray-1000: #000;
    --gray-10a: rgba(0, 0, 0, .1);
    --gray-15a: rgba(0, 0, 0, .15);
    --gray-20a: rgba(0, 0, 0, .2);
    --gold-100: #ffe8c4;
    --gold-500: #d9822b;
    --gold-700: #945e0c;
    --pink-100: #dd5ce5;
    --primary: var(--green-600);
    --primary-50: var(--green-50);
    --primary-100: var(--green-100);
    --primary-200: var(--green-200);
    --primary-300: var(--green-300);
    --primary-400: var(--green-400);
    --primary-500: var(--green-500);
    --primary-600: var(--green-600);
    --primary-700: var(--green-700);
    --primary-800: var(--green-800);
    --primary-900: var(--green-900);
    --primary-50a: var(--green-50a);
    --primary-100a: var(--green-100a);
    --secondary: var(--purple-600);
    --secondary-50: var(--purple-50);
    --secondary-100: var(--purple-100);
    --secondary-200: var(--purple-200);
    --secondary-300: var(--purple-300);
    --secondary-400: var(--purple-400);
    --secondary-500: var(--purple-500);
    --secondary-600: var(--purple-600);
    --secondary-700: var(--purple-700);
    --secondary-800: var(--purple-800);
    --secondary-900: var(--purple-900);
    --secondary-100a: var(--purple-100a);
    --text-primary: var(--gray-900);
    --text-default: var(--gray-800);
    --text-secondary: var(--gray-600);
    --text-disabled: var(--gray-500);
    --text-error: var(--red-500);
    --white: #f7f7f8;
    --deep-bg-color: #f5f5f5;
    --bg-color: var(--gray-0);
    --elevated: var(--gray-0);
    --divider: var(--gray-100);
    --nav-bg: var(--gray-100);
    --nav-bg-hover: var(--gray-100);
    --pill-success-text: var(--green-800);
    --pill-success-bg: var(--green-100);
    --pill-danger-text: var(--red-700);
    --pill-danger-bg: var(--red-100);
    --pill-warning-bg: #ffe8c4;
    --pill-warning-text: #945e0c;
    --code-snippet-bg: var(--gray-900);
    --code-snippet-header: var(--gray-800);
    --elevated-divider: var(--divider);
    --shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --button-primary: var(--green-600);
    --button-primary-hover: var(--green-700);
    --highlighted-text: var(--green-100);
    --disabled-input: var(--gray-50);
    --button-focus-ring: 0px 0px 0px 2px var(--bg-color), 0px 0px 0px 4px var(--green-600);
    --input-border: var(--gray-200);
    --input-border-focus: var(--primary-600);
    --input-focus-ring: 0px 0px 0px 1px var(--green-600);
    --border-radius-sm: 4px;
    --border-radius: 8px;
    --radius-sm: 4px;
    --radius: 6px;
    --radius-lg: 8px;
    --radius-full: 9999px;
    --cubic-enter: cubic-bezier(.19, 1, .22, 1);
    --cubic-exit: cubic-bezier(.8, 0, .4, 1);
    --cubic-exit-faster: cubic-bezier(.65, 0, .4, 1);
    --cubic-move: cubic-bezier(.65, 0, .35, 1);
    --global-header-height: 54px;
    --global-header-nav-item-margin: 64px;
    --global-page-gutter: 8px;
    --heading-margin-top: 30px;
    --heading-margin-bottom: 16px;
    --side-nav-width: 210px;
    --side-nav-collapsed-width: 56px;
    --content-width: 850px;
    --sans-serif: "Söhne", helvetica, sans-serif;
    --monospace: "Söhne Mono", sfmono-regular, consolas, liberation mono, menlo, courier, monospace;
    --card-gradient: linear-gradient( 238deg, rgba(247, 247, 248, .5) 0%, rgba(247, 247, 248, 1) 100% );
    --card-gradient-hover: linear-gradient( 238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100% );
    --card-shadow-hover: 0px 16px 24px -8px rgba(0, 0, 0, .07);
    --content-v-padding: 40px;
    --avatar-size: 28px;
    --avatar-initial-nudge: 1px;
    --avatar-interactive-ring-color: rgba(0, 0, 0, .06);
    --avatar-image-border-color: rgba(0, 0, 0, .03);
    --indicator-size: 1em;
    --indicator-stroke: 2px;
    --indicator-color: currentcolor;
    --select-color-border: var(--gray-200);
    --select-color-border-hover: var(--gray-400);
    --select-list-gutter: 5px;
    --select-list-min-width: 300px;
    --select-list-max-height: 400px;
    --docsearch-text-color: #1c1e21;
    --docsearch-spacing: 12px;
    --docsearch-icon-stroke-width: 1.4;
    --docsearch-muted-color: #969faf;
    --docsearch-logo-color: #5468ff;
    --docsearch-modal-width: 560px;
    --docsearch-modal-height: 600px;
    --docsearch-modal-background: #f5f6f7;
    --docsearch-searchbox-height: 56px;
    --docsearch-searchbox-background: #ebedf0;
    --docsearch-searchbox-focus-background: #fff;
    --docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color);
    --docsearch-hit-height: 56px;
    --docsearch-hit-color: #444950;
    --docsearch-hit-active-color: #fff;
    --docsearch-hit-background: #fff;
    --docsearch-hit-shadow: 0 1px 3px 0 #d4d9e1;
    --docsearch-key-gradient: linear-gradient(-225deg,#d5dbe4,#f8f8f8);
    --docsearch-key-shadow: inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);
    --docsearch-footer-height: 44px;
    --docsearch-footer-background: #fff;
    --docsearch-footer-shadow: 0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12);
    --docsearch-primary-color: var(--primary) !important;
    --docsearch-highlight-color: var(--primary) !important;
    --docsearch-container-background: #00000040 !important;
    --docsearch-modal-shadow: 0px 4px 32px 0px #05050533 !important;
    color-scheme: light;
    -webkit-font-smoothing: antialiased;
    text-decoration-skip-ink: auto;
    --global-header-warning-height: 0px;
    --collapse-transition-duration: .3s;
    --fade-enter-duration: .2s;
    --fade-enter-delay: .1s;
    --fade-exit-duration: .15s;
    --fade-exit-delay: 0s;
    --fade-timing-function: ease;
    --content-h-padding: 40px;
    box-sizing: border-box;
    scrollbar-width: thin;
    font-family: var(--monospace);
    background: var(--sh-bg);
    color: rgba(var(--sh-fg),1);
    overflow-x: auto;
    --sh-fg: 255, 255, 255 !important;
    --sh-bg: black !important;
    margin: 0;
    border-radius: 8px;
    padding: 12px 16px;
    height: 100%;
    min-height: 44px;
    font-size: 15px;
    line-height: 2px;
}

.codedark{
    font-size: 16px;
    line-height: 24px;
    --content-h-padding: 40px;
    box-sizing: border-box;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column;
    background: var(--code-snippet-bg);
    border-radius: 8px;
    position: relative;
    margin: 24px 0;
}

.markdown{
    font-size: 16px;
    line-height: 24px;
    --content-h-padding: 40px;
    box-sizing: border-box;
    scrollbar-width: thin;
    max-width: var(--content-width);
    width: 100%;
}

.react-syntax-highlighter-line-number{
    --sh-fg: 255, 255, 255 !important;
    --sh-bg: black !important;
    font-size: 15px;
    line-height: 24px;
    white-space: pre;
    font-family: var(--monospace);
    box-sizing: border-box;
    scrollbar-width: thin;
    color: var(--gray-300);
    user-select: none;
}

.param-table{
    font-family: var(--sans-serif);
    -webkit-font-smoothing: antialiased;
    text-decoration-skip-ink: auto;
    --global-header-warning-height: 0px;
    --collapse-transition-duration: .3s;
    --fade-enter-duration: .2s;
    --fade-enter-delay: .1s;
    --fade-exit-duration: .15s;
    --fade-exit-delay: 0s;
    --fade-timing-function: ease;
    font-size: 16px;
    line-height: 24px;
    --content-h-padding: 40px;
    color: var(--text-secondary);
    box-sizing: border-box;
    scrollbar-width: thin;
    margin-top: .5em;
}

.param-section{
    font-family: var(--sans-serif);
    -webkit-font-smoothing: antialiased;
    text-decoration-skip-ink: auto;
    --global-header-warning-height: 0px;
    --collapse-transition-duration: .3s;
    --fade-enter-duration: .2s;
    --fade-enter-delay: .1s;
    --fade-exit-duration: .15s;
    --fade-exit-delay: 0s;
    --fade-timing-function: ease;
    font-size: 16px;
    line-height: 24px;
    --content-h-padding: 40px;
    color: var(--text-secondary);
    box-sizing: border-box;
    scrollbar-width: thin;
    margin-top: 2em;
}

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

hr.dotted {
    border-top: 3px dotted #bbb;
}

body {
    margin: 0;
    font-family: "Lato", sans-serif;
}

.sidebar {
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    position: fixed;
    height: 100%;
    overflow: auto;
    z-index: 9;
}

.sidebar a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
}

.sidebar a:hover:not(.active) {
    background-color: #555;
    color: white;
}

@media screen and (max-width: 900px) {
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
    }
    .sidebar a {float: left;}
    div.fullpage{margin-left: 0;}
}

@media screen and (max-width: 400px) {
    .sidebar a {
        text-align: center;
        float: none;
    }
}