body {
    margin: 0;
}

.part {
    display: inline-block;
    width: 50%;
}

.source.simple {
    width: 128px;
    height: 128px;
    background: url(7b15ffd20decbd0befc9b8c7cc72d267.png);
}
.sprite.simple {
    width: 128px;
    height: 128px;
    background: url('sprite.png?d8defd30309a90e991feff6014911569') -168px 0 no-repeat;
}

.source.query {
    width: 128px;
    height: 128px;
    background: url(26f77e785543bc81f4415ef8dcbb0bfb.png);
}
.sprite.query {
    width: 128px;
    height: 128px;
    background: url('sprite.png?d8defd30309a90e991feff6014911569') 0 0 no-repeat;
}

.source.rename {
    width: 128px;
    height: 128px;
    background: url(7d2f7ccb7df17dc9722963a570789fcb.png);
}
.sprite.rename {
    width: 128px;
    height: 128px;
    background: url('sprite-nav.png?8c44ae541ba21ba1c42011335f3b0801') -168px 0 no-repeat;
}

.source.rename-2 {
    width: 128px;
    height: 128px;
    background: url(077a10ac7a4172a5b272da79caf2ccd1.png);
}
.sprite.rename-2 {
    width: 128px;
    height: 128px;
    background: url('sprite-nav.png?8c44ae541ba21ba1c42011335f3b0801') 0 0 no-repeat;
}