.styles_joystick__Sj83C{position:relative;display:flex;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;top:-21px}.styles_joystick__Sj83C:active{cursor:-webkit-grabbing;cursor:grabbing}.styles_base__Fp6p_{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#444 0,#222 100%);border:2px solid #666;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.styles_handle__kmexW{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:linear-gradient(135deg,#666,#999);border:2px solid #aaa;box-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .1s ease-out}.styles_handle__kmexW:hover{background:linear-gradient(135deg,#777,#aaa)}.styles_joystick__Sj83C:active .styles_handle__kmexW{box-shadow:0 4px 8px rgba(0,0,0,.4)}@media (max-width:768px){.styles_handle__kmexW{width:35px;height:35px;margin:-17.5px 0 0 -17.5px}}.styles_code__OZlfX{&>pre{padding:1rem;border:1px solid #333;border-radius:.5rem;overflow-x:auto}}