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

.honor-late-recognition-component {
  @extend $boxed-content;
  display: block;
  width: 296px;
  text-align: left;
  background-image: url('/fe/lol-honor/assets/Honor_Late_Notification_Backdrop.png');
  background-repeat: no-repeat;
  background-position: top;
}

.honor-late-recognition-title {
  @extend $typekit_h6;
  padding: 16px 30px 0 18px;
  text-align: left;
  display: flex;
  align-items center;
}

.honor-late-recognition-header {
  @extend $typekit_label_bold;
  padding: 8px 30px 0 18px;
  text-align: left;
  display: flex;
  align-items center;
}

.honor-late-recognition-icon-container {
  margin: 6px 24px 12px 24px;
}