:root {
    font-family: Inter, sans-serif;
    font-feature-settings: 'liga' 1, 'calt' 1;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Inter, sans-serif;
}

@supports (font-variation-settings: normal) {
    :root,
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: InterVariable, sans-serif;
    }
}

.fixedHeaderContainer {
    min-height: 64px;
    padding: 10px 0;
    background: rgba(59, 66, 82, 0.96);
    backdrop-filter: blur(16px);
}

.fixedHeaderContainer header {
    align-items: center;
}

.fixedHeaderContainer header > a {
    height: 44px;
}

.navigationSlider {
    height: 44px;
}

.navigationSlider .slidingNav ul.nav-site {
    gap: 6px;
}

.navigationSlider .slidingNav ul li.siteNavGroupActive > a {
    background: transparent;
}

.navigationSlider .slidingNav ul li > a,
.navigationSlider .slidingNav ul li.siteNavGroupActive > a {
    height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    color: #d8def5;
    font-weight: 520;
    letter-spacing: 0;
}

.navigationSlider .slidingNav ul li.siteNavItemActive > a,
.navigationSlider .slidingNav ul li > a:focus,
.navigationSlider .slidingNav ul li > a:hover {
    background: rgba(79, 102, 213, 0.22);
    color: #ffffff;
}

@media only screen and (min-width: 1024px) {
    .navPusher {
        min-height: calc(100vh - 64px);
        padding-top: 64px;
    }
}

.homeContainer a.cta,
.homeContainer a.button.cta.express {
    min-width: 340px;
    padding: 16px 28px;
    border-radius: 6px;
    font-size: 1rem;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
}

.homeContainer a.cta {
    box-shadow: 0 14px 32px rgba(30, 39, 94, 0.26);
}

.homeContainer a.button.cta.express {
    background: rgba(18, 20, 25, 0.36);
}

@media only screen and (max-width: 1023px) {
    .navigationSlider .slidingNav {
        z-index: 9998;
    }

    .navigationSlider .slidingNav ul.nav-site {
        margin-top: 64px;
        gap: 0;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .navPusher {
        padding-top: 116px;
    }

    .sideNavVisible .docsNavContainer {
        top: 116px;
    }

    .docsSliderActive.docsNavContainer {
        height: calc(100vh - 116px);
    }

    .docsSliderActive .toc .navBreadcrumb,
    .tocActive .navBreadcrumb {
        top: 116px;
    }

    .tocActive .onPageNav {
        top: 164px;
    }
}

@media only screen and (max-width: 480px) {
    .homeContainer a.cta,
    .homeContainer a.button.cta.express {
        min-width: min(340px, 100%);
    }
}

.docsContainer .wrapper {
    max-width: 820px;
}

.docsContainer article {
    color: #e8ebf2;
    font-size: 1.05rem;
    line-height: 1.58;
}

.docsContainer article p {
    margin-bottom: 1em;
}

.docsContainer article a {
    color: #b9c5ff;
    text-decoration: underline;
    text-decoration-color: rgba(185, 197, 255, 0.42);
    text-underline-offset: 0.18em;
}

.docsContainer article a:hover,
.docsContainer article a:focus {
    color: #dfe5ff;
    text-decoration-color: currentColor;
}

.docsContainer article h2,
.docsContainer article h3,
.docsContainer article h4 {
    color: #f6f8ff;
    letter-spacing: 0;
}

.docsContainer article h2 {
    margin-top: 2.1em;
    margin-bottom: 0.8em;
    padding-top: 0.15em;
}

.docsContainer article h3 {
    margin-top: 1.8em;
    margin-bottom: 0.65em;
}

.docsContainer article h4 {
    margin-top: 1.6em;
    margin-bottom: 0.55em;
}

.docsContainer article ul,
.docsContainer article ol {
    margin-bottom: 1.25em;
    padding-left: 1.45em;
}

.docsContainer article li {
    word-wrap: normal;
    padding-left: 0.1em;
}

.docsContainer article li + li {
    margin-top: 0.42em;
}

.docsContainer article li > p {
    margin-top: 0.4em;
}

.docsContainer article blockquote,
.docsContainer article p.note,
.docsContainer article p.note-bcp,
.docsContainer article p.note-important {
    border-radius: 4px;
    line-height: 1.6;
}

.docsContainer article code {
    background: rgba(34, 40, 51, 0.82);
    border: 1px solid rgba(202, 211, 255, 0.12);
    color: #f3f5ff;
}

.docsContainer article table {
    margin: 1.8em 0;
    font-size: 0.95rem;
    line-height: 1.55;
}

.docsContainer article th,
.docsContainer article td {
    padding: 0.75rem 0.9rem;
}

.docLastUpdate {
    color: #b9c0d0;
}

.nav-footer {
    margin-top: auto;
    padding: 0;
    background: #202633;
    border-top: 1px solid rgba(202, 211, 255, 0.12);
    color: #d9deea;
}

.nav-footer .footer-inner {
    width: min(100%, 1140px);
    margin: 0 auto;
    padding: 60px 24px 51px;
}

.nav-footer .footer-main {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(340px, 0.9fr);
    gap: 56px;
    align-items: start;
}

.nav-footer .footer-brand {
    max-width: 390px;
}

.nav-footer .footer-logo {
    display: inline-flex;
    align-items: center;
    width: 168px;
    max-width: 100%;
}

.nav-footer .footer-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.nav-footer .footer-brand p {
    max-width: 320px;
    margin: 18px 0 0;
    color: #aeb7ca;
    font-size: 0.98rem;
    line-height: 1.5;
}

.nav-footer .footer-links.sitemap {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: 34px;
    width: 100%;
    max-width: none;
    margin: 0;
}

.nav-footer .footer-link-group {
    min-width: 0;
}

.nav-footer .footer-links h5 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 650;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
}

.nav-footer .footer-links a {
    display: block;
    width: fit-content;
    margin: 0;
    padding: 5px 0;
    color: #b8c1d6;
    font-size: 0.95rem;
    line-height: 1.4;
    text-decoration: none;
}

.nav-footer .footer-links a:focus,
.nav-footer .footer-links a:hover {
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: rgba(202, 211, 255, 0.45);
    text-underline-offset: 0.22em;
}

.nav-footer .footer-legal {
    display: grid;
    grid-template-columns: minmax(220px, 0.75fr) minmax(320px, 1.25fr);
    gap: 32px;
    margin-top: 42px;
    padding-top: 24px;
    border-top: 1px solid rgba(202, 211, 255, 0.12);
}

.nav-footer .copyright {
    margin: 0;
    color: #c5ccdc;
    font-size: 0.9rem;
    line-height: 1.5;
    text-align: left;
}

.nav-footer .copyright-mini {
    max-width: 760px;
    margin: 0;
    color: #8f99ad;
    font-size: 0.75rem;
    line-height: 1.55;
}

@media only screen and (min-width: 1024px) {
    .separateOnPageNav.sideNavVisible .navPusher .mainContainer {
        flex-grow: 0;
    }
}

@media only screen and (max-width: 735px) {
    .docsContainer article {
        font-size: 1rem;
        line-height: 1.56;
    }

    .docsContainer article h2 {
        margin-top: 1.8em;
    }

    .nav-footer .footer-inner {
        padding: 48px 20px 45px;
    }

    .nav-footer .footer-main,
    .nav-footer .footer-legal {
        grid-template-columns: 1fr;
    }

    .nav-footer .footer-main {
        gap: 30px;
    }

    .nav-footer .footer-links.sitemap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px;
        margin: 0;
        width: 100%;
    }

    .nav-footer .footer-legal {
        gap: 12px;
        margin-top: 32px;
        padding-top: 22px;
    }
}

@media only screen and (max-width: 480px) {
    .nav-footer .footer-links.sitemap {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}
