<!-- Copyright 2024 The Chromium Authors
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file. -->
<style>
body {
align-items: center;
display: flex;
height: 100vh;
justify-content: center;
margin: 0;
overflow: hidden;
}
/* index.ts appends a guest iframe to the document. */
iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
}
[hidden] {
display: none !important;
}
#spinner {
height: 28px;
width: 28px;
}
#offline-icon {
margin-bottom: 18px;
text-align: center;
}
#offline-message {
font: 24px Roboto, sans-serif;
padding-left: 24px;
}
</style>
<img id="spinner" src="chrome://resources/images/throbber_medium.svg"></img>
<div id="offline" hidden>
<div id="offline-icon">
<img src="images/mall_icon_192.png" height="128" width="128">
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M824.218-40.173 707.641-156.87H248q-93.067 0-157.034-62.967T27-375.87q0-81.695 51.63-139.652 51.631-57.957 129.327-70.522.87-11.174 4.239-28.108 3.37-16.935 10.804-28.674L57.565-808.261l47.087-45.957L871.74-87.13l-47.522 46.957ZM248.246-236.087h382.058L291.218-575.173q-10.435 12.739-13.55 29.733-3.114 16.995-3.114 32.788H248q-59.053 0-100.417 37.89-41.365 37.89-41.365 96.741t41.365 100.392q41.364 41.542 100.663 41.542Zm211.232-170.826ZM863.044-191.26l-60.566-61.131q24.435-17 37.87-36.438 13.434-19.437 13.434-47.273 0-39.76-29.394-68.655-29.395-28.895-69.388-28.895h-73.218v-87.218q0-85.046-59.117-142.914-59.116-57.868-143.972-57.868-28.748 0-59.525 9.283-30.777 9.282-56.081 27.587l-56.131-56.131q36-30.131 81.174-45.044 45.174-14.913 90.051-14.913 112.806 0 195.269 79.565 82.463 79.565 86.985 192.261v21q73.131 4.087 122.848 52.368 49.718 48.281 49.718 120.999 0 37.764-18.196 79.373t-51.761 64.044ZM583.565-468.87Z">
<span id="offline-message">$i18n{message}</span>
</div>
</div>
<script src="/index.js" type="module"></script>