.background--accent-1 {
    background-color: var(--accent-color-1);
}

.background--accent-2 {
    background-color: var(--accent-color-2);
}

.background--aero-blue {
    background-color: #c9f5dd;
}

.background--alabaster {
    background-color: #fafafa;
}

.background--albescent-white-light {
    background-color: #fdece3;
}

.background--alice-blue {
    background-color: #e8f0fe;
}

.background--alice-blue-light {
    background-color: #e7f0fe;
}

.background--alice-light-blue {
    background-color: #e6f7ff;
}

.background--aqua-spring {
    background-color: #e6ffe6;
}

.background--aqua {
    background-color: #d7effe;
}

.background--athens-gray {
    background-color: #e8eaed;
}

.background--blanched-almond {
    background-color: #faeac9;
}

.background--blanco {
    background-color: #f0ebe7;
}

.background--blue-sky {
    background-color: #d7effe;
}

.background--bluse-sky {
    background-color: #b9dafc;
}

.background--bone {
    background-color: #dccfc4;
}

.background--bridesmaid {
    background-color: #fef0eb;
}

.background--burning-orange-light {
    background-color: #ffe9e1;
}

.background--burning-orange {
    background-color: #f86734;
}

.background--champagne {
    background-color: #ffe9e1;
}

.background--chateau-green {
    background-color: #34a853;
}

.background--citrine-white {
    background-color: #f9fadd;
}

.background--corn-silk {
    background-color: #fef7e0;
}

.background--cosmic-latte {
    background-color: #e6ffee;
}

.background--electric-lime {
    background-color: #c6ff00;
}

.background--fog {
    background-color: #e0ddf2;
}

.background--gray-disabled {
    background-color: #f8f9fa;
}

.background--green-tea {
    background-color: #eff7cf;
}

.background--honeydew {
    background-color: #ecfbf3;
}

.background--icy-blue {
    background-color: #d9dff1;
}

.background--isabel-line {
    background-color: #f1ede9;
}

.background--jet {
    background-color: rgba(53, 53, 53, .302);
}

.background--kingly-cloud {
    background-color: #e0e0e0;
}

.background--lavendar-blue {
    background-color: #c5d9ff;
}

.background--lavender-mist {
    background-color: #d1daf4;
}

.background--light-early-dawn {
    background-color: #fff9ec;
}

.background--light-panache {
    background-color: #e8f5e9;
}

.background--light-porcelain {
    background-color: #f1f3f4;
}

.background--light-purple {
    background-color: #d9dff1;
}

.background--light-solitude {
    background-color: #e8f0fe;
}

.background--light-yellow {
    background-color: #faf6eb;
}

.background--linen {
    background-color: #fbebe2;
}

.background--magnolia {
    background-color: #f4f8ff;
}

.background--milk-foam {
    background-color: #f7ffe6;
}

.background--mint-cream {
    background-color: #ebf5f0;
}

.background--moon-mist {
    background-color: #e2ded3;
}

.background--moonlight {
    background-color: #f5e4fa;
}

.background--neutral-1 {
    background-color: var(--neutral-color-1);
}

.background--neutral-2 {
    background-color: var(--neutral-color-2);
}

.background--neutral-3 {
    background-color: var(--neutral-color-3);
}

.background--neutral-4 {
    background-color: var(--neutral-color-4);
}

.background--neutral-5 {
    background-color: var(--neutral-color-5);
}

.background--neutral-6 {
    background-color: var(--neutral-color-6);
}

.background--old-lace {
    background-color: #fdf6e6;
}

.background--orange-juice {
    background-color: #ff8000;
}

.background--pale-pink {
    background-color: #f6d6d6;
}

.background--panache {
    background-color: #e6f4ea;
}

.background--pastel-mint {
    background-color: #dae8ce;
}

.background--periglacial-blue {
    background-color: #e1e9da;
}

.background--porcelain {
    background-color: #e7ebec;
}

.background--primary-1 {
    background-color: var(--primary-color-1);
}

.background--primary-2 {
    background-color: var(--primary-color-2);
}

.background--primary-3 {
    background-color: var(--primary-color-3);
}

.background--sand {
    background-color: #e7eccb;
}

.background--semantic-1 {
    background-color: var(--semantic-color-light-1);
}

.background--semantic-2 {
    background-color: var(--semantic-color-light-2);
}

.background--semantic-3 {
    background-color: var(--semantic-color-light-3);
}

.background--shuttle-gray {
    background-color: #5f6368;
}

.background--sky-blue {
    background-color: #c0dfff;
}

.background--tiber {
    background-color: #073042;
}

.background--tidal {
    background-color: #efffa4;
}

.background--tusk {
    background-color: #eff7cf;
}

.background--ufo-green {
    background-color: #3cc360;
}

.background--wafer {
    background-color: #e8d9d9;
}

.background--white-voilet {
    background-color: #e5dbf6;
}

.background--white {
    background-color: #fff;
}

.background--rounded {
    border-radius: 24px;
}

@media(min-width:768px) {
    .background--rounded {
        border-radius: 40px;
    }
}

.background--glass {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: hsla(0, 0%, 100%, .4);
}

.text-color--accent-1 {
    color: var(--accent-color-1);
}

.text-color--accent-2 {
    color: var(--accent-color-2);
}

.text-color--aero-blue {
    color: #c9f5dd;
}

.text-color--alabaster {
    color: #fafafa;
}

.text-color--albescent-white-light {
    color: #fdece3;
}

.text-color--alice-blue {
    color: #e8f0fe;
}

.text-color--alice-blue-light {
    color: #e7f0fe;
}

.text-color--alice-light-blue {
    color: #e6f7ff;
}

.text-color--aqua-spring {
    color: #e6ffe6;
}

.text-color--aqua {
    color: #d7effe;
}

.text-color--athens-gray {
    color: #e8eaed;
}

.text-color--blanched-almond {
    color: #faeac9;
}

.text-color--blanco {
    color: #f0ebe7;
}

.text-color--blue-sky {
    color: #d7effe;
}

.text-color--bluse-sky {
    color: #b9dafc;
}

.text-color--bone {
    color: #dccfc4;
}

.text-color--bridesmaid {
    color: #fef0eb;
}

.text-color--burning-orange-light {
    color: #ffe9e1;
}

.text-color--burning-orange {
    color: #f86734;
}

.text-color--champagne {
    color: #ffe9e1;
}

.text-color--chateau-green {
    color: #34a853;
}

.text-color--citrine-white {
    color: #f9fadd;
}

.text-color--corn-silk {
    color: #fef7e0;
}

.text-color--cosmic-latte {
    color: #e6ffee;
}

.text-color--electric-lime {
    color: #c6ff00;
}

.text-color--fog {
    color: #e0ddf2;
}

.text-color--gray-disabled {
    color: #f8f9fa;
}

.text-color--green-tea {
    color: #eff7cf;
}

.text-color--honeydew {
    color: #ecfbf3;
}

.text-color--icy-blue {
    color: #d9dff1;
}

.text-color--isabel-line {
    color: #f1ede9;
}

.text-color--jet {
    color: rgba(53, 53, 53, .302);
}

.text-color--kingly-cloud {
    color: #e0e0e0;
}

.text-color--lavendar-blue {
    color: #c5d9ff;
}

.text-color--lavender-mist {
    color: #d1daf4;
}

.text-color--light-early-dawn {
    color: #fff9ec;
}

.text-color--light-panache {
    color: #e8f5e9;
}

.text-color--light-porcelain {
    color: #f1f3f4;
}

.text-color--light-purple {
    color: #d9dff1;
}

.text-color--light-solitude {
    color: #e8f0fe;
}

.text-color--light-yellow {
    color: #faf6eb;
}

.text-color--linen {
    color: #fbebe2;
}

.text-color--magnolia {
    color: #f8f4ff;
}

.text-color--milk-foam {
    color: #f7ffe6;
}

.text-color--mint-cream {
    color: #ebf5f0;
}

.text-color--moon-mist {
    color: #e2ded3;
}

.text-color--moonlight {
    color: #f5e4fa;
}

.text-color--neutral-1 {
    color: var(--neutral-color-1);
}

.text-color--neutral-2 {
    color: var(--neutral-color-2);
}

.text-color--neutral-3 {
    color: var(--neutral-color-3);
}

.text-color--neutral-4 {
    color: var(--neutral-color-4);
}

.text-color--neutral-5 {
    color: var(--neutral-color-5);
}

.text-color--neutral-6 {
    color: var(--neutral-color-6);
}

.text-color--old-lace {
    color: #fdf6e6;
}

.text-color--orange-juice {
    color: #ff8000;
}

.text-color--pale-pink {
    color: #f6d6d6;
}

.text-color--panache {
    color: #e6f4ea;
}

.text-color--pastel-mint {
    color: #dae8ce;
}

.text-color--periglacial-blue {
    color: #e1e9da;
}

.text-color--porcelain {
    color: #e7ebec;
}

.text-color--primary-1 {
    color: var(--primary-color-1);
}

.text-color--primary-2 {
    color: var(--primary-color-2);
}

.text-color--primary-3 {
    color: var(--primary-color-3);
}

.text-color--sand {
    color: #e7eccb;
}

.text-color--semantic-1 {
    color: var(--semantic-color-light-1);
}

.text-color--semantic-2 {
    color: var(--semantic-color-light-2);
}

.text-color--semantic-3 {
    color: var(--semantic-color-light-3);
}

.text-color--shuttle-gray {
    color: #5f6368;
}

.text-color--sky-blue {
    color: #c0dfff;
}

.text-color--tiber {
    color: #073042;
}

.text-color--tidal {
    color: #efffa4;
}

.text-color--tusk {
    color: #eff7cf;
}

.text-color--ufo-green {
    color: #3cc360;
}

.text-color--wafer {
    color: #e8d9d9;
}

.text-color--white-voilet {
    color: #e5dbf6;
}

.text-color--white {
    color: #fff;
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(./fonts/roboto-v20-latin-300.woff2) format("woff2"), url(./fonts/roboto-v20-latin-300.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(./fonts/roboto-v20-latin-regular.woff2) format("woff2"), url(./fonts/roboto-v20-latin-regular.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(./fonts/roboto-v20-latin-500.woff2) format("woff2"), url(./fonts/roboto-v20-latin-500.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(./fonts/roboto-v20-latin-700.woff2) format("woff2"), url(./fonts/roboto-v20-latin-700.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Roboto Cyrillic;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(./fonts/roboto-v20-latin_cyrillic-300.woff2) format("woff2"), url(./fonts/roboto-v20-latin_cyrillic-300.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Roboto Cyrillic;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(./fonts/roboto-v20-latin_cyrillic-regular.woff2) format("woff2"), url(./fonts/roboto-v20-latin_cyrillic-regular.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Roboto Cyrillic;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(./fonts/roboto-v20-latin_cyrillic-500.woff2) format("woff2"), url(./fonts/roboto-v20-latin_cyrillic-500.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Roboto Cyrillic;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(./fonts/roboto-v20-latin_cyrillic-700.woff2) format("woff2"), url(./fonts/roboto-v20-latin_cyrillic-700.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Google Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(./fonts/GoogleSans-Regular.woff2) format("woff2"), url(./fonts/GoogleSans-Regular.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Google Sans;
    font-style: normal;
    font-weight: 500;
    src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(./fonts/GoogleSans-Medium.woff2) format("woff2"), url(./fonts/GoogleSans-Medium.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Google Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(./fonts/GoogleSans-Bold.woff2) format("woff2"), url(./fonts/GoogleSans-Bold.woff) format("woff");
}

.classteam-xl-web-component,
:root {
    --color-is-1: #000;
    --color-is-2: #fff;
    --color-is-3: #3ddc84;
    --color-is-4: #d7effe;
    --color-is-5: #4285f4;
    --color-is-6: #073042;
    --provincial-pink-light: #f4d6cf;
    --provincial-pink-darker: #582a05;
    --provincial-pink-background: linear-gradient(180deg, #fff9f8, #fcece7);
    --provincial-pink-cta-enable: #714342;
    --provincial-pink-cta-hover: #f3d9d3;
    --provincial-pink-cta-active: #e3c4bd;
    --provincial-pink-cta-focus: #f4d6cf;
    --provincial-pink-cta-dark-text: #714342;
    --peach-light: #edd5b7;
    --peach-darker: #392c1a;
    --peach-background: linear-gradient(180deg, #fffefc, #fff1df);
    --peach-dots: #a08562;
    --peach-cta-enable: #6d4815;
    --peach-cta-hover: #edd5b7;
    --peach-cta-active: #ebcba0;
    --peach-cta-focus: #edd5b7;
    --peach-cta-dark-text: #6d4815;
    --solitude-light: #edd5b7;
    --solitude-darker: #304357;
    --solitude-background: linear-gradient(180deg, #f9fdff, #e6f3ff);
    --solitude-dots: #4c6da4;
    --solitude-cta-enable: #304357;
    --solitude-cta-hover: #aed6ff;
    --solitude-cta-active: #9ec5ed;
    --solitude-cta-focus: #cae3fd;
    --solitude-cta-dark-text: #073042;
    --selago-light: rgba(225, 222, 245, .502);
    --selago-darker: #2e2d55;
    --selago-background: linear-gradient(180deg, #fafaff, #f0f0fe);
    --selago-dots: #7f7daa;
    --selago-cta-enable: #4b4985;
    --selago-cta-hover: #cdcbef;
    --selago-cta-active: #bdcddc;
    --selago-cta-focus: #cdcbef;
    --selago-cta-dark-text: #4b4985;
    --mystic-light: #dadfec;
    --mystic-darker: #29474c;
    --mystic-background: linear-gradient(180deg, #fcfcfd, #e1e9eb);
    --mystic-dots: #343b24;
    --mystic-cta-enable: #304357;
    --mystic-cta-hover: #82b2df;
    --mystic-cta-active: #94b2d0;
    --mystic-cta-focus: #bdcddc;
    --mystic-cta-dark-text: #073042;
    --white-rock-light: #d0d8b8;
    --white-rock-darker: #343c24;
    --white-rock-background: linear-gradient(180deg, #fcfcf8, #eaebd9);
    --white-rock-dots: #343b24;
    --white-rock-cta-enable: #465425;
    --white-rock-cta-hover: #b7c293;
    --white-rock-cta-active: #d9e4b6;
    --white-rock-cta-focus: #d0d8b8;
    --white-rock-cta-dark-text: #343b24;
    --catskill-white-light: #dadfec;
    --catskill-white-darker: #304357;
    --catskill-white-background: linear-gradient(180deg, #fafafc, #e4ecf2);
    --catskill-white-dots: #2b3944;
    --catskill-white-cta-enable: #304357;
    --catskill-white-cta-hover: #82b2df;
    --catskill-white-cta-active: #94b2d0;
    --catskill-white-cta-focus: #bdcddc;
    --catskill-white-cta-dark-text: #073042;
    --pattens-blue: #e2f2ff;
    --frost: #ebf9e5;
    --off-yellow: #fef8e9;
    --white-lilac: #e0e5f5;
    --apple-green: #e8f5ef;
    --panache: #e6f4ea;
    --tahuna-sands: #edf4d1;
    --wafer: #e8d9d9;
    --botticelli: #dadfec;
    --linen: #fbebe2;
    --periglacial-blue: #e1e9da;
    --mint-cream: #ebf5f0;
    --mercury: #e6e7e8;
    --moon-mist: #e2ded3;
    --old-lace: #fdf6e6;
    --icy-blue: #d9dff1;
    --light-purple: #d9dff1;
    --light-panache: #e8f5e9;
}

.color-provincial-pink-light {
    color: var(--provincial-pink-light);
}

.color-provincial-pink-lighter {
    color: var(--provincial-pink-lighter);
}

.color-provincial-pink-dark {
    color: var(--provincial-pink-dark);
}

.color-provincial-pink-darker {
    color: var(--provincial-pink-darker);
}

.color-peach-light {
    color: var(--peach-light);
}

.color-peach-lighter {
    color: var(--peach-lighter);
}

.color-peach-dark {
    color: var(--peach-dark);
}

.color-peach-darker {
    color: var(--peach-darker);
}

.color-solitude-light {
    color: var(--solitude-light);
}

.color-solitude-lighter {
    color: var(--solitude-lighter);
}

.color-solitude-dark {
    color: var(--solitude-dark);
}

.color-solitude-darker {
    color: var(--solitude-darker);
}

.color-selago-light {
    color: var(--selago-light);
}

.color-selago-lighter {
    color: var(--selago-lighter);
}

.color-selago-dark {
    color: var(--selago-dark);
}

.color-selago-darker {
    color: var(--selago-darker);
}

.color-mystic-light {
    color: var(--mystic-light);
}

.color-mystic-lighter {
    color: var(--mystic-lighter);
}

.color-mystic-dark {
    color: var(--mystic-dark);
}

.color-mystic-darker {
    color: var(--mystic-darker);
}

.color-white-rock-light {
    color: var(--white-rock-light);
}

.color-white-rock-lighter {
    color: var(--white-rock-lighter);
}

.color-white-rock-dark {
    color: var(--white-rock-dark);
}

.color-white-rock-darker {
    color: var(--white-rock-darker);
}

.color-catskill-white-light {
    color: var(--catskill-white-light);
}

.color-catskill-white-lighter {
    color: var(--catskill-white-lighter);
}

.color-catskill-white-dark {
    color: var(--catskill-white-dark);
}

.color-catskill-white-darker {
    color: var(--catskill-white-darker);
}

.classteam-xl-web-component,
:root {
    --font-family-base: Google Sans, Roboto, Helvetica, Arial, sans-serif;
    --font-family-headings: Google Sans, Roboto, Helvetica, Arial, sans-serif;
}

[lang=ja] {
    --font-family-base: Roboto, Noto Sans JP, Helvetica, Arial, sans-serif;
    --font-family-headings: Google Sans, Noto Sans JP, Helvetica, Arial, sans-serif;
}

[lang=ko] {
    --font-family-base: Roboto, Noto Sans KR, Helvetica, Arial, sans-serif;
    --font-family-headings: Google Sans, Noto Sans KR, Helvetica, Arial, sans-serif;
}

[lang=ru] {
    --font-family-base: Roboto Cyrillic, Helvetica, Arial, sans-serif;
    --font-family-headings: Google Sans, Roboto Cyrillic, Helvetica, Arial, sans-serif;
}

[lang=hi] {
    --font-family-base: Roboto, Noto Sans, Helvetica, Arial, sans-serif;
    --font-family-headings: Google Sans, Noto Sans, Helvetica, Arial, sans-serif;
}

[data-lang=zh-CN_cn] {
    --font-family-base: Roboto, Noto Sans SC, Helvetica, Arial, sans-serif;
    --font-family-headings: Google Sans, Noto Sans SC, Helvetica, Arial, sans-serif;
}

[data-lang=zh-HK_hk] {
    --font-family-base: Roboto, Noto Sans HK, Helvetica, Arial, sans-serif;
    --font-family-headings: Google Sans, Noto Sans HK, Helvetica, Arial, sans-serif;
}

[data-lang=zh-TW_tw] {
    --font-family-base: Roboto, Noto Sans TC, Helvetica, Arial, sans-serif;
    --font-family-headings: Google Sans, Noto Sans TC, Helvetica, Arial, sans-serif;
}

.classteam-xl-web-component,
:root {
    --font-size-heading-1: 2.75rem;
    --font-size-heading-2: 2.5rem;
    --font-size-heading-3: 2.25rem;
    --font-size-heading-4: 2rem;
    --font-size-heading-5: 1.5rem;
    --font-size-heading-6: 1.25rem;
    --font-size-heading-7: 1rem;
    --font-size-heading-8: 0.875rem;
    --copy-size-l: 1.25rem;
    --copy-size-m: 1.125rem;
    --copy-size-s: 1rem;
    --eyebrow: 1rem;
    --anchors-cards: 1.25rem;
    --anchors-shapes: 1.125rem;
}
@media(min-width:600px) {

    .classteam-xl-web-component,
    :root {
        --font-size-heading-1: 3.5rem;
        --font-size-heading-2: 3.25rem;
        --font-size-heading-3: 2.75rem;
        --font-size-heading-4: 2.25rem;
        --font-size-heading-5: 2rem;
        --font-size-heading-6: 1.5rem;
        --font-size-heading-7: 1rem;
        --eyebrow: 1rem;
        --copy-input-1: 1rem;
    }
}

@media(min-width:1024px) {

    .classteam-xl-web-component,
    :root {
        --font-size-heading-1: 4.25rem;
        --font-size-heading-2: 3.75rem;
        --font-size-heading-3: 3.25rem;
        --font-size-heading-4: 2.75rem;
        --font-size-heading-5: 2.5rem;
        --font-size-heading-6: 2rem;
        --copy-size-l: 2rem;
        --copy-size-m: 1.25rem;
        --copy-input-1: 1.125rem;
    }
}

[lang=da],
[lang=de],
[lang=es],
[lang=fr],
[lang=id],
[lang=it],
[lang=nb],
[lang=pt],
[lang=ru],
[lang=sv] {
    --font-size-heading-1: 3.5rem;
    --font-size-heading-2: 3rem;
    --font-size-heading-3: 2.5rem;
    --font-size-heading-4: 2rem;
    --font-size-heading-5: 1.5rem;
    --font-size-heading-6: 1.125rem;
    --font-size-heading-7: 1rem;
}

@media(min-width:600px) {

    [lang=da],
    [lang=de],
    [lang=es],
    [lang=fr],
    [lang=id],
    [lang=it],
    [lang=nb],
    [lang=pt],
    [lang=ru],
    [lang=sv] {
        --font-size-heading-1: 4.5rem;
        --font-size-heading-2: 3.5rem;
        --font-size-heading-3: 3rem;
        --font-size-heading-4: 2.5rem;
        --font-size-heading-5: 2rem;
        --font-size-heading-6: 1.5rem;
        --font-size-heading-7: 1.25rem;
    }
}

@media(min-width:1024px) {

    [lang=da],
    [lang=de],
    [lang=es],
    [lang=fr],
    [lang=id],
    [lang=it],
    [lang=nb],
    [lang=pt],
    [lang=ru],
    [lang=sv] {
        --font-size-heading-1: 5.5rem;
        --font-size-heading-2: 4.5rem;
        --font-size-heading-3: 3.5rem;
        --font-size-heading-4: 2.5rem;
    }
}

.classteam-xl-web-component,
:root {
    --line-height-accordion-1: 24px;
    --line-height-heading: 1;
    --line-height-input: 24px;
    --line-height-heading-1: 48px;
    --line-height-heading-2: 44px;
    --line-height-heading-3: 40px;
    --line-height-heading-4: 36px;
    --line-height-heading-5: 28px;
    --line-height-heading-6: 24px;
    --line-height-heading-7: 16px;
    --line-height-copy: 24px;
    --line-height-copy-m: 32px;
    --line-height-copy-l: 36px;
    --line-height-eyebrow: 16px;
}
@media(min-width:600px) {

    .classteam-xl-web-component,
    :root {
        --line-height-heading-1: 60px;
        --line-height-heading-2: 56px;
        --line-height-heading-3: 48px;
        --line-height-heading-4: 40px;
        --line-height-heading-5: 36px;
        --line-height-heading-6: 28px;
        --line-height-copy-m: 30px;
    }
}

@media(min-width:1024px) {

    .classteam-xl-web-component,
    :root {
        --line-height-heading-1: 76px;
        --line-height-heading-2: 68px;
        --line-height-heading-3: 56px;
        --line-height-heading-4: 48px;
        --line-height-heading-5: 44px;
        --line-height-heading-6: 36px;
        --line-height-copy-l: 56px;
        --line-height-copy-m: 32px;
    }
}

[lang=hi],
[lang=th],
[lang=zh] {
    --line-height-accordion-1: 30px;
    --line-height-heading-7: 30px;
    --line-height-heading: 1.25;
}

.classteam-xl-web-component,
:root {
    --letter-spacing-1: -2.5px;
    --letter-spacing-2: -2px;
    --letter-spacing-3: -1px;
    --letter-spacing-4: -.5px;
    --letter-spacing-5: 0;
    --letter-spacing-6: .5px;
    --letter-spacing-7: 1px;
}

.is-1,
.is-2,
.is-3,
.is-4,
.is-5,
.is-6,
.is-7,
.is-8,
.is-anchor-cards,
.is-anchor-shapes {
    color: #000;
    font-family: var(--font-family-headings);
    font-weight: 700;
}

.is-eyebrow {
    color: #000;
    font-family: var(--font-family-headings);
    font-weight: 500;
}

.is-copy,
.is-copy-l,
.is-copy-m,
.is-subheading {
    color: #000;
    font-family: var(--font-family-base);
    font-weight: 400;
}

.container,
.grid {
    margin: 0 16px;
}

@media(min-width:600px) {

    .container,
    .grid {
        margin: 0 32px;
    }
}

@media(min-width:1024px) {

    .container,
    .grid {
        margin: 0 80px;
    }
}

@media(min-width:1440px) {

    .container,
    .grid {
        margin: 0 auto;
        max-width: 1280px;
    }
}

.is-1,
.is-2,
.is-3,
.is-4,
.is-5,
.is-6 {
    margin-bottom: 32px;
}

@media(min-width:768px) {

    .is-1,
    .is-2,
    .is-3,
    .is-4,
    .is-5,
    .is-6 {
        margin-bottom: 48px;
    }
}

@media(min-width:1024px) {

    .is-1,
    .is-2,
    .is-3,
    .is-4,
    .is-5,
    .is-6 {
        margin-bottom: 48px;
    }
}

[lang=ko] .is-1,
[lang=ko] .is-2,
[lang=ko] .is-3,
[lang=ko] .is-4,
[lang=ko] .is-5,
[lang=ko] .is-6 {
    word-break: keep-all;
}

[lang=ja] .is-1 .ww,
[lang=ja] .is-2 .ww,
[lang=ja] .is-3 .ww,
[lang=ja] .is-4 .ww,
[lang=ja] .is-5 .ww,
[lang=ja] .is-6 .ww {
    display: inline-block;
}

.is-copy,
.is-copy-l,
.is-copy-m {
    margin-bottom: 24px;
}

@media(min-width:768px) {

    .is-copy,
    .is-copy-l,
    .is-copy-m {
        margin-bottom: 32px;
    }
}

@media(min-width:1024px) {

    .is-copy,
    .is-copy-l,
    .is-copy-m {
        margin-bottom: 32px;
    }
}

.is-heading {
    margin-bottom: 32px;
}

@media(min-width:768px) {
    .is-heading {
        margin-bottom: 48px;
    }
}

@media(min-width:1024px) {
    .is-heading {
        margin-bottom: 48px;
    }
}

.is-masthead .is-heading,
.is-wide-masthead .is-heading {
    margin-bottom: 32px;
}

@media(min-width:768px) {

    .is-masthead .is-heading,
    .is-wide-masthead .is-heading {
        margin-bottom: 48px;
    }
}

@media(min-width:1024px) {

    .is-masthead .is-heading,
    .is-wide-masthead .is-heading {
        margin-bottom: 0;
    }
}

.is-base-heading .is-heading {
    margin-bottom: 0;
}

@media(min-width:768px) {
    .is-base-heading .is-heading {
        margin-bottom: 0;
    }
}

@media(min-width:1024px) {
    .is-base-heading .is-heading {
        margin-bottom: 0;
    }
}

.is-subheading {
    margin-bottom: 24px;
}

@media(min-width:768px) {
    .is-subheading {
        margin-bottom: 24px;
    }
}

@media(min-width:1024px) {
    .is-subheading {
        margin-bottom: 24px;
    }
}

.is-1 {
    font-size: var(--font-size-heading-1);
    line-height: var(--line-height-heading-1);
}

.is-1,
.is-2 {
    letter-spacing: var(--letter-spacing-3);
}

.is-2 {
    font-size: var(--font-size-heading-2);
    line-height: var(--line-height-heading-2);
}

@media(min-width:1024px) {
    .is-2 {
        letter-spacing: var(--letter-spacing-2);
    }
}

[lang=hi] .is-2 {
    line-height: var(--line-height-heading-1);
}

@media(min-width:1024px) {
    [lang=hi] .is-2 {
        line-height: var(--line-height-heading-2);
    }
}

.is-3 {
    font-size: var(--font-size-heading-3);
    line-height: var(--line-height-heading-3);
}

.is-3,
.is-4 {
    letter-spacing: var(--letter-spacing-3);
}

.is-4 {
    font-size: var(--font-size-heading-4);
    line-height: var(--line-height-heading-4);
}

[lang=hi] .is-4 {
    line-height: var(--line-height-heading-3);
}

.is-5 {
    font-size: var(--font-size-heading-5);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-heading-5);
}

[lang=ja] .is-5 {
    letter-spacing: var(--letter-spacing-5);
}

.is-6 {
    font-size: var(--font-size-heading-6);
    letter-spacing: var(--letter-spacing-3);
    line-height: var(--line-height-heading-6);
}

.is-7,
.is-8 {
    font-size: var(--font-size-heading-7);
    font-weight: 500;
    letter-spacing: var(--letter-spacing-6);
    line-height: var(--line-height-heading-7);
    margin-bottom: 24px;
}

@media(min-width:768px) {

    .is-7,
    .is-8 {
        margin-bottom: 24px;
    }
}

@media(min-width:1024px) {

    .is-7,
    .is-8 {
        margin-bottom: 24px;
    }
}

.is-8 {
    font-size: var(--font-size-heading-8);
}

.is-body-wrapper .cta:not(:last-child) {
    margin-bottom: 24px;
}

@media(min-width:768px) {
    .is-body-wrapper .cta:not(:last-child) {
        margin-bottom: 32px;
    }
}

@media(min-width:1024px) {
    .is-body-wrapper .cta:not(:last-child) {
        margin-bottom: 32px;
    }
}

.is-copy-l {
    font-size: var(--copy-size-l);
    letter-spacing: var(--letter-spacing-5);
    line-height: var(--line-height-copy-l);
}

.is-copy-m {
    font-size: var(--copy-size-m);
    line-height: var(--line-height-copy-m);
}

@media(min-width:600px) {
    .is-copy-m {
        letter-spacing: var(--letter-spacing-5);
    }
}

.is-copy {
    font-size: var(--copy-size-s);
    letter-spacing: var(--letter-spacing-5);
    line-height: var(--line-height-copy);
}

.is-eyebrow {
    font-size: var(--eyebrow);
    letter-spacing: var(--letter-spacing-6);
    line-height: var(--line-height-eyebrow);
    margin-bottom: 24px;
}

@media(min-width:768px) {
    .is-eyebrow {
        margin-bottom: 24px;
    }
}

@media(min-width:1024px) {
    .is-eyebrow {
        margin-bottom: 24px;
    }
}

.is-anchor-cards,
.is-anchor-shapes {
    letter-spacing: var(--letter-spacing-6);
    line-height: var(--line-height-input);
}

.is-anchor-cards {
    font-size: var(--anchors-cards);
}

.is-anchor-shapes {
    font-size: var(--anchors-shapes);
}

.is-footnote {
    font-size: 12px;
    line-height: 20px;
}

.is-link {
    font-size: 14px;
    line-height: 24px;
}

@media(min-width:1024px) {
    .is-link {
        font-size: 16px;
        line-height: 26px;
    }
}

.is-icon svg {
    height: 48px;
    margin-bottom: 24px;
    width: 48px;
}

@media(min-width:768px) {
    .is-icon svg {
        margin-bottom: 24px;
    }
}

@media(min-width:1024px) {
    .is-icon svg {
        margin-bottom: 24px;
    }
}

.is-body-wrapper>:first-child,
.is-centered>:first-child,
.is-masthead>:first-child,
.is-wide-masthead>:first-child {
    margin-top: 0;
}

.is-body-wrapper>:last-child,
.is-centered>:last-child,
.is-masthead>:last-child,
.is-wide-masthead>:last-child {
    margin-bottom: 0;
}

.is-masthead {
    grid-column: 1/-1;
    grid-row: masthead;
}

@media(min-width:600px) {
    .is-masthead {
        grid-column: 3/11;
    }
}

@media(min-width:1024px) {
    .is-masthead {
        grid-column: 2/9;
    }

    .is-masthead:not(.is-masthead--vertical) {
        grid-column-gap: 2.19%;
        display: grid;
        grid-column: -1/1;
        grid-template-columns: repeat(12, 1fr);
    }

    .is-masthead:not(.is-masthead--vertical) .is-eyebrow,
    .is-masthead:not(.is-masthead--vertical) .is-heading,
    .is-masthead:not(.is-masthead--vertical) .is-icon {
        grid-column: 2/7;
    }

    .is-masthead:not(.is-masthead--vertical) .is-body-wrapper {
        grid-column: 8/12;
    }
}

.is-centered {
    grid-column-gap: 6.67%;
    display: grid;
    grid-row: centered;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    text-align: center;
}

@media(min-width:600px) {
    .is-centered {
        grid-column-gap: 2.27%;
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}

@media(min-width:1024px) {
    .is-centered {
        grid-column-gap: 2.19%;
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}

.is-centered,
.is-centered .is-body-wrapper,
.is-centered .is-eyebrow,
.is-centered .is-heading,
.is-centered .is-icon {
    grid-column: 1/-1;
}

.is-wide-masthead {
    grid-column: 1/-1;
    grid-row: masthead;
}

@media(min-width:600px) {
    .is-wide-masthead {
        grid-column: 1/9;
    }
}

@media(min-width:1024px) {
    .is-wide-masthead {
        grid-column: 2/9;
    }

    .is-wide-masthead:not(.is-wide-masthead--vertical) {
        grid-column-gap: 2.19%;
        display: grid;
        grid-column: -1/1;
        grid-template-columns: repeat(12, 1fr);
        margin: 0;
    }

    .is-wide-masthead:not(.is-wide-masthead--vertical) .is-eyebrow,
    .is-wide-masthead:not(.is-wide-masthead--vertical) .is-heading,
    .is-wide-masthead:not(.is-wide-masthead--vertical) .is-icon {
        grid-column: 1/7;
    }

    .is-wide-masthead:not(.is-wide-masthead--vertical) .is-body-wrapper {
        grid-column: 8/-1;
    }
}

* {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

address,
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

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

main {
    height: 100%
}

p {
    line-height: 24px;
    margin: 0 0 24px;
}

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

@media(min-width:600px) {
    p {
        margin: 0 0 32px;
    }
}

@media(min-width:1024px) {
    p {
        line-height: 26px;
    }
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.icon--svg {
    fill: currentColor;
    outline: none;
}

.svg-icons {
    display: none;
}

.fixed {
    overflow: hidden;
}

.no-break {
    white-space: nowrap;
}

* sup {
    font-size: .5em;
    line-height: .5em;
    vertical-align: super;
}

button {
    border: none;
}

.grid {
    grid-column-gap: 6.67%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media(min-width:600px) {
    .grid {
        grid-column-gap: 2.27%;
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}

@media(min-width:1024px) {
    .grid {
        grid-column-gap: 2.19%;
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}

.grid-space-wrap {
    padding: 64px 0;
}

@media(min-width:600px) {
    .grid-space-wrap {
        padding: 80px 0;
    }
}

@media(min-width:1024px) {
    .grid-space-wrap {
        padding: 112px 0;
    }
}

.glue-cookie-notification-bar {
    -ms-flex-line-pack: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-content: center;
    background-color: #fff;
    bottom: 0;
    -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: 16px;
    margin: 0;
    padding: 24px 24px 24px 16px;
    position: fixed;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s ease-in;
    transition: -webkit-transform .5s ease-in;
    -o-transition: transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in, -webkit-transform .5s ease-in;
    width: 100%;
    z-index: 40;
}

.glue-cookie-notification-bar[aria-hidden=true] {
    -webkit-transform: translateY(99.9%);
    -ms-transform: translateY(99.9%);
    transform: translateY(99.9%);
}

.glue-cookie-notification-bar .glue-cookie-notification-bar__text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    line-height: 24px;
    margin-bottom: 24px;
}

.glue-cookie-notification-bar .glue-cookie-notification-bar__text a {
    color: #073042;
}

.glue-cookie-notification-bar button {
    -ms-flex-item-align: start;
    -webkit-box-flex: 0;
    align-self: flex-start;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.glue-cookie-notification-bar button:last-child {
    margin-top: 5px;
}

@media(min-width:768px) {
    .glue-cookie-notification-bar {
        max-width: 100%
    }

    .glue-cookie-notification-bar .glue-cookie-notification-bar__text {
        margin-bottom: 24px;
    }

    .glue-cookie-notification-bar button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .glue-cookie-notification-bar button:last-child {
        margin-left: 15px;
        margin-top: 0;
    }
}

@media(min-width:1024px) {
    .glue-cookie-notification-bar {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 24px 80px;
    }

    .glue-cookie-notification-bar .glue-cookie-notification-bar__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        margin: 0;
    }

    .glue-cookie-notification-bar button {
        -ms-flex-item-align: center;
        -webkit-box-flex: 0;
        align-self: center;
        -ms-flex: 0 0 17.5%;
        flex: 0 0 17.5%
    }
}

@media(min-width:1440px) {
    .glue-cookie-notification-bar {
        padding: 24px calc(50vw - 640px);
    }
}

button.glue-cookie-notification-bar-control[aria-hidden=true] {
    display: none;
}

.cta {
    cursor: pointer;
    display: inline-block;
    font-family: var(--font-family-headings);
    isolation: isolate;
    position: relative;
    text-decoration: none;
    width: auto;
}

.cta__icon--carousel,
.cta__icon--external,
.cta__icon--file {
    display: inline-block;
    height: 24px;
    margin-left: 12px;
    min-width: 24px;
    overflow: hidden;
    width: 24px;
}

.cta__icon--file {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    margin-left: 8px;
}

.cta__icon--carousel svg {
    -webkit-transform: translate(calc(-100% + 28px), 12px) rotate(45deg);
    -ms-transform: translate(calc(-100% + 28px), 12px) rotate(45deg);
    transform: translate(calc(-100% + 28px), 12px) rotate(45deg);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.cta__icon--carousel svg,
.cta__icon--external .icon,
.cta__icon--external svg {
    height: 48px;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    -o-transition: transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out;
    width: 48px;
}

.cta__icon--external .icon,
.cta__icon--external svg {
    margin: 0;
    -webkit-transform: translate(calc(-100% + 24px));
    -ms-transform: translate(calc(-100% + 24px));
    transform: translate(calc(-100% + 24px));
}

.cta__icon--file svg {
    -ms-flex-item-align: center;
    align-self: center;
    height: 16px;
    width: 16px;
}

.cta:focus .cta__icon--carousel svg,
.cta:hover .cta__icon--carousel svg {
    -webkit-transform: translate(14px, 12px) rotate(45deg);
    -ms-transform: translate(14px, 12px) rotate(45deg);
    transform: translate(14px, 12px) rotate(45deg);
}

.cta:focus .cta__icon--external svg,
.cta:hover .cta__icon--external svg {
    -webkit-transform: translateY(calc(-100% + 24px));
    -ms-transform: translateY(calc(-100% + 24px));
    transform: translateY(calc(-100% + 24px));
}

.cta>* {
    pointer-events: none;
}

.cta--is-1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #073042;
    border: none;
    border-radius: 40px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    letter-spacing: .5px;
    line-height: 24px;
    min-width: 80px;
    overflow: hidden;
    padding: 16px 32px;
    text-align: center;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    z-index: 1;
}

.cta--is-1 span {
    z-index: 1;
}

.cta--is-1:before {
    background-color: #6dd58c;
    border-radius: 40px;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: background-color .3s linear, -webkit-transform .3s ease-in;
    transition: background-color .3s linear, -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in, background-color .3s linear;
    transition: transform .3s ease-in, background-color .3s linear;
    transition: transform .3s ease-in, background-color .3s linear, -webkit-transform .3s ease-in;
    width: 100%
}

.cta--is-1.focus-visible {
    background-color: #37be75;
    outline: 2px solid #073042;
    outline-offset: 2px;
}

.cta--is-1.focus-visible,
.cta--is-1:hover {
    -webkit-transition: background-color 0s linear .3s;
    -o-transition: background-color 0s linear .3s;
    transition: background-color 0s linear .3s;
}

.cta--is-1:hover {
    background-color: #6dd58c;
}

.cta--is-1:hover:before {
    -webkit-transition: background-color .3s linear, -webkit-transform .3s ease-out;
    transition: background-color .3s linear, -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out, background-color .3s linear;
    transition: transform .3s ease-out, background-color .3s linear;
    transition: transform .3s ease-out, background-color .3s linear, -webkit-transform .3s ease-out;
}

.cta--is-1:active,
.cta--is-1:focus {
    background-color: #37be9e;
    -webkit-transition: background-color 0s linear .3s;
    -o-transition: background-color 0s linear .3s;
    transition: background-color 0s linear .3s;
}

.cta--is-1:active:before,
.cta--is-1:focus:before {
    background-color: #37be9e;
}

.cta--is-1:active,
.cta--is-1:focus,
.cta--is-1:hover {
    color: #073042;
}

.cta--is-1:active>.cta__icon:not(.cta__external),
.cta--is-1:focus>.cta__icon:not(.cta__external),
.cta--is-1:hover>.cta__icon:not(.cta__external) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.cta--is-1:active>.cta__icon.cta__external,
.cta--is-1:focus>.cta__icon.cta__external,
.cta--is-1:hover>.cta__icon.cta__external {
    -webkit-transform: translate(4px, -4px) rotate(-45deg);
    -ms-transform: translate(4px, -4px) rotate(-45deg);
    transform: translate(4px, -4px) rotate(-45deg);
}

.cta--is-1:active:before,
.cta--is-1:focus:before,
.cta--is-1:hover:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: layer(hidden);
}

.cta--is-1[aria-disabled=true] {
    background-color: #e7ebec;
    color: #757575;
    cursor: not-allowed;
    pointer-events: none;
}

.cta--is-1.cta--is-hidden-ios {
    display: none;
    visibility: hidden;
}

.cta--is-1>.cta__icon {
    -ms-flex-negative: 0;
    color: currentColor;
    flex-shrink: 0;
    height: 16px;
    margin-left: 12px;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    vertical-align: middle;
    width: 16px;
}

.cta--is-1>.cta__external {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

[dir=rtl] .cta--is-1>.cta__external {
    -webkit-transform: rotate(45deg) scaleX(-1);
    -ms-transform: rotate(45deg) scaleX(-1);
    transform: rotate(45deg) scaleX(-1);
}

.cta--is-2,
.cta--is-5,
.cta--is-6 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #073042;
    border-radius: 40px;
    color: #073042;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 24px;
    min-width: 80px;
    overflow: hidden;
    padding: 16px 32px;
    -webkit-transition: color .4s linear;
    -o-transition: color .4s linear;
    transition: color .4s linear;
    z-index: 1;
}

.cta--is-2 span,
.cta--is-5 span,
.cta--is-6 span {
    display: block;
    z-index: 1;
}

.cta--is-2>.cta__icon,
.cta--is-5>.cta__icon,
.cta--is-6>.cta__icon {
    -ms-flex-negative: 0;
    color: currentColor;
    flex-shrink: 0;
    height: 16px;
    margin-left: 12px;
    -webkit-transition: -webkit-transform .4s linear;
    transition: -webkit-transform .4s linear;
    -o-transition: transform .4s linear;
    transition: transform .4s linear;
    transition: transform .4s linear, -webkit-transform .4s linear;
    vertical-align: middle;
    width: 16px;
}

.cta--is-2>.cta__external,
.cta--is-5>.cta__external,
.cta--is-6>.cta__external {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cta--is-2:before,
.cta--is-5:before,
.cta--is-6:before {
    background-color: #ecfbf3;
    border-radius: 40px;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: background-color .4s linear, -webkit-transform .4s ease-in;
    transition: background-color .4s linear, -webkit-transform .4s ease-in;
    -o-transition: transform .4s ease-in, background-color .4s linear;
    transition: transform .4s ease-in, background-color .4s linear;
    transition: transform .4s ease-in, background-color .4s linear, -webkit-transform .4s ease-in;
    width: 100%
}

.cta--is-2.focus-visible,
.cta--is-5.focus-visible,
.cta--is-6.focus-visible {
    border-color: rgba(0, 0, 0, 0);
    outline: 2px solid #073042;
    outline-offset: 1px;
}

.cta--is-2.is-active:before,
.cta--is-5.is-active:before,
.cta--is-6.is-active:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.cta--is-2:hover:before,
.cta--is-5:hover:before,
.cta--is-6:hover:before {
    -webkit-transition: background-color .4s linear, -webkit-transform .4s ease-out;
    transition: background-color .4s linear, -webkit-transform .4s ease-out;
    -o-transition: transform .4s ease-out, background-color .4s linear;
    transition: transform .4s ease-out, background-color .4s linear;
    transition: transform .4s ease-out, background-color .4s linear, -webkit-transform .4s ease-out;
}

.cta--is-2.is-active:before,
.cta--is-2:active:before,
.cta--is-2:focus:before,
.cta--is-5.is-active:before,
.cta--is-5:active:before,
.cta--is-5:focus:before,
.cta--is-6.is-active:before,
.cta--is-6:active:before,
.cta--is-6:focus:before {
    background-color: #c4e9ce;
}

.cta--is-2:active>.cta__icon,
.cta--is-2:focus>.cta__icon,
.cta--is-2:hover>.cta__icon,
.cta--is-5:active>.cta__icon,
.cta--is-5:focus>.cta__icon,
.cta--is-5:hover>.cta__icon,
.cta--is-6:active>.cta__icon,
.cta--is-6:focus>.cta__icon,
.cta--is-6:hover>.cta__icon {
    margin-right: 10px;
}

.cta--is-2:active>.cta__icon:not(.cta__external),
.cta--is-2:focus>.cta__icon:not(.cta__external),
.cta--is-2:hover>.cta__icon:not(.cta__external),
.cta--is-5:active>.cta__icon:not(.cta__external),
.cta--is-5:focus>.cta__icon:not(.cta__external),
.cta--is-5:hover>.cta__icon:not(.cta__external),
.cta--is-6:active>.cta__icon:not(.cta__external),
.cta--is-6:focus>.cta__icon:not(.cta__external),
.cta--is-6:hover>.cta__icon:not(.cta__external) {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
}

.cta--is-2:active>.cta__icon.cta__external,
.cta--is-2:focus>.cta__icon.cta__external,
.cta--is-2:hover>.cta__icon.cta__external,
.cta--is-5:active>.cta__icon.cta__external,
.cta--is-5:focus>.cta__icon.cta__external,
.cta--is-5:hover>.cta__icon.cta__external,
.cta--is-6:active>.cta__icon.cta__external,
.cta--is-6:focus>.cta__icon.cta__external,
.cta--is-6:hover>.cta__icon.cta__external {
    -webkit-transform: translate(4px, -4px) rotate(-45deg);
    -ms-transform: translate(4px, -4px) rotate(-45deg);
    transform: translate(4px, -4px) rotate(-45deg);
}

[dir=rtl] .cta--is-2:active>.cta__icon.cta__external,
[dir=rtl] .cta--is-2:focus>.cta__icon.cta__external,
[dir=rtl] .cta--is-2:hover>.cta__icon.cta__external,
[dir=rtl] .cta--is-5:active>.cta__icon.cta__external,
[dir=rtl] .cta--is-5:focus>.cta__icon.cta__external,
[dir=rtl] .cta--is-5:hover>.cta__icon.cta__external,
[dir=rtl] .cta--is-6:active>.cta__icon.cta__external,
[dir=rtl] .cta--is-6:focus>.cta__icon.cta__external,
[dir=rtl] .cta--is-6:hover>.cta__icon.cta__external {
    -webkit-transform: translate(-4px, -4px) rotate(-45deg);
    -ms-transform: translate(-4px, -4px) rotate(-45deg);
    transform: translate(-4px, -4px) rotate(-45deg);
}

.cta--is-2:active:before,
.cta--is-2:focus:before,
.cta--is-2:hover:before,
.cta--is-5:active:before,
.cta--is-5:focus:before,
.cta--is-5:hover:before,
.cta--is-6:active:before,
.cta--is-6:focus:before,
.cta--is-6:hover:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.cta--is-2[aria-disabled=true],
.cta--is-5[aria-disabled=true],
.cta--is-6[aria-disabled=true] {
    background-color: #e7ebec;
    border: none;
    color: #757575;
    cursor: not-allowed;
    pointer-events: none;
}

.articles .cta--is-2,
.articles .cta--is-5,
.articles .cta--is-6 {
    background-color: unset;
    border: unset;
    padding: 0 12px;
}

@media(min-width:600px) {

    .articles .cta--is-2,
    .articles .cta--is-5,
    .articles .cta--is-6 {
        padding: 0 6px;
    }
}

.articles .cta--is-2:before,
.articles .cta--is-5:before,
.articles .cta--is-6:before {
    all: unset;
}

.articles .cta--is-2 .cta__icon--external,
.articles .cta--is-5 .cta__icon--external,
.articles .cta--is-6 .cta__icon--external {
    display: none;
}

.cta--is-3 {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 40px;
    color: var(--color-is-6);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in;
}

.cta--is-3>.cta__icon {
    height: 16px;
    margin-left: 8px;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    width: 16px;
}

@media(min-width:1024px) {
    .cta--is-3>.cta__icon {
        display: none;
    }
}

.cta--is-3>.cta__external {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cta--is-3>.cta__icon--carousel,
.cta--is-3>.cta__icon--external {
    display: none;
}

.cta--is-3:hover {
    color: #267e69;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;
}

.cta--is-3:active,
.cta--is-3:focus {
    color: #2a7366;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
}

.cta--is-3.focus-visible {
    outline: 2px solid #073042;
    outline-offset: 4px;
}

.cta--is-3[aria-disabled=true] {
    color: #757575;
    cursor: not-allowed;
    pointer-events: none;
}

.cta--is-3:active:before,
.cta--is-3:focus:before,
.cta--is-3:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.cta--is-3:active>.cta__icon:not(.cta__external),
.cta--is-3:focus>.cta__icon:not(.cta__external),
.cta--is-3:hover>.cta__icon:not(.cta__external) {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
}

.cta--is-3:active>.cta__icon.cta__external,
.cta--is-3:focus>.cta__icon.cta__external,
.cta--is-3:hover>.cta__icon.cta__external {
    -webkit-transform: translateX(8px) rotate(-45deg);
    -ms-transform: translateX(8px) rotate(-45deg);
    transform: translateX(8px) rotate(-45deg);
}

.cta--is-4 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 40px;
    color: var(--color-is-6);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in;
}

.cta--is-4 .cta__icon {
    display: none;
    height: 18px;
    margin-left: 4px;
    vertical-align: middle;
    width: 18px;
}

.cta--is-4>.cta__external {
    color: #073042;
    display: inline;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.cta--is-4:hover {
    color: #267e69;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}

.cta--is-4:active,
.cta--is-4:focus {
    color: #267e3e;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

.cta--is-4.focus-visible {
    outline: 2px solid #073042;
    outline-offset: 8px;
}

.cta--is-4[aria-disabled=true] {
    color: #757575;
    cursor: not-allowed;
    pointer-events: none;
}

.cta--is-4 .cta__icon--external {
    height: 16px;
    margin-left: 8px;
    min-width: 16px;
    width: 16px;
}

.cta--is-4 .cta__icon--external svg {
    height: 32px;
    -webkit-transform: translate(calc(-100% + 16px));
    -ms-transform: translate(calc(-100% + 16px));
    transform: translate(calc(-100% + 16px));
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    width: 32px;
}

.cta--is-4:active>.cta__external,
.cta--is-4:focus>.cta__external,
.cta--is-4:hover>.cta__external {
    -webkit-transform: translate(4px, -4px) rotate(-45deg);
    -ms-transform: translate(4px, -4px) rotate(-45deg);
    transform: translate(4px, -4px) rotate(-45deg);
}

.cta--is-4:active .cta__icon--external svg,
.cta--is-4:focus .cta__icon--external svg,
.cta--is-4:hover .cta__icon--external svg {
    -webkit-transform: translateY(calc(-100% + 16px));
    -ms-transform: translateY(calc(-100% + 16px));
    transform: translateY(calc(-100% + 16px));
}

.cta--is-7 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid var(--color-is-5);
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    padding: 5px 20px;
    -webkit-transition: background .3s linear, color .3s ease-in;
    -o-transition: background .3s linear, color .3s ease-in;
    transition: background .3s linear, color .3s ease-in;
}

.cta--is-7 svg {
    height: 36px;
    max-width: 100%
}

.cta--is-7:active {
    background: #e8f0fd;
}

.cta--is-7:hover {
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}

.cta--is-7:active,
.cta--is-7:focus {
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

.cta--is-7:focus,
.cta--is-7:hover {
    background: #f2f7fe;
}

.cta--is-7:disabled {
    background: #f8f9fa;
}

.cta--is-8 {
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}

.cta--is-8:before {
    background: #404040;
    bottom: 1px;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.cta--is-8:focus,
.cta--is-8:hover {
    color: #267e69;
}

.cta--is-8:focus:before,
.cta--is-8:hover:before {
    background: #267e69;
}

.cta--is-8:active {
    color: #267e3e;
}

.cta--is-8:active:before {
    background: #267e3e;
}

.cta--is-8:focus-visible {
    border-radius: 2px;
    color: #267e3e;
    outline: 2px solid #073042;
}

.cta--is-8:focus-visible:before {
    background: #267e3e;
}

.cta--is-dark,
.cta--is-light {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid #202124;
    border-radius: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    isolation: isolate;
    justify-content: center;
    letter-spacing: .5px;
    line-height: 24px;
    min-width: 80px;
    overflow: hidden;
    padding: 16px 32px;
    text-align: center;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    z-index: 1;
}

.cta--is-dark:before,
.cta--is-light:before {
    border-radius: 40px;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: background-color .3s linear, -webkit-transform .3s ease-in;
    transition: background-color .3s linear, -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in, background-color .3s linear;
    transition: transform .3s ease-in, background-color .3s linear;
    transition: transform .3s ease-in, background-color .3s linear, -webkit-transform .3s ease-in;
    width: 100%
}

.cta--is-dark>span,
.cta--is-light>span {
    z-index: 1;
}

.cta--is-dark:active,
.cta--is-light:active {
    border-color: #69696d;
}

.cta--is-dark:active:before,
.cta--is-light:active:before {
    background-color: #69696d;
}

.cta--is-dark:active:before,
.cta--is-dark:focus:before,
.cta--is-dark:hover:before,
.cta--is-light:active:before,
.cta--is-light:focus:before,
.cta--is-light:hover:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: layer(hidden);
}

.cta--is-light {
    background-color: rgba(0, 0, 0, 0);
    color: #202124;
}

.cta--is-light:before {
    background-color: #202124;
}

.cta--is-light:active,
.cta--is-light:focus,
.cta--is-light:hover {
    color: #fff;
}

.cta--is-light[aria-disabled=true] {
    background: #e7ebec;
    border-color: #e7ebec;
    color: #757575;
}

.cta--is-dark {
    background-color: #202124;
    color: #fff;
}

.cta--is-dark .icon {
    color: #c6ff00;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}

.cta--is-dark:before {
    background-color: #fff;
}

.cta--is-dark:focus,
.cta--is-dark:focus .icon,
.cta--is-dark:hover,
.cta--is-dark:hover .icon {
    color: #202124;
}

.cta--is-dark:active,
.cta--is-dark:active .icon {
    color: #fff;
}

.cta--is-dark[aria-disabled=true] {
    background: rgba(0, 0, 0, 0);
    border-color: #8e949f;
    color: #6c727f;
}

.cta--back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.cta--back>.cta__icon {
    -ms-flex-negative: 0;
    color: currentColor;
    flex-shrink: 0;
    height: 24px;
    margin-right: 10px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    vertical-align: middle;
    width: 24px;
}

.cta--back:active>.cta__icon,
.cta--back:focus>.cta__icon,
.cta--back:hover>.cta__icon {
    -webkit-transform: rotate(-180deg) translateX(8px);
    -ms-transform: rotate(-180deg) translateX(8px);
    transform: rotate(-180deg) translateX(8px);
}

.header-default .cta--is-3 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 28px;
}

@media(min-width:600px) {
    .header-default .cta--is-3 {
        font-size: 32px;
        line-height: 36px;
    }
}

@media(min-width:1024px) {
    .header-default .cta--is-3 {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 24px;
    }
}

.cta--is-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border: 1px solid #8e949f;
    border-radius: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    justify-content: space-between;
    max-width: 216px;
    padding: 0 24px 0 32px;
    -webkit-transform: border-color .3s ease;
    -ms-transform: border-color .3s ease;
    transform: border-color .3s ease;
}

.cta--is-logo:hover {
    border-color: #202124;
}

.cta--is-logo:active {
    border-color: #4285f4;
}

.cta--is-logo:focus,
.cta--is-logo:focus-visible {
    border-color: #202124;
    outline: 2px solid #4285f4;
    outline-offset: 1px;
}

.cta--is-logo .cta__logo {
    border-radius: unset;
    width: auto;
}

.cta--is-logo:active .cta__icon--external svg,
.cta--is-logo:focus .cta__icon--external svg,
.cta--is-logo:hover .cta__icon--external svg {
    color: #202124;
    -webkit-transform: translateY(calc(-100% + 24px));
    -ms-transform: translateY(calc(-100% + 24px));
    transform: translateY(calc(-100% + 24px));
}

.cta--is-logo .cta__icon--external {
    margin-left: 16px;
}

.cta--is-logo .icon {
    color: #8e949f;
    height: 48px;
    -webkit-transform: translate(calc(-100% + 24px));
    -ms-transform: translate(calc(-100% + 24px));
    transform: translate(calc(-100% + 24px));
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    -o-transition: transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out;
    width: 48px;
}

img {
    height: auto;
    width: 100%
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body main {
    opacity: 1;
}

body main:after {
    content: "loaded";
    display: none;
}

body main a .animation-engine--is-animating {
    will-change: transform, opacity;
}

body main>article[id] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

body,
html {
    font-family: var(--font-family-base);
    margin: 0;
    min-height: 100vh;
}

body:after {
    content: "small";
    display: none;
}
@media only screen and (min-width:768px) {
    body:after {
        content: "medium";
    }
}

@media only screen and (min-width:1024px) {
    body:after {
        content: "large";
    }
}

@media only screen and (min-width:1440px) {
    body:after {
        content: "xl";
    }
}

.icon {
    fill: currentColor;
    height: 24px;
    margin-left: 12px;
    width: 24px;
    z-index: 1;
}

.go-back {
    border: 1px solid #333;
    border-radius: 20px;
    color: #333;
    display: inline-block;
    left: 16px;
    padding: 16px;
    position: fixed;
    text-decoration: none;
    top: 16px;
    z-index: 9999;
}

.header-default--transparent .header-default__primary-item {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.header-default--transparent .header-default__logo-icon {
    --wipe-progress: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.classteam-header--transparent .classteam-header__primary-item {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.classteam-header--transparent .classteam-header__logo-icon {
    --wipe-progress: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.article--with-background {
    position: relative;
}

.classteam-header--transparent .search-default,
.header-default--transparent .search-default {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.story-modal-disable-scroll,
html.classteam-global-disable-scroll,
html.global-disable-scroll {
    -ms-scroll-chaining: none;
    height: 100vh;
    overflow: hidden;
    overscroll-behavior: none;
    -ms-touch-action: none;
    touch-action: none;
    width: 100%
}

.text-center {
    text-align: center;
}

.hidden {
    display: none;
}

.logo-classteam__logo-icon {
    color: #000;
}

.logo-classteam__logo-icon--white {
    color: #fff;
}

.logo-classteam__andy-icon {
    fill: #3dda84;
}

.logo-classteam__andy-icon--white {
    fill: #fff;
}

.images--disable-rounded-corners cloud-image,
.images--disable-rounded-corners img {
    border-radius: 0;
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: rgba(0, 0, 0, 0);
}

.visually-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
}

.rounded {
    border-radius: 24px;
    overflow: hidden;
}

@media only screen and (min-width:768px) {
    .rounded {
        border-radius: 40px;
    }
}

@media screen and (inverted-colors:inverted) {

    img,
    video {
        -webkit-filter: invert(1);
        filter: invert(1);
    }
}