<!doctype html>
<html lang="en" translate="no">
  <head>
    <meta charset="UTF-8" />
    <link id="favicon" rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="dns-prefetch" href="https://firebasestorage.googleapis.com" />
    <link rel="preconnect" href="https://firebasestorage.googleapis.com" crossorigin />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="theme-color" content="oklch(0.97 0 0)" />
    <meta name="fc:miniapp" content='{
      "version":"next",
      "imageUrl":"https://p2p.lol/favicon.svg",
      "button":{
          "title":"Pay with USDC at any QR",
          "action":{
          "type":"launch_miniapp",
          "name":"P2P.me",
          "url":"https://app.p2p.lol"
          }
      }
      }' />
    <title>P2P.me - Pay with USDC at any QR</title>
    <style>
      #initial-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: var(--background);
      }

      @media (prefers-color-scheme: dark) {
        #initial-loader {
          background-color: var(--background);
        }
      }

      .spinner {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 3px solid rgba(0, 0, 0, 0.1);
        border-top-color: var(--primary);
        animation: spin 1s ease-in-out infinite;
      }

      @media (prefers-color-scheme: dark) {
        .spinner {
          border: 3px solid rgba(255, 255, 255, 0.1);
          border-top-color: var(--primary);
        }
      }

      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }
    </style>
    <script type="module" crossorigin src="/assets/index-saUDm4iw.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/media-CW_1gqgQ.js">
    <link rel="modulepreload" crossorigin href="/assets/analytics-BRIDBBiT.js">
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-Coq5O54b.js">
    <link rel="modulepreload" crossorigin href="/assets/web3-vendor-BdVoP-70.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-vendor-CsItyUQy.js">
    <link rel="stylesheet" crossorigin href="/assets/index-ByRY1TpY.css">
  <link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#42b883">
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png"></head>

  <body>
    <div id="root">
      <div id="initial-loader">
        <div class="spinner"></div>
      </div>
    </div>
  </body>
</html>
