Hitmarkers {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;

    > * {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 24px;
        height: 24px;
        background-size: 100%;
        transform: translate(-50% -50%);
        background-image: url(ui/hud/ui_hitmark.png);
        background-image-tint: rgba(white, 0.85);

        &.critical {
            background-image-tint: rgba(red, 0.85);
        }

        &:intro {
            sound-in: 'hitmark';

            &.critical {
                sound-in: 'hitmark_critical';
            }
        }
    }
}