<!DOCTYPE html>

<html lang="en" class="theme-light h-full font-sans lang=&quot;en&quot;">

<head>
    <meta charSet="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <style data-href="/styles.698c0b34d87b71b26e96.css">
        /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

        html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%
        }

        body {
            margin: 0
        }

        main {
            display: block
        }

        h1 {
            font-size: 2em;
            margin: .67em 0
        }

        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible
        }

        pre {
            font-family: monospace, monospace;
            font-size: 1em
        }

        a {
            background-color: transparent
        }

        strong {
            font-weight: bolder
        }

        code {
            font-family: monospace, monospace;
            font-size: 1em
        }

        small {
            font-size: 80%
        }

        sub {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
            bottom: -.25em
        }

        img {
            border-style: none
        }

        button,
        input,
        select {
            font-family: inherit;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }

        button,
        input {
            overflow: visible
        }

        button,
        select {
            text-transform: none
        }

        [type=button],
        [type=reset],
        [type=submit],
        button {
            -webkit-appearance: button
        }

        [type=button]::-moz-focus-inner,
        [type=reset]::-moz-focus-inner,
        [type=submit]::-moz-focus-inner,
        button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        [type=button]:-moz-focusring,
        [type=reset]:-moz-focusring,
        [type=submit]:-moz-focusring,
        button:-moz-focusring {
            outline: 1px dotted ButtonText
        }

        legend {
            box-sizing: border-box;
            color: inherit;
            display: table;
            max-width: 100%;
            padding: 0;
            white-space: normal
        }

        progress {
            vertical-align: baseline
        }

        [type=checkbox],
        [type=radio] {
            box-sizing: border-box;
            padding: 0
        }

        [type=number]::-webkit-inner-spin-button,
        [type=number]::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }

        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        details {
            display: block
        }

        summary {
            display: list-item
        }

        template {
            display: none
        }

        [hidden] {
            display: none
        }

        html {
            box-sizing: border-box;
            font-family: sans-serif
        }

        *,
        :after,
        :before {
            box-sizing: inherit
        }

        blockquote,
        dl,
        figure,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        pre {
            margin: 0
        }

        button {
            background: transparent;
            padding: 0
        }

        button:focus {
            outline: 1px dotted;
            outline: 5px auto -webkit-focus-ring-color
        }

        ol,
        ul {
            margin: 0
        }

        *,
        :after,
        :before {
            border: 0 solid var(--base-400)
        }

        img {
            border-style: solid;
            max-width: 100%;
            height: auto
        }

        input::-webkit-input-placeholder {
            color: inherit;
            opacity: .5
        }

        input:-ms-input-placeholder {
            color: inherit;
            opacity: .5
        }

        input::-ms-input-placeholder {
            color: inherit;
            opacity: .5
        }

        input::placeholder {
            color: inherit;
            opacity: .5
        }

        [role=button],
        button {
            cursor: pointer
        }

        svg {
            stroke: currentColor
        }

        body {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        svg {
            max-width: 100%;
            height: auto
        }

        figure {
            margin: 0
        }

        .before:before {
            content: var(--before, " ")
        }

        .after:after {
            content: var(--after, " ")
        }

        .theme-light {
            --base-100: #fff;
            --base-200: #f8f9fc;
            --base-300: #e9ecf6;
            --base-400: #cfd7ec;
            --base-600: #5e667d;
            --base-700: #434a60;
            --base-800: #2b3146;
            --base-900: #1e2334;
            --primary-100: #fafbff;
            --primary-200: #ebf0ff;
            --primary-300: #dae2fb;
            --primary-400: #a1b4ed;
            --primary-600: #5f85f7;
            --primary-700: #4665c3;
            --primary-800: #3a4b7e;
            --primary-900: #272e45;
            --secondary-100: #f9f8fc;
            --secondary-200: #f0ebff;
            --secondary-300: #ddd1fa;
            --secondary-400: #b6a1ed;
            --secondary-600: #8657ff;
            --secondary-700: #6a47c2;
            --secondary-800: #4d3a7e;
            --secondary-900: #2f2745;
            --tertiary-100: #f8fafc;
            --tertiary-200: #ebf5ff;
            --tertiary-300: #d1e5fa;
            --tertiary-400: #a1c7ed;
            --tertiary-600: #3094f8;
            --tertiary-700: #417ab4;
            --tertiary-800: #3a5c7e;
            --tertiary-900: #273645;
            --accent-100: #fcf8fc;
            --accent-200: #fdebff;
            --accent-300: #f5d1fa;
            --accent-400: #e5abed;
            --accent-600: #d15ce0;
            --accent-700: #a154ab;
            --accent-800: #773e7e;
            --accent-900: #412745;
            --success-100: #f8fcfa;
            --success-200: #ebfff7;
            --success-300: #d1fae9;
            --success-400: #a1edcd;
            --success-600: #38b27f;
            --success-700: #249968;
            --success-800: #336651;
            --success-900: #274538;
            --warning-100: #fcfbf8;
            --warning-200: #fff8eb;
            --warning-300: #faecd1;
            --warning-400: #edd6ab;
            --warning-600: #ffc252;
            --warning-700: #b39356;
            --warning-800: #7e683e;
            --warning-900: #453a27;
            --caution-100: #fcf9f8;
            --caution-200: #fff0eb;
            --caution-300: #fadcd1;
            --caution-400: #edb5a1;
            --caution-600: #f38258;
            --caution-700: #b46041;
            --caution-800: #7e4c3a;
            --caution-900: #452f27;
            --alert-100: #fcf8f8;
            --alert-200: #ffebeb;
            --alert-300: #fad1d2;
            --alert-400: #eda1a3;
            --alert-600: #fc5a5f;
            --alert-700: #c2474b;
            --alert-800: #7e3a3c;
            --alert-900: #452728
        }

        .theme-dark,
        .theme-light {
            --base-500: #9199b1;
            --primary-500: #7893e2;
            --secondary-500: #9678e3;
            --tertiary-500: #78ade3;
            --accent-500: #d887e3;
            --success-500: #78e3b6;
            --warning-500: #e3c387;
            --caution-500: #e39478;
            --alert-500: #e3787b
        }

        .theme-dark {
            --base-100: #262d40;
            --base-200: #30384f;
            --base-300: #434a60;
            --base-400: #5e667d;
            --base-600: #cfd7ec;
            --base-700: #e9ecf6;
            --base-800: #f8f9fc;
            --base-900: #fff;
            --primary-100: #272e45;
            --primary-200: #3a4b7e;
            --primary-300: #495e9c;
            --primary-400: #647cc4;
            --primary-600: #a1b4ed;
            --primary-700: #dae2fb;
            --primary-800: #ebf0ff;
            --primary-900: #fafbff;
            --secondary-100: #3f3653;
            --secondary-200: #514276;
            --secondary-300: #614b9b;
            --secondary-400: #9c89cd;
            --secondary-600: #b6a1ed;
            --secondary-700: #ddd1fa;
            --secondary-800: #f0ebff;
            --secondary-900: #f9f8fc;
            --tertiary-100: #273645;
            --tertiary-200: #2a425b;
            --tertiary-300: #4c7aa9;
            --tertiary-400: #6494c4;
            --tertiary-600: #a1c7ed;
            --tertiary-700: #d1e5fa;
            --tertiary-800: #ebf5ff;
            --tertiary-900: #f8fafc;
            --accent-100: #412745;
            --accent-200: #773e7e;
            --accent-300: #a154ab;
            --accent-400: #d15ce0;
            --accent-600: #e5abed;
            --accent-700: #f3d4f7;
            --accent-800: #faeefc;
            --accent-900: #fcf8fc;
            --success-100: #274538;
            --success-200: #336651;
            --success-300: #249968;
            --success-400: #38b27f;
            --success-600: #a1edcd;
            --success-700: #d1fae9;
            --success-800: #ebfff7;
            --success-900: #f8fcfa;
            --warning-100: #453a27;
            --warning-200: #9e8a67;
            --warning-300: #b39356;
            --warning-400: #d4b57d;
            --warning-600: #edd6ab;
            --warning-700: #faecd1;
            --warning-800: #fff8eb;
            --warning-900: #fcfbf8;
            --caution-100: #452f27;
            --caution-200: #7e4c3a;
            --caution-300: #b46041;
            --caution-400: #d29179;
            --caution-600: #edb5a1;
            --caution-700: #fadcd1;
            --caution-800: #fff0eb;
            --caution-900: #fcf9f8;
            --alert-100: #452728;
            --alert-200: #7e3a3c;
            --alert-300: #c2474b;
            --alert-400: #d97d80;
            --alert-600: #eda1a3;
            --alert-700: #fad1d2;
            --alert-800: #ffebeb;
            --alert-900: #fcf8f8
        }

        .print-only {
            display: none
        }

        @media print {
            .theme-dark {
                --base-100: #fff;
                --base-200: #f8f9fc;
                --base-300: #e9ecf6;
                --base-400: #cfd7ec;
                --base-500: #9199b1;
                --base-600: #5e667d;
                --base-700: #434a60;
                --base-800: #2b3146;
                --base-900: #1e2334;
                --primary-100: #fafbff;
                --primary-200: #ebf0ff;
                --primary-300: #dae2fb;
                --primary-400: #a1b4ed;
                --primary-500: #7893e2;
                --primary-600: #5f85f7;
                --primary-700: #4665c3;
                --primary-800: #3a4b7e;
                --primary-900: #272e45;
                --secondary-100: #f9f8fc;
                --secondary-200: #f0ebff;
                --secondary-300: #ddd1fa;
                --secondary-400: #b6a1ed;
                --secondary-500: #9678e3;
                --secondary-600: #8657ff;
                --secondary-700: #6a47c2;
                --secondary-800: #4d3a7e;
                --secondary-900: #2f2745;
                --tertiary-100: #f8fafc;
                --tertiary-200: #ebf5ff;
                --tertiary-300: #d1e5fa;
                --tertiary-400: #a1c7ed;
                --tertiary-500: #78ade3;
                --tertiary-600: #3094f8;
                --tertiary-700: #417ab4;
                --tertiary-800: #3a5c7e;
                --tertiary-900: #273645;
                --accent-100: #fcf8fc;
                --accent-200: #fdebff;
                --accent-300: #f5d1fa;
                --accent-400: #e5abed;
                --accent-500: #d887e3;
                --accent-600: #d15ce0;
                --accent-700: #a154ab;
                --accent-800: #773e7e;
                --accent-900: #412745;
                --success-100: #f8fcfa;
                --success-200: #ebfff7;
                --success-300: #d1fae9;
                --success-400: #a1edcd;
                --success-500: #78e3b6;
                --success-600: #38b27f;
                --success-700: #249968;
                --success-800: #336651;
                --success-900: #274538;
                --warning-100: #fcfbf8;
                --warning-200: #fff8eb;
                --warning-300: #faecd1;
                --warning-400: #edd6ab;
                --warning-500: #e3c387;
                --warning-600: #ffc252;
                --warning-700: #b39356;
                --warning-800: #7e683e;
                --warning-900: #453a27;
                --caution-100: #fcf9f8;
                --caution-200: #fff0eb;
                --caution-300: #fadcd1;
                --caution-400: #edb5a1;
                --caution-500: #e39478;
                --caution-600: #f38258;
                --caution-700: #b46041;
                --caution-800: #7e4c3a;
                --caution-900: #452f27;
                --alert-100: #fcf8f8;
                --alert-200: #ffebeb;
                --alert-300: #fad1d2;
                --alert-400: #eda1a3;
                --alert-500: #e3787b;
                --alert-600: #fc5a5f;
                --alert-700: #c2474b;
                --alert-800: #7e3a3c;
                --alert-900: #452728
            }
            @page {
                size: 8.5in 11in;
                margin: 6mm 0;
                orphans: 4;
                widows: 2;
            h2 {
                margin-top: 0;
                padding-top: 0
            }
        }
        @page: first {
                   margin: 0 0 6mm 0
               }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            page-break-after: avoid
        }
        article {
            padding-top: 1.5rem!important
        }
        .aside-content,
        .global-search,
        .side-panel,
        footer {
            display: none!important
        }
        .masthead {
            position: relative!important
        }
        .masthead .list-reset li {
            display: none
        }
        .masthead svg {
            display: block!important
        }
        @page: last {
        @bottom-center {
            content: "footer stuff here"
        }
        }
        .callout,
        .gatsby-highlight,
        figure,
        li,
        p,
        table {
            page-break-inside: avoid
        }
        table {
            -webkit-column-break-inside: avoid;
            break-inside: avoid
        }
        .print-only {
            display: block!important
        }
        .screen-only {
            display: none
        }
        }

        .gatsby-highlight-code-line {
            display: block;
            margin-right: -1em;
            margin-left: -1em;
            padding-right: 1em;
            padding-left: .75em;
            border-left: .25em solid #f99
        }

        .gatsby-highlight {
            background-color: #30384f;
            margin-bottom: 1.5rem;
            font-size: .875rem;
            border-radius: .3em;
            padding: 1em;
            overflow: auto
        }

        .gatsby-highlight pre[class*=language-] {
            background-color: transparent;
            margin: 0;
            padding: 0;
            overflow: visible;
            overflow: initial;
            float: left;
            min-width: 100%;
            white-space: pre-wrap
        }

        .gatsby-highlight code[class*=language-],
        .gatsby-highlight pre[class*=language-] {
            white-space: pre-wrap
        }

        [class^=theme]:not(pre)>code[class*=language-] {
            background-color: var(--accent-200);
            color: var(--accent-900);
            border-color: var(--accent-300);
            border-width: 1px
        }

        .gatsby-code-title {
            background-color: var(--success-700);
            border-bottom-width: 1px;
            border-color: var(--base-900);
            color: var(--success-200);
            font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
            font-size: .875rem;
            padding: 1rem 1rem .75rem;
            font-weight: 600;
            z-index: 0;
            border-top-left-radius: .3em;
            border-top-right-radius: .3em
        }

        .gatsby-code-title+.gatsby-highlight {
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: .25rem;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        @font-face {
            font-family: Open Sans;
            font-style: normal;
            font-display: swap;
            font-weight: 300;
            src: local("Open Sans Light"), local("OpenSans-Light"), url(/static/open-sans-v15-latin-300-60c866748ff15f5b347fdba64596b1b1.woff2) format("woff2"), url(/static/open-sans-v15-latin-300-521d17bc9f3526c690e8ada6eee55bec.woff) format("woff")
        }

        @font-face {
            font-family: Open Sans;
            font-style: normal;
            font-display: swap;
            font-weight: 400;
            src: local("Open Sans Regular"), local("OpenSans-Regular"), url(/static/open-sans-v15-latin-regular-cffb686d7d2f4682df8342bd4d276e09.woff2) format("woff2"), url(/static/open-sans-v15-latin-regular-bf2d0783515b7d75c35bde69e01b3135.woff) format("woff")
        }

        @font-face {
            font-family: Open Sans;
            font-style: normal;
            font-display: swap;
            font-weight: 600;
            src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(/static/open-sans-v15-latin-600-223a277bd88d8a90c8cdf24cda0ad5f5.woff2) format("woff2"), url(/static/open-sans-v15-latin-600-1cd5320f8937d337b61d5117cf9d7b28.woff) format("woff")
        }

        @font-face {
            font-family: Open Sans;
            font-style: normal;
            font-display: swap;
            font-weight: 700;
            src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/static/open-sans-v15-latin-700-d08c09f2f169f4a6edbcf8b8d1636cb4.woff2) format("woff2"), url(/static/open-sans-v15-latin-700-623e3205570002af47fc2b88f9335d19.woff) format("woff")
        }

        @font-face {
            font-family: Open Sans Condensed;
            font-style: normal;
            font-display: swap;
            font-weight: 700;
            src: local("Open Sans Condensed Bold"), local("OpenSansCondensed-Bold"), url(/static/open-sans-condensed-v12-latin-700-2b5cb36ed50460769e80bf82759c0965.woff2) format("woff2"), url(/static/open-sans-condensed-v12-latin-700-b6cf1db5e3827919cd2148bdae913131.woff) format("woff")
        }

        .ScrollbarsCustom .wrapper {
            margin: 0!important
        }

        .ScrollbarsCustom .track {
            margin: 0!important;
            background: none!important;
            overflow: visible!important;
            overflow: initial!important;
            z-index: 9999;
            border-radius: 0!important
        }

        .ScrollbarsCustom .trackY {
            height: 100%!important;
            top: 0!important;
            right: -1px!important;
            position: relative
        }

        .ScrollbarsCustom .trackX {
            width: 100%!important;
            left: 0!important
        }

        .ScrollbarsCustom .thumb {
            background-color: var(--base-400)!important;
            opacity: .5!important;
            cursor: default!important;
            border-radius: 0!important
        }

        .content {
            display: flex;
            flex-direction: column
        }

        .gatsby-scroll-height>div {
            height: 100%
        }

        .home-banner {
            z-index: 0
        }

        @media (min-width:48rem) {
            .home-banner {
                height: calc(100vh - 11.5rem);
                min-height: 500px;
                max-height: 600px
            }
        }

        @media (min-width:48rem) {
            .home-banner .banner-content {
                width: 27.5rem
            }
        }

        @media (min-width:62rem) {
            .home-banner {
                min-height: 600px;
                max-height: 700px
            }
            .home-banner .banner-content {
                width: 30.9375rem
            }
        }

        .home-banner:before {
            content: "";
            z-index: -1;
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            left: 0;
            pointer-events: none;
            background-image: url(/static/home-graphic.b524e74c.svg);
            background-position: 39vw calc(50% - 35px);
            background-size: 950px 950px;
            background-repeat: no-repeat;
            display: none
        }

        @media (min-width:48rem) {
            .home-banner:before {
                display: block;
                background-position: 45vw calc(50% - 35px);
                background-size: 800px 800px
            }
        }

        @media (min-width:62rem) {
            .home-banner:before {
                background-position: 43vw calc(50% - 35px);
                background-size: 950px 950px
            }
        }

        .home-banner:after {
            background-image: linear-gradient(90deg, #d1a0ea, #a3acff 44%, #78effb 99%), url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0MCIgd2lkdGg9IjE1MDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iOTguOTklIiB4Mj0iMS42JSIgeTE9IjEuNzUlIiB5Mj0iMS43NSUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzhlYjFmOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhhNjBmZiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iMTAzLjk4JSIgeDI9IjAlIiB5MT0iNTAlIiB5Mj0iNTAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2N2QwZmYiIHN0b3Atb3BhY2l0eT0iLjY0Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTNmZmIzIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSI5OC43NyUiIHgyPSItMzEuOTclIiB5MT0iNTAlIiB5Mj0iNTAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNhNjc3ZjkiIHN0b3Atb3BhY2l0eT0iLjY0Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTNjYmZmIi8+PC9saW5lYXJHcmFkaWVudD48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMTIgMTM4LjM4YzU1LjgyLTU1Ljk5IDk0Ljk0LTgzLjk4IDExNy4zNi04My45OCAzMy42MyAwIDExMC4wOSA3My4xIDE5My45MSA3My4xczE4MS43Ni03OS42IDIyNi4wNS03OS42IDEwNi4wOCA3OS42IDE1OS41NSA3OS42IDEzMy40NC01Mi4wNSAxNzIuMzUtNTIuMDVjMzYuODMgMCA1MC41NSA1Mi4wNCAxNjMuODUgNTIuMDRzMTk0LjcxLTExMi41NiAyMjYuOC0xMTIuNTZjMTUuMDcgMCA1My40OCA0MS4xNSAxMTUuMjMgMTIzLjQ1eiIgZmlsbD0idXJsKCNhKSIgb3BhY2l0eT0iLjI3Ii8+PHBhdGggZD0iTS4wMyAxMzguMjRjNjEuNDctMTUuNzggMTAxLjgtMjMuNjcgMTIwLjk2LTIzLjY3IDI4Ljc2IDAgMTkuNjQgMTMuMTYgMTM2LjU3IDEzLjE2czEzNi43LTQ0LjQ1IDE2MC42LTQ0LjQ1YzIwLjc5IDAgMjAuNzkgMzEuMjkgNjQuNTYgMzEuMjkgNDkuMDYgMCA4Ni42LTExMy40NCAxMjIuNjYtMTEzLjQ0IDQ1LjczIDAgNDUuNzMgOTkuMDcgODYuODUgOTkuMDcgMjcuMzggMCA4OC4xOS0zMS41OSAxNDYuMDMtMzEuNDMgNDUuNDYuMTIgODQuODMgMzkuNTQgMTExLjU2IDQ1LjggMjguMiA2LjYgOTYtNDUuOCAxMjEuMS00NS44IDE2Ljc1IDAgNTEuNDcgMjMuMTUgMTA0LjE2IDY5LjQ3eiIgZmlsbD0idXJsKCNiKSIgb3BhY2l0eT0iLjU1Ii8+PHBhdGggZD0iTTU1OC4yNCAxMzkuNGM0OS41OC0xNi4wNCA4Mi4xLTI0LjA2IDk3LjU3LTI0LjA2IDIzLjIgMCAxNS44MyAxMy4zOCAxMTAuMTUgMTMuMzhTODc2LjIgODMuNTYgODk1LjQ5IDgzLjU2YzE2Ljc3IDAgMTYuNzcgMzEuNzggNTIuMDcgMzEuNzhDOTg3LjEzIDExNS4zNCAxMDE3LjQuMSAxMDQ2LjUuMWMzNi44OCAwIDM2Ljg4IDEwMC42NiA3MC4wNSAxMDAuNjYgMjIuMDggMCA3MS4xMi0zMi4xIDExNy43OC0zMS45NCAzNi42Ny4xMiA2OC40MiA0MC4xOCA4OS45OCA0Ni41MyAyMi43NCA2LjcxIDc3LjQyLTQ2LjUzIDk3LjY4LTQ2LjUzIDEzLjUgMCA0MS41IDIzLjUzIDg0IDcwLjU5eiIgZmlsbD0idXJsKCNjKSIgb3BhY2l0eT0iLjU1Ii8+PC9nPjwvc3ZnPg==), url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIzNTIiIHdpZHRoPSIzNjA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjI2Ij48ZyBmaWxsLW9wYWNpdHk9Ii4xIj48cGF0aCBkPSJNMzIxOC4wMy0zNjZMMjQ5NCA1OTQuODNsNDg4LjY3IDM2OC4yM0wzNzA2LjcgMi4yNHoiIGZpbGw9IiM4ODUxYjAiIG9wYWNpdHk9Ii42MyIvPjxwYXRoIGQ9Ik02MjMgMTgxMC41M2wzNzcuNjIgMTg0LjE4IDE4MS43LTM3Mi41M0w4MDQuNjggMTQzOHpNMzIzMC41NSA0NTEuMmwyMTkuNTUtMTMxLjkzTDMzMTkuNTUgMTAyIDMxMDAgMjMzLjkyeiIgZmlsbD0iI2Q0YmZlZSIvPjwvZz48cGF0aCBkPSJNMjA3NS43NCAzNDMuMjVsMjkxLjYgMTM1Ljk4IDExMi42NC0yNDEuNTUtMjkxLjYtMTM1Ljk4eiIgZmlsbD0iIzg4NTFiMCIgZmlsbC1vcGFjaXR5PSIuMyIvPjxwYXRoIGQ9Ik0zMDYgMTA0Mi4xNUw1ODUuNiA4MzlsMjAzLjk3IDI4MC43My0yNzkuNiAyMDMuMTV6IiBmaWxsPSIjZWVlM2JmIiBmaWxsLW9wYWNpdHk9Ii4xIi8+PHBhdGggZD0iTS02OC43IDI0OTRsNjYwLjAyIDMyMS45MiAyNjguMDYtNTQ5LjYtNjYwLjAzLTMyMS45eiIgZmlsbD0iI2JmZWVlYyIgZmlsbC1vcGFjaXR5PSIuMSIvPjxwYXRoIGQ9Ik0xMzQuODQgMzc3LjI1bDQ0Ni4yOS0xNTMuNjctMTM2Ljc0LTM5Ny4xMkwtMS45LTE5Ljg3eiIgZmlsbD0iIzVkNzZlYSIgZmlsbC1vcGFjaXR5PSIuMSIvPjwvZz48L3N2Zz4=), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath fill='%239C92AC' fill-opacity='.3' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'/%3E%3C/svg%3E");
            background-position: top, bottom, 0, 50%;
            background-size: 100% 4px, 1080px auto, 990px 640px, 4px 4px;
            content: "";
            position: absolute;
            background-repeat: repeat-x, repeat-x, no-repeat, repeat;
            top: 0;
            left: 0;
            height: 100%;
            pointer-events: none;
            width: 100%;
            z-index: -1
        }

        .search-results {
            margin-top: 14px;
            border-top-width: 1px;
            border-color: var(--base-600);
            max-height: 437px
        }

        @media (min-width:48rem) {
            .search-results {
                margin-top: 0;
                border-style: none
            }
        }

        .row {
            padding-left: 1rem;
            padding-right: 1rem
        }

        @media (min-width:62rem) {
            .row {
                padding-left: 2rem;
                padding-right: 2rem
            }
        }

        .side-panel-offset {
            height: calc(100% - 6.5rem)
        }

        .side-panel-offset:before {
            content: "";
            background-color: var(--primary-100);
            position: absolute;
            width: 100vw;
            height: 100%;
            pointer-events: none;
            top: 0;
            left: -100vw
        }

        @media (min-width:62rem) {
            .aside-content {
                height: calc(100% - 6.5rem)
            }
        }

        .tl-wrapper {
            left: 0!important;
            position: relative!important
        }

        .grid>div:nth-last-child(-n+1):first-child,
        .grid>div:nth-last-child(-n+1):first-child~div {
            grid-column: 1/-1
        }

        .embedVideo-container {
            position: relative;
            overflow: hidden;
            padding-top: 56.25%
        }

        .embedVideo-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0
        }

        .docs .doc-heading {
            padding-top: 60px;
            margin-top: -60px;
            pointer-events: none
        }

        .docs .doc-heading span {
            pointer-events: auto
        }

        .docs .doc-heading-h3 {
            padding-top: 80px;
            margin-top: -80px
        }

        a {
            font-weight: 600;
            color: var(--tertiary-700);
            text-decoration: none;
            display: inline-block;
            transition: background-color 25ms ease-in, color 25ms ease-in
        }

        a:hover {
            color: var(--tertiary-800);
            text-decoration: underline
        }

        hr {
            background-color: var(--base-300);
            height: .25rem;
            margin: 2rem 0;
            padding: 0
        }

        strong {
            font-weight: 600
        }

        blockquote {
            padding: .75rem 1rem;
            border-left-width: 4px;
            border-color: var(--tertiary-600);
            margin-bottom: 1.5rem;
            font-style: italic
        }

        blockquote p:last-child {
            margin-bottom: 0
        }

        blockquote,
        dl,
        ol,
        p,
        table,
        ul {
            font-weight: 500;
            line-height: 1.75;
            margin-bottom: 1rem;
            font-size: 1rem;
            color: var(--base-700)
        }

        dl,
        ol,
        ul {
            margin-top: 1.5rem;
            margin-bottom: 1.75rem
        }

        dl p,
        ol p,
        ul p {
            margin-bottom: .5rem
        }

        dl .gatsby-resp-image-link,
        ol .gatsby-resp-image-link,
        ul .gatsby-resp-image-link {
            margin-top: 1.25rem;
            margin-bottom: 1.5rem
        }

        dl li p+ul,
        ol li p+ul,
        ul li p+ul {
            margin-top: 0
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: var(--base-800);
            font-weight: 500
        }

        p+h3 {
            margin-top: 1.5rem
        }

        .h2-wrapper+h3 {
            margin-top: 2rem
        }

        h3+.table-container,
        h3+dl,
        h3+ol,
        h3+ul {
            margin-top: 1rem
        }

        h4+.table-container,
        h4+dl,
        h4+ol,
        h4+ul {
            margin-top: .75rem
        }

        h5+.table-container,
        h5+dl,
        h5+ol,
        h5+ul {
            margin-top: .5rem
        }

        h6+.table-container,
        h6+dl,
        h6+ol,
        h6+ul {
            margin-top: .5rem
        }

        ol {
            counter-reset: listitem;
            padding-left: 0
        }

        ol li {
            margin-left: 0;
            list-style: none;
            position: relative;
            padding: 0 0 0 2rem
        }

        ol li:before {
            counter-increment: listitem;
            content: counter(listitem);
            background: #939da3;
            color: var(--base-100);
            background-color: var(--base-500);
            font-size: .75rem;
            font-weight: 600;
            border-radius: 624.9375rem;
            position: absolute;
            left: 0;
            text-align: center;
            padding: .0625rem .4375rem;
            top: 3px
        }

        .docs ul {
            counter-reset: listitem;
            padding-left: 0
        }

        .docs ul li>p {
            position: relative;
            top: -2px
        }

        .docs ul li {
            list-style: none;
            position: relative;
            padding: 0 0 0 1rem
        }

        .docs ul li:before {
            content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 24 24" fill="none"  stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-circle"><circle cx="12" cy="12" r="10"></circle></svg>');
            padding: .125rem;
            top: 10px;
            color: var(--base-100);
            background-color: var(--base-400);
            font-weight: 600;
            border-radius: 624.9375rem;
            position: absolute;
            left: 0;
            text-align: center;
            font-size: 0
        }

        dl {
            counter-reset: listitem
        }

        .docs .list-reset li {
            padding-left: 0
        }

        .docs .list-reset li:before {
            display: none
        }

        li {
            line-height: 1.5;
            margin-bottom: .75rem
        }

        h1 {
            font-size: 2.0625rem
        }

        h1,
        h2 {
            font-weight: 600
        }

        h2 {
            margin-bottom: 1rem;
            font-size: 1.6875rem
        }

        h2 span {
            border-top-width: 1px;
            border-color: var(--base-400);
            width: 100%;
            display: block;
            margin-top: 1.75rem;
            padding-top: 2.5rem
        }

        .h2-wrapper:first-of-type .doc-heading {
            padding-top: 100px;
            margin-top: -100px
        }

        .h2-wrapper:first-of-type span {
            border-style: none;
            padding-top: 0;
            margin-top: 0
        }

        *+.h2-wrapper:first-of-type .doc-heading {
            padding-top: 60px;
            margin-top: -60px
        }

        *+.h2-wrapper:first-of-type h2 span {
            border-color: var(--base-400);
            border-top: 1px var(--base-400);
            border-style: solid;
            width: 100%;
            display: block;
            margin-top: 1.75rem;
            padding-top: 2.5rem
        }

        h3 {
            font-size: 1.3125rem
        }

        h3,
        h4 {
            margin-bottom: .5rem;
            font-weight: 600
        }

        h4 {
            font-size: 1.125rem
        }

        h5 {
            font-size: 1rem
        }

        h5,
        h6 {
            margin-bottom: .25rem;
            font-weight: 600
        }

        h6 {
            font-size: .875rem
        }

        table {
            margin-bottom: 1.5rem
        }

        pre {
            white-space: pre-wrap;
            background-color: var(--base-200);
            border-color: var(--base-300);
            display: block
        }

        .callout h1,
        .callout h2,
        .callout h3,
        .callout h4,
        .callout h5,
        .callout h6 {
            color: inherit;
            font-weight: 600
        }

        .callout ul {
            margin-top: .75rem
        }

        .callout ul li:before {
            top: 7px!important;
            background-color: var(--base-900)!important;
            opacity: .25!important
        }

        .callout ol>li:before {
            top: 0!important
        }

        .callout *+ul {
            padding-top: .5rem
        }

        .callout ul+* {
            padding-top: .5rem
        }

        .callout code,
        .callout dl,
        .callout ol,
        .callout p,
        .callout pre,
        .callout ul {
            font-size: .8125rem;
            font-weight: 600;
            margin-bottom: .25rem;
            color: inherit
        }

        .callout p:last-child {
            margin: 0
        }

        .callout strong {
            font-weight: 700
        }

        table {
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 0
        }

        tr:nth-child(2n) td {
            background-color: var(--tertiary-100)
        }

        td,
        th {
            font-weight: 600;
            border-bottom-width: 1px;
            border-color: var(--base-300)
        }

        td,
        td code,
        th,
        th code {
            padding: .5rem;
            font-size: .75rem
        }

        td code,
        th code {
            font-weight: 500;
            font-size: .6875rem
        }

        td {
            box-shadow: inset -1px 0 0 0 var(--base-300);
            background-color: var(--base-100)
        }

        th {
            background-color: var(--tertiary-200)
        }

        td:last-child,
        th:last-child {
            box-shadow: none
        }

        th {
            box-shadow: inset -1px 0 0 0 var(--base-300)
        }

        tr td:first-child,
        tr th:first-child {
            position: -webkit-sticky;
            position: sticky;
            left: 0;
            z-index: 10
        }

        @media screen {
            .theme-dark .sr-logo {
                -webkit-filter: brightness(7);
                filter: brightness(7)
            }
            .theme-dark .masthead {
                background-color: var(--base-200)
            }
        }

        [data-state=navigation] {
            top: 0;
            left: 0;
            transition: -webkit-transform .25s ease-in;
            transition: transform .25s ease-in;
            transition: transform .25s ease-in, -webkit-transform .25s ease-in;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

        [data-state=navigation-open] {
            transition: -webkit-transform .25s ease-in;
            transition: transform .25s ease-in;
            transition: transform .25s ease-in, -webkit-transform .25s ease-in;
            top: 0;
            left: 0;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        [data-state=fade-content-true]:before {
            content: "";
            transition: opacity .25s ease-in;
            position: fixed;
            width: 100vw;
            height: 100%;
            background-color: #30384f;
            opacity: .75;
            left: 0;
            top: 0;
            display: block;
            z-index: 1
        }

        [data-state=fade-content]:before {
            content: "";
            transition: opacity .25s ease-in;
            position: fixed;
            width: 100vw;
            height: 100%;
            background-color: #30384f;
            opacity: 0;
            left: 0;
            top: 0;
            pointer-events: none;
            display: block;
            z-index: 1
        }

        @media (min-width:48rem) {
            [data-state=navigation] {
                -webkit-transform: none;
                transform: none
            }
            [data-state=navigation-open] {
                -webkit-transform: none;
                transform: none
            }
            [data-state=fade-content]:before {
                display: none;
                pointer-events: none
            }
            [data-state=fade-content-true]:before {
                display: none;
                pointer-events: none
            }
        }

        .left-navigation [data-state=section]~ul {
            display: none;
            overflow: hidden
        }

        .left-navigation>li:first-child {
            border-top-width: 1px;
            border-color: var(--primary-300)
        }

        .left-navigation>li a:focus:after,
        .left-navigation>li a:focus:before,
        .left-navigation>li a:hover:after,
        .left-navigation>li a:hover:before {
            content: "";
            position: absolute;
            height: .0625rem;
            width: 100%;
            left: 0
        }

        .left-navigation>li a:focus:before,
        .left-navigation>li a:hover:before {
            top: -1px
        }

        .left-navigation>li a:focus:after,
        .left-navigation>li a:hover:after {
            bottom: -1px
        }

        .left-navigation svg {
            position: relative;
            top: 1px
        }

        .left-navigation>li a.section-active:after,
        .left-navigation>li a.section-active:before {
            content: "";
            top: 0;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            pointer-events: none
        }

        .left-navigation>li a.section-active:before {
            box-shadow: 0 1px 0 0 var(--primary-400), 0 -1px 0 0 var(--primary-400), inset 1px 0 0 0 var(--primary-400)
        }

        .left-navigation>li a.section-active:after {
            background: var(--primary-200);
            z-index: -1
        }

        .left-navigation li a.child-active {
            border-left: 1px solid var(--secondary-300)!important;
            border-bottom: 1px solid transparent!important
        }

        .left-navigation li a.child-active:after,
        .left-navigation li a.child-active:before {
            content: "";
            top: 0;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            pointer-events: none
        }

        .left-navigation li a.child-active:before {
            box-shadow: 0 1px 0 0 var(--secondary-300), 0 -1px 0 0 var(--secondary-300), inset 6px 0 0 0 var(--secondary-300)
        }

        .left-navigation li [data-state=section-open] {
            background-color: var(--primary-100);
            display: flex;
            z-index: 10;
            position: -webkit-sticky;
            position: sticky;
            top: 0
        }

        .left-navigation li [data-state=section-open] a {
            box-shadow: 0 1px 0 0 var(--primary-300)
        }

        .left-navigation li [data-state=section-open] button {
            box-shadow: 0 1px 0 0 var(--primary-300);
            color: var(--primary-700)
        }

        .left-navigation li [data-state=section-open] button svg {
            -webkit-transform: scaleY(-1);
            transform: scaleY(-1)
        }

        .left-navigation [data-state=section-open]~ul {
            display: block
        }

        .gatsby-resp-image-wrapper {
            max-width: 100%!important;
            border-radius: .125rem!important;
            margin-top: 1.25rem!important;
            margin-bottom: 1.5rem!important;
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .14)!important
        }

        .gatsby-resp-image-figcaption {
            background-color: var(--base-100);
            border-width: 1px;
            border-color: var(--base-300);
            font-weight: 600;
            padding: .5rem;
            position: relative;
            border-bottom-right-radius: .125rem;
            border-bottom-left-radius: .125rem;
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .14);
            text-align: center;
            font-size: .6875rem
        }

        @media (min-width:62rem) {
            .gatsby-resp-image-image {
                border-radius: .25rem;
                -webkit-transform: scale(1);
                transform: scale(1);
                transition: -webkit-transform .35s ease;
                transition: transform .35s ease;
                transition: transform .35s ease, -webkit-transform .35s ease;
                z-index: 4;
                -webkit-transform-origin: left top;
                transform-origin: left top;
                cursor: zoom-in;
                max-height: 444px;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: left top;
                object-position: left top
            }
            .gatsby-resp-image-image:hover {
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
                z-index: 9;
                transition: -webkit-transform .35s ease;
                transition: transform .35s ease;
                transition: transform .35s ease, -webkit-transform .35s ease;
                box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .04), 0 2px 4px 0 rgba(0, 0, 0, .17)!important
            }
        }

        .gatsby-resp-image-background-image {
            display: block!important;
            pointer-events: none;
            background-size: cover!important;
            background-image: none!important
        }

        @media (min-width:62rem) {
            .gatsby-resp-image-background-image:before {
                content: "+";
                position: absolute;
                width: 3.75rem;
                background: rgba(98, 102, 122, .85);
                z-index: 6;
                text-align: center;
                font-size: 1.5625rem;
                top: 0;
                color: #fff;
                right: 0;
                border-radius: 0 0 0 .25rem
            }
        }

        .gatsby-resp-image-figure {
            margin: 0
        }

        .gatsby-resp-image-figure .gatsby-resp-image-wrapper {
            margin: 0!important
        }

        .inline-image .gatsby-resp-image-wrapper {
            display: flex!important;
            margin-bottom: 1rem!important
        }

        .inline-image .gatsby-resp-image-wrapper:after,
        .inline-image .gatsby-resp-image-wrapper:before {
            display: none
        }

        .inline-image .gatsby-resp-image-background-image:before {
            display: none
        }

        .inline-image .gatsby-resp-image-image {
            -webkit-transform: none;
            transform: none;
            cursor: default
        }

        .inline-image .gatsby-resp-image-link {
            pointer-events: none!important;
            display: inline!important
        }

        .inline-image .md-figure {
            width: 1em
        }

        .inline-image .md-figure figcaption {
            display: none
        }

        @media (min-width:62rem) {
            .inline-image .gatsby-resp-image-wrapper,
            .inline-image .md-figure {
                display: inline-block!important;
                margin: 0!important
            }
        }

        .inline-image .gatsby-resp-image-wrapper,
        .inline-image .md-figure {
            box-shadow: none!important;
            border-style: none!important
        }

        .inline-image .gatsby-resp-image-wrapper .gatsby-resp-image-image,
        .inline-image .md-figure .gatsby-resp-image-image {
            padding: 0!important;
            box-shadow: none!important
        }

        .inline-image.inline-container-true .md-figure img {
            padding: .75rem;
            display: block;
            height: 100%;
            width: 100%
        }

        .inline-image.inline-container-true .gatsby-resp-image-wrapper,
        .inline-image.inline-container-true .md-figure {
            border-color: var(--base-200)!important;
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .14)!important;
            border-radius: .5rem!important;
            border: 2px solid var(--base-300)!important
        }

        .inline-image.inline-container-true .gatsby-resp-image-image {
            padding: .75rem!important
        }

        @media (min-width:48rem) {
            .inline-image.inline-align-left .gatsby-resp-image-wrapper,
            .inline-image.inline-align-left .md-figure {
                float: left!important;
                margin-right: 1.5rem!important
            }
        }

        @media (min-width:48rem) {
            .inline-image.inline-align-right .gatsby-resp-image-wrapper,
            .inline-image.inline-align-right .md-figure {
                float: right!important;
                margin-left: 1.5rem!important
            }
        }

        .inline-image.inline-align-left,
        .inline-image.inline-align-right {
            margin-bottom: 1.5rem
        }

        .inline-image.inline-align-left h3,
        .inline-image.inline-align-left h4,
        .inline-image.inline-align-left h5,
        .inline-image.inline-align-left h6,
        .inline-image.inline-align-right h3,
        .inline-image.inline-align-right h4,
        .inline-image.inline-align-right h5,
        .inline-image.inline-align-right h6 {
            padding-bottom: .5rem;
            margin-bottom: .5rem;
            margin-top: 2rem
        }

        .inline-image.inline-align-left:after,
        .inline-image.inline-align-right:after {
            content: "";
            display: table;
            clear: both
        }

        .inline-image.inline-size-4 .gatsby-resp-image-wrapper,
        .inline-image.inline-size-4 .md-figure {
            width: 1rem
        }

        .inline-image.inline-size-8 .gatsby-resp-image-wrapper,
        .inline-image.inline-size-8 .md-figure {
            width: 2rem
        }

        .inline-image.inline-size-12 .gatsby-resp-image-wrapper,
        .inline-image.inline-size-12 .md-figure {
            width: 3rem
        }

        .inline-image.inline-size-16 .gatsby-resp-image-wrapper,
        .inline-image.inline-size-16 .md-figure {
            width: 4rem
        }

        .inline-image.inline-size-20 .gatsby-resp-image-wrapper,
        .inline-image.inline-size-20 .md-figure {
            width: 4.5rem
        }

        .inline-image.inline-size-24 .gatsby-resp-image-wrapper,
        .inline-image.inline-size-24 .md-figure {
            width: 6rem
        }

        .inline-image.inline-size-32 .gatsby-resp-image-wrapper,
        .inline-image.inline-size-32 .md-figure {
            width: 8rem
        }

        .inline-image.inline-size-48 .gatsby-resp-image-wrapper,
        .inline-image.inline-size-48 .md-figure {
            width: 12rem
        }

        .inline-image.inline-size-64 .gatsby-resp-image-wrapper,
        .inline-image.inline-size-64 .md-figure {
            width: 16rem
        }

        .gatsby-resp-image-wrapper {
            position: relative
        }

        @media (min-width:62rem) {
            .gatsby-resp-image-wrapper {
                max-height: 444px
            }
            .gatsby-resp-image-wrapper:before {
                background: transparent;
                position: absolute;
                content: "";
                height: 100%;
                z-index: 5;
                left: -60px;
                text-align: right;
                width: 100%
            }
            .gatsby-resp-image-wrapper:after {
                width: 100%;
                height: calc(100% - 2.6875rem);
                content: "";
                background-color: transparent;
                top: 43px;
                left: 0;
                z-index: 5;
                position: absolute
            }
            .gatsby-resp-image-wrapper:hover:after {
                transition: all .25s ease;
                opacity: .7
            }
        }

        .theme-dark .gatsby-resp-image-background-image {
            pointer-events: auto;
            z-index: 1
        }

        @media (min-width:62rem) {
            .theme-dark .gatsby-resp-image-background-image {
                pointer-events: none;
                z-index: unset
            }
        }

        .theme-dark .gatsby-resp-image-background-image:after {
            content: "";
            transition: background-color .35s ease, opacity .35s ease, -webkit-transform .35s ease;
            transition: background-color .35s ease, opacity .35s ease, transform .35s ease;
            transition: background-color .35s ease, opacity .35s ease, transform .35s ease, -webkit-transform .35s ease;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: left top;
            transform-origin: left top;
            position: absolute;
            background-color: var(--primary-200);
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: .5;
            pointer-events: none;
            z-index: 5
        }

        @media (min-width:62rem) {
            .theme-dark .gatsby-resp-image-background-image:after {
                max-height: 444px
            }
        }

        .theme-dark .gatsby-resp-image-background-image:hover:after {
            transition: opacity .35s ease, -webkit-transform .35s ease;
            transition: opacity .35s ease, transform .35s ease;
            transition: opacity .35s ease, transform .35s ease, -webkit-transform .35s ease;
            z-index: 10
        }

        @media (min-width:62rem) {
            .theme-dark .gatsby-resp-image-background-image:hover:after {
                -webkit-transform: scale(1.3);
                transform: scale(1.3)
            }
        }

        .theme-dark .gatsby-resp-image-background-image:hover:after {
            opacity: 0
        }

        .theme-dark .inline-image .gatsby-resp-image-background-image:after {
            display: none
        }

        .list-reset {
            list-style: none;
            padding: 0
        }

        .bg-dark {
            background-color: #30384f
        }

        .bg-base-100 {
            background-color: var(--base-100)
        }

        .bg-base-200 {
            background-color: var(--base-200)
        }

        .bg-base-700 {
            background-color: var(--base-700)
        }

        .bg-primary-100 {
            background-color: var(--primary-100)
        }

        .bg-primary-200 {
            background-color: var(--primary-200)
        }

        .bg-primary-600 {
            background-color: var(--primary-600)
        }

        .bg-primary-700 {
            background-color: var(--primary-700)
        }

        .bg-secondary-100 {
            background-color: var(--secondary-100)
        }

        .bg-secondary-200 {
            background-color: var(--secondary-200)
        }

        .bg-tertiary-200 {
            background-color: var(--tertiary-200)
        }

        .bg-tertiary-300 {
            background-color: var(--tertiary-300)
        }

        .bg-tertiary-700 {
            background-color: var(--tertiary-700)
        }

        .bg-accent-100 {
            background-color: var(--accent-100)
        }

        .bg-success-200 {
            background-color: var(--success-200)
        }

        .bg-warning-200 {
            background-color: var(--warning-200)
        }

        .bg-alert-200 {
            background-color: var(--alert-200)
        }

        .bg-alert-600 {
            background-color: var(--alert-600)
        }

        .hover\:bg-base-200:hover {
            background-color: var(--base-200)
        }

        .hover\:bg-primary-800:hover {
            background-color: var(--primary-800)
        }

        .hover\:bg-secondary-100:hover {
            background-color: var(--secondary-100)
        }

        .hover\:bg-tertiary-800:hover {
            background-color: var(--tertiary-800)
        }

        .hover\:bg-accent-200:hover {
            background-color: var(--accent-200)
        }

        .hover\:bg-warning-300:hover {
            background-color: var(--warning-300)
        }

        .focus\:bg-secondary-200:focus {
            background-color: var(--secondary-200)
        }

        .focus\:bg-tertiary-800:focus {
            background-color: var(--tertiary-800)
        }

        .border-base-300 {
            border-color: var(--base-300)
        }

        .border-base-400 {
            border-color: var(--base-400)
        }

        .border-primary-200 {
            border-color: var(--primary-200)
        }

        .border-primary-300 {
            border-color: var(--primary-300)
        }

        .border-primary-400 {
            border-color: var(--primary-400)
        }

        .border-primary-500 {
            border-color: var(--primary-500)
        }

        .border-primary-600 {
            border-color: var(--primary-600)
        }

        .border-secondary-200 {
            border-color: var(--secondary-200)
        }

        .border-secondary-300 {
            border-color: var(--secondary-300)
        }

        .border-secondary-400 {
            border-color: var(--secondary-400)
        }

        .border-tertiary-300 {
            border-color: var(--tertiary-300)
        }

        .border-tertiary-400 {
            border-color: var(--tertiary-400)
        }

        .border-accent-300 {
            border-color: var(--accent-300)
        }

        .border-accent-400 {
            border-color: var(--accent-400)
        }

        .border-success-300 {
            border-color: var(--success-300)
        }

        .border-success-400 {
            border-color: var(--success-400)
        }

        .border-success-500 {
            border-color: var(--success-500)
        }

        .border-warning-300 {
            border-color: var(--warning-300)
        }

        .border-warning-400 {
            border-color: var(--warning-400)
        }

        .border-alert-300 {
            border-color: var(--alert-300)
        }

        .before\:border-white:before {
            border-color: #fff
        }

        .hover\:border-base-400:hover {
            border-color: var(--base-400)
        }

        .hover\:border-base-500:hover {
            border-color: var(--base-500)
        }

        .hover\:border-primary-500:hover {
            border-color: var(--primary-500)
        }

        .hover\:border-primary-600:hover {
            border-color: var(--primary-600)
        }

        .hover\:border-secondary-500:hover {
            border-color: var(--secondary-500)
        }

        .hover\:border-tertiary-500:hover {
            border-color: var(--tertiary-500)
        }

        .hover\:border-accent-500:hover {
            border-color: var(--accent-500)
        }

        .hover\:border-success-500:hover {
            border-color: var(--success-500)
        }

        .hover\:border-warning-500:hover {
            border-color: var(--warning-500)
        }

        .focus\:border-secondary-500:focus {
            border-color: var(--secondary-500)
        }

        .rounded-sm {
            border-radius: .125rem
        }

        .rounded {
            border-radius: .25rem
        }

        .rounded-lg {
            border-radius: .5rem
        }

        .rounded-full {
            border-radius: 624.9375rem
        }

        .rounded-l-sm {
            border-top-left-radius: .125rem;
            border-bottom-left-radius: .125rem
        }

        .rounded-b {
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: .25rem
        }

        .rounded-br-lg {
            border-bottom-right-radius: .5rem
        }

        .before\:rounded-full:before {
            border-radius: 624.9375rem
        }

        .border-solid {
            border-style: solid
        }

        .border-2 {
            border-width: 2px
        }

        .border-3 {
            border-width: 3px
        }

        .border {
            border-width: 1px
        }

        .border-r-0 {
            border-right-width: 0
        }

        .border-r-2 {
            border-right-width: 2px
        }

        .border-t {
            border-top-width: 1px
        }

        .border-r {
            border-right-width: 1px
        }

        .border-b {
            border-bottom-width: 1px
        }

        .border-l {
            border-left-width: 1px
        }

        .before\:border:before {
            border-width: 1px
        }

        .block {
            display: block
        }

        .inline-block {
            display: inline-block
        }

        .inline {
            display: inline
        }

        .table {
            display: table
        }

        .hidden {
            display: none
        }

        .before\:block:before {
            display: block
        }

        .before\:hidden:before {
            display: none
        }

        .flex {
            display: flex
        }

        .inline-flex {
            display: inline-flex
        }

        .flex-col {
            flex-direction: column
        }

        .flex-wrap {
            flex-wrap: wrap
        }

        .items-end {
            align-items: flex-end
        }

        .items-center {
            align-items: center
        }

        .self-center {
            align-self: center
        }

        .justify-center {
            justify-content: center
        }

        .justify-between {
            justify-content: space-between
        }

        .flex-no-grow {
            flex-grow: 0
        }

        .flex-no-shrink {
            flex-shrink: 0
        }

        .font-sans {
            font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
        }

        .font-500 {
            font-weight: 500
        }

        .font-600 {
            font-weight: 600
        }

        .font-700 {
            font-weight: 700
        }

        .font-800 {
            font-weight: 800
        }

        .h-9 {
            height: 2.25rem
        }

        .h-10 {
            height: 2.5rem
        }

        .h-12 {
            height: 3rem
        }

        .h-14 {
            height: 3.5rem
        }

        .h-16 {
            height: 4rem
        }

        .h-20 {
            height: 4.5rem
        }

        .h-full {
            height: 100%
        }

        .before\:h-full:before {
            height: 100%
        }

        .leading-none {
            line-height: 1
        }

        .leading-tight {
            line-height: 1.25
        }

        .leading-normal {
            line-height: 1.5
        }

        .leading-relaxed {
            line-height: 1.75
        }

        .leading-loose {
            line-height: 2
        }

        .m-0 {
            margin: 0
        }

        .m-1 {
            margin: .25rem
        }

        .mx-1 {
            margin-left: .25rem;
            margin-right: .25rem
        }

        .my-4 {
            margin-top: 1rem;
            margin-bottom: 1rem
        }

        .mt-0 {
            margin-top: 0
        }

        .mb-0 {
            margin-bottom: 0
        }

        .mr-1 {
            margin-right: .25rem
        }

        .mb-1 {
            margin-bottom: .25rem
        }

        .ml-1 {
            margin-left: .25rem
        }

        .mb-2 {
            margin-bottom: .5rem
        }

        .ml-2 {
            margin-left: .5rem
        }

        .mt-3 {
            margin-top: .75rem
        }

        .mr-3 {
            margin-right: .75rem
        }

        .mb-3 {
            margin-bottom: .75rem
        }

        .mt-4 {
            margin-top: 1rem
        }

        .mr-4 {
            margin-right: 1rem
        }

        .mb-4 {
            margin-bottom: 1rem
        }

        .mb-5 {
            margin-bottom: 1.25rem
        }

        .mr-6 {
            margin-right: 1.5rem
        }

        .mb-6 {
            margin-bottom: 1.5rem
        }

        .mt-8 {
            margin-top: 2rem
        }

        .mb-8 {
            margin-bottom: 2rem
        }

        .mt-10 {
            margin-top: 2.5rem
        }

        .mt-12 {
            margin-top: 3rem
        }

        .mb-12 {
            margin-bottom: 3rem
        }

        .mt-16 {
            margin-top: 4rem
        }

        .mb-auto {
            margin-bottom: auto
        }

        .min-h-0 {
            min-height: 0
        }

        .min-h-14 {
            min-height: 3.25rem
        }

        .min-h-full {
            min-height: 100%
        }

        .min-w-0 {
            min-width: 0
        }

        .min-w-full {
            min-width: 100%
        }

        .-mr-1 {
            margin-right: -.25rem
        }

        .-ml-4 {
            margin-left: -1rem
        }

        .opacity-75 {
            opacity: .75
        }

        .opacity-90 {
            opacity: .9
        }

        .before\:opacity-50:before {
            opacity: .5
        }

        .outline-none {
            outline: 0
        }

        .focus\:outline-none:focus {
            outline: 0
        }

        .overflow-auto {
            overflow: auto
        }

        .overflow-x-auto {
            overflow-x: auto
        }

        .overflow-x-hidden {
            overflow-x: hidden
        }

        .p-2 {
            padding: .5rem
        }

        .p-3 {
            padding: .75rem
        }

        .p-4 {
            padding: 1rem
        }

        .p-5 {
            padding: 1.25rem
        }

        .p-8 {
            padding: 2rem;
        }

        .py-1 {
            padding-top: .25rem;
            padding-bottom: .25rem
        }

        .px-1 {
            padding-left: .25rem;
            padding-right: .25rem
        }

        .py-2 {
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .px-2 {
            padding-left: .5rem;
            padding-right: .5rem
        }

        .px-3 {
            padding-left: .75rem;
            padding-right: .75rem
        }

        .py-4 {
            padding-top: 1rem;
            padding-bottom: 1rem
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .py-18 {
            padding-top: 4.25rem;
            padding-bottom: 4.25rem
        }

        .py-32 {
            padding-top: 8rem;
            padding-bottom: 8rem
        }

        .pt-2 {
            padding-top: .5rem
        }

        .pr-2 {
            padding-right: .5rem
        }

        .pl-2 {
            padding-left: .5rem
        }

        .pt-3 {
            padding-top: .75rem
        }

        .pb-3 {
            padding-bottom: .75rem
        }

        .pt-4 {
            padding-top: 1rem
        }

        .pr-4 {
            padding-right: 1rem
        }

        .pb-4 {
            padding-bottom: 1rem
        }

        .pl-4 {
            padding-left: 1rem
        }

        .pb-6 {
            padding-bottom: 1.5rem
        }

        .pl-7 {
            padding-left: 1.75rem
        }

        .pt-8 {
            padding-top: 2rem
        }

        .pt-10 {
            padding-top: 2.5rem
        }

        .pointer-events-none {
            pointer-events: none
        }

        .before\:pointer-events-none:before {
            pointer-events: none
        }

        .static {
            position: static
        }

        .fixed {
            position: fixed
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .sticky {
            position: -webkit-sticky;
            position: sticky
        }

        .pin-t {
            top: 0
        }

        .pin-r {
            right: 0
        }

        .pin-b {
            bottom: 0
        }

        .pin-l {
            left: 0
        }

        .before\:absolute:before {
            position: absolute
        }

        .shadow {
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .14)
        }

        .shadow-lg,
        .shadow-md {
            box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .04), 0 2px 4px 0 rgba(0, 0, 0, .17)
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .text-transparent {
            color: transparent
        }

        .text-white {
            color: #fff
        }

        .text-base-100 {
            color: var(--base-100)
        }

        .text-base-500 {
            color: var(--base-500)
        }

        .text-base-600 {
            color: var(--base-600)
        }

        .text-base-700 {
            color: var(--base-700)
        }

        .text-primary-100 {
            color: var(--primary-100)
        }

        .text-primary-200 {
            color: var(--primary-200)
        }

        .text-primary-700 {
            color: var(--primary-700)
        }

        .text-primary-800 {
            color: var(--primary-800)
        }

        .text-secondary-700 {
            color: var(--secondary-700)
        }

        .text-secondary-800 {
            color: var(--secondary-800)
        }

        .text-tertiary-700 {
            color: var(--tertiary-700)
        }

        .text-tertiary-800 {
            color: var(--tertiary-800)
        }

        .text-accent-800 {
            color: var(--accent-800)
        }

        .text-success-700 {
            color: var(--success-700)
        }

        .text-success-800 {
            color: var(--success-800)
        }

        .text-warning-700 {
            color: var(--warning-700)
        }

        .text-warning-800 {
            color: var(--warning-800)
        }

        .text-alert-700 {
            color: var(--alert-700)
        }

        .text-alert-800 {
            color: var(--alert-800)
        }

        .hover\:text-base-100:hover {
            color: var(--base-100)
        }

        .hover\:text-base-600:hover {
            color: var(--base-600)
        }

        .hover\:text-base-700:hover {
            color: var(--base-700)
        }

        .hover\:text-base-900:hover {
            color: var(--base-900)
        }

        .hover\:text-primary-100:hover {
            color: var(--primary-100)
        }

        .hover\:text-primary-700:hover {
            color: var(--primary-700)
        }

        .hover\:text-primary-800:hover {
            color: var(--primary-800)
        }

        .hover\:text-secondary-800:hover {
            color: var(--secondary-800)
        }

        .hover\:text-secondary-900:hover {
            color: var(--secondary-900)
        }

        .hover\:text-tertiary-700:hover {
            color: var(--tertiary-700)
        }

        .hover\:text-tertiary-900:hover {
            color: var(--tertiary-900)
        }

        .hover\:text-accent-700:hover {
            color: var(--accent-700)
        }

        .hover\:text-accent-900:hover {
            color: var(--accent-900)
        }

        .hover\:text-success-700:hover {
            color: var(--success-700)
        }

        .hover\:text-warning-700:hover {
            color: var(--warning-700)
        }

        .hover\:text-warning-900:hover {
            color: var(--warning-900)
        }

        .focus\:text-base-100:focus {
            color: var(--base-100)
        }

        .focus\:text-base-900:focus {
            color: var(--base-900)
        }

        .focus\:text-secondary-800:focus {
            color: var(--secondary-800)
        }

        .focus\:text-secondary-900:focus {
            color: var(--secondary-900)
        }

        .focus\:text-tertiary-900:focus {
            color: var(--tertiary-900)
        }

        .text-sm {
            font-size: .6875rem
        }

        .text-base {
            font-size: .75rem
        }

        .text-lg {
            font-size: .8125rem
        }

        .text-xl {
            font-size: .875rem
        }

        .text-2xl {
            font-size: 1rem
        }

        .text-3xl {
            font-size: 1.125rem
        }

        .text-4xl {
            font-size: 1.3125rem
        }

        .text-7xl {
            font-size: 1.875rem
        }

        .uppercase {
            text-transform: uppercase
        }

        .no-underline {
            text-decoration: none
        }

        .hover\:no-underline:hover {
            text-decoration: none
        }

        .tracking-wide {
            letter-spacing: .03125rem
        }

        .select-none {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .visible {
            visibility: visible
        }

        .truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .w-12 {
            width: 3rem
        }

        .w-14 {
            width: 3.5rem
        }

        .w-20 {
            width: 4.5rem
        }

        .w-24 {
            width: 6rem
        }

        .w-1\/2 {
            width: 50%
        }

        .w-1\/3 {
            width: 33.33333%
        }

        .w-3\/4 {
            width: 75%
        }

        .w-full {
            width: 100%
        }

        .before\:w-full:before {
            width: 100%
        }

        .z-0 {
            z-index: 0
        }

        .z-1 {
            z-index: 1
        }

        .z-10 {
            z-index: 10
        }

        .z-20 {
            z-index: 20
        }

        .z-30 {
            z-index: 30
        }

        .bg-gradient-diagonal {
            background-image: linear-gradient(to bottom right, var(--start, purple), var(--end, #00f))
        }

        .row {
            max-width: 81.25rem;
            width: 100%;
            display: flex;
            margin-left: auto;
            margin-right: auto
        }

        .grid {
            display: grid
        }

        .grid-gap-4 {
            grid-gap: 1rem
        }

        .grid-gap-5 {
            grid-gap: 1.25rem
        }

        .grid-columns-1 {
            grid-template-columns: repeat(1, minmax(var(--min-tile-width, 180px), 1fr));
            grid-auto-rows: minmax(var(--min-tile-height, 180px), auto)
        }

        @media (min-width:48rem) {
            .md\:border-t-0 {
                border-top-width: 0
            }
            .md\:border-r {
                border-right-width: 1px
            }
            .md\:border-b {
                border-bottom-width: 1px
            }
            .md\:border-l {
                border-left-width: 1px
            }
            .md\:block {
                display: block
            }
            .md\:hidden {
                display: none
            }
            .md\:mx-3 {
                margin-left: .75rem;
                margin-right: .75rem
            }
            .md\:mt-0 {
                margin-top: 0
            }
            .md\:mb-16 {
                margin-bottom: 4rem
            }
            .md\:max-w-64 {
                max-width: 16rem
            }
            .md\:min-w-64 {
                min-width: 16rem
            }
            .md\:-mt-32 {
                margin-top: -8rem
            }
            .md\:py-4 {
                padding-top: 1rem;
                padding-bottom: 1rem
            }
            .md\:py-6 {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem
            }
            .md\:py-8 {
                padding-top: 2rem;
                padding-bottom: 2rem
            }
            .md\:pr-1 {
                padding-right: .25rem
            }
            .md\:pl-4 {
                padding-left: 1rem
            }
            .md\:pl-5 {
                padding-left: 1.25rem
            }
            .md\:absolute {
                position: absolute
            }
            .md\:relative {
                position: relative
            }
            .md\:text-2xl {
                font-size: 1rem
            }
            .md\:text-5xl {
                font-size: 1.5rem
            }
            .md\:text-6xl {
                font-size: 1.6875rem
            }
            .md\:text-9xl {
                font-size: 2.75rem
            }
            .md\:w-auto {
                width: auto
            }
            .md\:w-1\/2 {
                width: 50%
            }
            .md\:grid-dense {
                grid-auto-flow: dense
            }
            .md\:grid-auto-fill {
                grid-template-columns: repeat(auto-fill, minmax(var(--min-tile-width, 180px), 1fr))
            }
            .md\:grid-auto-fill,
            .md\:grid-columns-2 {
                grid-auto-rows: minmax(var(--min-tile-height, 180px), auto)
            }
            .md\:grid-columns-2 {
                grid-template-columns: repeat(2, minmax(var(--min-tile-width, 180px), 1fr))
            }
        }

        @media (min-width:62rem) {
            .lg\:border-base-300 {
                border-color: var(--base-300)
            }
            .lg\:border-l {
                border-left-width: 1px
            }
            .lg\:block {
                display: block
            }
            .lg\:hidden {
                display: none
            }
            .lg\:flex {
                display: flex
            }
            .lg\:flex-no-wrap {
                flex-wrap: nowrap
            }
            .lg\:font-400 {
                font-weight: 400
            }
            .lg\:mx-8 {
                margin-left: 2rem;
                margin-right: 2rem
            }
            .lg\:mr-1 {
                margin-right: .25rem
            }
            .lg\:mt-2 {
                margin-top: .5rem
            }
            .lg\:ml-2 {
                margin-left: .5rem
            }
            .lg\:max-w-48 {
                max-width: 12rem
            }
            .lg\:max-w-3\/4 {
                max-width: 75%
            }
            .lg\:min-w-48 {
                min-width: 12rem
            }
            .lg\:px-4 {
                padding-left: 1rem;
                padding-right: 1rem
            }
            .lg\:px-5 {
                padding-left: 1.25rem;
                padding-right: 1.25rem
            }
            .lg\:px-6 {
                padding-left: 1.5rem;
                padding-right: 1.5rem
            }
            .lg\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }
            .lg\:py-16 {
                padding-top: 4rem;
                padding-bottom: 4rem
            }
            .lg\:pt-6 {
                padding-top: 1.5rem
            }
            .lg\:pl-8 {
                padding-left: 2rem
            }
            .lg\:fixed {
                position: fixed
            }
            .lg\:text-base {
                font-size: .75rem
            }
            .lg\:text-3xl {
                font-size: 1.125rem
            }
            .lg\:text-7xl {
                font-size: 1.875rem
            }
            .lg\:text-9xl {
                font-size: 2.75rem
            }
            .lg\:text-10xl {
                font-size: 3.125rem
            }
            .lg\:w-64 {
                width: 16rem
            }
            .lg\:w-1\/3 {
                width: 33.33333%
            }
            .lg\:w-2\/3 {
                width: 66.66667%
            }
            .lg\:z-1 {
                z-index: 1
            }
        }

        @media (min-width:90rem) {
            .xl\:max-w-64 {
                max-width: 16rem
            }
            .xl\:min-w-64 {
                min-width: 16rem
            }
        }

        code[class*=language-],
        pre[class*=language-] {
            color: #ccc;
            background: none;
            font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
            text-align: left;
            white-space: pre;
            word-spacing: normal;
            word-break: normal;
            word-wrap: normal;
            line-height: 1.5;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            -webkit-hyphens: none;
            -ms-hyphens: none;
            hyphens: none
        }

        pre[class*=language-] {
            padding: 1em;
            margin: .5em 0;
            overflow: auto
        }

        :not(pre)>code[class*=language-],
        pre[class*=language-] {
            background: #2d2d2d
        }

        :not(pre)>code[class*=language-] {
            padding: .1em;
            border-radius: .3em;
            white-space: normal
        }

        .token.punctuation {
            color: #ccc
        }

        .token.namespace,
        .token.tag {
            color: #e2777a
        }

        .token.function,
        .token.number {
            color: #f08d49
        }

        .token.property {
            color: #f8c555
        }

        .token.important,
        .token.selector {
            color: #cc99cd
        }

        .token.string,
        .token.variable {
            color: #7ec699
        }

        .token.operator,
        .token.url {
            color: #67cdcc
        }

        .token.bold,
        .token.important {
            font-weight: 700
        }
    </style>

</head>

<body class="h-full bg-base-200">

<main class="relative mb-auto">
    <header class="masthead sticky pin-t flex flex-no-shrink bg-base-100 w-full z-30 shadow-md h-16">
        <div class="row justify-between items-center">
            <div class="sr-logo block flex flex-no-shrink lg:w-64">
                <svg height="37" viewBox="0 0 62 37" width="62" class="text-transparent">
                    <g fill="#2d3a79" fill-rule="evenodd">
                        <path d="M48.188 29.864a.484.484 0 0 0 .264-.44l-5.814-16.738a.352.352 0 0 0-.44-.176L27.22 20.35a.352.352 0 0 0-.264.44l3.7 9.955h15.681z" fill-rule="nonzero"></path>
                        <path d="M24.314 19.91c0-.177 0-.353.265-.441l14.183-7.488-1.41-4.229a.44.44 0 0 0-.616-.264L17.619 17.531a.44.44 0 0 0-.264.529l4.669 12.773h6.255l-3.965-10.835z"></path>
                        <path d="M14.712 17.179a.44.44 0 0 1 .264-.529l17.62-9.25-1.41-4.405a.529.529 0 0 0-.705-.352L8.193 14.27a.529.529 0 0 0-.264.705l5.814 15.77h5.99zm-8.81-1.586l5.55 15.24H2.29l-.088-.176L0 24.49v-.264l5.55-8.545a.176.176 0 0 1 .352 0z" fill-rule="nonzero"></path>
                    </g>
                </svg>
                <svg height="37" viewBox="0 0 109 37" width="109" class="text-transparent">
                    <g fill="#2d3a79">
                        <path d="M9.955 13.038c-.705-1.145-2.026-1.762-3.348-1.762l-1.321.264c-.44.089-.881.265-1.234.529l-.88.97c-.177.44-.353.88-.265 1.409-.088.704.176 1.41.617 1.85a5.286 5.286 0 0 0 1.674 1.145l2.114.705c.793.176 1.498.528 2.202.88a5.405 5.405 0 0 1 1.674 1.498c.44.705.705 1.586.617 2.467a4.405 4.405 0 0 1-.529 2.114c-.264.617-.705 1.145-1.321 1.586a6.519 6.519 0 0 1-3.876 1.321c-1.058 0-2.115-.176-3.084-.616-.88-.353-1.762-1.058-2.466-1.938l1.673-1.146a3.732 3.732 0 0 0 1.586 1.498 4.669 4.669 0 0 0 4.933-.176c.353-.265.617-.617.881-1.057.177-.353.353-.881.265-1.322 0-.528 0-1.057-.353-1.497a3.755 3.755 0 0 0-.969-1.058c-.44-.264-.88-.528-1.497-.704l-1.586-.529-1.762-.617c-.44-.176-.881-.528-1.321-.88s-.881-.793-1.058-1.322c-.264-.617-.352-1.321-.352-2.026 0-.705.176-1.498.44-2.203.353-.528.793-1.057 1.322-1.497s1.145-.705 1.762-.881c1.586-.44 3.26-.353 4.845.176.881.352 1.586.881 2.202 1.674zM20.79 17.62h-3.347v6.695c0 .44 0 .793.176 1.057 0 .265.176.529.352.705l.529.264.705.089.88-.089.794-.352v1.498a5.286 5.286 0 0 1-3.084.264c-.352 0-.705-.176-.969-.44a2.643 2.643 0 0 1-.705-.881l-.264-1.586v-7.224H13.39v-1.498h2.467V12.95h1.586v3.171h3.347zM30.393 20.526v-.264c0-1.938-.881-2.995-2.907-2.995-1.322 0-2.643.528-3.524 1.41l-1.057-1.234c1.057-1.057 2.643-1.674 4.845-1.674a5.286 5.286 0 0 1 3.083.97c.353.351.705.792.881 1.232.265.617.353 1.234.353 1.85v6.608l.176 1.145h-1.586l-.088-.881v-.881a4.405 4.405 0 0 1-1.762 1.586c-1.233.528-2.643.616-3.876.264-.44-.088-.881-.352-1.233-.617-.353-.264-.705-.616-.881-1.057-.265-.44-.353-.88-.353-1.41 0-.88.265-1.673.705-2.29a4.405 4.405 0 0 1 1.762-1.145l2.379-.529h3.171zm-.881 1.322h-1.498l-1.762.352a4.897 4.897 0 0 0-1.497.793 1.762 1.762 0 0 0-.529 1.321 1.762 1.762 0 0 0 .881 1.674l.881.352a4.581 4.581 0 0 0 2.467-.176 3.26 3.26 0 0 0 1.762-2.026c.176-.44.176-.88.176-1.41v-.88zM44.224 18.764a3.524 3.524 0 0 0-1.145-1.057c-.529-.352-1.146-.44-1.762-.44a4.317 4.317 0 0 0-3.172 1.233l-.88 1.498a5.814 5.814 0 0 0 0 3.612 4.14 4.14 0 0 0 2.29 2.466 4.317 4.317 0 0 0 3.524-.088c.487-.251.91-.613 1.233-1.057l1.321.969a5.55 5.55 0 0 1-4.228 2.026c-.881 0-1.762-.176-2.555-.44-1.498-.617-2.643-1.762-3.171-3.172a7.224 7.224 0 0 1 0-4.933 5.374 5.374 0 0 1 3.171-3.171 6.343 6.343 0 0 1 4.845 0c.705.44 1.41.88 1.938 1.585zm5.11 2.467l5.461-5.198h2.467l-5.726 5.286 6.343 6.343h-2.555l-5.99-6.167v6.167h-1.586V8.986h1.585zM62.019 27.662h-1.762V10.13h5.286c1.586 0 2.995.352 4.228 1.145 1.146.881 1.762 2.203 1.586 3.524a4.405 4.405 0 0 1-1.145 3.083c-.881.881-2.114 1.41-3.348 1.498l5.022 8.28H69.77l-4.757-8.104H62.02zm0-9.779h3.171c.705 0 1.322 0 2.027-.264.44-.088.88-.352 1.321-.617l.705-.969c.176-.44.176-.88.176-1.233s0-.793-.176-1.145l-.705-.97c-.44-.352-.88-.528-1.321-.704-.705-.176-1.322-.176-2.027-.176H62.02zm23.874 3.965a5.726 5.726 0 0 1-3.7 5.638 7.233 7.233 0 0 1-2.467.44c-.793 0-1.586-.176-2.378-.44a5.726 5.726 0 0 1-3.26-3.26 6.607 6.607 0 0 1 0-4.757 5.638 5.638 0 0 1 3.26-3.26c.792-.264 1.585-.44 2.466-.44a5.814 5.814 0 0 1 5.638 3.612c.265.88.44 1.674.44 2.467zm-1.762 0a5.286 5.286 0 0 0-.264-1.762 4.405 4.405 0 0 0-2.29-2.467 4.845 4.845 0 0 0-3.613 0c-.528.264-.88.529-1.321.97-.38.409-.68.887-.881 1.409a5.462 5.462 0 0 0 0 3.612c.191.552.49 1.061.88 1.497.353.44.882.705 1.322.97 1.234.44 2.467.44 3.7 0a4.052 4.052 0 0 0 2.203-2.467 5.286 5.286 0 0 0 .264-1.762zM91.883 21.495l-4.228-5.462h2.202l3.172 4.405 3.083-4.405h2.026l-4.052 5.462 4.845 6.167h-2.202l-3.877-5.11-3.7 5.11h-2.114z"></path>
                    </g>
                </svg>
            </div>

            <ul class="lg:min-w-48 xl:min-w-64 m-0 flex justify-between list-reset h-full items-center flex-no-shrink"><li class="mr-1 lg:mr-1 mb-0"><a class="flex items-center block px-2 lg:px-4 h-9 text-base-600 hover:no-underline hover:text-base-700 hover:border-base-500 border-base-400 border rounded-sm" href="https://help.stackrox.com"><span class="uppercase text-sm lg:text-base font-700 tracking-wide leading-relaxed"><span class="block lg:hidden">Docs</span><span class="hidden lg:block">Documentation</span></span></a></li><li class="ml-1 lg:ml-2 mb-0"><a class="flex items-center block px-2 lg:px-4 h-9 text-base-600 hover:text-base-700 hover:border-base-500 hover:no-underline border-base-400 border rounded-sm" href="mailto:support@stackrox.com"><span class="uppercase text-sm lg:text-base font-700 tracking-wide leading-relaxed">Support</span></a></li><li class="print-only text-base mr-1 lg:mr-1 mb-0"><a href="mailto:support@stackrox.com">support@stackrox.com</a></li></ul>
        </div>
    </header>
    <div class="text-center flex w-full justify-center items-center py-32 px-3">

        <div style="max-width:1000px" class="rounded-lg bg-base-100 border-base-300 border p-8">
            <h2 class="text-tertiary-800 mb-4 border-b border-base-300 pb-4">Collector Support Packages</h2>
            <p class="text-tertiary-800 mb-0">When running the StackRox Kubernetes Security Platform in Offline Mode, you can download a <i>Collector Support Package</i>
            from this page to ensure that Collectors have access to the files required at runtime. Please refer to the documentation on how to install support packages.</p>
            <p></p>
            {% if support_packages %}
            <em>Note:</em> The "stable link" always points to the latest support package for a given version. It will retain
            its validity when a support package is updated, but the contents of the downloaded file change over time.
            <p></p>
            <table>
                <thead>
                    <tr><th>StackRox Version(s)</th><th>Last updated</th><th>Download Link</th></tr>
                </thead>
                <tbody>
                    {% for pkg in support_packages %}
                    <tr>
                        <td>
                            {% for rng in pkg.rox_version_ranges %}
                            {% if rng.min == rng.max %}
                            {{rng.min}}
                            {% else %}
                            {{rng.min}}&ndash;{{rng.max}}
                            {% endif %}
                            <br>
                            {% endfor %}
                        </td>
                        <td>{{pkg.last_update_time}}</td>
                        <td><a href="{{pkg.download_url}}">Download</a>{% if pkg.download_url_latest %} (<a href="{{pkg.download_url_latest}}">stable link</a>){% endif %}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            {% else %}
            <div class="border bg-base-200 border-base-400 border p-8">
                <p class="text-alert-800 mb-0">Currently, no support packages are available. Please check back at a later time.</p>
            </div>
            {% endif %}
        </div>
    </div>
</main>

</body>

</html>
