.stitches-sprite(@x: 0, @y: 0, @width: 0, @height: 0) {
    background-position: @x @y;
    width: @width;
    height: @height;
}

.sprite {
    background-image: url(data:image/png;base64,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);    background-repeat: no-repeat;
   	display: inline-block;

    &.sprite-icon_ajpg {
        .stitches-sprite(-15px, -15px, 18px, 8px);
    }

    &.sprite-icon_article-width {
        .stitches-sprite(-63px, -15px, 24px, 16px);
    }

    &.sprite-icon_color-changer {
        .stitches-sprite(-117px, -15px, 26px, 15px);
    }

    &.sprite-icon_columns {
        .stitches-sprite(-173px, -15px, 19px, 16px);
    }

    &.sprite-icon_embed {
        .stitches-sprite(-222px, -15px, 10px, 14px);
    }

    &.sprite-icon_font-size {
        .stitches-sprite(-262px, -15px, 16px, 10px);
    }

    &.sprite-icon_gap {
        .stitches-sprite(-308px, -15px, 19px, 16px);
    }

    &.sprite-icon_image {
        .stitches-sprite(-357px, -15px, 14px, 15px);
    }

    &.sprite-icon_line-height {
        .stitches-sprite(-401px, -15px, 12px, 9px);
    }

    &.sprite-icon_padding {
        .stitches-sprite(-443px, -15px, 10px, 10px);
    }

    &.sprite-icon_point {
        .stitches-sprite(-483px, -15px, 22px, 20px);
    }

    &.sprite-icon_slider {
        .stitches-sprite(-535px, -15px, 17px, 5px);
    }

    &.sprite-icon_text {
        .stitches-sprite(-582px, -15px, 10px, 11px);
    }

    &.sprite-icon_text-align-center {
        .stitches-sprite(-622px, -15px, 17px, 13px);
    }

    &.sprite-icon_text-align-center-active {
        .stitches-sprite(-669px, -15px, 17px, 13px);
    }

    &.sprite-icon_text-align-left {
        .stitches-sprite(-716px, -15px, 17px, 13px);
    }

    &.sprite-icon_text-align-left-active {
        .stitches-sprite(-763px, -15px, 17px, 13px);
    }

    &.sprite-icon_text-align-right {
        .stitches-sprite(-810px, -15px, 17px, 13px);
    }

    &.sprite-icon_text-align-right-active {
        .stitches-sprite(-857px, -15px, 17px, 13px);
    }

    &.sprite-icon_vertical {
        .stitches-sprite(-904px, -15px, 19px, 17px);
    }
}