.AgeField {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.AgeField--years, .AgeField--months {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.AgeField--years input, .AgeField--months input {
  flex: 0 0 auto;
  width: 88px;
}
.AgeField--years > :last-child, .AgeField--months > :last-child {
  margin-left: 6px;
}
.AgeField--months {
  margin-left: 20px;
}

.Chart {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.Chart--chart-area {
  flex: 1 0 0px;
  position: relative;
}
.Chart--chart-area > * {
  position: absolute;
  top: 0;
  left: 0;
}
.Chart--axis-line {
  stroke: #dedede;
}
.Chart--value-lines {
  stroke: rgba(83, 145, 135, 0.8);
  stroke-dasharray: 1 2;
}
.Chart--axis-labels {
  font-size: 13px;
  font-weight: 500;
  fill: #777;
  text-align: center;
}
.Chart--tooltip {
  position: absolute;
  top: 0;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.Chart--tooltip--header {
  background: #6dd574;
  color: white;
  border-radius: 8px 8px 0 0;
  padding: 10px;
}
.Chart--tooltip--sub-label {
  font-weight: 500;
  font-style: italic;
  opacity: 0.8;
}
.Chart--tooltip--body {
  padding: 10px;
}
.Chart--tooltip--body > :not(:last-child) {
  margin-bottom: 10px;
}
.Chart--tooltip--item--value {
  color: #6dd574;
}
.Chart--footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
  padding-top: 0;
}
.Chart--footer > * {
  margin-top: 10px;
}
.Chart--footer > :first-child {
  margin-right: 30px;
}
.Chart--legend {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Chart--legend--item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Chart--legend--item:not(:last-child) {
  margin-right: 20px;
}
.Chart--legend--item--color {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  margin-right: 10px;
}
.Chart--notes {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.DropDown {
  position: absolute;
}
.DropDown--shim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  background: rgba(33, 33, 33, 0.2);
  z-index: 99;
}
.DropDown--modal {
  background: white;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);
  position: relative;
  z-index: 100;
}

.Form {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.Form--fields {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 304px;
}
.Form--fields > :not(:last-child) {
  margin-bottom: 30px;
}
.Form--instructions {
  position: relative;
  flex: 1 0 0px;
  margin-left: 20px;
}
.Form--instruction {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Form--instruction.transition-enter {
  opacity: 0;
}
.Form--instruction.transition-enter-active {
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
}
.Form--instruction.transition-enter-done {
  transition-property: top;
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
}
.Form--instruction.transition-exit {
  opacity: 1;
}
.Form--instruction.transition-exit-active {
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
}
.Form--instruction--hook {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
  border: 2px solid #6dd574;
  border-right-width: 0;
}
.Form--instruction--hook::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border: 4px solid;
  border-color: transparent transparent #6dd574 #6dd574;
  transform: rotate(45deg);
}
.Form--instruction--label {
  flex: 0 1 auto;
  background: #f3fdf6;
  padding: 10px;
  padding-left: 12px;
}

.Form--hidden-submit-button {
  position: absolute;
  visibility: hidden;
}

.FormField {
  width: 304px;
}
.FormField > label {
  display: block;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.FormField--label {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 6px;
}
.FormField--body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.FormField--error-label {
  margin-top: 2px;
  margin-bottom: -20.8px;
  color: #d56d6d;
  min-height: 20.8px;
}

.IconButton {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: 32px;
  height: 32px;
}
.IconButton.disabled {
  opacity: 0.6;
}
.IconButton:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}
.IconButton:hover {
  background: rgba(255, 255, 255, 0.2);
}

.Label {
  font-size: 13px;
  line-height: 1.4em;
}
.Label.title {
  font-size: 20px;
}
.Label.body {
  font-size: 14px;
  font-weight: 500;
}
.Label.large {
  font-size: 18px;
}
.Label.small {
  font-size: 11px;
}
.Label.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Label .monospace {
  font: 600 14px "Roboto Mono", "Courier New", monospace;
}
.Label-body .monospace {
  font-weight: 500;
}
.Label .bold {
  font-weight: 800;
}
.Label .italic {
  font-style: italic;
}

.LinkButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
}
.LinkButton.small {
  padding: 0 10px;
}
.LinkButton.disabled {
  opacity: 0.6;
}
.LinkButton--label {
  flex: 1 0 auto;
}
.LinkButton:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(109, 213, 116, 0.2);
}
.LinkButton:hover {
  text-decoration: underline;
}

.Markdown {
  font-size: 14px;
  font-weight: 500;
}
.Markdown h1, .Markdown h2, .Markdown h3 {
  margin-bottom: 0.1em;
}
.Markdown .paragraph {
  margin-bottom: 1em;
  line-height: 1.4em;
}
.Markdown > :last-child {
  margin-bottom: 0;
}

.NumberField--steppers {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-around;
}
.NumberField--steppers svg {
  fill: #212121;
}

.PercentageField {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.PercentageField--slider {
  flex: 1 0 0px;
  margin-right: 10px;
}
.PercentageField--field {
  flex: 0 0 auto;
  width: 100px;
}
.PercentageField:focus-within .Slider--thumb {
  box-shadow: 0 0 0 2px rgba(109, 213, 116, 0.2);
}

.PushButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 48px;
  padding: 0 20px;
  border-radius: 8px;
  text-align: center;
}
.PushButton.primary {
  background: #6dd574;
  color: white;
}
.PushButton.secondary {
  background: #f3fdf6;
  color: #539187;
}
.PushButton.black {
  background: #212121;
  color: white;
}
.PushButton.small {
  border-radius: 4px;
  height: 32px;
  padding: 0 10px;
}
.PushButton.disabled {
  opacity: 0.6;
}
.PushButton--icon {
  margin-right: 6px;
}
.PushButton--label {
  flex: 1 0 auto;
  font-size: 14px;
}
.PushButton:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(109, 213, 116, 0.2);
}

.RadioList {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.RadioList--choice {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  color: #333;
  padding: 20px;
}
.RadioList--choice:not(:last-child) {
  border-bottom: 1px solid rgba(149, 149, 149, 0.1);
}
.RadioList--choice--radio {
  margin-right: 10px;
  margin-top: 3.6px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background: white;
  border: 2px solid #777;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-items: center;
  justify-content: center;
}
.RadioList--choice.selected .RadioList--choice--radio {
  border-color: #6dd574;
}
.RadioList--choice.selected .RadioList--choice--radio svg {
  fill: #6dd574;
}
.RadioList--choice--main {
  flex: 1 0 0px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.RadioList--choice--main > :last-child {
  margin-top: 10px;
}

.Slider {
  position: relative;
  height: 16px;
}
.Slider--track-bar {
  height: 2px;
  margin: 7px 8px;
  background: rgba(83, 145, 135, 0.2);
}
.Slider--thumb-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  left: 8px;
  right: 8px;
  height: 16px;
}
.Slider--thumb {
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  border-radius: 8px;
  background: #6dd574;
}
.Slider--thumb.null {
  opacity: 0.6;
}
.Slider--thumb-container.dragging .Slider--thumb, .Slider--thumb:hover {
  box-shadow: 0 0 0 2px rgba(109, 213, 116, 0.2);
}

.Splash--download-error {
  flex: 1 0 0px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-items: center;
  justify-content: center;
}
.Splash--loading {
  flex: 1 0 0px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-items: center;
  justify-content: center;
  color: #777;
}

.Swatch {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: rgba(149, 149, 149, 0.1);
  padding: 10px;
}
.Swatch--header {
  margin: -10px;
  padding: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid white;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Swatch--title {
  flex: 1 1 auto;
}
.Swatch--info-button {
  position: relative;
  padding: 6px;
}
.Swatch--info-button svg {
  display: block;
}
.Swatch--info-button svg * {
  fill: #777;
}
.Swatch--info {
  position: absolute;
  z-index: 100;
  top: 32px;
  width: 320px;
  left: -162px;
  background: #539187;
  color: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(33, 33, 33, 0.2);
  will-change: opacity;
  transition: opacity 300ms ease-in-out;
}
.Swatch--info.hidden {
  opacity: 0;
  pointer-events: none;
}
.Swatch--info .TextBlock {
  background: transparent;
  padding: 17px 20px;
}
.Swatch--values {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 0 auto;
  margin-top: 10px;
}
.Swatch--values > :not:last-child {
  margin-top: 10px;
}
.Swatch--value {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 0 auto;
  justify-content: space-between;
}
.Swatch--value--value-label {
  font-size: 32px;
  color: #6dd574;
}
.Swatch--value.small .Swatch--value--value-label {
  font-size: 25.6px;
}

.Tappable {
  cursor: pointer;
  user-select: none;
  outline: none;
  text-decoration: none;
}
.Tappable-disabled {
  cursor: default;
}

.TextBlock {
  background: #539187;
  padding: 20px;
  color: white;
}

.TextBlock--title {
  margin-bottom: 6px;
}

.TextField--input {
  display: block;
  min-width: 0;
  width: 100%;
  border: none;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
.TextField--input::-webkit-search-decoration, .TextField--input::-webkit-search-cancel-button, .TextField--input::-webkit-search-results-button, .TextField--input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.TextField--input::-webkit-outer-spin-button, .TextField--input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.TextField--input::placeholder {
  color: #aaa;
}

.TextField {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.TextField--input {
  flex: 1 0 0px;
  width: 0;
  height: 48px;
  background: white;
  border-radius: 8px;
  border: 2px solid #6dd574;
  padding: 8px;
  font-size: 18px;
  transition-property: box-shadow, background;
  transition-timing-function: ease-in-out;
  transition-duration: 200ms;
}
.TextField--input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(109, 213, 116, 0.2);
  background: #f3fdf6;
}
.TextField--input-invalid {
  border-color: #d56d6d;
}
.TextField--input-invalid:focus {
  background: #f7e2e1;
  box-shadow: 0 0 0 2px rgba(213, 109, 109, 0.2);
}
.TextField--accessory {
  position: absolute;
  top: 2px;
  bottom: 2px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}
.TextField--accessory-left {
  left: 2px;
}
.TextField--accessory-right {
  right: 2px;
}

.ToggleButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 2px solid #6dd574;
  height: 48px;
  border-radius: 8px;
  background: white;
  color: #777;
  text-align: center;
}
.ToggleButton--label {
  flex: 1 0 0px;
}
.ToggleButton:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(109, 213, 116, 0.2);
  background: #f3fdf6;
}
.ToggleButton-on {
  background: #6dd574;
  color: white;
}
.ToggleButton-on:focus {
  background: #6dd574;
}

.ToggleField {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-bottom: -10px;
}
.ToggleField--button {
  width: 147px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.CalculationScreen {
  flex: 1 0 0px;
  overflow: auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-width: 1024px;
  min-height: 524px;
}
.CalculationScreen--data-summary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-right: 30px;
  width: 282px;
}
.CalculationScreen--main {
  flex: 1 0 0px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}
.CalculationScreen--header {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  padding-right: 10px;
  height: 48px;
  border-top-right-radius: 24px;
  background: #6dd574;
  margin-bottom: 20px;
  color: white;
}
.CalculationScreen--header svg {
  fill: white;
}
.CalculationScreen--header > :not(:last-child) {
  margin-right: 20px;
}
.CalculationScreen--title {
  flex: 1 0 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.CalculationScreen--actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
}
.CalculationScreen--actions > :not(:last-child) {
  margin-right: 20px;
}
.CalculationScreen--display-params {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.CalculationScreen--display-params > :not(:last-child) {
  margin-right: 10px;
}
.CalculationScreen--display-param {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.CalculationScreen--display-param > :not(:last-child) {
  margin-right: 2px;
}
.CalculationScreen--params {
  width: 344px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.CalculationScreen--params--navigator {
  flex: 1 0 0px;
  position: relative;
  overflow: hidden;
  padding-right: 20px;
}
.CalculationScreen--params--navigator > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.CalculationScreen--params--navigator.right > .transition-enter {
  transform: translateX(100%);
}
.CalculationScreen--params--navigator.left > .transition-enter {
  transform: translateX(-100%);
}
.CalculationScreen--params--navigator.right > .transition-enter-active, .CalculationScreen--params--navigator.left > .transition-enter-active {
  transform: translateX(0);
  transition-property: transform;
  transition-timing-function: ease-in-out;
  transition-duration: 300ms;
}
.CalculationScreen--params--navigator.left > .transition-exit, .CalculationScreen--params--navigator.right > .transition-exit {
  transform: translateX(0);
}
.CalculationScreen--params--navigator.left > .transition-exit-active {
  transform: translateX(100%);
  transition-property: transform;
  transition-timing-function: ease-in-out;
  transition-duration: 300ms;
}
.CalculationScreen--params--navigator.right > .transition-exit-active {
  transform: translateX(-100%);
  transition-property: transform;
  transition-timing-function: ease-in-out;
  transition-duration: 300ms;
}
.CalculationScreen--small-screen-modify-data-button {
  display: none;
  padding-right: 20px;
}
.CalculationScreen--header-container {
  position: relative;
}
.CalculationScreen--params-header {
  border-top-right-radius: 0;
  margin-right: 1px;
}
.CalculationScreen--type-list {
  top: 48px;
  left: 0;
  right: 0;
}
.CalculationScreen--flex-button {
  margin-top: 20px;
}
.CalculationScreen--calculation {
  flex: 1 0 0px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.CalculationScreen--results {
  flex: 1 0 0px;
}
.CalculationScreen--flex-modules {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.CalculationScreen--flex-module-list {
  margin-top: 30px;
}
.CalculationScreen--back-button {
  height: 48px;
  border-right: 1px solid white;
  padding: 0 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.CalculationScreen--back-button svg {
  margin-right: 10px;
}
.CalculationScreen--display-params-dropdown {
  top: 48px;
  right: 0;
  min-width: 408px;
}
.CalculationScreen--display-params-dropdown > * > :not(:last-child) {
  border-bottom: 2px solid #539187;
}
@media screen and (max-width: 640px) {
  .CalculationScreen {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .CalculationScreen--data-summary {
    margin-right: 0;
    margin-bottom: 10px;
    width: auto;
  }
  .CalculationScreen--main {
    flex: 0 0 auto;
    overflow: visible;
  }
  .CalculationScreen--flex-modules {
    position: static;
  }
  .CalculationScreen--calculation {
    position: static;
  }
  .CalculationScreen--results {
    flex: 0 0 auto;
  }
}
.CalculationScreen--disclaimer-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  background: rgba(33, 33, 33, 0.2);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-items: center;
  justify-content: center;
  padding: 48px;
}
@media screen and (max-width: 640px) {
  .CalculationScreen--disclaimer-container {
    padding: 20px;
  }
}
.CalculationScreen--disclaimer {
  background: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  max-width: 780px;
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.CalculationScreen--disclaimer-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  padding-bottom: 0;
}
.CalculationScreen--disclaimer-body {
  flex: 0 1 auto;
  overflow: auto;
  padding: 30px;
}
.CalculationScreen--disclaimer-introduction {
  font-weight: 700 !important;
}
.CalculationScreen--disclaimer-section {
  margin-top: 20px;
}
@media (max-width: 1240px) {
  .CalculationScreen--data-summary {
    display: none;
  }
  .CalculationScreen--small-screen-modify-data-button {
    display: block;
  }
}

.Center {
  max-width: 1024px;
  margin-right: auto;
  padding: 48px;
}

.DataEntryScreen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.DataEntryScreen--form {
  margin-top: 48px;
}
.DataEntryScreen--footer {
  background: white;
  border-top: 1px solid #dedede;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 30px;
  padding-top: 30px;
}
.DataEntryScreen--footer > :not(:last-child) {
  margin-right: 20px;
}

.DataSummary {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: rgba(149, 149, 149, 0.1);
  padding: 20px;
}
.DataSummary--body {
  flex: 1 0 auto;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.DataSummary--body > :not(:last-child) {
  margin-bottom: 10px;
}
.DataSummary--label {
  color: #777;
}

.Navigator {
  flex: 1 0 0px;
  position: relative;
}
.Navigator-right > .transition-enter {
  opacity: 0;
  transform: translateX(5%);
}
.Navigator-left > .transition-enter {
  opacity: 0;
  transform: translateX(-5%);
}
.Navigator-right > .transition-enter-active, .Navigator-left > .transition-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition-property: transform, opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 300ms;
}
.Navigator-left > .transition-exit, .Navigator-right > .transition-exit {
  opacity: 1;
  transform: translateX(0);
}
.Navigator-left > .transition-exit-active {
  opacity: 0;
  transform: translateX(5%);
  transition-property: transform, opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 300ms;
}
.Navigator-right > .transition-exit-active {
  opacity: 0;
  transform: translateX(-5%);
  transition-property: transform, opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 300ms;
}
.Navigator--screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.Params {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.Params > :not(:last-child) {
  margin-bottom: 10px;
}

.ParamsPanel {
  width: 324px;
  padding-bottom: 10px;
}
.ParamsPanel.flex-module {
  background: rgba(149, 149, 149, 0.1);
  padding: 10px;
}
.ParamsPanel.unavailable {
  color: #777;
}
.ParamsPanel--header {
  margin: -10px;
  margin-bottom: 10px;
  border-bottom: 1px solid white;
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ParamsPanel--check {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: white;
  border-radius: 4px;
  border: 2px solid #777;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-items: center;
  justify-content: center;
}
.ParamsPanel--check.checked {
  border-color: #6dd574;
}
.ParamsPanel--check.checked svg {
  fill: #6dd574;
}
.ParamsPanel--title {
  flex: 1 0 0px;
}
.ParamsPanel .Form--fields > :not(:last-child) {
  margin-bottom: 20px;
}

.CommonParams {
  padding-bottom: 10px;
}

.Results {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.Results--swatches {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex: 0 0 auto;
  margin-bottom: 20px;
}
.Results--swatches > * {
  flex: 1 0 0px;
}
.Results--swatches > :not(:last-child) {
  margin-right: 20px;
}
.Results--chart {
  flex: 1 0 0px;
  position: relative;
}
.Results--chart > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 640px) {
  .Results {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .Results--chart {
    flex: 0 0 auto;
    height: 640px;
  }
  .Results--swatches {
    flex: 0 0 auto;
    margin-left: 0;
  }
}

.Screen {
  padding: 30px;
}
@media screen and (max-width: 1024px) {
  .Screen {
    padding: 20px;
  }
}
@media screen and (max-width: 640px) {
  .Screen {
    padding: 10px;
  }
}

body, input, select, textarea {
  font: 600 16px "Raleway", sans-serif;
  color: #333;
}

.PensionPlanner {
  flex: 1 0 0px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.PensionPlanner img {
  display: block;
}

.PensionPlanner, .PensionPlanner * {
  box-sizing: border-box;
}

/*# sourceMappingURL=styles.css.map */