:root{color:#213547;background-color:#fff;font-family:sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;padding:1em;font-weight:500;display:inline-block}a:hover{color:#747bff}body{min-width:320px;margin:0}h1{font-size:1.8em;line-height:1.1}h2{font-size:1.2em;line-height:1.1}ul{text-align:left}#root{text-align:center;touch-action:manipulation;width:100%}.page{height:100vh}.canvasContainer{width:100%;height:100%}.canvasContainer__withLink{height:calc(100% - 4em)}.pointerTestWapper{flex-direction:column;justify-content:center;gap:16px;width:100%;height:calc(100vh - 4em);display:flex}.pointerTestCanvasContainer{width:200px;height:240px}.pointerLayout{grid-template-rows:60px 240px;grid-template-columns:repeat(2,auto);justify-content:center;column-gap:64px;display:grid}