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

.prompted-voting-category-prompt-component {
  position: absolute;
  top: 60%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}

.prompted-voting-category-prompt-component.visible {
  opacity: 1;
}

.prompted-voting-category-prompt-component.uncentered.position1 {
  width: 33.3333%;
  left: 0;
}

.prompted-voting-category-prompt-component.uncentered.position2 {
  width: 33.3333%;
  left: 33.3333%;
}

.prompted-voting-category-prompt-component.uncentered.position3 {
  width: 33.3333%;
  right: 0;
}

.honor-category-prompt-header {
  @extend $typekit_h4;
  position: absolute;
  width: 100%;
  top: 10px;
  left: 0;
  text-align: center;
  pointer-events: none;
  font-size: 20px;
}

.honor-category-prompt-body {
  @extend $typekit_text_m;
  color: $color_palette_gold3;
  position: absolute;
  width: 100%;
  top: 36px;
  left: 0;
  text-align: center;
  pointer-events: none;
}