html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0);
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.chr-header-v3__nav-list {
    list-style: none;
    padding: 0
}

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

body {
    word-break: break-word;
    word-wrap: break-word
}

.chr-modal, .chr-download-button + .chr-simplified-download .chr-simplified-download__simplified-links, .chr-download-button + .chr-simplified-download .platform {
    display: none
}

.chr-modal.show, .chr-modal .show, .chr-download-button + .chr-simplified-download .show {
    display: block !important
}

.chr-background__yellow {
    background-color: #fde293
}

.dark-theme .chr-background__yellow {
    background-color: #fde293
}

.chr-background__blue {
    background-color: #1a73e8
}

.dark-theme .chr-background__blue {
    background-color: #1a73e8
}

.chr-background__red {
    background-color: #f6aea9
}

.dark-theme .chr-background__red {
    background-color: #f6aea9
}

.chr-background__dark {
    background-color: #202124
}

.dark-theme .chr-background__dark {
    background-color: #202124
}

.chr-background__white {
    background-color: #fff
}

.dark-theme .chr-background__white {
    background-color: #fff
}

.chr-background__dark-blue {
    background-color: #174ea6
}

.dark-theme .chr-background__dark-blue {
    background-color: #174ea6
}

.chr-background__dark-grey {
    background-color: #80868b
}

.dark-theme .chr-background__dark-grey {
    background-color: #80868b
}

.chr-background__dark-green {
    background-color: #188038
}

.dark-theme .chr-background__dark-green {
    background-color: #188038
}

.chr-background__dark-yellow {
    background-color: #fbbc04
}

.dark-theme .chr-background__dark-yellow {
    background-color: #fbbc04
}

.chr-background__light-blue-01 {
    background-color: #e8f0fe
}

.dark-theme .chr-background__light-blue-01 {
    background-color: #e8f0fe
}

.chr-background__light-blue-02 {
    background-color: #d2e3fc
}

.dark-theme .chr-background__light-blue-02 {
    background-color: #d2e3fc
}

.chr-background__light-green-01 {
    background-color: #e6f4ea
}

.dark-theme .chr-background__light-green-01 {
    background-color: #e6f4ea
}

.chr-background__light-green-02 {
    background-color: #ceead6
}

.dark-theme .chr-background__light-green-02 {
    background-color: #ceead6
}

.chr-background__light-grey {
    background-color: #f8f9fa
}

.dark-theme .chr-background__light-grey {
    background-color: #f8f9fa
}

.chr-background__light-red {
    background-color: #fce8e6
}

.dark-theme .chr-background__light-red {
    background-color: #fce8e6
}

.chr-background__light-yellow {
    background-color: #fef7e0
}

.dark-theme .chr-background__light-yellow {
    background-color: #fef7e0
}

.chr-background__ai-main-10 {
    background-color: #e8effd
}

.dark-theme .chr-background__ai-main-10 {
    background-color: #e8effd
}

.chr-background__ai-analog-variant-30 {
    background-color: #eef9fe
}

.dark-theme .chr-background__ai-analog-variant-30 {
    background-color: #eef9fe
}

.chr-background__ai-analog-variant-50 {
    background-color: #e7f8fe
}

.dark-theme .chr-background__ai-analog-variant-50 {
    background-color: #e7f8fe
}

.chr-background__ai-analog-30 {
    background-color: #e0f6fe
}

.dark-theme .chr-background__ai-analog-30 {
    background-color: #e0f6fe
}

.chr-background__ai-muted-10 {
    background-color: #f0f5fd
}

.dark-theme .chr-background__ai-muted-10 {
    background-color: #f0f5fd
}

.chr-background__ai-main-10-gradient {
    background: radial-gradient(82.52% 85.35% at 2.9% 100%, #b2caff 0%, #e8effd 100%)
}

.dark-theme .chr-background__ai-main-10-gradient {
    background: radial-gradient(82.52% 85.35% at 2.9% 100%, #b2caff 0%, #e8effd 100%)
}

.chr-background__ai-analog-variant-50-gradient {
    background: radial-gradient(81.92% 81.92% at 50% 100%, #cbf5ff 0%, #e7f8fe 100%)
}

.dark-theme .chr-background__ai-analog-variant-50-gradient {
    background: radial-gradient(81.92% 81.92% at 50% 100%, #cbf5ff 0%, #e7f8fe 100%)
}

.chr-background__ai-analog-10-gradient {
    background: linear-gradient(125deg, rgba(91, 140, 255, 0.4) 0.38%, #d7f6ff 52%)
}

.dark-theme .chr-background__ai-analog-10-gradient {
    background: linear-gradient(125deg, rgba(91, 140, 255, 0.4) 0.38%, #d7f6ff 52%)
}

.chr-background__ai-analog-30-gradient {
    background: radial-gradient(100% 100% at 50% 100%, #caf1fe 0%, #e0f6fe 71.01%)
}

.dark-theme .chr-background__ai-analog-30-gradient {
    background: radial-gradient(100% 100% at 50% 100%, #caf1fe 0%, #e0f6fe 71.01%)
}

.chr-background__ai-muted-10-gradient {
    background: linear-gradient(205deg, #f0f5fd 49.95%, #c9daff 109.5%)
}

.dark-theme .chr-background__ai-muted-10-gradient {
    background: linear-gradient(205deg, #f0f5fd 49.95%, #c9daff 109.5%)
}

.chr-background__ai-gradient-dark-pink {
    background: linear-gradient(98deg, rgba(112, 201, 224, 0.4) 1.72%, rgba(23, 78, 166, 0.4) 51.2%, rgba(246, 140, 233, 0.4) 91.55%), #185abc
}

.dark-theme .chr-background__ai-gradient-dark-pink {
    background: linear-gradient(98deg, rgba(112, 201, 224, 0.4) 1.72%, rgba(23, 78, 166, 0.4) 51.2%, rgba(246, 140, 233, 0.4) 91.55%), #185abc
}

.chr-background__ai-gradient-four {
    background: linear-gradient(98.41deg, rgba(214, 228, 253, 0.4) 1.72%, rgba(23, 78, 166, 0) 51.2%, rgba(204, 228, 253, 0.4) 91.55%), #185abc
}

.dark-theme .chr-background__ai-gradient-four {
    background: linear-gradient(98.41deg, rgba(214, 228, 253, 0.4) 1.72%, rgba(23, 78, 166, 0) 51.2%, rgba(204, 228, 253, 0.4) 91.55%), #185abc
}

.chr-background__ai-gradient-five {
    background: linear-gradient(111.39deg, #a6b1fa 12.6%, rgba(111, 171, 249, 0.66) 68%)
}

.dark-theme .chr-background__ai-gradient-five {
    background: linear-gradient(111.39deg, #a6b1fa 12.6%, rgba(111, 171, 249, 0.66) 68%)
}

.chr-background__ai-blue-soft {
    background-color: #f0f7fe
}

.dark-theme .chr-background__ai-blue-soft {
    background-color: #f0f7fe
}

.chr-background__ai-purple-25 {
    background-color: #eaedfd
}

.dark-theme .chr-background__ai-purple-25 {
    background-color: #eaedfd
}

.chr-background__ai-blue-muted-light {
    background-color: #def
}

.dark-theme .chr-background__ai-blue-muted-light {
    background-color: #def
}

.chr-background__ai-bright-blue-10 {
    background-color: #edf1fe
}

.dark-theme .chr-background__ai-bright-blue-10 {
    background-color: #edf1fe
}

.chr-background__ai-blue-gemini {
    background-color: #4b6de6
}

.dark-theme .chr-background__ai-blue-gemini {
    background-color: #4b6de6
}

.chr-background__light-background-card {
    background-color: #edf2fa
}

.dark-theme .chr-background__light-background-card {
    background-color: #edf2fa
}

.chr-background__blue-900 {
    background-color: #174ea6
}

.dark-theme .chr-background__blue-900 {
    background-color: #174ea6
}

.chr-background__yellow-300 {
    background-color: #fdd663
}

.dark-theme .chr-background__yellow-300 {
    background-color: #fdd663
}

.chr-background__green-300 {
    background-color: #81c995
}

.dark-theme .chr-background__green-300 {
    background-color: #81c995
}

.chr-background__blue-300 {
    background-color: #8ab4f8
}

.dark-theme .chr-background__blue-300 {
    background-color: #8ab4f8
}

.chr-text-wrap--balance {
    text-wrap: balance
}

.chr-text-wrap--pretty {
    text-wrap: pretty
}

@-webkit-keyframes card-fade-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-120px);
        transform: translateY(-120px)
    }
}

@keyframes card-fade-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-120px);
        transform: translateY(-120px)
    }
}

@-webkit-keyframes fade-in-upward {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-in-upward {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

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

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

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

@-webkit-keyframes fade-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-up-100 {
    from {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-up-100 {
    from {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-out-down {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes fade-out-down {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes fade-out-upwards {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }
}

@keyframes fade-out-upwards {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }
}

@-webkit-keyframes fade-in-downwards {
    from {
        opacity: 0;
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-in-downwards {
    from {
        opacity: 0;
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-in-upwards {
    from {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-in-upwards {
    from {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-out-downwards {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
}

@keyframes fade-out-downwards {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
}

@-webkit-keyframes expand-width {
    0% {
        left: 0%;
        width: 0%
    }
    10% {
        left: 0%;
        width: 100%
    }
    100% {
        left: 100%;
        width: 100%
    }
}

@keyframes expand-width {
    0% {
        left: 0%;
        width: 0%
    }
    10% {
        left: 0%;
        width: 100%
    }
    100% {
        left: 100%;
        width: 100%
    }
}

@-webkit-keyframes expand-width-rtl {
    0% {
        right: 0%;
        width: 0%
    }
    10% {
        right: 0%;
        width: 100%
    }
    100% {
        right: 100%;
        width: 100%
    }
}

@keyframes expand-width-rtl {
    0% {
        right: 0%;
        width: 0%
    }
    10% {
        right: 0%;
        width: 100%
    }
    100% {
        right: 100%;
        width: 100%
    }
}

@-webkit-keyframes hero-up-phone {
    from {
        bottom: -100%
    }
    to {
        bottom: -110px;
        visibility: visible
    }
}

@keyframes hero-up-phone {
    from {
        bottom: -100%
    }
    to {
        bottom: -110px;
        visibility: visible
    }
}

@-webkit-keyframes hero-up-tablet {
    from {
        bottom: -100%
    }
    to {
        bottom: -120px;
        visibility: visible
    }
}

@keyframes hero-up-tablet {
    from {
        bottom: -100%
    }
    to {
        bottom: -120px;
        visibility: visible
    }
}

@-webkit-keyframes hero-up-blue-circle {
    from {
        bottom: -100%
    }
    to {
        bottom: -319px;
        visibility: visible
    }
}

@keyframes hero-up-blue-circle {
    from {
        bottom: -100%
    }
    to {
        bottom: -319px;
        visibility: visible
    }
}

@-webkit-keyframes hero-down-phone {
    from {
        bottom: 100%
    }
    to {
        bottom: 220px;
        visibility: visible
    }
}

@keyframes hero-down-phone {
    from {
        bottom: 100%
    }
    to {
        bottom: 220px;
        visibility: visible
    }
}

@-webkit-keyframes hero-left-rectangle {
    from {
        left: 40vw
    }
    to {
        left: 0;
        visibility: visible
    }
}

@keyframes hero-left-rectangle {
    from {
        left: 40vw
    }
    to {
        left: 0;
        visibility: visible
    }
}

@-webkit-keyframes hero-right-rectangle {
    from {
        right: 40vw
    }
    to {
        right: 0;
        visibility: visible
    }
}

@keyframes hero-right-rectangle {
    from {
        right: 40vw
    }
    to {
        right: 0;
        visibility: visible
    }
}

@-webkit-keyframes hero-expand-width {
    from {
        visibility: hidden;
        width: 0
    }
    to {
        visibility: visible
    }
}

@keyframes hero-expand-width {
    from {
        visibility: hidden;
        width: 0
    }
    to {
        visibility: visible
    }
}

@-webkit-keyframes typing {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes typing {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@-webkit-keyframes hero-scale-up-border {
    from {
        border: 0;
        height: 0;
        visibility: hidden;
        width: 0
    }
    to {
        height: 100%;
        visibility: visible
    }
}

@keyframes hero-scale-up-border {
    from {
        border: 0;
        height: 0;
        visibility: hidden;
        width: 0
    }
    to {
        height: 100%;
        visibility: visible
    }
}

@-webkit-keyframes hero-slide-from-bottom {
    from {
        -webkit-transform: translateY(120%);
        transform: translateY(120%)
    }
    to {
        bottom: -24px;
        visibility: visible
    }
}

@keyframes hero-slide-from-bottom {
    from {
        -webkit-transform: translateY(120%);
        transform: translateY(120%)
    }
    to {
        bottom: -24px;
        visibility: visible
    }
}

@-webkit-keyframes blink-caret {
    from, to {
        border-color: rgba(0, 0, 0, 0)
    }
    50% {
        border-color: #202124
    }
}

@keyframes blink-caret {
    from, to {
        border-color: rgba(0, 0, 0, 0)
    }
    50% {
        border-color: #202124
    }
}

@-webkit-keyframes fade-in-upwards-and-expand {
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        width: 96px
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 96px
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%
    }
}

@keyframes fade-in-upwards-and-expand {
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        width: 96px
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 96px
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%
    }
}

@-webkit-keyframes assistant-shadows {
    0% {
        height: 0;
        top: -40px
    }
    5% {
        height: 45px;
        top: -50px
    }
    10% {
        height: 45px;
        top: -50px
    }
    15% {
        height: 35px;
        top: -40px
    }
    80% {
        height: 35px;
        top: -40px
    }
    100% {
        height: 0
    }
}

@keyframes assistant-shadows {
    0% {
        height: 0;
        top: -40px
    }
    5% {
        height: 45px;
        top: -50px
    }
    10% {
        height: 45px;
        top: -50px
    }
    15% {
        height: 35px;
        top: -40px
    }
    80% {
        height: 35px;
        top: -40px
    }
    100% {
        height: 0
    }
}

@-webkit-keyframes assistant-colors {
    0% {
        width: 25%
    }
    50% {
        width: 50%
    }
    100% {
        width: 25%
    }
}

@keyframes assistant-colors {
    0% {
        width: 25%
    }
    50% {
        width: 50%
    }
    100% {
        width: 25%
    }
}

@-webkit-keyframes curtain {
    from {
        top: 0%
    }
    to {
        top: -100%
    }
}

@keyframes curtain {
    from {
        top: 0%
    }
    to {
        top: -100%
    }
}

@-webkit-keyframes right-enter {
    from {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }
    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes right-enter {
    from {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }
    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes right-enter-rotation {
    from {
        -webkit-transform: translateX(110%) rotateZ(10deg);
        transform: translateX(110%) rotateZ(10deg)
    }
    to {
        -webkit-transform: translateX(0%) rotateZ(-5.5deg);
        transform: translateX(0%) rotateZ(-5.5deg)
    }
}

@keyframes right-enter-rotation {
    from {
        -webkit-transform: translateX(110%) rotateZ(10deg);
        transform: translateX(110%) rotateZ(10deg)
    }
    to {
        -webkit-transform: translateX(0%) rotateZ(-5.5deg);
        transform: translateX(0%) rotateZ(-5.5deg)
    }
}

@-webkit-keyframes move-left {
    from {
        left: 100vw
    }
    to {
        left: 0;
        visibility: visible
    }
}

@keyframes move-left {
    from {
        left: 100vw
    }
    to {
        left: 0;
        visibility: visible
    }
}

@-webkit-keyframes move-right {
    from {
        right: 100vw
    }
    to {
        right: 0;
        visibility: visible
    }
}

@keyframes move-right {
    from {
        right: 100vw
    }
    to {
        right: 0;
        visibility: visible
    }
}

@-webkit-keyframes up-enter {
    from {
        bottom: -100%
    }
    to {
        bottom: 0;
        visibility: visible
    }
}

@keyframes up-enter {
    from {
        bottom: -100%
    }
    to {
        bottom: 0;
        visibility: visible
    }
}

@-webkit-keyframes small-up {
    from {
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes small-up {
    from {
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes up-diagonal {
    from {
        -webkit-transform: translate(-1000px, 1000px);
        transform: translate(-1000px, 1000px);
        visibility: hidden
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible
    }
}

@keyframes up-diagonal {
    from {
        -webkit-transform: translate(-1000px, 1000px);
        transform: translate(-1000px, 1000px);
        visibility: hidden
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible
    }
}

@-webkit-keyframes down-diagonal {
    from {
        -webkit-transform: translate(1000px, -1000px);
        transform: translate(1000px, -1000px);
        visibility: hidden
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible
    }
}

@keyframes down-diagonal {
    from {
        -webkit-transform: translate(1000px, -1000px);
        transform: translate(1000px, -1000px);
        visibility: hidden
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible
    }
}

@-webkit-keyframes left-diagonal {
    from {
        -webkit-transform: translate(1000px, 1000px);
        transform: translate(1000px, 1000px);
        visibility: hidden
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible
    }
}

@keyframes left-diagonal {
    from {
        -webkit-transform: translate(1000px, 1000px);
        transform: translate(1000px, 1000px);
        visibility: hidden
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible
    }
}

@-webkit-keyframes right-diagonal {
    from {
        -webkit-transform: translate(-1000px, -1000px);
        transform: translate(-1000px, -1000px);
        visibility: hidden
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible
    }
}

@keyframes right-diagonal {
    from {
        -webkit-transform: translate(-1000px, -1000px);
        transform: translate(-1000px, -1000px);
        visibility: hidden
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible
    }
}

@-webkit-keyframes scale-up {
    from {
        height: 0;
        width: 0
    }
    to {
        height: 100%;
        visibility: visible;
        width: 100%
    }
}

@keyframes scale-up {
    from {
        height: 0;
        width: 0
    }
    to {
        height: 100%;
        visibility: visible;
        width: 100%
    }
}

@-webkit-keyframes rotate-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes rotate-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes rotate-right {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes rotate-right {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes full-rotate-left {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes full-rotate-left {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.chr-button, .chr-download-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    gap: 8px;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 24px;
    white-space: nowrap
}

.chr-button:disabled, .chr-button--disabled, .chr-download-button:disabled {
    background-color: #f1f3f4;
    color: #80868b;
    cursor: default
}

.dark-theme .chr-button:disabled, .dark-theme .chr-download-button:disabled, .dark-theme .chr-button--disabled {
    background-color: #f1f3f4
}

.dark-theme .chr-button:disabled, .dark-theme .chr-download-button:disabled, .dark-theme .chr-button--disabled {
    color: #80868b
}

.chr-button:disabled:focus, .chr-download-button:disabled:focus, .chr-button:disabled:hover, .chr-download-button:disabled:hover, .chr-button:disabled:active, .chr-download-button:disabled:active, .chr-button--disabled:focus, .chr-button--disabled:hover, .chr-button--disabled:active {
    background-color: #f1f3f4;
    color: #80868b;
    outline-offset: -2px
}

.dark-theme .chr-button:disabled:focus, .dark-theme .chr-download-button:disabled:focus, .dark-theme .chr-button:disabled:hover, .dark-theme .chr-download-button:disabled:hover, .dark-theme .chr-button:disabled:active, .dark-theme .chr-download-button:disabled:active, .dark-theme .chr-button--disabled:focus, .dark-theme .chr-button--disabled:hover, .dark-theme .chr-button--disabled:active {
    background-color: #f1f3f4
}

.dark-theme .chr-button:disabled:focus, .dark-theme .chr-download-button:disabled:focus, .dark-theme .chr-button:disabled:hover, .dark-theme .chr-download-button:disabled:hover, .dark-theme .chr-button:disabled:active, .dark-theme .chr-download-button:disabled:active, .dark-theme .chr-button--disabled:focus, .dark-theme .chr-button--disabled:hover, .dark-theme .chr-button--disabled:active {
    color: #80868b
}

.chr-button:disabled .chr-button__icon, .chr-download-button:disabled .chr-button__icon, .chr-button--disabled .chr-button__icon {
    fill: #80868b
}

.dark-theme .chr-button:disabled .chr-button__icon, .dark-theme .chr-download-button:disabled .chr-button__icon, .dark-theme .chr-button--disabled .chr-button__icon {
    fill: #80868b
}

.whats-new .chr-button, .whats-new .chr-download-button {
    background-color: #0b57d0;
    color: #fff
}

.dark-theme .whats-new .chr-button, .dark-theme .whats-new .chr-download-button {
    background-color: #a8c7fa
}

.dark-theme .whats-new .chr-button, .dark-theme .whats-new .chr-download-button {
    color: #062e6f
}

.whats-new.dark-theme .chr-button, .whats-new.dark-theme .chr-download-button {
    background-color: #a8c7fa;
    color: #062e6f
}

.chr-button__icon {
    height: 20px;
    width: 20px
}

.chr-button--primary, .chr-link--button-primary, .chr-download-button--jumplink, .chr-download-button--mobile-drawer, .chr-download-button--hero, .chr-download-button--header, .chr-download-button--dropdown {
    background-color: #1a73e8;
    color: #fff
}

.dark-theme .chr-button--primary, .dark-theme .chr-link--button-primary, .dark-theme .chr-download-button--jumplink, .dark-theme .chr-download-button--mobile-drawer, .dark-theme .chr-download-button--hero, .dark-theme .chr-download-button--header, .dark-theme .chr-download-button--dropdown {
    background-color: #1a73e8
}

.dark-theme .chr-button--primary, .dark-theme .chr-link--button-primary, .dark-theme .chr-download-button--jumplink, .dark-theme .chr-download-button--mobile-drawer, .dark-theme .chr-download-button--hero, .dark-theme .chr-download-button--header, .dark-theme .chr-download-button--dropdown {
    color: #fff
}

.chr-button--primary:hover, .chr-link--button-primary:hover, .chr-download-button--jumplink:hover, .chr-download-button--mobile-drawer:hover, .chr-download-button--hero:hover, .chr-download-button--header:hover, .chr-download-button--dropdown:hover {
    background-color: #185abc
}

.dark-theme .chr-button--primary:hover, .dark-theme .chr-link--button-primary:hover, .dark-theme .chr-download-button--jumplink:hover, .dark-theme .chr-download-button--mobile-drawer:hover, .dark-theme .chr-download-button--hero:hover, .dark-theme .chr-download-button--header:hover, .dark-theme .chr-download-button--dropdown:hover {
    background-color: #a8c7fa
}

.chr-button--primary:focus, .chr-link--button-primary:focus, .chr-download-button--jumplink:focus, .chr-download-button--mobile-drawer:focus, .chr-download-button--hero:focus, .chr-download-button--header:focus, .chr-download-button--dropdown:focus {
    outline: unset
}

.chr-button--primary:focus-visible, .chr-link--button-primary:focus-visible, .chr-download-button--jumplink:focus-visible, .chr-download-button--mobile-drawer:focus-visible, .chr-download-button--hero:focus-visible, .chr-download-button--header:focus-visible, .chr-download-button--dropdown:focus-visible {
    background-color: #185abc;
    outline: 2px auto #1967d2;
    outline-offset: -2px
}

.dark-theme .chr-button--primary:focus-visible, .dark-theme .chr-link--button-primary:focus-visible, .dark-theme .chr-download-button--jumplink:focus-visible, .dark-theme .chr-download-button--mobile-drawer:focus-visible, .dark-theme .chr-download-button--hero:focus-visible, .dark-theme .chr-download-button--header:focus-visible, .dark-theme .chr-download-button--dropdown:focus-visible {
    background-color: #a8c7fa
}

.dark-theme .chr-button--primary:focus-visible, .dark-theme .chr-link--button-primary:focus-visible, .dark-theme .chr-download-button--jumplink:focus-visible, .dark-theme .chr-download-button--mobile-drawer:focus-visible, .dark-theme .chr-download-button--hero:focus-visible, .dark-theme .chr-download-button--header:focus-visible, .dark-theme .chr-download-button--dropdown:focus-visible {
    outline: 2px auto #1967d2
}

.chr-button--primary:active, .chr-link--button-primary:active, .chr-download-button--jumplink:active, .chr-download-button--mobile-drawer:active, .chr-download-button--hero:active, .chr-download-button--header:active, .chr-download-button--dropdown:active {
    background-color: #174ea6
}

.dark-theme .chr-button--primary:active, .dark-theme .chr-link--button-primary:active, .dark-theme .chr-download-button--jumplink:active, .dark-theme .chr-download-button--mobile-drawer:active, .dark-theme .chr-download-button--hero:active, .dark-theme .chr-download-button--header:active, .dark-theme .chr-download-button--dropdown:active {
    background-color: #174ea6
}

.chr-button--primary .chr-button__icon, .chr-link--button-primary .chr-button__icon, .chr-download-button--jumplink .chr-button__icon, .chr-download-button--mobile-drawer .chr-button__icon, .chr-download-button--hero .chr-button__icon, .chr-download-button--header .chr-button__icon, .chr-download-button--dropdown .chr-button__icon {
    fill: #fff
}

.dark-theme .chr-button--primary .chr-button__icon, .dark-theme .chr-link--button-primary .chr-button__icon, .dark-theme .chr-download-button--jumplink .chr-button__icon, .dark-theme .chr-download-button--mobile-drawer .chr-button__icon, .dark-theme .chr-download-button--hero .chr-button__icon, .dark-theme .chr-download-button--header .chr-button__icon, .dark-theme .chr-download-button--dropdown .chr-button__icon {
    fill: #fff
}

.chr-button--inverted, .chr-download-button--inverted {
    background-color: #fff;
    color: #1967d2
}

.dark-theme .chr-button--inverted, .dark-theme .chr-download-button--inverted {
    background-color: #fff
}

.dark-theme .chr-button--inverted, .dark-theme .chr-download-button--inverted {
    color: #1967d2
}

.chr-button--inverted:hover, .chr-download-button--inverted:hover {
    background-color: #e8f0fe
}

.dark-theme .chr-button--inverted:hover, .dark-theme .chr-download-button--inverted:hover {
    background-color: #e8f0fe
}

.chr-button--inverted:focus, .chr-download-button--inverted:focus {
    outline: unset
}

.chr-button--inverted:focus-visible, .chr-download-button--inverted:focus-visible {
    background-color: #e8f0fe;
    outline: 2px auto #1967d2;
    outline-offset: -2px
}

.dark-theme .chr-button--inverted:focus-visible, .dark-theme .chr-download-button--inverted:focus-visible {
    background-color: #e8f0fe
}

.dark-theme .chr-button--inverted:focus-visible, .dark-theme .chr-download-button--inverted:focus-visible {
    outline: 2px auto #1967d2
}

.chr-button--inverted:active, .chr-download-button--inverted:active {
    background-color: #d2e3fc
}

.dark-theme .chr-button--inverted:active, .dark-theme .chr-download-button--inverted:active {
    background-color: #d2e3fc
}

.chr-button--inverted .chr-button__icon, .chr-download-button--inverted .chr-button__icon {
    fill: #1967d2
}

.dark-theme .chr-button--inverted .chr-button__icon, .dark-theme .chr-download-button--inverted .chr-button__icon {
    fill: #1967d2
}

.chr-button--secondary, .chr-link--button-secondary, .chr-download-button--secondary {
    background-color: #e8f0fe;
    color: #1967d2
}

.dark-theme .chr-button--secondary, .dark-theme .chr-link--button-secondary, .dark-theme .chr-download-button--secondary {
    background-color: #e8f0fe
}

.dark-theme .chr-button--secondary, .dark-theme .chr-link--button-secondary, .dark-theme .chr-download-button--secondary {
    color: #1967d2
}

.chr-button--secondary:hover, .chr-link--button-secondary:hover, .chr-download-button--secondary:hover {
    background-color: #d2e3fc
}

.dark-theme .chr-button--secondary:hover, .dark-theme .chr-link--button-secondary:hover, .dark-theme .chr-download-button--secondary:hover {
    background-color: #d2e3fc
}

.chr-button--secondary:focus, .chr-link--button-secondary:focus, .chr-download-button--secondary:focus {
    overflow: unset
}

.chr-button--secondary:focus-visible, .chr-link--button-secondary:focus-visible, .chr-download-button--secondary:focus-visible {
    background-color: #d2e3fc;
    outline: 2px auto #1967d2;
    outline-offset: -2px
}

.dark-theme .chr-button--secondary:focus-visible, .dark-theme .chr-link--button-secondary:focus-visible, .dark-theme .chr-download-button--secondary:focus-visible {
    background-color: #d2e3fc
}

.dark-theme .chr-button--secondary:focus-visible, .dark-theme .chr-link--button-secondary:focus-visible, .dark-theme .chr-download-button--secondary:focus-visible {
    outline: 2px auto #1967d2
}

.chr-button--secondary:active, .chr-link--button-secondary:active, .chr-download-button--secondary:active {
    background-color: #aecbfa
}

.dark-theme .chr-button--secondary:active, .dark-theme .chr-link--button-secondary:active, .dark-theme .chr-download-button--secondary:active {
    background-color: #aecbfa
}

.chr-button--secondary .chr-button__icon, .chr-link--button-secondary .chr-button__icon, .chr-download-button--secondary .chr-button__icon {
    fill: #1967d2
}

.dark-theme .chr-button--secondary .chr-button__icon, .dark-theme .chr-link--button-secondary .chr-button__icon, .dark-theme .chr-download-button--secondary .chr-button__icon {
    fill: #1967d2
}

.chr-button--link {
    color: #1967d2;
    border-radius: 0;
    display: inline-block;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    padding: 12px 0
}

.dark-theme .chr-button--link {
    color: #1967d2
}

.chr-button--link.chr-cta-small {
    padding: 12px 0
}

.chr-button--link.chr-cta-large, .chr-button--link.chr-download-button--mobile-drawer, .chr-button--link.chr-download-button--hero {
    padding: 12px 0
}

.chr-button--link.chr-button--large, .chr-button--link.chr-download-button--hero {
    border-radius: 0
}

.chr-button--link.chr-button--small {
    border-radius: 0
}

.chr-button--link:hover {
    color: #185abc
}

.dark-theme .chr-button--link:hover {
    color: #a8c7fa
}

.chr-button--link:focus {
    outline: unset
}

.chr-button--link:focus-visible {
    outline: 2px auto #1967d2;
    outline-offset: -2px
}

.dark-theme .chr-button--link:focus-visible {
    outline: 2px auto #1967d2
}

.chr-button--link:disabled, .chr-button--link.chr-button--disabled {
    color: #80868b;
    background: none
}

.dark-theme .chr-button--link:disabled, .dark-theme .chr-button--link.chr-button--disabled {
    color: #80868b
}

.chr-button--link:disabled:hover, .chr-button--link.chr-button--disabled:hover {
    background: none
}

.chr-button--link:disabled:focus, .chr-button--link.chr-button--disabled:focus {
    outline: none
}

.chr-button--link:disabled:focus-visible, .chr-button--link.chr-button--disabled:focus-visible {
    outline: none
}

.chr-button--link .chr-button__icon {
    fill: #1967d2
}

.dark-theme .chr-button--link .chr-button__icon {
    fill: #1967d2
}

.chr-button--small {
    gap: 4px;
    padding: 12px 16px
}

.chr-button--small .chr-button__icon {
    height: 16px;
    width: 16px
}

.chr-button--large, .chr-download-button--hero {
    border-radius: 32px;
    gap: 12px;
    padding: 20px 32px
}

.chr-button--large .chr-button__icon, .chr-download-button--hero .chr-button__icon {
    height: 24px;
    width: 24px
}

.chr-button--reversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.whats-new .chr-button, .whats-new .chr-download-button {
    background-color: #0b57d0;
    color: #fff
}

.dark-theme .whats-new .chr-button, .dark-theme .whats-new .chr-download-button {
    background-color: #a8c7fa
}

.dark-theme .whats-new .chr-button, .dark-theme .whats-new .chr-download-button {
    color: #062e6f
}

.whats-new .chr-button:hover, .whats-new .chr-download-button:hover {
    background-color: #2368d4
}

.dark-theme .whats-new .chr-button:hover, .dark-theme .whats-new .chr-download-button:hover {
    background-color: #a0bded
}

.whats-new .chr-button:focus, .whats-new .chr-download-button:focus {
    background-color: #0b57d0;
    outline: 2px auto #1967d2;
    outline-offset: -2px
}

.dark-theme .whats-new .chr-button:focus, .dark-theme .whats-new .chr-download-button:focus {
    background-color: #a8c7fa
}

.dark-theme .whats-new .chr-button:focus, .dark-theme .whats-new .chr-download-button:focus {
    outline: 2px auto #1967d2
}

.whats-new .chr-button:active, .whats-new .chr-download-button:active {
    background-color: #2368d4
}

.dark-theme .whats-new .chr-button:active, .dark-theme .whats-new .chr-download-button:active {
    background-color: #a0bded
}

.chr-action-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.chr-action-icon:focus-visible {
    outline: none
}

.chr-action-icon__icon {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.chr-action-icon--regular {
    height: 56px;
    width: 56px
}

.chr-action-icon--regular .chr-action-icon__icon {
    height: 32px;
    width: 32px
}

.chr-action-icon--small {
    height: 48px;
    width: 48px
}

.chr-action-icon--small .chr-action-icon__icon {
    height: 28px;
    width: 28px
}

.chr-action-icon--extra-small {
    height: 36px;
    padding: 0;
    width: 36px
}

.chr-action-icon--extra-small .chr-action-icon__icon {
    height: 16px;
    width: 16px
}

.chr-action-icon--large {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    color: #1967d2;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500
}

.dark-theme .chr-action-icon--large {
    color: #1967d2
}

.chr-action-icon--primary {
    background-color: #1a73e8
}

.dark-theme .chr-action-icon--primary {
    background-color: #1a73e8
}

.chr-action-icon--primary .chr-action-icon__icon {
    fill: #fff
}

.dark-theme .chr-action-icon--primary .chr-action-icon__icon {
    fill: #fff
}

.chr-action-icon--primary:hover, .chr-action-icon--primary:focus {
    background-color: #185abc
}

.dark-theme .chr-action-icon--primary:hover, .dark-theme .chr-action-icon--primary:focus {
    background-color: #a8c7fa
}

.chr-action-icon--primary:focus-visible {
    background-color: #185abc;
    border: 2px solid #1967d2
}

.dark-theme .chr-action-icon--primary:focus-visible {
    background-color: #a8c7fa
}

.dark-theme .chr-action-icon--primary:focus-visible {
    border: 2px solid #1967d2
}

.chr-action-icon--primary:active {
    background-color: #174ea6;
    border: none
}

.dark-theme .chr-action-icon--primary:active {
    background-color: #174ea6
}

.chr-action-icon--primary:disabled {
    background-color: #f1f3f4
}

.dark-theme .chr-action-icon--primary:disabled {
    background-color: #f1f3f4
}

.chr-action-icon--primary:disabled .chr-action-icon__icon {
    fill: #80868b
}

.dark-theme .chr-action-icon--primary:disabled .chr-action-icon__icon {
    fill: #80868b
}

.chr-action-icon--secondary {
    background-color: #e8f0fe
}

.dark-theme .chr-action-icon--secondary {
    background-color: #e8f0fe
}

.chr-action-icon--secondary .chr-action-icon__icon {
    fill: #1967d2
}

.dark-theme .chr-action-icon--secondary .chr-action-icon__icon {
    fill: #1967d2
}

.chr-action-icon--secondary:hover, .chr-action-icon--secondary:focus {
    background-color: #d2e3fc
}

.dark-theme .chr-action-icon--secondary:hover, .dark-theme .chr-action-icon--secondary:focus {
    background-color: #d2e3fc
}

.chr-action-icon--secondary:focus-visible {
    background-color: #d2e3fc;
    border: 2px solid #1967d2
}

.dark-theme .chr-action-icon--secondary:focus-visible {
    background-color: #d2e3fc
}

.dark-theme .chr-action-icon--secondary:focus-visible {
    border: 2px solid #1967d2
}

.chr-action-icon--secondary:active {
    background-color: #aecbfa;
    border: none
}

.dark-theme .chr-action-icon--secondary:active {
    background-color: #aecbfa
}

.chr-action-icon--secondary:disabled {
    background-color: #f1f3f4
}

.dark-theme .chr-action-icon--secondary:disabled {
    background-color: #f1f3f4
}

.chr-action-icon--secondary:disabled .chr-action-icon__icon {
    fill: #80868b
}

.dark-theme .chr-action-icon--secondary:disabled .chr-action-icon__icon {
    fill: #80868b
}

.chr-action-icon--tertiary {
    background-color: #fff;
    border: 1px solid #dadce0
}

.dark-theme .chr-action-icon--tertiary {
    background-color: #fff
}

.dark-theme .chr-action-icon--tertiary {
    border: 1px solid #dadce0
}

.chr-action-icon--tertiary .chr-action-icon__icon {
    fill: #202124
}

.dark-theme .chr-action-icon--tertiary .chr-action-icon__icon {
    fill: #202124
}

.chr-action-icon--tertiary:hover, .chr-action-icon--tertiary:focus {
    background-color: #d2e3fc;
    border: none
}

.dark-theme .chr-action-icon--tertiary:hover, .dark-theme .chr-action-icon--tertiary:focus {
    background-color: #d2e3fc
}

.chr-action-icon--tertiary:focus-visible {
    background-color: #d2e3fc;
    border: 2px solid #1967d2
}

.dark-theme .chr-action-icon--tertiary:focus-visible {
    background-color: #d2e3fc
}

.dark-theme .chr-action-icon--tertiary:focus-visible {
    border: 2px solid #1967d2
}

.chr-action-icon--tertiary:active {
    background-color: #aecbfa;
    border: none
}

.dark-theme .chr-action-icon--tertiary:active {
    background-color: #aecbfa
}

.chr-action-icon--tertiary:disabled {
    background-color: #f1f3f4
}

.dark-theme .chr-action-icon--tertiary:disabled {
    background-color: #f1f3f4
}

.chr-action-icon--tertiary:disabled .chr-action-icon__icon {
    fill: #80868b
}

.dark-theme .chr-action-icon--tertiary:disabled .chr-action-icon__icon {
    fill: #80868b
}

.chr-action-icon--whats-new {
    background-color: #0b57d0;
    color: #fff
}

.dark-theme .chr-action-icon--whats-new {
    background-color: #a8c7fa
}

.dark-theme .chr-action-icon--whats-new {
    color: #062e6f
}

.chr-action-icon--whats-new:hover {
    background-color: #185abc
}

.dark-theme .chr-action-icon--whats-new:hover {
    background-color: #a8c7fa
}

.chr-action-icon--whats-new:focus {
    background-color: #185abc;
    outline: 2px auto #1967d2;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.dark-theme .chr-action-icon--whats-new:focus {
    background-color: #a8c7fa
}

.dark-theme .chr-action-icon--whats-new:focus {
    outline: 2px auto #1967d2
}

.chr-action-icon--whats-new:active {
    background-color: #2368d4
}

.dark-theme .chr-action-icon--whats-new:active {
    background-color: #a0bded
}

.chr-action-icon--whats-new .chr-action-icon__icon {
    fill: #fff
}

.dark-theme .chr-action-icon--whats-new .chr-action-icon__icon {
    fill: #062e6f
}

.chr-action-icon--light {
    background-color: #1a73e8
}

.dark-theme .chr-action-icon--light {
    background-color: #1a73e8
}

.chr-action-icon--light .chr-action-icon__icon {
    fill: #fff
}

.dark-theme .chr-action-icon--light .chr-action-icon__icon {
    fill: #fff
}

.chr-action-icon--light:hover, .chr-action-icon--light:focus {
    background-color: #185abc;
    -webkit-transform: scale(1.142);
    transform: scale(1.142)
}

.dark-theme .chr-action-icon--light:hover, .dark-theme .chr-action-icon--light:focus {
    background-color: #a8c7fa
}

.chr-action-icon--light:focus-visible {
    background-color: #185abc;
    border: 2px solid #1967d2
}

.dark-theme .chr-action-icon--light:focus-visible {
    background-color: #a8c7fa
}

.dark-theme .chr-action-icon--light:focus-visible {
    border: 2px solid #1967d2
}

.chr-action-icon--light:active {
    background-color: #174ea6;
    border: none
}

.dark-theme .chr-action-icon--light:active {
    background-color: #174ea6
}

.chr-action-icon--light.chr-action-icon.active {
    background-color: #80868b;
    fill: #fff
}

.dark-theme .chr-action-icon--light.chr-action-icon.active {
    background-color: #80868b
}

.dark-theme .chr-action-icon--light.chr-action-icon.active {
    fill: #fff
}

.chr-action-icon--light.chr-action-icon.active .chr-action-icon__icon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.chr-action-icon--dark {
    background-color: #fff
}

.dark-theme .chr-action-icon--dark {
    background-color: #fff
}

.chr-action-icon--dark .chr-action-icon__icon {
    fill: #1967d2
}

.dark-theme .chr-action-icon--dark .chr-action-icon__icon {
    fill: #1967d2
}

.chr-action-icon--dark:hover, .chr-action-icon--dark:focus {
    background-color: #d2e3fc;
    -webkit-transform: scale(1.142);
    transform: scale(1.142)
}

.dark-theme .chr-action-icon--dark:hover, .dark-theme .chr-action-icon--dark:focus {
    background-color: #d2e3fc
}

.chr-action-icon--dark:focus-visible {
    background-color: #d2e3fc;
    border: 2px solid #1967d2
}

.dark-theme .chr-action-icon--dark:focus-visible {
    background-color: #d2e3fc
}

.dark-theme .chr-action-icon--dark:focus-visible {
    border: 2px solid #1967d2
}

.chr-action-icon--dark:active {
    background-color: #d2e3fc;
    border: none
}

.dark-theme .chr-action-icon--dark:active {
    background-color: #d2e3fc
}

.chr-action-icon--dark:disabled {
    background-color: #f1f3f4
}

.dark-theme .chr-action-icon--dark:disabled {
    background-color: #f1f3f4
}

.chr-action-icon--dark:disabled .chr-action-icon__icon {
    fill: #80868b
}

.dark-theme .chr-action-icon--dark:disabled .chr-action-icon__icon {
    fill: #80868b
}

.chr-action-icon--dark.chr-action-icon.active {
    background-color: #aecbfa;
    fill: #fff
}

.dark-theme .chr-action-icon--dark.chr-action-icon.active {
    background-color: #aecbfa
}

.dark-theme .chr-action-icon--dark.chr-action-icon.active {
    fill: #fff
}

.chr-action-icon--dark.chr-action-icon.active .chr-action-icon__icon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.chr-action-icon--inline .chr-action-icon__icon {
    fill: #202124
}

.dark-theme .chr-action-icon--inline .chr-action-icon__icon {
    fill: #202124
}

.whats-new .chr-action-icon--inline {
    background-color: #e8f0fe
}

.dark-theme .whats-new .chr-action-icon--inline {
    background-color: #e8f0fe
}

.whats-new .chr-action-icon--inline .chr-action-icon__icon {
    fill: #1967d2
}

.dark-theme .whats-new .chr-action-icon--inline .chr-action-icon__icon {
    fill: #1967d2
}

.whats-new.dark-theme .chr-action-icon--inline {
    background-color: #aecbfa
}

.dark-theme .whats-new.dark-theme .chr-action-icon--inline {
    background-color: #aecbfa
}

.chr-download-button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.chr-download-button.privacy-download {
    white-space: inherit
}

[lang=de] .chr-download-button.privacy-download {
    padding: 20px 10px
}

@media only screen and (min-width: 600px) {
    [lang=de] .chr-download-button.privacy-download {
        padding: 20px 32px
    }
}

[lang=ko] .chr-download-button.privacy-download {
    padding: 20px 10px
}

@media only screen and (min-width: 600px) {
    [lang=ko] .chr-download-button.privacy-download {
        padding: 20px 32px
    }
}

.chr-download-button.privacy-download .chr-button__icon {
    height: 48px;
    width: 48px
}

@media only screen and (min-width: 600px) {
    .chr-download-button.privacy-download .chr-button__icon {
        height: 24px;
        width: 24px
    }
}

[lang=nl] .chr-download-button.home-jumplink-download {
    font-size: 14px;
    padding: 12px 8px
}

@media only screen and (min-width: 600px) {
    [lang=nl] .chr-download-button.home-jumplink-download {
        font-size: 16px;
        padding: 12px 24px
    }
}

[lang=pt] .chr-download-button.home-jumplink-download {
    padding: 12px 8px;
    white-space: normal
}

@media only screen and (min-width: 600px) {
    [lang=pt] .chr-download-button.home-jumplink-download {
        padding: 12px 24px;
        white-space: inherit
    }
}

[lang=nl] .chr-download-button.home-download-now {
    padding: 20px 16px
}

@media only screen and (min-width: 600px) {
    [lang=nl] .chr-download-button.home-download-now {
        padding: 20px 32px
    }
}

[lang=pt] .chr-download-button.home-download-now {
    padding: 20px 16px
}

@media only screen and (min-width: 600px) {
    [lang=pt] .chr-download-button.home-download-now {
        padding: 20px 32px
    }
}

[lang=pt] .chr-download-button.home-download-now {
    font-size: 16px
}

@media only screen and (min-width: 600px) {
    [lang=pt] .chr-download-button.home-download-now {
        font-size: 18px
    }
}

[lang=pt] .chr-download-button.home-download-hero {
    padding: 20px 16px
}

@media only screen and (min-width: 600px) {
    [lang=pt] .chr-download-button.home-download-hero {
        padding: 20px 32px
    }
}

.chr-download-button--dropdown {
    font-family: "Google Sans", arial, sans-serif;
    font-size: .75rem;
    padding: 12px 16px
}

.chr-download-button--canary {
    background-color: #fbbc04;
    color: #202124
}

.dark-theme .chr-download-button--canary {
    background-color: #fbbc04
}

.dark-theme .chr-download-button--canary {
    color: #202124
}

.chr-download-button--canary:focus, .chr-download-button--canary:active, .chr-download-button--canary:hover {
    background-color: #fbbc04;
    color: #202124
}

.dark-theme .chr-download-button--canary:focus, .dark-theme .chr-download-button--canary:active, .dark-theme .chr-download-button--canary:hover {
    background-color: #fbbc04
}

.dark-theme .chr-download-button--canary:focus, .dark-theme .chr-download-button--canary:active, .dark-theme .chr-download-button--canary:hover {
    color: #202124
}

.chr-download-button--mobile {
    width: 100%
}

.chr-download-button--header {
    padding: 12px 24px
}

.chr-download-button--mobile-drawer {
    width: 100%
}

.chr-download-button--reversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.chr-download-button--jumplink {
    padding: 12px 24px
}

@media only screen and (min-width: 1024px) {
    .chr-download-button--jumplink {
        padding: 8px 20px
    }
}

.chr-download-button--inline {
    border-radius: 0
}

.chr-download-button--inline .chr-download-button__icon {
    display: none
}

.chr-download-button__label--mobile {
    display: block;
    visibility: visible
}

@media only screen and (min-width: 1024px) {
    .chr-download-button__label--mobile {
        display: none;
        visibility: hidden
    }
}

.chr-download-button__label--desktop {
    display: none;
    visibility: hidden
}

@media only screen and (min-width: 1024px) {
    .chr-download-button__label--desktop {
        display: block;
        visibility: visible
    }
}

.chr-download-button + .chr-simplified-download {
    text-align: left
}

[dir=rtl] .chr-download-button + .chr-simplified-download {
    text-align: right
}

.chr-download-button + .chr-simplified-download .platform {
    margin: 0 0 var(--spacer-03)
}

[dir=rtl] .chr-download-button + .chr-simplified-download .chr-checkbox__input {
    margin: 0 0 0 16px
}

.chr-download-button + .chr-simplified-download .chr-simplified-download__simplified-links {
    margin: 16px auto 0;
    text-align: center
}

.chr-download-button + .chr-simplified-download .chr-simplified-download__simplified-links a {
    border: none;
    color: #1967d2
}

.dark-theme .chr-download-button + .chr-simplified-download .chr-simplified-download__simplified-links a {
    color: #8ab4f8
}

.chr-download-button + .chr-simplified-download .chr-simplified-download__simplified-opt {
    font-family: "Google Sans", arial, sans-serif;
    margin: 0 auto 10px
}

.chr-download-button + .chr-simplified-download .chr-simplified-download__simplified-opt a {
    color: #1967d2
}

.dark-theme .chr-download-button + .chr-simplified-download .chr-simplified-download__simplified-opt a {
    color: #8ab4f8
}

.chr-download-button + .chr-simplified-download .chr-platform-list {
    text-align: center
}

.chr-download-button + .chr-simplified-download .hero-chrome-update-cta {
    margin: var(--spacer-03) 0 14px
}

.chr-download-button + .chr-simplified-download .hero-chrome-update-cta .chr-link {
    padding: 14px 0
}

@media only screen and (min-width: 1024px) {
    .chr-download-button + .chr-simplified-download .hero-chrome-update-cta .chr-link {
        padding: inherit
    }
}

@media only screen and (min-width: 1024px) {
    .chr-download-button + .chr-simplified-download .hero-chrome-update-cta {
        margin-bottom: 24px
    }
}

.chr-download-button + .chr-simplified-download.chr-homepage-hero__simplified-opt {
    width: 419px
}

.chr-download-button + .chr-simplified-download.chr-homepage-hero__simplified-links {
    width: 419px
}

[lang=es] .chr-download-button + .chr-simplified-download {
    max-width: 582px
}

[lang=fr] .chr-download-button + .chr-simplified-download {
    max-width: 582px
}

[lang=it] .chr-download-button + .chr-simplified-download {
    max-width: 582px
}

[lang=lv] .chr-download-button + .chr-simplified-download {
    max-width: 582px
}

[lang=ms] .chr-download-button + .chr-simplified-download {
    max-width: 582px
}

[lang=ro] .chr-download-button + .chr-simplified-download {
    max-width: 582px
}

[lang=sl] .chr-download-button + .chr-simplified-download {
    max-width: 582px
}

[lang=uk] .chr-download-button + .chr-simplified-download {
    max-width: 582px
}

[lang=ca] .chr-download-button + .chr-simplified-download {
    max-width: 602px
}

[lang=bg] .chr-download-button + .chr-simplified-download {
    max-width: 602px
}

[lang=fil] .chr-download-button + .chr-simplified-download {
    max-width: 602px
}

[lang=el] .chr-download-button + .chr-simplified-download {
    max-width: 648px
}

[lang=ru] .chr-download-button + .chr-simplified-download {
    max-width: 648px
}

.chr-simplified-download-wrapper {
    margin: 0 auto;
    max-width: 516px;
    text-align: center
}

.chr-simplified-download-wrapper--channel {
    max-width: 560px
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .chr-simplified-download-wrapper--channel .chr-download-button {
        font-family: "Google Sans Text", arial, sans-serif;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.5rem;
        width: 320px
    }
}

.chr-simplified-download-wrapper > .chr-download-button {
    margin: 0 auto var(--spacer-01)
}

.environment {
    display: none !important
}

.environment--active {
    display: block !important
}

.chr-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.chr-checkbox__input {
    accent-color: #1a73e8;
    margin-right: 16px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.dark-theme .chr-checkbox__input {
    accent-color: #1a73e8
}

[dir=rtl] .chr-checkbox__input {
    margin-left: 16px;
    margin-right: 0
}

.chr-checkbox--grid {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    grid-auto-rows: auto;
    -ms-grid-columns: min-content 1fr;
    grid-template-columns:min-content 1fr
}

.chr-radio__input {
    accent-color: #1a73e8
}

.dark-theme .chr-radio__input {
    accent-color: #1a73e8
}

.chr-grid-default-parent {
    margin: auto;
    max-width: 1440px;
    padding: 0 28px
}

@media only screen and (min-width: 600px) {
    .chr-grid-default-parent {
        margin: auto;
        max-width: 1440px;
        padding: 0 28px;
        padding: 0 40px
    }
}

@media only screen and (min-width: 1024px) {
    .chr-grid-default-parent {
        margin: auto;
        max-width: 1440px;
        padding: 0 28px;
        padding: 0 72px
    }
}

@media only screen and (min-width: 1440px) {
    .chr-grid-default-parent {
        margin: auto;
        max-width: 1440px;
        padding: 0 28px;
        padding: 0 74px
    }
}

.chr-grid-default-parent--no-overflow-x {
    overflow-x: hidden
}

@media only screen and (min-width: 600px) {
    .chr-grid-default-parent--no-overflow-x {
        overflow-x: visible
    }
}

.chr-grid-default {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 28px;
    grid-template-columns:repeat(4, 1fr)
}

@media only screen and (min-width: 600px) {
    .chr-grid-default {
        display: -ms-grid;
        display: grid;
        grid-column-gap: 28px;
        grid-template-columns:repeat(4, 1fr);
        grid-column-gap: 40px;
        grid-template-columns:repeat(12, 1fr);
    }
}

@media only screen and (min-width: 1024px) {
    .chr-grid-default {
        display: -ms-grid;
        display: grid;
        grid-column-gap: 28px;
        grid-template-columns:repeat(4, 1fr);
        grid-column-gap: 48px;
        grid-template-columns:repeat(12, 1fr)
    }
}

@media only screen and (min-width: 1440px) {
    .chr-grid-default {
        display: -ms-grid;
        display: grid;
        grid-column-gap: 28px;
        grid-template-columns:repeat(4, 1fr);
        grid-column-gap: 64px;
        grid-template-columns:repeat(12, 1fr)
    }
}

.chr-grid-default--centered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chr-grid-default-child {
    padding-right: 28px
}

@media only screen and (min-width: 600px) {
    .chr-grid-default-child {
        padding-right: 28px;
        padding-right: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .chr-grid-default-child {
        padding-right: 28px;
        padding-right: 48px
    }
}

@media only screen and (min-width: 1440px) {
    .chr-grid-default-child {
        padding-right: 28px;
        padding-right: 64px
    }
}

@supports (grid-column-gap: 28px) {
    .chr-grid-default-child {
        padding-right: 0 !important
    }
}

.chr-icon {
    display: inline-block;
    fill: currentColor;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    vertical-align: middle
}

.chr-icon--18 {
    height: 18px;
    width: 18px
}

.chr-icon--24 {
    height: 24px;
    width: 24px
}

.chr-icon--28 {
    height: 28px;
    width: 28px
}

.chr-icon--32 {
    height: 32px;
    width: 32px
}

.chr-icon--40 {
    height: 40px;
    width: 40px
}

.chr-icon--72 {
    height: 72px;
    width: 72px
}

.chr-icon--link {
    height: 16px;
    width: 16px
}

.chr-image-icon {
    display: inline-block;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    vertical-align: middle
}

@media (hover: hover)and (pointer: fine) {
    .handler-media:hover, .handler-media:focus {
        background-color: #d2e3fc;
        border-color: rgba(0, 0, 0, 0)
    }

    .dark-theme .handler-media:hover, .dark-theme .handler-media:focus {
        background-color: #d2e3fc
    }
}

.handler-media:active, .handler-media:focus {
    background-color: #aecbfa;
    border-color: rgba(0, 0, 0, 0)
}

.dark-theme .handler-media:active, .dark-theme .handler-media:focus {
    background-color: #aecbfa
}

.handler-media:focus-visible {
    border-color: #1967d2;
    background-color: #d2e3fc;
    border-width: 2px;
    outline: 0
}

.dark-theme .handler-media:focus-visible {
    border-color: #1967d2
}

.dark-theme .handler-media:focus-visible {
    background-color: #d2e3fc
}

.handler-media__container {
    position: relative
}

.handler-media__icon {
    color: #202124
}

.dark-theme .handler-media__icon {
    color: #202124
}

.handler-media__text {
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 0.009375rem;
    color: #202124;
    font-family: "Google Sans Text", arial, sans-serif;
    font-weight: 400;
    text-wrap: nowrap
}

.dark-theme .handler-media__text {
    color: #202124
}

.handler-media--button-circle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .handler-media--button-circle:hover::after, .handler-media--button-circle:focus::after, .handler-media--button-circle:active::after {
        opacity: 1
    }
}

.handler-media--button-circle .handler-media__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.handler-media--button-circle .handler-media__text {
    display: none
}

.handler-media--button-circle::after {
    background-color: #d2e3fc;
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 0.009375rem;
    color: #202124;
    border-radius: 0.25rem;
    content: attr(aria-label);
    font-family: "Google Sans Text", arial, sans-serif;
    font-weight: 400;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0.125rem 0.5rem;
    pointer-events: none;
    position: absolute;
    text-wrap: nowrap;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    white-space: nowrap
}

.dark-theme .handler-media--button-circle::after {
    background-color: #d2e3fc
}

.dark-theme .handler-media--button-circle::after {
    color: #202124
}

.handler-media--button-text {
    border-radius: 24px;
    cursor: pointer;
    height: fit-content;
    padding: 4px 12px 4px 8px;
    width: fit-content
}

.handler-media--button-text .handler-media__container, .handler-media--button-text .handler-media__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px
}

.handler-media--sm {
    border: 1px solid rgba(0, 0, 0, 0)
}

.handler-media--sm .handler-media__icon {
    height: 1rem;
    width: 1rem
}

.handler-media--sm.handler-media--button-circle {
    height: 2rem;
    padding: var(--spacer-01);
    width: 2rem
}

.handler-media--sm.handler-media--button-circle::after {
    top: 3rem
}

.handler-media--md {
    border: 2px solid rgba(0, 0, 0, 0)
}

.handler-media--md .handler-media__icon {
    height: 2rem;
    width: 2rem
}

.handler-media--md.handler-media--button-circle {
    height: 4rem;
    padding: var(--spacer-01);
    width: 4rem
}

.handler-media--md.handler-media--button-circle::after {
    top: 4.75rem
}

.handler-media--border {
    border-color: #dadce0
}

.dark-theme .handler-media--border {
    border-color: #dadce0
}

.handler-media__label[aria-hidden=true] {
    display: none
}

.dark-theme.whats-new .handler-media {
    background-color: #004a77;
    border-color: rgba(0, 0, 0, 0)
}

.dark-theme.whats-new .handler-media__icon, .dark-theme.whats-new .handler-media__text, .dark-theme.whats-new .handler-media::after {
    color: #c2e7ff
}

.dark-theme.whats-new .handler-media::after {
    background-color: #004a77
}

@media (hover: hover)and (pointer: fine) {
    .dark-theme.whats-new .handler-media:hover, .dark-theme.whats-new .handler-media:focus {
        background-color: #195c84
    }
}

.dark-theme.whats-new .handler-media:active, .dark-theme.whats-new .handler-media:focus {
    background-color: #195c84
}

.dark-theme.whats-new .handler-media:focus-visible {
    background-color: #004a77;
    border-color: #a8c7fa;
    border-width: 2px;
    outline: 0
}

.chr-icon-text {
    text-wrap: nowrap
}


.chr-link {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    display: inline-block;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    padding: 12px 0
}

.chr-link .chr-link__icon {
    fill: currentColor;
    height: 16px;
    margin-left: 6px;
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear;
    vertical-align: middle;
    width: 16px
}

.chr-link .chr-link__icon--reversed {
    margin-left: unset
}

.chr-link--campaign {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 6px;
    white-space: nowrap
}

.chr-link-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.chr-link--external:hover .chr-link__icon, .chr-link--external:focus .chr-link__icon {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px)
}

.chr-link--jumplink {
    color: #5f6368;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 12px 20px
}

.dark-theme .chr-link--jumplink {
    color: #5f6368
}

@media only screen and (min-width: 1024px) {
    .chr-link--jumplink {
        height: 40px;
        padding: 8px 20px
    }
}

.chr-link--jumplink:hover {
    background-color: #f8f9fa
}

.dark-theme .chr-link--jumplink:hover {
    background-color: #f8f9fa
}

.chr-link--jumplink:focus {
    outline: unset
}

.chr-link--jumplink:focus-visible {
    background-color: #f8f9fa;
    outline: 2px auto #1967d2
}

.dark-theme .chr-link--jumplink:focus-visible {
    background-color: #f8f9fa
}

.dark-theme .chr-link--jumplink:focus-visible {
    outline: 2px auto #1967d2
}

.chr-link--jumplink:active {
    background-color: #f1f3f4
}

.dark-theme .chr-link--jumplink:active {
    background-color: #f1f3f4
}

.chr-link--jumplink.chr-link--active {
    background-color: #f1f3f4;
    color: #202124
}

.dark-theme .chr-link--jumplink.chr-link--active {
    background-color: #f1f3f4
}

.dark-theme .chr-link--jumplink.chr-link--active {
    color: #202124
}

.chr-link--small {
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: 0.009375rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500
}

.chr-link--small .chr-link__icon {
    height: 12px;
    width: 12px
}

.chr-link--large {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    color: #1967d2;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500
}

.dark-theme .chr-link--large {
    color: #1967d2
}

.chr-link--large .chr-link__icon {
    height: 20px;
    width: 20px
}

.chr-link--primary {
    color: #1967d2
}

.dark-theme .chr-link--primary {
    color: #1967d2
}

.chr-link--primary:hover {
    color: #185abc
}

.dark-theme .chr-link--primary:hover {
    color: #a8c7fa
}

.chr-link--primary:focus {
    outline: unset
}

.chr-link--primary:focus-visible {
    outline: 2px auto #1967d2;
    outline-offset: -2px
}

.dark-theme .chr-link--primary:focus-visible {
    outline: 2px auto #1967d2
}

.chr-link--primary .chr-link__icon {
    fill: #1967d2
}

.dark-theme .chr-link--primary .chr-link__icon {
    fill: #1967d2
}

.whats-new .chr-link--primary .chr-link__icon {
    fill: #0b57d0
}

.dark-theme .whats-new .chr-link--primary .chr-link__icon {
    fill: #a8c7fa
}

.dark-theme.whats-new .chr-link--primary .chr-link__icon {
    fill: #a8c7fa
}

.whats-new .chr-link--primary {
    color: #0b57d0
}

.dark-theme .whats-new .chr-link--primary {
    color: #a8c7fa
}

.dark-theme.whats-new .chr-link--primary {
    color: #a8c7fa
}

.chr-link--inverted {
    color: #fff
}

.dark-theme .chr-link--inverted {
    color: #fff
}

.chr-link--inverted .chr-link__icon {
    fill: #fff
}

.dark-theme .chr-link--inverted .chr-link__icon {
    fill: #fff
}

.chr-link--on-black {
    color: #8ab4f8
}

.dark-theme .chr-link--on-black {
    color: #8ab4f8
}

.chr-link--on-black:focus {
    outline: unset
}

.chr-link--on-black:focus-visible {
    outline: 2px auto #1967d2;
    outline-offset: -2px
}

.dark-theme .chr-link--on-black:focus-visible {
    outline: 2px auto #1967d2
}

.chr-link--on-black .chr-link__icon {
    fill: #8ab4f8
}

.dark-theme .chr-link--on-black .chr-link__icon {
    fill: #8ab4f8
}

.chr-link--inline, .chr-download-button--inline {
    color: #1967d2;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    padding: 0
}

.dark-theme .chr-link--inline, .dark-theme .chr-download-button--inline {
    color: #1967d2
}

.chr-link--inline:hover, .chr-download-button--inline:hover {
    -webkit-text-decoration-color: #1967d2;
    text-decoration-color: #1967d2;
    text-decoration: underline
}

.dark-theme .chr-link--inline:hover, .dark-theme .chr-download-button--inline:hover {
    -webkit-text-decoration-color: #1967d2;
    text-decoration-color: #1967d2
}

.chr-link--inline:focus, .chr-download-button--inline:focus {
    outline: unset
}

.chr-link--inline:focus-visible, .chr-download-button--inline:focus-visible {
    -webkit-text-decoration-color: #1967d2;
    text-decoration-color: #1967d2;
    outline: 2px auto #1967d2;
    outline-offset: -2px;
    text-decoration: underline
}

.dark-theme .chr-link--inline:focus-visible, .dark-theme .chr-download-button--inline:focus-visible {
    -webkit-text-decoration-color: #1967d2;
    text-decoration-color: #1967d2
}

.dark-theme .chr-link--inline:focus-visible, .dark-theme .chr-download-button--inline:focus-visible {
    outline: 2px auto #1967d2
}

.chr-link--scroll-down {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.chr-link--scroll-down .chr-link__icon {
    margin-left: 0;
    margin-top: var(--spacer-01)
}

.chr-link--button, .chr-link--button-secondary, .chr-link--button-primary, .chr-link--button-wn {
    border-radius: 24px;
    padding-inline: 24px
}

.chr-link--button-wn {
    background-color: #d3e3fd;
    color: #041e49;
    display: block;
    margin: 0 auto 80px;
    
    
    width: fit-content
}

.chr-link--button-wn .chr-link__icon {
    -webkit-transform: translateX(4px) rotate(45deg);
    transform: translateX(4px) rotate(45deg)
}

[dir=rtl] .chr-link--button-wn .chr-link__icon {
    -webkit-transform: translateX(-4px) rotate(-135deg);
    transform: translateX(-4px) rotate(-135deg)
}

.chr-link--button-wn:hover .chr-link__icon, .chr-link--button-wn:focus .chr-link__icon {
    -webkit-transform: translateX(8px) rotate(45deg);
    transform: translateX(8px) rotate(45deg);
    -webkit-transition: 200ms linear;
    transition: 200ms linear
}

[dir=rtl] .chr-link--button-wn:hover .chr-link__icon, [dir=rtl] .chr-link--button-wn:focus .chr-link__icon {
    -webkit-transform: translateX(-8px) rotate(-135deg);
    transform: translateX(-8px) rotate(-135deg)
}

.chr-link--underline {
    text-decoration: underline
}

.chr-link--underline .chr-link-icon {
    text-decoration: underline
}

.chr-link--button-primary {
    color: #fff
}

.dark-theme .chr-link--button-primary {
    color: #fff
}

.chr-link--bold {
    font-weight: 700
}

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

html:has(>body.whats-new.dark-theme) {
    scrollbar-color: #80868b #3c4043
}

a {
    text-decoration: none
}

div:focus, a:focus, input:focus, select:focus {
    outline: 2px auto #1967d2
}

.dark-theme div:focus, .dark-theme a:focus, .dark-theme input:focus, .dark-theme select:focus {
    outline: 2px auto #1967d2
}

body {
    background-color: #fff;
    font-family: "Google Sans", arial, sans-serif;
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

.dark-theme body {
    background-color: #fff
}

body.is-showing-drawer {
    overflow-y: hidden
}

body.whats-new {
    background-color: #f8fafd
}

.dark-theme body.whats-new {
    background-color: #28292a
}

body.whats-new.dark-theme {
    background-color: #28292a
}

button {
    background: none;
    border: none
}

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

h1, h2, h3, h4, h5, h6, p {
    margin: 0
}

li {
    list-style: none
}

ul, li {
    margin: 0;
    padding: 0
}

template {
    display: none
}

.chr-main {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out .15s;
    transition: opacity .5s ease-in-out .15s
}

.svg-assets {
    display: none
}

.svg .svg-fallback {
    display: none
}

.default-fallback {
    display: none
}

.hide > img {
    display: none
}

.content-contain {
    overflow: hidden
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0
}

.headline, .chr-headline-6, .chr-headline-5, .chr-headline-4, .chr-headline-3, .chr-headline-2, .chr-headline-1, .chr-headline-0 {
    color: #202124;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400
}

.dark-theme .headline, .dark-theme .chr-headline-6, .dark-theme .chr-headline-5, .dark-theme .chr-headline-4, .dark-theme .chr-headline-3, .dark-theme .chr-headline-2, .dark-theme .chr-headline-1, .dark-theme .chr-headline-0 {
    color: #202124
}

.whats-new .headline, .whats-new .chr-headline-6, .whats-new .chr-headline-5, .whats-new .chr-headline-4, .whats-new .chr-headline-3, .whats-new .chr-headline-2, .whats-new .chr-headline-1, .whats-new .chr-headline-0 {
    color: #1f1f1f
}

.dark-theme .whats-new .headline, .dark-theme .whats-new .chr-headline-6, .dark-theme .whats-new .chr-headline-5, .dark-theme .whats-new .chr-headline-4, .dark-theme .whats-new .chr-headline-3, .dark-theme .whats-new .chr-headline-2, .dark-theme .whats-new .chr-headline-1, .dark-theme .whats-new .chr-headline-0 {
    color: #e3e3e3
}

.whats-new.dark-theme .headline, .whats-new.dark-theme .chr-headline-6, .whats-new.dark-theme .chr-headline-5, .whats-new.dark-theme .chr-headline-4, .whats-new.dark-theme .chr-headline-3, .whats-new.dark-theme .chr-headline-2, .whats-new.dark-theme .chr-headline-1, .whats-new.dark-theme .chr-headline-0 {
    color: #e3e3e3
}

.headline.animation, .animation.chr-headline-6, .animation.chr-headline-5, .animation.chr-headline-4, .animation.chr-headline-3, .animation.chr-headline-2, .animation.chr-headline-1, .animation.chr-headline-0 {
    opacity: 0
}


.chr-headline-0 {
    font-size: 3rem;
    line-height: 3.25rem;
    letter-spacing: -0.125rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 600px) {
    .chr-headline-0 {
        font-size: 4rem;
        line-height: 4.5rem;
        letter-spacing: -0.15625rem
    }
}

@media only screen and (min-width: 1024px) {
    .chr-headline-0 {
        font-size: 4.5rem;
        line-height: 5.25rem;
        letter-spacing: -0.21875rem
    }
}

.chr-headline-1 {
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: -0.09375rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 600px) {
    .chr-headline-1 {
        font-size: 3rem;
        line-height: 3.5rem;
        letter-spacing: -0.078125rem
    }
}

@media only screen and (min-width: 1024px) {
    .chr-headline-1 {
        font-size: 3.75rem;
        line-height: 4.5rem;
        letter-spacing: -0.078125rem
    }
}

.chr-headline-2 {
    font-size: 2.25rem;
    line-height: 2.75rem;
    letter-spacing: -0.046875rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 600px) {
    .chr-headline-2 {
        font-size: 2.5rem;
        line-height: 3rem;
        letter-spacing: -0.046875rem
    }
}

@media only screen and (min-width: 1024px) {
    .chr-headline-2 {
        font-size: 3rem;
        line-height: 3.5rem;
        letter-spacing: -0.0625rem
    }
}

.chr-headline-3 {
    font-size: 1.75rem;
    line-height: 2.25rem;
    letter-spacing: -0.03125rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 600px) {
    .chr-headline-3 {
        font-size: 2rem;
        line-height: 2.5rem;
        letter-spacing: -0.03125rem
    }
}

@media only screen and (min-width: 1024px) {
    .chr-headline-3 {
        font-size: 2.25rem;
        line-height: 2.75rem;
        letter-spacing: -0.046875rem
    }
}

.chr-headline-4 {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.03125rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 600px) {
    .chr-headline-4 {
        font-size: 1.5rem;
        line-height: 2rem;
        letter-spacing: -0.03125rem
    }
}

@media only screen and (min-width: 1024px) {
    .chr-headline-4 {
        font-size: 1.75rem;
        line-height: 2.25rem;
        letter-spacing: -0.03125rem
    }
}

.chr-headline-5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -0.015625rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 600px) {
    .chr-headline-5 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -0.015625rem
    }
}

@media only screen and (min-width: 1024px) {
    .chr-headline-5 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -0.015625rem
    }
}

.chr-headline-6 {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.00625rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500
}

@media only screen and (min-width: 600px) {
    .chr-headline-6 {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -0.00625rem
    }
}

@media only screen and (min-width: 1024px) {
    .chr-headline-6 {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -0.00625rem
    }
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .chr-responsive-headline-0--sm {
        font-size: 3rem;
        line-height: 3.25rem;
        letter-spacing: -0.125rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    .chr-responsive-headline-0--md {
        font-size: 4rem;
        line-height: 4.5rem;
        letter-spacing: -0.15625rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1439px) {
    .chr-responsive-headline-0--lg {
        font-size: 4.5rem;
        line-height: 5.25rem;
        letter-spacing: -0.21875rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1439px) {
    .chr-responsive-headline-0--xl {
        font-size: 4.5rem;
        line-height: 5.25rem;
        letter-spacing: -0.21875rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .chr-responsive-headline-1--sm {
        font-size: 2.5rem;
        line-height: 3rem;
        letter-spacing: -0.09375rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    .chr-responsive-headline-1--md {
        font-size: 3rem;
        line-height: 3.5rem;
        letter-spacing: -0.078125rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1439px) {
    .chr-responsive-headline-1--lg {
        font-size: 3.75rem;
        line-height: 4.5rem;
        letter-spacing: -0.078125rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1439px) {
    .chr-responsive-headline-1--xl {
        font-size: 3.75rem;
        line-height: 4.5rem;
        letter-spacing: -0.078125rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .chr-responsive-headline-2--sm {
        font-size: 2.25rem;
        line-height: 2.75rem;
        letter-spacing: -0.046875rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    .chr-responsive-headline-2--md {
        font-size: 2.5rem;
        line-height: 3rem;
        letter-spacing: -0.046875rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1439px) {
    .chr-responsive-headline-2--lg {
        font-size: 3rem;
        line-height: 3.5rem;
        letter-spacing: -0.0625rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1439px) {
    .chr-responsive-headline-2--xl {
        font-size: 3rem;
        line-height: 3.5rem;
        letter-spacing: -0.0625rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .chr-responsive-headline-3--sm {
        font-size: 1.75rem;
        line-height: 2.25rem;
        letter-spacing: -0.03125rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    .chr-responsive-headline-3--md {
        font-size: 2rem;
        line-height: 2.5rem;
        letter-spacing: -0.03125rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1439px) {
    .chr-responsive-headline-3--lg {
        font-size: 2.25rem;
        line-height: 2.75rem;
        letter-spacing: -0.046875rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1439px) {
    .chr-responsive-headline-3--xl {
        font-size: 2.25rem;
        line-height: 2.75rem;
        letter-spacing: -0.046875rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .chr-responsive-headline-4--sm {
        font-size: 1.5rem;
        line-height: 2rem;
        letter-spacing: -0.03125rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    .chr-responsive-headline-4--md {
        font-size: 1.5rem;
        line-height: 2rem;
        letter-spacing: -0.03125rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1439px) {
    .chr-responsive-headline-4--lg {
        font-size: 1.75rem;
        line-height: 2.25rem;
        letter-spacing: -0.03125rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1439px) {
    .chr-responsive-headline-4--xl {
        font-size: 1.75rem;
        line-height: 2.25rem;
        letter-spacing: -0.03125rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .chr-responsive-headline-5--sm {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -0.015625rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    .chr-responsive-headline-5--md {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -0.015625rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1439px) {
    .chr-responsive-headline-5--lg {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -0.015625rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 1439px) {
    .chr-responsive-headline-5--xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -0.015625rem;
        font-weight: 700
    }
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .chr-responsive-headline-6--sm {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -0.00625rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    .chr-responsive-headline-6--md {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -0.00625rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1439px) {
    .chr-responsive-headline-6--lg {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -0.00625rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 1439px) {
    .chr-responsive-headline-6--xl {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -0.00625rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .chr-responsive-link-small--sm {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.009375rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    .chr-responsive-link-small--md {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.009375rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1439px) {
    .chr-responsive-link-small--lg {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.009375rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 1439px) {
    .chr-responsive-link-small--xl {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.009375rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .chr-responsive-link-large--sm {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    .chr-responsive-link-large--md {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1439px) {
    .chr-responsive-link-large--lg {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 500
    }
}

@media only screen and (min-width: 1439px) {
    .chr-responsive-link-large--xl {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-weight: 500
    }
}

.chr-copy {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    color: #5f6368;
    font-family: "Google Sans Text", arial, sans-serif;
    font-weight: 400
}

.dark-theme .chr-copy {
    color: #5f6368
}

.whats-new .chr-copy {
    color: #474747
}

.dark-theme .whats-new .chr-copy {
    color: #c7c7c7
}

.whats-new.dark-theme .chr-copy {
    color: #c7c7c7
}

.chr-copy-xl {
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0rem;
    color: #5f6368;
    font-family: "Google Sans Text", arial, sans-serif
}

.dark-theme .chr-copy-xl {
    color: #5f6368
}

.chr-link-small {
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: 0.009375rem;
    color: #1967d2;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500
}

.dark-theme .chr-link-small {
    color: #1967d2
}

.chr-link-large {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    color: #1967d2;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500
}

.dark-theme .chr-link-large {
    color: #1967d2
}

.chr-cta, .chr-download-button--header, .chr-download-button--jumplink {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    font-family: "Google Sans Text", arial, sans-serif;
    font-weight: 500
}

.chr-cta-small {
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: 0.009375rem;
    font-family: "Google Sans Text", arial, sans-serif;
    font-weight: 500
}

.chr-cta-large, .chr-download-button--hero, .chr-download-button--mobile-drawer {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500
}

.chr-eyebrow {
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    color: #202124;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase
}

.dark-theme .chr-eyebrow {
    color: #202124
}

.chr-eyebrow-xl {
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.015625rem;
    color: #202124;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.dark-theme .chr-eyebrow-xl {
    color: #202124
}

.chr-product {
    font-size: 1.375rem;
    line-height: 1.75rem;
    letter-spacing: 0rem;
    color: #202124;
    font-family: "Product Sans", arial, sans-serif;
    font-weight: 400
}

.dark-theme .chr-product {
    color: #202124
}

.chr-caption {
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 0.009375rem;
    color: #5f6368;
    font-family: "Google Sans Text", arial, sans-serif;
    font-weight: 400
}

.dark-theme .chr-caption {
    color: #5f6368
}

.chr-pill-xl {
    font-size: 4.5rem;
    line-height: 5.25rem;
    letter-spacing: -0.09375rem;
    color: #202124;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500
}

.dark-theme .chr-pill-xl {
    color: #202124
}

.chr-pill-lg {
    font-size: 4rem;
    line-height: 4.5rem;
    letter-spacing: -0.078125rem;
    color: #202124;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500
}

.dark-theme .chr-pill-lg {
    color: #202124
}

.chr-pill {
    font-size: 3.25rem;
    line-height: 4.5rem;
    letter-spacing: -0.078125rem;
    color: #202124;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500
}

.dark-theme .chr-pill {
    color: #202124
}

.chr-pill-md {
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: -0.078125rem;
    color: #202124;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    text-align: center
}

.dark-theme .chr-pill-md {
    color: #202124
}

.chr-pill-sm {
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -0.046875rem;
    color: #202124;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    text-align: center
}

.dark-theme .chr-pill-sm {
    color: #202124
}

.chr-text-statement {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    text-align: center
}

@media only screen and (min-width: 600px) {
    .chr-text-statement {
        font-size: 1.875rem;
        line-height: 3.25rem
    }
}

@media only screen and (min-width: 1024px) {
    .chr-text-statement {
        font-size: 2.5rem;
        line-height: 4rem
    }
}

.chr-heading-pills {
    font-size: 2.25rem;
    line-height: 2.75rem;
    letter-spacing: -0.046875rem;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 700;
    text-align: center
}

@media only screen and (min-width: 600px) {
    .chr-heading-pills {
        font-size: 3rem;
        line-height: 3.5rem;
        letter-spacing: -0.0625rem
    }
}

@media only screen and (min-width: 1024px) {
    .chr-heading-pills {
        font-size: 3.75rem;
        line-height: 4.5rem;
        letter-spacing: -0.078125rem
    }
}

.nowrap {
    white-space: nowrap
}

.chr-copy-nowrap {
    text-wrap: nowrap
}

@media only screen and (min-width: 0)and (max-width: 600px) {
    .chr-copy-nowrap--sm {
        text-wrap: nowrap
    }
}

@media only screen and (min-width: 601px)and (max-width: 1024px) {
    .chr-copy-nowrap--md {
        text-wrap: nowrap
    }
}

@media only screen and (min-width: 1025px)and (max-width: 1440px) {
    .chr-copy-nowrap--lg {
        text-wrap: nowrap
    }
}

@media only screen and (min-width: 1441px) {
    .chr-copy-nowrap--xl {
        text-wrap: nowrap
    }
}

:root {
    --spacer-01: 8px;
    --spacer-02: 16px;
    --spacer-03: 24px;
    --spacer-04: 32px;
    --spacer-05: 24px;
    --spacer-06: 40px;
    --spacer-07: 64px;
    --spacer-08: 80px;
    --spacer-09: 120px
}

@media only screen and (min-width: 1024px) {
    :root {
        --spacer-05: 40px;
        --spacer-06: 64px;
        --spacer-07: 80px;
        --spacer-08: 120px;
        --spacer-09: 160px
    }
}

.spacer-01 {
    padding: var(--spacer-01) 0
}

.spacer-01--top {
    padding-top: var(--spacer-01)
}

.spacer-01--bottom {
    padding-bottom: var(--spacer-01)
}

.spacer-01-margin {
    margin: var(--spacer-01) 0
}

.spacer-01-margin--top {
    margin-top: var(--spacer-01)
}

.spacer-01-margin--bottom {
    margin-bottom: var(--spacer-01)
}

.spacer-02 {
    padding: var(--spacer-02) 0
}

.spacer-02--top {
    padding-top: var(--spacer-02)
}

.spacer-02--bottom {
    padding-bottom: var(--spacer-02)
}

.spacer-02-margin {
    margin: var(--spacer-02) 0
}

.spacer-02-margin--top {
    margin-top: var(--spacer-02)
}

.spacer-02-margin--bottom {
    margin-bottom: var(--spacer-02)
}

.spacer-03 {
    padding: var(--spacer-03) 0
}

.spacer-03--top {
    padding-top: var(--spacer-03)
}

.spacer-03--bottom {
    padding-bottom: var(--spacer-03)
}

.spacer-03-margin {
    margin: var(--spacer-03) 0
}

.spacer-03-margin--top {
    margin-top: var(--spacer-03)
}

.spacer-03-margin--bottom {
    margin-bottom: var(--spacer-03)
}

.spacer-04 {
    padding: var(--spacer-04) 0
}

.spacer-04--top {
    padding-top: var(--spacer-04)
}

.spacer-04--bottom {
    padding-bottom: var(--spacer-04)
}

.spacer-04-margin {
    margin: var(--spacer-04) 0
}

.spacer-04-margin--top {
    margin-top: var(--spacer-04)
}

.spacer-04-margin--bottom {
    margin-bottom: var(--spacer-04)
}

.spacer-05 {
    padding: var(--spacer-05) 0
}

.spacer-05--top {
    padding-top: var(--spacer-05)
}

.spacer-05--bottom {
    padding-bottom: var(--spacer-05)
}

.spacer-05-margin {
    margin: var(--spacer-05) 0
}

.spacer-05-margin--top {
    margin-top: var(--spacer-05)
}

.spacer-05-margin--bottom {
    margin-bottom: var(--spacer-05)
}

.spacer-06 {
    padding: var(--spacer-06) 0
}

.spacer-06--top {
    padding-top: var(--spacer-06)
}

.spacer-06--bottom {
    padding-bottom: var(--spacer-06)
}

.spacer-06-margin {
    margin: var(--spacer-06) 0
}

.spacer-06-margin--top {
    margin-top: var(--spacer-06)
}

.spacer-06-margin--bottom {
    margin-bottom: var(--spacer-06)
}

.spacer-07 {
    padding: var(--spacer-07) 0
}

.spacer-07--top {
    padding-top: var(--spacer-07)
}

.spacer-07--bottom {
    padding-bottom: var(--spacer-07)
}

.spacer-07-margin {
    margin: var(--spacer-07) 0
}

.spacer-07-margin--top {
    margin-top: var(--spacer-07)
}

.spacer-07-margin--bottom {
    margin-bottom: var(--spacer-07)
}

.spacer-08 {
    padding: var(--spacer-08) 0
}

.spacer-08--top {
    padding-top: var(--spacer-08)
}

.spacer-08--bottom {
    padding-bottom: var(--spacer-08)
}

.spacer-08-margin {
    margin: var(--spacer-08) 0
}

.spacer-08-margin--top {
    margin-top: var(--spacer-08)
}

.spacer-08-margin--bottom {
    margin-bottom: var(--spacer-08)
}

.spacer-09 {
    padding: var(--spacer-09) 0
}

.spacer-09--top {
    padding-top: var(--spacer-09)
}

.spacer-09--bottom {
    padding-bottom: var(--spacer-09)
}

.spacer-09-margin {
    margin: var(--spacer-09) 0
}

.spacer-09-margin--top {
    margin-top: var(--spacer-09)
}

.spacer-09-margin--bottom {
    margin-bottom: var(--spacer-09)
}

.shadow-ui {
    -webkit-box-shadow: 0 4px 15px 0 rgba(32, 33, 36, .05);
    box-shadow: 0 4px 15px 0 rgba(32, 33, 36, .05)
}

@media only screen and (min-width: 1024px) {
    .shadow-ui {
        -webkit-box-shadow: 0 8px 20px 0 rgba(32, 33, 36, .1);
        box-shadow: 0 8px 20px 0 rgba(32, 33, 36, .1)
    }
}

.shadow-elevation-1 {
    -webkit-box-shadow: 0 2px 8px 0 rgba(32, 33, 36, .08);
    box-shadow: 0 2px 8px 0 rgba(32, 33, 36, .08)
}

.shadow-elevation-2 {
    -webkit-box-shadow: 0 1px 2px rgba(32, 33, 36, .15), 0 1px 8px rgba(32, 33, 36, .08);
    box-shadow: 0 1px 2px rgba(32, 33, 36, .15), 0 1px 8px rgba(32, 33, 36, .08)
}

.chr-card-adaptive {
    border-radius: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    width: 100%
}

.chr-card-adaptive__decoration {
    bottom: -0.375rem;
    position: absolute;
    width: 100%
}

.chr-card-adaptive__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.chr-card-adaptive__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.chr-card-adaptive__badge {
    margin-bottom: var(--spacer-01)
}

.chr-card-adaptive__heading {
    margin-top: 1rem;
    text-wrap: balance
}

.chr-card-adaptive__body {
    margin-top: 1rem
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive__body {
        font-size: 1.125rem;
        line-height: 1.75rem;
        letter-spacing: 0rem
    }
}

.chr-card-adaptive__link {
    margin-top: 0.5rem
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive__link {
        font-size: 1.125rem;
        line-height: 1.5rem;
        max-width: unset
    }
}

.chr-card-adaptive__link.spacer-fix {
    margin-top: 2rem
}

.chr-card-adaptive__link:focus {
    outline: unset
}

.chr-card-adaptive__link:focus-visible {
    outline: 2px auto #1967d2
}

.dark-theme .chr-card-adaptive__link:focus-visible {
    outline: 2px auto #1967d2
}

.chr-card-adaptive__no-aspect-ratio {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 240px
}

.chr-card-adaptive--border {
    border: 1px solid #dadce0
}

.dark-theme .chr-card-adaptive--border {
    border: 1px solid #dadce0
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--border-md {
        border: 1px solid #dadce0
    }

    .dark-theme .chr-card-adaptive--border-md {
        border: 1px solid #dadce0
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--border-lg {
        border: 1px solid #dadce0
    }

    .dark-theme .chr-card-adaptive--border-lg {
        border: 1px solid #dadce0
    }
}

@media only screen and (min-width: 1440px) {
    .chr-card-adaptive--border-lg {
        border: 1px solid #dadce0
    }

    .dark-theme .chr-card-adaptive--border-lg {
        border: 1px solid #dadce0
    }
}

.chr-card-adaptive--border-top-radius {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.chr-card-adaptive--border-bottom-radius {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem
}

.chr-card-adaptive__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

.chr-card-adaptive__lottie, .chr-card-adaptive__video {
    height: 100%;
    position: absolute;
    width: 100%
}

.chr-card-adaptive--scale .chr-card-adaptive__image, .chr-card-adaptive--scale .chr-card-adaptive__image-2, .chr-card-adaptive--scale .chr-card-adaptive__lottie, .chr-card-adaptive--scale .chr-card-adaptive__video {
    -webkit-transform: scale(var(--scale_start));
    transform: scale(var(--scale_start));
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.chr-card-adaptive--scale:hover .chr-card-adaptive__image, .chr-card-adaptive--scale:hover .chr-card-adaptive__image-2, .chr-card-adaptive--scale:hover .chr-card-adaptive__lottie, .chr-card-adaptive--scale:hover .chr-card-adaptive__video, .chr-card-adaptive--scale:focus .chr-card-adaptive__image, .chr-card-adaptive--scale:focus .chr-card-adaptive__image-2, .chr-card-adaptive--scale:focus .chr-card-adaptive__lottie, .chr-card-adaptive--scale:focus .chr-card-adaptive__video {
    -webkit-transform: scale(var(--scale_end));
    transform: scale(var(--scale_end))
}

.chr-card-adaptive--padding-sm .chr-card-adaptive__content-wrapper {
    padding: 2rem
}

.chr-card-adaptive--padding-md .chr-card-adaptive__content-wrapper {
    padding: var(--spacer-05) 2rem
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--padding-md .chr-card-adaptive__content-wrapper {
        padding: var(--spacer-05) var(--spacer-06)
    }
}

.chr-card-adaptive--media-cover .chr-card-adaptive__media img, .chr-card-adaptive--media-cover .chr-card-adaptive__media video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.chr-card-adaptive--media-contain .chr-card-adaptive__media img, .chr-card-adaptive--media-contain .chr-card-adaptive__media video {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media only screen and (min-width: 1440px) {
    .ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media img, .ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media .chr-steps-image-all {
        width: 100%
    }
}

.ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media img, .ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media .chr-steps-image-chrome {
    height: 100%;
    width: unset
}

@media only screen and (min-width: 600px) {
    .ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media img, .ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media .chr-steps-image-chrome {
        height: unset
    }
}

.ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media img, .ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media .chr-steps-image-safari, .ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media .chr-steps-image-firefox, .ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media .chr-emphasis--firefox, .ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media .chr-emphasis--safari {
    height: unset;
    width: unset
}

.ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media img, .ty-experiment .chr-card-adaptive--media-contain .chr-card-adaptive__media .chr-steps-image-edge {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--media-contained .chr-card-adaptive__media {
        padding-top: var(--spacer-06)
    }

    .chr-card-adaptive--media-contained .chr-card-adaptive__media img, .chr-card-adaptive--media-contained .chr-card-adaptive__media video, .chr-card-adaptive--media-contained .chr-card-adaptive__media .chr-video-player-youtube {
        height: min-content;
        max-width: calc((min(100vw, 1440px) - 144px - 528px) / 12 * 10 + 432px)
    }

    .chr-card-adaptive--media-contained .chr-card-adaptive__media .chr-video-v2__holder {
        -ms-flex-line-pack: center;
        align-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }

    .chr-card-adaptive--media-contained .chr-card-adaptive__media video {
        border-radius: 20px;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: unset;
        width: 100%
    }
}

@media only screen and (min-width: 1440px) {
    .chr-card-adaptive--media-contained .chr-card-adaptive__media img, .chr-card-adaptive--media-contained .chr-card-adaptive__media video, .chr-card-adaptive--media-contained .chr-card-adaptive__media .chr-video-player-youtube {
        max-width: calc((min(100vw, 1440px) - 148px - 704px) / 12 * 10 + 576px)
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape .chr-card-adaptive__content-wrapper {
        -webkit-column-gap: var(--spacer-05);
        -moz-column-gap: var(--spacer-05);
        column-gap: var(--spacer-05);
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto 1fr;
        grid-template-rows:auto 1fr;
        padding: var(--spacer-05) var(--spacer-06) var(--spacer-05) var(--spacer-06);
        row-gap: var(--spacer-02)
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape .chr-card-adaptive__heading {
        grid-column: span 1;
        -ms-grid-row: 2;
        grid-row: 2;
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape .chr-card-adaptive__body-wrapper {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2;
        max-width: 560px;
        place-self: start
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape .chr-card-adaptive__body {
        margin-top: unset
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape .chr-card-adaptive__media {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-height: 328px
    }
}

@media only screen and (min-width: 1440px) {
    .chr-card-adaptive--landscape .chr-card-adaptive__media {
        min-height: 340px
    }
}

.chr-card-adaptive--landscape-padding .chr-card-adaptive__content-wrapper {
    padding: var(--spacer-03) var(--spacer-04) 2.5rem var(--spacer-04)
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape-padding .chr-card-adaptive__content-wrapper {
        -webkit-column-gap: 3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto 1fr;
        grid-template-rows:auto 1fr;
        padding: var(--spacer-03) var(--spacer-06) var(--spacer-06) var(--spacer-06);
        row-gap: var(--spacer-02)
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape-padding .chr-card-adaptive__heading {
        grid-column: span 1;
        -ms-grid-row: 2;
        grid-row: 2;
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape-padding .chr-card-adaptive__body-wrapper {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2;
        max-width: 560px;
        place-self: start
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape-padding .chr-card-adaptive__body {
        margin-top: unset
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape-padding .chr-card-adaptive__media {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-height: 328px
    }
}

@media only screen and (min-width: 1440px) {
    .chr-card-adaptive--landscape-padding .chr-card-adaptive__media {
        min-height: 340px
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape-flex .chr-card-adaptive__content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        gap: 2.5rem;
        padding: var(--spacer-05) var(--spacer-06) var(--spacer-05) var(--spacer-06)
    }
}

.chr-card-adaptive--landscape-flex .chr-card-adaptive__upper-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}


.chr-card-adaptive--landscape-flex .chr-card-adaptive__body-wrapper {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

@media only screen and (min-width: 1440px) {
    .chr-card-adaptive--landscape-flex .chr-card-adaptive__body-wrapper {
        max-width: 480px
    }
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--landscape-flex .chr-card-adaptive__badge {
        background: linear-gradient(111.39deg, #a6b1fa 12.6%, rgba(111, 171, 249, 0.66) 68%);
        border: unset
    }

    .dark-theme .chr-card-adaptive--landscape-flex .chr-card-adaptive__badge {
        background: linear-gradient(111.39deg, #a6b1fa 12.6%, rgba(111, 171, 249, 0.66) 68%)
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape-flex .chr-card-adaptive__heading {
        margin-top: 0
    }
}

.chr-card-adaptive--landscape-flex .chr-card-adaptive__body {
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape-flex .chr-card-adaptive__body {
        margin-top: unset
    }
}

.chr-card-adaptive--landscape-flex .chr-card-adaptive__link {
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--landscape-flex .chr-card-adaptive__media {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-height: 328px
    }
}

@media only screen and (min-width: 1440px) {
    .chr-card-adaptive--landscape-flex .chr-card-adaptive__media {
        min-height: 340px
    }
}

.chr-card-adaptive--standard .chr-card-adaptive__body-wrapper {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.chr-card-adaptive--vertical-qr .chr-card-adaptive__content-wrapper {
    padding: var(--spacer-05) 2rem 0 2rem
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--vertical, .chr-card-adaptive--vertical-qr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--vertical .chr-card-adaptive__content-wrapper, .chr-card-adaptive--vertical-qr .chr-card-adaptive__content-wrapper {
        padding: var(--spacer-05) var(--spacer-06) 0 var(--spacer-06)
    }
}

.chr-card-adaptive--vertical .chr-card-adaptive__body-wrapper, .chr-card-adaptive--vertical-qr .chr-card-adaptive__body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--vertical .chr-card-adaptive__body-wrapper, .chr-card-adaptive--vertical-qr .chr-card-adaptive__body-wrapper {
        margin-bottom: 2.25rem
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--vertical-padding {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--vertical-padding .chr-card-adaptive__content-wrapper {
        padding: var(--spacer-05) var(--spacer-06) 0 var(--spacer-06)
    }
}

.chr-card-adaptive--vertical-padding .chr-card-adaptive__body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (min-width: 1024px) {
    .chr-card-adaptive--vertical-padding .chr-card-adaptive__body-wrapper {
        margin-bottom: 2.25rem
    }
}

.chr-card-adaptive--vertical-padding .chr-card-adaptive__body {
    font-size: 1rem;
    line-height: 1.5rem
}

.chr-card-adaptive--vertical-padding .chr-card-adaptive__link {
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--static-carousel {
        border: none;
        border-radius: unset;
        gap: var(--spacer-02)
    }
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--static-carousel .chr-card-adaptive__content-wrapper {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0
    }
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--static-carousel .chr-card-adaptive__media {
        border-radius: var(--spacer-03)
    }
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--static-carousel .chr-card-adaptive__background {
        background-color: unset
    }
}

.chr-card-adaptive--static-carousel .chr-card-adaptive__heading {
    margin-top: var(--spacer-01)
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--static-carousel .chr-card-adaptive__heading {
        color: #202124
    }

    .dark-theme .chr-card-adaptive--static-carousel .chr-card-adaptive__heading {
        color: #202124
    }
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--static-carousel .chr-card-adaptive__body {
        color: #5f6368
    }

    .dark-theme .chr-card-adaptive--static-carousel .chr-card-adaptive__body {
        color: #5f6368
    }
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--static-carousel .chr-card-adaptive__link {
        color: #1967d2
    }

    .dark-theme .chr-card-adaptive--static-carousel .chr-card-adaptive__link {
        color: #1967d2
    }
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--static-carousel .chr-card-adaptive__eyebrow {
        color: #5f6368
    }

    .dark-theme .chr-card-adaptive--static-carousel .chr-card-adaptive__eyebrow {
        color: #5f6368
    }
}

@media only screen and (max-width: 1023px) {
    .chr-card-adaptive--static-carousel .chr-link__icon {
        fill: #1967d2
    }

    .dark-theme .chr-card-adaptive--static-carousel .chr-link__icon {
        fill: #1967d2
    }
}

.chr-card-adaptive--unset-min-height-media .chr-card-adaptive__media {
    min-height: unset
}

.chr-card-adaptive--overflow-visible {
    overflow: visible
}

.chr-card-adaptive--overflow-visible .chr-card-adaptive__background {
    border-radius: 1.5rem
}

.chr-card-adaptive--overflow-visible.chr-card-adaptive--media-top .chr-card-adaptive__media {
    border-radius: 1.5rem 1.5rem 0 0
}

.chr-card-adaptive--overflow-visible.chr-card-adaptive--media-bottom .chr-card-adaptive__media {
    border-radius: 0 0 1.5rem 1.5rem
}

.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper {
    margin: unset;
    text-align: unset
}

.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper .chr-download-button {
    margin: var(--spacer-03) auto var(--spacer-01)
}

.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper .chr-download-button--hero {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    gap: var(--spacer-01);
    padding: 0.75rem var(--spacer-03)
}

.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper .chr-download-button--hero .chr-button__icon {
    height: 1.125rem;
    width: 1.125rem
}

.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper .chr-simplified-download .chr-platform-list {
    text-align: unset
}

@media only screen and (min-width: 600px) {
    .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper .chr-simplified-download .chr-platform-list {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
}

.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper .chr-simplified-download .chr-platform-list .os .platform {
    margin: unset
}

.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper .chr-simplified-download .chr-platform-list .hero-chrome-update-cta {
    display: none
}

.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper .chr-download-button + .chr-simplified-download .chr-simplified-download__simplified-opt {
    margin: var(--spacer-01) auto var(--spacer-01)
}

.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper .chr-download-button + .chr-simplified-download .chr-simplified-download__simplified-opt .chr-checkbox > .chr-checkbox__label.chr-caption {
    vertical-align: middle
}

.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .chr-simplified-download-wrapper .chr-simplified-download__simplified-links {
    margin: var(--spacer-01) auto 0;
    text-align: unset
}

.chr-card-adaptive--media-shadow-thank-you-steps .chr-card-adaptive__media::after {
    -webkit-box-shadow: 0 -4px 24px 0 rgba(0, 0, 0, .08) inset;
    box-shadow: 0 -4px 24px 0 rgba(0, 0, 0, .08) inset;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.chr-card-adaptive.animation {
    opacity: 0
}


.chr-jumplinks-v2 {
    display: none;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: -webkit-transform .4s ease-in;
    transition: -webkit-transform .4s ease-in;
    transition: transform .4s ease-in;
    transition: transform .4s ease-in, -webkit-transform .4s ease-in;
    width: 100%;
    will-change: transform;
    z-index: 50
}

.chr-jumplinks-v2--sticky {
    position: initial;
    top: 84px;
    will-change: top
}

@media only screen and (min-width: 1024px) {
    .chr-jumplinks-v2 {
        display: block
    }
}

.chr-jumplinks-v2__list {
    background-color: #fff;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding: 8px;
    pointer-events: all;
    
    
    width: fit-content
}

.dark-theme .chr-jumplinks-v2__list {
    background-color: #fff
}

.chr-jumplinks-v2__list-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 1px
}

.chr-jumplinks-v2__download-button {
    margin-left: 8px
}

.chr-jumplinks-v2-wrapper {
    display: none;
    visibility: hidden;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .chr-jumplinks-v2-wrapper {
        display: block;
        visibility: visible
    }
}

.chr-jumplinks-v2-wrapper__jumplinks {
    height: 3.5rem;
    position: absolute;
    top: 0;
    width: 100vw
}

.chr-jumplinks-v2-wrapper__dispatch {
    height: 3.5rem;
    width: 100vw
}

.below-download .chr-jumplinks-v2:not(.chr-jumplinks-v2--sticky) {
    -webkit-transform: translateY(24px);
    transform: translateY(24px);
    -webkit-transition: -webkit-transform .4s ease-in;
    transition: -webkit-transform .4s ease-in;
    transition: transform .4s ease-in;
    transition: transform .4s ease-in, -webkit-transform .4s ease-in
}

.below-download.scroll-up .chr-jumplinks-v2:not(.chr-jumplinks-v2--sticky) {
    -webkit-transform: translateY(84px);
    transform: translateY(84px)
}

.below-download .chr-jumplinks-v2--sticky {
    position: fixed;
    top: 24px;
    -webkit-transition: top .4s ease-in;
    transition: top .4s ease-in
}

.below-download.scroll-up .chr-jumplinks-v2--sticky {
    top: 84px
}

.fix-jumplinks .chr-jumplinks-v2--sticky {
    position: fixed;
    top: 84px
}

body::after {
    content: "phone";
    display: none
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    body::after {
        content: "tablet"
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1439px) {
    body::after {
        content: "desktop"
    }
}

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

.chr-module-placeholder {
    height: 100vh
}

.chr-cookie-banner {
    display: none
}

.chr-mosaic {
    position: relative;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .chr-mosaic {
        padding-bottom: 16px
    }
}

.chr-mosaic__mobile-image {
    display: block;
    height: auto;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.chr-mosaic__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 24px;
    will-change: transform
}

@media only screen and (min-width: 1024px) {
    .chr-mosaic__wrapper {
        gap: 32px
    }
}

.is-loaded .chr-mosaic__wrapper {
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

.is-loaded.is-resizing .chr-mosaic__wrapper {
    -webkit-transition: none;
    transition: none
}

.chr-mosaic__item {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    will-change: transform;
    z-index: 2
}

.is-resizing .chr-mosaic__item {
    -webkit-transition: none;
    transition: none
}

.chr-mosaic__item:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.chr-mosaic__item:nth-of-type(2) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.chr-mosaic__item:nth-of-type(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.chr-mosaic__item:nth-of-type(4) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.chr-mosaic__item:nth-of-type(5) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.is-fading .chr-mosaic__item:nth-child(1) .chr-mosaic__image-container {
    -webkit-animation-name: mobile-from-bottom-left;
    animation-name: mobile-from-bottom-left
}

.is-fading .chr-mosaic__item:nth-child(4) .chr-mosaic__image-container {
    -webkit-animation-name: animate-in-bottom;
    animation-name: animate-in-bottom
}

.is-fading .chr-mosaic__item:nth-child(3) .chr-mosaic__image-container {
    -webkit-animation-name: mobile-from-bottom-right;
    animation-name: mobile-from-bottom-right
}

@media only screen and (min-width: 1024px) {
    .is-loaded .chr-mosaic__item:nth-child(1) .chr-mosaic__image-container {
        -webkit-animation-name: animate-in-right;
        animation-name: animate-in-right
    }

    .is-loaded .chr-mosaic__item:nth-child(2) .chr-mosaic__image-container {
        -webkit-animation-name: animate-in-bottom-right;
        animation-name: animate-in-bottom-right
    }

    .is-loaded .chr-mosaic__item:nth-child(3) .chr-mosaic__image-container {
        -webkit-animation-name: animate-in-bottom;
        animation-name: animate-in-bottom
    }

    .is-loaded .chr-mosaic__item:nth-child(4) .chr-mosaic__image-container {
        -webkit-animation-name: animate-in-left;
        animation-name: animate-in-left
    }

    .is-loaded .chr-mosaic__item:nth-child(5) .chr-mosaic__image-container {
        -webkit-animation-name: animate-in-bottom-left;
        animation-name: animate-in-bottom-left
    }

    .chr-mosaic__item:nth-of-type(1) {
        -webkit-transform: translate(25.5%, -22%);
        transform: translate(25.5%, -22%)
    }

    .chr-mosaic__item:nth-of-type(2) {
        opacity: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
        z-index: 1
    }

    .chr-mosaic__item:nth-of-type(3) {
        -webkit-transform: translate(0, 8%) scale(1.15);
        transform: translate(0, 8%) scale(1.15)
    }

    .chr-mosaic__item:nth-of-type(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -webkit-transform: translate(44%, -26%) scale(1.25);
        transform: translate(44%, -26%) scale(1.25)
    }

    .chr-mosaic__item:nth-of-type(5) {
        -webkit-transform: translate(23%, 10%);
        transform: translate(23%, 10%)
    }
}

@media only screen and (min-width: 1440px) {
    .chr-mosaic__item:nth-of-type(1) {
        -webkit-transform: translate(23%, -22%);
        transform: translate(23%, -22%)
    }

    .chr-mosaic__item:nth-of-type(4) {
        -webkit-transform: translate(52%, -26%) scale(1.25);
        transform: translate(52%, -26%) scale(1.25)
    }
}

.chr-mosaic__image-container {
    -webkit-animation-duration: .85s;
    animation-duration: .85s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0;
    -webkit-transition: opacity .85s ease-in-out;
    transition: opacity .85s ease-in-out;
    will-change: transform, opacity
}

.is-loaded .chr-mosaic__image-container {
    opacity: 1
}

.chr-mosaic__image-container--border {
    border: .6px solid #dadce0;
    -webkit-box-shadow: 0 4.8px 12px 0 rgba(32, 33, 37, .1);
    box-shadow: 0 4.8px 12px 0 rgba(32, 33, 37, .1);
    overflow: hidden;
    border-radius: 20px;
    border-radius: min(max(12px, 1.3888888889vw), 20px);
    border-radius: clamp(12px, 1.3888888889vw, 20px)
}

.chr-mosaic__image-container img {
    display: block;
    height: 400px
}

@media only screen and (min-width: 1024px) {
    .chr-mosaic__image-container img {
        height: 444px;
        height: min(max(282px, 41.40625vw), 444px);
        height: clamp(282px, 41.40625vw, 444px)
    }
}

@media only screen and (min-width: 1440px) {
    .chr-mosaic__image-container img {
        height: 424px
    }
}

@-webkit-keyframes animate-in-right {
    from {
        -webkit-transform: translate(-120px, 40px);
        transform: translate(-120px, 40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes animate-in-right {
    from {
        -webkit-transform: translate(-120px, 40px);
        transform: translate(-120px, 40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes animate-in-bottom-right {
    from {
        -webkit-transform: translate(-20px, 60px);
        transform: translate(-20px, 60px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes animate-in-bottom-right {
    from {
        -webkit-transform: translate(-20px, 60px);
        transform: translate(-20px, 60px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes animate-in-bottom {
    from {
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes animate-in-bottom {
    from {
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes animate-in-left {
    from {
        -webkit-transform: translate(120px, 40px);
        transform: translate(120px, 40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes animate-in-left {
    from {
        -webkit-transform: translate(120px, 40px);
        transform: translate(120px, 40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes animate-in-bottom-left {
    from {
        -webkit-transform: translate(160px, -40px);
        transform: translate(160px, -40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes animate-in-bottom-left {
    from {
        -webkit-transform: translate(160px, -40px);
        transform: translate(160px, -40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes mobile-from-bottom-left {
    from {
        -webkit-transform: translate(-60px, 40px);
        transform: translate(-60px, 40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes mobile-from-bottom-left {
    from {
        -webkit-transform: translate(-60px, 40px);
        transform: translate(-60px, 40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes mobile-from-bottom-right {
    from {
        -webkit-transform: translate(60px, 40px);
        transform: translate(60px, 40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes mobile-from-bottom-right {
    from {
        -webkit-transform: translate(60px, 40px);
        transform: translate(60px, 40px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.chr-footer {
    display: none
}

.chr-jumplinks-mobile {
    --translate-show: 0;
    --translate-hide: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    -webkit-box-shadow: 0 1px 2px rgba(32, 33, 36, .15), 0 1px 8px rgba(32, 33, 36, .08);
    box-shadow: 0 1px 2px rgba(32, 33, 36, .15), 0 1px 8px rgba(32, 33, 36, .08);
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px;
    position: fixed;
    -webkit-transform: translateY(var(--translate-show));
    transform: translateY(var(--translate-show));
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    width: 100vw;
    will-change: transform;
    z-index: 50
}

.dark-theme .chr-jumplinks-mobile {
    background-color: #fff
}

@media only screen and (min-width: 1024px) {
    .chr-jumplinks-mobile {
        display: none;
        visibility: hidden
    }
}

.chr-jumplinks-mobile--active .chr-jumplinks-mobile__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.chr-jumplinks-mobile--active .chr-jumplinks-mobile__button .chr-button__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.chr-jumplinks-mobile--hide-on-download {
    -webkit-transform: translateY(var(--translate-hide));
    transform: translateY(var(--translate-hide))
}

.chr-jumplinks-mobile__menu-root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 256px
}

.chr-jumplinks-mobile__button {
    height: 48px;
    padding: 12px 20px;
    width: 100%
}

.chr-jumplinks-mobile__download-button {
    height: 48px
}

.chr-jumplinks-mobile__menu-list {
    background-color: #fff;
    border-radius: 16px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(32, 33, 36, .15), 0 1px 8px rgba(32, 33, 36, .08);
    box-shadow: 0 1px 2px rgba(32, 33, 36, .15), 0 1px 8px rgba(32, 33, 36, .08);
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    padding: 8px;
    position: absolute;
    width: 256px
}

.dark-theme .chr-jumplinks-mobile__menu-list {
    background-color: #fff
}

.chr-jumplinks-mobile--download-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.chr-jumplinks-mobile--download-button .chr-jumplinks-mobile__menu-root {
    
    
    width: fit-content
}

@media only screen and (min-width: 1024px) {
    .chr-jumplinks-mobile--mobile-experience {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: visible
    }
}

.below-download .chr-jumplinks-mobile--hide-on-download {
    -webkit-transform: translateY(var(--translate-show));
    transform: translateY(var(--translate-show))
}

.chr-header-v3__drawer-nav-li-link, .chr-header-v3__drawer-nav-li .chr-link, .chr-header-v3__drawer-nav-li .chr-cta__button, .chr-header-v3__nav-li .chr-link, .chr-header-v3__nav-li .chr-cta__button, .chr-header-v3__nav-li-link, .chr-header-v3__nav-li-sublink {
    cursor: pointer;
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 500;
    max-width: 100%
}

.chr-header-v3 {
    font-size: 1rem;
    line-height: 1.5rem;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: -webkit-transform .4s ease-in;
    transition: -webkit-transform .4s ease-in;
    transition: transform .4s ease-in;
    transition: transform .4s ease-in, -webkit-transform .4s ease-in;
    z-index: 100
}

.chr-header-v3 .cta-container {
    height: 62px;
    position: fixed;
    top: 64px;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

@media only screen and (min-width: 560px) {
    .chr-header-v3 .cta-container {
        -webkit-box-shadow: none;
        box-shadow: none;
        right: 0;
        top: 0;
        width: auto;
        z-index: 1
    }
}

@media only screen and (min-width: 0)and (max-width: 600px) {
    .chr-header-v3 .cta-container .chr-download-button {
        width: 100%
    }
}

.chr-header-v3 .chr-cta__button {
    border-radius: 48px;
    height: 100%;
    width: 100%
}

[dir=rtl] .chr-header-v3 .chr-cta__button {
    direction: rtl
}

.chr-header-v3 .chr-link--nav {
    color: #5f6368
}

.dark-theme .chr-header-v3 .chr-link--nav {
    color: #5f6368
}

[dir=rtl] .chr-header-v3 {
    direction: ltr
}

.chr-header-v3__hamburger {
    display: table;
    height: 100%;
    width: 64px
}

[dir=rtl] .chr-header-v3__hamburger {
    float: right
}

@media only screen and (min-width: 1024px) {
    .chr-header-v3__hamburger {
        display: none
    }
}

.chr-header-v3__hamburger-wrapper {
    display: table-cell;
    height: 100%;
    padding: 12px;
    vertical-align: middle
}

.chr-header-v3__hamburger-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    background: none;
    border-radius: 50%;
    color: inherit;
    display: block;
    font: inherit;
    height: 100%;
    overflow: visible;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.chr-header-v3__hamburger-icon {
    height: 24px;
    margin: 0 auto;
    width: 24px
}

.chr-header-v3__hamburger-icon.chr-header-v3__hamburger-icon--standard {
    fill: #202124;
    display: block
}

.dark-theme .chr-header-v3__hamburger-icon.chr-header-v3__hamburger-icon--standard {
    fill: #202124
}

.chr-header-v3--reversed .chr-header-v3__hamburger-icon.chr-header-v3__hamburger-icon--standard {
    display: none
}

.chr-header-v3__hamburger-icon.chr-header-v3__hamburger-icon--reversed {
    display: none
}

.chr-header-v3--reversed .chr-header-v3__hamburger-icon.chr-header-v3__hamburger-icon--reversed {
    display: block
}

.chr-header-v3__wrapper {
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 64px;
    position: relative
}

.dark-theme .chr-header-v3__wrapper {
    background-color: #fff
}

[dir=rtl] .chr-header-v3__wrapper {
    direction: ltr
}

@media only screen and (min-width: 560px) {
    .chr-header-v3__wrapper {
        z-index: -1
    }
}

.chr-header-v3__lockup {
    margin-left: 0;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .chr-header-v3__lockup {
        margin-left: 12px
    }
}

.no-nav .chr-header-v3__lockup {
    margin-left: 12px
}

[dir=rtl] .chr-header-v3__lockup {
    direction: ltr;
    margin-left: 24px;
    margin-right: 0
}

.chr-header-v3__logo {
    height: 100%
}

.chr-header-v3__logo-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    padding: 0 8px;
    font-size: 1.375rem;
    line-height: 2rem
}

[dir=rtl] .chr-header-v3__logo-link {
    direction: ltr
}

.chr-header-v3__logo-icon {
    height: 36px;
    min-height: 36px;
    width: 134px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .chr-header-v3__logo-icon {
        margin-top: 1px
    }
}

.chr-header-v3__logo-icon--privacy {
    height: 28px;
    width: 198px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .chr-header-v3__logo-icon--privacy {
        margin-top: 1px
    }
}

.chr-header-v3__jump-to-content {
    display: none
}

.chr-header-v3__nav {
    display: none
}

@media only screen and (min-width: 1024px) {
    .chr-header-v3__nav {
        display: block;
        height: 100%;
        margin-left: 40px;
        max-width: 100%
    }
}

.chr-header-v3__nav-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

@media only screen and (min-width: 600px) {
    .chr-header-v3__nav-list {
        height: 100%;
        overflow: unset
    }
}

.chr-header-v3__nav-sublist {
    border: 1px solid;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    padding: 6px 0;
    position: absolute;
    top: 54px
}

.dark-theme .chr-header-v3__nav-sublist {
    border: 1px solid
}

.chr-header-v3__nav-sublist .chr-header-v3__nav-li {
    height: 46px;
    margin-bottom: 6px;
    padding: 0 8px
}

.chr-header-v3__nav-li {
    height: 46px
}

.chr-header-v3__nav-li.environment {
    display: none;
    visibility: hidden
}

.chr-header-v3__nav-li.environment--active {
    display: inherit;
    visibility: visible
}

@media only screen and (min-width: 600px) {
    .chr-header-v3__nav-li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 64px;
        min-width: max-content;
        position: relative
    }
}

.chr-header-v3__nav-li .chr-link, .chr-header-v3__nav-li .chr-cta__button, .chr-header-v3__nav-li-link, .chr-header-v3__nav-li-sublink {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    padding: 0 12px;
    width: 100%
}

.chr-header-v3__nav-li .chr-cta__button {
    -webkit-transition: none;
    transition: none
}

.chr-header-v3__nav-li .chr-cta__button .chr-icon {
    margin-left: 4px;
    margin-top: 2px;
    -webkit-transform: none;
    transform: none
}

.chr-header-v3__nav-li-icon, .chr-header-v3__nav-li .chr-icon--link {
    margin-left: 4px
}

[dir=rtl] .chr-header-v3__nav-li {
    direction: rtl
}

.chr-header-v3__drawer {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

@media only screen and (min-width: 1024px) {
    .chr-header-v3__drawer {
        display: none
    }
}

.chr-header-v3__drawer .chr-cta__button {
    display: none;
    -webkit-transition: none;
    transition: none
}

.chr-header-v3__drawer .chr-cta__button.show {
    display: inline-block
}

.chr-header-v3__drawer .chr-cta__button .chr-icon {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.cta--hidden .cta-container {
    top: 0 !important
}

@media only screen and (min-width: 0)and (max-width: 599px) {
    .scroll-down .chr-header-v3--hide-on-scroll-up-mobile {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }
}

@media only screen and (min-width: 600px)and (max-width: 1023px) {
    .scroll-down .chr-header-v3--hide-on-scroll-up-tablet {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }
}

.scroll-up .chr-header-v3 {
    -webkit-transform: unset;
    transform: unset
}

@media only screen and (min-width: 1024px) {
    .below-download.scroll-down .chr-header-v3--hide-on-scroll-up-desktop {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }
}

.below-download.scroll-up .chr-header-v3 .cta-container {
    visibility: visible
}

.below-download.scroll-up .chr-header-v3 .cta-container--not-on-mobile {
    display: none;
    visibility: hidden
}

@media only screen and (min-width: 1024px) {
    .below-download.scroll-up .chr-header-v3 .cta-container--not-on-mobile {
        display: block;
        visibility: visible
    }
}

.below-download.scroll-up .chr-header-v3 .cta-container--only-on-mobile {
    display: block;
    visibility: visible
}

@media only screen and (min-width: 1024px) {
    .below-download.scroll-up .chr-header-v3 .cta-container--only-on-mobile {
        display: none;
        visibility: hidden
    }
}

.below-download.scroll-down.no-hide .chr-header-v3 .cta-container {
    visibility: visible
}

.below-download.scroll-down.no-hide .chr-header-v3 .cta-container--not-on-mobile {
    display: none;
    visibility: hidden
}

@media only screen and (min-width: 1024px) {
    .below-download.scroll-down.no-hide .chr-header-v3 .cta-container--not-on-mobile {
        display: block;
        visibility: visible
    }
}

.below-download.scroll-down.no-hide .chr-header-v3 .cta-container--only-on-mobile {
    display: block;
    visibility: visible
}

@media only screen and (min-width: 1024px) {
    .below-download.scroll-down.no-hide .chr-header-v3 .cta-container--only-on-mobile {
        display: none;
        visibility: hidden
    }
}

.no-hero-download .chr-header-v3 .cta-container {
    visibility: visible
}

.no-hero-download .chr-header-v3 .cta-container--not-on-mobile {
    display: none;
    visibility: hidden
}

@media only screen and (min-width: 1024px) {
    .no-hero-download .chr-header-v3 .cta-container--not-on-mobile {
        display: block;
        visibility: visible
    }
}

.no-hero-download .chr-header-v3 .cta-container--only-on-mobile {
    display: block;
    visibility: visible
}

@media only screen and (min-width: 1024px) {
    .no-hero-download .chr-header-v3 .cta-container--only-on-mobile {
        display: none;
        visibility: hidden
    }
}

body:not(.is-showing-drawer).ios {
    -webkit-overflow-scrolling: touch
}

body, html {
    overscroll-behavior-y: none
}

.chr-non-chrome-fast {
    width: 100%
}

.chr-non-chrome-fast__wrapper {
    -ms-grid-rows: var(--spacer-05) auto var(--spacer-05) [heading] auto var(--spacer-05);
    grid-template-rows:var(--spacer-05) auto var(--spacer-05) [heading] auto var(--spacer-05)
}

@media only screen and (min-width: 1024px) {
    .chr-non-chrome-fast__wrapper {
        -ms-grid-rows:var(--spacer-07) [heading] auto

    var(--spacer-05) var(--spacer-05) [ media ] auto var(--spacer-07);

        grid-template-rows:var(--spacer-07) [heading] auto

    var(--spacer-05) var(--spacer-05) [ media ] auto var(--spacer-07)
    }
}

.chr-non-chrome-fast__heading {
    grid-column: 1/-1;
    grid-row: heading;
    text-align: center
}

@media only screen and (min-width: 600px) {
    .chr-non-chrome-fast__heading {
        -ms-grid-column: 3;
        -ms-grid-column-span: 8;
        grid-column: 3/span 8
    }
}

@media only screen and (min-width: 1024px) {
    .chr-non-chrome-fast__heading {
        -ms-grid-column: 3;
        -ms-grid-column-span: 8;
        grid-column: 3/span 8
    }
}

.chr-non-chrome-fast__media-wrapper {
    display: none
}

@media only screen and (min-width: 1024px) {
    .chr-non-chrome-fast__media-wrapper {
        aspect-ratio: auto 1080/624;
        border-radius: 24px;
        display: block;
        grid-column: 1/-1;
        grid-row: media;
        overflow: hidden;
        width: 100%
    }

    .chr-non-chrome-fast__media-wrapper img, .chr-non-chrome-fast__media-wrapper video {
        height: 100%;
        width: 100%
    }
}

.chr-accordion-timed__panel > img, .chr-accordion-timed__panel > video {
    display: block;
    height: 1px;
    width: 1px
}

.chr-fifty-fifty {
    min-height: 1160px
}

@media only screen and (min-width: 600px) {
    .chr-fifty-fifty {
        min-height: 1330px
    }
}

@media only screen and (min-width: 1024px) {
    .chr-fifty-fifty {
        min-height: 695px
    }
}

@media only screen and (min-width: 1440px) {
    .chr-fifty-fifty {
        min-height: 730px
    }
}

.chr-fifty-fifty__half-1, .chr-fifty-fifty__half-2 {
    display: none
}

.chr-chrome-hero {
    height: 100%;
    padding-top: 24px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .chr-chrome-hero {
        padding-top: 0
    }
}

.chr-chrome-hero__wrapper {
    -ms-grid-rows:var(--spacer-07) [logo] auto

var(--spacer-02) [ heading ] auto var(--spacer-02) [ download ] auto var(--spacer-06);

    grid-template-rows:var(--spacer-07) [logo] auto

var(--spacer-02) [ heading ] auto var(--spacer-02) [ download ] auto var(--spacer-06)
}

@media only screen and (min-width: 1024px) {
    .chr-chrome-hero__wrapper {
        -ms-grid-rows:var(--spacer-05) [logo] auto

    var(--spacer-01) [ heading ] auto var(--spacer-03) [ download ] auto var(--spacer-06);

        grid-template-rows:var(--spacer-05) [logo] auto

    var(--spacer-01) [ heading ] auto var(--spacer-03) [ download ] auto var(--spacer-06)
    }
}

.chr-chrome-hero__wrapper > * {
    opacity: 0;
    position: relative;
    top: 40px;
    -webkit-transition: opacity .85s ease-out, top .85s ease-out;
    transition: opacity .85s ease-out, top .85s ease-out
}

.is-loaded .chr-chrome-hero__wrapper > * {
    opacity: 1;
    top: 0
}

.chr-chrome-hero__logo {
    grid-column: 1/-1;
    grid-row: logo
}

.chr-chrome-hero__logo img {
    display: block;
    height: auto;
    margin: auto;
    width: auto
}

.chr-chrome-hero__heading {
    grid-column: 1/-1;
    grid-row: heading;
    text-align: center
}

.chr-chrome-hero__jumplinks {
    grid-column: 1/-1;
    grid-row: jumplinks
}

@media only screen and (min-width: 1024px) {
    .chr-chrome-hero__jumplinks {
        min-height: 56px
    }
}

.chr-chrome-hero__download {
    grid-column: 1/-1;
    grid-row: download
}

@media only screen and (min-width: 600px) {
    .chr-chrome-hero__download {
        -ms-grid-column: 3;
        -ms-grid-column-span: 8;
        grid-column: 3/span 8
    }
}