:root{--app-font: "Exo 2", sans-serif}*{margin:0;padding:0}html,body{background-color:transparent;height:100%;font-family:var(--app-font);overflow:hidden}button,input,select,textarea{font:inherit}.transparentTestDiv{position:absolute;background-color:#ff0;top:20;left:20;width:85px;height:53px}.mockdiv{position:relative;border-radius:50px;margin:50px;height:300px;background-color:#4dc6d3;width:100vh}.scrolldiv{position:absolute;bottom:0;width:50px;height:100%;background-color:#ffc7c7;opacity:0;touch-action:pan-y;-webkit-user-select:none;user-select:none}.experience{position:relative;width:100%;height:100%;overflow:hidden}.webgl{position:absolute;background-color:#c7c7c7;top:0;left:0;outline:none;width:100%;height:100%}.joystick{position:absolute;width:120px;height:120px;opacity:0;visibility:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none;transition:opacity 1s}.jarrows{position:absolute;opacity:.4;bottom:10px;left:10px;width:100px;pointer-events:none}.button{position:absolute;border-radius:50%;opacity:.9;transition:opacity .5s;touch-action:none;-webkit-user-select:none;user-select:none}.button:hover{cursor:pointer}.loading-bar{position:absolute;bottom:60px;left:20%;width:60%;height:3px;opacity:0;transform:scaleX(0);transform-origin:top left;transition:transform 1s}.loading-bar.ended{transform-origin:top right;transform:scaleX(0);transition:transform .2s ease-in-out}.animated{animation:ripple 3s infinite}@keyframes ripple{0%{box-shadow:0 0 0 0 transparent,0 0 #fff,0 0 0 0 transparent,0 0 #fff}to{box-shadow:0 0 0 5px transparent,0 0 0 7px #fff0,0 0 0 13px transparent,0 0 0 15px #fff0}}