body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#ffffff}#root{width:100%;height:100%}#tap-hint{--final-left: 60%;--final-top: 85%;--start-offset-x: 200px;--start-offset-y: 200px;position:absolute;left:var(--final-left);top:var(--final-top);transform:translate(calc(-50% + var(--start-offset-x)),calc(-50% + var(--start-offset-y)));pointer-events:none;opacity:0;transition:transform .9s cubic-bezier(.22,.85,.4,1),opacity .3s ease-out}#tap-hint.show{transform:translate(-50%,-50%);opacity:1}#tap-hint.fade{opacity:0;transition:opacity .4s ease-out}#tap-hint .ripple{position:absolute;left:var(--circle-offset-x, 13px);top:var(--circle-offset-y, 10px);width:200px;height:200px;border-radius:50%;background:rgba(22,19,74,.7);transform:translate(-50%,-50%) scale(0);animation:ripple 3.5s ease-out infinite;animation-play-state:paused;pointer-events:none;z-index:-1}#tap-hint .ripple.run{animation-play-state:running}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}