{{#spritesheet}}
.btn {
    &.active, &:active {
        &:not(:disabled):not(.disabled) {
            .toolbar__icon {
                {{#if (iesupport)}}
                background-position-x: -20px;
                {{/if}}
                background-position-x: var(--button-small-active-icon-offset-x, 0);
            }
        }
    }
}
.toolbar__icon, .menu__icon {
    {{#if (iesupport)}}
    background-image: url(resources/{{{escaped_image}}});
    background-size: 40px auto;
    {{/if}}
    background-image: var(--sprite-button-{{#spritepostfix}}{{/spritepostfix}}, url(resources/{{{escaped_image}}}));
    background-size: var(--sprite-button-small-width, 40px) auto;
}
{{#if (xpsupport)}}
.winxp {
    .toolbar__icon, .menu__icon {
        background-image: url(resources/{{{escaped_image}}});
    }
}
{{/if}}
{{/spritesheet}}
{{#sprites}}
{{#extracls}}{{/extracls}}{{#parselang name}}.{{name}}{{/parselang}} {
    {{#if (iesupport)}}
    @btn-icon-offset: 0;
    background-position: @btn-icon-offset {{px.offset_y}};
    {{/if}}

    background-position: var(--button-small-normal-icon-offset-x, 0) {{px.offset_y}};
}
{{/sprites}}