:is(.singlerate-card-content,.singlerate-card-content.mortgage-single-rate,.singlerate-card-content[class^=component-],.singlerate-card-content.singleMortgageRate,.singlerate-card-content.single-rate-card-container-top) {
  height: 100%
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate {
  padding: 2rem;
  border-radius: .5rem
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.whiteNoBorder {
  background-color: #fff;
  border: none
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.whiteWithBorder {
  background-color: #fff;
  border: 1px solid #cdd1e2
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.gray10 {
  background-color: #f1f5fb;
  border: none
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue {
  background-color: #001e79;
  color: #fff;
  border: none
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .body,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .display,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .heading,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .optionalBody,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .rateContainer .rate1,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .rateContainer .rate2,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .rateContainer .rateType,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .singlerate-button-container .arrow-link,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .singlerate-button-container .basic-link,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue sup a {
  color: #fff
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .singlerate-button-container .arrow-link:focus,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .singlerate-button-container .basic-link:focus,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue sup a:focus {
  outline: #fff solid .0625rem
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .singlerate-button-container .primary,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .singlerate-button-container .secondary:hover {
  background: #fff;
  color: #001e79
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .singlerate-button-container .primary:focus,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .singlerate-button-container .secondary:focus {
  outline: #fff solid .125rem
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate.primaryBlue .singlerate-button-container .secondary {
  background: #001e79;
  color: #fff;
  border: .0625rem solid #fff
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .optionalBody {
  color: #484861;
  display: none;
  margin-top: 1rem;
  margin-bottom: 0
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .optionalBodyContainer a,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .single-rate-card-container-top .single-rate-card-heading a {
  font-size: inherit
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .rateContainer {
  margin-bottom: .5rem
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .rateContainer .rate1.skeleton-text,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .rateContainer .rate2.skeleton-text {
  height: 3rem;
  width: 45%;
  margin-right: .0625rem
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .rateContainer .rate1 span.rateType {
  padding-right: 2rem
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .rateContainer .rateType {
  display: inline-block;
  position: relative;
  color: #484861
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .rateContainer .rateType sup {
  display: inline-block;
  position: absolute
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .rateContainer .mortgageSingleApr,
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .rateContainer .mortgageSingleRate {
  display: inline-block;
  margin-right: .25rem;
  margin-bottom: 0
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .singlerate-button-container {
  margin-top: 2rem;
  gap: .75rem .75rem;
  align-items: center
}
.singlerate-card-content .mortgage-single-rate .singleMortgageRate .singlerate-button-container.vertical .singleRateButton {
  margin-bottom: 0
}
.singlerate-card-content.author-mode {
  height: auto
}
@media (min-width:66rem) {
  .mortgage-single-rate .singleMortgageRate {
    padding: 2rem
  }
}
@media (min-width:42rem) {
  .mortgage-single-rate .singleMortgageRate .rateContainer .rate1,
  .mortgage-single-rate .singleMortgageRate .rateContainer .rate2 {
    float: left
  }
}
@media (max-width:41.9375rem) {
  .mortgage-single-rate .singleMortgageRate .rateContainer .rate1 {
    margin-bottom: .5rem
  }
  .mortgage-single-rate .singleMortgageRate .singlerate-button-container .arrow-link,
  .mortgage-single-rate .singleMortgageRate .singlerate-button-container .basic-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }
}