{{#extend "css"}}
{{#content "sprites" mode="replace"}}
{{#each retina_groups}}
{{{selector}}} {
  background-image: url({{{normal.escaped_image}}});
  background-position: {{normal.px.offset_x}} {{normal.px.offset_y}};
  width: {{normal.px.width}};
  height: {{normal.px.height}};
}
{{/each}}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
{{#each retina_groups}}
  {{{selector}}} {
    background-image: url({{{retina.escaped_image}}});
    background-size: {{normal.px.total_width}} {{normal.px.total_height}};
  }
{{/each}}
}
{{/content}}
{{/extend}}