gsui-joystick {
	display: flex;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	width: 120px;
	height: 120px;
	border-radius: 4px;
	background-color: #0005;
	cursor: pointer;
	touch-action: none;

	&:hover {
		background-color: #000a;
	}
	&[ moving ] {
		--gsui-op: 1;
	}

	div {
		position: absolute;
		width: 20px;
		height: 20px;
		margin: -10px 0 0 -10px;
		border-radius: 50%;
		background-color: #fff;
		opacity: var( --gsui-op, 0 );
		transition: opacity .2s;
	}
}