html{font-family:Arial}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ball{display:inline-block;background:#000;border-radius:100%;height:30px;width:30px;margin:0;line-height:30px;color:#fff;font-family:Arial;text-align:center;font-size:14px;margin-right:1px}.ball.small{height:14px;width:14px;line-height:14px;font-size:10px}.ball.ghost{visibility:hidden}.ball.red{background:radial-gradient(circle at 30% 30%,red,#d00 10%,#400 80%,#000 100%)}.ball.yellow{background:radial-gradient(circle at 30% 30%,#fff,#ff3 10%,#443)}.ball.green{background:radial-gradient(circle at 30% 30%,#fff,#396 10%,#443)}.ball.brown{background:radial-gradient(circle at 30% 30%,#fff,#963 10%,#443)}.ball.blue{background:radial-gradient(circle at 30% 30%,#fff,#03c 10%,#443)}.ball.pink{background:radial-gradient(circle at 30% 30%,#fff,#c0c 10%,#443)}.ball.black{background:radial-gradient(circle at 30% 30%,#fff,#111 10%,#443)}