.react-joystick{text-align:initial;background:#f1f1f1;border:1px solid #fff;border-radius:50%;position:relative;box-shadow:inset 0 0 5px #d5dadb}.react-joystick.react-joystick-disabled{opacity:.5;cursor:not-allowed}.react-joystick .arrows-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.react-joystick .arrows-wrapper .controller-arrow{display:inline-flex;position:absolute}.react-joystick .arrows-wrapper .arrow-up{display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%,50%)}.react-joystick .arrows-wrapper .arrow-down{display:inline-flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}.react-joystick .arrows-wrapper .arrow-left{display:inline-flex;position:absolute;top:50%;left:0;transform:translate(50%,-50%)}.react-joystick .arrows-wrapper .arrow-right{display:inline-flex;position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}.react-joystick .react-joystick-controller{box-sizing:border-box;background:linear-gradient(#fff,#eaf4fe);border:1px solid #d9dde4;border-radius:50%;box-shadow:0 0 16px #d5dadb}.react-joystick .controller-wrapper{display:inline-flex}.react-joystick-ghost-area{position:relative}.react-joystick-ghost-area .react-joystick-wrapper{width:0;height:0;position:absolute}.react-joystick-ghost-area .react-joystick-wrapper .react-joystick{transform:translate(-50%,-50%)}.react-joystick-ghost-area .react-joystick-wrapper .react-joystick.ghost{visibility:hidden}.react-joystick-ghost-area .react-joystick-wrapper .react-joystick.ghost-active{visibility:visible}