{{#spritesheet}}
.btn {
    &.x-huge {
        &.active, &:active {
            &:not(:disabled):not(.disabled) {
                .toolbar__icon {
                    background-position-x: 0;
                    background-position-x: var(--button-xhuge-active-icon-offset-x,0);
                }
            }
        }
    }

    &.active, &:active {
        &:not(:disabled):not(.disabled) {
            .toolbar__icon.toolbar__icon-big {
                background-position-x: 0;
                background-position-x: var(--button-xhuge-active-icon-offset-x,0);
            }
        }
    }
}
.x-huge .toolbar__icon {
    background-image: url(resources/{{{escaped_image}}});
}
.toolbar__icon.toolbar__icon-big {
    background-image: var(--big-icon-background-image);
}
{{/spritesheet}}
{{#sprites}}
{{#parselang name}}.x-huge .{{name}}{{/parselang}}, 
    .toolbar__icon-big.{{name}}
{
    background-position: 0 {{px.offset_y}};
    background-position: var(--button-xhuge-normal-icon-offset-x,0) {{px.offset_y}};
}
{{/sprites}}