:root {
    --palette-grey-900: #2F3034;
    --palette-grey-800: #45474D;
    --palette-grey-50: #E6EAF0;
    --palette-grey-0: #FFFFFF;
    --palette-grey-1000: #212226;
    --palette-grey-20: #EFF2F7;
    --palette-grey-1200: #121317;
    --palette-grey-1100: #18191D;
    --palette-grey-10: #F8F9FC;
    --palette-grey-100: #E1E6EC;
    --palette-grey-200: #CDD4DC;
    --palette-grey-300: #B2BBC5;
    --palette-grey-400: #B7BFD9;
    --palette-grey-600: #AAB1CC4D;
    --palette-grey-1000-12: #dedfe2;
    --palette-grey-50-20: #414347;
    --palette-grey-15: #F0F1F5;
    --palette-blue-600: #3279F9;
    --palette-grey-0-rgb: 255, 255, 255;
    --palette-grey-50-rgb: 230, 234, 240;
    --palette-grey-400-rgb: 183, 191, 217;
    --palette-grey-600-rgb: 170, 177, 204;
    --palette-grey-1000-rgb: 33, 34, 38;
    --palette-grey-1200-rgb: 18, 19, 23;
    --theme-surface-surface: var(--palette-grey-0);
    --theme-surface-on-surface: var(--palette-grey-1200);
    --theme-surface-on-surface-variant: var(--palette-grey-800);
    --theme-surface-surface-container: var(--palette-grey-10);
    --theme-surface-surface-container-high: var(--palette-grey-20);
    --theme-surface-surface-container-higher: var(--palette-grey-50);
    --theme-surface-surface-container-highest: var(--palette-grey-100);
    --theme-surface-inverse-surface: var(--palette-grey-1200);
    --theme-surface-inverse-on-surface: var(--palette-grey-10);
    --theme-surface-inverse-on-surface-variant: var(--palette-grey-300);
    --theme-surface-overlay: rgba(var(--palette-grey-0-rgb), .95);
    --theme-surface-overlay-low: rgba(var(--palette-grey-0-rgb), .12);
    --theme-surface-overlay-high: rgba(var(--palette-grey-0-rgb), .24);
    --theme-surface-overlay-higher: rgba(var(--palette-grey-0-rgb), .72);
    --theme-surface-overlay-highest: rgba(var(--palette-grey-0-rgb), .95);
    --theme-surface-transparent: rgba(var(--palette-grey-0-rgb), 0);
    --theme-inverse-surface-overlay: rgba(var(--palette-grey-1200-rgb), .01);
    --theme-inverse-surface-overlay-high: rgba(var(--palette-grey-1200-rgb), .24);
    --theme-inverse-surface-overlay-higher: rgba(var(--palette-grey-1200-rgb), .72);
    --theme-inverse-surface-overlay-highest: rgba(var(--palette-grey-1200-rgb), .95);
    --theme-inverse-surface: var(--palette-grey-1200);
    --theme-outline: rgba(var(--palette-grey-1000-rgb), .12);
    --theme-outline-variant: rgba(var(--palette-grey-1000-rgb), .06);
    --theme-inverse-outline: rgba(var(--palette-grey-50-rgb), .12);
    --theme-inverse-outline-variant: rgba(var(--palette-grey-50-rgb), .06);
    --theme-outline-inverse-outline-variant: rgba(230, 234, 240, .06);
    --theme-outline-outline-variant: rgba(33, 34, 38, .06);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    --theme-primary-primary: var(--theme-surface-on-surface);
    --theme-primary-on-primary: var(--theme-surface-surface);
    --theme-tonal-tonal: var(--theme-surface-surface-container);
    --theme-tonal-on-tonal: var(--theme-surface-on-surface);
    --theme-outlined-outlined: var(--theme-surface-surface-transparent);
    --theme-outlined-on-outlined: var(--theme-surface-on-surface);
    --theme-protected-protected: var(--theme-surface-surface-container);
    --theme-protected-on-protected: var(--theme-surface-on-surface);
    --theme-text-text: var(--theme-surface-surface-transparent);
    --theme-text-on-text: var(--theme-surface-on-surface);
    --theme-text-link-states-enabled: var(--theme-surface-on-surface-variant);
    --theme-text-link-states-hovered: var(--palette-grey-1000);
    --theme-text-link-states-focused: var(--palette-grey-1100);
    --theme-text-link-states-pressed: var(--palette-grey-1000);
    --theme-text-link-states-disabled: #6A6A71;
    --theme-button-states-primary-enabled: var(--theme-primary-primary);
    --theme-button-states-primary-disabled: var(--palette-grey-10);
    --theme-button-states-primary-hovered: var(--palette-grey-900);
    --theme-button-states-primary-pressed: rgba(var(--palette-grey-50-rgb), .12);
    --theme-button-states-primary-focused: rgba(var(--palette-grey-50-rgb), .2);
    --theme-button-states-primary-on-disabled: rgba(var(--palette-grey-1000-rgb), .2);
    --theme-secondary-button: rgba(var(--palette-grey-400-rgb), .1);
    --theme-button-secondary-hover: var(--palette-grey-15);
    --theme-button-secondary-inverse-hover: rgba(var(--palette-grey-600-rgb), .3);
    --theme-button-states-tonal-enabled: var(--theme-tonal-tonal);
    --theme-button-states-tonal-disabled: var(--palette-grey-10);
    --theme-button-states-protected-enabled: var(--theme-protected-protected);
    --theme-button-states-protected-hovered: var(--palette-grey-20);
    --theme-button-states-protected-disabled: var(--palette-grey-100);
    --theme-button-states-outlined-enabled: var(--theme-outlined-outlined);
    --theme-button-states-disabled: var(--palette-grey-100);
    --theme-button-states-on-disabled: #6A6A71;
    --theme-button-states-hovered: rgba(var(--palette-grey-1000-rgb), .04);
    --theme-button-states-pressed: rgba(var(--palette-grey-1000-rgb), .06);
    --theme-button-states-focused: rgba(var(--palette-grey-1000-rgb), .12);
    --theme-button-states-disabled-transparent: rgba(var(--palette-grey-50-rgb), 0);
    --theme-nav-button: rgba(var(--palette-grey-400-rgb), .09);
    --theme-nav-button-hover: rgba(var(--palette-grey-400-rgb), .2);
    --divider: var(--theme-outline-outline-variant)
}

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

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

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

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

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {
    margin-block-end:0}

ul[role=list],ol[role=list] {
    list-style: none
}

body {
    min-height: 100vh;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,h2,h3,h4,button,input,label {
    line-height: 1.1
}

a:not([class]) {
    text-decoration-skip-ink: auto;
    color: currentColor
}

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

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

textarea:not([rows]) {
    min-height: 10em
}

:target {
    scroll-margin-block: 5ex
}

.no-scroll {
    overflow: hidden
}

:root {
    --breakpoint-max: 1600px;
    --breakpoint-xl: 1600px;
    --breakpoint-lg: 1440px;
    --breakpoint-md: 1024px;
    --breakpoint-sm: 767px;
    --breakpoint-xs: 425px;
    --landing-main-text-size: 107px;
    --landing-main-text-line-height: 107px;
    --landing-main-text-letter-spacing: -2.14px;
    --9xl-size: 148px;
    --9xl-line-height: 145.04px;
    --9xl-letter-spacing: -2.96px;
    --8xl-size: 124px;
    --8xl-line-height: 121.52px;
    --8xl-letter-spacing: -2.48px;
    --7xl-size: 98px;
    --7xl-line-height: 82.04px;
    --7xl-letter-spacing: -1.8px;
    --6xl-size: 72px;
    --6xl-line-height: 72px;
    --6xl-letter-spacing: -1.44px;
    --5xl-size: 54px;
    --5xl-line-height: 56.16px;
    --5xl-letter-spacing: -.95px;
    --4xl-size: 42px;
    --4xl-line-height: 43.68px;
    --4xl-letter-spacing: -.73px;
    --3xl-size: 32px;
    --3xl-line-height: 33.92px;
    --3xl-letter-spacing: -.15px;
    --2xl-size: 28px;
    --2xl-line-height: 30.24px;
    --2xl-letter-spacing: -.1px;
    --xl-size: 24px;
    --xl-line-height: 25.92px;
    --xl-letter-spacing: -.07px;
    --lg-size: 22px;
    --lg-line-height: 24.64px;
    --lg-letter-spacing: -.08px;
    --md-size: 20px;
    --md-line-height: 26px;
    --md-letter-spacing: -.05px;
    --base-size: 17.5px;
    --base-line-height: 25.38px;
    --base-letter-spacing: .18px;
    --sm-size: 14.5px;
    --sm-line-height: 21.02px;
    --sm-letter-spacing: .16px;
    --xs-size: 12.5px;
    --xs-line-height: 15.5px;
    --xs-letter-spacing: .11px;
    --cta-size: 17.5px;
    --cta-line-height: 25.38px;
    --cta-letter-spacing: .18px;
    --cta-sm-size: 14.5px;
    --cta-sm-line-height: 21.02px;
    --cta-sm-letter-spacing: .11px;
    --icon-size-10xl: 120px;
    --icon-size-9xl: 112;
    --icon-size-8xl: 104px;
    --icon-size-7xl: 96px;
    --icon-size-6xl: 88px;
    --icon-size-5xl: 80px;
    --icon-size-4xl: 72px;
    --icon-size-3xl: 64px;
    --icon-size-2xl: 56px;
    --icon-size-xl: 48px;
    --icon-size-lg: 36px;
    --icon-size-md: 24px;
    --icon-size-sm: 18px;
    --icon-size-xs: 12px;
    --grid-gutter: 64px;
    --grid-columns: 12;
    --page-margin: 72px;
    --shape-corner-xs: 4px;
    --shape-corner-sm: 8px;
    --shape-corner-md: 16px;
    --shape-corner-lg: 24px;
    --shape-corner-xl: 36px;
    --shape-corner-2xl: 48px;
    --shape-corner-rounded: 9999px;
    --space-none: 0px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 36px;
    --space-2xl: 48px;
    --space-3xl: 60px;
    --space-4xl: 80px;
    --space-5xl: 88px;
    --space-6xl: 120px;
    --space-7xl: 180px;
    --nav-height: 52px;
    --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
    --ease-in-cubic: cubic-bezier(.55, .055, .675, .19);
    --ease-in-quart: cubic-bezier(.895, .03, .685, .22);
    --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
    --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
    --ease-in-circ: cubic-bezier(.6, .04, .98, .335);
    --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
    --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);
    --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
    --ease-out-quint: cubic-bezier(.23, 1, .32, 1);
    --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
    --ease-out-circ: cubic-bezier(.075, .82, .165, 1);
    --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);
    --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
    --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);
    --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);
    --ease-out-back: cubic-bezier(.34, 1.85, .64, 1)
}

@media (max-width: 1600px) {
    :root {
        --landing-main-text-size: 72px;
        --landing-main-text-line-height: 72.04px;
        --landing-main-text-letter-spacing: -1.44px;
        --grid-gutter: 48px
    }
}

@media (max-width: 1024px) {
    :root {
        --landing-main-text-size: 56px;
        --landing-main-text-line-height: 56.04px;
        --landing-main-text-letter-spacing: -1.12px;
        --grid-gutter: 28px;
        --grid-columns: 8;
        --9xl-size: 38px;
        --9xl-line-height: 40.28px;
        --9xl-letter-spacing: -.76px;
        --8xl-size: 36px;
        --8xl-line-height: 38.16px;
        --8xl-letter-spacing: -.72px;
        --7xl-size: 34px;
        --7xl-line-height: 36.04px;
        --7xl-letter-spacing: -.68px;
        --6xl-size: 32px;
        --6xl-line-height: 33.92px;
        --6xl-letter-spacing: -.64px;
        --5xl-size: 28px;
        --5xl-line-height: 29.6px;
        --5xl-letter-spacing: -.28px;
        --4xl-size: 26px;
        --4xl-line-height: 28.08px;
        --4xl-letter-spacing: -.26px;
        --3xl-size: 26px;
        --3xl-line-height: 28.08px;
        --3xl-letter-spacing: -.26px;
        --2xl-size: 24px;
        --2xl-line-height: 25.92px;
        --2xl-letter-spacing: -.14px;
        --xl-size: 22px;
        --xl-line-height: 24.64px;
        --xl-letter-spacing: -.13px;
        --lg-size: 20px;
        --lg-line-height: 22.8px;
        --lg-letter-spacing: -.08px;
        --md-size: 18px;
        --md-line-height: 23.4px;
        --md-letter-spacing: -.07px;
        --base-size: 16px;
        --base-line-height: 23px;
        --base-letter-spacing: .16px;
        --cta-size: 16px;
        --cta-line-height: 23px;
        --cta-letter-spacing: .16px;
        --cta-sm-size: 16px;
        --cta-sm-line-height: 23px;
        --cta-sm-letter-spacing: .16px;
        --grid-gutter: 40px;
        --page-margin: 40px
    }

    .hidden-sm {
        display: none!important
    }
}

@media (max-width: 767px) {
    :root {
        --landing-main-text-size: 46px;
        --landing-main-text-line-height: 46.04px;
        --landing-main-text-letter-spacing: -.92px;
        --grid-gutter: 16px;
        --grid-columns: 4;
        --page-margin: 16px
    }

    .hidden-xs {
        display: none!important
    }
}

@media (max-width: 425px) {
    :root {
        --landing-main-text-size: 30px;
        --landing-main-text-line-height: 32.04px;
        --landing-main-text-letter-spacing: -.6px;
        --grid-columns: 4;
        --shape-corner-xl: 24px
    }
}

* {
    box-sizing: border-box
}

body {
    color: var(--theme-surface-on-surface);
    margin: 0;
    padding: 0;
    font-family: Google Sans Flex,Google Sans,sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    width: 100%
}

h1,h2,h3,h4 {
    font-weight: 450;
    font-optical-sizing: auto
}

p {
    margin: 0
}

a {
    color: var(--theme-surface-on-surface-variant);
    text-decoration: none
}

app-recursive-renderer a {
    color: #1a73e8!important;
    text-decoration: underline!important
}

.container {
    max-width: calc(1728px + var(--page-margin) * 2);
    margin: 0 auto;
    padding: 0 var(--page-margin)
}

.landing-main {
    font-size: var(--landing-main-text-size);
    line-height: var(--landing-main-text-line-height);
    letter-spacing: var(--landing-main-text-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 144
}

.heading-00 {
    font-size: var(--9xl-size);
    line-height: var(--9xl-line-height);
    letter-spacing: var(--9xl-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 144
}

.heading-0 {
    font-size: var(--8xl-size);
    line-height: var(--8xl-line-height);
    letter-spacing: var(--8xl-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 124
}

.heading-1 {
    font-size: var(--7xl-size);
    line-height: var(--7xl-line-height);
    letter-spacing: var(--7xl-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 98
}

.heading-2 {
    font-size: var(--6xl-size);
    line-height: var(--6xl-line-height);
    letter-spacing: var(--6xl-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 72
}

.heading-3 {
    font-size: var(--5xl-size);
    line-height: var(--5xl-line-height);
    letter-spacing: var(--5xl-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 54
}

.heading-4 {
    font-size: var(--4xl-size);
    line-height: var(--4xl-line-height);
    letter-spacing: var(--4xl-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 42
}

.heading-5 {
    font-size: var(--3xl-size);
    line-height: var(--3xl-line-height);
    letter-spacing: var(--3xl-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 32
}

.heading-6 {
    font-size: var(--2xl-size);
    line-height: var(--2xl-line-height);
    letter-spacing: var(--2xl-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 28
}

.heading-7 {
    font-size: var(--xl-size);
    line-height: var(--xl-line-height);
    letter-spacing: var(--xl-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 24
}

.heading-8 {
    font-size: var(--lg-size);
    line-height: var(--lg-line-height);
    letter-spacing: var(--lg-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 22
}

.heading-9 {
    font-size: var(--md-size);
    line-height: var(--md-line-height);
    letter-spacing: var(--md-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 20
}

.body {
    font-size: var(--base-size);
    line-height: var(--base-line-height);
    letter-spacing: var(--base-letter-spacing);
    font-weight: 400;
    font-variation-settings: "wdth" 100,"opsz" 17.5
}

.body strong {
    font-weight: 450
}

.body em {
    font-style: italic
}

.body code {
    font-family: Courier New,monospace;
    background-color: #0000000d;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: .9em
}

.body a {
    color: #1a73e8;
    text-decoration: underline
}

.body a:hover {
    color: #1557b0
}

.body h2 {
    margin-top: var(--space-2xl)
}

.body h3 {
    margin-top: var(--space-xl)
}

.caption {
    font-size: var(--sm-size);
    line-height: var(--sm-line-height);
    letter-spacing: var(--sm-letter-spacing);
    font-weight: 400;
    font-variation-settings: "wdth" 100,"opsz" 15
}

.small {
    font-size: var(--xs-size);
    line-height: var(--xs-line-height);
    letter-spacing: var(--xs-letter-spacing);
    font-weight: 450
}

.code {
    font-size: var(--sm-size);
    line-height: var(--sm-line-height);
    letter-spacing: var(--sm-letter-spacing)
}

.call-to-action {
    font-size: var(--cta-size);
    line-height: var(--cta-line-height);
    letter-spacing: var(--cta-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 17.5
}

.call-to-action--nav {
    cursor: pointer;
    font-size: var(--cta-sm-size);
    line-height: var(--cta-sm-line-height);
    letter-spacing: var(--cta-sm-letter-spacing);
    font-weight: 450;
    font-variation-settings: "wdth" 100,"opsz" 14.5
}

.symbol {
    font-family: Google Symbols;
    font-size: var(--symbol-font, 24px);
    font-variation-settings: "FILL" 0,"wght" 300,"GRAD" 0,"ROND" 50,"opsz" 48
}

.grid-container {
    width: 100%;
    max-width: calc(var(--breakpoint-max) + var(--page-margin) * 2);
    margin: 0 auto;
    padding: 0 var(--page-margin)
}

.grid-row {
    display: flex;
    flex-flow: var(--grid-flex-flow, row) wrap;
    margin-left: calc(-1 * var(--grid-gutter) / 2);
    margin-right: calc(-1 * var(--grid-gutter) / 2);
    gap: var(--grid-gap, 0)
}

.grid-col {
    flex: 1 1 auto;
    padding-left: calc(var(--grid-gutter) / 2);
    padding-right: calc(var(--grid-gutter) / 2)
}

.col-xs-1 {
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-2 {
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-3 {
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-4 {
    flex-basis: 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .col-sm-1 {
        flex-basis:12.5%;
        max-width: 12.5%
    }

    .col-sm-2 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-3 {
        flex-basis: 37.5%;
        max-width: 37.5%
    }

    .col-sm-4 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-5 {
        flex-basis: 62.5%;
        max-width: 62.5%
    }

    .col-sm-6 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-7 {
        flex-basis: 87.5%;
        max-width: 87.5%
    }

    .col-sm-8 {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 1024px) {
    .col-md-1 {
        flex-basis:8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }
}

.sticky-left-container {
    display: grid
}

.sticky-left-container>* {
    align-self: start
}

.sticky-left-container .sticky-element {
    position: sticky;
    z-index: 10
}

chevron-right-icon,chevron-left-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.template-content-image {
    border-radius: var(--shape-corner-md);
    max-width: 100%
}

.template-content-heading {
    padding: var(--space-lg) 0 0
}

.template-content-heading:before {
    content: "";
    display: block;
    height: var(--nav-height);
    margin-top: -60px;
    visibility: hidden;
    pointer-events: none
}

.template-content-paragraph a {
    text-decoration: underline
}

.template-content-paragraph a:hover {
    text-decoration: none
}

.template-content-list {
    padding-inline-start:var(--space-xl)}

.template-content-list li {
    margin: 0 0 var(--space-md)
}

ul.template-content-list {
    list-style-type: disc
}

ul.template-content-list li::marker {
    font-size: .75em
}

ol.template-content-list {
    list-style-type: decimal
}

.arrow-link,.arrow-link-left {
    display: inline-flex;
    align-items: center;
    transition: .2s opacity
}

.arrow-link:not(.arrow-link-left):after {
    content: "keyboard_arrow_right";
    display: inline-flex;
    font-size: 1.25em;
    font-family: Google Symbols;
    margin: 0 0 0 var(--space-xs);
    height: inherit;
    opacity: inherit;
    transition: .3s transform
}

.arrow-link:not(.arrow-link-left):focus,.arrow-link:not(.arrow-link-left):hover {
    outline: none
}

.arrow-link:not(.arrow-link-left):focus:after,.arrow-link:not(.arrow-link-left):hover:after {
    transform: translate(50%)
}

.arrow-link-left:before {
    content: "keyboard_arrow_left";
    display: inline-flex;
    font-size: 1.25em;
    font-family: Google Symbols;
    margin: 0 var(--space-xs) 0 0;
    height: inherit;
    opacity: inherit;
    transition: .3s transform
}

.arrow-link-left:focus,.arrow-link-left:hover {
    outline: none
}

.arrow-link-left:focus:before,.arrow-link-left:hover:before {
    transform: translate(-50%)
}

.carousel-nav {
    margin-top: 60px;
    border-radius: 99em;
    background: var(--theme-tonal-tonal);
    display: inline-flex;
    align-items: center;
    padding: 4px;
    width: fit-content;
    gap: var(--space-xs)
}

.carousel-nav button {
    color: var(--theme-surface-on-surface);
    font-family: Google Symbols;
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: var(--space-sm);
    flex: 1 0 0;
    background: #f8f9fc;
    border: none;
    height: 36px;
    width: 48px;
    flex-grow: 0;
    border-radius: 8px;
    cursor: pointer
}

.carousel-nav button:hover {
    border-radius: var(--shape-corner-rounded, 9999px);
    background: #eff0f3;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.video-control-button {
    background: var(--theme-surface-overlay-low);
    border-radius: var(--shape-corner-rounded);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: var(--space-md);
    right: var(--space-md);
    height: 48px;
    width: 48px;
    font-variation-settings: "FILL" 1,"wght" 300,"GRAD" 0,"ROND" 50,"opsz" 48!important
}

.second-line {
    color: var(--palette-grey-800)
}

.smooth-scroll-wrapper {
    min-height: 100vh
}

.special-text {
    color: var(--palette-grey-1200);
    font-family: Google Sans Code;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -.08px
}

.invisible-div {
    height: 0px
}