/* Icon classes */

.icon {
  background-image: url("../../assets/logs_spritesheet.svg");
  background-repeat: no-repeat;
  background-size: initial;
  display: inline-block;
  cursor: default;
  position: relative;
}
.icon.clickable {
  cursor: pointer;
}

.icon.u-closeIcon {
  background-position: 0 0;
  width: 14px;
  height: 14px;
}
.icon.u-closeIcon:hover {
  background-position: 0 -16px;
}

.icon.u-dropdownArrowIcon {
  background-position: 0 -32px;
  width: 16px;
  height: 9px;
}
.icon.u-dropdownArrowIcon:hover {
  background-position: 0 -43px;
}

.icon.u-gearIcon {
  background-position: 0 -54px;
  width: 16px;
  height: 16px;
}
.icon.u-gearIcon:hover {
  background-position: 0 -72px;
}

.icon.u-csvExportIcon {
  background-position: 0 -90px;
  width: 16px;
  height: 19px;
}
.icon.u-csvExportIcon:hover {
  background-position: 0 -111px;
}

.icon.u-codeIcon {
  background-position: 0 -132px;
  width: 18px;
  height: 12px;
}
.icon.u-codeIcon:hover {
  background-position: 0 -146px;
}

.icon.u-infoIcon {
  background-position: 0 -161px;
  width: 16px;
  height: 16px;
}
.icon.u-infoIcon:hover {
  background-position: 0 -181px;
}

.icon.u-tokensIcon {
  background-position: 0 -275px;
  width: 17px;
  height: 20px;
}
.icon.u-tokensIcon:hover {
  background-position: 0 -298px;
}

.icon.u-editTokenIcon {
  background-position: 0 -198px;
  width: 18px;
  height: 19px;
}
.icon.u-editTokenIcon:hover {
  background-position: 0 -217px;
}


.icon.u-deleteTokenIcon {
  background-position: 0 -237px;
  width: 18px;
  height: 17px;
}
.icon.u-deleteTokenIcon:hover {
  background-position: 0 -256px;
}
.u-tokenIllustration {
  background: url("../../assets/empty_tokens_illustration.svg") center no-repeat;
  width: 80px;
  height: 100px;
}