/*
    Theme > Default
*/

[ data-md-color-scheme="default" ]
{
    --md-status--important: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"%3E%3Cpath opacity=".4" d="M68.8 485C62.1 497.4 62.4 512.4 69.6 524.5C76.8 536.6 89.9 544 104 544L536 544C550.1 544 563.1 536.6 570.4 524.5C577.7 512.4 577.9 497.4 571.2 485L355.2 85C348.2 72.1 334.7 64 320 64C305.3 64 291.8 72.1 284.8 85L68.8 485zM352 448C352 465.7 337.7 480 320 480C302.3 480 288 465.7 288 448C288 430.3 302.3 416 320 416C337.7 416 352 430.3 352 448zM288.6 257.7C287.3 239.5 301.7 224 320 224C338.3 224 352.7 239.5 351.4 257.7L344 361.7C343 374.3 332.6 384 320 384C307.4 384 297 374.3 296.1 361.7L288.7 257.7z"%3E%3C/path%3E%3Cpath d="M320 480C302.3 480 288 465.7 288 448C288 430.3 302.3 416 320 416C337.7 416 352 430.3 352 448C352 465.7 337.7 480 320 480zM320 224C338.3 224 352.7 239.5 351.4 257.7L344 361.7C343 374.3 332.6 384 320 384C307.4 384 297 374.3 296.1 361.7L288.7 257.7C287.3 239.5 301.7 224 320 224z"%3E%3C/path%3E%3C/svg%3E');
    --md-status--new: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"%3E%3Cpath opacity=".4" d="M32 229.1L32 231.7C32 343.9 171.9 474.2 244.9 529.9C257.3 539.3 272.5 544 288 544C288.5 544 288.9 544 289.4 544C278.2 519.7 272 492.6 272 464C272 358 358 272 464 272C488.9 272 512.7 276.7 534.5 285.4C540.6 267.3 544 249.3 544 231.7L544 229.1C544 155.6 484.4 96 410.9 96C368.2 96 328 116.5 303 151.1L288 171.8L273 151.1C248 116.5 207.8 96 165.1 96C91.6 96 32 155.6 32 229.1z"%3E%3C/path%3E%3Cpath d="M320 464C320 384.5 384.5 320 464 320C543.5 320 608 384.5 608 464C608 543.5 543.5 608 464 608C384.5 608 320 543.5 320 464zM484 528C484 517 475 508 464 508C453 508 444 517 444 528C444 539 453 548 464 548C475 548 484 539 484 528zM480 384C480 375.2 472.8 368 464 368C455.2 368 448 375.2 448 384L448 464C448 472.8 455.2 480 464 480C472.8 480 480 472.8 480 464L480 384z"%3E%3C/path%3E%3C/svg%3E');

    --md-primary-fg-color:              #4051b5;
    --md-default-bg-color:              #ffffff;
    --md-table-head-bg-color:           #4051b5;
    --md-table-head-text-color:         #FFF;
    --md-table-body-text-color:         rgb(43, 43, 43);

    --md-navigation-header-link:        #0000008a;

    --md-header-tabs-bg:                #4051b5;

    --md-tooltip-width:                 400px;
    --glow-color:                       hsl(186 100% 69%);

    --md-loglevel-error-color:          #f06090;
    --md-loglevel-warn-color:           #e6695b;
    --md-loglevel-notice-color:         #e2d55e;
    --md-loglevel-info-color:           #6791e0;
    --md-loglevel-debug-color:          #c973d9;
    --md-loglevel-trace-color:          hsla(225deg,15%,90%,0.56);

    --md-default-fg-color:              hsla(0, 0%, 0%, 1);
    --md-code-fg-color:                 #f02370;
    --md-code-bg-color:                 #FFFFFF;                         /* Codeblock background color */
    --md-code-hl-color:                 #2977ff;
    --md-code-hl-color--light:          #2977ff1a;
    --md-code-hl-number-color:          #e6695b;
    --md-code-hl-special-color:         #f06090;
    --md-code-hl-function-color:        #c973d9;
    --md-code-hl-constant-color:        #9383e2;
    --md-code-hl-keyword-color:         #6791e0;
    --md-code-hl-string-color:          #2fb170;
    --md-code-hl-name-color:            var(--md-code-fg-color);
    --md-code-hl-operator-color:        var(--md-default-fg-color--light);
    --md-code-hl-punctuation-color:     var(--md-default-fg-color--light);
    --md-code-hl-comment-color:         var(--md-default-fg-color--light);
    --md-code-hl-generic-color:         var(--md-default-fg-color--light);
    --md-code-hl-variable-color:        var(--md-default-fg-color--light);
    --md-typeset-color:                 var(--md-default-fg-color);
    --md-typeset-a-color:               #f91d5b;
    --md-badge-icon-color:              #d0d0d0;
    --md-badge-icon-hover-color:        #568afa;
    --md-badge-bg-color--transparent:   #ffffff1c;
    --md-badge-bg-hover-color:          #FFFFFF2E;
    --md-typeset-kbd-color:             hsla(var(--md-hue),15%,90%,0.12);
    --md-typeset-kbd-accent-color:      hsla(var(--md-hue),15%,90%,0.2);
    --md-typeset-kbd-border-color:      hsla(var(--md-hue),15%,14%,1);
    --md-typeset-mark-color:            #4287ffb6;
    --md-typeset-table-color:           hsla(0%, 0%, 40%, 0.12);
    --md-typeset-table-color--light:    hsla(var(--md-hue),15%,95%,0.035);
    --md-admonition-fg-color:           var(--md-default-fg-color);
    --md-admonition-bg-color:           var(--md-default-bg-color);
    --md-footer-bg-color:               rgba( 17, 17, 17, 1 );
    --md-footer-bg-color--dark:         rgba( 13, 13, 13, 1 );
    --md-shadow-z1:                     0 0.2rem 0.5rem #0000000d,0 0 0.05rem #0000001a;
    --md-shadow-z2:                     0 0.2rem 0.5rem #00000040,0 0 0.05rem #00000040;
    --md-shadow-z3:                     0 0.2rem 0.5rem #0006,0 0 0.05rem #00000059;
    --md-accent-fg-color--transparent:  #FFFFFF2E;
    --md-admonition-icon--pied-piper:   url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M244 246c-3.2-2-6.3-2.9-10.1-2.9-6.6 0-12.6 3.2-19.3 3.7l1.7 4.9zm135.9 197.9c-19 0-64.1 9.5-79.9 19.8l6.9 45.1c35.7 6.1 70.1 3.6 106-9.8-4.8-10-23.5-55.1-33-55.1zM340.8 177c6.6 2.8 11.5 9.2 22.7 22.1 2-1.4 7.5-5.2 7.5-8.6 0-4.9-11.8-13.2-13.2-23 11.2-5.7 25.2-6 37.6-8.9 68.1-16.4 116.3-52.9 146.8-116.7C548.3 29.3 554 16.1 554.6 2l-2 2.6c-28.4 50-33 63.2-81.3 100-31.9 24.4-69.2 40.2-106.6 54.6l-6.3-.3v-21.8c-19.6 1.6-19.7-14.6-31.6-23-18.7 20.6-31.6 40.8-58.9 51.1-12.7 4.8-19.6 10-25.9 21.8 34.9-16.4 91.2-13.5 98.8-10zM555.5 0l-.6 1.1-.3.9.6-.6zm-59.2 382.1c-33.9-56.9-75.3-118.4-150-115.5l-.3-6c-1.1-13.5 32.8 3.2 35.1-31l-14.4 7.2c-19.8-45.7-8.6-54.3-65.5-54.3-14.7 0-26.7 1.7-41.4 4.6 2.9 18.6 2.2 36.7-10.9 50.3l19.5 5.5c-1.7 3.2-2.9 6.3-2.9 9.8 0 21 42.8 2.9 42.8 33.6 0 18.4-36.8 60.1-54.9 60.1-8 0-53.7-50-53.4-60.1l.3-4.6 52.3-11.5c13-2.6 12.3-22.7-2.9-22.7-3.7 0-43.1 9.2-49.4 10.6-2-5.2-7.5-14.1-13.8-14.1-3.2 0-6.3 3.2-9.5 4-9.2 2.6-31 2.9-21.5 20.1L15.9 298.5c-5.5 1.1-8.9 6.3-8.9 11.8 0 6 5.5 10.9 11.5 10.9 8 0 131.3-28.4 147.4-32.2 2.6 3.2 4.6 6.3 7.8 8.6 20.1 14.4 59.8 85.9 76.4 85.9 24.1 0 58-22.4 71.3-41.9 3.2-4.3 6.9-7.5 12.4-6.9.6 13.8-31.6 34.2-33 43.7-1.4 10.2-1 35.2-.3 41.1 26.7 8.1 52-3.6 77.9-2.9 4.3-21 10.6-41.9 9.8-63.5l-.3-9.5c-1.4-34.2-10.9-38.5-34.8-58.6-1.1-1.1-2.6-2.6-3.7-4 2.2-1.4 1.1-1 4.6-1.7 88.5 0 56.3 183.6 111.5 229.9 33.1-15 72.5-27.9 103.5-47.2-29-25.6-52.6-45.7-72.7-79.9zm-196.2 46.1v27.2l11.8-3.4-2.9-23.8zm-68.7-150.4l24.1 61.2 21-13.8-31.3-50.9zm84.4 154.9l2 12.4c9-1.5 58.4-6.6 58.4-14.1 0-1.4-.6-3.2-.9-4.6-26.8 0-36.9 3.8-59.5 6.3z"/></svg>');

    /*
        Top Header
    */

    .md-header
    {
        background-color: #495cca;
    }

    /*
        Top-left logo
    */

    .md-header__button.md-logo svg
    {
        display: block;
        width: 36px !important;
        height: 36px !important;
    }

    .md-header__button.md-logo
    {
        margin: 0px;
    }

    .md-header__title
    {
        margin-left: 10px !important;
    }

    .md-header__topic:first-child
    {
        font-weight: 200;
    }

    /*
        AX Icons (Inline)
    */

    .svg-inline--ax
    {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        fill: currentColor;
    }

    /* Optional: spacing between icon and text */
    .svg-inline--ax + span,
    .svg-inline--ax + a,
    .svg-inline--ax + i
    {
        margin-left: 0.7em;
        vertical-align: middle;
    }

    /*
        Badge icons (if using fontawesome .js file instead of .css
    */

    .mdx-badge__icon .svg-inline--ax.ax-file 
    {
        width: 14px !important;
        height: 14px !important;
        display: inline-block;
        vertical-align: middle;
        fill: currentColor;
    }

    /*
        Navigation > Tabs
    */

    .md-tabs
    {
        background-color: var(--md-header-tabs-bg);
        color: var(--md-primary-bg-color);
        display: block;
        line-height: 1.3;
        overflow: auto;
        width: 100%;
        z-index: 3;
    }

    /*
        Navigation Text
    */

    .md-nav
    {
        font-size: .7rem;
        line-height: 1.4;
    }

    .mdx-container
    {
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(140, 0%, 5%, 1)' /></svg>") no-repeat bottom,linear-gradient(to bottom,var(--md-primary-fg-color),#101010 100%,var(--md-default-bg-color) 100%);
        padding-top: 1rem;
    }

    /*
        Page Main Background
    */

    .md-main
    {
        background-color: #f1f1f1 !important;
    }

    .md-main__inner
    {
        display: flex;
        height: 100%;
    }

    /*
        Table > Most background
            This does NOT show iff you have alternating row colors.
    */

    .md-typeset table:not([ class ] ) tbody tr
    {
        background-color: rgb(226, 226, 226);
    }

    /*
        Codeblock 
            RRemove gap between tabs and codeblock
    */

    .md-typeset pre
    {
        display: flow-root;
        line-height: 1.4;
        position: relative;
    }

    /*
        Codeblock
            remove border, remove top margin
    */

    .md-typeset .admonition, .md-typeset details
    {
        background-color: var(--md-admonition-bg-color);
        border-radius: .2rem;
        box-shadow: var(--md-shadow-z1);
        color: var(--md-admonition-fg-color);
        display: flow-root;
        font-size: .64rem;
        page-break-inside: avoid;
        transition: box-shadow 125ms;
    }

    /*
        admonition > Danger
    */

    .md-typeset .danger > .admonition-title, .md-typeset .danger > summary
    {
        background-color: #cc405c;
        color: #FFF;
    }

    .md-typeset .danger > .admonition-title::before, .md-typeset .danger > summary::before
    {
        background-color: #fff;
    }

    .md-typeset .danger > .admonition-title::after, .md-typeset .danger > summary::after
    {
        color: #FFF;
    }

    .md-typeset .admonition.danger, .md-typeset details.danger
    {
        border-color: #cc405c;
    }

    /*
        admonition > Warning
    */

    .md-typeset .warning > .admonition-title, .md-typeset .warning > summary
    {
        background-color: #ff9555;
        color: #FFF;
    }

    .md-typeset .warning > .admonition-title::before, .md-typeset .warning > summary::before
    {
        background-color: #fff;
    }

    .md-typeset .warning > .admonition-title::after, .md-typeset .warning > summary::after
    {
        color: #FFF;
    }

    .md-typeset .admonition.warning, .md-typeset details.warning
    {
        border-color: #ff9555;
    }

    /*
        admonition > Info
    */

    .md-typeset .info > .admonition-title, .md-typeset .info > summary
    {
        background-color: #4368b9;
        color: #FFF;
    }

    .md-typeset .info > .admonition-title::before, .md-typeset .info > summary::before
    {
        background-color: #fff;
    }

    .md-typeset .info > .admonition-title::after, .md-typeset .info > summary::after
    {
        color: #FFF;
    }

    .md-typeset .admonition.info, .md-typeset details.info
    {
        border-color: #ddd;
    }

    /*
        admonition > Danger
    */

    .md-typeset .note > .admonition-title, .md-typeset .note > summary
    {
        background-color: #53aaa9;
        color: #FFF;
    }

    .md-typeset .note > .admonition-title::before, .md-typeset .note > summary::before
    {
        background-color: #fff;
    }

    .md-typeset .note > .admonition-title::after, .md-typeset .note > summary::after
    {
        color: #FFF;
    }

    .md-typeset .admonition.note, .md-typeset details.note
    {
        border-color: #53aaa9;
    }

    /*
        Background color for top tabs
    */

    .md-typeset .tabbed-labels
    {
        background-color: #e6e6e6;
        border-radius: 4px;
    }

    /*
    .tabbed-labels a
    {
        color: #FFF !important;
    }
    */

    .md-typeset .tabbed-block > .highlight:first-child > pre > code, .md-typeset .tabbed-block > pre:first-child > code
    {
        border-radius: 6px;
    }

    .tabbed-labels::before
    {
        background: hsla(343.1, 87.9%, 51.6%, 0.82);
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        transform: translateX(var(--md-indicator-x));
        transition: width 225ms,background-color .25s,transform .25s;
        transition-timing-function: ease, ease, ease;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        width: var(--md-indicator-width);
    }

    /*
        Clipboard
    */
    
    .md-clipboard
    {
        color: #bebebe;
    }

    .md-clipboard:focus, .md-clipboard:hover
    {
        color: #526cfe !important;
    }

    /*
        Tabs > Body
            the body div of tab contens
    */

    .md-typeset .tabbed-content 
    {
        width: 100%;
        background-color: rgb(232, 232, 232);
        padding: 15px;
    }

    /*
        Tabs > Body > Code Blocks
            only changes the background if the codeblock is within tabs
    */

    .md-typeset .tabbed-content code
    {
        background-color: #FFF;
    }

    /*
        Should ensure that only inline code blocks don't wrap code on multiple lines.
    */

    p code
    {
        white-space: nowrap;
    }

    /*
        Table Colors
    */

    .md-typeset__table > table
    {
        background-color: var(--md-footer-bg-color);
    }

    .md-typeset table:not([class])
    {
        background-color: var(--md-default-bg-color);
        border: .05rem solid var(--md-typeset-table-color);
        border-radius: .1rem;
        display: inline-block;
        font-size: .64rem;
        max-width: 100%;
        overflow: auto;
        touch-action: auto;
    }

    .md-typeset table:not([class]) td
    {
        border-top: none;
        padding-top: 10px;
        padding-left: 15px;
        padding-bottom: 10px;
    }

    /* 
        Table > Even rows 
    */

    .md-typeset table:not([class]) tr:nth-child(even) td
    {
        background-color: #ebebeb;
    }

    /* 
        Table > Odd rows 
    */

    .md-typeset table:not([class]) tr:nth-child(odd) td
    {
        background-color: rgb(227, 227, 227);
    }

    /*
        AX Icons
    */

    .i, .axs
    {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        fill: currentColor;
    }

    /*
        Table > Left Row
    */

    .md-typeset__table > table > tbody > tr > td:first-child
    {
        white-space: nowrap;
        vertical-align: middle;
        /*background-color: var(--md-code-bg-color);*/
    }

    /*
        First row of table nowrap
    */

    .md-typeset__table > table > thead > tr > th:first-child
    {
        white-space: nowrap
    }

    .md-typeset__table
    {
        min-width: 100%;
    }

    .md-typeset table:not([class])
    {
        display: table;
    }

    .md-typeset__table
    {
        min-width: 100%;
    }

    /*
        Navigation > Opened
        issue with this is that the animation gets jerky when used
    */

    li.md-nav__item--nested > nav.md-nav[aria-expanded="true"]
    {
        /*padding-bottom: 10px;*/
    }

    a.md-nav__link--active
    {
        color: #ff4592;
    }

    /*
        Center align buttons
    */

    .btn-aln-center
    {
        text-align: center;
    }

    p > a.btn-aln-center
    {
        display: block;
        width: fit-content;
        margin: 0 auto;
    }

    .md-typeset .md-button
    {
        color: #4051b5;
        text-align: center;
    }

    .md-typeset .md-button:focus, .md-typeset .md-button:hover
    {
        color: #FFF;
        background-color: #4051b5;
        border-color: #4051b5;
    }

    button#mkdocs-decrypt-button svg
    {
        color: #FFFFFF;
    }

    form#mkdocs-decrypt-form > input#mkdocs-content-password + a
    {
        padding-bottom: 10px;
    }

    #mkdocs-decrypt-form > input
    {
        background-color: #171a20;
        width: 100%;
    }

    .md-typeset .md-input
    {
        border-bottom: 1px solid #5875f8;
    }

    .md-typeset .admonition.pied-piper,
    .md-typeset details.pied-piper
    {
        border-color: rgb(43, 155, 70);
    }

    .md-typeset .pied-piper > .admonition-title,
    .md-typeset .pied-piper > summary
    {
        background-color: rgba(43, 155, 70, 0.1);
    }

    .md-typeset .pied-piper > .admonition-title::before,
    .md-typeset .pied-piper > summary::before
    {
        background-color: rgb(43, 155, 70);
        -webkit-mask-image: var(--md-admonition-icon--pied-piper);
        mask-image: var(--md-admonition-icon--pied-piper);
    }

    .md-typeset figcaption
    {
        font-size: 9pt;
        color: #707070;
    }

    /*
        Make <small>text</small> opaque. used for changelog to show date
    */

    h3 > small
    {
        opacity: 0.4 !important;
        padding-left: 10px;
        margin-bottom: 28px;
    }

    /*
        Badge > H3

        These are for badges that show in h3 headers
    */

    h3 .mdx-badge__icon
    {
        margin-inline-end: 5px;
    }

    h3 .mdx-badge svg
    {
        padding-left: 0px;
    }

    /*
        Badges > Right Box
    */

    .mdx-badge__text
    {
        background-color: #4d4d4d;
        color: #FFF;
    }

    .md-typeset .mdx-badge__text
    {
        box-shadow: none;;
        padding: .2rem .3rem;
    }

    /*
        Badge border
    */

    [dir="ltr"] .md-typeset .mdx-badge__icon 
    {
        border-bottom-left-radius: .1rem;
        border-right: 1px solid #202020;
    }

    .md-typeset .mdx-badge__icon 
    {
        background: #526cfe;
        padding-left: 6px;
        padding-right: 6px;
    }

    /*
        Badge, Hover Codeblock
    */

    .mdx-badge__text a:hover code
    {
        color: #FFF;
    }

    .mdx-badge__text a code
    {
        background-color: inherit;
        color: #FFF;
    }

    .mdx-badge a:hover
    {
        color: #FFF;
    }

    .mdx-badge a
    {
        color: #FFF;
    }

    .mdx-badge--command .mdx-badge__text
    {
        background-color: #e3e3e3;
    }

    /*
        Inline Code Block
    */

    .md-typeset code
    {
        background-color: #dfdfdf;
        border: none;
    }

    table code
    {
        background-color: #FFF !important;
    }

    /*
        Clipboard Icons
    */

    .md-typeset .md-content__button
    {
        color: #a8a8a852;
    }

    /*
        Badge > Text
    */

    .mdx-badge__text > code, .mdx-badge__text > a
    {
        background-color: inherit;
        color: #FFF;
    }

    /*
        File Preview > Right Align
    */

    .mdx-badge--files-group-right
    {
        float: right;
        clear: both;
        justify-content: flex-end; /* same as left, shrink-wrap */
        gap: 0.35em;
        vertical-align: middle;
    }

    /*
        File Preview > Left Align
    */

    .mdx-badge--files-group-left
    {
        display: inline-flex;
        justify-content: flex-start;
        gap: 0.35em;
        vertical-align: middle;
    }

    /*
        File Preview > Right Align > Files View
            add padding to the right of the file view icon
    */

    .mdx-badge--files-group-right .mdx-badge.mdx-badge--files-view
    {
        padding-right: 5px;
    }

    /*
        Table > Header
    */

    .md-typeset__table table thead, .md-typeset__table > table
    {
        background-color: var(--md-table-head-bg-color);
        color: var(--md-table-head-text-color);
    }

    .md-typeset table:not([class]) tbody tr
    {
        background-color: var(--md-table-body-bg-color);
        color: var(--md-table-body-text-color);
    }

    /*
        Tags
    */

    .md-typeset .md-tag
    {
        background-color: #d7d7d7;
    }

    /*
        Codeblock background
    */

    .md-typeset .md-code__content
    {
        display: grid;
        background-color: #E1E1E1;
        border-radius: 6px;
    }

    .highlight .hll
    {
        box-shadow: 2px 0 0 0 #e80b54 inset;
        display: block;
        margin: 0 -1.1764705882em;
        padding: 0 1.1764705882em;
        background: linear-gradient( 90deg, #FF7EA833 70%, transparent 100%), #e3e3e3 !important;
    }

    .highlight .na, .highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi
    {

    }

    .md-typeset mark
    {
        background-color: #2a59aab5;
        color: #FFF;
        border-radius: 6px;
        white-space: nowrap;
    }

    .md-typeset h2:not([id^="tag"])
    {
        font-size: 1.5625em;
        line-height: 1.4;
        margin: 1.6em 0 .64em;
        color: #f03c77;
    }

    .md-typeset h2[id^="tag"]
    {
        font-size: 1.4em;
        line-height: 1.3;
        margin: 1.2em 0 0.5em;
        color: #383838;
    }

    .md-typeset h3
    {
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: -.01em;
        line-height: 1.5;
        margin: 1.6em 0 .8em;
        color: #ff0864;
    }

    .md-typeset .grid.cards > ol > li, .md-typeset .grid.cards > ul > li, .md-typeset .grid > .card
    {
        border: 1px solid #FFFFFF21;
        border-radius: .4rem;
        display: block;
        margin: 0;
        padding: .8rem;
        transition: border .25s,box-shadow .25s;
        background: linear-gradient(rgba(255, 255, 255, 0.9), rgb(221, 221, 221)), url(https://cdn.wallpapersafari.com/30/90/xsEG9r.jpg);
            background-position-x: 0%, 0%;
            background-position-y: 0%, 0%;
            background-size: auto, auto;
        background-size: cover;
        background-position: center;
    }

    /*
        Icons in single row which dim when hovered and part the seas
    */

    .icon-dim
    {
        opacity: 0.8;
        display: inline-block;
        color: var(--md-typeset-a-color) !important;
        transition: 
            transform 0.4s ease, 
            opacity 0.4s ease, 
            padding 0.4s ease, 
            color 0.4s ease !important;
    }

    .icon-dim:hover
    {
        color: var(--md-accent-fg-color) !important;
    }
}

/*
    Theme > Main
*/

[ data-md-color-scheme="main" ]
{

    --md-status--important: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"%3E%3Cpath opacity=".4" d="M68.8 485C62.1 497.4 62.4 512.4 69.6 524.5C76.8 536.6 89.9 544 104 544L536 544C550.1 544 563.1 536.6 570.4 524.5C577.7 512.4 577.9 497.4 571.2 485L355.2 85C348.2 72.1 334.7 64 320 64C305.3 64 291.8 72.1 284.8 85L68.8 485zM352 448C352 465.7 337.7 480 320 480C302.3 480 288 465.7 288 448C288 430.3 302.3 416 320 416C337.7 416 352 430.3 352 448zM288.6 257.7C287.3 239.5 301.7 224 320 224C338.3 224 352.7 239.5 351.4 257.7L344 361.7C343 374.3 332.6 384 320 384C307.4 384 297 374.3 296.1 361.7L288.7 257.7z"%3E%3C/path%3E%3Cpath d="M320 480C302.3 480 288 465.7 288 448C288 430.3 302.3 416 320 416C337.7 416 352 430.3 352 448C352 465.7 337.7 480 320 480zM320 224C338.3 224 352.7 239.5 351.4 257.7L344 361.7C343 374.3 332.6 384 320 384C307.4 384 297 374.3 296.1 361.7L288.7 257.7C287.3 239.5 301.7 224 320 224z"%3E%3C/path%3E%3C/svg%3E');
    --md-status--new: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"%3E%3Cpath opacity=".4" d="M32 229.1L32 231.7C32 343.9 171.9 474.2 244.9 529.9C257.3 539.3 272.5 544 288 544C288.5 544 288.9 544 289.4 544C278.2 519.7 272 492.6 272 464C272 358 358 272 464 272C488.9 272 512.7 276.7 534.5 285.4C540.6 267.3 544 249.3 544 231.7L544 229.1C544 155.6 484.4 96 410.9 96C368.2 96 328 116.5 303 151.1L288 171.8L273 151.1C248 116.5 207.8 96 165.1 96C91.6 96 32 155.6 32 229.1z"%3E%3C/path%3E%3Cpath d="M320 464C320 384.5 384.5 320 464 320C543.5 320 608 384.5 608 464C608 543.5 543.5 608 464 608C384.5 608 320 543.5 320 464zM484 528C484 517 475 508 464 508C453 508 444 517 444 528C444 539 453 548 464 548C475 548 484 539 484 528zM480 384C480 375.2 472.8 368 464 368C455.2 368 448 375.2 448 384L448 464C448 472.8 455.2 480 464 480C472.8 480 480 472.8 480 464L480 384z"%3E%3C/path%3E%3C/svg%3E');

    --md-primary-fg-color:              #7b1234;
    --md-default-bg-color:              #151515;
    --md-table-head-bg-color:           #860038;
    --md-table-head-text-color:         #FFF;
    --md-table-body-text-color:         rgb(231, 231, 231);

    --md-navigation-header-link:        #ffffff59;

    --md-header-tabs-bg:                #860038;

    --md-tooltip-width:                 400px;
    --glow-color:                       hsl(186 100% 69%);

    --md-loglevel-error-color:          #f06090;
    --md-loglevel-warn-color:           #e6695b;
    --md-loglevel-notice-color:         #e2d55e;
    --md-loglevel-info-color:           #6791e0;
    --md-loglevel-debug-color:          #c973d9;
    --md-loglevel-trace-color:          hsla(225deg,15%,90%,0.56);

    --md-default-fg-color:              hsla(var(--md-hue),15%,90%,0.82);
    --md-default-fg-color--light:       hsla(var(--md-hue),15%,90%,0.56);
    --md-default-fg-color--lighter:     hsla(var(--md-hue),15%,90%,0.32);
    --md-default-fg-color--lightest:    hsla(var(--md-hue),15%,90%,0.12);
    --md-default-bg-color--light:       hsla(var(--md-hue),15%,14%,0.54);
    --md-default-bg-color--lighter:     hsla(var(--md-hue),15%,14%,0.26);
    --md-default-bg-color--lightest:    hsla(var(--md-hue),15%,14%,0.07);
    --md-code-fg-color:                 hsla(var(--md-hue),18%,86%,0.82);
    --md-code-bg-color:                 hsla(var(--md-hue),15%,18%,1);
    --md-code-bg-color:                 #242735;
    --md-code-hl-color:                 #2977ff;
    --md-code-hl-color--light:          #2977ff1a;
    --md-code-hl-number-color:          #e6695b;
    --md-code-hl-special-color:         #f06090;
    --md-code-hl-function-color:        #c973d9;
    --md-code-hl-constant-color:        #9383e2;
    --md-code-hl-keyword-color:         #6791e0;
    --md-code-hl-string-color:          #2fb170;
    --md-code-hl-name-color:            var(--md-code-fg-color);
    --md-code-hl-operator-color:        var(--md-default-fg-color--light);
    --md-code-hl-punctuation-color:     var(--md-default-fg-color--light);
    --md-code-hl-comment-color:         var(--md-default-fg-color--light);
    --md-code-hl-generic-color:         var(--md-default-fg-color--light);
    --md-code-hl-variable-color:        var(--md-default-fg-color--light);
    --md-typeset-color:                 var(--md-default-fg-color);
    --md-typeset-a-color:               #f91d5b;
    --md-badge-icon-color:              #d0d0d0;
    --md-badge-icon-hover-color:        #568afa;
    --md-badge-bg-color--transparent:   #393939;
    --md-badge-bg-hover-color:          #FFFFFF2E;
    --md-typeset-kbd-color:             hsla(var(--md-hue),15%,90%,0.12);
    --md-typeset-kbd-accent-color:      hsla(var(--md-hue),15%,90%,0.2);
    --md-typeset-kbd-border-color:      hsla(var(--md-hue),15%,14%,1);
    --md-typeset-mark-color:            #4287ff4d;
    --md-typeset-table-color:           hsla(0%, 0%, 40%, 0.12);
    --md-typeset-table-color--light:    hsla(var(--md-hue),15%,95%,0.035);
    --md-admonition-fg-color:           var(--md-default-fg-color);
    --md-admonition-bg-color:           var(--md-default-bg-color);
    --md-footer-bg-color:               rgba( 17, 17, 17, 1 );
    --md-footer-bg-color--dark:         rgba( 13, 13, 13, 1 );
    --md-shadow-z1:                     0 0.2rem 0.5rem #0000000d,0 0 0.05rem #0000001a;
    --md-shadow-z2:                     0 0.2rem 0.5rem #00000040,0 0 0.05rem #00000040;
    --md-shadow-z3:                     0 0.2rem 0.5rem #0006,0 0 0.05rem #00000059;
    --md-accent-fg-color--transparent:  #FFFFFF2E;
    --md-admonition-icon--pied-piper:   url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M244 246c-3.2-2-6.3-2.9-10.1-2.9-6.6 0-12.6 3.2-19.3 3.7l1.7 4.9zm135.9 197.9c-19 0-64.1 9.5-79.9 19.8l6.9 45.1c35.7 6.1 70.1 3.6 106-9.8-4.8-10-23.5-55.1-33-55.1zM340.8 177c6.6 2.8 11.5 9.2 22.7 22.1 2-1.4 7.5-5.2 7.5-8.6 0-4.9-11.8-13.2-13.2-23 11.2-5.7 25.2-6 37.6-8.9 68.1-16.4 116.3-52.9 146.8-116.7C548.3 29.3 554 16.1 554.6 2l-2 2.6c-28.4 50-33 63.2-81.3 100-31.9 24.4-69.2 40.2-106.6 54.6l-6.3-.3v-21.8c-19.6 1.6-19.7-14.6-31.6-23-18.7 20.6-31.6 40.8-58.9 51.1-12.7 4.8-19.6 10-25.9 21.8 34.9-16.4 91.2-13.5 98.8-10zM555.5 0l-.6 1.1-.3.9.6-.6zm-59.2 382.1c-33.9-56.9-75.3-118.4-150-115.5l-.3-6c-1.1-13.5 32.8 3.2 35.1-31l-14.4 7.2c-19.8-45.7-8.6-54.3-65.5-54.3-14.7 0-26.7 1.7-41.4 4.6 2.9 18.6 2.2 36.7-10.9 50.3l19.5 5.5c-1.7 3.2-2.9 6.3-2.9 9.8 0 21 42.8 2.9 42.8 33.6 0 18.4-36.8 60.1-54.9 60.1-8 0-53.7-50-53.4-60.1l.3-4.6 52.3-11.5c13-2.6 12.3-22.7-2.9-22.7-3.7 0-43.1 9.2-49.4 10.6-2-5.2-7.5-14.1-13.8-14.1-3.2 0-6.3 3.2-9.5 4-9.2 2.6-31 2.9-21.5 20.1L15.9 298.5c-5.5 1.1-8.9 6.3-8.9 11.8 0 6 5.5 10.9 11.5 10.9 8 0 131.3-28.4 147.4-32.2 2.6 3.2 4.6 6.3 7.8 8.6 20.1 14.4 59.8 85.9 76.4 85.9 24.1 0 58-22.4 71.3-41.9 3.2-4.3 6.9-7.5 12.4-6.9.6 13.8-31.6 34.2-33 43.7-1.4 10.2-1 35.2-.3 41.1 26.7 8.1 52-3.6 77.9-2.9 4.3-21 10.6-41.9 9.8-63.5l-.3-9.5c-1.4-34.2-10.9-38.5-34.8-58.6-1.1-1.1-2.6-2.6-3.7-4 2.2-1.4 1.1-1 4.6-1.7 88.5 0 56.3 183.6 111.5 229.9 33.1-15 72.5-27.9 103.5-47.2-29-25.6-52.6-45.7-72.7-79.9zm-196.2 46.1v27.2l11.8-3.4-2.9-23.8zm-68.7-150.4l24.1 61.2 21-13.8-31.3-50.9zm84.4 154.9l2 12.4c9-1.5 58.4-6.6 58.4-14.1 0-1.4-.6-3.2-.9-4.6-26.8 0-36.9 3.8-59.5 6.3z"/></svg>');

    /*
        Top Header
    */

    .md-header
    {
        background-color: #99143f;
    }

    /*
        Top-left logo
    */

    .md-header__button.md-logo svg
    {
        display: block;
        width: 36px !important;
        height: 36px !important;
    }

    .md-header__button.md-logo
    {
        margin: 0px;
    }

    .md-header__title
    {
        margin-left: 10px !important;
    }

    .md-header__topic:first-child
    {
        font-weight: 200;
    }

    /*
        AX Icons (Inline)
    */

    .svg-inline--ax
    {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        fill: currentColor;
    }
    
    /* Optional: spacing between icon and text */
    .svg-inline--ax + span,
    .svg-inline--ax + a,
    .svg-inline--ax + i
    {
        margin-left: 0.7em;
        vertical-align: middle;
    }

    /*
        Badge icons (if using fontawesome .js file instead of .css
    */

    .mdx-badge__icon .svg-inline--ax.ax-file 
    {
        width: 14px !important;
        height: 14px !important;
        display: inline-block;
        vertical-align: middle;
        fill: currentColor;
    }

    /*
        Navigation > Tabs
    */

    .md-tabs
    {
        background-color: var(--md-header-tabs-bg);
        color: var(--md-primary-bg-color);
        display: block;
        line-height: 1.3;
        overflow: auto;
        width: 100%;
        z-index: 3;
    }

    /*
        Navigation Text
    */

    .md-nav
    {
        font-size: .7rem;
        line-height: 1.4;
    }

    .mdx-container
    {
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(140, 0%, 5%, 1)' /></svg>") no-repeat bottom,linear-gradient(to bottom,var(--md-primary-fg-color),#101010 100%,var(--md-default-bg-color) 100%);
        padding-top: 1rem;
    }

    /*
        Page Main Background
    */

    .md-main
    {
        background-color: #161618 !important;
    }

    .md-main__inner
    {
        display: flex;
        height: 100%;
    }

    /*
        Table > Most background
            This does NOT show iff you have alternating row colors.
    */

    .md-typeset table:not([ class ] ) tbody tr
    {
        background-color: rgb( 15, 15, 15 );
    }

    /*
        Codeblock 
            RRemove gap between tabs and codeblock
    */

    .md-typeset pre
    {
        display: flow-root;
        line-height: 1.4;
        position: relative;
    }

    /*
        Codeblock
            remove border, remove top margin
    */

    .md-typeset .admonition, .md-typeset details
    {
        background-color: var(--md-admonition-bg-color);
        border-radius: .2rem;
        box-shadow: var(--md-shadow-z1);
        color: var(--md-admonition-fg-color);
        display: flow-root;
        font-size: .64rem;
        page-break-inside: avoid;
        transition: box-shadow 125ms;
    }

    /*
        admonition > Info
    */

    .md-typeset .admonition.info, .md-typeset details.info
    {
        border: .075rem solid #448aff;
    }

    .md-typeset .info > .admonition-title::after, .md-typeset .info > summary::after
    {
        color: #448aff;;
        background-color: #448aff;
    }

    .md-typeset .info > .admonition-title::before, .md-typeset .info > summary::before
    {
        background-color: #448aff;
    }

    /*
        admonition > Note
    */

    .md-typeset .admonition.note, .md-typeset details.note
    {
        border: .075rem solid #53aaa9;
    }

    .md-typeset .note > .admonition-title::after, .md-typeset .note > summary::after
    {
        color: #53aaa9;;
        background-color: #53aaa9;
    }

    .md-typeset .note > .admonition-title::before, .md-typeset .note > summary::before
    {
        background-color: #53aaa9;
    }

    /*
        Background color for top tabs
    */

    .md-typeset .tabbed-labels
    {
        background-color: #2f4373;
        border-radius: 4px;
    }
    
    /*
    .tabbed-labels a
    {
        color: #FFF !important;
    }
    */

    .md-typeset .tabbed-block > .highlight:first-child > pre > code, .md-typeset .tabbed-block > pre:first-child > code
    {
        border-radius: 6px;
    }

    .tabbed-labels::before
    {
        background: hsla(343.1, 87.9%, 51.6%, 0.82);
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        transform: translateX(var(--md-indicator-x));
        transition: width 225ms,background-color .25s,transform .25s;
        transition-timing-function: ease, ease, ease;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        width: var(--md-indicator-width);
    }

    /*
        Clipboard
    */
    
    .md-clipboard
    {
        color: #818181;
    }

    .md-clipboard:focus, .md-clipboard:hover
    {
        color: #526cfe !important;
    }

    /*
        Tabs > Body
            the body div of tab contens
    */

    .md-typeset .tabbed-content 
    {
        width: 100%;
        background-color: var(--md-code-bg-color, #232633);
        padding: 15px;
    }

    /*
        Tabs > Body > Code Blocks
            only changes the background if the codeblock is within tabs
    */

    .md-typeset .tabbed-content code
    {
        background-color: #171922;
    }

    /*
        Should ensure that only inline code blocks don't wrap code on multiple lines.
    */

    p code
    {
        white-space: nowrap;
    }

    /*
        Table Colors
    */

    .md-typeset__table > table
    {
        background-color: var(--md-footer-bg-color);
    }

    .md-typeset table:not([class])
    {
        background-color: var(--md-default-bg-color);
        border: .05rem solid var(--md-typeset-table-color);
        border-radius: .1rem;
        display: inline-block;
        font-size: .64rem;
        max-width: 100%;
        overflow: auto;
        touch-action: auto;
    }

    .md-typeset table:not([class]) td
    {
        border-top: none;
        padding-top: 10px;
        padding-left: 15px;
        padding-bottom: 10px;
    }

    /* 
        Table > Even rows 
    */

    .md-typeset table:not([class]) tr:nth-child(even) td
    {
        background-color: #1a1c26;
    }

    /* 
        Table > Odd rows 
    */

    .md-typeset table:not([class]) tr:nth-child(odd) td
    {
        background-color: #21232f;
    }

    /*
        AX Icons
    */

    .i, .axs
    {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        fill: currentColor;
    }

    /*
        Table > Left Row
    */

    .md-typeset__table > table > tbody > tr > td:first-child
    {
        white-space: nowrap;
        vertical-align: middle;
        /*background-color: var(--md-code-bg-color);*/
    }

    /*
        First row of table nowrap
    */

    .md-typeset__table > table > thead > tr > th:first-child
    {
        white-space: nowrap
    }

    .md-typeset__table
    {
        min-width: 100%;
    }

    .md-typeset table:not([class])
    {
        display: table;
    }

    .md-typeset__table
    {
        min-width: 100%;
    }

    /*
        Navigation > Opened
        issue with this is that the animation gets jerky when used
    */

    li.md-nav__item--nested > nav.md-nav[aria-expanded="true"]
    {
        /*padding-bottom: 10px;*/
    }

    a.md-nav__link--active
    {
        color: #ff4592;
    }

    /*
        Center align buttons
    */

    .btn-aln-center
    {
        text-align: center;
    }

    p > a.btn-aln-center
    {
        display: block;
        width: fit-content;
        margin: 0 auto;
    }

    .md-typeset .md-button
    {
        color: #c43563;
        text-align: center;
    }

    .md-typeset .md-button:focus, .md-typeset .md-button:hover
    {
        color: #FFF;
        background-color: #841a3c;
        border-color: #ac4444fa;
    }

    button#mkdocs-decrypt-button svg
    {
        color: #FFFFFF;
    }

    form#mkdocs-decrypt-form > input#mkdocs-content-password + a
    {
        padding-bottom: 10px;
    }

    #mkdocs-decrypt-form > input
    {
        background-color: #171a20;
        width: 100%;
    }

    .md-typeset .md-input
    {
        border-bottom: 1px solid #5875f8;
    }

    .md-typeset .admonition.pied-piper,
    .md-typeset details.pied-piper
    {
        border-color: rgb(43, 155, 70);
    }

    .md-typeset .pied-piper > .admonition-title,
    .md-typeset .pied-piper > summary
    {
        background-color: rgba(43, 155, 70, 0.1);
    }

    .md-typeset .pied-piper > .admonition-title::before,
    .md-typeset .pied-piper > summary::before
    {
        background-color: rgb(43, 155, 70);
        -webkit-mask-image: var(--md-admonition-icon--pied-piper);
        mask-image: var(--md-admonition-icon--pied-piper);
    }

    .md-typeset figcaption
    {
        font-size: 9pt;
        color: #707070;
    }

    /*
        Make <small>text</small> opaque. used for changelog to show date
    */

    h3 > small
    {
        opacity: 0.4 !important;
        padding-left: 10px;
        margin-bottom: 28px;
    }

    /*
        Badge > H3

        These are for badges that show in h3 headers
    */

    h3 .mdx-badge__icon
    {
        margin-inline-end: 5px;
    }

    h3 .mdx-badge svg
    {
        padding-left: 0px;
    }

    /*
        Badges > Right Box
    */

    .mdx-badge__text
    {
        background-color: #3f4faa;
    }

    .md-typeset .mdx-badge__text
    {
        box-shadow: none;;
        padding: .2rem .3rem;
    }

    /*
        Badge border
    */

    [dir="ltr"] .md-typeset .mdx-badge__icon 
    {
        border-bottom-left-radius: .1rem;
        border-right: 1px solid #202020;
    }

    .md-typeset .mdx-badge__icon 
    {
        background: var(--md-accent-fg-color--transparent);
        padding-left: 6px;
        padding-right: 6px;
    }

    /*
        Badge, Hover Codeblock
    */

    .mdx-badge__text a:hover code
    {
        color: #FFF;
    }

    .mdx-badge__text a code
    {
        background-color: inherit;
        color: #FFF;
    }

    .mdx-badge a:hover
    {
        color: #FFF;
    }

    .mdx-badge a
    {
        color: #FFF;
    }

    .mdx-badge--command .mdx-badge__text
    {
        background-color: #464646;
    }

    /*
        Inline Code Block
    */

    .md-typeset code
    {
        background-color: var( --md-code-bg-color );
        border: none;
    }

    table .md-typeset code
    {
        background-color: var( --md-code-bg-color );
    }

    /*
        Clipboard Icons
    */

    .md-typeset .md-content__button
    {
        color: var(--md-default-fg-color--lighter);
    }

    /*
        Badge > Text
    */

    .mdx-badge__text > code, .mdx-badge__text > a
    {
        background-color: transparent;
        color: #FFF;
    }

    /*
        File Preview > Right Align
    */

    .mdx-badge--files-group-right
    {
        float: right;
        clear: both;
        justify-content: flex-end; /* same as left, shrink-wrap */
        gap: 0.35em;
        vertical-align: middle;
    }

    /*
        File Preview > Left Align
    */

    .mdx-badge--files-group-left
    {
        display: inline-flex;
        justify-content: flex-start;
        gap: 0.35em;
        vertical-align: middle;
    }

    /*
        File Preview > Right Align > Files View
            add padding to the right of the file view icon
    */

    .mdx-badge--files-group-right .mdx-badge.mdx-badge--files-view
    {
        padding-right: 5px;
    }

    /*
        Table > Header
    */

    .md-typeset__table table thead, .md-typeset__table > table
    {
        background-color: var(--md-table-head-bg-color);
        color: var(--md-table-head-text-color);
    }

    .md-typeset table:not([class]) tbody tr
    {
        background-color: var(--md-table-body-bg-color);
        color: var(--md-table-body-text-color);
    }

    /*
        Tags
    */

    .md-typeset .md-tag
    {
        background-color: #7b1234;
    }

    /*
        Codeblock background
    */

    .md-typeset .md-code__content
    {
        display: grid;
        background-color: var( --md-code-bg-color );
        border-radius: 6px;
    }

    .highlight .hll
    {
        box-shadow: 2px 0 0 0 #f20733 inset;
        display: block;
        margin: 0 -1.1764705882em;
        padding: 0 1.1764705882em;
        background: linear-gradient( 90deg, #A6063AAD 70%, transparent 100%), #242735 !important;
    }

    .highlight .na, .highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi
    {

    }

    .md-typeset mark
    {
        background-color: #2a59aab5;
        color: #FFF;
        border-radius: 6px;
        white-space: nowrap;
    }

    .md-typeset h2:not([id^="tag"])
    {
        font-size: 1.5625em;
        line-height: 1.4;
        margin: 1.6em 0 .64em;
        color: #555;
    }

    .md-typeset h2[id^="tag"]
    {
        font-size: 1.4em;
        line-height: 1.3;
        margin: 1.2em 0 0.5em;
        color: #ffffff;
    }

    .md-typeset h3
    {
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: -.01em;
        line-height: 1.5;
        margin: 1.6em 0 .8em;
        color: #ff0864;
    }

    .md-typeset .grid.cards > ol > li, .md-typeset .grid.cards > ul > li, .md-typeset .grid > .card
    {
        border: 1px solid #FFFFFF21;
        border-radius: .4rem;
        display: block;
        margin: 0;
        padding: .8rem;
        transition: border .25s,box-shadow .25s;
        background: linear-gradient(rgba(25, 25, 25, 0.9), rgb(15, 15, 15)), url(https://cdn.wallpapersafari.com/30/90/xsEG9r.jpg);
            background-position-x: 0%, 0%;
            background-position-y: 0%, 0%;
            background-size: auto, auto;
        background-size: cover;
        background-position: center;
    }

    /*
        Icons in single row which dim when hovered and part the seas
    */

    .icon-dim
    {
        opacity: 0.8;
        display: inline-block;
        color: #F7F7F7 !important;
        transition: 
            transform 0.4s ease, 
            opacity 0.4s ease, 
            padding 0.4s ease, 
            color 0.4s ease !important;
    }
}

& .md-typeset h4 .mdx-badge__icon
{
    /* background-color: transparent !important; */
}

/* Apply styles only inside badges */
.md-typeset .mdx-badge .twemoji 
{
    --md-icon-size: 1.130em;
    display: inline-flex;
    height: var(--md-icon-size);
    vertical-align: text-bottom;
}

/* Reset to default inside tooltips (optional safety) */
.md-typeset .md-tooltip__inner .twemoji 
{
    vertical-align: top;
    height: 18px;
    padding-right: 5px;
}

/*
    Annotations > Code Block
        This is the overall style of a comment / annotation within a code
        block.
*/

.md-tooltip__inner
{
    font-size: 1.0em !important;
}

/*
    Add styling to annotation blocks within code blocks.
        these properties will adjust color, size, etc.

    1.  :aetherx-axdr-lightbulb:{ .pulsate .icon-clr-yellow } Defines if the csf web interface is enabled or not. Will be
        accessible via your web browser.
        <div class='red right'><small>Required</small></div>
        <div class='yellow right'><small>Values: `0`, `1`</small></div>
*/

.md-tooltip__inner small
{
    font-size: 10pt;
}

/*
    Annotation > Code Blocks
        Applies padding to 2nd to last div
*/

.md-tooltip__inner div:nth-last-child(2)
{
    padding-top: 10px;
}

.md-tooltip__inner div.red
{
    font-size: 10pt;
    color: #cf4b4b;
}

.md-tooltip__inner div.blue
{
    font-size: 10pt;
    color: #4b84cf;
}

.md-tooltip__inner div.yellow
{
    font-size: 10pt;
    color: #fcc530;
}

.md-tooltip__inner div.right
{
    text-align: right;
}

.md-tooltip__inner div.para
{
    padding-top: 15px;
}

/*
    Icon color > yellow
*/

.icon-clr-yellow
{
    color: #e7af13;
}

.icon-clr-green
{
    color: #77ac59;
}

.icon-clr-red
{
    color: #cc2c54;
}

.icon-clr-redhat
{
    color: #e71348;
}

.icon-clr-raspberry 
{
    color: #f50c66;
}

.icon-clr-purple
{
    color: #9242c0;
}

/*
    File Tree Icons
*/

.icon-clr-tree-folder
{
    color: #e7af13;
}

.icon-clr-tree-cert
{
    color: #e7af13;
}

.icon-clr-tree-key
{
    color: #e7af13;
}

.icon-clr-tree-symlink
{
    color: #1381e7;
}

.icon-clr-tree-img
{
    color: #e7af13;
}

.icon-clr-tree-folder
{
    color: #e7af13;
}

.icon-clr-tree-file
{
    color: #8a8a8a;
}

.icon-clr-tree-file-html
{
    color: #eba235;
}

.icon-clr-tree-file-css
{
    color: #4C8BDB;
}

.icon-clr-tree-file-conf
{
    color: #eba235;
}

.icon-clr-tree-file-binary
{
    color: #eba235;
}

.icon-clr-tree-file-archive
{
    color: #ee814e;
}

/*
    Icon Sizes
*/

.icon-size-32
{
    font-size: 32pt;
}

.icon-size-48
{
    font-size: 48pt;
}

.png-size-48
{
    width: 48pt;
    height: 48pt;
}

.icon-dim:hover
{
    transform: scale(1.2);
    opacity: 1;
    cursor: pointer;
    z-index: 1;
    padding-left: 15px;
    padding-right: 15px;
}


.icon-container
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.install-products.white
{
    filter: invert(100%) brightness(200%);
}

/*
    Icon Tree Codeblock
*/

.icon-tree code
{
    display: block;
    background-color: inherit !important;
}

/*
    Authentication Form
*/

.authentication-form
{
    width: 50%;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0;
}

.authentication-form input[type="password"],
.authentication-form input[type="text"]
{
    flex: 1;
    padding: 10px;
    font-size: 1em;
    background-color: #313131;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-right: none;
    margin: 0;
    height: 48px;
    box-sizing: border-box;
}

.authentication-form input[type="password"]:hover,
.authentication-form input[type="text"]:hover
{
    border-bottom: 1px solid #FFF;
}

.authentication-form input[type="password"]:focus,
.authentication-form input[type="text"]:focus
{
    border-bottom: 1px solid #ee8e10;
}

.authentication-form button
{
    width: 48px;
    height: 48px;
    cursor: pointer;
    font-size: 1em;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border: none !important;
    margin-left: -2px;
    margin: 0;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

#mkdocs-decrypt-button:hover
{
    background-color: #DF1054;
    border: none;
}

#mkdocs-decrypt-button:hover svg
{
    fill: #FFF;
}

.authentication-form button svg
{
    width: 20px;
    height: 20px;
    fill: currentColor;
    flex-shrink: 0;
}

.authentication-form input,
.authentication-form button
{
    margin: 0;
}

/*
    Icons in Tabbed Menus
        makes icon slightly larger
*/

.tabbed-labels span.twemoji
{
    --md-icon-size: 1.425em;
    display: inline-flex;
    height: var(--md-icon-size);
    vertical-align: top;
    padding-right: 5px;
    margin-left: -4px;
}

/*
    Tabbed content within tabbed content
*/

.tabbed-content .tabbed-block .tabbed-content
{
    background-color: #161618;
}


/*
    Badge > Header Padding
    if a badge is used in a header, add padding between the badge and text
*/

/*

:is(h1, h2, h3, h4, h5, h6) .mdx-badge__icon
{
    margin-inline-end: 6px;
}

*/

.md-nav--primary .md-nav__title
{
    background: none;
    box-shadow: none;
}

/*
    Navigation > Spacer
    Add a gap between the last "File" item in nav menu, and the folders under.
*/

.md-sidebar--primary li:has(a[href*="about_tvapp2"])
{
    margin-bottom: 28px !important;
}

/*
    Navigation > Active Group Spacer
    adds a small spacer between each group of items opened.

    issue with this is that it makes animations choppy.
    the only way to fix this; is to disable the transition.
    (see the next two rules)
*/

& li.md-nav__item--nested > nav.md-nav[aria-expanded="true"]
{
    padding-bottom: 10px;
}

.md-nav__toggle ~ .md-nav
{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.md-nav__toggle.md-toggle--indeterminate ~ .md-nav, .md-nav__toggle:checked ~ .md-nav
{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.md-typeset .mdx-badge--dangerous
{
    --md-badge-icon-color: #fff;
    --md-badge-icon-hover-color: #ff1058;
    --md-badge-bg-color--transparent: #7B1532 !important;
    color: #f9f9f9;
    --md-typeset-bg-color: #111;
}

@-webkit-keyframes pulsate
{
    0% { transform: scale(0.8); opacity: 0.5; }
    50% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.8); opacity: 0.5; }
}

@keyframes pulsate
{
    0% { transform: scale(0.8); opacity: 0.5; }
    50% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.8); opacity: 0.5; }
}

@keyframes health
{
    0%, 40%, 80%, 100% {
        transform: scale(1);
        color: #FFF;
        fill: #FFF !important;
    }
    20%, 60% {
        transform: scale(1.15);
        color: #FF6593;
        fill: #FF6593 !important;
    }
}

.pulsate
{
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    animation: pulsate 3s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.5;
}

.heart
{
    animation: health 1000ms infinite;
}

.md-typeset .mdx-badge--heart
{
    --md-badge-icon-color: #e92063;
    --md-badge-icon-hover-color: #FFFFFF;
    --md-accent-fg-color: #ff4281;
    --md-accent-fg-color--transparent: #e920631a;
}

.md-typeset .mdx-badge--heart .twemoji
{
    animation: heart 1s infinite;
}




/*
    Badges > Commands

        <!-- md:command --> Specified setting has a default value  <!-- @md:command -->
        <!-- md:command csf -ra --> Specified setting has a default value  <!-- @md:command csf -ra -->
*/

.md-typeset .mdx-badge--command
{
    --md-typeset-a-color: #ff2d72;
    --md-accent-fg-color: #fff;
    --md-accent-fg-color--transparent: #ffffff1a;
    color: #c9c9c9;
    font-size: 8pt !important;
}

/*
    Badges > Overall icon and text size
*/

.md-typeset .mdx-badge
{
    font-size: 0.86em !important;
}




/*
    Badge > Header Positioning
    This is mainly for the conventions page
*/

h2:has(.mdx-badge) > .mdx-badge > span
{
    padding-bottom: 2px;
}

h2:has(.mdx-badge) > .mdx-badge svg
{
    margin-bottom: 2px;
}

/*
    Reposition badge icons in header
*/

:is(h1, h2, h3, h4, h5, h6) .mdx-badge__icon svg
{
    padding-right: 1px;
}

.md-typeset .mdx-badge a[title^="Requires"] svg, .md-typeset .mdx-badge a[title^="Default"] svg
{

}

.md-typeset .mdx-badge a[title^="Type"] svg
{

}

.mdx-badge__text a
{
    padding-top: 2px;
}

.md-typeset
{
    font-size: .7rem;
    line-height: 1.6;
}

small
{
    font-size: 60%;
}

/*
    Navigation > Category Gap

    if you have multiple sub-folders for a group of pages, add a gap between categories on left-side navigation
*/

.md-nav__item--section
{
    display: block;
    margin: 2.00em 0;
    margin-bottom: 2em;
}

/*
    Menu Navigation > FontAwesome Folder Icons (for folders)
*/

label.md-nav__link
{
    color: var( --md-navigation-header-link ) !important;
}

.md-nav__title
{
    color: var( --md-navigation-header-link ) !important;
}

label.md-nav__link::before
{
    opacity: 0.6;
    content: "";
    background-color: currentColor;
    padding-right: 0.6rem;
    margin-right: 0.1rem;
    mask-repeat: no-repeat;
    mask-size: 20px;
    padding-inline: 4px;
    mask-position: center;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='currentColor' width='16px' height='16px'%3E%3C!-- --%3E%3Cdefs%3E%3Cstyle%3E.fa-secondary%7Bopacity:.4%7D%3C/style%3E%3C/defs%3E%3Cpath class='fa-primary' d='M160 384H512c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H394.5c-17 0-33.3-6.7-45.3-18.7L322.7 50.7c-12-12-28.3-18.7-45.3-18.7H160c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64z'%3E%3C/path%3E%3Cpath class='fa-secondary' d='M24 96c13.3 0 24 10.7 24 24V344c0 48.6 39.4 88 88 88H456c13.3 0 24 10.7 24 24s-10.7 24-24 24H136C60.9 480 0 419.1 0 344V120c0-13.3 10.7-24 24-24z'%3E%3C/path%3E%3C/svg%3E");
}

li.md-nav__item--nested > a > span::before
{
    content: ".";
    background-color: currentColor;
    padding-right: 0.6rem;
    margin-right: 0.1rem;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='currentColor' width='16px' height='16px'%3E%3C!-- --%3E%3Cdefs%3E%3Cstyle%3E.fa-secondary%7Bopacity:.4%7D%3C/style%3E%3C/defs%3E%3Cpath class='fa-primary' d='M352 0V64c0 17.7 14.3 32 32 32h64L352 0zM48 120c0-13.3-10.7-24-24-24S0 106.7 0 120V376c0 75.1 60.9 136 136 136H328c13.3 0 24-10.7 24-24s-10.7-24-24-24H136c-48.6 0-88-39.4-88-88V120z'%3E%3C/path%3E%3Cpath class='fa-secondary' d='M160 0H352V64c0 17.7 14.3 32 32 32h64V352c0 35.3-28.7 64-64 64H160c-35.3 0-64-28.7-64-64V64c0-35.3 28.7-64 64-64z'%3E%3C/path%3E%3C/svg%3E");
}

/*
    Menu Navigation > FontAwesome Dot Icons (for files)
*/

nav.md-nav > ul.md-nav__list > li.md-nav__item > a.md-nav__link > span.md-ellipsis::before
{
    content: ".";
    background-color: currentColor;
    padding-right: 0.6rem;
    margin-right: 0.1rem;
    mask-repeat: no-repeat;
    mask-size: 9px;
    padding-inline: 4px;
    mask-position: center;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='currentColor' width='16px' height='16px'%3E%3C!-- --%3E%3Cdefs%3E%3Cstyle%3E.fa-secondary%7Bopacity:.4%7D%3C/style%3E%3C/defs%3E%3Cpath class='fa-primary' d=''%3E%3C/path%3E%3Cpath class='fa-secondary' d='M0 256a160 160 0 1 1 320 0A160 160 0 1 1 0 256z'%3E%3C/path%3E%3C/svg%3E");
}

/*
    Menu Navigation > Secondary > Text Size
*/

nav.md-nav--secondary li
{
    font-size: 0.55rem !important;
}

/*
    Badge > Override Icon Color
*/

.mdx-badge a
{
    color: var(--md-badge-icon-color);
    word-break: break-word;
}

.mdx-badge a:hover
{
    color: var(--md-badge-icon-hover-color);
    word-break: break-word;
}

.mdx-badge .mdx-badge__icon
{
    background-color: var(--md-badge-bg-color--transparent);
}

/*
    Tag > Background Color
*/

.md-typeset .md-tag
{
    background-color: var(--md-primary-fg-color);
}

/*
    Lightbox border
*/

figure img
{
    border: 1px solid rgba( 255, 255, 255, 0.13 )
}

@keyframes anim_glow
{
    0%
    {
        filter: drop-shadow( 0px 0px 5px #e9e4e6);
    }
    50%
    {
        filter: drop-shadow( 0px 0px 20px #e9e4e6);
    }
    100%
    {
        filter: drop-shadow( 0px 0px 5px #e9e4e6);
    }
}

@keyframes colorful_link
{
    0%
    {
        filter: hue-rotate(0deg);
    }

    100%
    {
        filter: hue-rotate(360deg);
    }
}

@keyframes anim_color
{
    from
    {
        filter: hue-rotate(0deg);
    }
    to
    {
        filter: hue-rotate(360deg);
    }
}

@keyframes anim_scale
{
    to
    {
        transform: scale( 1.4 );
    }
}

.mkde-embed-container
{
    overflow: hidden;
    border-radius: 5px;
    box-shadow: var(--md-shadow-z2);
    transition: border .25s,box-shadow .25s;
    border: 2px solid rgba( 255, 255, 255, 0.1 );
    background-color: var(--md-default-fg-color--lightest);
    margin-top: 10px;
    margin-bottom: 10px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-top: 5px;
}

.mkde-embed-container:hover
{
    transition: border .25s,box-shadow .25s;
    box-shadow: var(--md-shadow-z3);
    border: 2px solid rgba( 255, 255, 255, 0.2 );
}

.mkde-left-s2 > a,
.item-link-container > a,
.item-title > a
{
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.mkde-left-s2 > a,
.item-link-container > a,
.item-title > a
{
    text-decoration: none;
    color: inherit;
    touch-action: manipulation;
}

.mkde-format-sub
{
    line-height: 1.4;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
        Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: inherit;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background-color: inherit;
}

.mkde-format, .mkde-format-sub,
.mkde-inner
{
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
}

.mkde-format
{
    line-height: 1.4;
    color: inherit;
}

@supports (-webkit-overflow-scrolling: touch)
{
    .mkde-format-sub
    {
        max-width: 100vw;
    }
}

.mkde-left,
.mkde-right
{
    overflow: hidden;
}

._sm
{
    background: inherit;
}

._lc .mkde-inner
{
    flex-direction: row;
}

._lc .mkde-right
{
    display: flex;
    flex: 1;
    align-items: center;
}

.mkde-right
{
    padding: 0px 10px;
}

@media ( min-width: 360px )
{
    .mkde-right
    {
        padding: 0px 15px;
    }
}

@media ( min-width: 600px )
{
    .mkde-right
    {
        padding: 0px 12px;
    }
}

/*
    Left container
*/

._lc._sm:not( .xd ) .mkde-left
{
    min-width: 70px;
    width: 70px;
    min-height: 70px;
    height: 70px;
    padding: 5px;
    align-self: center;
    background: rgba( 255, 255, 255, 0.10 );
}

@media ( min-width: 360px )
{
    ._lc._sm:not( .xd ) .mkde-left
    {
        min-width: 80px;
        width: 80px;
        min-height: 80px;
        height: 80px;
        align-self: center;
    }
}

@media (min-width: 460px)
{
    ._lc._sm:not( .xd ) .mkde-left
    {
        min-width: 110px;
        width: 110px;
        min-height: 110px;
        height: 110px;
        align-self: center;
    }
}

@media (min-width: 600px)
{
    ._lc._sm:not( .xd ) .mkde-left
    {
        min-width: 110px;
        width: 110px;
        min-height: 110px;
        height: 110px;
        align-self: center;
    }
}

@supports (-moz-appearance: meterbar) and (all: initial)
{
    ._lc .mkde-left
    {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
}

@media (max-width: 459px)
{
    ._lc .ct-r-link-t
    {
        display: none;
    }
}

@media (min-width: 460px)
{
    ._lc .ct-r-link-d
    {
        display: none;
    }
}

._lc._ts .item-title
{
    -webkit-line-clamp: 1;
}

._lc._ts._lh-4 .item-title
{
    max-height: 1.4em;
}

._lc._ts .item-desc
{
    -webkit-line-clamp: 2;
}

._lc._ts._lh-4 .item-desc
{
    max-height: 2.8em;
}

@media (min-width: 460px)
{
    ._lc._ts .item-title {
        -webkit-line-clamp: 1;
    }

    ._lc._ts._lh-4 .item-title
    {
        max-height: 1.4em;
    }

    ._lc._ts .item-desc
    {
        -webkit-line-clamp: 3;
    }

    ._lc._ts._lh-4 .item-desc
    {
        max-height: 4.2em;
    }
}

.item-desc,
.item-title
{
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 5px;
}

@supports (display: -webkit-box)
{
    .item-desc,
    .item-title
    {
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

.item-desc
{
    vertical-align: inherit;
}

.item-footer-format,
.item-title
{
    margin-bottom: 0.5em;
}

.item-desc
{
    margin-bottom: 0.6em;
}

.mkde-sub
{
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: none transparent;
    text-align: left;
}

.mkde-sub .item-footer-format:last-child
{
    margin-bottom: 0 !important;
}

.item-link-container
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    padding-top: 10px;
    display: contents;
    flex-direction: row;
    align-content: center;
    padding-left: 5px;
}

@media (min-width: 460px)
{
    .item-desc
    {
        margin-bottom: 0.7em;
    }
}

.mkde-right > ._ff
{
    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
        Roboto, 'Helvetica Neue', Arial, sans-serif;
}

._fw-n
{
    font-weight: 400;
}

._fw-b
{
    font-weight: 700;
}

._fs-n
{
    font-style: normal;
}

._lh-4
{
    line-height: 1.4;
}

._fs-x,
._fs-m
{
    font-size: clamp(7px, 2.0vw, 12px);
}

._f1p
{
    font-size: clamp(10px, 2.5vw, 13px);
}

@media ( min-width: 360px )
{
    ._fs-x
    {
        font-size: clamp(10px, 2.5vw, 13px);
    }

    ._f1p
    {
        font-size: clamp(10px, 2.5vw, 14px);
    }
}

@media ( min-width: 460px )
{
    ._fs-m
    {
        font-size: clamp(10px, 2.5vw, 13px);
    }

    ._fs-x
    {
        font-size: clamp(10px, 2.5vw, 14px);
    }

    ._f1p
    {
        font-size: clamp(10px, 2.5vw, 15px);
    }
}

@media ( min-width: 600px )
{
    ._fs-m
    {
        font-size: clamp(10px, 2.5vw, 13px);
    }

    ._fs-x
    {
        font-size: clamp(10px, 2.5vw, 14px);
    }

    ._f1p
    {
        font-size: clamp(10px, 2.5vw, 15px);
    }
}

.mkde-left-s1
{
    overflow: hidden;
    position: relative;
    width: 100%;
}

@supports ( -moz-appearance: meterbar ) and ( all: initial )
{
    ._lc .mkde-left-s1
    {
        -ms-flex: 1;
        flex: 1;
    }
}

._lc:not( ._ap ) .mkde-left-s1
{
    height: 100%;
    padding-bottom: 0;
}

/*
    Theme > Default
*/

[ data-md-color-scheme="default" ]
{
    ._lc._sm:not( .xd ) .mkde-left
    {
        background: rgba( 255, 255, 255, 1 );
    }

    .mkde-left-s2
    {
        border: 1px solid rgba( 255, 255, 255, 0.35 )
    }
}

.mkde-left-s2
{
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba( 255, 255, 255, 0.10 )
}

.mkde-link-favicon
{
    width: 25px;
    height: 25px;
    padding-right: 4px;
}

.mkde-img
{
    position: absolute;
    width: 100%;
    height: 100%;
}

.mkde-img
{
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
}

.mkde-img
{
    z-index: 3;
}

.mkde-img:hover
{
    animation: 2s colorful_link infinite;
}

.mkde-left-s1
{
    padding-bottom: 100%;
}

.mkde-format
{
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.item-title
{
    color: inherit;
}

.item-footer-format
{
    color: var( --md-typeset-a-color );
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.item-link
{
    color: var( --md-typeset-a-color );
    font-size: clamp(8px, 2.5vw, 12px);
    padding-bottom: 6px;
}

.item-footer
{
    padding-left: 5px;
}

.mkde-link-favicon:hover
{
    animation: anim_scale 100ms ease-in-out forwards;
}

.mkde-left-s2 > a, a.item-title-link, a.item-link
{
    color: var( --md-typeset-a-color );
}

.mkde-left-s2 > a, a.item-title-link:hover, a.item-link:hover
{
    color: var(--md-accent-fg-color);
}

/*
    Footer
*/

.md-banner
{
    background-color: var(--md-footer-bg-color);
    color: var(--md-footer-fg-color);
    overflow: auto;
}

/*
    Used as part of the `shortcodes.py` for color boxes.
        docs\material\overrides\hooks\shortcodes.py

    Allows you to display colored boxes for things like themes to show the
    default color.

    used in obsidian-gistr docs
*/

.color-container
{
    display: inline-block;
    padding-left: 5px;
    margin-block-end: -7px;
}

/*
    Control > Color Box
*/

.color-box
{
    float: left;
    height: 25px;
    width: 25px;
    border: 1px solid rgba( 255, 255, 255, 0.2 );
    clear: both;
}

.color-box-left
{
    float: left;
    height: 20px;
    width: 20px;
    border: 1px solid rgba( 255, 255, 255, 0.2 );
    clear: both;
    margin-right: 10px;
}

/*
    Tools > Icon Search
*/

.md-typeset .mdx-iconsearch {
  background-color:var(--md-default-bg-color);
  border-radius:.1rem;
  box-shadow:var(--md-shadow-z1);
  position:relative;
  transition:box-shadow 125ms
}
.md-typeset .mdx-iconsearch:focus-within,
.md-typeset .mdx-iconsearch:hover {
  box-shadow:var(--md-shadow-z2)
}
.md-typeset .mdx-iconsearch .md-input {
  background:var(--md-default-bg-color);
  box-shadow:none
}
[data-md-color-scheme=main] .md-typeset .mdx-iconsearch .md-input {
  background:var(--md-code-bg-color)
}
.md-typeset .mdx-iconsearch-result {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  max-height:50vh;
  overflow-y:auto;
  scrollbar-color:var(--md-default-fg-color--lighter) #0000;
  scrollbar-width:thin;
  touch-action:pan-y
}
.md-tooltip .md-typeset .mdx-iconsearch-result {
  max-height:10.25rem
}
.md-typeset .mdx-iconsearch-result::-webkit-scrollbar {
  height:.2rem;
  width:.2rem
}
.md-typeset .mdx-iconsearch-result::-webkit-scrollbar-thumb {
  background-color:var(--md-default-fg-color--lighter)
}
.md-typeset .mdx-iconsearch-result::-webkit-scrollbar-thumb:hover {
  background-color:var(--md-accent-fg-color)
}
.md-typeset .mdx-iconsearch-result__meta {
  color:var(--md-default-fg-color--lighter);
  font-size:.64rem;
  position:absolute;
  right:.6rem;
  top:.4rem
}
@media screen and (max-width:29.984375em) {
  .md-typeset .mdx-iconsearch-result__meta {
    display:none
  }
}
.md-typeset .mdx-iconsearch-result__select {
  background-color:var(--md-default-fg-color--lightest);
  border:none;
  border-radius:.1rem;
  color:var(--md-default-fg-color--light);
  font-size:.64rem;
  padding-bottom:.15em;
  padding-top:.15em;
  position:absolute;
  right:.6rem;
  top:.4rem;
  transition:color 125ms,background-color 125ms
}
.md-typeset .mdx-iconsearch-result__select:focus,
.md-typeset .mdx-iconsearch-result__select:hover {
  background-color:var(--md-accent-fg-color);
  color:var(--md-accent-bg-color);
  outline:none
}
.md-typeset .mdx-iconsearch-result__select+.mdx-iconsearch-result__meta {
  right:4.1rem
}
[dir=ltr] .md-typeset .mdx-iconsearch-result__list {
  margin-left:0
}
[dir=rtl] .md-typeset .mdx-iconsearch-result__list {
  margin-right:0
}
.md-typeset .mdx-iconsearch-result__list {
  list-style:none;
  margin:0;
  padding:0
}
[dir=ltr] .md-typeset .mdx-iconsearch-result__item {
  margin-left:0
}
[dir=rtl] .md-typeset .mdx-iconsearch-result__item {
  margin-right:0
}
.md-typeset .mdx-iconsearch-result__item {
  border-bottom:.05rem solid var(--md-default-fg-color--lightest);
  margin:0;
  padding:.2rem .6rem
}
.md-typeset .mdx-iconsearch-result__item:last-child {
  border-bottom:none
}
.md-typeset .mdx-iconsearch-result__item>* {
  margin-right:.6rem
}
.md-typeset .mdx-iconsearch-result__item img {
  height:.9rem;
  width:.9rem
}

/*
    twoemoji search box
        flip icon color on dark theme
*/

[data-md-color-scheme=slate] .md-typeset .mdx-iconsearch-result__item img[src*=squidfunk]
{
    filter:invert(1)
}

[data-md-color-scheme=main] .md-typeset .mdx-iconsearch-result__item img[src*=Aetherinox]
{
    filter:invert(1)
}

.md-typeset .mdx-premium p {
  margin:2em 0;
  text-align:center
}
.md-typeset .mdx-premium img {
  height:3.25rem
}
.md-typeset .mdx-premium p:last-child {
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.md-typeset .mdx-premium p:last-child>a {
  display:block;
  flex-shrink:0
}
.md-typeset .mdx-sponsorship__list {
  margin:2em 0
}
.md-typeset .mdx-sponsorship__list:after {
  clear:both;
  content:"";
  display:block
}
[dir=ltr] .md-typeset .mdx-sponsorship__item {
  float:left
}
[dir=rtl] .md-typeset .mdx-sponsorship__item {
  float:right
}
.md-typeset .mdx-sponsorship__item {
  border-radius:100%;
  display:block;
  height:1.6rem;
  margin:.2rem;
  overflow:hidden;
  transform:scale(1);
  transition:color 125ms,transform 125ms;
  width:1.6rem
}
.md-typeset .mdx-sponsorship__item:focus,
.md-typeset .mdx-sponsorship__item:hover {
  transform:scale(1.1)
}
.md-typeset .mdx-sponsorship__item:focus img,
.md-typeset .mdx-sponsorship__item:hover img {
  filter:grayscale(0)
}
.md-typeset .mdx-sponsorship__item--private {
  background:var(--md-default-fg-color--lightest);
  color:var(--md-default-fg-color--lighter);
  font-size:.6rem;
  font-weight:700;
  line-height:1.6rem;
  text-align:center
}
.md-typeset .mdx-sponsorship__item img {
  display:block;
  filter:grayscale(100%) opacity(75%);
  height:auto;
  transition:filter 125ms;
  width:100%
}
.md-typeset .mdx-sponsorship-button {
  font-weight:400
}
.md-typeset .mdx-sponsorship-count,
.md-typeset .mdx-sponsorship-total {
  font-weight:700
}

/*
    Page Status › Color
*/

.md-status
{
    color: #F0C03C;
}

/*
    Remove this class to make icon to right of page name not have color until hovered
*/

.md-status::after
{
    background-color: currentColor;
}

/*
    Page Status › Important
*/

.md-status--important::after
{
    mask-image: var(--md-status--important);
    -webkit-mask-image: var(--md-status--important);
}

.md-status--new::after
{
    /* Pulse animation */
    -webkit-animation: pulsate 3s ease-out infinite;
    animation: pulsate 3s ease-out infinite;
}

/*
    Font Sizes
*/

.text-sm-9
{
    font-size: 8pt;
}

/*
    Force markdown table to wrap text.
    used for tables with long inline code blocks

        advanced/services/get.configserver/#usage
*/

.table-nowrap td
{
    white-space: wrap !important;
    font-size: 8pt !important;
}

/*
    Top Nav > Last two menu items with padding
*/

.md-tabs__item:nth-last-child(2) .md-tabs__link
{
    /*padding-left: 5.0em;*/
    transition-delay: .14s;
}

/* Push the second-to-last item (Create Ticket) and all following items to the right */
.md-tabs__item:nth-last-child(2)
{
    margin-left: auto;
}

/* Optional: adjust spacing between the two right-aligned items */
.md-tabs__item:nth-last-child(2) .md-tabs__link,
.md-tabs__item:last-child .md-tabs__link
{
    /* padding-left: 1em; */
}

.md-tabs__item:last-child
{
    margin-right: 5em !important;
}

@media (max-width: 768px)
{
    .md-tabs__item:last-child
    {
        margin-right: 2em !important;
    }
}

/*
    Top Nav menu Icons
*/

.md-tabs__link[href*="buymeacoffee"]::before
{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0.4em;
    vertical-align: middle;
    position: relative;
    top: 1px;
    
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z'/%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
    animation: health 1000ms infinite;
}

.md-tabs__link[href*="tickets"]::before 
{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0.4em;
    vertical-align: middle;
    position: relative;
    top: 0px;
    
    background-color: currentColor;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 512'%3E%3Cpath d='M186.1 328.7c0 20.9-10.9 55.1-36.7 55.1s-36.7-34.2-36.7-55.1 10.9-55.1 36.7-55.1 36.7 34.2 36.7 55.1zM480 278.2c0 31.9-3.2 65.7-17.5 95-37.9 76.6-142.1 74.8-216.7 74.8-75.8 0-186.2 2.7-225.6-74.8-14.6-29-20.2-63.1-20.2-95 0-41.9 13.9-81.5 41.5-113.6-5.2-15.8-7.7-32.4-7.7-48.8 0-21.5 4.9-32.3 14.6-51.8 45.3 0 74.3 9 108.8 36 29-6.9 58.8-10 88.7-10 27 0 54.2 2.9 80.4 9.2 34-26.7 63-35.2 107.8-35.2 9.8 19.5 14.6 30.3 14.6 51.8 0 16.4-2.6 32.7-7.7 48.2 27.5 32.4 39 72.3 39 114.2zm-64.3 50.5c0-43.9-26.7-82.6-73.5-82.6-18.9 0-37 3.4-56 6-14.9 2.3-29.8 3.2-45.1 3.2-15.2 0-30.1-.9-45.1-3.2-18.7-2.6-37-6-56-6-46.8 0-73.5 38.7-73.5 82.6 0 87.8 80.4 101.3 150.4 101.3h48.2c70.3 0 150.6-13.4 150.6-101.3zm-82.6-55.1c-25.8 0-36.7 34.2-36.7 55.1s10.9 55.1 36.7 55.1 36.7-34.2 36.7-55.1-10.9-55.1-36.7-55.1z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 512'%3E%3Cpath d='M186.1 328.7c0 20.9-10.9 55.1-36.7 55.1s-36.7-34.2-36.7-55.1 10.9-55.1 36.7-55.1 36.7 34.2 36.7 55.1zM480 278.2c0 31.9-3.2 65.7-17.5 95-37.9 76.6-142.1 74.8-216.7 74.8-75.8 0-186.2 2.7-225.6-74.8-14.6-29-20.2-63.1-20.2-95 0-41.9 13.9-81.5 41.5-113.6-5.2-15.8-7.7-32.4-7.7-48.8 0-21.5 4.9-32.3 14.6-51.8 45.3 0 74.3 9 108.8 36 29-6.9 58.8-10 88.7-10 27 0 54.2 2.9 80.4 9.2 34-26.7 63-35.2 107.8-35.2 9.8 19.5 14.6 30.3 14.6 51.8 0 16.4-2.6 32.7-7.7 48.2 27.5 32.4 39 72.3 39 114.2zm-64.3 50.5c0-43.9-26.7-82.6-73.5-82.6-18.9 0-37 3.4-56 6-14.9 2.3-29.8 3.2-45.1 3.2-15.2 0-30.1-.9-45.1-3.2-18.7-2.6-37-6-56-6-46.8 0-73.5 38.7-73.5 82.6 0 87.8 80.4 101.3 150.4 101.3h48.2c70.3 0 150.6-13.4 150.6-101.3zm-82.6-55.1c-25.8 0-36.7 34.2-36.7 55.1s10.9 55.1 36.7 55.1 36.7-34.2 36.7-55.1-10.9-55.1-36.7-55.1z'/%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
}

/*
    Footer Social Icons > Sponsor
*/

.md-social__link[href*="buymeacoffee.com"] svg
{
    animation: heart 1s infinite;
    transform-origin: center;
}
