.joystick[data-v-46622bda]{font-size:.7354em;position:absolute;pointer-events:all}.joystick.center[data-v-46622bda]{-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.joystick.left[data-v-46622bda]{left:10%}.joystick.right[data-v-46622bda]{right:10%}.joystick.top[data-v-46622bda]{top:15%}.joystick.bottom[data-v-46622bda]{bottom:15%}.joystick p[data-v-46622bda]{position:absolute}.joystick .base[data-v-46622bda]{position:absolute;background-color:rgba(50,77,91,.35)}.joystick .stick[data-v-46622bda]{position:absolute;fill:#fff;cursor:pointer;width:70px;height:70px;background-color:#fff;border-radius:50%;text-align:center;-webkit-box-shadow:0 0 10px 0 rgba(56,67,81,.5);box-shadow:0 0 10px 0 rgba(56,67,81,.5);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}.joystick .stick svg[data-v-46622bda]{pointer-events:none;height:100%;margin:1px 0 0;color:#324d5b}.joystick .btn-nudge[data-v-46622bda]{background:none;border-radius:0;border:none;z-index:0;padding:0;width:42px;height:42px;text-align:center;position:absolute;-webkit-transition:background-color .2s;transition:background-color .2s}.joystick .btn-nudge svg[data-v-46622bda]{width:42px;height:42px;color:#f7f8f9;pointer-events:none;stroke-width:1px}.joystick .btn-nudge:active svg[data-v-46622bda]{fill:#ccc}.joystick .btn-nudge.top[data-v-46622bda]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:10px}.joystick .btn-nudge.right[data-v-46622bda]{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px}.joystick .btn-nudge.right svg[data-v-46622bda]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.joystick .btn-nudge.bottom[data-v-46622bda]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px}.joystick .btn-nudge.bottom svg[data-v-46622bda]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.joystick .btn-nudge.left[data-v-46622bda]{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:10px}.joystick .btn-nudge.left svg[data-v-46622bda]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.joystick.vertical .stick svg[data-v-46622bda]{height:50%;margin:25%}