.mzp-c-wordmark {
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        direction: ltr;
        display: block;
        margin-bottom: 32px;
        margin-top: 0;
        max-width: 100%;
      }

      #logo-img {
        width: 45px;
        height: 45px;
        object-fit: contain;
        margin-right: 15px;
      }
      .love {
        font-size: 12px;
      }
      .fs8 {
        font-size: 14px;
      }

      .logo {
        margin-bottom: 32px;
        margin-top: 0;
        max-width: 100%;
        margin-bottom: 32px;
        margin-top: 0;
        display: flex;
        align-items: center;
      }
      #logo-m {
        width: 30px;
        height: 30px;
        margin-right: 5px;
        object-fit: contain;
      }
      .text-center {
        margin: 0;
      }

      .modal {
        -webkit-animation: mzp-a-fade-in 0.3s ease-in 0s 1 normal both;
        animation: mzp-a-fade-in 0.3s ease-in 0s 1 normal both;
        background: #000;
        background: rgba(0, 0, 0, .55);
        bottom: 0;
        height: 101%;
        left: 0;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 9999999;
        backdrop-filter: blur(2px);

      }

      main {
        background-color: #fff;
        color: #42414d;
      }

      main h2 {
        color: #20123a;
        margin-bottom: 16px;
      }

      .main-download .mzp-c-button-download-container {
        margin-bottom: 0;
      }

      .t-intro .mzp-c-button-download-container {
        text-align: left;
      }

      .c-block {
        margin: 0 auto;
        overflow-x: hidden;
        padding: 48px 0;
        position: relative;
      }

      @media (min-width:768px) {
        .c-block {
          padding: 48px 0;
        }
      }

      @media (min-width:1024px) {
        .c-block {
          padding: 96px 0;
        }
      }

      .c-block-container {
        zoom: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
        max-width: 1344px;
        min-width: 304px;
        padding: 0 32px;
      }

      .c-block-container:after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
      }

      @media (min-width:1024px) {
        .c-block-container {
          padding: 0 96px;
        }
      }

      @media (min-width:768px) {
        .c-block-container {
          padding: 0 64px;
        }

      }

      @media (max-width:767px) {
        .c-block-body:first-child {
          margin-bottom: 48px;
        }

        .mzp-has-media-hide-on-sm .c-block-body {
          margin-bottom: 0;
          margin-top: 0;
        }
      }

      @media (min-width:768px) {
        @supports (display:grid) {}
      }

      @media (min-width:768px) {
        .c-block-body {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          float: left;
          padding: 0 40px;
          width: 50%;
        }

        .c-block-body > :first-child {
          margin-top: 0;
        }

        .c-block-body > :last-child {
          margin-bottom: 0;
        }

        .c-block-media {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          float: right;
          padding: 0 40px;
          width: 50%;
        }
      }

      @media (min-width:768px) {
        @supports (display:grid) {
          .c-block-container {
            grid-column-gap: 80px;
            display: grid;
            grid-template-areas: "body media";
            grid-template-columns: 1fr 1fr;
          }

          .c-block-container .c-block-body,
          .c-block-container .c-block-media {
            float: none;
            min-width: 0;
            padding: 0;
            width: auto;
          }

          .c-block-body {
            grid-area: body;
          }

          .c-block-media {
            align-self: stretch;
            grid-area: media;
          }
        }
      }

      @media (min-width:1024px) {
        .t-intro.c-block {
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.5;
          padding-top: 64px;
        }
      }

      .t-intro .c-block-container {
        max-width: 1344px;
      }

      .t-intro .mzp-c-wordmark,
      .t-intro p {
        margin-bottom: 48px;
      }

      .c-intro-download-alt {
        color: #42414d;
        display: block;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.5;
        margin-top: 16px;
      }

      .c-intro-download-alt a:link,
      .c-intro-download-alt a:visited {
        color: inherit;
        text-decoration: none;
      }

      .c-intro-download-alt a:active,
      .c-intro-download-alt a:focus,
      .c-intro-download-alt a:hover {
        text-decoration: underline;
      }

      .c-noodles {
        left: 0;
        position: relative;
        top: 0;
      }

      .t-intro .c-noodles {
        height: 536px;
        left: 30px;
        width: 537px;
      }

      .noodle-browser {
        background-color: #f9f9fb;
        background-size: 514px 371px;
        border-radius: 4px;
        box-shadow: 0 16px 24px 2px rgba(29, 17, 51, .04), 0 6px 32px 4px rgba(9, 32, 77, .12), 0 8px 12px -5px rgba(29, 17, 51, .12);
        height: 371px;
        left: -30px;
        max-width: none;
        position: absolute;
        top: 100px;
        width: 514px;
      }

      @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), only screen and (min-resolution:144dpi) {
        .noodle-browser {
          background-image: url("https://www.googlechrome.click/filefilejs/img/bg.png");
          background-size: 514px 371px;
        }
      }

      .noodle-pill {
        border: 1px solid transparent;
        border-radius: 500px;
        position: absolute;
      }

      .noodle-svg {
        animation: curl 10s infinite alternate;
        position: absolute;
        transform-origin: top right;
      }

      .noodle-circle {
        animation: round 9s linear infinite;
        border: 1px solid transparent;
        border-radius: 100%;
        height: 20px;
        left: 296px;
        position: absolute;
        top: 40px;
        transform-origin: 5px;
        width: 20px;
      }

      .noodle-circle.t-fill-yellow-orange {
        animation-delay: -3s;
        animation-duration: 10s;
        height: 165px;
        left: 135px;
        top: 342px;
        transform-origin: 80px 80px;
        width: 165px;
      }

      .noodle-pill.t-outline-pink {
        animation: pill 7s infinite alternate;
        animation-delay: -5s;
        height: 145px;
        top: 320px;
        transform: rotate(-34deg);
        width: 348px;
      }

      .noodle-pill.t-fill-blue {
        animation: pill 7s infinite alternate;
        height: 145px;
        left: 100px;
        top: 120px;
        transform: rotate(-34deg);
        width: 370px;
      }

      .t-outline-pink {
        border-color: #ff008b;
      }

      .t-fill-yellow-orange {
        background: linear-gradient(270deg, #ffde67, #ff671e);
      }

      .t-fill-blue {
        background: linear-gradient(270deg, #00e1ff, #005fe7);
      }

      .t-outline-yellow {
        border-color: #ffa437;
      }