.alert_wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: var(--standard-margin);
}

.alert_width {
  width: 300px;
}

.wrapper {
  padding: none;
  margin: none;

  display: flex;

  align-items: center;
  justify-content: center;
}

.info {
  align-self: center;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.score_stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto;
}

.score {
  display: flex;
  align-items: center;
  flex: 1 1 auto;

  margin: var(--large-margin);
  height: 150px;
  width: 150px;

  /*
    progress modal sets a -1 z-index on its content
    and this raises it above the app background
  */
  z-index: var(--medium-high-content-z-index);
}

.score_percentage {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
}

.info_wrapper {
  flex: 1 1 auto;
  margin: var(--large-margin);
  padding-left: var(--large-padding);
}

.info_left_border {
  border-left: #c7cdd1 solid 1px;
}