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 {
      background-color: #aeb8f8
    }

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

    .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 slide-up {
      from {
        opacity: 0;
        -webkit-transform: translateY(240px);
        transform: translateY(240px)
      }

      to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
    }

    @keyframes slide-up {
      from {
        opacity: 0;
        -webkit-transform: translateY(240px);
        transform: translateY(240px)
      }

      to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
      }
    }

    @property --angle {
      inherits: false;
      initial-value: 0deg;
      syntax: "<angle>"
    }

    @-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 angle-rotate {
      from {
        --angle: 0deg
      }

      to {
        --angle: 360deg
      }
    }

    @keyframes angle-rotate {
      from {
        --angle: 0deg
      }

      to {
        --angle: 360deg
      }
    }

    @-webkit-keyframes infinite-linear-gradient {
      0% {
        background-position: 13.3% 0%
      }

      100% {
        background-position: 85.3% 0%
      }
    }

    @keyframes infinite-linear-gradient {
      0% {
        background-position: 13.3% 0%
      }

      100% {
        background-position: 85.3% 0%
      }
    }

    @-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)
      }
    }

    @-webkit-keyframes blink-glow {

      0%,
      20%,
      100% {
        -webkit-filter: blur(6px);
        filter: blur(6px);
        height: 60%;
        opacity: 0;
        width: 60%
      }

      10% {
        -webkit-filter: blur(14px);
        filter: blur(14px);
        height: 90%;
        opacity: .8;
        width: 90%
      }
    }

    @keyframes blink-glow {

      0%,
      20%,
      100% {
        -webkit-filter: blur(6px);
        filter: blur(6px);
        height: 60%;
        opacity: 0;
        width: 60%
      }

      10% {
        -webkit-filter: blur(14px);
        filter: blur(14px);
        height: 90%;
        opacity: .8;
        width: 90%
      }
    }

    @-webkit-keyframes blink-scale {

      0%,
      20%,
      100% {
        -webkit-transform: scale(1);
        transform: scale(1)
      }

      10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
      }
    }

    @keyframes blink-scale {

      0%,
      20%,
      100% {
        -webkit-transform: scale(1);
        transform: scale(1)
      }

      10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
      }
    }

    .chr-button,
    .chr-download-button {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 24px;
      cursor: pointer;
      display: -webkit-inline-box;
      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;
      position: relative;
      white-space: nowrap
    }

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

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

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

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

    .chr-button:disabled,
    .chr-button--disabled,
    .chr-download-button:disabled {
      cursor: default
    }

    .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
    }

    .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
    }

    .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 {
      color: #80868b
    }

    .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: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 {
      outline-offset: -2px
    }

    .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
    }

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

    .whats-new .chr-button,
    .whats-new .chr-download-button {
      color: #fff
    }

    .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
    }

    .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
    }

    .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 {
      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 {
      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
    }

    .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
    }

    .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 {
      outline: 2px auto #1967d2
    }

    .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: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 {
      outline-offset: -2px
    }

    .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-link--button-inverted,
    .chr-download-button--inverted {
      background-color: #fff
    }

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

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

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

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

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

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

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

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

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

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

    .chr-button--inverted:focus-visible,
    .chr-link--button-inverted:focus-visible,
    .chr-download-button--inverted:focus-visible {
      outline-offset: -2px
    }

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

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

    .chr-button--inverted .chr-button__icon,
    .chr-link--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-link--button-inverted .chr-button__icon,
    .dark-theme .chr-download-button--inverted .chr-button__icon {
      fill: #1967d2
    }

    .chr-button--inverted-border {
      color: #0b57d0
    }

    .dark-theme .chr-button--inverted-border {
      color: #a8c7fa
    }

    .chr-button--inverted-border {
      border: 1px solid #0b57d0
    }

    .dark-theme .chr-button--inverted-border {
      border: 1px solid #a8c7fa
    }

    .chr-button--inverted-border {
      background-color: rgba(0, 0, 0, 0)
    }

    .chr-button--inverted-border:hover {
      background-color: #d3e3fd
    }

    .dark-theme .chr-button--inverted-border:hover {
      background-color: #004a77
    }

    .chr-button--inverted-border:focus {
      background-color: #d3e3fd
    }

    .dark-theme .chr-button--inverted-border:focus {
      background-color: #004a77
    }

    .chr-button--inverted-border:focus {
      border: 2px solid #0b57d0
    }

    .dark-theme .chr-button--inverted-border:focus {
      border: 2px solid #a8c7fa
    }

    .chr-button--inverted-border:focus-visible {
      background-color: #d3e3fd
    }

    .dark-theme .chr-button--inverted-border:focus-visible {
      background-color: #004a77
    }

    .chr-button--inverted-border:focus-visible {
      border: 2px solid #0b57d0
    }

    .dark-theme .chr-button--inverted-border:focus-visible {
      border: 2px solid #a8c7fa
    }

    .chr-button--inverted-border:active {
      background-color: #d3e3fd
    }

    .dark-theme .chr-button--inverted-border:active {
      background-color: #004a77
    }

    .chr-button--inverted-border:active {
      border: 1px solid #0b57d0
    }

    .dark-theme .chr-button--inverted-border:active {
      border: 1px solid #a8c7fa
    }

    .chr-button--inverted-border .chr-button__icon {
      fill: #0b57d0
    }

    .dark-theme .chr-button--inverted-border .chr-button__icon {
      fill: #a8c7fa
    }

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

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

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

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

    .chr-button--secondary:hover,
    .chr-link--button-gemini: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-gemini: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-gemini:focus,
    .chr-link--button-secondary:focus,
    .chr-download-button--secondary:focus {
      overflow: unset
    }

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

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

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

    .dark-theme .chr-button--secondary:focus-visible,
    .dark-theme .chr-link--button-gemini: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:focus-visible,
    .chr-link--button-gemini:focus-visible,
    .chr-link--button-secondary:focus-visible,
    .chr-download-button--secondary:focus-visible {
      outline-offset: -2px
    }

    .chr-button--secondary:active,
    .chr-link--button-gemini: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-gemini: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-gemini .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-gemini .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
    }

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

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

    .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
    }

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

    .chr-button--link:focus-visible {
      outline-offset: -2px
    }

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

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

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

    .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
    }

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

    .whats-new .chr-button,
    .whats-new .chr-download-button {
      color: #fff
    }

    .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
    }

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

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

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

    .whats-new .chr-button:focus,
    .whats-new .chr-download-button:focus {
      outline-offset: -2px
    }

    .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-button--glow.chr-button--inverted-border {
      background-color: #f8fafd
    }

    .dark-theme .chr-button--glow.chr-button--inverted-border {
      background-color: #28292a
    }

    .chr-button--glow.chr-button--inverted-border {
      -webkit-transition: background-color .1s linear, border-color .1s linear;
      transition: background-color .1s linear, border-color .1s linear
    }

    .chr-button--glow.chr-button--inverted-border:hover,
    .chr-button--glow.chr-button--inverted-border:focus {
      background-color: #d3e3fd
    }

    .dark-theme .chr-button--glow.chr-button--inverted-border:hover,
    .dark-theme .chr-button--glow.chr-button--inverted-border:focus {
      background-color: #004a77
    }

    .chr-button--glow.chr-button--inverted-border:focus {
      border: 1px solid #0b57d0
    }

    .dark-theme .chr-button--glow.chr-button--inverted-border:focus {
      border: 1px solid #a8c7fa
    }

    .chr-button--glow.chr-button--inverted-border:focus-visible {
      background-color: #d3e3fd
    }

    .dark-theme .chr-button--glow.chr-button--inverted-border:focus-visible {
      background-color: #004a77
    }

    .chr-button--glow.chr-button--inverted-border:focus-visible {
      border: 1px solid #0b57d0
    }

    .dark-theme .chr-button--glow.chr-button--inverted-border:focus-visible {
      border: 1px solid #a8c7fa
    }

    .chr-button--glow.chr-button--inverted-border:active {
      background-color: #d3e3fd
    }

    .dark-theme .chr-button--glow.chr-button--inverted-border:active {
      background-color: #004a77
    }

    .chr-button--glow.chr-button--inverted-border:active {
      border: 1px solid #0b57d0
    }

    .dark-theme .chr-button--glow.chr-button--inverted-border:active {
      border: 1px solid #a8c7fa
    }

    .chr-button--glow.chr-button--inverted-border::before {
      background: radial-gradient(50% 50% at 50% 50%, #0b57d0 0%, #1967d2 100%)
    }

    .dark-theme .chr-button--glow.chr-button--inverted-border::before {
      background: radial-gradient(50% 50% at 50% 50%, #0b57d0 0%, #1967d2 100%)
    }

    .chr-button--glow.chr-button--inverted-border::before {
      content: " ";
      -webkit-filter: blur(6px);
      filter: blur(6px);
      height: 60%;
      opacity: 0;
      position: absolute;
      width: 60%;
      z-index: -1
    }

    .user-inactive .chr-button--glow::before {
      -webkit-animation: blink-glow 10s ease-in-out infinite;
      animation: blink-glow 10s ease-in-out infinite
    }

    .user-inactive .chr-button__glow-wrapper {
      -webkit-animation: blink-scale 10s ease-in-out infinite;
      animation: blink-scale 10s ease-in-out infinite
    }

    .chr-action-icon {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 1.75rem;
      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: border-radius .1s linear, width .3s linear, background-color .1s linear, -webkit-transform .3s ease-out;
      transition: border-radius .1s linear, width .3s linear, background-color .1s linear, -webkit-transform .3s ease-out;
      transition: transform .3s ease-out, border-radius .1s linear, width .3s linear, background-color .1s linear;
      transition: transform .3s ease-out, border-radius .1s linear, width .3s linear, background-color .1s linear, -webkit-transform .3s ease-out
    }

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

    .chr-action-icon__label {
      margin-left: 0.25rem;
      margin-right: auto;
      overflow: hidden;
      text-wrap: nowrap
    }

    @media only screen and (min-width: 1024px) {
      .chr-action-icon__label {
        margin-left: 0.5rem
      }
    }

    .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;
      margin: 0 6px;
      min-width: 32px;
      width: 32px
    }

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

    .chr-action-icon--regular-small-icon .chr-action-icon__icon {
      height: 20px;
      margin: 0 auto;
      min-width: 20px;
      width: 20px
    }

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

    .chr-action-icon--small .chr-action-icon__icon {
      height: 28px;
      margin: 0 4px;
      min-width: 28px;
      width: 28px
    }

    .chr-action-icon--small-gemini {
      height: 2.75rem;
      padding: .75rem 1rem;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content
    }

    @media only screen and (min-width: 1024px) {
      .chr-action-icon--small-gemini {
        padding: 0.75rem 0;
        width: 2.75rem
      }
    }

    .chr-action-icon--small-gemini .chr-action-icon__icon {
      aspect-ratio: 1/1;
      min-width: 1rem;
      -webkit-transition: -webkit-transform .8s cubic-bezier(0.52, 0, 0.07, 1);
      transition: -webkit-transform .8s cubic-bezier(0.52, 0, 0.07, 1);
      transition: transform .8s cubic-bezier(0.52, 0, 0.07, 1);
      transition: transform .8s cubic-bezier(0.52, 0, 0.07, 1), -webkit-transform .8s cubic-bezier(0.52, 0, 0.07, 1);
      width: 1rem
    }

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

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

    .chr-action-icon--large {
      font-size: 1rem;
      line-height: 1.5rem;
      letter-spacing: 0rem;
      color: #1967d2
    }

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

    .chr-action-icon--large {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500
    }

    .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
    }

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

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

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

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

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

    .chr-action-icon--primary:active {
      border: none
    }

    .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
    }

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

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

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

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

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

    .chr-action-icon--secondary:active {
      border: none
    }

    .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
    }

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

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

    .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
    }

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

    .chr-action-icon--tertiary:hover,
    .chr-action-icon--tertiary:focus {
      border: none
    }

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

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

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

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

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

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

    .chr-action-icon--tertiary:active {
      border: none
    }

    .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--theme-whats-new {
      background-color: #0b57d0
    }

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

    .chr-action-icon--theme-whats-new {
      color: #fff
    }

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

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

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

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

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

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

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

    .chr-action-icon--theme-whats-new:focus {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
    }

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

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

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

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

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

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

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

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

    .chr-action-icon--theme-light .chr-action-icon__label {
      color: #fff
    }

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

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

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

    .chr-action-icon--theme-light:hover,
    .chr-action-icon--theme-light:focus {
      -webkit-transform: scale(1.142);
      transform: scale(1.142)
    }

    .chr-action-icon--theme-light:focus-visible {
      background-color: #185abc
    }

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

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

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

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

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

    .chr-action-icon--theme-light:active {
      border: none
    }

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

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

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

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

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

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

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

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

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

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

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

    .chr-action-icon--theme-dark:hover,
    .chr-action-icon--theme-dark:focus {
      -webkit-transform: scale(1.142);
      transform: scale(1.142)
    }

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

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

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

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

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

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

    .chr-action-icon--theme-dark:active {
      border: none
    }

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

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

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

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

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

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

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

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

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

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

    .dark-theme .chr-action-icon--theme-whats-new-2025 {
      background-color: #004a77
    }

    .chr-action-icon--theme-whats-new-2025 {
      color: #1967d2
    }

    .dark-theme .chr-action-icon--theme-whats-new-2025 {
      color: #ecf3fe
    }

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

    .dark-theme .chr-action-icon--theme-whats-new-2025 .chr-action-icon__icon {
      fill: #ecf3fe
    }

    .chr-action-icon--theme-whats-new-2025:hover {
      background-color: #e0ebfd
    }

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

    .chr-action-icon--theme-whats-new-2025:focus {
      background-color: #e0ebfd
    }

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

    .chr-action-icon--theme-whats-new-2025:focus-visible {
      outline: 2px solid #0b57d0
    }

    .dark-theme .chr-action-icon--theme-whats-new-2025:focus-visible {
      outline: 2px solid #a8c7fa
    }

    .chr-action-icon--theme-whats-new-2025:active {
      background-color: #e0ebfd
    }

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

    .chr-action-icon--theme-whats-new-2025:disabled {
      background-color: #f8f9fa
    }

    .dark-theme .chr-action-icon--theme-whats-new-2025:disabled {
      background-color: #035
    }

    .chr-action-icon--theme-whats-new-2025:disabled {
      color: #80868b
    }

    .dark-theme .chr-action-icon--theme-whats-new-2025:disabled {
      color: #85aef0
    }

    .chr-action-icon--theme-whats-new-2025:disabled {
      pointer-events: none
    }

    .chr-action-icon--theme-whats-new-2025:disabled .chr-action-icon__icon {
      fill: #80868b
    }

    .dark-theme .chr-action-icon--theme-whats-new-2025:disabled .chr-action-icon__icon {
      fill: #85aef0
    }

    .chr-action-icon--theme-wn-closing-2025 {
      background-color: #fff
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025 {
      background-color: #004a77
    }

    .chr-action-icon--theme-wn-closing-2025 {
      color: #1f1f1f
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025 {
      color: #c2e7ff
    }

    .chr-action-icon--theme-wn-closing-2025 {
      border: 1px solid #dadce0
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025 {
      border: 1px solid #004a77
    }

    .chr-action-icon--theme-wn-closing-2025 .chr-action-icon__icon {
      fill: #1f1f1f
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025 .chr-action-icon__icon {
      fill: #c2e7ff
    }

    .chr-action-icon--theme-wn-closing-2025:hover {
      background-color: #e0ebfd
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:hover {
      background-color: #195c84
    }

    .chr-action-icon--theme-wn-closing-2025:hover {
      border: 1px solid #e0ebfd
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:hover {
      border: 1px solid #195c84
    }

    .chr-action-icon--theme-wn-closing-2025:focus {
      background-color: #e0ebfd
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:focus {
      background-color: #195c84
    }

    .chr-action-icon--theme-wn-closing-2025:focus {
      border: 1px solid #e0ebfd
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:focus {
      border: 1px solid #195c84
    }

    .chr-action-icon--theme-wn-closing-2025:focus-visible {
      outline: 2px solid #0b57d0
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:focus-visible {
      outline: 2px solid #a8c7fa
    }

    .chr-action-icon--theme-wn-closing-2025:focus-visible {
      border: 1px solid #e0ebfd
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:focus-visible {
      border: 1px solid #195c84
    }

    .chr-action-icon--theme-wn-closing-2025:active {
      background-color: #e0ebfd
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:active {
      background-color: #195c84
    }

    .chr-action-icon--theme-wn-closing-2025:active {
      border: 1px solid #e0ebfd
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:active {
      border: 1px solid #195c84
    }

    .chr-action-icon--theme-wn-closing-2025:disabled {
      background-color: #f8f9fa
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:disabled {
      background-color: #035
    }

    .chr-action-icon--theme-wn-closing-2025:disabled {
      color: #80868b
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:disabled {
      color: #85aef0
    }

    .chr-action-icon--theme-wn-closing-2025:disabled {
      pointer-events: none
    }

    .chr-action-icon--theme-wn-closing-2025:disabled .chr-action-icon__icon {
      fill: #80868b
    }

    .dark-theme .chr-action-icon--theme-wn-closing-2025:disabled .chr-action-icon__icon {
      fill: #85aef0
    }

    .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
    }

    @media only screen and (min-width: 1024px) {
      .chr-action-icon--gemini {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
      }

      .chr-action-icon--gemini:hover,
      .chr-action-icon--gemini:focus,
      .chr-action-icon--gemini:focus-visible {
        border-radius: var(--spacer-03);
        -webkit-transform: translate(1);
        transform: translate(1);
        width: 12ch
      }

      .chr-action-icon--gemini:hover .chr-action-icon__label,
      .chr-action-icon--gemini:focus .chr-action-icon__label,
      .chr-action-icon--gemini:focus-visible .chr-action-icon__label {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .7s linear .2s, -webkit-transform .7s cubic-bezier(0.4, 0, 0.2, 1);
        transition: opacity .7s linear .2s, -webkit-transform .7s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform .7s cubic-bezier(0.4, 0, 0.2, 1), opacity .7s linear .2s;
        transition: transform .7s cubic-bezier(0.4, 0, 0.2, 1), opacity .7s linear .2s, -webkit-transform .7s cubic-bezier(0.4, 0, 0.2, 1)
      }

      .chr-action-icon--gemini:hover .chr-action-icon__icon,
      .chr-action-icon--gemini:focus .chr-action-icon__icon,
      .chr-action-icon--gemini:focus-visible .chr-action-icon__icon {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
      }
    }

    @media only screen and (min-width: 1024px) {
      .chr-action-icon--gemini .chr-action-icon__label {
        margin-left: 0.5rem;
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: opacity .16s linear, -webkit-transform .5s cubic-bezier(0.59, 0, 0, 1);
        transition: opacity .16s linear, -webkit-transform .5s cubic-bezier(0.59, 0, 0, 1);
        transition: transform .5s cubic-bezier(0.59, 0, 0, 1), opacity .16s linear;
        transition: transform .5s cubic-bezier(0.59, 0, 0, 1), opacity .16s linear, -webkit-transform .5s cubic-bezier(0.59, 0, 0, 1)
      }
    }

    @media only screen and (min-width: 1024px) {
      .chr-action-icon--gemini .chr-action-icon__icon {
        margin-left: 0.875rem
      }
    }

    .chr-action-icon--gemini:hover,
    .chr-action-icon--gemini:focus-visible,
    .chr-action-icon--gemini:focus {
      -webkit-transform: scale(1);
      transform: scale(1)
    }

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

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

    @media only screen and (min-width: 1024px) {

      .chr-propagation:hover .chr-action-icon--gemini,
      .chr-propagation:focus .chr-action-icon--gemini {
        border-radius: var(--spacer-03);
        -webkit-transform: translate(1);
        transform: translate(1);
        width: 12ch
      }

      .chr-propagation:hover .chr-action-icon--gemini .chr-action-icon__label,
      .chr-propagation:focus .chr-action-icon--gemini .chr-action-icon__label {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .7s linear .2s, -webkit-transform .7s cubic-bezier(0.4, 0, 0.2, 1);
        transition: opacity .7s linear .2s, -webkit-transform .7s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform .7s cubic-bezier(0.4, 0, 0.2, 1), opacity .7s linear .2s;
        transition: transform .7s cubic-bezier(0.4, 0, 0.2, 1), opacity .7s linear .2s, -webkit-transform .7s cubic-bezier(0.4, 0, 0.2, 1)
      }

      .chr-propagation:hover .chr-action-icon--gemini .chr-action-icon__icon,
      .chr-propagation:focus .chr-action-icon--gemini .chr-action-icon__icon {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
      }
    }

    .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
    }

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

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

    .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
    }

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

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

    .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)
    }

    @media only screen and (min-width: 1024px) {
      [lang=ar] .chr-simplified-download-wrapper .chr-caption {
        max-width: 500px
      }
    }

    @media only screen and (min-width: 1024px) {
      [lang=fa] .chr-simplified-download-wrapper .chr-caption {
        max-width: 500px
      }
    }

    @media only screen and (min-width: 1024px) {
      [lang=he] .chr-simplified-download-wrapper .chr-caption {
        max-width: 500px
      }
    }

    .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
    }

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

    .chr-checkbox__input {
      margin-right: 16px;
      -webkit-transform: scale(1.5);
      transform: scale(1.5)
    }

    [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: -webkit-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;
      -ms-grid-columns: (1fr)[4];
      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;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 40px;
        -ms-grid-columns: (1fr)[12];
        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;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 48px;
        -ms-grid-columns: (1fr)[12];
        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;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 64px;
        -ms-grid-columns: (1fr)[12];
        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
      }
    }

    .chr-grid-default-parent--io {
      margin-block: 4rem var(--spacer-02)
    }

    @media only screen and (min-width: 1024px) {
      .chr-grid-default-parent--io {
        margin-block: unset
      }
    }

    @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
      }

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

      .handler-media:hover,
      .handler-media:focus {
        border-color: rgba(0, 0, 0, 0)
      }
    }

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

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

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

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

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

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

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

    .handler-media:focus-visible {
      border-width: 2px;
      outline: 0
    }

    .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
    }

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

    .handler-media__text {
      font-family: "Google Sans Text", arial, sans-serif;
      font-weight: 400;
      text-wrap: nowrap
    }

    .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
    }

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

    .handler-media--button-circle::after {
      font-size: 0.75rem;
      line-height: 1.125rem;
      letter-spacing: 0.009375rem;
      color: #202124
    }

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

    .handler-media--button-circle::after {
      border-radius: 0.25rem;
      content: attr(aria-label);
      font-family: "Google Sans Text", arial, sans-serif;
      font-weight: 400;
      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
    }

    .handler-media--button-text {
      border-radius: 24px;
      cursor: pointer;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      padding: 4px 12px 4px 8px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      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--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
    }

    .handler-media--label-bottom::after {
      left: 0;
      top: 3rem
    }

    .handler-media--label-left::after {
      left: calc(-100% - 36px);
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
    }

    .handler-media--label-right::after {
      left: calc(100% + 12px);
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
    }

    .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
    }

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

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

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

    @media(hover: hover)and (pointer: fine) {

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

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

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

    ::view-transition-new(root),
    ::view-transition-old(root) {
      -webkit-animation-duration: .8s;
      animation-duration: .8s
    }

    ::view-transition-old(root) {
      -webkit-animation: shrinkOut .8s forwards;
      animation: shrinkOut .8s forwards;
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
    }

    ::view-transition-new(root) {
      -webkit-animation: growIn .8s forwards;
      animation: growIn .8s forwards;
      opacity: 0;
      -webkit-transform: scale(1.05);
      transform: scale(1.05)
    }

    @-webkit-keyframes shrinkOut {
      to {
        opacity: 0;
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
      }
    }

    @keyframes shrinkOut {
      to {
        opacity: 0;
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
      }
    }

    @-webkit-keyframes growIn {
      from {
        opacity: 0;
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
      }
    }

    @keyframes growIn {
      from {
        opacity: 0;
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
      }
    }

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

    .chr-icon-text--icon {
      height: var(--icon_height);
      margin: var(--icon_margin)
    }

    .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: -webkit-inline-box;
      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: -webkit-inline-box;
      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--reversed {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-inline-box;
      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--jumplink {
      color: #5f6368
    }

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

    .chr-link--jumplink {
      -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
    }

    @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
    }

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

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

    .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
    }

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

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

    .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
    }

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

    .chr-link--large {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500
    }

    .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
    }

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

    .chr-link--primary:focus-visible {
      outline-offset: -2px
    }

    .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--whats-new {
      color: #0b57d0
    }

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

    .chr-link--whats-new:hover,
    .chr-link--whats-new:focus,
    .chr-link--whats-new:focus-visible {
      color: #2368d4
    }

    .dark-theme .chr-link--whats-new:hover,
    .dark-theme .chr-link--whats-new:focus,
    .dark-theme .chr-link--whats-new:focus-visible {
      color: #a0bded
    }

    .chr-link--whats-new:hover .chr-link__icon,
    .chr-link--whats-new:focus .chr-link__icon,
    .chr-link--whats-new:focus-visible .chr-link__icon {
      fill: #2368d4
    }

    .dark-theme .chr-link--whats-new:hover .chr-link__icon,
    .dark-theme .chr-link--whats-new:focus .chr-link__icon,
    .dark-theme .chr-link--whats-new:focus-visible .chr-link__icon {
      fill: #a0bded
    }

    .chr-link--whats-new:focus {
      outline: unset
    }

    .chr-link--whats-new:focus-visible {
      outline: 2px auto #1967d2
    }

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

    .chr-link--whats-new:focus-visible {
      outline-offset: -2px
    }

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

    .dark-theme .chr-link--whats-new .chr-link__icon {
      fill: #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
    }

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

    .chr-link--on-black:focus-visible {
      outline-offset: -2px
    }

    .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
    }

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

    .chr-link--inline,
    .chr-download-button--inline {
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      padding: 0;
      text-align: left
    }

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

    .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:hover,
    .chr-download-button--inline:hover {
      text-decoration: underline
    }

    .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
    }

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

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

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

    .chr-link--inline:focus-visible,
    .chr-download-button--inline:focus-visible {
      outline-offset: -2px;
      text-decoration: underline
    }

    .chr-link--scroll-down {
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-inline-box;
      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-gemini,
    .chr-link--button-inverted,
    .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: -webkit-fit-content;
      width: -moz-fit-content;
      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
    }

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

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

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

    .dark-theme .whats-new .chr-link--button-primary {
      color: #062e6f
    }

    .whats-new .chr-link--button-primary {
      margin: 12px 0 0
    }

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

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

    .chr-link--button-gemini {
      -webkit-animation: infinite-linear-gradient 4s linear infinite;
      animation: infinite-linear-gradient 4s linear infinite;
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
      background: linear-gradient(77deg, #3186ff 6.99%, #346bf1 45.46%, #4fa0ff 88.2%);
      background-position: 13.3% 0%;
      background-size: 1400% 400%;
      overflow: hidden;
      position: relative
    }

    .chr-link--button-gemini .chr-link__label {
      position: relative;
      -webkit-transition: color .2s linear;
      transition: color .2s linear
    }

    .chr-link--button-gemini::before {
      background: #e8f0fe;
      border-radius: 24px;
      content: " ";
      height: 100%;
      left: 0%;
      position: absolute;
      top: 0%;
      -webkit-transition: opacity .2s linear;
      transition: opacity .2s linear;
      width: 100%
    }

    .chr-link--button-gemini:hover,
    .chr-link--button-gemini:focus {
      -webkit-animation-play-state: running;
      animation-play-state: running
    }

    .chr-link--button-gemini:hover::before,
    .chr-link--button-gemini:focus::before {
      opacity: 0
    }

    .chr-link--button-gemini:hover .chr-link__label,
    .chr-link--button-gemini:focus .chr-link__label {
      color: #202124
    }

    .dark-theme .chr-link--button-gemini:hover .chr-link__label,
    .dark-theme .chr-link--button-gemini:focus .chr-link__label {
      color: #202124
    }

    *,
    *::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
    }

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

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

    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
    }

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

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

    body.whats-new-2025.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: .0001;
      -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
    }

    .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
    }

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

    .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
    }

    .headline.animation.animated,
    .animation.animated.chr-headline-6,
    .animation.animated.chr-headline-5,
    .animation.animated.chr-headline-4,
    .animation.animated.chr-headline-3,
    .animation.animated.chr-headline-2,
    .animation.animated.chr-headline-1,
    .animation.animated.chr-headline-0 {
      -webkit-animation: var(--animation-name) var(--animation-duration) var(--animation-timing);
      animation: var(--animation-name) var(--animation-duration) var(--animation-timing);
      -webkit-animation-fill-mode: var(--animation-fill-mode);
      animation-fill-mode: var(--animation-fill-mode)
    }

    .chr-base-text {
      --max-width: unset;
      --max-width-sm: var(--max-width);
      --max-width-md: var(--max-width);
      --max-width-lg: var(--max-width);
      --max-width-xl: var(--max-width);
      max-width: var(--max-width-sm)
    }

    @media only screen and (min-width: 600px) {
      .chr-base-text {
        max-width: var(--max-width-md)
      }
    }

    @media only screen and (min-width: 1024px) {
      .chr-base-text {
        max-width: var(--max-width-lg)
      }
    }

    @media only screen and (min-width: 1440px) {
      .chr-base-text {
        max-width: var(--max-width-xl)
      }
    }

    .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
    }

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

    .chr-copy {
      font-family: "Google Sans Text", arial, sans-serif;
      font-weight: 400
    }

    .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
    }

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

    .chr-copy-xl {
      font-family: "Google Sans Text", arial, sans-serif
    }

    .chr-copy-xxl {
      font-size: 1.25rem;
      line-height: 1.75rem;
      color: #202124
    }

    .dark-theme .chr-copy-xxl {
      color: #202124
    }

    .chr-copy-xxl {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400
    }

    @media only screen and (min-width: 600px) {
      .chr-copy-xxl {
        font-size: 1.5rem;
        line-height: 2rem
      }
    }

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

    .chr-link-small {
      font-size: 0.75rem;
      line-height: 1.25rem;
      letter-spacing: 0.009375rem;
      color: #1967d2
    }

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

    .chr-link-small {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500
    }

    .chr-link-large {
      font-size: 1.125rem;
      line-height: 1.5rem;
      letter-spacing: 0rem;
      color: #1967d2
    }

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

    .chr-link-large {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500
    }

    .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
    }

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

    @media only screen and (min-width: 600px)and (max-width: 1023px) {
      .chr-cta--md {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-family: "Google Sans Text", arial, sans-serif;
        font-weight: 500
      }
    }

    @media only screen and (min-width: 1024px)and (max-width: 1439px) {
      .chr-cta--lg {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-family: "Google Sans Text", arial, sans-serif;
        font-weight: 500
      }
    }

    @media only screen and (min-width: 1439px) {
      .chr-cta--xl {
        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
    }

    @media only screen and (min-width: 0)and (max-width: 599px) {
      .chr-cta-small--sm {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.009375rem;
        font-family: "Google Sans Text", arial, sans-serif;
        font-weight: 500
      }
    }

    @media only screen and (min-width: 600px)and (max-width: 1023px) {
      .chr-cta-small--md {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.009375rem;
        font-family: "Google Sans Text", arial, sans-serif;
        font-weight: 500
      }
    }

    @media only screen and (min-width: 1024px)and (max-width: 1439px) {
      .chr-cta-small--lg {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.009375rem;
        font-family: "Google Sans Text", arial, sans-serif;
        font-weight: 500
      }
    }

    @media only screen and (min-width: 1439px) {
      .chr-cta-small--xl {
        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
    }

    @media only screen and (min-width: 0)and (max-width: 599px) {
      .chr-cta-large--sm {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-family: "Google Sans", arial, sans-serif;
        font-weight: 500
      }
    }

    @media only screen and (min-width: 600px)and (max-width: 1023px) {
      .chr-cta-large--md {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-family: "Google Sans", arial, sans-serif;
        font-weight: 500
      }
    }

    @media only screen and (min-width: 1024px)and (max-width: 1439px) {
      .chr-cta-large--lg {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        font-family: "Google Sans", arial, sans-serif;
        font-weight: 500
      }
    }

    @media only screen and (min-width: 1439px) {
      .chr-cta-large--xl {
        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
    }

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

    .chr-eyebrow {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500;
      text-transform: uppercase
    }

    .chr-eyebrow-xl {
      font-size: 1.125rem;
      line-height: 1.75rem;
      letter-spacing: 0.015625rem;
      color: #202124
    }

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

    .chr-eyebrow-xl {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 700;
      text-transform: uppercase
    }

    .chr-eyebrow-xxl {
      font-size: 1.25rem;
      line-height: 1.5rem;
      color: #202124
    }

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

    .chr-eyebrow-xxl {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400
    }

    @media only screen and (min-width: 600px) {
      .chr-eyebrow-xxl {
        font-size: 1.5rem;
        line-height: 2rem
      }
    }

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

    .chr-product {
      font-size: 1.375rem;
      line-height: 1.75rem;
      letter-spacing: 0rem;
      color: #202124
    }

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

    .chr-product {
      font-family: "Product Sans", arial, sans-serif;
      font-weight: 400
    }

    .chr-caption {
      font-size: 0.75rem;
      line-height: 1.125rem;
      letter-spacing: 0.009375rem;
      color: #5f6368
    }

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

    .chr-caption {
      font-family: "Google Sans Text", arial, sans-serif;
      font-weight: 400
    }

    .chr-pill-xl {
      font-size: 4.5rem;
      line-height: 5.25rem;
      letter-spacing: -0.09375rem;
      color: #202124
    }

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

    .chr-pill-xl {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500
    }

    .chr-pill-lg {
      font-size: 4rem;
      line-height: 4.5rem;
      letter-spacing: -0.078125rem;
      color: #202124
    }

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

    .chr-pill-lg {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500
    }

    .chr-pill {
      font-size: 3.25rem;
      line-height: 4.5rem;
      letter-spacing: -0.078125rem;
      color: #202124
    }

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

    .chr-pill {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500
    }

    .chr-pill-md {
      font-size: 2.5rem;
      line-height: 3rem;
      letter-spacing: -0.078125rem;
      color: #202124
    }

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

    .chr-pill-md {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500;
      text-align: center
    }

    .chr-pill-sm {
      font-size: 2rem;
      line-height: 2.5rem;
      letter-spacing: -0.046875rem;
      color: #202124
    }

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

    .chr-pill-sm {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500;
      text-align: center
    }

    .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
      }
    }

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

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

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

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

    @media only screen and (min-width: 1441px) {
      .chr-text-decoration-underline--xl {
        text-decoration: underline
      }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @media only screen and (min-width: 1441px) {
      .chr-text-align-center--xl {
        text-align: center
      }
    }

    .chr-text-align-justify {
      text-align: justify
    }

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

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

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

    @media only screen and (min-width: 1441px) {
      .chr-text-align-justify--xl {
        text-align: justify
      }
    }

    .chr-text-align-left {
      text-align: left
    }

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

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

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

    @media only screen and (min-width: 1441px) {
      .chr-text-align-left--xl {
        text-align: left
      }
    }

    .chr-text-align-right {
      text-align: right
    }

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

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

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

    @media only screen and (min-width: 1441px) {
      .chr-text-align-right--xl {
        text-align: right
      }
    }

    .chr-text-gradient-gemini {
      background: linear-gradient(77deg, #3186ff 6.99%, #346bf1 45.46%, #4fa0ff 88.2%);
      -webkit-background-clip: text;
      background-clip: text;
      color: rgba(0, 0, 0, 0)
    }

    :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-retina-image__cover {
      -webkit-transform-origin: 91% 93%;
      transform-origin: 91% 93%;
      -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-retina-image__cover:hover,
    .chr-retina-image__cover:focus-visible {
      cursor: pointer;
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
    }

    .chr-retina-image--3-4 .chr-retina-image__cover {
      -webkit-transform-origin: 91% 93%;
      transform-origin: 91% 93%
    }

    .chr-card-adaptive {
      --scale_start: 1;
      --scale_end: 1;
      --scale_base_start: 1;
      --scale_base_end: 1;
      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__action-icon {
      bottom: var(--spacer-02);
      position: absolute;
      right: var(--spacer-02)
    }

    .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 .chr-card-adaptive__image-1 {
      -webkit-transform: scale(var(--scale_base_start));
      transform: scale(var(--scale_base_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,
    .chr-card-adaptive--scale:focus-within .chr-card-adaptive__image,
    .chr-card-adaptive--scale:focus-within .chr-card-adaptive__image-2,
    .chr-card-adaptive--scale:focus-within .chr-card-adaptive__lottie,
    .chr-card-adaptive--scale:focus-within .chr-card-adaptive__video {
      -webkit-transform: scale(var(--scale_end));
      transform: scale(var(--scale_end))
    }

    .chr-card-adaptive--scale:hover .chr-card-adaptive__image-1,
    .chr-card-adaptive--scale:focus .chr-card-adaptive__image-1,
    .chr-card-adaptive--scale:focus-within .chr-card-adaptive__image-1 {
      -webkit-transform: scale(var(--scale_base_end));
      transform: scale(var(--scale_base_end))
    }

    .chr-card-adaptive--padding-sm .chr-card-adaptive__content-wrapper {
      padding: 2rem
    }

    .chr-card-adaptive--padding-sm-io .chr-card-adaptive__content-wrapper,
    .chr-card-adaptive--padding-md-io .chr-card-adaptive__content-wrapper {
      padding: 1.5rem 2rem 0
    }

    .chr-card-adaptive--padding-sm-io .chr-card-adaptive__action-icon,
    .chr-card-adaptive--padding-md-io .chr-card-adaptive__action-icon {
      bottom: var(--spacer-03);
      left: var(--spacer-03)
    }

    .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)
      }
    }

    @media only screen and (min-width: 600px) {
      .chr-card-adaptive--padding-md-io .chr-card-adaptive__content-wrapper {
        padding: 2.5rem 4rem var(--spacer-01)
      }
    }

    .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%
    }

    [lang=hu] .chr-card-adaptive--media-cover .chr-card-adaptive__media .chr-share-tabs-img {
      bottom: 0;
      height: 90%
    }

    [lang=ja] .chr-card-adaptive--media-cover .chr-card-adaptive__media .chr-share-tabs-img {
      bottom: 0;
      height: 90%
    }

    [lang=lt] .chr-card-adaptive--media-cover .chr-card-adaptive__media .chr-share-tabs-img {
      bottom: 0;
      height: 90%
    }

    [lang=lv] .chr-card-adaptive--media-cover .chr-card-adaptive__media .chr-share-tabs-img {
      bottom: 0;
      height: 90%
    }

    .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: -webkit-min-content;
        height: -moz-min-content;
        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-columns: var(--text-wrap-width) 1fr;
        grid-template-columns: var(--text-wrap-width) 1fr;
        -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-columns: var(--text-wrap-width) 1fr;
        grid-template-columns: var(--text-wrap-width) 1fr;
        -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
    }

    @media only screen and (min-width: 1024px) {
      .chr-card-adaptive--landscape-flex .chr-card-adaptive__upper-wrapper {
        -ms-flex-preferred-size: var(--text-wrap-width);
        flex-basis: var(--text-wrap-width);
        max-width: var(--text-wrap-width)
      }
    }

    .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%)
      }

      .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%)
      }

      .chr-card-adaptive--landscape-flex .chr-card-adaptive__badge {
        border: unset
      }
    }

    @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-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 {
        max-width: var(--text-wrap-width);
        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 (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 {
        max-width: var(--text-wrap-width);
        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
      }
    }

    .chr-card-adaptive--io {
      gap: var(--spacer-01);
      height: 100%
    }

    @media only screen and (min-width: 1024px) {
      .chr-card-adaptive--io {
        gap: var(--spacer-02)
      }
    }

    .chr-card-adaptive--io .chr-card-adaptive__heading {
      margin-top: 0
    }

    .chr-card-adaptive--io .chr-card-adaptive__media {
      -ms-flex-item-align: end;
      align-self: flex-end;
      height: 106px;
      width: 170px
    }

    .chr-card-adaptive--io .chr-card-adaptive__action-icon {
      bottom: var(--spacer-03);
      left: var(--spacer-04)
    }

    .chr-card-adaptive--io:hover,
    .chr-card-adaptive--io:focus-visible,
    .chr-card-adaptive--io:focus-within {
      cursor: pointer
    }

    @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-card-adaptive.animation.animated {
      -webkit-animation: var(--animation-name) var(--animation-duration) var(--animation-timing);
      animation: var(--animation-name) var(--animation-duration) var(--animation-timing);
      -webkit-animation-fill-mode: var(--animation-fill-mode);
      animation-fill-mode: var(--animation-fill-mode)
    }

    [lang=bg] .shared-static-card .chr-card-adaptive__content-wrapper {
      height: 390px
    }

    [lang=el] .shared-static-card .chr-card-adaptive__content-wrapper {
      height: 390px
    }

    [lang=he] .shared-static-card .chr-card-adaptive__content-wrapper {
      height: 390px
    }

    [lang=sk] .shared-static-card .chr-card-adaptive__content-wrapper {
      height: 390px
    }

    [lang=sl] .shared-static-card .chr-card-adaptive__content-wrapper {
      height: 390px
    }

    [lang=ru] .shared-static-card .chr-card-adaptive__content-wrapper {
      height: 390px
    }

    [lang=tr] .shared-static-card .chr-card-adaptive__content-wrapper {
      height: 390px
    }

    [lang=uk] .shared-static-card .chr-card-adaptive__content-wrapper {
      height: 390px
    }

    .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: 88px;
      will-change: top
    }

    @media only screen and (min-width: 1024px) {
      .chr-jumplinks-v2 {
        display: block
      }
    }

    .chr-jumplinks-v2__list {
      background-color: #fff
    }

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

    .chr-jumplinks-v2__list {
      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: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content
    }

    .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
    }

    @media only screen and (min-width: 1024px) {
      .chr-jumplinks-v2-wrapper {
        display: block;
        visibility: visible
      }
    }

    .chr-jumplinks-v2-wrapper {
      position: relative
    }

    .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(88px);
      transform: translateY(88px)
    }

    .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: 88px
    }

    .fix-jumplinks .chr-jumplinks-v2--sticky {
      position: fixed;
      top: 88px
    }

    .chr-download-button-v2 {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #1a73e8;
      border-radius: 24px;
      border-radius: 32px;
      color: #fff;
      cursor: pointer;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      font-family: "Google Sans", arial, sans-serif;
      font-size: 1.125rem;
      font-weight: 500;
      gap: 12px;
      height: auto;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      letter-spacing: 0;
      line-height: 1.5rem;
      padding: 20px 32px;
      white-space: nowrap
    }

    .chr-download-button-v2:hover {
      background-color: #185abc
    }

    .chr-download-button-v2:focus {
      outline: unset
    }

    .chr-download-button-v2:focus-visible {
      outline: 2px auto #1967d2
    }

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

    .chr-download-button-v2:focus-visible {
      background-color: #185abc;
      outline-offset: -2px
    }

    .chr-download-button-v2:active {
      background-color: #174ea6
    }

    .chr-download-button-v2__icon {
      fill: currentColor;
      height: 24px;
      width: 24px
    }

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

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

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

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

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

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

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

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

    .chr-download-button-v2.external:hover .chr-download-button-v2__icon,
    .chr-download-button-v2.external:focus .chr-download-button-v2__icon {
      -webkit-transform: translate(4px, -4px);
      transform: translate(4px, -4px)
    }

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

    .retry-download__button {
      cursor: pointer
    }

    .chr-deprecated-banner {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #e8f0fe;
      border-radius: 8px;
      -webkit-column-gap: 12px;
      -moz-column-gap: 12px;
      column-gap: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 8px 16px
    }

    .chr-deprecated-banner__icon {
      height: 16px;
      width: 16px
    }

    .chr-deprecated-banner__label {
      color: #5f6368;
      display: inline-block;
      font-family: "Google Sans Text", arial, sans-serif;
      font-size: .75rem;
      font-weight: 400;
      letter-spacing: .009375rem;
      line-height: 1.125rem;
      max-width: 456px
    }

    .chr-download-sniffer-v2,
    .chr-download-legal-v2 {
      color: #5f6368;
      font-family: "Google Sans Text", arial, sans-serif;
      font-size: .75rem;
      font-weight: 400;
      letter-spacing: .009375rem;
      line-height: 1.125rem
    }

    .chr-download-legal-v2 a {
      border: none;
      color: #1967d2;
      cursor: pointer;
      display: inline-block;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      padding: 0
    }

    .chr-installer-update {
      color: #1967d2;
      display: inline-block;
      font-family: "Google Sans", arial, sans-serif;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 1.5rem
    }

    .chr-installer-update__icon {
      fill: #1967d2;
      height: 16px;
      -webkit-transform: translateY(3px);
      transform: translateY(3px);
      -webkit-transition: -webkit-transform 100ms linear;
      transition: -webkit-transform 100ms linear;
      transition: transform 100ms linear;
      transition: transform 100ms linear, -webkit-transform 100ms linear;
      width: 16px
    }

    .chr-installer-update:hover~.chr-installer-update__icon,
    .chr-installer-update:focus~.chr-installer-update__icon {
      -webkit-transform: translate(4px, -1px);
      transform: translate(4px, -1px)
    }

    .simplify-download {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0 auto;
      max-width: 516px
    }

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

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

    .simplify-download__deprecated+.simplify-download__checkbox {
      margin-top: var(--spacer-03)
    }

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

    .simplify-download__update+.simplify-download__checkbox {
      margin-top: var(--spacer-03)
    }

    .simplify-download__checkbox {
      -ms-flex-item-align: start;
      align-self: flex-start;
      width: 100%
    }

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

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

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

    .simplify-download__legal {
      margin: var(--spacer-03) 0 auto;
      max-width: 400px;
      text-align: center
    }

    .simplify-download__legal>a {
      display: inline-block
    }

    .simplify-download__others {
      margin: var(--spacer-01) 0 auto;
      max-width: 400px;
      text-align: center;
      text-wrap-style: pretty
    }

    .simplify-download__others>a {
      display: inline
    }

    .simplify-download__deprecation-description {
      text-align: center
    }

    .channel-page .simplify-download__legal {
      margin: var(--spacer-02) 0 auto
    }

    .channel-page .simplify-download__checkbox {
      margin-top: var(--spacer-03)
    }

    .channel-page .simplify-download .simplify-download__sniffer+.simplify-download__legal {
      margin: var(--spacer-03) 0 auto
    }

    .channel-page .simplify-download .simplify-download__legal[style*="display: none;"]+.simplify-download__others {
      margin: var(--spacer-03) 0 auto
    }

    .channel-page .simplify-download .simplify-download__checkbox+.simplify-download__checkbox {
      margin-top: var(--spacer-01)
    }

    .chr-download-caption-v2 {
      font-size: 0.8125rem;
      line-height: 1.3125rem;
      letter-spacing: 0.009375rem;
      color: #80868b;
      display: inline-block;
      font-family: "Google Sans Text", arial, sans-serif;
      font-weight: 400;
      margin: 0 0 var(--spacer-03)
    }

    .chr-download-packages-v2 {
      font-size: 0.75rem;
      line-height: 1.125rem;
      letter-spacing: 0.009375rem;
      color: #80868b;
      display: inline-block;
      font-family: "Google Sans Text", arial, sans-serif;
      font-weight: 400;
      margin: 0 0 var(--spacer-03)
    }

    .chr-download-packages-v2 a {
      color: #1967d2
    }

    .eula-download__button .chr-download-button-v2 {
      font-family: "Google Sans Text", arial, sans-serif;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 1.5rem;
      padding: 12px 24px
    }

    .eula-download__button svg {
      display: none
    }

    .eula-download__deprecated>.chr-deprecated-banner {
      margin: var(--spacer-03) 0
    }

    .eula-download__checkbox-default>.chr-checkbox {
      margin-bottom: var(--spacer-01)
    }

    .eula-download__checkbox-stats>.chr-checkbox {
      margin-bottom: var(--spacer-02)
    }

    .eula-download__button--header>.chr-download-button-v2 {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 24px;
      cursor: pointer;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 8px;
      height: auto;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 12px 24px;
      white-space: nowrap
    }

    .eula-download__button--header>.chr-download-button-v2 .chr-download-button-v2__label {
      font-size: 1rem;
      line-height: 1.5rem;
      font-family: "Google Sans Text", arial, sans-serif;
      font-weight: 500
    }

    .eula-download__options {
      font-size: 0.75rem;
      line-height: 1.125rem;
      letter-spacing: 0.009375rem;
      color: #80868b;
      font-family: "Google Sans Text", arial, sans-serif;
      font-weight: 400;
      margin: 0 0 var(--spacer-03);
      margin-bottom: var(--spacer-03)
    }

    .eula-download__heading {
      font-size: 2rem;
      line-height: 2.5rem
    }

    .eula-download__subheading {
      font-size: 1.25rem;
      line-height: 1.75rem;
      margin-bottom: 8px;
      margin-top: 48px
    }

    .eula-download__copy,
    .eula-download__text-link {
      font-size: 1rem;
      line-height: 1.5rem;
      color: #80868b;
      font-family: "Google Sans Text", arial, sans-serif;
      font-weight: 400;
      margin: 0 0 var(--spacer-03)
    }

    .eula-download__copy a,
    .eula-download__text-link a {
      color: #1967d2
    }

    .eula-download__radio .chr-radio {
      -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: 8px;
      margin: 0 20px var(--spacer-01) 0
    }

    .eula-download__radio .chr-radio>input[type=radio] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 24px;
      position: relative;
      width: 24px
    }

    .eula-download__radio .chr-radio>input[type=radio]:focus {
      outline: none
    }

    .eula-download__radio .chr-radio>input[type=radio]::before {
      border: 2px solid #1967d2
    }

    .dark-theme .eula-download__radio .chr-radio>input[type=radio]::before {
      border: 2px solid #1967d2
    }

    .eula-download__radio .chr-radio>input[type=radio]::before {
      border-radius: 100%;
      content: "";
      height: 20px;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 20px
    }

    .eula-download__radio .chr-radio>input[type=radio]:checked::after {
      background-color: #1967d2
    }

    .dark-theme .eula-download__radio .chr-radio>input[type=radio]:checked::after {
      background-color: #1967d2
    }

    .eula-download__radio .chr-radio>input[type=radio]:checked::after {
      border-radius: 100%;
      content: "";
      height: 12px;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 12px
    }

    .eula-download__radio .chr-radio:first-of-type {
      margin-bottom: var(--spacer-01)
    }

    .other-download {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-column: 1/5;
      -ms-grid-row: 2;
      grid-row: 2
    }

    @media only screen and (min-width: 600px) {
      .other-download {
        -ms-grid-column: 3;
        -ms-grid-column-span: 8;
        grid-column: 3/11
      }
    }

    .other-download__button {
      margin: 0 auto var(--spacer-01);
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content
    }

    .other-download__sniffer {
      margin-bottom: var(--spacer-03);
      text-align: center
    }

    .other-download__checkbox-default {
      margin: 0 auto var(--spacer-02);
      max-width: 516px;
      width: 100%
    }

    .other-download__checkbox-stats {
      margin: 0 auto var(--spacer-02);
      max-width: 516px;
      width: 100%
    }

    .other-download__deprecated {
      margin: 0 auto var(--spacer-03);
      max-width: 516px
    }

    .other-download__legal {
      margin: 0 auto;
      max-width: 516px;
      text-align: center
    }

    .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download {
      -webkit-box-align: unset;
      -ms-flex-align: unset;
      align-items: unset
    }

    .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download .chr-download-button-v2 {
      font-size: 1rem;
      line-height: 1.5rem;
      letter-spacing: 0rem;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #1a73e8;
      border-radius: 24px;
      border-radius: 32px;
      color: #fff;
      cursor: pointer;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 500;
      gap: var(--spacer-01);
      height: auto;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      letter-spacing: 0;
      margin: var(--spacer-03) auto var(--spacer-01);
      padding: 0.75rem var(--spacer-03);
      white-space: nowrap
    }

    .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download .chr-download-button-v2__icon {
      fill: currentColor;
      height: 1.125rem;
      width: 1.125rem
    }

    .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download__sniffer {
      margin-top: unset;
      text-align: unset
    }

    @media only screen and (min-width: 600px) {
      .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download__sniffer {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
      }
    }

    .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download__legal {
      margin: var(--spacer-01) auto 0;
      max-width: unset;
      text-align: unset
    }

    .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download__update {
      margin-top: var(--spacer-01)
    }

    .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download__update+.chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download__checkbox {
      margin-top: var(--spacer-01)
    }

    .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download__checkbox-default {
      margin-top: var(--spacer-01)
    }

    .chr-card-adaptive--use-download-button .chr-card-adaptive__content-wrapper .simplify-download__checkbox-stats {
      margin-top: var(--spacer-01)
    }

    body.eula_shell.update download-button svg,
    .chr-jumplinks-mobile__list-item download-button svg,
    .chr-header-v3 download-button svg {
      display: none
    }

    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-jumplinks-mobile {
      --translate-show: 0;
      --translate-hide: 100%;
      background-color: #fff
    }

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

    .chr-jumplinks-mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      visibility: visible
    }

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

    .chr-jumplinks-mobile {
      -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: -webkit-box;
      display: -ms-flexbox;
      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
    }

    .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
    }

    .dark-theme .chr-jumplinks-mobile__menu-list {
      background-color: #fff
    }

    .chr-jumplinks-mobile__menu-list {
      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
    }

    .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: -webkit-fit-content;
      width: -moz-fit-content;
      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-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-footer {
      display: none
    }

    :root {
      --gutter-inline: 56px
    }

    @media only screen and (min-width: 600px) {
      :root {
        --gutter-inline: 80px
      }
    }

    @media only screen and (min-width: 1024px) {
      :root {
        --gutter-inline: 144px
      }
    }

    @media only screen and (min-width: 1440px) {
      :root {
        --gutter-inline: 148px
      }
    }

    .chr-promo-banner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      gap: 0.5rem;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: var(--spacer-02);
      position: relative;
      width: 100%;
      z-index: 1
    }

    @media only screen and (min-width: 600px) {
      .chr-promo-banner {
        padding: var(--spacer-01) var(--spacer-05) var(--spacer-01) var(--spacer-02)
      }
    }

    @media only screen and (min-width: 1024px) {
      .chr-promo-banner {
        gap: 1.5rem;
        padding: var(--spacer-01) var(--spacer-05) var(--spacer-01) var(--spacer-03)
      }
    }

    .chr-promo-banner~#qr-popup .chr-home-qr-popup {
      top: 125px
    }

    .chr-promo-banner--top {
      margin-bottom: -64px;
      margin-top: 64px
    }

    .chr-promo-banner__content-wrapper {
      -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: 1rem
    }

    .chr-promo-banner__heading {
      font-family: "Google Sans Text", arial, sans-serif
    }

    .chr-promo-banner__image {
      aspect-ratio: 1;
      display: none
    }

    @media only screen and (min-width: 600px) {
      .chr-promo-banner__image {
        display: block;
        height: auto;
        width: 40px
      }
    }

    .chr-promo-banner__button-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 1.5rem
    }

    @media only screen and (min-width: 0)and (max-width: 390px) {
      .chr-promo-banner__cta {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.009375rem;
        font-family: "Google Sans", arial, sans-serif;
        font-weight: 500
      }

      .chr-promo-banner__cta .chr-link__icon {
        height: 12px;
        width: 12px
      }
    }

    @media only screen and (min-width: 0)and (max-width: 600px) {
      .chr-promo-banner__button {
        padding: 0.75rem 1rem
      }
    }

    .chr-promo-banner__separator {
      background: #669df6;
      border: none;
      height: 1.5625rem;
      width: 0.0625rem
    }

    .chr-promo-banner--io {
      border-radius: 0.625rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      gap: var(--spacer-01);
      margin-block: 2rem;
      margin-inline: auto;
      max-width: calc(100vw - var(--gutter-inline));
      padding: var(--spacer-03)
    }

    @media only screen and (min-width: 1024px) {
      .chr-promo-banner--io {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: var(--spacer-02);
        padding-block: 0.75rem;
        padding-inline: var(--spacer-03) 2.5rem
      }
    }

    .chr-promo-banner--io .chr-promo-banner__content-wrapper {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
    }

    @media only screen and (min-width: 1024px) {
      .chr-promo-banner--io .chr-promo-banner__content-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
      }
    }

    @media only screen and (min-width: 1024px)and (min-width: 1024px)and (max-width: 1279px) {
      .chr-promo-banner--io .chr-promo-banner__content-wrapper {
        max-width: 500px
      }
    }

    .chr-promo-banner--io .chr-promo-banner__heading {
      font-family: "Google Sans Text", arial, sans-serif
    }

    .chr-promo-banner--io .chr-promo-banner__image {
      display: block
    }

    .chr-promo-banner--io .chr-promo-banner__cta {
      font-size: 1rem;
      line-height: 1.5rem
    }

    .chr-promo-banner--io .chr-promo-banner__cta .chr-link__icon {
      height: 16px;
      width: 16px
    }

    .chr-promo-banner--io-home {
      gap: var(--spacer-01);
      padding: var(--spacer-02) var(--spacer-02) var(--spacer-01) var(--spacer-02)
    }

    @media only screen and (min-width: 1024px) {
      .chr-promo-banner--io-home {
        gap: var(--spacer-02);
        padding: 0.75rem 2.5rem 0.75rem var(--spacer-03)
      }
    }

    .chr-promo-banner--io-home~#qr-popup .chr-home-qr-popup {
      top: 170px
    }

    .chr-promo-banner--io-home .chr-promo-banner__image {
      display: block
    }

    .chr-promo-banner--io-home .chr-promo-banner__heading {
      font-family: "Google Sans Text", arial, sans-serif
    }

    .chr-promo-banner--io-home .chr-promo-banner__cta {
      font-size: 1rem;
      line-height: 1.5rem;
      margin-left: 4rem
    }

    @media only screen and (min-width: 600px) {
      .chr-promo-banner--io-home .chr-promo-banner__cta {
        margin-left: 3.4375rem
      }
    }

    @media only screen and (min-width: 1024px) {
      .chr-promo-banner--io-home .chr-promo-banner__cta {
        margin-left: unset
      }
    }

    .chr-promo-banner--io-home .chr-promo-banner__cta .chr-link__icon {
      height: 16px;
      width: 16px
    }

    .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-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-accordion-timed__panel>img,
    .chr-accordion-timed__panel>video {
      display: block;
      height: 1px;
      width: 1px
    }

    .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;
      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
    }

    .dark-theme .chr-header-v3__hamburger-icon.chr-header-v3__hamburger-icon--standard {
      fill: #202124
    }

    .chr-header-v3__hamburger-icon.chr-header-v3__hamburger-icon--standard {
      display: block
    }

    .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
    }

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

    .chr-header-v3__wrapper {
      -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
    }

    [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;
      gap: 2px;
      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
    }

    .dark-theme .chr-header-v3__nav-sublist {
      border: 1px solid
    }

    .chr-header-v3__nav-sublist {
      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
    }

    .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: -webkit-max-content;
        min-width: -moz-max-content;
        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-link .chr-link-icon,
    .chr-header-v3__nav-li .chr-cta__button .chr-link-icon,
    .chr-header-v3__nav-li-link .chr-link-icon,
    .chr-header-v3__nav-li-sublink .chr-link-icon {
      height: 100%;
      margin-left: 4px
    }

    .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-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__action_button {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: none;
      grid-column: 1/-1;
      grid-row: logo;
      z-index: 1
    }

    @media only screen and (min-width: 600px) {
      .chr-chrome-hero__action_button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
      }
    }

    .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
      }
    }