.joystick-container[data-v-074d88af]{width:100%;aspect-ratio:1}.joystick[data-v-074d88af]{position:relative;border-radius:50%;width:100%;height:100%;background-color:#dbdbdb;box-shadow:inset 0 3px 16px 0 rgba(0,0,0,.122)}.joystick .joystick-center[data-v-074d88af]{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;width:75%;height:75%;box-shadow:0 3px 16px 0 rgba(0,0,0,.122)}.joystick .debugger[data-v-074d88af]{position:absolute;top:50%;left:50%;font-family:monospace;transform:translate(-50%,-50%)}.joystick-ball[data-v-074d88af]{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;width:var(--size);height:var(--size);transform:rotate(var(--angle)) translateY(var(--offcenter))}.not-circular[data-v-074d88af]:after{position:absolute;z-index:8;top:50%;left:50%;border-radius:50%;width:25%;height:25%;display:block;content:"";background:#121212;transform:translate(-50%,-50%)}.joystick-stick[data-v-074d88af]{position:absolute;top:50%;left:42%;width:16%;height:var(--speed);display:block;background:#121212;transform:rotate(var(--angle));transform-origin:top center}.jButtons[data-v-074d88af]{margin-top:3em;display:flex;justify-content:center;gap:1em}.jButtons .button[data-v-074d88af]{border:0;border-radius:50%;width:70px;height:70px;background-color:var(--userColor);color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.2);transition:alñ .1s}.jButtons .button[data-v-074d88af]:active{font-size:16px;box-shadow:inset 0 0 6px 5px hsla(0,0%,4%,.4)}