@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";

      html {
          font-family: Google Sans, Roboto, Helvetica, Arial, sans-serif;
          font-size: 16px;
      }

      body,
      html {
          -webkit-font-smoothing: antialiased;
      }

      body {
          font-family: Roboto, sans-serif;
          font-family: inherit;
          font-size: 14px;
          font-weight: 400;
          margin: 0;
          padding: 0;
          text-size-adjust: 100%;
          color: var(--color-text);
          background-color: var(--color-bg);
          text-rendering: optimizeLegibility;
      }

      * {
          box-sizing: border-box;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
          line-height: 1.1;
      }

      .ReactModal__Body--open {
          overflow: hidden;
          width: 100%;
          height: 100%;
      }

      .ReactModal__Body--open #__next {
          overflow-y: hidden;
      }

      a {
          text-decoration: none;
      }

      @font-face {
          font-family: Material Icons;
          font-style: normal;
          font-weight: 400;
          src: url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2");
      }

      .material-icons {
          font-family: Material Icons;
          font-weight: 400;
          font-style: normal;
          font-size: 24px;
          display: inline-block;
          line-height: 1;
          text-transform: none;
          letter-spacing: normal;
          word-wrap: normal;
          white-space: nowrap;
          direction: ltr;
          -webkit-font-smoothing: antialiased;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-feature-settings: "liga";
      }

      .material-icons.md-12 {
          font-size: 12px;
      }

      .material-icons.md-18 {
          font-size: 18px;
      }

      .material-icons.md-20 {
          font-size: 20px;
      }

      .material-icons.md-24 {
          font-size: 24px;
      }

      .material-icons.md-36 {
          font-size: 36px;
      }

      .material-icons.md-48 {
          font-size: 48px;
      }

      button {
          border: none;
          margin: 0;
          padding: 0;
          overflow: visible;
          background: transparent;
          color: inherit;
          font: inherit;
          line-height: normal;
          -webkit-font-smoothing: inherit;
          -moz-osx-font-smoothing: inherit;
          -webkit-appearance: none;
          outline: none;
      }

      button:focus:not(:focus-visible) {
          outline: none;
      }

      button:focus:not(:-moz-focusring) {
          outline: none;
      }

      .InstallModal_overlay__Ib5YE {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.4);
          backdrop-filter: blur(20px);
          -webkit-backdrop-filter: blur(20px);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 20px;
          z-index: 10000;
          animation: InstallModal_fadeIn__o7BDt 0.3s ease-out;
      }

      @keyframes InstallModal_fadeIn__o7BDt {
          0% {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }

      @keyframes InstallModal_fadeOut__6YYYx {
          0% {
              opacity: 1;
          }

          to {
              opacity: 0;
          }
      }

      .InstallModal_overlay__Ib5YE.InstallModal_fadeOut__6YYYx {
          animation: InstallModal_fadeOut__6YYYx 0.3s ease-out;
      }

      .InstallModal_modal__6ULg6 {
          background: #fff;
          border-radius: 20px;
          padding: 20px;
          width: 100%;
          max-width: 340px;
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
          animation: InstallModal_slideUp__RfJZq 0.3s ease-out;
          position: relative;
      }

      @keyframes InstallModal_slideUp__RfJZq {
          0% {
              transform: translateY(20px);
              opacity: 0;
          }

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

      @keyframes InstallModal_slideDown__N7gLi {
          0% {
              transform: translateY(0);
              opacity: 1;
          }

          to {
              transform: translateY(20px);
              opacity: 0;
          }
      }

      .InstallModal_modal__6ULg6.InstallModal_slideDown__N7gLi {
          animation: InstallModal_slideDown__N7gLi 0.3s ease-out;
      }

      .InstallModal_header__BHJZQ {
          text-align: center;
          margin-bottom: 16px;
      }

      .InstallModal_title__Rz_ws {
          font-size: 17px;
          font-weight: 600;
          color: #000;
          margin: 0;
          line-height: 1.4;
      }

      .InstallModal_appInfo__RNOPk {
          display: flex;
          align-items: center;
          gap: 12px;
          padding: 16px 0;
          margin-bottom: 24px;
          border-bottom: 1px solid #e5e5e7;
      }

      .InstallModal_appIcon__jHLo1 {
          width: 60px;
          height: 60px;
          border-radius: 13px;
          overflow: hidden;
          flex-shrink: 0;
      }

      .InstallModal_appIcon__jHLo1 img {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }

      .InstallModal_appDetails__2Nmi0 {
          flex: 1 1;
          overflow: hidden;
      }

      .InstallModal_appName__2uckX {
          font-size: 16px;
          font-weight: 600;
          color: #000;
          margin: 0 0 4px;
          line-height: 1.3;
      }

      .InstallModal_appDescription__GnJD3 {
          font-size: 13px;
          color: #8e8e93;
          margin: 0;
          line-height: 1.4;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
      }

      .InstallModal_instructions__Ardvn {
          display: flex;
          flex-direction: column;
          gap: 16px;
      }

      .InstallModal_step___HVLE {
          display: flex;
          align-items: flex-start;
          gap: 8px;
          line-height: 1.4;
      }

      .InstallModal_stepNumber___At3J {
          font-size: 15px;
          font-weight: 400;
          color: #000;
          flex-shrink: 0;
      }

      .InstallModal_stepText__Ka_hz {
          font-size: 15px;
          color: #000;
      }

      .InstallModal_plusIcon__Vf8E7,
      .InstallModal_shareIcon__k_8wZ {
          color: #007aff;
          flex-shrink: 0;
          margin: 0 2px;
          display: inline-block;
          vertical-align: middle;
      }

      .InstallModal_smallIcon__wOxqR {
          width: 16px;
          height: 16px;
          border-radius: 3px;
          margin: 0 2px;
          vertical-align: middle;
      }

      body[data-theme="dark"] .InstallModal_modal__6ULg6 {
          background: #1c1c1e;
      }

      body[data-theme="dark"] .InstallModal_appName__2uckX,
      body[data-theme="dark"] .InstallModal_stepNumber___At3J,
      body[data-theme="dark"] .InstallModal_stepText__Ka_hz,
      body[data-theme="dark"] .InstallModal_title__Rz_ws {
          color: #fff;
      }

      body[data-theme="dark"] .InstallModal_appInfo__RNOPk {
          border-bottom-color: #38383a;
      }

      @media (max-width: 390px) {
          .InstallModal_overlay__Ib5YE {
              padding: 16px;
          }

          .InstallModal_modal__6ULg6 {
              padding: 20px;
          }
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 400;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2ugCIlsw.woff2) format("woff2");
          unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 400;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vQCIlsw.woff2) format("woff2");
          unicode-range: u+0370-03ff;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 400;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vACIlsw.woff2) format("woff2");
          unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 400;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2sQCIlsw.woff2) format("woff2");
          unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169,
              u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309,
              u+0323, u+0329, u+1ea0-1ef9, u+20ab;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 400;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2sACIlsw.woff2) format("woff2");
          unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f,
              u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f,
              u+a720-a7ff;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 400;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vgCI.woff2) format("woff2");
          unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
              u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122,
              u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 500;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2ugCIlsw.woff2) format("woff2");
          unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 500;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vQCIlsw.woff2) format("woff2");
          unicode-range: u+0370-03ff;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 500;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vACIlsw.woff2) format("woff2");
          unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 500;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2sQCIlsw.woff2) format("woff2");
          unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169,
              u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309,
              u+0323, u+0329, u+1ea0-1ef9, u+20ab;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 500;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2sACIlsw.woff2) format("woff2");
          unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f,
              u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f,
              u+a720-a7ff;
      }

      @font-face {
          font-display: swap;
          font-family: Google Sans;
          font-style: normal;
          font-weight: 500;
          src: url(//fonts.gstatic.com/s/googlesans/v29/4UaRrENHsxJlGDuGo1OIlJfC6mGS6vhAK1YobMu2vgCI.woff2) format("woff2");
          unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
              u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122,
              u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
      }

      .google_play_body__yaRR_[data-theme="light"] {
          background-color: var(--gp-background);
          color: var(--gp-text-primary);
          --gp-background: #fff;
          --gp-surface: #fff;
          --gp-surface-hover: #f8f9fa;
          --gp-text-primary: #202124;
          --gp-text-secondary: #5f6368;
          --gp-text-disabled: #80868b;
          --gp-border: #dadce0;
          --gp-border-light: #e8eaed;
          --gp-button-primary: #01875f;
          --gp-button-text: #fff;
          --gp-link: #1a73e8;
          --gp-rating-star: #fbbc04;
          --gp-shadow: rgba(0, 0, 0, 0.1);
          --gp-modal-backdrop: rgba(0, 0, 0, 0.5);
          --gp-success: #01875f;
          --gp-error: #ea4335;
          --gp-warning: #fbbc04;
          --gp-surface-secondary: #f8f9fa;
          --gp-modal-header: #000;
          --gp-rating-progress-bg: #dadce0;
          --color-text: #5f6368;
          --color-text-heading: #202124;
          --color-trailer-bg: #fff;
          --color-bg: #fff;
      }

      .google_play_body__yaRR_[data-theme="dark"] {
          --gp-background: #202124;
          --gp-surface: #303134;
          --gp-surface-hover: #3c4043;
          --gp-text-primary: #e8eaed;
          --gp-text-secondary: #9aa0a6;
          --gp-text-disabled: #5f6368;
          --gp-border: #5f6368;
          --gp-border-light: #3c4043;
          --gp-button-primary: #01875f;
          --gp-button-text: #202124;
          --gp-link: #8ab4f8;
          --gp-rating-star: #fbbc04;
          --gp-shadow: rgba(0, 0, 0, 0.3);
          --gp-modal-backdrop: rgba(0, 0, 0, 0.7);
          --gp-success: #01875f;
          --gp-error: #ea4335;
          --gp-warning: #fbbc04;
          --gp-surface-secondary: #3c4043;
          --gp-modal-header: #202124;
          --gp-rating-progress-bg: #303134;
          --color-text: #9aa0a6;
          --color-text-heading: #e8eaed;
          --color-trailer-bg: #202124;
          --color-bg: #202124;
      }

      .google_play_body__yaRR_[data-theme="dark"],
      .google_play_root__ZJ5xf {
          background-color: var(--gp-background);
          color: var(--gp-text-primary);
      }

      .google_play_centerWrapper__BunSj {
          padding: 0 24px;
      }

      @media (min-width: 500px) {
          .google_play_centerWrapper__BunSj {
              padding: 0 40px;
          }
      }

      @media (any-pointer: coarse),
      (any-pointer: none) {
          .google_play_centerWrapper__BunSj {
              padding-bottom: 72px;
          }
      }
          .redirect-browser {
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: #858585;
              z-index: 9999;
          }
    
          .modal-browser {
              position: absolute;
              top: 49%;
              left: 39%;
              transform: translate(-31%, -51%);
              background: #404040;
              border-radius: 5%;
              /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); */
          }
    
          .modal-content-browser {
              display: flex;
              flex-direction: column;
              align-items: center;
          }
    
          .message-browser {
              font-family: "SFDisplaySemibold";
              text-align: center;
              margin-bottom: 10%;
              color: #ffffff;
              font-size: 14px;
              padding: 5%;
          }
    
          .allow-btn-browser {
              background: none;
              color: #4693ff;
              /* padding: 5% 50%; */
              border-top: 1px solid #858585;
              border-right: none;
              border-bottom: none;
              border-left: none;
              /* border-radius: 4px; */
              cursor: pointer;
              min-width: 100%;
              padding: 5%;
              font-family: "SFDisplaySemibold";
              font-size: 18px;
          }
    
          @font-face {
              font-family: "SFDisplayThin";
              src: url("/fonts/ios/SF-Pro-Display-Thin.otf") format("truetype");
          }
    
          @font-face {
              font-family: "SFDisplaySemibold";
              src: url("/fonts/ios/SF-Pro-Display-Semibold.otf") format("truetype");
          }