.ratecalculator {
  position: relative;
  zoom: 1
}
.ratecalculator .ratecalculator-Subtext .ratecalculator-ErrorSymbol,
.ratecalculator [hidden],
.ratecalculator template {
  display: none
}
.ratecalculator .single-cdType {
  background-color: transparent;
  border: thin solid transparent;
  border-bottom: 1px solid #858585;
  border-radius: 0;
  color: #555
}
.ratecalculator fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}
.ratecalculator .errorMessage {
  margin-top: 3rem
}
.ratecalculator .ratecalculator-Results {
  border-radius: 1em;
  padding: 0
}
.ratecalculator .focus-fields,
.ratecalculator .ratecalculator-Inputs,
.ratecalculator .ratecalculator-Label,
.ratecalculator .ratecalculator-Outputs {
  position: relative
}
.ratecalculator .focus-fields.input-focused .amt_label,
.ratecalculator .focus-fields.input-focused .loan_label,
.ratecalculator .focus-fields.input-focused .zip_label,
.ratecalculator .focus-fields.input-valued .amt_label,
.ratecalculator .focus-fields.input-valued .loan_label,
.ratecalculator .focus-fields.input-valued .zip_label,
.ratecalculator .ratecalculator-Label.input-focused .amt_label,
.ratecalculator .ratecalculator-Label.input-focused .loan_label,
.ratecalculator .ratecalculator-Label.input-focused .zip_label,
.ratecalculator .ratecalculator-Label.input-valued .amt_label,
.ratecalculator .ratecalculator-Label.input-valued .loan_label,
.ratecalculator .ratecalculator-Label.input-valued .zip_label {
  top: 0;
  font-size: .75rem
}
.ratecalculator .focus-fields.input-focused:after,
.ratecalculator .ratecalculator-Label.input-focused:after {
  content: "";
  border: .13rem solid #235ae4;
  border-radius: .25rem;
  height: calc(100% + .75rem);
  position: absolute;
  left: -.375rem;
  top: -.375rem;
  width: calc(100% + .75rem);
  box-sizing: border-box
}
.ratecalculator .focus-fields.input-enterted:after,
.ratecalculator .ratecalculator-Label.input-enterted:after {
  top: 0;
  font-size: .75rem;
  height: calc(100% + .5rem);
  position: absolute;
  width: calc(100% + .75rem)
}
.ratecalculator .ratecalculator-Subtext.ratecalculator-Subtext-Error .ratecalculator-ErrorSymbol {
  display: inline
}
.ratecalculator .ratecalculator-Body {
  border: 1px solid #cdd1e2;
  border-radius: .5rem;
  overflow: hidden;
  column-gap: 0
}
.ratecalculator .ratecalculator-Inputs {
  background-color: #f1f5fb;
  padding: 4rem
}
@media only screen and (max-width:65.9375rem) {
  .ratecalculator .ratecalculator-Body {
    row-gap: 0
  }
  .ratecalculator .ratecalculator-Inputs {
    padding: 3rem
  }
}
@media only screen and (max-width:41.9375rem) {
  .ratecalculator .ratecalculator-Inputs {
    padding: 2rem 1rem 3rem
  }
}
.ratecalculator .ratecalculator-Outputs {
  padding: 4rem 3.125rem;
  align-self: center
}
@media only screen and (max-width:65.9375rem) {
  .ratecalculator .ratecalculator-Outputs {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
}
.ratecalculator .ratecalculator-Outputs.ratecalculator-Outputs-Center {
  align-content: center
}
.ratecalculator .ratecalculator-Field,
.ratecalculator .ratecalculator-Fields {
  margin-bottom: 1.5rem;
  float: left;
  width: 100%
}
.ratecalculator .ratecalculator-Field .ratecalculator-Field,
.ratecalculator .ratecalculator-Fields .ratecalculator-Field,
.ratecalculator .ratecalculator-Result.ratecalculator-Bonus .ratecalculator-Returned,
.ratecalculator .ratecalculator-Result.ratecalculator-Deposit .ratecalculator-Returned,
.ratecalculator .ratecalculator-Result.ratecalculator-Earning .ratecalculator-Returned {
  margin-bottom: 0
}
.ratecalculator .ratecalculator-Amount,
.ratecalculator .ratecalculator-Fieldset,
.ratecalculator .ratecalculator-Label-Full-Width,
.ratecalculator .ratecalculator-Label-Term .ratecalculator-Options,
.ratecalculator .ratecalculator-Label-Type .ratecalculator-Options {
  display: block
}
.ratecalculator .ratecalculator-Fieldset > :first-child {
  display: block;
  margin-bottom: 1.5rem
}
.ratecalculator .ratecalculator-Fieldset > :nth-child(2) {
  margin-bottom: .5rem
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .caption,
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field,
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field-heading,
.ratecalculator .ratecalculator-Fieldset>:last-child {
  margin-bottom: 2rem
}
.ratecalculator .ratecalculator-Label {
  display: inline-block;
  font-weight: 400;
  width: 100%;
  margin-bottom: .0625rem;
  position: relative
}
.ratecalculator .ratecalculator-Label-Term {
  float: left;
  min-width: 50%;
  width: auto;
  margin-bottom: 0
}
.ratecalculator .ratecalculator-Label-Term .ratecalculator-Select,
.ratecalculator .ratecalculator-Label-Type .ratecalculator-Select {
  width: 100%;
  margin-bottom: 2rem
}
.ratecalculator .ratecalculator-For.type-label,
.ratecalculator .ratecalculator-Label-Term .ratecalculator-For,
.ratecalculator .ratecalculator-Label-Type .ratecalculator-For {
  font-size: .75rem
}
.ratecalculator .ratecalculator-Label-Term.ratecalculator-Label-Single,
.ratecalculator .ratecalculator-Label-Type.ratecalculator-Label-Single {
  min-width: auto
}
.ratecalculator .ratecalculator-Label-Type {
  float: left;
  min-width: 50%;
  margin-bottom: 0
}
.ratecalculator .ratecalculator-Label + .ratecalculator-Options {
  clear: both;
  min-width: 50%;
  float: left
}
.ratecalculator .ratecalculator-For {
  color: #63637f;
  display: block;
  font-family: Circular,Arial,Helvetica,sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}
.ratecalculator .ratecalculator-For.amt_label {
  position: absolute;
  transition: .25s;
  top: 1.25rem;
  pointer-events: none
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Amount-Error.ratecalculator-For,
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Amount-Error.ratecalculator-For span,
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Subtext-Error,
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Subtext-Error span,
.ratecalculator .ratecalculator-For-Error,
.ratecalculator .ratecalculator-Subtext-Error {
  color: #cf2a36
}
.ratecalculator .ratecalculator-Error,
.ratecalculator .ratecalculator-Error *,
.ratecalculator .ratecalculator-Input,
.ratecalculator .ratecalculator-Select,
.ratecalculator .ratecalculator-Subtext,
.ratecalculator .ratecalculator-Subtext * {
  font-family: Circular,Arial,Helvetica,sans-serif;
  font-weight: 400
}
.ratecalculator .ratecalculator-Input,
.ratecalculator .ratecalculator-Select,
.ratecalculator-Input,
.ratecalculator-Select {
  font-size: 1rem;
  line-height: 1.5
}
.ratecalculator .ratecalculator-Input {
  background-color: transparent;
  border: 0 solid transparent;
  border-bottom: 1px solid #7a7a95;
  border-radius: 0;
  color: #484861;
  padding: .25rem .25rem .25rem 0;
  margin-top: 1rem;
  width: 100%;
  box-sizing: border-box
}
.ratecalculator .ratecalculator-Input:active,
.ratecalculator .ratecalculator-Input:focus {
  border-bottom: .13rem solid #235ae4;
  color: #2d2d3e;
  outline: 0
}
.ratecalculator .ratecalculator-Input::-ms-clear {
  display: none
}
.ratecalculator .ratecalculator-Input.has-count-error,
.ratecalculator .ratecalculator-Input.has-range-error {
  border-bottom: .13rem solid #cf2a36
}
.ratecalculator .ratecalculator-Subtext {
  color: #63637f;
  font-weight: 400
}
.ratecalculator .ratecalculator-Subtext span:last-child {
  vertical-align: super
}
.ratecalculator .ratecalculator-Subtext sup {
  margin: 0 0 0 .13rem
}
.ratecalculator .ratecalculator-Error,
.ratecalculator .ratecalculator-Subtext {
  font-size: .75rem;
  margin: 0;
  vertical-align: super;
  line-height: 1
}
.ratecalculator .ratecalculator-Error,
.ratecalculator .ratecalculator-Error :not(a),
.ratecalculator .ratecalculator-Field-Error,
.ratecalculator .ratecalculator-Field-Error:active,
.ratecalculator .ratecalculator-Field-Error:focus {
  color: #cf2a36;
  fill: #cf2a36
}
.ratecalculator .ratecalculator-ErrorSymbolMain {
  display: block;
  float: left;
  margin-right: .0625rem
}
.ratecalculator .ratecalculator-Errors {
  background-color: #ffe9ea;
  border: 1px solid #cf2a36;
  border-radius: .25rem;
  margin-bottom: 1.25rem;
  padding: 1rem;
  border-top: .313rem solid #cf2a36;
  display: none
}
.ratecalculator .ratecalculator-ErrorsLabel {
  color: #2d2d3e;
  font-family: Circular,Arial,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 2;
  margin: 0 0 .25rem
}
.ratecalculator .ratecalculator-Amount-Error,
.ratecalculator .ratecalculator-Amount-Error:active,
.ratecalculator .ratecalculator-Amount-Error:focus {
  color: #cf2a36;
  border-bottom-color: #cf2a36
}
.ratecalculator .ratecalculator-Buttons .ratecalculator-Button {
  bottom: 0;
  background-color: transparent;
  border: 1px solid #235ae4;
  border-radius: .25rem;
  height: auto;
  color: #235ae4;
  cursor: pointer;
  font-size: 1rem;
  font-family: Circular,Arial,Helvetica,sans-serif;
  font-weight: 400;
  padding: .75rem 1.5rem;
  margin: 0;
  -webkit-transition: color 175ms ease-in-out,border 225ms ease-in-out;
  transition: color 175ms ease-in-out,border 225ms ease-in-out;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.ratecalculator .ratecalculator-Buttons .ratecalculator-Button * {
  color: #235ae4
}
.ratecalculator .ratecalculator-Buttons .ratecalculator-Button:active,
.ratecalculator .ratecalculator-Buttons .ratecalculator-Button:focus,
.ratecalculator .ratecalculator-Buttons .ratecalculator-Button:hover {
  background-color: #235ae4;
  border: 1px solid #235ae4;
  color: #fff;
  font-weight: 400
}
.ratecalculator .ratecalculator-Buttons .ratecalculator-Button:active *,
.ratecalculator .ratecalculator-Buttons .ratecalculator-Button:focus *,
.ratecalculator .ratecalculator-Buttons .ratecalculator-Button:hover *,
.ratecalculator .ratecalculator-Calculation .ratecalculator-Button * {
  color: #fff
}
.ratecalculator .ratecalculator-Calculation {
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  height: auto;
  margin: auto;
  width: 100%
}
.ratecalculator .ratecalculator-Calculation img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  text-align: center
}
.ratecalculator .ratecalculator-Result {
  margin: 0 0 .75rem;
  width: 100%;
  overflow: hidden
}
.ratecalculator .ratecalculator-Result.ratecalculator-Bonus,
.ratecalculator .ratecalculator-Result.ratecalculator-Deposit,
.ratecalculator .ratecalculator-Result.ratecalculator-Earning {
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: row
}
.ratecalculator .ratecalculator-Output-Divider {
  border: none;
  height: .06rem;
  background: #7a7a95;
  margin: 1.5rem 0;
  width: 100%
}
.ratecalculator .ratecalculator-Total .ratecalculator-Output,
.ratecalculator .ratecalculator-Total .ratecalculator-Returned {
  height: auto
}
.ratecalculator .ratecalculator-Total .ratecalculator-Returned {
  color: #2d2d3e;
  display: block;
  font-family: Circular,Arial,Helvetica,sans-serif;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.5;
  letter-spacing: .01em;
  text-align: center;
  width: 100%
}
.ratecalculator .ratecalculator-Total .ratecalculator-Output {
  color: #001e79;
  display: block;
  font-family: Circular,Arial,Helvetica,sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  width: 100%
}
.ratecalculator .ratecalculator-Bonus .ratecalculator-Returned,
.ratecalculator .ratecalculator-Deposit .ratecalculator-Returned,
.ratecalculator .ratecalculator-Earning .ratecalculator-Returned {
  color: #2d2d3e;
  display: block;
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.5;
  float: left
}
.ratecalculator .ratecalculator-Bonus .ratecalculator-Output,
.ratecalculator .ratecalculator-Deposit .ratecalculator-Output,
.ratecalculator .ratecalculator-Earning .ratecalculator-Output {
  color: #001e79;
  display: block;
  float: right;
  font-family: Circular,Arial,Helvetica,sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5
}
.ratecalculator .ratecalculator-Disclaimer {
  font-family: Circular,Arial,Helvetica,sans-serif;
  color: #2d2d3e;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin: 2rem 0
}
.ratecalculator .ratecalculator-Calculation .ratecalculator-Buttons {
  text-align: center
}
.ratecalculator .ratecalculator-Calculation .ratecalculator-Button {
  background-color: #235ae4;
  border: .06rem solid #235ae4;
  color: #fff;
  display: block;
  margin: 1.25rem auto auto;
  cursor: pointer
}
.ratecalculator .ratecalculator-Calculation .ratecalculator-Button:active,
.ratecalculator .ratecalculator-Calculation .ratecalculator-Button:focus,
.ratecalculator .ratecalculator-Calculation .ratecalculator-Button:hover {
  background-color: #001e79;
  border: 1px solid #001e79
}
.ratecalculator .ratecalculator-Calculation .ratecalculator-Button.showButton {
  display: inline-block
}
.ratecalculator .ratecalculator-ErrorSymbol {
  fill: #ffe9ea
}
.ratecalculator .serviceError {
  color: #cf2a36;
  display: block;
  font-family: Circular,Arial,Helvetica,sans-serif;
  font-weight: 400;
  letter-spacing: 1.25rem;
  line-height: 1.3;
  font-size: 1.75rem;
  max-width: 100%;
  text-align: center;
  width: 100%
}
.ratecalculator-Form {
  display: block;
  height: auto;
  position: relative;
  width: 100%
}
.ratecalculator-Options {
  display: inline-block;
  width: 100%;
  position: relative
}
.ratecalculator-Options::after,
.ratecalculator-Options::before {
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute
}
.ratecalculator-Options::before {
  right: 0;
  width: 1.85em
}
.ratecalculator-Options::after {
  border-bottom: .13rem solid currentColor;
  border-right: .13rem solid currentColor;
  height: .625rem;
  margin: auto;
  right: .0625rem;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2.25em;
  width: .625rem;
  z-index: 1
}
.ratecalculator-Select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: thin solid transparent;
  border-bottom: 1px solid #7a7a95;
  border-radius: 0;
  color: #2d2d3e;
  height: 2.25rem;
  margin-right: .75rem;
  outline: transparent solid thin;
  padding-left: 0;
  width: 100%
}
.ratecalculator-Select::-moz-focus-inner,
.ratecalculator-Select::-moz-focus-outer {
  border: 0 solid transparent;
  outline: transparent solid 0
}
.ratecalculator-Select:-moz-focusring {
  border: 0 solid transparent;
  color: transparent!important;
  text-shadow: 0 0 0 #2d2d3e;
  outline: transparent solid 0;
  -webkit-transition: none;
  transition: none
}
.ratecalculator-Select::-ms-value {
  background-color: transparent
}
.ratecalculator-Select::-ms-expand {
  display: none
}
.ratecalculator-Select:focus::-ms-value {
  color: #2d2d3e
}
.ratecalculator-Select:active,
.ratecalculator-Select:focus {
  border-bottom-color: #235ae4;
  color: #2d2d3e;
  outline: #235ae4 solid .13rem;
  outline-offset: 0
}
.ratecalculator-Select.ratecalculator-Dropdown {
  color: #555
}
.ratecalculator-Option {
  height: 2.5rem;
  padding-left: 0
}
.ratecalculator-Option-Single {
  clear: both;
  min-width: 50%;
  color: #2d2d3e;
  height: 2.5rem;
  font-size: 1rem;
  float: left;
  line-height: 2.5rem
}
.rateCalculatorV1 .component-container .body.medium,
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Options .ratecalculator-Option,
.ratecalculator-Heading h2,
.ratecalculator-Subheading {
  color: #2d2d3e
}
.ratecalculator-Heading h2 {
  color: #001e79;
  font-family: Circular,Arial,Helvetica,sans-serif;
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: .75rem;
  padding-bottom: 0
}
.ratecalculator .ratecalculator-Form .ratecalculator-Subtext sup a {
  text-decoration: underline
}
@media screen and (min-width:1024px) {
  .ratecalculator .component-container .headingPosition-right.gc-5-7-lg .ratecalculator-Body-right {
    order: 1
  }
  .ratecalculator .component-container .headingPosition-left .ratecalculator-Inputs,
  .ratecalculator .component-container .headingPosition-left .ratecalculator-Outputs,
  .ratecalculator .component-container .headingPosition-right .ratecalculator-Inputs,
  .ratecalculator .component-container .headingPosition-right .ratecalculator-Outputs {
    padding: 1rem 1.25rem
  }
}
@media screen and (max-width:41.9375rem) {
  .ratecalculator .ratecalculator-Outputs {
    padding: 3rem 1.125rem;
    align-self: center
  }
  .ratecalculator-Calculation img.img-hide {
    display: none
  }
}
.rateCalculatorV1 .component-container {
  border-radius: .75rem;
  background: #eef6ff;
  padding: 3rem 6rem
}
@media only screen and (min-width:42rem) and (max-width:66rem) {
  .rateCalculatorV1 .component-container {
    padding: 2rem 3rem 3rem
  }
}
.rateCalculatorV1 .component-container .errorMessage {
  margin-top: 2rem
}
.rateCalculatorV1 .component-container legend {
  margin: 0!important
}
.rateCalculatorV1 .component-container .ratecalculator-Body {
  border: none;
  gap: 2rem
}
@media only screen and (max-width:42rem) {
  .rateCalculatorV1 .component-container {
    padding: 3rem 1rem
  }
  .rateCalculatorV1 .component-container .ratecalculator-Button {
    width: 100%
  }
  .rateCalculatorV1 .component-container .errorMessage {
    margin-top: 1rem
  }
  .rateCalculatorV1 .component-container .ratecalculator-Body {
    gap: 1rem
  }
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs {
  background: unset;
  padding: 0
}
@media only screen and (min-width:42rem) {
  .rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .caption {
    margin-top: -1rem
  }
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field-heading .heading.small {
  margin-bottom: 1rem;
  color: #001e79
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field-heading .editZip {
  padding: 0 0 0 1rem;
  font-weight: 450
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field-heading .body.medium {
  font-size: 16px
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field-heading .body.medium b {
  color: #2d2d3e;
  font-weight: 700
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Button {
  background-color: #235ae4;
  color: #fff;
  font-weight: 500;
  border-radius: .5rem
}
@media only screen and (min-width:66rem) {
  .rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Button {
    margin-left: .25rem
  }
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Button:focus {
  outline-offset: .13rem
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Button:hover {
  background-color: #fff;
  color: #235ae4
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-For span {
  font-size: 1rem;
  color: #001e79
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-For.amt_label {
  left: 1rem
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .input-focused .amt_label,
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .input-valued .amt_label {
  top: -1.25rem;
  left: 0
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field:has([for=rateZipcode-Input]) {
  display: none
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Options {
  padding: .5rem 1rem;
  margin-top: .5rem;
  background: #fff;
  border-radius: .5rem;
  border: .0625rem solid #cdd1e2
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Options::after {
  top: -.25rem;
  right: 1.0625rem;
  border-bottom: .13rem solid #001e79;
  border-right: .13rem solid #001e79
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field select {
  margin-bottom: 0;
  border: none
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Input {
  padding: .5rem 1rem;
  background: #fff;
  border-radius: .5rem;
  border: none;
  margin-top: .5rem;
  color: #2d2d3e
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Input:focus {
  outline: #235ae4 solid .13rem;
  outline-offset: -.13rem
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Input.ratecalculator-Amount {
  height: 3rem;
  border: .0625rem solid #cdd1e2
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .focus-fields.input-focused:after {
  border: none
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Subtext {
  margin-top: 1rem
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Amount-Error.ratecalculator-For svg,
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Subtext-Error svg {
  fill: #cf2a36
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Input.ratecalculator-Amount-Error {
  border: .0625rem solid #cf2a36
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Field .ratecalculator-Input.ratecalculator-Amount-Error:focus {
  outline: #cf2a36 solid .0625rem
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Inputs .ratecalculator-Option-Single:not(.hide) {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: -1.25rem
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Outputs {
  padding: 2rem 2.5rem;
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: .75rem;
  background: #fff
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Outputs .ratecalculator-Total {
  margin-bottom: 1.5rem
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Outputs .ratecalculator-Total .ratecalculator-Returned {
  margin-bottom: 1rem;
  color: #000;
  font-weight: 500
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Outputs .ratecalculator-Total .ratecalculator-Output {
  font-size: 2.5rem;
  line-height: 3rem;
  color: #001e79;
  font-weight: 500
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Outputs .ratecalculator-Returned {
  color: #000;
  font-size: .875rem;
  letter-spacing: .14px;
  font-weight: 400;
  margin-bottom: -.125rem
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Outputs .ratecalculator-Bonus,
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Outputs .ratecalculator-Deposit {
  padding: 1rem 0;
  border-bottom: .0625rem solid #cdd1e2;
  margin: 0
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Outputs .ratecalculator-Earning {
  padding-top: 1rem
}
.rateCalculatorV1 .component-container .ratecalculator-Body .ratecalculator-Outputs .ratecalculator-Result .ratecalculator-Output {
  font-weight: 500
}
.section-container .rateCalculatorV1 .component-container [class*=gc-] {
  display: grid
}