#doc_menu_column {
    display: flex;
    flex-direction: column;
    flex: none;
    align-items: center;
    background: var(--nav-background);
    border-left: 2px solid var(--ui-layout);
    border-right: 2px solid var(--ui-layout);
    font-family: var(--main-font);
}

#doc_collexp {
    width: 100%;
    font-size: 24px;
    color: white;
    background: none;
    border: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

#page_doc_chapters {
    padding-bottom: 32px;
}

#page_doc_sections {
    flex-grow: 1;
    display: flex;
    --section-fontsize: 22px;
}

.panel_article_content {
    padding-left: 32px;
    padding-right: 32px;
}

#page_doc_selected_vertical {
    overflow: hidden;
    writing-mode: vertical-rl;
    white-space: nowrap;
    color: var(--article-foreground-selected);
    background: var(--article-background-selected);
    cursor: pointer;
}

.doc_chapter_header {
    padding: 16px 8px 16px 4px;
    cursor: pointer;
    color: var(--chapter-foreground);
}

.doc_chapter_header:hover {
    color: var(--chapter-foreground-selected);
}

.doc_treeview_arrow_right,
.doc_treeview_arrow_bottom {
    width: 16px;
    height: 16px;
    background-color: currentColor;
    margin: 4px;
}

.doc_treeview_arrow_right {
    -webkit-mask: url(/resources/arrowhead_right.d59706fb8b12e02bf510.svg) no-repeat center / contain;
    mask: url(/resources/arrowhead_right.d59706fb8b12e02bf510.svg) no-repeat center / contain;
}

.doc_treeview_arrow_bottom {
    -webkit-mask: url(/resources/arrowhead_bottom.d26983cda7ef0fdbfd42.svg) no-repeat center / contain;
    mask: url(/resources/arrowhead_bottom.d26983cda7ef0fdbfd42.svg) no-repeat center / contain;
}

.doc_articles_panel {
    display: flex;
    flex-direction: column;
    --article-offset: 32px;
    --article-accent: 4px;
}

.doc_article_name,
.doc_article_name_selected {
    display: block;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}

.doc_article_name {
    cursor: pointer;
    background: var(--article-background);
    color: var(--article-foreground);
    padding-left: var(--article-offset);
}

.doc_article_name:hover {
    color: var(--article-foreground-selected);
}

.doc_article_name_selected {
    cursor: default;
    background: var(--article-background-selected);
    color: var(--article-foreground-selected);
    padding-left: calc(var(--article-offset) - var(--article-accent));
    border-left: var(--article-accent) solid var(--article-foreground-selected);
}

.doc_article_sectionlist_panel {
    margin-left: calc(var(--article-offset) + 32px);
}

.doc_article_sectionlistname {
    display: block;
    color: var(--section-foreground);
    cursor: pointer;
}

.doc_article_sectionlistname:hover {
    color: var(--section-foreground-selected);
}

.doc_section_linkbutton {
    font-size: var(--section-fontsize);
    color: var(--section-foreground);
    background: none;
    border: 1px solid var(--section-foreground);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin: 0px 8px;
}

.doc_section_title {
    text-decoration: underline;
    text-underline-offset: 29%;
    font-weight: bold;
    font-size: var(--section-fontsize);
    color: var(--section-foreground);
    font-family: var(--main-font);
}

.doc_section_container

/*:not(:first-child)*/
    {
    margin-top: 16px;
}

#page_doc table {
    border-collapse: separate;
    border-spacing: 0px;
    --corner-radius: 8px;
}

#page_doc td,
#page_doc th {
    padding: 4px;
    text-align: center;
    align-content: center;
    vertical-align: middle;
    border-left: 2px solid var(--block-separator);
    border-top: 2px solid var(--block-separator);
}

#page_doc tr:last-child td,
#page_doc tr:last-child th {
    border-bottom: 2px solid var(--block-separator);
}

#page_doc td:last-child,
#page_doc th:last-child {
    border-right: 2px solid var(--block-separator);
}

#page_doc tr:first-child td:first-child,
#page_doc tr:first-child th:first-child {
    border-radius: var(--corner-radius) 0px 0px 0px;
}

#page_doc tr:first-child td:last-child,
#page_doc tr:first-child th:last-child {
    border-radius: 0px var(--corner-radius) 0px 0px;
}

#page_doc tr:last-child td:last-child,
#page_doc tr:last-child th:last-child {
    border-radius: 0px 0px var(--corner-radius) 0px;
}

#page_doc tr:last-child td:first-child,
#page_doc tr:last-child th:first-child {
    border-radius: 0px 0px 0px var(--corner-radius);
}

#page_doc tr:not(:first-child) {
    background: var(--block-content-background);
}

#page_doc tr:first-child {
    background: var(--block-header-background);
}

.content_container p,
.content_container_cs p,
.content_container_ts p {
    line-height: 1.618;
}

.rich_normal {
    font-family: 'Inter', 'Roboto', Calibri, Arial, Helvetica, sans-serif;
    color: var(--main-text);
    font-family: var(--main-font);
}

.rich_link {
    font-family: var(--main-font);
    color: var(--external-link);
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 23%;
}

.rich_bold {
    font-weight: bold;
}

.rich_underline {
    text-decoration: underline;
    text-underline-offset: 23%;
}

.rich_italic {
    font-style: italic;
}

.rich_code {
    font-family: 'Consolas', 'Menlo', 'Droid Sans Mono', 'Courier New', Courier, monospace !important;
    color: var(--code-foreground);
    border: 1px solid var(--code-foreground);
    border-radius: 4px;
    background: var(--code-background);
    padding: 1px 4px;
}

.rich_ref {
    font-family: 'Inter', 'Roboto', Calibri, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 23%;
    cursor: pointer;
}

.rich_ref_chapter {
    color: var(--chapter-foreground);
}

.rich_ref_article {
    color: var(--article-foreground);
}

.rich_ref_section {
    color: var(--section-foreground);
}

.highlightable {
    transition: background-color 0.1s ease;
}

@keyframes blink-highlight {

    0%,
    100% {
        background-color: transparent;
    }

    50% {
        background-color: var(--highlight-color, lime);
    }
}

.highlight-blink {
    animation: blink-highlight 1s ease-in-out;
}

tab-control {
    --tabc-border: #a0a0a0;
    --tabc-bg-select: #33333f;
    --tabc-bg-unselect: #000000;
    --tabc-fg-select: #ffffff;
    --tabc-fg-unselect: #aaaaaa;
    display: block;
}

.tab-headers {
    display: flex;
}

.tab-header {
    appearance: none;
    border: 1px solid var(--tabc-border);
    border-bottom: none;
    background: var(--tabc-bg-unselect);
    color: var(--tabc-fg-unselect);
    border-radius: 3px 3px 0 0;
    cursor: pointer;
}

.tab-header.is-selected {
    background: var(--tabc-bg-select);
    color: var(--tabc-fg-select);
    font-weight: bold;
}

tab-item {
    display: block;
    border: 1px solid var(--tabc-border);
    padding: 4px;
    background: var(--tabc-bg-select);
}

tab-item:not(.is-selected) {
    display: none;
}

pre {
    margin-block: 0px;
}

.content_container {
    padding: 4px;
}


.content_container_cs,
.content_container_ts {
    border-width: 4px;
    border-style: solid;
    margin: 8px 0px;
}

.content_container_cs>*,
.content_container_ts>* {
    margin: 4px;
}

.content_container_cs::before,
.content_container_ts::before {
    display: block;
    color: white;
    padding-bottom: 4px;
    margin: none;
}

.content_container_cs {
    border-color: var(--color-csharp);
}

.content_container_ts {
    border-color: var(--color-typescript);
}

.content_container_cs::before {
    content: "(C#)";
    background: var(--color-csharp);
}

.content_container_ts::before {
    content: "(TypeScript)";
    background: var(--color-typescript);
}
#page_edit {
    background: white;
}

#page_edit_part_section {
    flex: 3;
    display: flex;
}

#page_edit textarea {
    font-family: 'Inter', 'Roboto', Calibri, Arial, Helvetica, sans-serif;
}

.edit_doclevel_content {
    display: flex;
    flex-direction: column;
    margin-left: 32px;
}

.edit_treeview_arrow {
    width: 16px;
    height: 16px;
    text-align: center;
    cursor: pointer;
}

.edit_content_container {
    margin: 4px;
}

.edit_detail_container {
    flex-grow: 1;
    display: flex;
}

.edit_chapter_container {
    background-color: green;
    padding: 2px;
    margin: 2px;
}

.edit_ref {
    border: 1px;
    border-color: black;
    border-style: solid;
    margin: 2px;
}

.edit_ref_fullindex {
    margin-left: 2px;
    margin-right: 4px;
    font-weight: bold;
}

.uniform_column_buttons {
    display: flex;
    height: stretch;
    flex-direction: column;
}

.uniform_column_buttons>* {
    flex-grow: 1;
}

.edit_code_tab_container textarea {
    font-family: 'Consolas', 'Menlo', 'Droid Sans Mono', 'Courier New', Courier, monospace !important;
}
#page_home {
    flex-direction: column;
    text-align: center;
}

.get_started {
    margin: 88px;
    padding: 8px;
    background: var(--nav-background);
    color: var(--article-foreground);
    border-radius: 16px;
    display: inline-block;
    text-decoration: none;
    font-family: var(--main-font);
    font-size: 44px;
}

#page_home p,
#page_home li {
    color: var(--main-text);
    font-family: var(--main-font);
    font-size: 26px;
}

#page_home p {
    margin: 16px 32px;
}

#page_home em {
    font-weight: bold;
}

#page_home h1 {
    font-family: var(--main-font);
    color: var(--nav-text);
    font-size: 51px;
    margin-top: 88px;
}

#page_home ul {
    display: inline-block;
    text-align: left;
    margin: 8px;
}

.home_feature_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: linear-gradient(var(--nav-background), transparent);
}

.home_feature_description,
.home_feature_image_container {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#page_home h2 {
    font-family: var(--main-font);
    color: var(--nav-text);
    font-size: 44px;
}

.home_feature_image_container img {
    margin: 8px;
    max-height: 444px;
    max-width: 100%;
    width: auto;
    height: auto;
}

@media screen and (max-width: 666px) {
    .get_started {
        margin: 32px;
        padding: 8px;
        border-radius: 8px;
        font-size: 29px;
    }

    #page_home p,
    #page_home li {
        font-size: 16px;
    }

    #page_home p {
        margin: 8px 16px;
    }

    #page_home h1 {
        font-size: 32px;
        margin-top: 51px;
    }

    #page_home ul {
        margin: 4px;
    }

    #page_home h2 {
        font-size: 22px;
    }

    .home_feature_image_container img {
        margin: 4px;
        max-height: 333px;
    }
}
html,
body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    background: #141614;
}

:root {
    --nav-background: #102A1F;
    --ui-layout: #446655;

    --main-text: #DDE4E0;
    --nav-text: #88EEBB;
    --nav-text-dimmed: #88AA99;
    --block-header-background: #557766;
    --block-content-background: #335544;
    --block-separator: #446655;

    --external-link: orange;

    --chapter-foreground: #22BB44;
    --chapter-background: transparent;
    --chapter-foreground-selected: white;
    --chapter-background-selected: transparent;

    --article-foreground: #22CC99;
    --article-background: transparent;
    --article-foreground-selected: white;
    --article-background-selected: transparent;

    --section-foreground: turquoise;
    --section-background: transparent;
    --section-foreground-selected: white;
    --section-background-selected: transparent;

    --code-foreground: #EE00AA;
    --code-background: #113322;
    --color-csharp: #9B4F96;
    --color-typescript: #3178C6;

    --main-font: 'Inter', 'Roboto', Calibri, Arial, Helvetica, sans-serif;
}

header,
footer {
    flex: none;
    background: var(--nav-background);
    border: 2px solid var(--ui-layout);
    display: flex;
    flex-direction: row;
    align-items: center;
}

header nav {
    flex-grow: 1;
}

#logo {
    max-height: 32px;
    width: auto;
    height: auto;
    margin: 0px 16px;
}

#generate_single_html {
    margin: 4px;
    background: none;
    border: 1px solid var(--ui-layout);
    border-radius: 4px;
    padding: 4px;
    color: var(--main-text);
    font-family: var(--main-font);
    cursor: pointer;
}

#nav_doc {
    display: inline-block;
}

#nav_doc_short {
    display: none;
}

@media screen and (max-width: 777px) {
    #generate_single_html {
        display: none;
    }

    #nav_doc {
        display: none;
    }

    #nav_doc_short {
        display: inline-block;
    }
}

/* Chromium / Safari */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: transparent;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--ui-layout);
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--ui-layout);
}

::-webkit-scrollbar-corner {
    background: transparent;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--ui-layout) transparent;
}

header nav a {
    font-size: 22px;
    padding: 8px;
    margin: 0px 8;
    display: inline-block;
    font-family: var(--main-font);
}

header nav a.is-selected {
    color: var(--nav-text);
    font-weight: bold;
}

header nav a:not(.is-selected) {
    color: var(--nav-text-dimmed);
}

.social_link {
    display: flex;
    margin: 0px 4px;
    cursor: pointer;
}

.social_link img {
    width: 32px;
    height: 32px;
}

a {
    text-decoration: none;
}

.external_link {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 23%;
    color: var(--external-link);
    font-family: var(--main-font);
}

#signin_panel {
    position: fixed;
    left: 128px;
    top: 128px;
    right: 128px;
    bottom: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: teal;
    border: 4px solid black;
}

.mivpage {
    flex-grow: 1;
    display: flex;
    overflow: hidden;
}

.dockpanel_row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dockpanel_row_stretch {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dockpanel_row_stretch>* {
    flex: 1;
}

.wrappanel {
    display: block;
}

.wrappanel>* {
    display: inline-block;
}

.stackpanel {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.stackpanel * {
    max-width: 100%;
    min-width: 0;
}

.scrollviewer {
    min-height: 0;
    overflow-y: auto;
}

.scrollviewer * {
    max-width: 100%;
    min-width: 0;
}

.stretcharea {
    height: stretch;
    width: stretch;
}

.uniformgrid_one_row {
    display: flex;
    align-items: center;
}

.uniformgrid_one_row>* {
    flex-grow: 1;
}

.article_container {
    background-color: greenyellow;
    padding: 2px;
    margin: 2px;
}

.section_container {
    background-color: grey;
    padding: 8px;
    margin: 2px;
}

.table_grid {
    display: grid;
}

/*# sourceMappingURL=main.e3572d0454a1c7abb540.css.map*/