*{padding:0;margin:0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.topbar{height:60px;width:100%;padding:0 16px;align-items:center;position:sticky;top:0;z-index:9999;background:#1890ff}.ball{border:1px solid black;height:25px;width:25px;margin:4px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:small;font-weight:700}.ball.four{color:#fff;background:#0288d1}.ball.five{color:#fff;background:#f60}.ball.six{color:#fff;background:#2e7d32}.ball.wkt{color:#fff;background:#d32f2f}