.scale {
  background: transparent;
  width: 100%;
  max-width: 700px;
  height: 100%;
  min-height: 136px;
  display: grid;
  grid-template:
    "bar" 86px
    "legend" 50px / 1fr;
  align-content: center;
  margin: 0 auto;
}

.scale__bar {
  background: transparent url("../Images/scale__bar-bg.png") 0 50% repeat-x;
  margin: 0;
  width: 100%;
  height: 86px;
  display: block;
  position: relative;
}

.scale__bud {
  width: 100px;
  position: absolute;
}

.scale__legend {
  grid-area: legend;
  display: grid;
  text-shadow: 0 0 1px #555;
  font-weight: 700;
}

.legend--active {
  color: var(--color-green);
  font-weight: 700;
}

.powermail_form_2 .powermail_fieldset_3 .scale__legend {
  grid-template: "weed weedandhash hash" auto / 1fr 1fr 1fr;
}

.powermail_form_2 .powermail_fieldset_4 .scale__legend {
  grid-template: "left center right" auto / 1fr 1fr 1fr;
}

.powermail_form_2 .powermail_fieldset_5 .scale__legend {
  grid-template: "center" auto / 1fr;
}

.powermail_form_2 .powermail_fieldset_6 .scale__legend {
  grid-template:
    "no" auto
    "yes" auto / 1fr 1fr;
}

.scale__reminder {
  max-height: 0;
  transition: max-height 0.25s ease-out;
  overflow: hidden;
  padding-top: 1em;
}

.reminder--active {
  max-height: 1000px;
  transition: max-height 0.25s ease-in;
}