<!doctype html><html lang="en" style="overscroll-behavior-x:none"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta property="og:type" content="website"><meta property="og:author" content="https://ivesvh.com"><meta property="og:title" content="CodeSandbox"><meta property="og:site_name" content="CodeSandbox"><meta property="og:description" content="CodeSandbox is an online editor tailored for web applications."><meta property="og:image" content="https://codesandbox.io/static/img/banner.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:site" content="@codesandbox"><meta property="twitter:title" content="CodeSandbox"><meta property="twitter:description" content="An online editor tailored for web application development."><meta property="twitter:image:src" content="https://codesandbox.io/static/img/banner.png"><meta property="twitter:image:width" content="1200"><meta property="twitter:image:height" content="630"><meta name="description" content="CodeSandbox is an online editor tailored for web applications."><link href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><style>svg {background: transparent;}path {fill: black;}@media (prefers-color-scheme: dark) {path {fill: white;}}</style><path fill-rule='evenodd' clip-rule='evenodd' d='M81.8182 18.1818V81.8182H18.1818V18.1818H81.8182ZM10 90V10H90V90H10Z'/></svg>" rel="icon"/><link rel="mask-icon" href="/csb-ios.svg" color="#000"><link rel="manifest" href="/manifest.json"><script src="/static/js/env-config.js"></script><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script><script>WebFont.load({google:{families:["Source Code Pro:500","Roboto:300,400,500,700","Poppins:300,400,500,600,700"]}})</script><!-- Injected by server: --><!-- {{OEMBED TAG}} --><title>CodeSandbox</title><link href="/static/fonts/monolisa.css" rel="stylesheet"><link crossorigin="anonymous" rel="preload" href="/static/fonts/inter/Inter-Regular.woff2" as="font"><link crossorigin="anonymous" rel="preload" href="/static/fonts/inter/Inter-Medium.woff2" as="font"><link crossorigin="anonymous" rel="preload" href="/static/fonts/inter/Inter-Bold.woff2" as="font"><link href="/static/fonts/inter/inter.css" rel="stylesheet"><link crossorigin="anonymous" rel="preload" href="/static/fonts/everett/TWKEverett-Light-web.woff2" as="font"><link crossorigin="anonymous" rel="preload" href="/static/fonts/everett/TWKEverett-Regular-web.woff2" as="font"><link crossorigin="anonymous" rel="preload" href="/static/fonts/everett/TWKEverett-Medium-web.woff2" as="font"><link href="/static/fonts/everett/everett.css" rel="stylesheet"><script src="https://codesandbox.io/static/browserfs12/browserfs.min.js" type="text/javascript"></script><script>BrowserFS&&(window.process={env:{VSCODE_DEV:!1},nextTick:function(e){return requestAnimationFrame(e)},once:BrowserFS.BFSRequire("process").once,removeListener:function(){}},window.Buffer=BrowserFS.BFSRequire("buffer").Buffer)</script><link data-name="/public/vscode33/vs/editor/editor.main" rel="preload" as="style" href="/public/vscode33/vs/editor/codesandbox.editor.main.css"><link rel="preload" as="script" href="/public/vscode33/vs/editor/codesandbox.editor.main.js"><link href="https://codesandbox.io/static/css/common.75cfbf22.chunk.css" rel="stylesheet"><link href="https://codesandbox.io/static/css/vendors~app.f3a77bc5.chunk.css" rel="stylesheet"><link href="https://codesandbox.io/static/css/default~app~embed.163db316.chunk.css" rel="stylesheet"><link href="https://codesandbox.io/static/css/app.5c13457d.css" rel="stylesheet"></head><body style="margin:0;padding:0"><div id="root"></div><script src="https://codesandbox.io/static/js/vendors~app~codemirror-editor~monaco-editor~sandbox.a0a9d9986.chunk.js" crossorigin="anonymous"></script><script src="https://codesandbox.io/static/js/common-sandbox.09f563264.chunk.js" crossorigin="anonymous"></script><script src="https://codesandbox.io/static/js/vendors~app~codemirror-editor~monaco-editor.cdc4609fc.chunk.js"></script><script src="https://codesandbox.io/static/js/0.f62fbfd4b.chunk.js"></script><script src="https://codesandbox.io/static/js/vendors~app~embed~sandbox-startup.1c90fe343.chunk.js" crossorigin="anonymous"></script><script src="https://codesandbox.io/static/js/common.67289e494.chunk.js"></script><script src="https://codesandbox.io/static/js/vendors~app~sandbox.d07ab9245.chunk.js" crossorigin="anonymous"></script><script src="https://codesandbox.io/static/js/vendors~app~monaco-editor.837bd921f.chunk.js"></script><script src="https://codesandbox.io/static/js/vendors~app.6948c2242.chunk.js"></script><script src="https://codesandbox.io/static/js/default~app~embed~sandbox~sandbox-startup.e509d996f.chunk.js" crossorigin="anonymous"></script><script src="https://codesandbox.io/static/js/default~app~embed~sandbox.425d82508.chunk.js" crossorigin="anonymous"></script><script src="https://codesandbox.io/static/js/default~app~embed.006b7dd9d.chunk.js"></script><script src="https://codesandbox.io/static/js/default~app~monaco-editor.1fb033d08.chunk.js"></script><script src="https://codesandbox.io/static/js/app.aa1b809d0.js"></script><script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'878ef7e63b6d05ca',t:'MTcxMzg4Njk5Ny41ODgwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script></body></html>
