#wp-block-sp-cooperative-shares-calculator__container {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  border-radius: var(--radius);
  padding: 1.5rem;
}

#wp-block-sp-cooperative-shares-calculator__form {
  display: grid;
  grid-template-rows: auto 1.25rem 1.25rem;
  grid-template-columns: 1fr 5.5rem;
  gap: 0rem 2rem;
  max-width: 20rem;
  margin: 0 auto 1rem;
  --range--track--background-color: var( --wp--preset--color--blue-shade-5 );
  --range--track--border-radius: var( --radius );
  --range--track--height: 0.375rem;
  --range--thumb--background-color: var( --wp--preset--color--blue );
  --range--thumb--border-radius: var( --radius );
  --range--thumb--width: 1.5rem;
  --range--thumb--height: 0.875rem;
}
#wp-block-sp-cooperative-shares-calculator__form input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
}
#wp-block-sp-cooperative-shares-calculator__form input[type=range]:focus {
  outline: none;
}
#wp-block-sp-cooperative-shares-calculator__form input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--range--track--background-color);
  border-radius: var(--range--track--border-radius);
  height: var(--range--track--height);
}
#wp-block-sp-cooperative-shares-calculator__form input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: calc(-0.5 * (var(--range--thumb--height) - var(--range--track--height)));
  background-color: var(--range--thumb--background-color);
  border-radius: var(--range--thumb--border-radius);
  width: var(--range--thumb--width);
  height: var(--range--thumb--height);
}
#wp-block-sp-cooperative-shares-calculator__form input[type=range]::-moz-range-track {
  background-color: var(--range--track--background-color);
  border-radius: var(--range--track--border-radius);
  height: var(--range--track--height);
}
#wp-block-sp-cooperative-shares-calculator__form input[type=range]::-moz-range-thumb {
  background-color: var(--range--thumb--background-color);
  border: none;
  border-radius: var(--range--thumb--border-radius);
  width: var(--range--thumb--width);
  height: var(--range--thumb--height);
}
#wp-block-sp-cooperative-shares-calculator__input-label {
  grid-row: 1;
  grid-column: 1/-1;
  text-align: center;
  margin: 0 0 0.5rem;
}

#wp-block-sp-cooperative-shares-calculator__range {
  grid-row: 2;
  margin: 0;
}

#wp-block-sp-cooperative-shares-calculator__scale {
  grid-row: 3;
  grid-column: 1;
  display: -moz-box;
  display: flex;
  -moz-box-pack: justify;
       justify-content: space-between;
  margin: 0;
  font-size: 0.75rem;
  color: var(--wp--preset--color--grey-shade-2);
}
#wp-block-sp-cooperative-shares-calculator__scale span {
  width: 33.33%;
}
#wp-block-sp-cooperative-shares-calculator__scale span:nth-of-type(2) {
  text-align: center;
}
#wp-block-sp-cooperative-shares-calculator__scale span:nth-of-type(3) {
  text-align: right;
}

#wp-block-sp-cooperative-shares-calculator__input {
  grid-row: 2/-1;
  grid-column: 2;
}

#wp-block-sp-cooperative-shares-calculator__result {
  text-align: center;
  max-width: 20.5rem;
  margin: 0 auto;
}
#wp-block-sp-cooperative-shares-calculator__result span {
  font-weight: bold;
}