@font-face {
    font-family: Facundo;
    font-style: normal;
    font-weight: 100;
    src: url(/assets/fonts/6036609/e60f54cc-4127-4e77-8e65-873c87a4e4fb.woff2) format("woff2"), url(/assets/fonts/6036609/a197f8c8-a40d-4e97-967a-8242f8fb197c.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: italic;
    font-weight: 100;
    src: url(/assets/fonts/6036605/5096881f-6d42-4b67-8727-b58f4fbb5ad1.woff2) format("woff2"), url(/assets/fonts/6036605/5af8f172-1b09-4bba-91c7-0a574073e70c.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: normal;
    font-weight: 200;
    src: url(/assets/fonts/6036601/437e3cbf-dc09-4ff3-9ba3-3794112e8126.woff2) format("woff2"), url(/assets/fonts/6036601/5997b4c7-4979-416a-b8ce-448b877b6e2a.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: italic;
    font-weight: 200;
    src: url(/assets/fonts/6036597/a4f2a936-6285-4889-8de8-a0ca57c300a1.woff2) format("woff2"), url(/assets/fonts/6036597/1482e125-c033-492e-8de8-fa52fa4eedac.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/fonts/6036595/248c408a-3653-47db-936d-d3d429bc9347.woff2) format("woff2"), url(/assets/fonts/6036595/00360acc-d61a-49d6-b6ea-63f44573512a.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: italic;
    font-weight: 300;
    src: url(/assets/fonts/6036721/fadda175-5857-459d-947b-0593ba37aafb.woff2) format("woff2"), url(/assets/fonts/6036721/a93eb300-e2e9-4935-9b0e-79d96b4cae4e.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/6036717/d3595d53-5339-4c8b-bd97-da3aad2da4d4.woff2) format("woff2"), url(/assets/fonts/6036717/ef4c0b7a-2754-43d5-ba5f-f8ba4e53dc59.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: italic;
    font-weight: 400;
    src: url(/assets/fonts/6036713/44218f35-caaa-4e4d-8663-84d97b45b392.woff2) format("woff2"), url(/assets/fonts/6036713/47aa6f3b-b518-4e4a-8663-3dcd84b2e751.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/6036629/e6383702-3d87-43be-91ca-fbc204f75073.woff2) format("woff2"), url(/assets/fonts/6036629/6006ec26-a722-43dd-b2dc-769671814323.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: italic;
    font-weight: 500;
    src: url(/assets/fonts/6036625/c29c43c8-1dbf-4cc8-8caf-81763ed50ff2.woff2) format("woff2"), url(/assets/fonts/6036625/485842a6-1e36-4100-a296-09b833f2c30a.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/fonts/6036621/75b5a20a-2eb4-48c9-b66d-af9967e51310.woff2) format("woff2"), url(/assets/fonts/6036621/8ba4a507-878d-4f48-bea8-605188ea36c6.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: italic;
    font-weight: 600;
    src: url(/assets/fonts/6036617/3c320a0c-ebbb-4d1a-99ca-3280bac13ee3.woff2) format("woff2"), url(/assets/fonts/6036617/079ab284-9e8f-4674-9625-8abf261fca28.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/6036613/35aa5be3-cd01-42d8-b0bb-f6d168efa630.woff2) format("woff2"), url(/assets/fonts/6036613/9ffccce5-8510-485c-8b99-fbe530a29555.woff) format("woff")
}

@font-face {
    font-family: Facundo;
    font-style: italic;
    font-weight: 700;
    src: url(/assets/fonts/6036707/05786b1a-cf51-4869-875a-7232d78e87c9.woff2) format("woff2"), url(/assets/fonts/6036707/87bbb44e-2242-4913-8c78-40eab1fd09d1.woff) format("woff")
}

@font-face {
    font-family: Roboto Mono;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/roboto-mono/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW-AJi8SJQt.woff) format("woff")
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    box-sizing: border-box;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body, html {
    font-size: 10px
}

.o-block {
    position: relative;
    z-index: 1
}

.o-button {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 999px;
    color: inherit;
    cursor: pointer;
    display: flex;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    padding: 1.2rem 2.4rem;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-out;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 1024px) {
    .o-button {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

.o-button:active, .o-button:focus, .o-button:hover {
    outline: none
}

.o-button--full {
    width: 100%
}

.o-button--thicc {
    padding: calc(1.2rem - 2px) calc(3.6rem - 2px)
}

@media (min-width: 1024px) {
    .o-button--thicc {
        padding: 1.6rem 3.6rem
    }
}

.o-button--link {
    background: none;
    border: 0;
    color: #4090bd;
    padding: 0
}

.o-button--link:focus, .o-button--link:hover {
    color: #152241
}

.o-button--white {
    border-color: hsla(0, 0%, 100%, .2);
    color: #fff
}

.o-button--white:active, .o-button--white:focus, .o-button--white:hover {
    border-color: #fff;
    color: #fff
}

.o-button--white.o-button--solid {
    background: #fff;
    border-color: transparent;
    color: #091a31
}

.o-button--white.o-button--solid:active, .o-button--white.o-button--solid:focus, .o-button--white.o-button--solid:hover {
    background: hsl(251.1, 39.8%, 65.5%);
    color: #fff;
}

.o-button--blue {
    border-color: rgba(64, 144, 189, .2);
    color: #4090bd
}

.o-button--blue:active, .o-button--blue:focus, .o-button--blue:hover {
    border-color: #4090bd;
    color: #4090bd
}

.o-button--blue.o-button--solid {
    background: #4090bd;
    border-color: transparent;
    color: #fff
}

.o-button--blue.o-button--solid:active, .o-button--blue.o-button--solid:focus, .o-button--blue.o-button--solid:hover {
    background: rgba(64, 144, 189, .8)
}

.o-button__icon {
    margin: 0 .8rem
}

.o-button__icon:first-child {
    margin-left: 0
}

.o-button__icon:last-child {
    margin-right: 0
}

.o-card__header {
    /* position: relative */
}

.o-card__header-bg {
    display: block;
    width: 100%;
    cursor: pointer;
}

.o-card__content {
    margin: 1.6rem 0
}

.o-card__content-title {
    color: #152241;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem
}

@media (min-width: 1024px) {
    .o-card__content-title {
        font-size: 2.1rem;
        line-height: 3.2rem
    }
}

.o-card__content-subtitle {
    color: #737a8d;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2.4rem
}

@media (min-width: 1024px) {
    .o-card__content-subtitle {
        font-size: 1.4rem;
        line-height: 2.4rem
    }
}

.o-card__content-body {
    margin: .8rem 0
}

.o-container {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1260px + 4.8rem);
    padding: 0 1.6rem
}

.o-container:after, .o-container:before {
    clear: both;
    content: "";
    display: block;
    overflow: hidden
}

@media (min-width: 768px) {
    .o-container {
        padding: 0 2.4rem
    }
}

.o-frame {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

@media (min-width: 768px) {
    .o-frame {
        display: grid;
        grid-template-columns:32rem auto;
        grid-template-rows:-webkit-max-content 1fr -webkit-max-content;
        grid-template-rows:max-content 1fr max-content;
        min-height: 100vh
    }

    .o-frame__header {
        grid-column: 2/3;
        grid-row: 1
    }
}

.o-frame__nav {
    position: relative
}

@media (min-width: 768px) {
    .o-frame__nav {
        grid-column: 1/2;
        grid-row: 1/-1
    }
}

.o-frame__main {
    flex: 1
}

@media (min-width: 768px) {
    .o-frame__main {
        grid-column: 2/3;
        grid-row: 2;
        padding-bottom: 50px;
    }

    .o-frame__footer {
        grid-column: 2/3;
        grid-row: 3
    }
}

.o-heading {
    color: #fff;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.4
}

.o-icon {
    display: inline-block;
    height: 1em;
    line-height: 1;
    width: 1em
}

.o-icon--large {
    height: 1.5em;
    width: 1.5em
}

@media (min-width: 768px) {
    .o-post-columns {
        display: grid;
        gap: 2.4rem;
        grid-template-columns:auto 22.8rem;
        grid-template-rows:auto auto
    }

    .o-post-columns__header {
        grid-column: 1/3;
        grid-row: 1
    }

    .o-post-columns__table-of-contents {
        grid-column: 2/3;
        grid-row: 2
    }

    .o-post-columns__body {
        grid-column: 1/2;
        grid-row: 2
    }
}

@media (min-width: 1024px) {
    .o-post-columns__body {
        max-width: 95rem
    }
}

.o-svg-sprite {
    height: 0;
    position: absolute;
    width: 0
}

.o-tag {
    background: #e9ebf8;
    border-radius: .4rem;
    color: #454f9d;
    display: inline-block;
    font-family: Roboto Mono, monospace;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.2rem;
    padding: .1rem .8rem
}

.c-cve {
    font-family: Facundo, Helvetica, Arial, sans-serif;
    grid-column: 1/3;
    overflow: auto
}

@media (min-width: 768px) {
    .c-cve__table-filters {
        grid-gap: 1.5rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }
}

.c-cve__table-filter-label {
    border: 2px solid transparent;
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1.2rem 2rem
}

.c-cve__table-filter-field {
    border: 2px solid #d9dbe0;
    border-radius: 3.2rem;
    padding: 1.4rem 2rem;
    background-color: #f3f1fc;
}

.c-cve__table-filter-field, .c-cve__table-filter-select {
    color: #737a8d;
    font-size: 1.8rem;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    background-color: #f3f1fc;
}

.c-cve__table-filter-select {
    border: none;
    cursor: pointer
}

.c-cve__table-filter-field::-webkit-input-placeholder {
    color: #d9dbe0
}

.c-cve__table-filter-field::-moz-placeholder {
    color: #d9dbe0
}

.c-cve__table-filter-field:-ms-input-placeholder {
    color: #d9dbe0
}

.c-cve__table-filter-field::-ms-input-placeholder {
    color: #d9dbe0
}

.c-cve__table-filter-field::placeholder {
    color: #d9dbe0
}

.c-cve__table-header {
    background-color: #152241;
    color: #fff;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    padding: 2.1rem 2.6rem;
    width: 100%
}

.c-cve__table-header-headline {
    font-size: 2.1rem
}

.c-cve__table-header-to-top {
    color: #fff;
    font-size: 1.8rem;
    text-decoration: none
}

.c-cve__table {
    background-color: #a0a6b7;
    border-collapse: separate;
    border-spacing: 1px;
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
    font-size: 1.6rem;
    margin-top: 2.4rem;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.c-cve__table-cell {
    background: #fff;
    vertical-align: middle;
    white-space: nowrap
}

.c-cve__table-head .c-cve__table-cell {
    background-color: #d9dbe0;
    font-weight: 600
}

.c-cve__table-sub-head .c-cve__table-cell {
    background-color: #f3f4f6;
    font-weight: 600
}

.c-cve__table-cell a {
    color: #1569b4
}

.c-cve__table-cell--first {
    padding: 1.2rem 2.6rem;
    text-align: left
}

.c-cve__table-head-product {
    background-color: #d9dbe0;
    padding: 1.8rem
}

.c-cve__table-version {
    display: table-cell;
    padding: 1.6rem 1.2rem;
    vertical-align: middle
}

.c-cve__table-versions:first-child .c-cve__table-version {
    border-top: none
}

.c-page-header {
    box-shadow: 0 1px #d9dbe0;
    margin-top: 2.4rem;
    padding-bottom: 2.4rem
}

@media (min-width: 768px) {
    .c-page-header {
        margin-top: 3.6rem;
        padding-bottom: 3.6rem
    }
}

.c-page-header__title {
    color: #152241;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 3.9rem;
    font-weight: 400;
    line-height: 6rem
}

@media (min-width: 1024px) {
    .c-page-header__title {
        font-size: 5.1rem;
        line-height: 6rem
    }
}

.c-page-header__details {
    align-items: center;
    display: flex;
    margin-top: .8rem
}

.c-page-header__details > :not(:first-child) {
    margin-left: .8rem
}

.c-page-header__copy {
    color: #737a8d;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem
}

@media (min-width: 1024px) {
    .c-page-header__copy {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

.c-post-footer {
    box-shadow: 0 -1px #d9dbe0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.4rem;
    margin-top: 2.4rem;
    padding-top: 3.6rem
}

@media (min-width: 768px) {
    .c-post-footer {
        margin-bottom: 3.6rem;
        margin-top: 3.6rem;
        padding-bottom: 3.6rem
    }
}

.c-post-footer__link {
    color: #4090bd;
    display: flex;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    text-decoration: none;
    transition: all .3s ease-in-out
}

@media (min-width: 1024px) {
    .c-post-footer__link {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

.c-post-footer__link:focus, .c-post-footer__link:hover {
    color: #152241
}

.c-post-footer__link--right {
    flex-direction: row-reverse;
    text-align: right
}

.c-post-footer__icon {
    height: 2.4rem;
    width: 2.4rem
}

.c-post-footer__text {
    padding: 0 .8rem
}

.c-post-header {
    box-shadow: 0 1px #d9dbe0;
    margin-top: 2.4rem;
    padding-bottom: 2.4rem
}

@media (min-width: 768px) {
    .c-post-header {
        margin-top: 3.6rem;
        padding-bottom: 3.6rem
    }
}

.c-post-header__title {
    color: #152241;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 3.9rem;
    font-weight: 400;
    line-height: 6rem
}

@media (min-width: 1024px) {
    .c-post-header__title {
        font-size: 5.1rem;
        line-height: 6rem
    }
}

.c-post-header__details {
    align-items: center;
    display: flex;
    margin-top: .8rem
}

.c-post-header__details > :not(:first-child) {
    margin-left: .8rem
}

.c-post-header__pubdate {
    color: #737a8d;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem
}

@media (min-width: 1024px) {
    .c-post-header__pubdate {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

@media (min-width: 768px) {
    .c-site-contents {
        display: grid;
        gap: 2.4rem 2.4rem;
        grid-template-areas:". .";
        grid-template-columns:repeat(2, calc(50% - 1.2rem));
        grid-template-rows:1fr;
        margin: 4.8rem 0;
        width: 100%
    }
}

.c-site-contents__item {
    display: block;
    margin: 2.4rem auto;
    max-width: 50rem;
    text-decoration: none
}

@media (min-width: 768px) {
    .c-site-contents__item {
        margin: 0;
        max-width: none
    }
}

.c-site-footer {
    color: #737a8d;
    display: flex;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 2.2rem;
    padding-bottom: 3.6rem
}

@media (min-width: 1024px) {
    .c-site-footer {
        font-size: 1.2rem;
        line-height: 2.2rem
    }
}

.c-site-footer__menu {
    display: none
}

@media (min-width: 768px) {
    .c-site-footer__menu {
        display: flex;
        flex-shrink: 0
    }
}

.c-site-footer__list-item + .c-site-footer__list-item:before {
    content: "|";
    display: inline-block;
    margin: 0 .33rem
}

.c-site-footer__link {
    color: #737a8d;
    text-decoration: none;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

.c-site-footer__link:focus, .c-site-footer__link:hover {
    color: #4090bd;
    text-decoration: underline
}

.c-site-header {
    background: #fff;
    box-shadow: inset 0 -1px 0 #f3f4f6;
    display: flex;
    justify-content: flex-end
}

@media (min-width: 768px) {
    .c-site-header {
        box-shadow: 0 4px 30px rgba(0, 0, 0, .05);
        justify-content: flex-start;
        padding-right: 1.2rem
    }
}

.c-site-header__search {
    display: none;
    flex: 1;
    height: 5.5rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-site-header__search__tooltip {
    display: none;
    flex: 1;
    height: 2rem;
    left: 55px;
    position: absolute;
    right: 0;
    top: 5rem;
    font-size: 1em;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    z-index: 99;
}

@media (min-width: 768px) {
    .c-site-header__search__tooltip {
        top: 4rem;
    }
}

@media (min-width: 768px) {
    .c-site-header__search {
        display: block;
        height: auto;
        position: relative
    }
}

.c-site-header__search--open {
    display: block;
    z-index: 1
}

.c-site-header__search--open:before {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

.c-site-header__search-input {
    background: transparent;
    border: none;
    bottom: 0;
    color: #152241;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    left: 0;
    line-height: 2.4rem;
    padding: 1.6rem 2.4rem 1.6rem 7.2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media (min-width: 1024px) {
    .c-site-header__search-input {
        font-size: 1.4rem;
        line-height: 2.4rem
    }
}

.c-site-header__search-input::-webkit-input-placeholder {
    color: #a0a6b7
}

.c-site-header__search-input::-moz-placeholder {
    color: #a0a6b7
}

.c-site-header__search-input:-ms-input-placeholder {
    color: #a0a6b7
}

.c-site-header__search-input::-ms-input-placeholder {
    color: #a0a6b7
}

.c-site-header__search-input::placeholder {
    color: #a0a6b7
}

.c-site-header__search--open .c-site-header__search-input {
    background-color: #fff;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .05)
}

.c-site-header__search-icon {
    color: #a0a6b7;
    height: 2.4rem;
    left: 2.4rem;
    position: absolute;
    top: 1.6rem;
    transition: all .3s ease-in-out;
    width: 2.4rem
}

.c-site-header__search:focus-within .c-site-header__search-icon {
    color: #4090bd
}

.c-site-header__search-results {
    background-color: #f4f4f4;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    display: none;
    left: 0;
    padding: 1.2rem;
    position: absolute;
    right: 0;
    top: 100%
}

.c-site-header__search--open .c-site-header__search-results {
    display: table;
    width: 100%
}

.c-site-header__search-result {
    display: block;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem
}

.c-site-header__search-result, .c-site-header__search-result:hover {
    color: #444e67;
    text-decoration: none
}

@media (min-width: 768px) {
    .c-site-header__search-result {
        display: table-row
    }
}

.c-site-header__search-result-matching-phrase {
    font-weight: 600
}

.c-site-header__search-result-preview-body, .c-site-header__search-result-preview-document {
    display: block;
    padding: 1.6rem 2.4rem
}

.c-site-header__search-result:hover .c-site-header__search-result-preview-body, .c-site-header__search-result:hover .c-site-header__search-result-preview-document {
    background-color: #d9dbe0
}

@media (min-width: 768px) {
    .c-site-header__search-result-preview-body, .c-site-header__search-result-preview-document {
        display: table-cell;
        vertical-align: top
    }
}

.c-site-header__search-result-preview-document {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    padding-bottom: 0;
    padding-left: 0;
    width: 100%
}

@media (min-width: 768px) {
    .c-site-header__search-result-preview-document {
        border-bottom-left-radius: 1rem;
        border-top-right-radius: 0;
        padding-bottom: 2.4rem;
        padding-left: 1.6rem;
        width: 20%
    }
}

.c-site-header__search-result-preview-document-content {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.c-site-header__search-result-preview-icon {
    color: #4090bd;
    flex-shrink: 0;
    height: 2.4rem;
    margin-right: .8rem;
    width: 2.4rem
}

.c-site-header__search-result-path {
    color: #737a8d;
    display: block;
    font-size: 1.4rem;
    margin-top: .8rem
}

.c-site-header__search-result-no-matches {
    color: #444e67;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    margin: 1.6rem;
    text-align: center
}

.c-site-header__search-result-preview-body {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-size: 1.4rem;
    width: 100%
}

.c-site-header__search-result-preview-body:before {
    background-color: #a0a6b7;
    bottom: 1.6rem;
    content: "";
    left: 0;
    position: absolute;
    top: 1.6rem;
    width: 1px
}

@media (min-width: 768px) {
    .c-site-header__search-result-preview-body {
        border-bottom-left-radius: 0;
        border-top-right-radius: 1rem;
        font-size: 1.6rem;
        width: 80%
    }
}

.c-site-header__external {
    align-items: center;
    color: #152241;
    display: flex;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 2.2rem;
    padding: .8rem 1.2rem;
    text-decoration: none;
    transition: all .3s ease-in-out
}

@media (min-width: 1024px) {
    .c-site-header__external {
        font-size: 1.2rem;
        line-height: 2.2rem
    }
}

.c-site-header__external:after {
    background-image: url(/assets/img/external.svg);
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 1.2em;
    margin-left: .4rem;
    width: 1.2em
}

.c-site-header__external:focus, .c-site-header__external:hover {
    color: #4090bd;
    text-decoration: underline
}

@media (min-width: 768px) {
    .c-site-header__external {
        font-family: Facundo, Helvetica, Arial, sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 2.4rem;
        padding: 1.6rem 1.2rem
    }
}

@media (min-width: 768px)and (min-width: 1024px) {
    .c-site-header__external {
        font-size: 1.4rem;
        line-height: 2.4rem
    }
}

.c-site-nav {
    display: flex;
    flex-wrap: wrap;
    padding: 1.6rem 0
}

@media (min-width: 768px) {
    .c-site-nav {
        background: #f3f4f6;
        flex-direction: column;
        height: 100%;
        min-height: 100vh;
        padding: 1.6rem 0 0 2.4rem
    }
}

.c-site-nav__logo-wrap {
    display: block;
    flex: 1
}

@media (min-width: 768px) {
    .c-site-nav__logo-wrap {
        flex: unset
    }
}

.c-site-nav__logo {
    height: 3.2rem;
    margin-left: 1.6rem;
    width: 16.2rem
}

@media (min-width: 768px) {
    .c-site-nav__logo {
        height: 2.4rem;
        margin-left: 0;
        width: 12.15rem
    }
}

.c-site-nav__search {
    background: none;
    color: #152241;
    cursor: pointer;
    display: block;
    height: 4rem;
    padding: .8rem;
    transition: .2s ease;
    width: 4rem
}

.c-site-nav__search:focus, .c-site-nav__search:hover {
    background: #fff;
    color: #4090bd
}

@media (min-width: 768px) {
    .c-site-nav__search {
        display: none
    }
}

.c-site-nav__search-icon {
    display: block;
    height: 100%;
    width: 100%
}

.c-site-header__main-nav-check {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute
}

.c-site-nav__menu-trigger {
    stroke-dashoffset: 0;
    stroke-dasharray: 31 49;
    background: none;
    color: #152241;
    cursor: pointer;
    display: block;
    height: 4rem;
    margin-left: 1.6rem;
    margin-right: .8rem;
    padding: .8rem;
    transition: stroke .6s ease-out, stroke-dashoffset .6s ease-out, stroke-dasharray .6s ease-out;
    width: 4rem
}

.c-site-nav__menu-trigger:focus, .c-site-nav__menu-trigger:hover {
    background: #fff;
    color: #4090bd
}

.c-site-header__main-nav-check:checked ~ .c-site-nav__menu-trigger {
    stroke: #091a31;
    stroke-dashoffset: -39
}

@media (min-width: 768px) {
    .c-site-nav__menu-trigger {
        display: none
    }
}

.c-site-nav__menu-icon {
    color: #152241;
    display: block;
    height: 100%;
    width: 100%
}

.c-site-nav__menu-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease;
    width: 100%
}

.c-site-header__main-nav-check:checked ~ .c-site-nav__menu-wrapper {
    max-height: 1999px
}

@media (min-width: 768px) {
    .c-site-nav__menu-wrapper {
        margin-left: -2.4rem;
        max-height: none;
        overflow: unset;
        width: unset
    }
}

.c-site-nav__topmenu {
    margin-left: 0;
    margin-right: 0;
    margin-top: 3.4rem
}

@media (min-width: 768px) {
    .c-site-nav__topmenu {
        margin-top: 1rem
    }
}

.c-site-nav__topmenu-link {
    box-shadow: inset 0 0 0 #4090bd;
    color: #152241;
    display: flex;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 3.2rem;
    font-weight: 500;
    justify-content: space-between;
    line-height: 3.2rem;
    padding: 1.2rem 1.8rem;
    position: relative;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.c-site-nav__topmenu-link:focus, .c-site-nav__topmenu-link:hover {
    background: #fff;
    color: #4090bd
}

.c-site-nav__list-item--active .c-site-nav__topmenu-link {
    box-shadow: inset .2rem 0 0 #4090bd;
    color: #4090bd
}

@media (min-width: 768px) {
    .c-site-nav__topmenu-link {
        color: #737a8d;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2.4rem;
        padding: .8rem 2.4rem
    }
}

.c-site-nav__chevron {
    height: 2rem;
    margin-left: 4px;
    max-height: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    width: 2rem
}

.c-site-nav__list-item_active .c-site-nav__submenu {
    max-height: 1999px
}

.c-site-nav__list-item_active .c-site-nav__topmenu-link {
    background: #fff;
    color: #4090bd
}

.c-site-nav__submenu {
    max-height: 0;
    overflow: hidden;
    transition: all .66s ease
}

.c-site-nav__list-item--active .c-site-nav__submenu {
    max-height: none
}

.c-site-nav__submenu-heading, .c-site-nav__submenu-link {
    color: #a0a6b7;
    display: block;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 3.2rem;
    padding: .4rem 2.4rem .4rem 3.6rem;
    text-decoration: none
}

.c-site-nav__submenu-heading:focus, .c-site-nav__submenu-heading:hover, .c-site-nav__submenu-link:focus, .c-site-nav__submenu-link:hover {
    background: #fff;
    color: #4090bd
}

@media (min-width: 768px) {
    .c-site-nav__submenu-heading, .c-site-nav__submenu-link {
        font-size: 1.4rem;
        line-height: 2.4rem
    }
}

.c-site-nav__submenu .c-site-nav__submenu .c-site-nav__submenu-heading, .c-site-nav__submenu .c-site-nav__submenu .c-site-nav__submenu-link {
    padding-left: 4.8rem
}

.c-site-nav__submenu-link--active {
    color: #4090bd
}

.c-site-nav__submenu-heading {
    color: #a0a6b7;
    font-weight: 500
}

.c-site-nav__submenu-heading:focus, .c-site-nav__submenu-heading:hover {
    background: transparent;
    color: #a0a6b7
}

.c-site-nav__legalmenu {
    box-shadow: inset 0 1px 0 #f3f4f6, inset 0 -1px 0 #f3f4f6;
    margin-top: 1.6rem;
    padding: 1.6rem 0
}

@media (min-width: 768px) {
    .c-site-nav__legalmenu {
        display: none
    }
}

.c-site-nav__legalmenu-link {
    color: #152241;
    display: block;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 3.2rem;
    padding: .4rem 2.4rem;
    text-decoration: none
}

.c-site-nav__legalmenu-link:focus, .c-site-nav__legalmenu-link:hover {
    background: #fff;
    color: #4090bd
}

@media (min-width: 768px) {
    .c-site-nav__legalmenu-link {
        font-size: 1.4rem;
        line-height: 2.4rem
    }
}

.c-site-nav__legalmenu-link--active {
    color: #4090bd
}

.c-site-nav__title {
    color: #737a8d;
    display: block;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.4rem;
    padding: .8rem 2.4rem;
    text-decoration: none
}

.c-table-of-contents {
    box-shadow: inset 0 -1px #d9dbe0;
    margin-bottom: 2.4rem;
    /* margin-top: 1.6rem; */
    padding-bottom: 2.4rem;
    /* position: sticky; */
    top: 2.4rem
}

@media (min-width: 768px) {
    .c-table-of-contents {
        box-shadow: none
    }
}

.c-table-of-contents__title {
    color: #152241;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6rem
}

@media (min-width: 1024px) {
    .c-table-of-contents__title {
        font-size: 1.4rem;
        line-height: 1.6rem
    }
}

.c-table-of-contents__body {
    box-shadow: inset 1px 0 #d9dbe0;
    padding-left: 1.6rem
}

.c-table-of-contents__link {
    color: #a0a6b7;
    display: block;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-top: .8rem;
    text-decoration: none;
    transition: .2s ease
}

.c-table-of-contents__link:focus, .c-table-of-contents__link:hover {
    color: #4090bd
}

.c-table-of-contents__sublevel-list {
    padding-left: 1.6rem
}

.info-box-prime {
    border-top: 1px solid #d9e9f2;
    border-radius: 3px;
    color: #a0a6b7;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    padding: .8rem
}

.info-box-prime a {
    color: #1569b4
}

.s-wysiwyg {
    color: #152241;
    line-height: 0
}

.s-wysiwyg > * {
    margin-top: 2.4rem
}

.s-wysiwyg > :first-child {
    margin-top: 0
}

.s-wysiwyg h1 {
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 7.7rem
}

@media (min-width: 1024px) {
    .s-wysiwyg h1 {
        font-size: 6.7rem;
        line-height: 7.7rem
    }
}

.s-wysiwyg h2 {
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 3.1rem;
    font-weight: 400;
    line-height: 4.7rem
}

@media (min-width: 1024px) {
    .s-wysiwyg h2 {
        font-size: 3.8rem;
        line-height: 4.7rem
    }
}

.s-wysiwyg h3 {
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3.8rem;
    margin-top: 4rem
}

@media (min-width: 1024px) {
    .s-wysiwyg h3 {
        font-size: 2.8rem;
        line-height: 3.8rem
    }
}

.s-wysiwyg h4 {
    color: #444e67;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem
}

@media (min-width: 1024px) {
    .s-wysiwyg h4 {
        font-size: 2.1rem;
        line-height: 3.2rem
    }
}

.s-wysiwyg h5 {
    color: #444e67;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem
}

@media (min-width: 1024px) {
    .s-wysiwyg h5 {
        font-size: 1.9rem;
        line-height: 2.4rem
    }
}

.s-wysiwyg p, .s-wysiwyg td, .s-wysiwyg th {
    color: #444e67;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem
}

@media (min-width: 1024px) {
    .s-wysiwyg p, .s-wysiwyg td, .s-wysiwyg th {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

@media screen and (min-width: 768px) {
    .s-wysiwyg p, .s-wysiwyg td, .s-wysiwyg th {
        font-size: 1.6rem
    }
}

.s-wysiwyg p > a, .s-wysiwyg td > a, .s-wysiwyg th > a {
    color: #1569b4;
    overflow-wrap: break-word;
    text-decoration: underline
}

.s-wysiwyg strong {
    font-weight: 700
}

.s-wysiwyg code {
    border-radius: 1.8rem;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-family: Roboto Mono, monospace;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    padding: 1.6rem
}

@media (min-width: 1024px) {
    .s-wysiwyg code {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

.s-wysiwyg code > a {
    color: #1569b4;
    overflow-wrap: break-word;
    text-decoration: underline
}

.s-wysiwyg code:not([class]) {
    background: #f3f4f6;
    border-radius: .4rem;
    box-shadow: inset 0 0 0 1px #d9dbe0;
    color: #152241;
    font-size: 1.5rem;
    padding: 0 .8rem .2rem;
    word-break: normal
}

.s-wysiwyg ol, .s-wysiwyg ul {
    color: #777;
    font-size: 1.4rem;
    letter-spacing: -.01em;
    line-height: 1.8rem;
    margin-left: 3rem;
    margin-top: .8rem;
    padding: 0
}

@media screen and (min-width: 768px) {
    .s-wysiwyg ol, .s-wysiwyg ul {
        font-size: 1.6rem;
        line-height: 1.6rem
    }
}

.s-wysiwyg ol li, .s-wysiwyg ul li {
    margin: 1rem 0
}

.s-wysiwyg ol li:first-child, .s-wysiwyg ul li:first-child {
    margin-top: 0
}

.s-wysiwyg li p {
    margin: .8rem 0
}

.s-wysiwyg dt {
    color: #444e67;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    font-weight: 700;
    line-height: 2.6rem
}

@media (min-width: 1024px) {
    .s-wysiwyg dt {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

.s-wysiwyg ol.arabic {
    list-style-type: decimal
}

.s-wysiwyg ol.loweralpha {
    list-style-type: lower-alpha
}

.s-wysiwyg ol > li {
    position: relative
}

.s-wysiwyg ol > li::marker {
    color: #444e67;
    font-family: Facundo, Helvetica, Arial, sans-serif
}

.s-wysiwyg ul > li {
    position: relative
}

.s-wysiwyg ul > li:before {
    content: "•";
    display: block;
    left: -3rem;
    line-height: 2.6rem;
    position: absolute;
    text-align: center;
    width: 3rem
}

.s-wysiwyg table.stretch {
    width: 100%
}

.s-wysiwyg table.stripes-all tbody tr, .s-wysiwyg table.stripes-even tbody tr:nth-of-type(2n), .s-wysiwyg table.stripes-hover tbody tr:hover, .s-wysiwyg table.stripes-odd tbody tr:nth-of-type(odd) {
    background: #F3F1FC
}

.s-wysiwyg table.grid-all > * > tr > * {
    border: 1px solid #d9dbe0
}

.s-wysiwyg table.grid-rows > * > tr > * {
    border-bottom: 1px solid #d9dbe0
}

.s-wysiwyg table.dark-header th {
    background-color: #f3f3f3;
    font-weight: 600;
    padding: .3rem
}

.s-wysiwyg .tableblock th, .s-wysiwyg .tableblock th p {
    font-weight: 600
}

.s-wysiwyg .tableblock td, .s-wysiwyg .tableblock th {
    padding: .6rem;
    word-break: break-word
}

table.tableblock {
    table-layout: fixed;
}

.s-wysiwyg .tableblock td.halign-center, .s-wysiwyg .tableblock th.halign-center {
    text-align: center
}

.s-wysiwyg .tableblock td.valign-middle, .s-wysiwyg .tableblock th.valign-middle {
    vertical-align: middle
}

.s-wysiwyg .tableblock td.halign-left, .s-wysiwyg .tableblock th.halign-left {
    text-align: left
}

.s-wysiwyg .tableblock tr:first-child td {
    padding-top: 1.2rem
}

.s-wysiwyg .note {
    background: #f3f1fc;
    border-radius: .8rem;
    box-shadow: inset 9994px 0 0 -9990px #b6acea;
    color: #454f9d;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    margin: 2.4rem 0;
    padding: 1.6rem 2rem
}

@media (min-width: 1024px) {
    .s-wysiwyg .note {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

.s-wysiwyg .note td {
    padding: .6rem;
    word-break: normal
}

.s-wysiwyg table.cve {
    display: block;
    overflow-x: auto
}

.s-wysiwyg table.cve td, .s-wysiwyg table.cve th {
    word-break: normal
}

.s-wysiwyg table.cve td p, .s-wysiwyg table.cve th p {
    font-size: 1.3rem
}

.s-wysiwyg .na {
    color: #777
}

.s-wysiwyg .na > a {
    color: #66a6ca
}

.s-wysiwyg table.cve > tbody > tr > td:first-child {
    text-align: left;
    white-space: nowrap
}

.s-wysiwyg span.image {
    vertical-align: middle
}

.s-wysiwyg span.image.os-icon {
    -webkit-filter: invert(10%) sepia(45%) saturate(1690%) hue-rotate(197deg) brightness(91%) contrast(93%);
    filter: invert(10%) sepia(45%) saturate(1690%) hue-rotate(197deg) brightness(91%) contrast(93%)
}

.s-wysiwyg sup {
    font-size: smaller;
    vertical-align: super
}

.s-wysiwyg sup a {
    color: #1569b4;
    overflow-wrap: break-word;
    text-decoration: underline
}

.s-wysiwyg div.imageblock div.title {
    font-size: 1.4rem;
    margin: 1.6rem;
    text-align: center
}

.s-wysiwyg div.imageblock div.title, .s-wysiwyg input {
    font-family: Facundo, Helvetica, Arial, sans-serif
}

.s-wysiwyg .tooltip {
    position: relative; /* Creates positioning context for the tooltip */
    display: inline-block;
}

.s-wysiwyg .tooltip .text {
    border-bottom: 1px dotted #000;
    display: inline-block;
    position: relative
}

.s-wysiwyg .tooltip .tooltip-id {
    color: #1569b4
}

.s-wysiwyg .tooltip .link {
    border-bottom: none
}

.s-wysiwyg .tooltip .tooltiptext {
    background-color: #F3F1FC;
    border: 1px solid #66a6ca;
    border-radius: 6px;
    bottom: 100%; /* Position above the trigger (instead of 125%) */
    left: 50%; /* Start from center */
    width: 200px;
    transform: translateX(-50%); /* Center horizontally */
    margin-bottom: 5px; /* Small gap between tooltip and trigger */
    opacity: 0;
    padding: 5px 10px;
    position: absolute; /* ✅ This removes it from document flow */
    text-align: center;
    font-size: 1em;
    font-weight: normal;
    transition: opacity .3s;
    visibility: hidden;
    white-space: break-spaces; /* Your original setting */
    display: inline-block;
    z-index: 1000; /* Higher z-index */
}

.s-wysiwyg .tooltip:hover .tooltiptext {
    opacity: 1;
    visibility: visible
}

.s-wysiwyg .title {
    color: #444e67;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-style: italic
}

.s-wysiwyg .openblock .title {
    padding-top: 1.6rem
}

.s-wysiwyg .admonitionblock.note .title {
    font-style: normal
}

.s-wysiwyg em {
    font-style: italic
}

.s-wysiwyg em a {
    color: #1569b4
}

.hljs {
    overflow-x: auto
}

.sect1, .sect2, .sect3 {
    margin-top: 4rem
}

h1 a.anchor, h2 a.anchor, h3 a.anchor, h4 a.anchor, h5 a.anchor, h6 a.anchor {
    color: #1569b4;
    font-weight: 400;
    position: absolute;
    text-align: center;
    text-decoration: none !important;
    visibility: hidden;
    width: 1.5ex;
    z-index: 1001
}

h1 > a.anchor:before, h2 > a.anchor:before, h3 > a.anchor:before, h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before {
    content: "§";
    font-size: .85em;
    padding-top: .1em
}

h1:hover > a.anchor, h2:hover > a.anchor, h3:hover > a.anchor, h4:hover > a.anchor, h5:hover > a.anchor, h6:hover > a.anchor {
    visibility: visible
}

.u-screenreader-text {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

/*!
  Theme: a11y-dark
  Author: @ericwbailey
  Maintainer: @ericwbailey

  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
*/
.hljs {
    background: #2b2b2b;
    color: #f8f8f2
}

.hljs-comment, .hljs-quote {
    color: #d4d0ab
}

.hljs-deletion, .hljs-name, .hljs-regexp, .hljs-selector-class, .hljs-selector-id, .hljs-tag, .hljs-template-variable, .hljs-variable {
    color: #ffa07a
}

.hljs-built_in, .hljs-link, .hljs-literal, .hljs-meta, .hljs-number, .hljs-params, .hljs-type {
    color: #f5ab35
}

.hljs-attribute {
    color: gold
}

.hljs-addition, .hljs-bullet, .hljs-string, .hljs-symbol {
    color: #abe338
}

.hljs-section, .hljs-title {
    color: #00e0e0
}

.hljs-keyword, .hljs-selector-tag {
    color: #dcc6e0
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

@media screen and (-ms-high-contrast: active) {
    .hljs-addition, .hljs-attribute, .hljs-built_in, .hljs-bullet, .hljs-comment, .hljs-link, .hljs-literal, .hljs-meta, .hljs-number, .hljs-params, .hljs-quote, .hljs-string, .hljs-symbol, .hljs-type {
        color: highlight
    }

    .hljs-keyword, .hljs-selector-tag {
        font-weight: 700
    }
}

/* Custom general styling */
.footnote {
    font-size: 1.2em;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    margin-top: 10px;
}

/* Custom styling for collapsible text blocks */
details {
    padding: 5px;
}

details .title {
    margin-bottom: 20px;
    cursor: pointer;
    line-height: normal;
    font-weight: bold;
}

details .content p {
    margin-bottom: 5px;
}

details code {
    margin-bottom: 10px;
}

/* Custom styling for image modals */
img {
    cursor: zoom-in;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-close-btn {
    position: absolute;
    top: -40px;
    right: -40px;
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
    padding: 10px;
}

.modal img {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
    cursor: auto;
}

.modal-label {
    color: white;
    margin-top: 15px;
    text-align: center;
    font-size: 16px;
    font-family: Facundo, Helvetica, Arial, sans-serif;
}

.closeBtn {
    color: rgba(255, 255, 255, 0.87);
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.closeBtn:hover {
    color: rgb(255, 255, 255);
}

@keyframes zoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

/* Custom styling for copy clipboard */
.listingblock:hover .clipboard {
    display: block;
}

.clipboard {
    /*display: none;*/
    border: 0;
    font-size: .75em;
    text-transform: uppercase;
    font-weight: 500;
    padding: 6px;
    color: #999;
    position: absolute;
    top: .425rem;
    right: .5rem;
    background: transparent;
}

.highlight {
    position: relative;
}

.copySymbol {
    color: inherit;
    max-width: 20px;
    min-width: 20px;
    max-height: 20px;
    min-height: 20px;
    padding: 3px;
    cursor: pointer;
}

code + .clipboard {
    top: 2rem !important;
}

pre code::-webkit-scrollbar {
    overflow: scroll;
}

pre code::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 0.5em;
    box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%);
}

/* Custom styling for Call To Action blocks */
.o-cta-band {
    background: var(--setting--background-color, #444e67) url(/assets/img/cta-band.svg) no-repeat;
    background-blend-mode: overlay;
    background-size: 100% 100%;
    border-radius: 1.6rem;
    color: var(--setting--color, #fff);
    display: grid;
    gap: 2.4rem;
    padding: 4rem 2.4em;
}

@media (min-width: 768px) {
    .o-cta-band {
        gap: 3.2rem;
        padding-inline: 3.2rem;
    }
}

.o-cta-band--sidebar {
    background-image: url(/assets/img/cta-band-sidebar.svg);
    padding: 2.4rem;
}

.o-cta-band__inner {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

@media (min-width: 768px) {
    .o-cta-band__inner {
        align-items: center;
        flex-direction: row;
        gap: 3.2rem;
    }
}

.o-cta-band--sidebar .o-cta-band__inner {
    flex-direction: column;
    gap: 1.6rem;
}

.o-cta-band__headline {
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3.8rem;
}

@media (min-width: 1024px) {
    .o-cta-band__headline {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }
}

.o-cta-band--sidebar .o-cta-band__headline {
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2rem;
}

@media (min-width: 1024px) {
    .o-cta-band--sidebar .o-cta-band__headline {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.o-cta-band--sidebar .o-cta-band__headline:only-child {
    text-align: center;
}

.o-cta-band__desc {
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
}

@media (min-width: 1024px) {
    .o-cta-band__desc {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.o-cta-band__desc:not(:first-child) {
    margin-top: 0.8rem;
}

.o-cta-band--sidebar .o-cta-band__desc {
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
}

@media (min-width: 1024px) {
    .o-cta-band--sidebar .o-cta-band__desc {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
}

.o-cta-band--sidebar .o-cta-band__cta {
    justify-content: center;
    min-height: 4.8rem;
    padding: 0.8rem 1.6rem;
    width: 100%;
}

.c-table-of-contents__cta-band:not(:first-child) {
    margin-top: 2.4rem;
}

/* Improved font sizes for mobile */
.c-site-nav__topmenu-link {
    align-items: center;
    gap: 0.8rem;
    font-size: 2rem;
    line-height: 2rem;
}

@media (min-width:768px) {
    .c-site-nav__topmenu-link {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.c-site-nav__chevron {
    flex-shrink: 0;
    align-self: flex-start;
}

.c-site-nav__submenu-link {
    font-size: 1.2rem;
    line-height: 2rem;
}

@media (min-width:768px) {
    .c-site-nav__submenu-link {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

/* Versions list */
.not-latest {
    margin: 15px 0 10px 0;
    padding: 15px;
    border-radius: 1.6rem;
    background-color: #FBECD1;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
}

.c-site-nav__version {
    padding: 0 1.8rem;
}

.o-versions-list__label {
    color: #737a8d;
    background: none;
    border: 2px solid #d1d1d3;
    border-radius: 2.4rem;
    cursor: pointer;
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    min-height: 4.8rem;
    padding: 1.2rem 4.4rem 1.2rem 2rem;
    position: relative;
    text-align: left;
    transition: border-color .2s ease-in-out;
    width: 100%;
}

.o-versions-list--open .o-versions-list__label {
    border-color: #152241
}

.o-versions-list__label:after {
    border-color: #a0a6b7 transparent transparent;
    border-style: solid;
    border-width: .6rem .6rem 0;
    content: "";
    height: 0;
    position: absolute;
    right: 2rem;
    top: calc(50% - .3rem);
    transition: border-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: border-color .2s ease-in-out, transform .2s ease-in-out;
    transition: border-color .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 0
}

.o-versions-list--open .o-versions-list__label:after {
    border-top-color: #152241;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.o-versions-list__menu {
    border-radius: 1.6rem;
    display: grid;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: .8rem 0;
    position: absolute;
    top: 100%;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.o-versions-list--open .o-versions-list__menu {
    visibility: visible;
    opacity: 1;
    position: relative;
}

.o-versions-list__menu-nav {
    background: #fff;
    border: 1px solid #d9dbe0;
    border-radius: inherit;
    display: grid;
    max-height: 32rem;
    overflow-y: auto;
    padding: .8rem;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.o-versions-list--open .o-versions-list__menu-nav {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.o-versions-list__menu-nav-item {
    background: transparent;
    border-radius: .8rem;
    color: #152241;
    display: block;
    padding: 1.2rem;
    text-decoration: none;
    transition: background-color .2s ease-in-out
}

.o-versions-list__menu-nav-item:hover {
    background-color: #f3f4f6
}

.o-versions-list__menu-nav-item-intro {
    align-items: flex-start;
    display: flex;
    gap: .8rem
}

.o-versions-list__menu-nav-item-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    height: 2rem;
    width: 1.6rem
}

.o-dropdown-list__menu-nav-item-icon-normal {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H64C28.7 64 0 92.7 0 128v16 48V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V192 144 128c0-35.3-28.7-64-64-64H344V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H152V24zM48 192h80v56H48V192zm0 104h80v64H48V296zm128 0h96v64H176V296zm144 0h80v64H320V296zm80-48H320V192h80v56zm0 160v40c0 8.8-7.2 16-16 16H320V408h80zm-128 0v56H176V408h96zm-144 0v56H64c-8.8 0-16-7.2-16-16V408h80zM272 248H176V192h96v56z'/%3E%3C/svg%3E");
}

.o-dropdown-list__menu-nav-item-icon-ga {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E");
}

.o-dropdown-list__menu-nav-item-icon-update {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M349.4 44.6c5.9-13.7 1.5-29.7-10.6-38.5s-28.6-8-39.9 1.8l-256 224c-10 8.8-13.6 22.9-8.9 35.3S50.7 288 64 288H175.5L98.6 467.4c-5.9 13.7-1.5 29.7 10.6 38.5s28.6 8 39.9-1.8l256-224c10-8.8 13.6-22.9 8.9-35.3s-16.6-20.7-30-20.7H272.5L349.4 44.6z'/%3E%3C/svg%3E");
}

.o-versions-list__menu-nav-item-title {
    flex-grow: 1;
}

.o-versions-list__menu-nav-item-desc,
.o-versions-list__menu-nav-item-title {
    font-family: Facundo, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
}

.o-versions-list__menu-nav-item-desc {
    color: #737a8d
}

.o-versions-list__menu-nav-item-desc:not(:first-child) {
    border-top: 1px solid #d9dbe0;
    margin-top: .4rem;
    padding-top: .4rem
}


@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.c-site-header__search--open .c-site-header__search-results {
    animation: fade-in 0.3s;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}