.dg-control-round__icon_name_ruler {
    &:after {
        .notRepeatableBgWithSizes('DGRoundControl__rulerIcon');
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: '';
    }

    .no-touch &:hover:after,
    &:active:after {
        .notRepeatableBg('DGRoundControl__rulerIconHover');
    }

    .dg-control-round__icon_state_active&:after,
    .no-touch .dg-control-round__icon_state_active&:hover:after,
    .dg-control-round__icon_state_active&:active:after {
        .notRepeatableBg('DGRoundControl__rulerIconEnabled');
    }
}