.section-ocr-embed-header {

    gap: 2.4rem
}

.section-ocr-embed-header {

    display: grid;

    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.section-ocr-embed-header > div {

    grid-column: span 12 / span 12;

    text-align: center
}

.section-ocr-embed .section-ocr-embed-title {

    margin-left: auto;

    margin-right: auto
}

.section-ocr-embed .section-ocr-embed-title h2 {

    font-family: var(--font-family-nb-international-pro);

    font-size: var(--font-headline-3-m-size);

    line-height: var(--font-headline-3-m-line-height, normal);

    letter-spacing: var(--font-headline-3-m-letter-spacing, 0);

    font-weight: var(--font-headline-3-m-weight, 400)
}

.section-ocr-embed .section-ocr-embed-title div {

    font-family: var(--font-family-nb-international-pro);

    font-size: var(--font-headline-3-m-size);

    line-height: var(--font-headline-3-m-line-height, normal);

    letter-spacing: var(--font-headline-3-m-letter-spacing, 0);

    font-weight: var(--font-headline-3-m-weight, 400)
}

.section-ocr-embed .section-ocr-embed-title div {

    margin-top: 2.4rem;

    background-image: linear-gradient(298.79deg, #2DB5D2 -23.47%, #00FA6C 92.01%, #2DB5D2 214.83%);;

    -webkit-background-clip: text;

            background-clip: text;

    color: transparent
}

.section-ocr-embed .section-ocr-embed-navbar {

    margin-left: -2.4rem;

    margin-right: -2.4rem;

    margin-top: 2.4rem;

    border-bottom-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-navy-03) / var(--tw-border-opacity))
}

.section-ocr-embed .section-ocr-embed-navbar-inner {

    display: flex;

    align-items: stretch;

    overflow-x: scroll;

    padding-top: 0.8rem;

    padding-bottom: 0.8rem;

    padding-left: 4.0rem;

    padding-right: 4.0rem;
}

.section-ocr-embed .section-ocr-embed-navbar a {

    margin-left: 1.2rem;

    margin-right: 1.2rem;

    display: flex;

    /* min-width: 80px; */

    flex-basis: 20%;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 0.8rem;

    white-space: nowrap;

    border-radius: 0.8rem;

    padding-left: 0.8rem;

    padding-right: 0.8rem;

    padding-top: 1.2rem;

    padding-bottom: 1.2rem;

    --tw-text-opacity: 1;

    color: rgb(var(--color-white) / var(--tw-text-opacity))
}

.section-ocr-embed .section-ocr-embed-navbar a:first-child {

    margin-left: 0
}

.section-ocr-embed .section-ocr-embed-navbar a:last-child {

    margin-right: 0
}

.section-ocr-embed .section-ocr-embed-navbar a:hover {

    --tw-text-opacity: 1;

    color: rgb(var(--color-blue) / var(--tw-text-opacity));

    border-radius: 3rem;
}

.section-ocr-embed .section-ocr-embed-navbar a:hover:hover {

    background-image: linear-gradient(307.48deg, #2DB5D2 -211.07%, #00FA6C -6.04%, #2DB5D2 212.05%);
}

.section-ocr-embed .section-ocr-embed-navbar a.selected {

    background-image: linear-gradient(298.79deg, #2DB5D2 -23.47%, #00FA6C 92.01%, #2DB5D2 214.83%);;

    --tw-text-opacity: 1;

    color: rgb(var(--color-blue) / var(--tw-text-opacity));

    border-radius: 3rem;
}

.section-ocr-embed .section-ocr-embed-body {

    margin-top: 4.0rem;

    aspect-ratio: 455/1564;

    border-radius: 4.0rem;

    border-width: 1px;

    border-color: rgb(var(--color-white) / 0.3);

    background-color: rgb(var(--color-ivory) / 0.25);

    padding: 1.6rem;

    --tw-shadow: 0rem 0rem 0rem rgba(23, 28, 58, 0.4);

    --tw-shadow-colored: 0rem 0rem 0rem var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

    --tw-backdrop-blur: blur(40px);

    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);

            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

@media (min-width: 640px) {

    .container {

        max-width: 640px
    }

    .\!container {

        max-width: 640px !important
    }
}

@media (min-width: 768px) {

    .container {

        max-width: 768px
    }

    .\!container {

        max-width: 768px !important
    }
}

@media (min-width: 1024px) {

    .container {

        max-width: 1024px
    }

    .\!container {

        max-width: 1024px !important
    }

    .gap-grid {

        gap: 2.4rem
    }

    /*
    .section-ocr-embed-header {

        gap: 2.4rem
    }

    .section-ocr-embed-header > div {

        grid-column: span 8 / span 8;

        grid-column-start: 2
    }
    */

    .section-ocr-embed .section-ocr-embed-title h2 {

        font-size: var(--font-headline-3-size);

        line-height: var(--font-headline-3-line-height, normal);

        letter-spacing: var(--font-headline-3-letter-spacing, 0);

        font-weight: var(--font-headline-3-weight, 400)
    }

    .section-ocr-embed .section-ocr-embed-title div {

        font-size: var(--font-headline-3-size);

        line-height: var(--font-headline-3-line-height, normal);

        letter-spacing: var(--font-headline-3-letter-spacing, 0);

        font-weight: var(--font-headline-3-weight, 400)
    }

    .section-ocr-embed .section-ocr-embed-navbar {

        margin-left: 0;

        margin-right: 0;

        margin-top: 3.2rem;

        border-radius: 5rem;

        border-width: 1px
    }

    .section-ocr-embed .section-ocr-embed-navbar-inner {

        overflow-x: visible;

        padding-left: 0.8rem;

        padding-right: 0.8rem
    }

    .section-ocr-embed .section-ocr-embed-navbar a {

        flex-direction: row
    }

    .section-ocr-embed .section-ocr-embed-body {

        aspect-ratio: 1226/822;

        padding: 2.4rem
    }
}

@media (min-width: 1280px) {

    .container {

        max-width: 1280px
    }

    .\!container {

        max-width: 1280px !important
    }
}

@media (min-width: 1536px) {

    .container {

        max-width: 1536px
    }

    .\!container {

        max-width: 1536px !important
    }
}

@media (min-width: 1800px) {

    .container {

        max-width: 1800px
    }

    .\!container {

        max-width: 1800px !important
    }
}