@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css);
@import url(https://use.typekit.net/dzb3jak.css);

:root {
    --sapc-navy: #00124d;
    --sapc-bright-blue: #1500ac;
    --sapc-light-blue: #11c7f0;
    --sapc-light-blue-translucent: #11c7f012;
    --sapc-yellow: #fff200;
    --sapc-orange: #ff9100;
    --sapc-light-gray: #cfcfcf;
    --site-primary-color: var(--sapc-navy);
    --wireframe-1: #102a43;
    --wireframe-2: #243b53;
    --wireframe-3: #3e4750;
    --wireframe-4: #486581;
    --wireframe-5: #627d98;
    --wireframe-6: #829ab1;
    --wireframe-7: #9fb3c8;
    --wireframe-8: #bcccdc;
    --wireframe-9: #d9e2ec;
    --wireframe-10: #f0f4f8;
    --base-text-color: var(--sapc-navy);
    --base-heading-color: var(--sapc-navy);
    --base-link-color: var(--sapc-navy);
    --base-link-hover-color: var(--sapc-navy);
    --root-font-size: 62.5%;
    --base-font-size: 1.6rem;
    --base-line-height: 1.675;
    --base-heading-line-height: 1;
    --base-heading-font-weight: 400;
    --xxl-line-height: 0.9;
    --base-gap: 2rem;
    --base-small-gap: 1rem;
    --base-large-gap: 3rem;
    --base-container-padding: 4.5rem;
    --base-container-width: 85vw;
    --base-container-max-width: 120rem;
    --base-container-margin: max(calc((100vw - var(--base-container-width)) / 2), calc((100vw - var(--base-container-max-width)) / 2))
}

@media(min-width:48rem) {
    :root {
        --base-font-size: 1.8rem;
        --base-container-padding: 6rem;
        --base-gap: 3rem;
        --base-small-gap: 1.5rem;
        --base-large-gap: 4rem
    }
}

@media(min-width:64rem) {
    :root {
        --base-font-size: 2.1rem;
        --base-container-padding: 8rem;
        --base-gap: 4rem;
        --base-small-gap: 2rem;
        --base-large-gap: 6rem
    }
}

.base-card {
    position: relative;
    border: 3px solid #000;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 1.2rem 1.2rem 0 var(--sapc-navy);
    color: var(--base-text-color)
}

*,
::after,
::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    font-size: var(--root-font-size, 62.5%);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    font: var(--base-font-size, 1.6rem)/var(--base-line-height, 1.4) var(--primary-font-family);
    font-display: swap;
    background: var(--base-background-color, #fff);
    color: var(--base-text-color, #111);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.container {
    position: relative;
    margin: 0 var(--base-container-margin);
    padding: var(--base-container-padding) 0
}

main {
    overflow: hidden
}

ul {
    list-style: none
}

img,
picture,
video {
    display: block;
    max-width: 100%;
    height: auto
}

svg {
    display: block
}

address {
    font-style: normal
}

sub,
sup {
    line-height: 0
}

button,
input,
textarea {
    font: inherit
}

button {
    appearance: none;
    background: 0 0;
    border: none;
    cursor: pointer;
    color: inherit
}

table {
    width: 100%;
    border-collapse: collapse
}

[disabled] {
    cursor: not-allowed
}

pre {
    page-break-inside: avoid;
    font-family: monospace;
    overflow: auto;
    display: block;
    word-wrap: break-word;
    text-align: left
}

a {
    text-decoration: none
}

[data-whatintent=keyboard] a:focus,
[data-whatintent=mouse] a:hover,
[data-whatintent=touch] a:active {
    text-decoration: underline
}

a[href^=mailto] {
    word-wrap: break-word
}

main a {
    color: var(--base-link-color)
}

[data-whatintent=keyboard] main a:focus,
[data-whatintent=mouse] main a:hover,
[data-whatintent=touch] main a:active {
    color: var(--base-link-hover-color)
}

#__layout>div {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

#__layout>div main {
    flex: 1
}

.sr-only {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

:focus {
    outline-color: var(--primary-site-color);
    outline-offset: .5rem;
    -webkit-focus-ring-color: var(--primary-site-color)
}

[data-whatinput=mouse] :focus,
[data-whatinput=touch] :focus {
    outline: 0
}

@media(prefers-reduced-motion:reduce) {

    *,
    ::after,
    ::before {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important
    }
}

:root {
    --primary-font-family: "Roboto", sans-serif;
    --heading-font-family: "veneer", "Arial Narrow";
    --xxl-font-size: 7.8rem;
    --xl-font-size: 5.4rem;
    --h1-font-size: 4rem;
    --h2-font-size: 3.5rem;
    --h3-font-size: 3rem;
    --h4-font-size: 2.2rem
}

@media(min-width:48rem) {
    :root {
        --xxl-font-size: 12rem;
        --xl-font-size: 8rem;
        --h1-font-size: 4.8rem;
        --h2-font-size: 4.4rem;
        --h3-font-size: 4rem;
        --h4-font-size: 2.8rem
    }
}

@media(min-width:64rem) {
    :root {
        --xxl-font-size: 16rem;
        --xl-font-size: 10rem;
        --h1-font-size: 6.4rem;
        --h2-font-size: 5.8rem;
        --h3-font-size: 5rem;
        --h4-font-size: 3.8rem
    }
}

:root[lang=es] {
    --xxl-font-size: 7rem
}

@media(min-width:48rem) {
    :root[lang=es] {
        --xxl-font-size: 11rem
    }
}

@media(min-width:64rem) {
    :root[lang=es] {
        --xxl-font-size: 14rem
    }
}

h1,
h2,
h3,
h4 {
    font-family: var(--heading-font-family);
    font-weight: var(--base-heading-font-weight);
    line-height: var(--base-heading-line-height);
    color: var(--base-heading-color);
    text-transform: uppercase
}

h1 em,
h2 em,
h3 em,
h4 em {
    font-style: normal
}

h1 {
    font-size: var(--h1-font-size)
}

h2 {
    font-size: var(--h2-font-size)
}

h3 {
    font-size: var(--h3-font-size)
}

h4 {
    font-size: var(--h4-font-size)
}

@keyframes bounce {
    0% {
        bottom: 5px
    }

    25%,
    75% {
        bottom: 15px
    }

    50% {
        bottom: 20px
    }

    100% {
        bottom: 0
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeinout {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

body.mobile-nav-open {
    height: 100vh;
    overflow-y: hidden
}

body.hide-overflow-y {
    overflow-y: hidden
}

.what-to-expect-split-card {
    font-size: 1.7rem;
    margin: 0 var(--base-container-margin);
    row-gap: var(--base-gap)
}

.what-to-expect-split-card sup {
    font-size: 1.1rem
}

.what-to-expect-split-card p:not(:last-child) {
    margin-bottom: var(--base-small-gap)
}

@media(max-width:47.98rem) {
    .what-to-expect-split-card .sapc-split-image-card__image {
        padding-left: 0;
        margin-right: 0 !important
    }
}

.what-to-expect-split-card .sapc-split-image-card__copy {
    flex-direction: column;
    margin: 0
}

@media(min-width:64rem) {
    .what-to-expect-split-card {
        flex-direction: row !important;
        gap: var(--base-gap) !important
    }

    .what-to-expect-split-card>* {
        flex: 1
    }

    .what-to-expect-split-card .sapc-split-image-card__copy {
        display: flex;
        flex-grow: 1;
        height: 100%
    }
}

.disclaimer {
    font-size: 1.4rem;
    position: relative;
    padding-top: var(--base-gap);
    border-top: 1px solid var(--sapc-light-blue)
}

.yellow {
    color: var(--sapc-yellow) !important
}

.underline {
    text-decoration: underline
}

.centered {
    text-align: center
}

@media(min-width:48rem) {
    .centered-desktop {
        text-align: center
    }
}

.desktop-only {
    display: none
}

@media(min-width:48rem) {
    .desktop-only {
        display: block
    }
}

@media(min-width:48rem) {
    .mobile-only {
        display: none
    }
}

#references>.container {
    padding: 1rem 0
}

#references>.container h3>button>span {
    text-transform: uppercase
}

.references-accordion-section a {
    color: var(--sapc-bright-blue);
    font-weight: 700;
    text-decoration: underline
}

.references-accordion-section .agent-accordion-item__handle button {
    background-color: #fff;
    justify-content: center
}

.references-accordion-section .articles,
.references-accordion-section .sources {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--base-gap)
}

.references-accordion-section .articles::before,
.references-accordion-section .sources::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50vw;
    width: 200vw;
    height: 1px;
    background-color: var(--sapc-light-gray)
}

.references-accordion-section .sources a {
    font-style: italic
}

.references-accordion-section .articles {
    text-align: center
}

.references-accordion-section .articles>div {
    display: flex;
    flex-direction: column
}

.references-accordion-section .agent-accordion-item__copy>div>div {
    padding: var(--base-gap) 0
}

.video-card-pack .agent-card__heading h3 {
    color: #fff;
    font-size: 3rem
}

.y-video__inner {
    position: relative;
    z-index: 1
}

.y-video__inner::after {
    z-index: 2;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(21, 0, 172, .7)
}

.y-video__button {
    z-index: 3;
    border-radius: 50% !important;
    height: 4rem !important;
    width: 4rem !important;
    background-color: rgba(255, 255, 255, .25)
}

.y-video__button svg>path:first-of-type {
    fill: var(--sapc-light-blue)
}

#overdose-happens-fast .sapc-what-to-do-card__heading h3 {
    color: var(--sapc-blue)
}

#toolkits .agent-card__copy a {
    font-weight: 700;
    color: var(--sapc-yellow);
    text-decoration: underline
}

@media(max-width:47.98rem) {
    #toolkits .agent-card-pack>div {
        display: flex;
        flex-direction: column
    }

    #toolkits .agent-card-pack>div .agent-card {
        display: flex;
        flex-direction: row;
        gap: var(--base-gap)
    }

    #toolkits .agent-card-pack>div .agent-card>* {
        flex: 1
    }

    #toolkits .agent-card-pack>div .agent-card__copy {
        text-align: left
    }
}

#how-to-use-naloxone .agent-section-intro-copy__main-copy {
    padding-top: 0
}

#how-to-use-naloxone .agent-section-intro-copy__main-copy p {
    padding-top: .5rem
}

#how-to-use-naloxone .agent-card-pack>div {
    grid-template-columns: repeat(1, 1fr)
}

#how-to-use-naloxone .video-card {
    flex-direction: column;
    gap: var(--base-small-gap)
}

#how-to-use-naloxone .video-card .agent-card__heading h3 {
    text-transform: none;
    color: var(--sapc-orange)
}

@media(min-width:64rem) {
    #how-to-use-naloxone .agent-embedded-video {
        padding: 0 15%
    }
}

#how-to-use-naloxone .agent-section-intro-copy.blue-blurb {
    background-color: var(--sapc-bright-blue);
    padding: var(--base-gap);
    color: #fff
}

@media(min-width:64rem) {
    #how-to-use-naloxone .agent-section-intro-copy.blue-blurb {
        padding: var(--base-small-gap)
    }
}

#how-to-use-naloxone .agent-section-intro-copy.blue-blurb .agent-section-intro-copy__subheading>h3 {
    color: var(--sapc-orange)
}

@media(max-width:47.98rem) {
    #how-to-use-naloxone .agent-section-intro-copy.blue-blurb .agent-section-intro-copy__subheading>h3 {
        color: #fff
    }
}

@media(min-width:64rem) {
    #if-in-doubt .agent-split-block {
        display: flex;
        flex-direction: row;
        gap: var(--base-gap);
        margin: 0 !important
    }

    #if-in-doubt .agent-split-block .agent-image {
        height: auto !important;
        width: 100% !important
    }
}

@media(min-width:64rem)and (min-width:64rem) {
    #if-in-doubt .agent-split-block .agent-image {
        padding: 0 10rem
    }
}

#if-in-doubt .agent-copy {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:64rem) {
    #if-in-doubt .agent-copy {
        padding: var(--base-large-gap);
        margin-right: var(--base-container-margin)
    }
}

@media(max-width:47.98rem) {
    #if-in-doubt .agent-copy__heading {
        padding: var(--base-gap) 0
    }

    #if-in-doubt h2 {
        padding-bottom: var(--base-small-gap)
    }
}

@media(min-width:48rem) {
    #if-in-doubt .container {
        margin-left: 0;
        padding: 0 !important
    }
}

@media(max-width:47.98rem) {
    #if-in-doubt p:last-of-type {
        padding-bottom: var(--base-gap)
    }
}

#if-in-doubt p:not(:last-of-type) {
    margin-bottom: var(--base-gap)
}

#xylazine-is-a-new-risk .agent-section-intro-copy__heading h2 {
    font-size: var(--h2-font-size) !important
}

@media(min-width:64rem) {

    #if-in-doubt .agent-copy__heading h2,
    #xylazine-is-a-new-risk .agent-copy__heading h2 {
        font-size: var(--h2-font-size)
    }

    #if-in-doubt .agent-copy__heading h3,
    #xylazine-is-a-new-risk .agent-copy__heading h3 {
        font-size: var(--h3-font-size);
        padding-bottom: var(--base-gap)
    }
}

.danger-50-50 {
    display: flex;
    flex-direction: column
}

@media(min-width:64rem) {
    .danger-50-50 {
        flex-direction: row
    }
}

@media(max-width:47.98rem) {
    .danger-50-50.reverse-mobile .agent-card-pack>div {
        flex-direction: column
    }
}

.danger-50-50 .agent-card-pack>div {
    display: flex;
    flex-direction: column-reverse
}

@media(min-width:64rem) {
    .danger-50-50 .agent-card-pack>div {
        flex-direction: row
    }
}

#fentanyl-is-everywhere .agent-card__copy h3 {
    color: var(--sapc-orange);
    text-transform: none
}

#fentanyl-is-everywhere .agent-card__copy a {
    color: var(--sapc-yellow);
    font-weight: 700
}

#fentanyl-is-dangerous .agent-card-pack .agent-card__copy,
#fentanyl-is-everywhere .agent-card-pack .agent-card__copy {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center
}

#fentanyl-is-dangerous .agent-card-pack .agent-card__copy p:not(:last-of-type),
#fentanyl-is-everywhere .agent-card-pack .agent-card__copy p:not(:last-of-type) {
    margin-bottom: var(--base-gap)
}

#fentanyl-stats .agent-card-pack>div {
    display: flex;
    flex-direction: column
}

@media(min-width:64rem) {
    #fentanyl-stats .agent-card-pack>div {
        flex-direction: row
    }
}

.closer-than-you-think-hero .agent-hero__copy {
    margin: 0;
    padding: 0 10vw
}

@media(min-width:64rem) {
    .closer-than-you-think-hero {
        text-align: center;
        justify-content: center;
        min-height: auto !important;
        padding: var(--base-large-gap) 0
    }

    .closer-than-you-think-hero .agent-hero__heading,
    .closer-than-you-think-hero .container {
        display: flex;
        flex-grow: 1;
        justify-content: center
    }

    .closer-than-you-think-hero .agent-hero__heading h1,
    .closer-than-you-think-hero .container h1 {
        text-align: center
    }
}

#how-to-talk-to-teens a {
    font-weight: 700;
    text-decoration: underline;
    color: var(--sapc-bright-blue)
}

@media(min-width:64rem) {

    #how-to-talk-to-teens .agent-section-intro-copy__heading,
    #how-to-talk-to-teens .agent-section-intro-copy__main-copy {
        max-width: none;
        padding: 0 10vw
    }
}

#how-to-talk-to-teens .agent-section-intro-copy__main-copy {
    margin-top: var(--base-small-gap)
}

#how-to-talk-to-teens .agent-card-pack>div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--base-large-gap);
    row-gap: 5rem
}

@media(min-width:64rem) {
    #how-to-talk-to-teens .agent-card-pack>div {
        grid-template-columns: repeat(4, 1fr)
    }
}

#how-to-talk-to-teens .agent-card-pack>div .agent-card {
    display: flex;
    flex-direction: column;
    align-items: center
}

#how-to-talk-to-teens .agent-card-pack>div .agent-card__image img {
    padding: 0 1rem
}

#how-to-talk-to-teens .agent-card-pack>div .agent-card__heading h3 {
    font-size: var(--h3-font-size)
}

@media(min-width:64rem) {
    #how-to-talk-to-teens .agent-card-pack>div .agent-card__heading h3 {
        font-size: var(--h4-font-size)
    }
}

#how-to-find-support .agent-section-intro-copy__main-copy {
    margin: 0;
    max-width: none
}

@media(min-width:64rem) {
    #how-to-find-support .agent-section-intro-copy__main-copy {
        padding: 0 var(--base-gap)
    }
}

#how-to-find-support .agent-section-intro-copy__footnote {
    margin-top: 1rem
}

#how-to-find-support .agent-section-intro-copy__footnote p {
    font-size: 1.6rem
}

@media(min-width:64rem) {
    #how-to-find-support .agent-section-intro-copy__footnote p {
        text-align: center
    }
}

#get-treatment a {
    color: var(--sapc-yellow);
    text-decoration: underline;
    font-weight: 700
}

@media(max-width:47.98rem) {
    #get-treatment .agent-accordion-item__handle h3 {
        font-size: var(--h4-font-size)
    }
}

section[data-background-color="#1500ac"] {
    background-image: url(/blue-bg.jpg);
    background-attachment: fixed
}

section[data-background-color="#00124d"] {
    background-image: url(/dark-blue-bg.jpg);
    background-attachment: fixed
}

html[lang=es] .hidden-es {
    display: none
}

.hidden {
    display: none
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-1.29278be.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-2.429c179.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-3.b85cfc2.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-4.15cc71e.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-5.c5e9592.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-6.0ee00ff.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-7.b0c3c9b.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-8.4934f50.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-9.d711fd2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-10.29278be.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-11.429c179.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-12.b85cfc2.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-13.15cc71e.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-14.c5e9592.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-15.0ee00ff.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-16.b0c3c9b.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-17.4934f50.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-18.d711fd2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-19.de0c660.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-20.98143bb.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-21.9b5735a.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-22.b104e28.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-23.641af38.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-24.c5cd32e.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-25.8e8d3dc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-26.3aec290.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-27.d27b0fe.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-28.de0c660.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-29.98143bb.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-30.9b5735a.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-31.b104e28.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-32.641af38.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-33.c5cd32e.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-34.8e8d3dc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-35.3aec290.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-36.d27b0fe.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-37.de0c660.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-38.98143bb.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-39.9b5735a.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-40.b104e28.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-41.641af38.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-42.c5cd32e.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-43.8e8d3dc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-44.3aec290.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-45.d27b0fe.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-46.de0c660.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-47.98143bb.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-48.9b5735a.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-49.b104e28.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-50.641af38.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-51.c5cd32e.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-52.8e8d3dc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-53.3aec290.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-54.d27b0fe.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --y-video-background-color: #000;
    --y-video-button-width: 68px;
    --y-video-button-height: 48px;
    --y-video-button-padding: 0;
    --y-video-button-border-width: 0;
    --y-video-button-background-color: transparent;
    --y-video-button-fill: #212121;
    --y-video-button-fill-opacity: 0.8;
    --y-video-button-active-fill: red;
    --y-video-button-active-fill-opacity: 1;
    --y-video-button-icon-fill: #fff
}

.y-video {
    background-color: var(--y-video-background-color, #000);
    cursor: pointer
}

.y-video__inner {
    position: relative
}

.y-video__embed,
.y-video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0
}

.y-video__media--type--img {
    object-fit: cover
}

.y-video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: var(--y-video-button-padding, 0);
    border-width: var(--y-video-button-border-width, 0);
    background-color: var(--y-video-button-background-color, transparent);
    width: var(--y-video-button-width, 68px);
    height: var(--y-video-button-height, 48px);
    cursor: pointer
}

.y-video__button-shape {
    fill: var(--y-video-button-fill, #212121);
    fill-opacity: var(--y-video-button-fill-opacity, .8)
}

.y-video__button-icon {
    fill: var(--y-video-button-icon-fill, #fff)
}

.y-video__button:focus {
    outline: 0
}

.y-video__button:focus .y-video__button-shape {
    fill: var(--y-video-button-active-fill, red);
    fill-opacity: var(--y-video-button-active-fill-opacity, 1)
}

.y-video:hover .y-video__button-shape {
    fill: var(--y-video-button-active-fill, red);
    fill-opacity: var(--y-video-button-active-fill-opacity, 1)
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0%;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #666;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

#skip-to-content {
    position: absolute;
    z-index: 999999999;
    top: .5rem;
    left: .5rem;
    transform: translateY(-200%)
}

#skip-to-content:focus {
    transform: none
}

.agent-cta {
    display: inline-block;
    padding: 0 2rem;
    font-size: 2.4rem;
    color: var(--sapc-bright-blue)
}

.agent-cta[data-type=primary] {
    font-family: var(--heading-font-family);
    text-transform: uppercase;
    border: 1rem solid;
    border-image: url("data:image/svg+xml,%3Csvg width='171' height='52' viewBox='0 0 171 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.15239 10.8011C1.19581 12.016 1.24257 13.2439 1.18579 14.4588C1.10897 16.126 0.84177 17.748 0.698149 19.4024C0.537827 21.2764 0.414245 23.2862 0.621328 25.1667C0.85513 27.3122 1.78366 28.5917 1.77364 30.8147C1.7703 32.2752 1.57324 33.7356 1.68012 35.1832C1.79368 36.7341 2.24125 38.1364 2.43163 39.6615C2.72555 42.0461 2.36149 44.5211 1.99742 46.8734C1.74024 48.5406 1.48306 50.2079 1.22921 51.8751H168.528C168.525 50.9058 168.562 49.7684 168.866 49.2967C169.904 47.6811 169.313 47.7134 168.525 46.2788C168.114 45.5357 168.144 43.8684 168.301 42.6018C168.528 40.773 168.518 39.8489 168.465 38.0912C168.418 36.5532 168.218 35.978 168.669 34.5111C168.899 33.7615 169.206 33.2316 169.434 32.4884C169.086 31.4803 168.405 31.4868 168.071 30.2395C167.87 29.4705 167.971 27.254 167.921 26.2782C167.85 24.8953 167.89 23.2539 168.311 22.459C168.615 21.8774 169.049 21.9033 169.317 21.1989C169.888 19.6932 169.14 16.992 169.397 14.9434C169.931 14.7302 170.466 14.5105 170.997 14.2972C171.03 13.1211 170.562 12.3908 170.202 11.7446C169.841 11.1049 169.514 9.65731 169.834 8.86892C170.392 8.26793 170.392 5.98676 170.041 4.65554C169.691 3.32432 169.133 2.51654 168.746 1.26286C168.709 1.14008 168.672 1.01084 168.639 0.881592L0.0401611 0.881592C0.103622 1.12069 0.163743 1.3598 0.220523 1.59244C0.911911 4.46167 1.03549 7.67341 1.15239 10.8011Z' fill='%23FFF200'/%3E%3C/svg%3E%0A") 50/50
}

.agent-cta[data-type=primary] span {
    background: var(--sapc-yellow)
}

[data-whatintent=keyboard] .agent-cta[data-type=primary]:focus,
[data-whatintent=mouse] .agent-cta[data-type=primary]:hover,
[data-whatintent=touch] .agent-cta[data-type=primary]:active {
    text-decoration: none;
    color: var(--sapc-bright-blue)
}

.agent-cta i+span,
.agent-cta span+i {
    margin-left: .5rem
}

.agent-cta[data-type=secondary] {
    border: 2px solid gray
}

@media(min-width:64rem) {
    .agent-cta {
        font-size: 4rem
    }
}

:root {
    --header-container-padding: 2rem;
    --header-logo-height: min(20vw, 10rem);
    --header-height: calc((var(--header-container-padding) * 2) + var(--header-logo-height))
}

@media(min-width:48rem) {
    :root {
        --header-height: calc(var(--header-container-padding) + var(--header-logo-height))
    }
}

.agent-header {
    background: var(--sapc-navy)
}

.agent-header .container {
    display: flex;
    align-items: center;
    padding: var(--header-container-padding) 0
}

.agent-header .container>:not(:last-child) {
    margin-right: 2rem
}

@media(min-width:48rem) {
    .agent-header .container>:not(:last-child) {
        margin-right: 4rem
    }
}

@media(min-width:64rem) {
    .agent-header .container>:not(:last-child) {
        margin-right: 6rem
    }
}

.agent-header__logo {
    height: calc(var(--header-logo-height)*.75);
    flex-shrink: 0
}

@media(min-width:31.25rem) {
    .agent-header__logo {
        height: calc(var(--header-logo-height)*.85)
    }
}

@media(min-width:64rem) {
    .agent-header__logo {
        height: var(--header-logo-height)
    }
}

.agent-header__logo img {
    width: auto;
    height: 100%
}

@media(max-width:47.98rem) {
    :root:not(.has-been-mounted) .agent-header__navigation {
        visibility: hidden
    }
}

@media(max-width:47.98rem) {
    .agent-header__navigation {
        display: flex;
        flex-direction: column;
        margin-left: calc(var(--base-container-margin)*-1);
        margin-right: calc(var(--base-container-margin)*-1);
        width: 100vw;
        position: absolute;
        z-index: 19;
        top: calc(var(--calculated-header-height) - 1px);
        left: 0;
        right: 0;
        min-height: calc(100vh - var(--calculated-header-height) + 1px);
        background: var(--sapc-navy);
        padding: 2rem var(--base-container-margin);
        text-align: center;
        font-size: 4rem;
        border-top: 2px solid var(--sapc-bright-blue)
    }

    .agent-header__navigation li:not(:last-child) {
        margin-bottom: var(--base-gap)
    }

    .agent-header__navigation--secondary {
        display: flex;
        flex-direction: column;
        gap: var(--base-large-gap);
        flex-grow: 1;
        margin-top: 5rem;
        align-items: center;
        color: #fff;
        margin-bottom: var(--base-gap)
    }

    .agent-header__navigation--secondary a {
        text-transform: none !important;
        font-family: var(--primary-font-family) !important;
        font-size: 2.5rem;
        color: var(--sapc-light-gray) !important;
        font-weight: 700;
        text-decoration: underline;
        line-height: 4rem !important
    }

    .agent-header__navigation--secondary>div {
        display: grid;
        grid-template-columns: 25% 75%;
        gap: var(--base-gap)
    }

    .agent-header__navigation--secondary>div>* {
        display: flex
    }

    .agent-header__navigation--secondary>div>:first-child {
        justify-content: flex-end;
        align-items: center
    }

    .agent-header__navigation--secondary>div>:last-child {
        text-align: left
    }
}

@media(min-width:48rem) {
    .agent-header__navigation {
        display: flex;
        flex-direction: column;
        gap: var(--base-small-gap);
        flex-grow: 1;
        font-size: 1.5rem
    }

    .agent-header__navigation ul {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .agent-header__navigation li:not(:last-child) {
        margin-right: var(--base-gap)
    }
}

@media(min-width:48rem)and (min-width:75rem) {
    .agent-header__navigation {
        font-size: 2.8rem
    }
}

@media(min-width:48rem) {
    .agent-header__navigation--eyebrow {
        font-size: 1.5rem;
        display: flex;
        flex-direction: row;
        gap: var(--base-gap);
        justify-content: flex-end;
        font-weight: 700
    }

    .agent-header__navigation--eyebrow a,
    .agent-header__navigation--eyebrow i {
        color: var(--sapc-light-gray)
    }

    .agent-header__navigation--eyebrow a {
        text-decoration: underline;
        text-transform: none !important;
        font-family: var(--primary-font-family) !important
    }
}

.agent-header__navigation--footer {
    display: flex;
    flex-direction: column;
    gap: var(--base-gap);
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
    color: var(--sapc-light-gray);
    font-size: 3rem;
    padding-bottom: var(--base-large-gap)
}

@media(min-width:64rem) {
    .agent-header__navigation--footer {
        display: none
    }
}

.agent-header__navigation--footer a {
    font-family: var(--primary-font-family) !important;
    text-decoration: underline;
    text-transform: none !important;
    font-weight: 700 !important
}

.agent-header__navigation--footer i {
    margin-right: 1rem
}

.agent-header__navigation a {
    font-family: var(--heading-font-family);
    line-height: var(--base-heading-line-height);
    text-transform: uppercase;
    color: var(--sapc-light-gray)
}

.agent-header__navigation a.nuxt-link-exact-active {
    padding: 0 1rem;
    border: 1rem solid;
    border-image: url("data:image/svg+xml,%3Csvg width='171' height='52' viewBox='0 0 171 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.15239 10.8011C1.19581 12.016 1.24257 13.2439 1.18579 14.4588C1.10897 16.126 0.84177 17.748 0.698149 19.4024C0.537827 21.2764 0.414245 23.2862 0.621328 25.1667C0.85513 27.3122 1.78366 28.5917 1.77364 30.8147C1.7703 32.2752 1.57324 33.7356 1.68012 35.1832C1.79368 36.7341 2.24125 38.1364 2.43163 39.6615C2.72555 42.0461 2.36149 44.5211 1.99742 46.8734C1.74024 48.5406 1.48306 50.2079 1.22921 51.8751H168.528C168.525 50.9058 168.562 49.7684 168.866 49.2967C169.904 47.6811 169.313 47.7134 168.525 46.2788C168.114 45.5357 168.144 43.8684 168.301 42.6018C168.528 40.773 168.518 39.8489 168.465 38.0912C168.418 36.5532 168.218 35.978 168.669 34.5111C168.899 33.7615 169.206 33.2316 169.434 32.4884C169.086 31.4803 168.405 31.4868 168.071 30.2395C167.87 29.4705 167.971 27.254 167.921 26.2782C167.85 24.8953 167.89 23.2539 168.311 22.459C168.615 21.8774 169.049 21.9033 169.317 21.1989C169.888 19.6932 169.14 16.992 169.397 14.9434C169.931 14.7302 170.466 14.5105 170.997 14.2972C171.03 13.1211 170.562 12.3908 170.202 11.7446C169.841 11.1049 169.514 9.65731 169.834 8.86892C170.392 8.26793 170.392 5.98676 170.041 4.65554C169.691 3.32432 169.133 2.51654 168.746 1.26286C168.709 1.14008 168.672 1.01084 168.639 0.881592L0.0401611 0.881592C0.103622 1.12069 0.163743 1.3598 0.220523 1.59244C0.911911 4.46167 1.03549 7.67341 1.15239 10.8011Z' fill='%23FFF200'/%3E%3C/svg%3E%0A") 50/50;
    color: var(--sapc-bright-blue);
    white-space: nowrap
}

.agent-header__navigation a.nuxt-link-exact-active span {
    background: var(--sapc-yellow)
}

.agent-header__cta {
    flex-grow: 0
}

.agent-header__cta a {
    font-size: 2.1rem !important;
    padding: 0 1rem !important
}

.agent-header__menu-toggle {
    display: flex;
    flex-direction: row;
    gap: var(--base-gap);
    align-content: center;
    margin-left: auto
}

.agent-header__menu-toggle--cta {
    display: flex;
    align-self: center
}

.agent-header__menu-toggle--cta a {
    padding: 0 1rem;
    font-size: 2.25rem;
    font-family: var(--heading-font-family);
    line-height: var(--base-heading-line-height);
    text-transform: uppercase;
    color: var(--sapc-light-gray);
    text-decoration: none !important
}

.agent-header__menu-toggle--cta a.nuxt-link-exact-active {
    border: 1rem solid;
    border-image: url("data:image/svg+xml,%3Csvg width='171' height='52' viewBox='0 0 171 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.15239 10.8011C1.19581 12.016 1.24257 13.2439 1.18579 14.4588C1.10897 16.126 0.84177 17.748 0.698149 19.4024C0.537827 21.2764 0.414245 23.2862 0.621328 25.1667C0.85513 27.3122 1.78366 28.5917 1.77364 30.8147C1.7703 32.2752 1.57324 33.7356 1.68012 35.1832C1.79368 36.7341 2.24125 38.1364 2.43163 39.6615C2.72555 42.0461 2.36149 44.5211 1.99742 46.8734C1.74024 48.5406 1.48306 50.2079 1.22921 51.8751H168.528C168.525 50.9058 168.562 49.7684 168.866 49.2967C169.904 47.6811 169.313 47.7134 168.525 46.2788C168.114 45.5357 168.144 43.8684 168.301 42.6018C168.528 40.773 168.518 39.8489 168.465 38.0912C168.418 36.5532 168.218 35.978 168.669 34.5111C168.899 33.7615 169.206 33.2316 169.434 32.4884C169.086 31.4803 168.405 31.4868 168.071 30.2395C167.87 29.4705 167.971 27.254 167.921 26.2782C167.85 24.8953 167.89 23.2539 168.311 22.459C168.615 21.8774 169.049 21.9033 169.317 21.1989C169.888 19.6932 169.14 16.992 169.397 14.9434C169.931 14.7302 170.466 14.5105 170.997 14.2972C171.03 13.1211 170.562 12.3908 170.202 11.7446C169.841 11.1049 169.514 9.65731 169.834 8.86892C170.392 8.26793 170.392 5.98676 170.041 4.65554C169.691 3.32432 169.133 2.51654 168.746 1.26286C168.709 1.14008 168.672 1.01084 168.639 0.881592L0.0401611 0.881592C0.103622 1.12069 0.163743 1.3598 0.220523 1.59244C0.911911 4.46167 1.03549 7.67341 1.15239 10.8011Z' fill='%23FFF200'/%3E%3C/svg%3E%0A") 50/50;
    color: var(--sapc-bright-blue)
}

.agent-header__menu-toggle button {
    font-size: 3rem;
    width: 2.625rem;
    color: var(--sapc-orange);
    display: flex;
    justify-content: center;
    align-self: center
}

@media(min-width:48rem) {
    .agent-header__menu-toggle {
        display: none
    }
}

.agent-header__language-toggle {
    position: relative
}

:root:not(.has-been-mounted) .agent-header__language-toggle {
    visibility: hidden
}

@media(max-width:47.98rem) {
    .agent-header__language-toggle {
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 2rem 0;
        transform: translateY(100vh);
        transform: translateY(100dvh);
        z-index: 99
    }
}

.agent-header__language-toggle>a {
    color: var(--sapc-light-gray);
    font-size: 1.4rem
}

[data-whatintent=keyboard] .agent-header__language-toggle>a:focus,
[data-whatintent=mouse] .agent-header__language-toggle>a:hover,
[data-whatintent=touch] .agent-header__language-toggle>a:active {
    text-decoration: none
}

[data-whatintent=keyboard] .agent-header__language-toggle>a:focus span,
[data-whatintent=mouse] .agent-header__language-toggle>a:hover span,
[data-whatintent=touch] .agent-header__language-toggle>a:active span {
    text-decoration: underline
}

.agent-header__language-toggle>a span {
    margin-left: .3rem
}

.agent-header__language-toggle .agent-language-toggle {
    color: var(--sapc-light-gray)
}

.agent-header__language-toggle .agent-language-toggle span {
    margin: 0 1rem 0 .5rem
}

.agent-header__language-toggle .language-picker__dropdown {
    position: absolute;
    top: calc(100% + .5rem);
    width: 100%;
    background: #fff;
    z-index: 99;
    border-radius: .5rem;
    padding: 1.5rem;
    box-shadow: 0 .5rem 1rem -.5rem var(--sapc-light-gray)
}

@media(max-width:47.98rem) {
    .agent-header__language-toggle .language-picker__dropdown {
        top: auto;
        bottom: calc(100% - .5rem);
        width: auto
    }
}

[data-whatintent=keyboard] .agent-header__language-toggle .language-picker__list button:focus,
[data-whatintent=mouse] .agent-header__language-toggle .language-picker__list button:hover,
[data-whatintent=touch] .agent-header__language-toggle .language-picker__list button:active {
    text-decoration: underline
}

[data-fixed-header=true],
[data-header-overhang=true] {
    top: 0;
    width: 100%;
    z-index: 999
}

[data-header-overhang=true] {
    position: absolute
}

[data-header-overhang=true][data-fixed-header=true] {
    position: fixed
}

[data-fixed-header=true] {
    position: sticky
}

.active-locale {
    font-weight: 700
}

@keyframes slide-up {
    from {
        opacity: 0;
        transform: translateY(2rem)
    }

    to {
        opacity: 1;
        transform: none
    }
}

html[lang=es] .agent-header__menu-toggle--cta a {
    font-size: 1.5rem
}

@media(min-width:31.25rem) {
    html[lang=es] .agent-header__menu-toggle--cta a {
        font-size: 1.8rem
    }
}

.agent-icon {
    color: inherit
}

.agent-hero {
    background: var(--sapc-navy);
    display: flex;
    flex-direction: column;
    color: #fff;
    background-size: cover;
    position: relative;
    min-height: calc(100vh - var(--calculated-header-height))
}

@media(min-width:125rem) {
    .agent-hero {
        background-position: center
    }

    .agent-hero.flipped-hero .agent-hero__foreground {
        padding-left: var(--base-container-margin)
    }

    .agent-hero:not(.flipped-hero) .agent-hero__foreground {
        padding-right: var(--base-container-margin)
    }
}

@media(max-width:47.98rem) {
    .agent-hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(/hero-overlay.png);
        background-position: center bottom;
        background-size: cover;
        z-index: 4
    }
}

@media(min-width:64rem) {
    .agent-hero {
        gap: var(--base-gap);
        flex-direction: row
    }

    .agent-hero>div {
        flex: 1
    }
}

.agent-hero__foreground {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    justify-content: center
}

@media(max-width:47.98rem) {
    .agent-hero__foreground {
        display: none
    }
}

@media(min-width:64rem) {
    .agent-hero__foreground {
        margin: 0 1rem
    }
}

.agent-hero__copy {
    display: flex;
    flex-direction: column;
    z-index: 6
}

@media(min-width:48rem) {
    .agent-hero__copy {
        margin-top: var(--base-large-gap);
        margin-left: var(--base-container-margin);
        margin-right: 0;
        justify-content: center
    }
}

.agent-hero__copy h1 {
    text-shadow: 0 .2rem 3rem #000;
    line-height: 1;
    color: #fff
}

@media(max-width:74.98rem) {
    .agent-hero__copy h1 {
        font-size: var(--h1-font-size) !important
    }

    .agent-hero__copy h1 em {
        font-size: var(--xxl-font-size) !important
    }
}

.agent-hero__copy h1 em {
    font-size: var(--xxl-font-size);
    color: var(--sapc-yellow);
    display: block;
    line-height: var(--xxl-line-height)
}

@media(max-width:47.98rem) {
    .agent-hero__copy--heading {
        margin: var(--base-container-margin)
    }
}

.agent-hero__copy--subheading {
    font-family: var(--heading-font-family);
    font-weight: var(--base-heading-font-weight);
    line-height: var(--base-heading-line-height);
    font-size: var(--h1-font-size);
    text-transform: uppercase
}

.agent-hero__copy--main {
    font-weight: 600;
    text-shadow: 0 0 5rem #000;
    margin-top: var(--base-large-gap);
    background-size: cover;
    background-position: top;
    padding-bottom: var(--base-gap)
}

@media(max-width:47.98rem) {
    .agent-hero__copy--main {
        display: flex;
        min-height: 50vh;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative
    }

    .agent-hero__copy--main::after {
        content: "";
        position: absolute;
        z-index: 1;
        left: -50vw;
        bottom: 0;
        width: 200vw;
        height: 80%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 90%);
        mix-blend-mode: multiply
    }

    .agent-hero__copy--main p {
        z-index: 2;
        padding-top: 25rem;
        margin-left: var(--base-container-margin);
        margin-right: var(--base-container-margin);
        display: flex;
        align-items: flex-end
    }
}

.agent-hero.flipped-hero {
    flex-direction: row-reverse
}

@media(min-width:64rem) {
    .agent-hero.flipped-hero .agent-hero__copy {
        margin-right: var(--base-container-margin);
        margin-left: var(--base-gap) !important
    }
}

.closer-than-you-think-hero>.agent-hero__foreground {
    display: none
}

@media(max-width:47.98rem) {
    .closer-than-you-think-hero>.agent-hero__copy {
        margin: var(--base-container-margin) 0 !important;
        margin-bottom: 0 !important
    }
}

@media(min-width:48rem) {
    .closer-than-you-think-hero>.agent-hero__copy {
        justify-content: center
    }
}

@media(max-width:47.98rem) {
    .closer-than-you-think-hero .agent-hero__copy--heading {
        margin: 0 !important
    }
}

.closer-than-you-think-hero .agent-hero__copy--main {
    display: flex;
    min-height: auto !important
}

@media(min-width:48rem) {
    .closer-than-you-think-hero .agent-hero__copy--main {
        padding-bottom: 0;
        margin: var(--base-small-gap) 0
    }
}

.closer-than-you-think-hero .agent-hero__copy--main p {
    padding-top: 0;
    text-align: center
}

@media(max-width:47.98rem) {
    .closer-than-you-think-hero .agent-hero__copy--main p {
        margin: 0 !important
    }
}

@media(min-width:64rem) {
    .closer-than-you-think-hero .agent-hero__copy--main p {
        padding: 0 10vw
    }
}

.agent-section {
    position: relative
}

.agent-section .container {
    display: flex;
    flex-direction: column
}

.agent-section .container>:not(:last-child) {
    margin-bottom: var(--base-large-gap)
}

.agent-section[data-light-text=true] {
    --base-heading-color: white;
    --base-link-color: white;
    --base-link-hover-color: white;
    color: #fff
}

.agent-section[data-background-color="#ffffff"] {
    background-image: url(../img/white-bg.6f058d5.jpg);
    background-attachment: fixed
}

.agent-section.plain-white-bg {
    background: #fff !important
}

.agent-section[data-background-color="#00124d"]::after,
.agent-section[data-background-color="#00124d"]::before,
.agent-section[data-background-color="#1500ac"]::after,
.agent-section[data-background-color="#1500ac"]::before {
    content: "";
    display: block;
    width: 100%;
    height: .5rem;
    background: url(../img/bright-blue-section-border.3619cb1.svg) center top repeat-x;
    overflow: hidden
}

.agent-section[data-background-color="#00124d"]::before,
.agent-section[data-background-color="#1500ac"]::before {
    transform: translateY(calc(1px - 100%))
}

.agent-section[data-background-color="#00124d"]::after,
.agent-section[data-background-color="#1500ac"]::after {
    transform: translateY(calc(100% - 1px)) rotate(180deg);
    position: relative;
    z-index: 2
}

.agent-section[data-background-color="#00124d"]::after,
.agent-section[data-background-color="#00124d"]::before {
    background-image: url(../img/navy-blue-section-border.76f2935.svg)
}

.agent-section__desktop-bg,
.agent-section__mobile-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.agent-section__desktop-bg img,
.agent-section__mobile-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width:47.98rem) {
    .agent-section__desktop-bg {
        display: none
    }
}

@media(min-width:48rem) {
    .agent-section__mobile-bg {
        display: none
    }
}

.remove-bottom-padding .container {
    padding-bottom: 0
}

.pre-footer-section .container {
    padding-top: calc(var(--base-container-padding)*2);
    padding-bottom: calc(var(--base-container-padding)*2)
}

.pre-footer-section p {
    font-weight: 600
}

.agent-full-block[data-break-contain=true] {
    margin-left: calc(var(--base-container-margin)*-1);
    margin-right: calc(var(--base-container-margin)*-1);
    width: 100vw
}

.agent-full-block.use-light-blue-bg {
    background: var(--sapc-light-blue-translucent);
    padding: var(--base-container-padding) var(--base-container-margin) 0;
    margin-bottom: 0 !important
}

.agent-full-block.use-light-blue-bg+.use-light-blue-bg {
    padding-top: var(--base-gap);
    padding-bottom: var(--base-container-padding)
}

.agent-full-block.adjust-top-margin {
    margin-top: var(--base-container-padding)
}

/*! Flickity v2.3.0 */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css);

@import url(https://use.typekit.net/dzb3jak.css);

:root {
    --sapc-navy: #00124d;
    --sapc-bright-blue: #1500ac;
    --sapc-light-blue: #11c7f0;
    --sapc-light-blue-translucent: #11c7f012;
    --sapc-yellow: #fff200;
    --sapc-orange: #ff9100;
    --sapc-light-gray: #cfcfcf;
    --site-primary-color: var(--sapc-navy);
    --wireframe-1: #102a43;
    --wireframe-2: #243b53;
    --wireframe-3: #3e4750;
    --wireframe-4: #486581;
    --wireframe-5: #627d98;
    --wireframe-6: #829ab1;
    --wireframe-7: #9fb3c8;
    --wireframe-8: #bcccdc;
    --wireframe-9: #d9e2ec;
    --wireframe-10: #f0f4f8;
    --base-text-color: var(--sapc-navy);
    --base-heading-color: var(--sapc-navy);
    --base-link-color: var(--sapc-navy);
    --base-link-hover-color: var(--sapc-navy);
    --root-font-size: 62.5%;
    --base-font-size: 1.6rem;
    --base-line-height: 1.675;
    --base-heading-line-height: 1;
    --base-heading-font-weight: 400;
    --xxl-line-height: 0.9;
    --base-gap: 2rem;
    --base-small-gap: 1rem;
    --base-large-gap: 3rem;
    --base-container-padding: 4.5rem;
    --base-container-width: 85vw;
    --base-container-max-width: 120rem;
    --base-container-margin: max(calc((100vw - var(--base-container-width)) / 2), calc((100vw - var(--base-container-max-width)) / 2))
}

@media(min-width:48rem) {
    :root {
        --base-font-size: 1.8rem;
        --base-container-padding: 6rem;
        --base-gap: 3rem;
        --base-small-gap: 1.5rem;
        --base-large-gap: 4rem
    }
}

@media(min-width:64rem) {
    :root {
        --base-font-size: 2.1rem;
        --base-container-padding: 8rem;
        --base-gap: 4rem;
        --base-small-gap: 2rem;
        --base-large-gap: 6rem
    }
}

.base-card {
    position: relative;
    border: 3px solid #000;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 1.2rem 1.2rem 0 var(--sapc-navy);
    color: var(--base-text-color)
}

*,
::after,
::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    font-size: var(--root-font-size, 62.5%);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    font: var(--base-font-size, 1.6rem)/var(--base-line-height, 1.4) var(--primary-font-family);
    font-display: swap;
    background: var(--base-background-color, #fff);
    color: var(--base-text-color, #111);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.container {
    position: relative;
    margin: 0 var(--base-container-margin);
    padding: var(--base-container-padding) 0
}

main {
    overflow: hidden
}

ul {
    list-style: none
}

img,
picture,
video {
    display: block;
    max-width: 100%;
    height: auto
}

svg {
    display: block
}

address {
    font-style: normal
}

sub,
sup {
    line-height: 0
}

button,
input,
textarea {
    font: inherit
}

button {
    appearance: none;
    background: 0 0;
    border: none;
    cursor: pointer;
    color: inherit
}

table {
    width: 100%;
    border-collapse: collapse
}

[disabled] {
    cursor: not-allowed
}

pre {
    page-break-inside: avoid;
    font-family: monospace;
    overflow: auto;
    display: block;
    word-wrap: break-word;
    text-align: left
}

a {
    text-decoration: none
}

[data-whatintent=keyboard] a:focus,
[data-whatintent=mouse] a:hover,
[data-whatintent=touch] a:active {
    text-decoration: underline
}

a[href^=mailto] {
    word-wrap: break-word
}

main a {
    color: var(--base-link-color)
}

[data-whatintent=keyboard] main a:focus,
[data-whatintent=mouse] main a:hover,
[data-whatintent=touch] main a:active {
    color: var(--base-link-hover-color)
}

#__layout>div {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

#__layout>div main {
    flex: 1
}

.sr-only {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important
}

:focus {
    outline-color: var(--primary-site-color);
    outline-offset: .5rem;
    -webkit-focus-ring-color: var(--primary-site-color)
}

[data-whatinput=mouse] :focus,
[data-whatinput=touch] :focus {
    outline: 0
}

@media(prefers-reduced-motion:reduce) {

    *,
    ::after,
    ::before {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important
    }
}

:root {
    --primary-font-family: "Roboto", sans-serif;
    --heading-font-family: "veneer", "Arial Narrow";
    --xxl-font-size: 7.8rem;
    --xl-font-size: 5.4rem;
    --h1-font-size: 4rem;
    --h2-font-size: 3.5rem;
    --h3-font-size: 3rem;
    --h4-font-size: 2.2rem
}

@media(min-width:48rem) {
    :root {
        --xxl-font-size: 12rem;
        --xl-font-size: 8rem;
        --h1-font-size: 4.8rem;
        --h2-font-size: 4.4rem;
        --h3-font-size: 4rem;
        --h4-font-size: 2.8rem
    }
}

@media(min-width:64rem) {
    :root {
        --xxl-font-size: 16rem;
        --xl-font-size: 10rem;
        --h1-font-size: 6.4rem;
        --h2-font-size: 5.8rem;
        --h3-font-size: 5rem;
        --h4-font-size: 3.8rem
    }
}

:root[lang=es] {
    --xxl-font-size: 7rem
}

@media(min-width:48rem) {
    :root[lang=es] {
        --xxl-font-size: 11rem
    }
}

@media(min-width:64rem) {
    :root[lang=es] {
        --xxl-font-size: 14rem
    }
}

h1,
h2,
h3,
h4 {
    font-family: var(--heading-font-family);
    font-weight: var(--base-heading-font-weight);
    line-height: var(--base-heading-line-height);
    color: var(--base-heading-color);
    text-transform: uppercase
}

h1 em,
h2 em,
h3 em,
h4 em {
    font-style: normal
}

h1 {
    font-size: var(--h1-font-size)
}

h2 {
    font-size: var(--h2-font-size)
}

h3 {
    font-size: var(--h3-font-size)
}

h4 {
    font-size: var(--h4-font-size)
}

@keyframes bounce {
    0% {
        bottom: 5px
    }

    25%,
    75% {
        bottom: 15px
    }

    50% {
        bottom: 20px
    }

    100% {
        bottom: 0
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeinout {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

body.mobile-nav-open {
    height: 100vh;
    overflow-y: hidden
}

body.hide-overflow-y {
    overflow-y: hidden
}

.what-to-expect-split-card {
    font-size: 1.7rem;
    margin: 0 var(--base-container-margin);
    row-gap: var(--base-gap)
}

.what-to-expect-split-card sup {
    font-size: 1.1rem
}

.what-to-expect-split-card p:not(:last-child) {
    margin-bottom: var(--base-small-gap)
}

@media(max-width:47.98rem) {
    .what-to-expect-split-card .sapc-split-image-card__image {
        padding-left: 0;
        margin-right: 0 !important
    }
}

.what-to-expect-split-card .sapc-split-image-card__copy {
    flex-direction: column;
    margin: 0
}

@media(min-width:64rem) {
    .what-to-expect-split-card {
        flex-direction: row !important;
        gap: var(--base-gap) !important
    }

    .what-to-expect-split-card>* {
        flex: 1
    }

    .what-to-expect-split-card .sapc-split-image-card__copy {
        display: flex;
        flex-grow: 1;
        height: 100%
    }
}

.disclaimer {
    font-size: 1.4rem;
    position: relative;
    padding-top: var(--base-gap);
    border-top: 1px solid var(--sapc-light-blue)
}

.yellow {
    color: var(--sapc-yellow) !important
}

.underline {
    text-decoration: underline
}

.centered {
    text-align: center
}

@media(min-width:48rem) {
    .centered-desktop {
        text-align: center
    }
}

.desktop-only {
    display: none
}

@media(min-width:48rem) {
    .desktop-only {
        display: block
    }
}

@media(min-width:48rem) {
    .mobile-only {
        display: none
    }
}

#references>.container {
    padding: 1rem 0
}

#references>.container h3>button>span {
    text-transform: uppercase
}

.references-accordion-section a {
    color: var(--sapc-bright-blue);
    font-weight: 700;
    text-decoration: underline
}

.references-accordion-section .agent-accordion-item__handle button {
    background-color: #fff;
    justify-content: center
}

.references-accordion-section .articles,
.references-accordion-section .sources {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--base-gap)
}

.references-accordion-section .articles::before,
.references-accordion-section .sources::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50vw;
    width: 200vw;
    height: 1px;
    background-color: var(--sapc-light-gray)
}

.references-accordion-section .sources a {
    font-style: italic
}

.references-accordion-section .articles {
    text-align: center
}

.references-accordion-section .articles>div {
    display: flex;
    flex-direction: column
}

.references-accordion-section .agent-accordion-item__copy>div>div {
    padding: var(--base-gap) 0
}

.video-card-pack .agent-card__heading h3 {
    color: #fff;
    font-size: 3rem
}

.y-video__inner {
    position: relative;
    z-index: 1
}

.y-video__inner::after {
    z-index: 2;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(21, 0, 172, .7)
}

.y-video__button {
    z-index: 3;
    border-radius: 50% !important;
    height: 4rem !important;
    width: 4rem !important;
    background-color: rgba(255, 255, 255, .25)
}

.y-video__button svg>path:first-of-type {
    fill: var(--sapc-light-blue)
}

#overdose-happens-fast .sapc-what-to-do-card__heading h3 {
    color: var(--sapc-blue)
}

#toolkits .agent-card__copy a {
    font-weight: 700;
    color: var(--sapc-yellow);
    text-decoration: underline
}

@media(max-width:47.98rem) {
    #toolkits .agent-card-pack>div {
        display: flex;
        flex-direction: column
    }

    #toolkits .agent-card-pack>div .agent-card {
        display: flex;
        flex-direction: row;
        gap: var(--base-gap)
    }

    #toolkits .agent-card-pack>div .agent-card>* {
        flex: 1
    }

    #toolkits .agent-card-pack>div .agent-card__copy {
        text-align: left
    }
}

#how-to-use-naloxone .agent-section-intro-copy__main-copy {
    padding-top: 0
}

#how-to-use-naloxone .agent-section-intro-copy__main-copy p {
    padding-top: .5rem
}

#how-to-use-naloxone .agent-card-pack>div {
    grid-template-columns: repeat(1, 1fr)
}

#how-to-use-naloxone .video-card {
    flex-direction: column;
    gap: var(--base-small-gap)
}

#how-to-use-naloxone .video-card .agent-card__heading h3 {
    text-transform: none;
    color: var(--sapc-orange)
}

@media(min-width:64rem) {
    #how-to-use-naloxone .agent-embedded-video {
        padding: 0 15%
    }
}

#how-to-use-naloxone .agent-section-intro-copy.blue-blurb {
    background-color: var(--sapc-bright-blue);
    padding: var(--base-gap);
    color: #fff
}

@media(min-width:64rem) {
    #how-to-use-naloxone .agent-section-intro-copy.blue-blurb {
        padding: var(--base-small-gap)
    }
}

#how-to-use-naloxone .agent-section-intro-copy.blue-blurb .agent-section-intro-copy__subheading>h3 {
    color: var(--sapc-orange)
}

@media(max-width:47.98rem) {
    #how-to-use-naloxone .agent-section-intro-copy.blue-blurb .agent-section-intro-copy__subheading>h3 {
        color: #fff
    }
}

@media(min-width:64rem) {
    #if-in-doubt .agent-split-block {
        display: flex;
        flex-direction: row;
        gap: var(--base-gap);
        margin: 0 !important
    }

    #if-in-doubt .agent-split-block .agent-image {
        height: auto !important;
        width: 100% !important
    }
}

@media(min-width:64rem)and (min-width:64rem) {
    #if-in-doubt .agent-split-block .agent-image {
        padding: 0 10rem
    }
}

#if-in-doubt .agent-copy {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:64rem) {
    #if-in-doubt .agent-copy {
        padding: var(--base-large-gap);
        margin-right: var(--base-container-margin)
    }
}

@media(max-width:47.98rem) {
    #if-in-doubt .agent-copy__heading {
        padding: var(--base-gap) 0
    }

    #if-in-doubt h2 {
        padding-bottom: var(--base-small-gap)
    }
}

@media(min-width:48rem) {
    #if-in-doubt .container {
        margin-left: 0;
        padding: 0 !important
    }
}

@media(max-width:47.98rem) {
    #if-in-doubt p:last-of-type {
        padding-bottom: var(--base-gap)
    }
}

#if-in-doubt p:not(:last-of-type) {
    margin-bottom: var(--base-gap)
}

#xylazine-is-a-new-risk .agent-section-intro-copy__heading h2 {
    font-size: var(--h2-font-size) !important
}

@media(min-width:64rem) {

    #if-in-doubt .agent-copy__heading h2,
    #xylazine-is-a-new-risk .agent-copy__heading h2 {
        font-size: var(--h2-font-size)
    }

    #if-in-doubt .agent-copy__heading h3,
    #xylazine-is-a-new-risk .agent-copy__heading h3 {
        font-size: var(--h3-font-size);
        padding-bottom: var(--base-gap)
    }
}

.danger-50-50 {
    display: flex;
    flex-direction: column
}

@media(min-width:64rem) {
    .danger-50-50 {
        flex-direction: row
    }
}

@media(max-width:47.98rem) {
    .danger-50-50.reverse-mobile .agent-card-pack>div {
        flex-direction: column
    }
}

.danger-50-50 .agent-card-pack>div {
    display: flex;
    flex-direction: column-reverse
}

@media(min-width:64rem) {
    .danger-50-50 .agent-card-pack>div {
        flex-direction: row
    }
}

#fentanyl-is-everywhere .agent-card__copy h3 {
    color: var(--sapc-orange);
    text-transform: none
}

#fentanyl-is-everywhere .agent-card__copy a {
    color: var(--sapc-yellow);
    font-weight: 700
}

#fentanyl-is-dangerous .agent-card-pack .agent-card__copy,
#fentanyl-is-everywhere .agent-card-pack .agent-card__copy {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center
}

#fentanyl-is-dangerous .agent-card-pack .agent-card__copy p:not(:last-of-type),
#fentanyl-is-everywhere .agent-card-pack .agent-card__copy p:not(:last-of-type) {
    margin-bottom: var(--base-gap)
}

#fentanyl-stats .agent-card-pack>div {
    display: flex;
    flex-direction: column
}

@media(min-width:64rem) {
    #fentanyl-stats .agent-card-pack>div {
        flex-direction: row
    }
}

.closer-than-you-think-hero .agent-hero__copy {
    margin: 0;
    padding: 0 10vw
}

@media(min-width:64rem) {
    .closer-than-you-think-hero {
        text-align: center;
        justify-content: center;
        min-height: auto !important;
        padding: var(--base-large-gap) 0
    }

    .closer-than-you-think-hero .agent-hero__heading,
    .closer-than-you-think-hero .container {
        display: flex;
        flex-grow: 1;
        justify-content: center
    }

    .closer-than-you-think-hero .agent-hero__heading h1,
    .closer-than-you-think-hero .container h1 {
        text-align: center
    }
}

#how-to-talk-to-teens a {
    font-weight: 700;
    text-decoration: underline;
    color: var(--sapc-bright-blue)
}

@media(min-width:64rem) {

    #how-to-talk-to-teens .agent-section-intro-copy__heading,
    #how-to-talk-to-teens .agent-section-intro-copy__main-copy {
        max-width: none;
        padding: 0 10vw
    }
}

#how-to-talk-to-teens .agent-section-intro-copy__main-copy {
    margin-top: var(--base-small-gap)
}

#how-to-talk-to-teens .agent-card-pack>div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--base-large-gap);
    row-gap: 5rem
}

@media(min-width:64rem) {
    #how-to-talk-to-teens .agent-card-pack>div {
        grid-template-columns: repeat(4, 1fr)
    }
}

#how-to-talk-to-teens .agent-card-pack>div .agent-card {
    display: flex;
    flex-direction: column;
    align-items: center
}

#how-to-talk-to-teens .agent-card-pack>div .agent-card__image img {
    padding: 0 1rem
}

#how-to-talk-to-teens .agent-card-pack>div .agent-card__heading h3 {
    font-size: var(--h3-font-size)
}

@media(min-width:64rem) {
    #how-to-talk-to-teens .agent-card-pack>div .agent-card__heading h3 {
        font-size: var(--h4-font-size)
    }
}

#how-to-find-support .agent-section-intro-copy__main-copy {
    margin: 0;
    max-width: none
}

@media(min-width:64rem) {
    #how-to-find-support .agent-section-intro-copy__main-copy {
        padding: 0 var(--base-gap)
    }
}

#how-to-find-support .agent-section-intro-copy__footnote {
    margin-top: 1rem
}

#how-to-find-support .agent-section-intro-copy__footnote p {
    font-size: 1.6rem
}

@media(min-width:64rem) {
    #how-to-find-support .agent-section-intro-copy__footnote p {
        text-align: center
    }
}

#get-treatment a {
    color: var(--sapc-yellow);
    text-decoration: underline;
    font-weight: 700
}

@media(max-width:47.98rem) {
    #get-treatment .agent-accordion-item__handle h3 {
        font-size: var(--h4-font-size)
    }
}

section[data-background-color="#1500ac"] {
    background-image: url(../img/blue-bg.jpg);
    background-attachment: fixed
}

section[data-background-color="#00124d"] {
    background-image: url(../img/dark-blue-bg.jpg);
    background-attachment: fixed
}

html[lang=es] .hidden-es {
    display: none
}

.hidden {
    display: none
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-1.29278be.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-2.429c179.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-3.b85cfc2.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-4.15cc71e.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-5.c5e9592.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-6.0ee00ff.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-7.b0c3c9b.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-8.4934f50.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-9.d711fd2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-10.29278be.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-11.429c179.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-12.b85cfc2.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-13.15cc71e.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-14.c5e9592.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-15.0ee00ff.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-16.b0c3c9b.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-17.4934f50.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-18.d711fd2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-19.de0c660.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-20.98143bb.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-21.9b5735a.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-22.b104e28.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-23.641af38.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-24.c5cd32e.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-25.8e8d3dc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-26.3aec290.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-300-27.d27b0fe.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-28.de0c660.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-29.98143bb.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-30.9b5735a.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-31.b104e28.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-32.641af38.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-33.c5cd32e.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-34.8e8d3dc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-35.3aec290.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-400-36.d27b0fe.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-37.de0c660.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-38.98143bb.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-39.9b5735a.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-40.b104e28.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-41.641af38.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-42.c5cd32e.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-43.8e8d3dc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-44.3aec290.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-600-45.d27b0fe.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-46.de0c660.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-47.98143bb.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-48.9b5735a.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-49.b104e28.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-50.641af38.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-51.c5cd32e.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-52.8e8d3dc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-53.3aec290.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(js/fonts/Roboto-700-54.d27b0fe.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --y-video-background-color: #000;
    --y-video-button-width: 68px;
    --y-video-button-height: 48px;
    --y-video-button-padding: 0;
    --y-video-button-border-width: 0;
    --y-video-button-background-color: transparent;
    --y-video-button-fill: #212121;
    --y-video-button-fill-opacity: 0.8;
    --y-video-button-active-fill: red;
    --y-video-button-active-fill-opacity: 1;
    --y-video-button-icon-fill: #fff
}

.y-video {
    background-color: var(--y-video-background-color, #000);
    cursor: pointer
}

.y-video__inner {
    position: relative
}

.y-video__embed,
.y-video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0
}

.y-video__media--type--img {
    object-fit: cover
}

.y-video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: var(--y-video-button-padding, 0);
    border-width: var(--y-video-button-border-width, 0);
    background-color: var(--y-video-button-background-color, transparent);
    width: var(--y-video-button-width, 68px);
    height: var(--y-video-button-height, 48px);
    cursor: pointer
}

.y-video__button-shape {
    fill: var(--y-video-button-fill, #212121);
    fill-opacity: var(--y-video-button-fill-opacity, .8)
}

.y-video__button-icon {
    fill: var(--y-video-button-icon-fill, #fff)
}

.y-video__button:focus {
    outline: 0
}

.y-video__button:focus .y-video__button-shape {
    fill: var(--y-video-button-active-fill, red);
    fill-opacity: var(--y-video-button-active-fill-opacity, 1)
}

.y-video:hover .y-video__button-shape {
    fill: var(--y-video-button-active-fill, red);
    fill-opacity: var(--y-video-button-active-fill-opacity, 1)
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0%;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #666;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

#skip-to-content {
    position: absolute;
    z-index: 999999999;
    top: .5rem;
    left: .5rem;
    transform: translateY(-200%)
}

#skip-to-content:focus {
    transform: none
}

.agent-cta {
    display: inline-block;
    padding: 0 2rem;
    font-size: 2.4rem;
    color: var(--sapc-bright-blue)
}

.agent-cta[data-type=primary] {
    font-family: var(--heading-font-family);
    text-transform: uppercase;
    border: 1rem solid;
    border-image: url("data:image/svg+xml,%3Csvg width='171' height='52' viewBox='0 0 171 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.15239 10.8011C1.19581 12.016 1.24257 13.2439 1.18579 14.4588C1.10897 16.126 0.84177 17.748 0.698149 19.4024C0.537827 21.2764 0.414245 23.2862 0.621328 25.1667C0.85513 27.3122 1.78366 28.5917 1.77364 30.8147C1.7703 32.2752 1.57324 33.7356 1.68012 35.1832C1.79368 36.7341 2.24125 38.1364 2.43163 39.6615C2.72555 42.0461 2.36149 44.5211 1.99742 46.8734C1.74024 48.5406 1.48306 50.2079 1.22921 51.8751H168.528C168.525 50.9058 168.562 49.7684 168.866 49.2967C169.904 47.6811 169.313 47.7134 168.525 46.2788C168.114 45.5357 168.144 43.8684 168.301 42.6018C168.528 40.773 168.518 39.8489 168.465 38.0912C168.418 36.5532 168.218 35.978 168.669 34.5111C168.899 33.7615 169.206 33.2316 169.434 32.4884C169.086 31.4803 168.405 31.4868 168.071 30.2395C167.87 29.4705 167.971 27.254 167.921 26.2782C167.85 24.8953 167.89 23.2539 168.311 22.459C168.615 21.8774 169.049 21.9033 169.317 21.1989C169.888 19.6932 169.14 16.992 169.397 14.9434C169.931 14.7302 170.466 14.5105 170.997 14.2972C171.03 13.1211 170.562 12.3908 170.202 11.7446C169.841 11.1049 169.514 9.65731 169.834 8.86892C170.392 8.26793 170.392 5.98676 170.041 4.65554C169.691 3.32432 169.133 2.51654 168.746 1.26286C168.709 1.14008 168.672 1.01084 168.639 0.881592L0.0401611 0.881592C0.103622 1.12069 0.163743 1.3598 0.220523 1.59244C0.911911 4.46167 1.03549 7.67341 1.15239 10.8011Z' fill='%23FFF200'/%3E%3C/svg%3E%0A") 50/50
}

.agent-cta[data-type=primary] span {
    background: var(--sapc-yellow)
}

[data-whatintent=keyboard] .agent-cta[data-type=primary]:focus,
[data-whatintent=mouse] .agent-cta[data-type=primary]:hover,
[data-whatintent=touch] .agent-cta[data-type=primary]:active {
    text-decoration: none;
    color: var(--sapc-bright-blue)
}

.agent-cta i+span,
.agent-cta span+i {
    margin-left: .5rem
}

.agent-cta[data-type=secondary] {
    border: 2px solid gray
}

@media(min-width:64rem) {
    .agent-cta {
        font-size: 4rem
    }
}

:root {
    --header-container-padding: 2rem;
    --header-logo-height: min(20vw, 10rem);
    --header-height: calc((var(--header-container-padding) * 2) + var(--header-logo-height))
}

@media(min-width:48rem) {
    :root {
        --header-height: calc(var(--header-container-padding) + var(--header-logo-height))
    }
}

.agent-header {
    background: var(--sapc-navy)
}

.agent-header .container {
    display: flex;
    align-items: center;
    padding: var(--header-container-padding) 0
}

.agent-header .container>:not(:last-child) {
    margin-right: 2rem
}

@media(min-width:48rem) {
    .agent-header .container>:not(:last-child) {
        margin-right: 4rem
    }
}

@media(min-width:64rem) {
    .agent-header .container>:not(:last-child) {
        margin-right: 6rem
    }
}

.agent-header__logo {
    height: calc(var(--header-logo-height)*.75);
    flex-shrink: 0
}

@media(min-width:31.25rem) {
    .agent-header__logo {
        height: calc(var(--header-logo-height)*.85)
    }
}

@media(min-width:64rem) {
    .agent-header__logo {
        height: var(--header-logo-height)
    }
}

.agent-header__logo img {
    width: auto;
    height: 100%
}

@media(max-width:47.98rem) {
    :root:not(.has-been-mounted) .agent-header__navigation {
        visibility: hidden
    }
}

@media(max-width:47.98rem) {
    .agent-header__navigation {
        display: flex;
        flex-direction: column;
        margin-left: calc(var(--base-container-margin)*-1);
        margin-right: calc(var(--base-container-margin)*-1);
        width: 100vw;
        position: absolute;
        z-index: 19;
        top: calc(var(--calculated-header-height) - 1px);
        left: 0;
        right: 0;
        min-height: calc(100vh - var(--calculated-header-height) + 1px);
        background: var(--sapc-navy);
        padding: 2rem var(--base-container-margin);
        text-align: center;
        font-size: 4rem;
        border-top: 2px solid var(--sapc-bright-blue)
    }

    .agent-header__navigation li:not(:last-child) {
        margin-bottom: var(--base-gap)
    }

    .agent-header__navigation--secondary {
        display: flex;
        flex-direction: column;
        gap: var(--base-large-gap);
        flex-grow: 1;
        margin-top: 5rem;
        align-items: center;
        color: #fff;
        margin-bottom: var(--base-gap)
    }

    .agent-header__navigation--secondary a {
        text-transform: none !important;
        font-family: var(--primary-font-family) !important;
        font-size: 2.5rem;
        color: var(--sapc-light-gray) !important;
        font-weight: 700;
        text-decoration: underline;
        line-height: 4rem !important
    }

    .agent-header__navigation--secondary>div {
        display: grid;
        grid-template-columns: 25% 75%;
        gap: var(--base-gap)
    }

    .agent-header__navigation--secondary>div>* {
        display: flex
    }

    .agent-header__navigation--secondary>div>:first-child {
        justify-content: flex-end;
        align-items: center
    }

    .agent-header__navigation--secondary>div>:last-child {
        text-align: left
    }
}

@media(min-width:48rem) {
    .agent-header__navigation {
        display: flex;
        flex-direction: column;
        gap: var(--base-small-gap);
        flex-grow: 1;
        font-size: 1.5rem
    }

    .agent-header__navigation ul {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .agent-header__navigation li:not(:last-child) {
        margin-right: var(--base-gap)
    }
}

@media(min-width:48rem)and (min-width:75rem) {
    .agent-header__navigation {
        font-size: 2.8rem
    }
}

@media(min-width:48rem) {
    .agent-header__navigation--eyebrow {
        font-size: 1.5rem;
        display: flex;
        flex-direction: row;
        gap: var(--base-gap);
        justify-content: flex-end;
        font-weight: 700
    }

    .agent-header__navigation--eyebrow a,
    .agent-header__navigation--eyebrow i {
        color: var(--sapc-light-gray)
    }

    .agent-header__navigation--eyebrow a {
        text-decoration: underline;
        text-transform: none !important;
        font-family: var(--primary-font-family) !important
    }
}

.agent-header__navigation--footer {
    display: flex;
    flex-direction: column;
    gap: var(--base-gap);
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
    color: var(--sapc-light-gray);
    font-size: 3rem;
    padding-bottom: var(--base-large-gap)
}

@media(min-width:64rem) {
    .agent-header__navigation--footer {
        display: none
    }
}

.agent-header__navigation--footer a {
    font-family: var(--primary-font-family) !important;
    text-decoration: underline;
    text-transform: none !important;
    font-weight: 700 !important
}

.agent-header__navigation--footer i {
    margin-right: 1rem
}

.agent-header__navigation a {
    font-family: var(--heading-font-family);
    line-height: var(--base-heading-line-height);
    text-transform: uppercase;
    color: var(--sapc-light-gray)
}

.agent-header__navigation a.nuxt-link-exact-active {
    padding: 0 1rem;
    border: 1rem solid;
    border-image: url("data:image/svg+xml,%3Csvg width='171' height='52' viewBox='0 0 171 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.15239 10.8011C1.19581 12.016 1.24257 13.2439 1.18579 14.4588C1.10897 16.126 0.84177 17.748 0.698149 19.4024C0.537827 21.2764 0.414245 23.2862 0.621328 25.1667C0.85513 27.3122 1.78366 28.5917 1.77364 30.8147C1.7703 32.2752 1.57324 33.7356 1.68012 35.1832C1.79368 36.7341 2.24125 38.1364 2.43163 39.6615C2.72555 42.0461 2.36149 44.5211 1.99742 46.8734C1.74024 48.5406 1.48306 50.2079 1.22921 51.8751H168.528C168.525 50.9058 168.562 49.7684 168.866 49.2967C169.904 47.6811 169.313 47.7134 168.525 46.2788C168.114 45.5357 168.144 43.8684 168.301 42.6018C168.528 40.773 168.518 39.8489 168.465 38.0912C168.418 36.5532 168.218 35.978 168.669 34.5111C168.899 33.7615 169.206 33.2316 169.434 32.4884C169.086 31.4803 168.405 31.4868 168.071 30.2395C167.87 29.4705 167.971 27.254 167.921 26.2782C167.85 24.8953 167.89 23.2539 168.311 22.459C168.615 21.8774 169.049 21.9033 169.317 21.1989C169.888 19.6932 169.14 16.992 169.397 14.9434C169.931 14.7302 170.466 14.5105 170.997 14.2972C171.03 13.1211 170.562 12.3908 170.202 11.7446C169.841 11.1049 169.514 9.65731 169.834 8.86892C170.392 8.26793 170.392 5.98676 170.041 4.65554C169.691 3.32432 169.133 2.51654 168.746 1.26286C168.709 1.14008 168.672 1.01084 168.639 0.881592L0.0401611 0.881592C0.103622 1.12069 0.163743 1.3598 0.220523 1.59244C0.911911 4.46167 1.03549 7.67341 1.15239 10.8011Z' fill='%23FFF200'/%3E%3C/svg%3E%0A") 50/50;
    color: var(--sapc-bright-blue);
    white-space: nowrap
}

.agent-header__navigation a.nuxt-link-exact-active span {
    background: var(--sapc-yellow)
}

.agent-header__cta {
    flex-grow: 0
}

.agent-header__cta a {
    font-size: 2.1rem !important;
    padding: 0 1rem !important
}

.agent-header__menu-toggle {
    display: flex;
    flex-direction: row;
    gap: var(--base-gap);
    align-content: center;
    margin-left: auto
}

.agent-header__menu-toggle--cta {
    display: flex;
    align-self: center
}

.agent-header__menu-toggle--cta a {
    padding: 0 1rem;
    font-size: 2.25rem;
    font-family: var(--heading-font-family);
    line-height: var(--base-heading-line-height);
    text-transform: uppercase;
    color: var(--sapc-light-gray);
    text-decoration: none !important
}

.agent-header__menu-toggle--cta a.nuxt-link-exact-active {
    border: 1rem solid;
    border-image: url("data:image/svg+xml,%3Csvg width='171' height='52' viewBox='0 0 171 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.15239 10.8011C1.19581 12.016 1.24257 13.2439 1.18579 14.4588C1.10897 16.126 0.84177 17.748 0.698149 19.4024C0.537827 21.2764 0.414245 23.2862 0.621328 25.1667C0.85513 27.3122 1.78366 28.5917 1.77364 30.8147C1.7703 32.2752 1.57324 33.7356 1.68012 35.1832C1.79368 36.7341 2.24125 38.1364 2.43163 39.6615C2.72555 42.0461 2.36149 44.5211 1.99742 46.8734C1.74024 48.5406 1.48306 50.2079 1.22921 51.8751H168.528C168.525 50.9058 168.562 49.7684 168.866 49.2967C169.904 47.6811 169.313 47.7134 168.525 46.2788C168.114 45.5357 168.144 43.8684 168.301 42.6018C168.528 40.773 168.518 39.8489 168.465 38.0912C168.418 36.5532 168.218 35.978 168.669 34.5111C168.899 33.7615 169.206 33.2316 169.434 32.4884C169.086 31.4803 168.405 31.4868 168.071 30.2395C167.87 29.4705 167.971 27.254 167.921 26.2782C167.85 24.8953 167.89 23.2539 168.311 22.459C168.615 21.8774 169.049 21.9033 169.317 21.1989C169.888 19.6932 169.14 16.992 169.397 14.9434C169.931 14.7302 170.466 14.5105 170.997 14.2972C171.03 13.1211 170.562 12.3908 170.202 11.7446C169.841 11.1049 169.514 9.65731 169.834 8.86892C170.392 8.26793 170.392 5.98676 170.041 4.65554C169.691 3.32432 169.133 2.51654 168.746 1.26286C168.709 1.14008 168.672 1.01084 168.639 0.881592L0.0401611 0.881592C0.103622 1.12069 0.163743 1.3598 0.220523 1.59244C0.911911 4.46167 1.03549 7.67341 1.15239 10.8011Z' fill='%23FFF200'/%3E%3C/svg%3E%0A") 50/50;
    color: var(--sapc-bright-blue)
}

.agent-header__menu-toggle button {
    font-size: 3rem;
    width: 2.625rem;
    color: var(--sapc-orange);
    display: flex;
    justify-content: center;
    align-self: center
}

@media(min-width:48rem) {
    .agent-header__menu-toggle {
        display: none
    }
}

.agent-header__language-toggle {
    position: relative
}

:root:not(.has-been-mounted) .agent-header__language-toggle {
    visibility: hidden
}

@media(max-width:47.98rem) {
    .agent-header__language-toggle {
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 2rem 0;
        transform: translateY(100vh);
        transform: translateY(100dvh);
        z-index: 99
    }
}

.agent-header__language-toggle>a {
    color: var(--sapc-light-gray);
    font-size: 1.4rem
}

[data-whatintent=keyboard] .agent-header__language-toggle>a:focus,
[data-whatintent=mouse] .agent-header__language-toggle>a:hover,
[data-whatintent=touch] .agent-header__language-toggle>a:active {
    text-decoration: none
}

[data-whatintent=keyboard] .agent-header__language-toggle>a:focus span,
[data-whatintent=mouse] .agent-header__language-toggle>a:hover span,
[data-whatintent=touch] .agent-header__language-toggle>a:active span {
    text-decoration: underline
}

.agent-header__language-toggle>a span {
    margin-left: .3rem
}

.agent-header__language-toggle .agent-language-toggle {
    color: var(--sapc-light-gray)
}

.agent-header__language-toggle .agent-language-toggle span {
    margin: 0 1rem 0 .5rem
}

.agent-header__language-toggle .language-picker__dropdown {
    position: absolute;
    top: calc(100% + .5rem);
    width: 100%;
    background: #fff;
    z-index: 99;
    border-radius: .5rem;
    padding: 1.5rem;
    box-shadow: 0 .5rem 1rem -.5rem var(--sapc-light-gray)
}

@media(max-width:47.98rem) {
    .agent-header__language-toggle .language-picker__dropdown {
        top: auto;
        bottom: calc(100% - .5rem);
        width: auto
    }
}

[data-whatintent=keyboard] .agent-header__language-toggle .language-picker__list button:focus,
[data-whatintent=mouse] .agent-header__language-toggle .language-picker__list button:hover,
[data-whatintent=touch] .agent-header__language-toggle .language-picker__list button:active {
    text-decoration: underline
}

[data-fixed-header=true],
[data-header-overhang=true] {
    top: 0;
    width: 100%;
    z-index: 999
}

[data-header-overhang=true] {
    position: absolute
}

[data-header-overhang=true][data-fixed-header=true] {
    position: fixed
}

[data-fixed-header=true] {
    position: sticky
}

.active-locale {
    font-weight: 700
}

@keyframes slide-up {
    from {
        opacity: 0;
        transform: translateY(2rem)
    }

    to {
        opacity: 1;
        transform: none
    }
}

html[lang=es] .agent-header__menu-toggle--cta a {
    font-size: 1.5rem
}

@media(min-width:31.25rem) {
    html[lang=es] .agent-header__menu-toggle--cta a {
        font-size: 1.8rem
    }
}

.agent-icon {
    color: inherit
}

.agent-hero {
    background: var(--sapc-navy);
    display: flex;
    flex-direction: column;
    color: #fff;
    background-size: cover;
    position: relative;
    min-height: calc(100vh - var(--calculated-header-height))
}

@media(min-width:125rem) {
    .agent-hero {
        background-position: center
    }

    .agent-hero.flipped-hero .agent-hero__foreground {
        padding-left: var(--base-container-margin)
    }

    .agent-hero:not(.flipped-hero) .agent-hero__foreground {
        padding-right: var(--base-container-margin)
    }
}

@media(max-width:47.98rem) {
    .agent-hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(/hero-overlay.png);
        background-position: center bottom;
        background-size: cover;
        z-index: 4
    }
}

@media(min-width:64rem) {
    .agent-hero {
        gap: var(--base-gap);
        flex-direction: row
    }

    .agent-hero>div {
        flex: 1
    }
}

.agent-hero__foreground {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    justify-content: center
}

@media(max-width:47.98rem) {
    .agent-hero__foreground {
        display: none
    }
}

@media(min-width:64rem) {
    .agent-hero__foreground {
        margin: 0 1rem
    }
}

.agent-hero__copy {
    display: flex;
    flex-direction: column;
    z-index: 6
}

@media(min-width:48rem) {
    .agent-hero__copy {
        margin-top: var(--base-large-gap);
        margin-left: var(--base-container-margin);
        margin-right: 0;
        justify-content: center
    }
}

.agent-hero__copy h1 {
    text-shadow: 0 .2rem 3rem #000;
    line-height: 1;
    color: #fff
}

@media(max-width:74.98rem) {
    .agent-hero__copy h1 {
        font-size: var(--h1-font-size) !important
    }

    .agent-hero__copy h1 em {
        font-size: var(--xxl-font-size) !important
    }
}

.agent-hero__copy h1 em {
    font-size: var(--xxl-font-size);
    color: var(--sapc-yellow);
    display: block;
    line-height: var(--xxl-line-height)
}

@media(max-width:47.98rem) {
    .agent-hero__copy--heading {
        margin: var(--base-container-margin)
    }
}

.agent-hero__copy--subheading {
    font-family: var(--heading-font-family);
    font-weight: var(--base-heading-font-weight);
    line-height: var(--base-heading-line-height);
    font-size: var(--h1-font-size);
    text-transform: uppercase
}

.agent-hero__copy--main {
    font-weight: 600;
    text-shadow: 0 0 5rem #000;
    margin-top: var(--base-large-gap);
    background-size: cover;
    background-position: top;
    padding-bottom: var(--base-gap)
}

@media(max-width:47.98rem) {
    .agent-hero__copy--main {
        display: flex;
        min-height: 50vh;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative
    }

    .agent-hero__copy--main::after {
        content: "";
        position: absolute;
        z-index: 1;
        left: -50vw;
        bottom: 0;
        width: 200vw;
        height: 80%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 90%);
        mix-blend-mode: multiply
    }

    .agent-hero__copy--main p {
        z-index: 2;
        padding-top: 25rem;
        margin-left: var(--base-container-margin);
        margin-right: var(--base-container-margin);
        display: flex;
        align-items: flex-end
    }
}

.agent-hero.flipped-hero {
    flex-direction: row-reverse
}

@media(min-width:64rem) {
    .agent-hero.flipped-hero .agent-hero__copy {
        margin-right: var(--base-container-margin);
        margin-left: var(--base-gap) !important
    }
}

.closer-than-you-think-hero>.agent-hero__foreground {
    display: none
}

@media(max-width:47.98rem) {
    .closer-than-you-think-hero>.agent-hero__copy {
        margin: var(--base-container-margin) 0 !important;
        margin-bottom: 0 !important
    }
}

@media(min-width:48rem) {
    .closer-than-you-think-hero>.agent-hero__copy {
        justify-content: center
    }
}

@media(max-width:47.98rem) {
    .closer-than-you-think-hero .agent-hero__copy--heading {
        margin: 0 !important
    }
}

.closer-than-you-think-hero .agent-hero__copy--main {
    display: flex;
    min-height: auto !important
}

@media(min-width:48rem) {
    .closer-than-you-think-hero .agent-hero__copy--main {
        padding-bottom: 0;
        margin: var(--base-small-gap) 0
    }
}

.closer-than-you-think-hero .agent-hero__copy--main p {
    padding-top: 0;
    text-align: center
}

@media(max-width:47.98rem) {
    .closer-than-you-think-hero .agent-hero__copy--main p {
        margin: 0 !important
    }
}

@media(min-width:64rem) {
    .closer-than-you-think-hero .agent-hero__copy--main p {
        padding: 0 10vw
    }
}

.agent-section {
    position: relative
}

.agent-section .container {
    display: flex;
    flex-direction: column
}

.agent-section .container>:not(:last-child) {
    margin-bottom: var(--base-large-gap)
}

.agent-section[data-light-text=true] {
    --base-heading-color: white;
    --base-link-color: white;
    --base-link-hover-color: white;
    color: #fff
}

.agent-section[data-background-color="#ffffff"] {
    background-image: url(../img/white-bg.6f058d5.jpg);
    background-attachment: fixed
}

.agent-section.plain-white-bg {
    background: #fff !important
}

.agent-section[data-background-color="#00124d"]::after,
.agent-section[data-background-color="#00124d"]::before,
.agent-section[data-background-color="#1500ac"]::after,
.agent-section[data-background-color="#1500ac"]::before {
    content: "";
    display: block;
    width: 100%;
    height: .5rem;
    background: url(../img/bright-blue-section-border.3619cb1.svg) center top repeat-x;
    overflow: hidden
}

.agent-section[data-background-color="#00124d"]::before,
.agent-section[data-background-color="#1500ac"]::before {
    transform: translateY(calc(1px - 100%))
}

.agent-section[data-background-color="#00124d"]::after,
.agent-section[data-background-color="#1500ac"]::after {
    transform: translateY(calc(100% - 1px)) rotate(180deg);
    position: relative;
    z-index: 2
}

.agent-section[data-background-color="#00124d"]::after,
.agent-section[data-background-color="#00124d"]::before {
    background-image: url(../img/navy-blue-section-border.76f2935.svg)
}

.agent-section__desktop-bg,
.agent-section__mobile-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.agent-section__desktop-bg img,
.agent-section__mobile-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width:47.98rem) {
    .agent-section__desktop-bg {
        display: none
    }
}

@media(min-width:48rem) {
    .agent-section__mobile-bg {
        display: none
    }
}

.remove-bottom-padding .container {
    padding-bottom: 0
}

.pre-footer-section .container {
    padding-top: calc(var(--base-container-padding)*2);
    padding-bottom: calc(var(--base-container-padding)*2)
}

.pre-footer-section p {
    font-weight: 600
}

.agent-full-block[data-break-contain=true] {
    margin-left: calc(var(--base-container-margin)*-1);
    margin-right: calc(var(--base-container-margin)*-1);
    width: 100vw
}

.agent-full-block.use-light-blue-bg {
    background: var(--sapc-light-blue-translucent);
    padding: var(--base-container-padding) var(--base-container-margin) 0;
    margin-bottom: 0 !important
}

.agent-full-block.use-light-blue-bg+.use-light-blue-bg {
    padding-top: var(--base-gap);
    padding-bottom: var(--base-container-padding)
}

.agent-full-block.adjust-top-margin {
    margin-top: var(--base-container-padding)
}


.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.agent-carousel>div {
    margin-left: calc(var(--base-container-margin)*-1);
    margin-right: calc(var(--base-container-margin)*-1);
    width: 100vw
}

.agent-carousel>div [data-component-type=card] {
    margin: 0 var(--base-container-margin);
    width: var(--base-container-width);
    max-width: var(--base-container-max-width)
}

.agent-card-pack>div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--base-gap)
}

@media(min-width:48rem) {
    .agent-card-pack>div {
        display: flex
    }

    .agent-card-pack>div>* {
        display: flex;
        flex-direction: column;
        flex: 1
    }
}

.agent-card-pack>div[data-break-contain=true] {
    margin-left: calc(var(--base-container-margin)*-1);
    margin-right: calc(var(--base-container-margin)*-1);
    width: 100vw
}

@media(min-width:48rem) {
    .agent-card-pack>div {
        grid-template-columns: repeat(3, 1fr)
    }
}

.drug-card-pack {
    padding-top: var(--base-gap)
}

.drug-card-pack>div {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media(min-width:48rem) {
    .drug-card-pack>div {
        grid-template-columns: repeat(4, 1fr)
    }
}

.signs-card-pack a,
.what-to-do-card-pack a {
    color: var(--sapc-bright-blue);
    font-weight: 700
}

.signs-card-pack>div,
.what-to-do-card-pack>div {
    grid-template-columns: repeat(1, 1fr)
}

@media(min-width:48rem) {

    .signs-card-pack>div,
    .what-to-do-card-pack>div {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width:47.98rem) {
    .signs-card-pack .agent-card {
        display: flex;
        gap: 1rem
    }

    .signs-card-pack .agent-card__copy {
        text-align: left
    }
}

.split-image-card-pack>div {
    grid-template-columns: 1fr;
    row-gap: var(--base-container-padding)
}

.flickity-button {
    color: var(--sapc-orange) !important;
    background: rgba(0, 0, 0, 0) !important
}

.flickity-button:disabled {
    opacity: 0
}

.flickity-prev-next-button {
    width: 5rem;
    height: 5rem;
    top: auto;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.flickity-prev-next-button .flickity-button-icon {
    position: static;
    width: 50%;
    height: 50%
}

.flickity-page-dots {
    position: static !important;
    padding-top: var(--base-gap) !important
}

.flickity-page-dots .dot {
    background: #fff !important;
    margin: 0 .5rem
}

@media(min-width:48rem) {
    .sapc-stat-card {
        text-align: center
    }
}

.sapc-stat-card__main-copy p {
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1.3125;
    margin: 0 auto;
    max-width: 30rem
}

@media(max-width:47.98rem) {
    .sapc-stat-card__main-copy p {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media(min-width:48rem) {
    .sapc-stat-card__main-copy p {
        font-size: 2.3rem
    }
}

@media(min-width:64rem) {
    .sapc-stat-card__main-copy p {
        font-size: 2.8rem
    }
}

.sapc-stat-card__main-copy strong {
    font-family: var(--heading-font-family);
    font-weight: 400;
    line-height: var(--xxl-line-height);
    font-size: var(--xxl-font-size);
    display: block
}

@media(max-width:47.98rem) {
    .sapc-stat-card__main-copy strong {
        flex: 0 0 40%;
        text-align: right;
        margin-right: var(--base-gap)
    }
}

@media(min-width:48rem) {
    .sapc-stat-card__main-copy strong {
        padding-bottom: 2rem
    }
}

.use-light-blue .sapc-stat-card__main-copy strong {
    color: var(--sapc-light-blue)
}

.use-yellow .sapc-stat-card__main-copy strong {
    color: var(--sapc-yellow)
}

.use-orange .sapc-stat-card__main-copy strong {
    color: var(--sapc-orange)
}

@media(min-width:48rem) {
    .agent-section-intro-copy {
        text-align: center
    }
}

.agent-section-intro-copy__main-copy {
    margin: 0 auto;
    max-width: 88rem
}

.agent-section-intro-copy__heading+* {
    padding-top: 1.5rem
}

.agent-section-intro-copy__heading h2 {
    font-size: var(--xl-font-size)
}

.agent-section-intro-copy__heading h2 em {
    color: var(--sapc-orange)
}

.agent-section-intro-copy__heading h2 em.yellow {
    color: var(--sapc-yellow)
}

.agent-section-intro-copy__heading h2 span.shrink {
    font-size: calc(var(--xl-font-size)*.7)
}

.agent-section-intro-copy__heading h3 {
    text-transform: none;
    line-height: 1.3125
}

.heading-type-a .agent-section-intro-copy__heading+* {
    padding-top: 2rem
}

.heading-type-a .agent-section-intro-copy__heading h2 {
    font-size: var(--h2-font-size)
}

.heading-type-a .agent-section-intro-copy__heading h2 em {
    font-size: var(--xl-font-size);
    color: inherit;
    padding-bottom: 1rem;
    display: block
}

.heading-type-b .agent-section-intro-copy__heading h2 {
    font-size: var(--xl-font-size);
    margin: 0 auto;
    max-width: 80rem
}

.heading-type-b .agent-section-intro-copy__heading h2 em {
    color: var(--sapc-yellow)
}

.heading-type-c .agent-section-intro-copy__heading h2 {
    font-size: var(--xl-font-size);
    color: var(--sapc-yellow);
    padding-bottom: 1rem;
    margin: 0 auto
}

:root[lang=es] .heading-type-c .agent-section-intro-copy__heading h2 {
    max-width: 80rem
}

.heading-type-c2 .agent-section-intro-copy__heading h2 {
    color: var(--sapc-navy)
}

:root[lang=es] .heading-type-c2 .agent-section-intro-copy__heading h2 {
    max-width: 70rem
}

.agent-section-intro-copy__subheading+* {
    padding-top: var(--base-gap)
}

.heading-type-c .agent-section-intro-copy__subheading {
    margin-top: -1.5rem
}

.heading-type-c .agent-section-intro-copy__subheading p {
    font-family: var(--heading-font-family);
    font-size: var(--h2-font-size);
    font-weight: var(--base-heading-font-weight);
    line-height: var(--base-heading-line-height);
    text-transform: uppercase
}

.heading-type-c2 .agent-section-intro-copy__subheading p {
    color: var(--sapc-navy)
}

.agent-section-intro-copy__cta-group {
    padding-top: var(--base-gap)
}

.agent-card {
    text-align: center
}

.agent-card>:not(:last-child) {
    margin-bottom: var(--base-small-gap)
}

.agent-card__image {
    overflow: hidden
}

.agent-card__heading+* {
    padding-top: 1rem
}

.agent-card__main-copy a {
    text-decoration: underline
}

.agent-card__cta-group {
    padding-top: 2rem
}

@media(min-width:48rem) {
    .sapc-drug-card {
        text-align: center
    }
}

.sapc-drug-card__image img {
    height: 2rem;
    width: auto;
    margin-bottom: 1.5rem
}

@media(min-width:48rem) {
    .sapc-drug-card__image img {
        height: 3rem;
        margin: 0 auto 1.5rem
    }
}

.sapc-drug-card__heading+* {
    padding-top: .5rem
}

.sapc-drug-card__main-copy {
    line-height: 1.3125
}

.sapc-drug-card__cta-group {
    padding-top: 2rem
}

.sapc-signs-card {
    text-align: center
}

@media(max-width:47.98rem) {
    .sapc-signs-card {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.sapc-signs-card__image {
    overflow: hidden
}

@media(max-width:47.98rem) {
    .sapc-signs-card__image {
        flex: 0 0 40%;
        margin-right: var(--base-gap)
    }
}

.sapc-signs-card__image>div {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width:48rem) {
    .sapc-signs-card__image>div {
        width: auto;
        height: 15rem
    }
}

.sapc-signs-card__image>div img {
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 80%
}

@media(min-width:48rem) {
    .sapc-signs-card__image>div img {
        max-width: 60%
    }
}

@media(max-width:47.98rem) {
    .sapc-signs-card__copy {
        flex: 1
    }
}

.sapc-signs-card__heading+* {
    padding-top: 1rem
}

.sapc-signs-card__heading h3 {
    color: var(--sapc-yellow)
}

@media(min-width:48rem) {
    .sapc-signs-card__main-copy p {
        margin: 0 auto;
        max-width: 20rem
    }
}

.agent-copy__heading h2 {
    font-size: var(--xl-font-size);
    padding-bottom: 1.5rem
}

.agent-copy__heading em {
    color: var(--sapc-yellow)
}

.agent-copy__main-copy ol {
    margin-top: var(--base-small-gap);
    margin-left: var(--base-gap)
}

.agent-copy__main-copy ol li {
    margin: .5rem 0
}

.callout-copy .agent-copy__main-copy p {
    font-size: var(--h2-font-size);
    font-family: var(--heading-font-family);
    line-height: var(--base-heading-line-height);
    text-transform: uppercase
}

@media(min-width:48rem) {
    .callout-copy .agent-copy__main-copy p {
        text-align: center
    }
}

.callout-copy .agent-copy__main-copy p em {
    color: var(--sapc-yellow);
    font-style: normal
}

.call-911-copy,
.map-disclaimer-copy,
.repeat-as-needed-copy {
    margin: 0 auto;
    padding: 1.5rem;
    text-align: center
}

.call-911-copy {
    background: var(--sapc-navy)
}

.no-text-transform {
    text-transform: none
}

.no-text-transform h1,
.no-text-transform h2,
.no-text-transform h3,
.no-text-transform h4,
.no-text-transform h5,
.no-text-transform h6 {
    text-transform: none
}

.orange {
    color: var(--sapc-orange)
}

.orange h1,
.orange h2,
.orange h3,
.orange h4,
.orange h5,
.orange h6 {
    color: var(--sapc-orange)
}

.repeat-as-needed-copy {
    background: var(--sapc-light-blue);
    color: var(--sapc-navy)
}

.map-disclaimer-copy {
    background: var(--sapc-orange);
    color: var(--sapc-navy)
}

.agent-accordion {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.services-accordion button {
    text-align: left
}

@media(min-width:48rem) {
    .services-accordion {
        margin: 0 auto;
        width: 70%;
        max-width: 102.8rem
    }
}

.agent-accordion-item__handle {
    text-align: center
}

.agent-accordion-item__handle button {
    background: var(--sapc-bright-blue);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--base-small-gap)
}

.agent-accordion-item__handle button[aria-expanded=true] {
    background: #fff;
    color: var(--sapc-bright-blue)
}

.agent-accordion-item__handle h3 {
    font-size: var(--h2-font-size)
}

@media(min-width:64rem) {
    .agent-accordion-item__handle h3 {
        font-size: 4.4rem
    }
}

.agent-accordion-item__handle i {
    font-size: .75em;
    margin-left: 1rem
}

.agent-accordion-item__copy {
    word-break: break-word;
    padding: var(--base-small-gap)
}

.agent-accordion-item__copy ul {
    list-style: outside square;
    margin-left: 1.5rem;
    font-size: 1.4rem
}

@media(min-width:48rem) {
    .agent-accordion-item__copy ul {
        font-size: 1.8rem
    }
}

.agent-accordion-item__copy li:not(:last-child) {
    padding-bottom: 1rem
}

.agent-accordion-item__copy a {
    text-decoration: underline
}

.agent-footer {
    --base-container-padding: 3rem;
    text-align: center;
    border-top: 1px solid var(--sapc-light-gray)
}

.agent-footer__nav {
    width: 100%;
    padding: 0 var(--base-container-margin);
    margin: var(--base-gap) 0
}

.agent-footer__nav ul {
    display: flex;
    flex-direction: column;
    gap: var(--base-large-gap)
}

.agent-footer__nav ul li {
    text-align: center;
    flex: 1
}

@media(min-width:48rem) {
    .agent-footer__nav ul {
        gap: var(--base-gap);
        flex-direction: row;
        align-items: center;
        justify-content: center
    }
}

.agent-footer__nav a {
    color: var(--sapc-bright-blue);
    font-size: var(--h3-font-size);
    font-family: var(--heading-font-family);
    font-weight: var(--base-heading-font-weight);
    line-height: var(--base-heading-line-height);
    text-transform: uppercase
}

@media(min-width:48rem) {
    .agent-footer__nav a {
        font-size: 3.5rem
    }
}

.agent-footer__logos {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative
}

.agent-footer__logos>* {
    flex: 1;
    display: flex
}

.agent-footer__logos>:first-child {
    justify-content: flex-start
}

.agent-footer__logos>:nth-child(2) {
    justify-content: center
}

.agent-footer__logos>:last-child {
    justify-content: flex-end
}

@media(min-width:64rem) {
    .agent-footer__logos {
        padding: 0 var(--base-container-margin);
        padding-bottom: var(--base-gap)
    }
}

@media(max-width:47.98rem) {
    .agent-footer__logos {
        border-top: 1px solid var(--sapc-light-gray);
        flex-direction: column;
        padding: var(--base-gap) 0
    }

    .agent-footer__logos img {
        margin: var(--base-small-gap) 0
    }
}

.agent-footer__logos img {
    max-width: 25rem;
    max-height: 10rem
}

.agent-footer__logos--social {
    display: flex;
    flex-direction: row;
    gap: var(--base-gap);
    width: 100%
}

@media(min-width:64rem) {
    .agent-footer__logos--social {
        gap: var(--base-small-gap)
    }

    .agent-footer__logos--social img {
        height: 40px;
        width: 40px
    }
}

@media(max-width:47.98rem) {
    .agent-footer__logos--social {
        border-top: 1px solid var(--sapc-light-gray);
        padding: var(--base-gap) var(--base-container-margin);
        padding-bottom: 0
    }

    .agent-footer__logos--social>* {
        display: flex;
        justify-content: center;
        flex: 1
    }
}

.modal:not(:empty) {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    place-items: center;
    background-color: rgba(0, 0, 0, .75)
}

.sapc-what-to-do-card {
    text-align: center
}

@media(max-width: 47.98rem) {
    .sapc-what-to-do-card {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: flex-start
    }
}

.sapc-what-to-do-card__image {
    overflow: hidden
}

@media(max-width: 47.98rem) {
    .sapc-what-to-do-card__image {
        flex: 0 0 40%;
        margin-right: var(--base-gap)
    }
}

@media(min-width: 48rem) {
    .sapc-what-to-do-card__image {
        margin-bottom: var(--base-small-gap)
    }
}

.sapc-what-to-do-card__image>div {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.sapc-what-to-do-card__image>div img {
    width: auto;
    height: auto;
    max-width: 80%;
    margin-left: 10%
}

@media(min-width: 48rem) {
    .sapc-what-to-do-card__image>div img {
        max-width: 60%;
        margin-left: 20%
    }
}

@media(max-width: 47.98rem) {
    .sapc-what-to-do-card__copy {
        flex: 1
    }
}

.sapc-what-to-do-card__heading h3 {
    font-size: var(--h4-font-size);
    color: var(--sapc-orange)
}

.sapc-what-to-do-card__heading+* {
    padding-top: 1rem
}

.sapc-what-to-do-card__main-copy a {
    color: var(--sapc-bright-blue);
    font-weight: bold;
    text-decoration: underline
}

.sapc-what-to-do-card__cta-group {
    padding-top: 2rem
}

@media(min-width: 48rem) {
    .sapc-split-image-card {
        display: grid;
        align-items: center;
        grid-template-columns: var(--base-container-margin) 1fr var(--base-large-gap) 1fr var(--base-container-margin);
        row-gap: var(--base-container-margin)
    }
}

@media(max-width: 47.98rem) {
    .sapc-split-image-card__image {
        margin-left: var(--base-container-margin);
        padding-left: var(--base-container-margin);
        margin-bottom: var(--base-gap)
    }
}

@media(min-width: 48rem) {
    .sapc-split-image-card__image {
        grid-column: 4/span 2
    }
}

@media(min-width: 90rem) {
    .sapc-split-image-card__image {
        grid-column: 4
    }
}

@media(max-width: 47.98rem) {
    .split-image-card-b .sapc-split-image-card__image {
        margin-left: 0;
        margin-right: var(--base-container-margin)
    }
}

@media(min-width: 48rem) {
    .split-image-card-b .sapc-split-image-card__image {
        grid-column: 1/span 2
    }
}

@media(min-width: 90rem) {
    .split-image-card-b .sapc-split-image-card__image {
        grid-column: 2
    }
}

.sapc-split-image-card__copy {
    grid-row: 1
}

@media(max-width: 47.98rem) {
    .sapc-split-image-card__copy {
        margin: 0 var(--base-container-margin)
    }
}

@media(min-width: 48rem) {
    .sapc-split-image-card__copy {
        grid-column: 2
    }
}

@media(min-width: 48rem) {
    .split-image-card-b .sapc-split-image-card__copy {
        grid-column: 4
    }
}

.sapc-split-image-card__heading h3 {
    text-transform: none;
    line-height: 1.3125
}

.sapc-split-image-card__heading+* {
    padding-top: 1rem
}

.sapc-split-image-card__main-copy a {
    text-decoration: underline
}

.sapc-split-image-card__cta-group {
    padding-top: 2rem
}

.agent-map {
    position: relative
}

.agent-map__map {
    height: 60rem;
    width: 100%
}

@media(orientation: portrait) {
    .agent-map__map {
        height: 50vh
    }
}

.agent-map__marker {
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 40px;
    min-width: 40px;
    cursor: pointer
}

.mapboxgl-popup-close-button {
    color: #fff
}

.mapboxgl-map {
    font: inherit
}

.mapboxgl-ctrl-compass {
    display: none !important
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
    display: none
}


.agent-map-search {
    margin-bottom: .5rem
}

@media(orientation: landscape) {
    .agent-map-search {
        width: 15rem;
        position: absolute;
        z-index: 19;
        top: var(--base-small-gap);
        right: var(--base-small-gap)
    }
}

.agent-map-search input {
    width: 100%;
    padding: 1rem;
    position: relative;
    border: 1px solid var(--sapc-light-gray);
    border-radius: .3rem
}

.mapboxgl-popup {
    z-index: 20
}

.mapboxgl-popup-tip {
    border-top-color: var(--sapc-navy) !important
}

.mapboxgl-popup-content {
    background: var(--sapc-navy)
}

.mapboxgl-popup-close-button {
    margin-right: 1rem
}

.agent-map-popup {
    background: var(--sapc-navy);
    text-align: center;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    color: #fff
}

.agent-map-popup strong {
    font-size: var(--h4-font-size);
    font-family: var(--heading-font-family);
    font-weight: var(--base-heading-font-weight);
    line-height: var(--base-heading-line-height);
    text-transform: uppercase
}

.agent-map-popup h3 {
    font-size: 3rem
}

.agent-map-popup address,
.agent-map-popup a,
.agent-map-popup div {
    font-size: 1.4rem
}

@media(min-width: 48rem) {

    .agent-map-popup address,
    .agent-map-popup a,
    .agent-map-popup div {
        font-size: 1.8rem
    }
}

.agent-map-popup a {
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    text-decoration: underline
}

.agent-map-legend {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    padding: .75rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    background-color: #fff;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25)
}

@media(min-width: 48rem) {
    .agent-map-legend {
        bottom: 2rem;
        left: 2rem;
        padding: .875rem 1rem
    }
}

.agent-map-legend__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .75rem
}

.agent-map-legend__row--color {
    height: 24px;
    width: 24px
}

.agent-map-legend__row--filter {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end
}

.agent-map-legend__row--filter input[type=checkbox] {
    height: 16px;
    width: 16px
}



   .agent-embedded-video {
        position: relative;
        display: flex;
        justify-content: center
    }

    .agent-embedded-video__overlay {
        position: relative
    }

    .agent-embedded-video__overlay[data-thumbnail-loaded=true]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(21, 0, 172, .4);
        z-index: 3
    }

    .agent-embedded-video button {
        position: absolute;
        top: calc(50% - 32px);
        left: calc(50% - 32px);
        height: 64px;
        width: 64px;
        background-image: url("../img/play-button.png");
        background-size: contain;
        z-index: 4
    }

    .agent-embedded-video img {
        position: relative;
        z-index: 1
    }

    .agent-video-modal {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, .75);
        z-index: 9001
    }

    .agent-video-modal .spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .agent-video-modal button {
        position: absolute;
        top: 2.5rem;
        right: 5rem;
        color: #fff;
        font-size: 5rem
    }

   .agent-spinner {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px
    }

    .agent-spinner div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid var(--sapc-light-blue);
        border-radius: 50%;
        animation: agent-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: var(--sapc-light-blue) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
    }

    .agent-spinner div:nth-child(1) {
        animation-delay: -0.45s
    }

    .agent-spinner div:nth-child(2) {
        animation-delay: -0.3s
    }

    .agent-spinner div:nth-child(3) {
        animation-delay: -0.15s
    }

    @keyframes agent-spinner {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }

 #references-drop {display: none;}