web/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>New Expensify</title>
    <meta name="description" content="Corporate cards, reimbursements, receipt scanning, invoicing, and bill pay. One app, all free.">
    <meta name="theme-color" content="">
    <meta property="twitter:card" content="summary">
    <meta property="twitter:site" content="@expensify">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="New Expensify">
    <meta property="og:url" content="https://new.expensify.com">
    <meta property="og:title" content="New Expensify">
    <meta property="og:description" content="Corporate cards, reimbursements, receipt scanning, invoicing, and bill pay. One app, all free.">
    <meta property="og:image" content="https://new.expensify.com/og-preview-image.png">
    <link rel="stylesheet" type="text/css" href="/css/fonts.css" />
    <link rel="stylesheet" type="text/css" href="/css/pdf.css" />
    <style>
        html,
        body,
        #root,
        #root > div,
        #root > div > div {
            height: 100% !important;
        }
        :root {
            color-scheme: dark !important;
        }
        body {
           overflow: hidden;
           overscroll-behavior: none;
           touch-action: none;
        }
        #drag-area {
            -webkit-app-region: drag;
        }
        input[type=text] {
            -webkit-user-select: text !important;
        }
        .disable-select * {
            -webkit-user-select: none !important;
            -webkit-touch-callout: none !important;
        }
        :focus-visible {
            outline: 0;
            box-shadow: inset 0px 0px 0px 1px #5AB0FF;
        }
        :focus[data-focusvisible-polyfill] {
            outline: 0;
            box-shadow: inset 0px 0px 0px 1px #5AB0FF;
        }
        @keyframes blink_input_opacity_to_prevent_scrolling_when_focus {
            0% { opacity: 0; }
            100% { opacity: 1; }
        }
        input:focus-visible, input:focus[data-focusvisible-polyfill],
        select:focus-visible, select:focus[data-focusvisible-polyfill]  {
            box-shadow: none;
            animation: blink_input_opacity_to_prevent_scrolling_when_focus 0.01s;
        }
        ::-ms-reveal {
            display: none;
        }

        /* Customizes the background and text colors for autofill inputs in Chrome */
        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        textarea:-webkit-autofill,
        textarea:-webkit-autofill:hover,
        textarea:-webkit-autofill:focus,
        select:-webkit-autofill,
        select:-webkit-autofill:hover,
        select:-webkit-autofill:focus {
            -webkit-background-clip: text;
            -webkit-text-fill-color: #ffffff;
            caret-color: #ffffff;
        }
    </style>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, interactive-widget=resizes-content">
    <link rel="shortcut icon" id="favicon" href="/favicon.png">
    <% if (htmlWebpackPlugin.options.usePolyfillIO) { %>
        <!-- polyfill.io is only needed on Web to support older browsers. It should not be loaded for desktop -->
        <script src="https://polyfill.io/v3/polyfill.min.js?features=default%2CResizeObserver&flags=gated"></script>
    <% } %>
</head>
<body>
    <div style="position: absolute; top: 0; left: 0; right: 0; height: 30px;" id="drag-area"></div>
    <div id="root"></div>
    <div id="splash">
        <div class="splash-logo"></div>
    </div>
</body>
</html>