.mrp_post_display {
  display: grid;
  margin-top: 10px !important;
}
.mrp_post_value {
  vertical-align: middle;
  color: {setting="mrp_post_color"};
  max-width: {setting="mrp_post_width"}px;
  width: {setting="mrp_post_width"}px;
  {{if settings.mrp_style}}
    padding: 0px 1px 0px 1px;
  {{else}}
    line-height: 2;
    background: {setting="mrp_post_title"};
    padding: 2px 3px 2px 8px;
    border-radius: 3px;
  {{endif}}
}
.mrp_post_title {
  float: left;  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50%;
  {{if settings.mrp_style}}
    font-size: 12px;
    background: {setting="mrp_post_title"};
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
  {{endif}}
}
.mrp_post_points {
  float: right;
  font-size: 12px;
  {{if settings.mrp_style}}
    line-height: 2;
    {{if settings.mrp_style_b}}
      font-weight: bold;
    {{endif}}
  {{else}}
    background: rgba(0, 0, 0, 0.1);
    padding: 1px 8px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
  {{endif}}
}
.mrp_post_progress {
  margin-bottom: 10px !important;
  margin-top: -5px !important;
}
.mrp_post_progressbar > * {
  background: {setting="mrp_post_progress"} !important;
}
.mrp_hover_display {
  list-style: none;
  align-self: stretch;
}
.mrp_hover_value {
  display: flow-root;
  vertical-align: middle;
  color: {setting="mrp_post_color"};
  {{if settings.mrp_style}}
    padding: 0px 1px 0px 1px;
  {{else}}
    line-height: 2;
    background: {setting="mrp_post_title"};
    padding: 2px 3px 2px 8px;
    border-radius: 3px;
  {{endif}}
}
.mrp_hover_title {
  float: left;  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50%;
  {{if settings.mrp_style}}
    font-size: 12px;
    background: {setting="mrp_post_title"};
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
  {{endif}}
}
.mrp_hover_points {
  float: right;
  font-size: 12px;
  {{if settings.mrp_style}}
    line-height: 2;
    {{if settings.mrp_style_b}}
      font-weight: bold;
    {{endif}}
  {{else}}
    background: rgba(0, 0, 0, 0.1);
    padding: 1px 8px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
  {{endif}}
}
.mrp_hover_progress {
  margin-top: -5px !important;
}
.mrp_hover_progressbar > * {
  background: {setting="mrp_hover_progress"} !important;
}