html,body,#root{height:100%;margin:0;overflow:hidden}#introModal{--highlight: #7abfff;--highlight-hover: #cccccc;--dark: #1f1f1f;--light: #cccccc;padding-block:1.5em;padding-inline:1.5em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background-color:var(--dark);border-radius:16px;border:none;box-shadow:20px 20px 20px #00000080;color:var(--light)}@media not (min-width:500px){#introModal{font-size:.9rem}}#introModal::backdrop{background-color:transparent}#introModal header{border-block-end:1px solid var(--light);padding-block-end:.5em}#introModal header h1{margin-block-start:0;font-family:Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1.5em;font-weight:400}#introModal main{padding-block-start:.5em}#introModal p{font-size:1em}#introModal ul{list-style:inputs;list-style-position:inside;padding-inline-start:0;margin-block:1.5em}#introModal ul li{margin-inline-start:0;margin-block:.5em}#introModal ul li::marker{font-size:1.25em}#introModal a,#introModal a:visited{color:var(--highlight)}:is(#introModal a,#introModal a:visited).external:after{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%237abfff" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg>');display:inline-block;margin-left:.4em;width:.8em;height:.8em}#introModal button{color:var(--dark);font-family:inherit;display:block;margin-inline:auto;margin-block-start:1.5em;font-size:1rem;border-radius:20px;border:none;background-color:var(--highlight);padding:.75em}#introModal button:hover{background-color:var(--highlight-hover);cursor:pointer}@counter-style inputs{system:cyclic;symbols:"🤏" "🐁" "⌨️";suffix:"   "}:focus-visible{outline-width:2px;outline-style:solid}#container{height:100dvh;width:100%;background-color:#000;overflow:hidden;display:flex;justify-content:center;touch-action:none}#container img{content:url(/async-iterators-gesture-demo/assets/sample-landscape-0mikAlNF.jpeg);height:100%;transition:none}@media(max-aspect-ratio:1/1){#container img{content:url(/async-iterators-gesture-demo/assets/sample-portrait-DaIFxfgK.jpeg)}}#container img.animate{transition:transform .2s ease-out}