@import '~riotclient-lol-asset-csslib/styles/typekit';

.honor-late-recognition-icon-component {
  display: block;
  position: relative;
  height: 24px;
}

.honor-late-recognition-icon {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.honor-late-recognition-icon-text {
  @extend $typekit_label;
  position: absolute;
  height: 24px;
  left: 38px;
  display: flex;
  vertical-align: middle;
  align-items: center;
}

.honor-late-recognition-icon-count {
  @extend $typekit_label;
  position: absolute;
  top: 1px;
  left: 24px;
}