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