.sprite-badge {
  background: url('./sprite_badge.png') no-repeat;
}
.sprite-badge::after {
  content: '';
  display: block;
}

.sprite-badge-frame-27 {
  background-size: 304.000% 304.000%;
  background-position: 0.000% 0.000%;
}
.sprite-badge-frame-27::after {
  padding-top: 100.000%;
}

.sprite-badge-frame-28 {
  background-size: 304.000% 304.000%;
  background-position: 50.000% 0.000%;
}
.sprite-badge-frame-28::after {
  padding-top: 100.000%;
}

.sprite-badge-frame-30 {
  background-size: 304.000% 304.000%;
  background-position: 0.000% 50.000%;
}
.sprite-badge-frame-30::after {
  padding-top: 100.000%;
}

.sprite-badge-badge-228 {
  background-size: 304.000% 304.000%;
  background-position: 50.000% 50.000%;
}
.sprite-badge-badge-228::after {
  padding-top: 100.000%;
}

.sprite-badge-frame-19 {
  background-size: 304.000% 304.000%;
  background-position: 100.000% 0.000%;
}
.sprite-badge-frame-19::after {
  padding-top: 100.000%;
}

.sprite-badge-badge-229 {
  background-size: 304.000% 304.000%;
  background-position: 100.000% 50.000%;
}
.sprite-badge-badge-229::after {
  padding-top: 100.000%;
}

.sprite-badge-badge-230 {
  background-size: 304.000% 304.000%;
  background-position: 0.000% 100.000%;
}
.sprite-badge-badge-230::after {
  padding-top: 100.000%;
}

.sprite-badge-frame_front-1 {
  background-size: 7600.000% 7600.000%;
  background-position: 68.000% 68.000%;
}
.sprite-badge-frame_front-1::after {
  padding-top: 100.000%;
}

.sprite-badge-frame-29 {
  background-size: 304.000% 304.000%;
  background-position: 50.000% 100.000%;
}
.sprite-badge-frame-29::after {
  padding-top: 100.000%;
}