#event-playback-cursor {
    display: none;
    position: absolute;
    z-index: 90;
    width: 22px;
    height: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABfUlEQVR42mL4//8/AzKOjY39z8DAwA3ErOhy6BgGsMkBBBATAxYANPwLkBJnZGRkZSATAAQQVoMXLVoEMvwxJYYDBBATLglKDQcIICZ8kpQYDhBATIQUkGs4QAAxEaOIHMMBAoiJWBeQajhAADGREm6kGA4QQEykxjay4aBMhEsdQACxEGtgXFwceiZ6vHjxYlkg8yUQ/0ZXDxBALIQMA7kQBoAGhQCpr1CDfkGzPhs2gwECiAFbWQEC0DIjGMZHEjMCYhkgFgNiAVxlCkAAseByKdR1r7BIg8L1C1DzB2AE4vQtQAAx4CjdbKEY7DIsrlZEjjhsLgYIIAwXA10qCI3xr9CIwQZAwfAeiD/gcjBAAGErY1nRy2NQWOJzNTYXAwQQExaLfgPxVxCNJPwVh6u5cTkYIICISscgS4ARJQj1PgzwQJMaVgAQQIzIVQxYAHdMs0LDXhpqKMiSe6BwRjcDBAACiBSDkcOfDZpBwJkFm8EAAcSITZAaACDAAGEiJMT0Q2k9AAAAAElFTkSuQmCC) 0 0 no-repeat;
}
#event-playback-cursor .disc {
    display: none;
    z-index: 80;
    margin: -18px 0 0 -18px;
    padding: 0;
    width: 44px;
    height: 44px;
    opacity: 0.30;
    background: url(data:image/png;base64,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) 0 0 no-repeat;
}
#event-playback-cursor .disc.yellow {
    background-position: 0 0;
}
#event-playback-cursor .disc.blue {
    background-position: -44px 0;
}
#event-playback-cursor .disc.red {
    background-position: -88px 0;
}