.eventType {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 120px 143px; /* total size of the sprite sheet */
}
.eventType-16 {
  height: 16px;
  width: 16px;
}
.eventType-24 {
  height: 24px;
  width: 24px;
}
.eventType-32 {
  height: 32px;
  width: 32px;
}
.eventType-64 {
  height: 64px;
  width: 64px;
}
/* 16px positions */
.eventType-16.th {
  background-position: 0px 0px;
}
.eventType-16.do {
  background-position: 0px -16px;
}
.eventType-16.hs {
  background-position: 0px -32px;
}
/* 24px positions */
.eventType-24.th {
  background-position: -16px 0px;
}
.eventType-24.do {
  background-position: -16px -23px;
}
.eventType-24.hs {
  background-position: -16px -47px;
}
/* 32px positions */
.eventType-32.th {
  background-position: -39px 0px;
}
.eventType-32.do {
  background-position: -39px -32px;
}
.eventType-32.hs {
  background-position: -39px -64px;
}
/* 64px positions */
.eventType-64.th {
  background-position: -72px 0px;
}
.eventType-64.do {
  background-position: -69px -49px;
}
.eventType-64.hs {
  background-position: -66px -97px;
}

/* Theme-based background images */
.eventType-dark {
  background-image: url("eventType_dark.svg");
}

.eventType-light {
  background-image: url("eventType_light.svg");
}
