.si{--c:32px;--col:0;--row:0;display:inline-block;flex:0 0 auto;width:var(--c);height:var(--c);vertical-align:middle;background-repeat:no-repeat;background-size:calc(var(--c)*8) calc(var(--c)*8);background-position:calc(var(--col)*var(--c)*-1) calc(var(--row)*var(--c)*-1)}
.si-s0{background-image:url(s0.webp)}
.si-s1{background-image:url(s1.webp)}
.si-s2{background-image:url(s2.webp)}
.si-s3{background-image:url(s3.webp)}
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){
.si-s0{background-image:url(s0@2x.webp)}
.si-s1{background-image:url(s1@2x.webp)}
.si-s2{background-image:url(s2@2x.webp)}
.si-s3{background-image:url(s3@2x.webp)}
}