:root {
  --col-light-blue: hsl(206deg 71% 55% / 100%);
  --col-light-blue-t15: hsl(205deg 71% 93% / 100%);
  --col-light-blue-t40: hsl(207deg 71% 82% / 100%);
  --col-light-blue-quote: #adceeb;
  --col-sea-blue: hsl(214deg 100% 41% / 100%);
  --col-sea-blue-t15: hsl(215deg 69% 91% / 100%);
  --col-sea-blue-t40: hsl(214deg 70% 76% / 100%);
  --col-sea-blue-quote: #fff;
  --col-ocean-green: hsl(177deg 55% 37% / 100%);
  --col-ocean-green-t15: hsl(176deg 33% 91% / 100%);
  --col-ocean-green-t40: hsl(177deg 32% 75% / 100%);
  --col-ocean-green-quote: #a0cfcc;
  --col-rose-pink: hsl(340deg 68% 79% / 100%);
  --col-rose-pink-t15: hsl(342deg 63% 97% / 100%);
  --col-rose-pink-t40: hsl(341deg 67% 92% / 100%);
  --col-rose-pink-quote: #f8d8e2;
  --col-sand-grey: hsl(32deg 13% 77% / 100%);
  --col-sand-grey-t15: hsl(30deg 11% 96% / 100%);
  --col-sand-grey-t40: hsl(30deg 13% 91% / 100%);
  --col-sand-grey-quote: #e8e4e1;
  --col-granite-grey: hsl(219deg 10% 62% / 100%);
  --col-granite-grey-t15: hsl(220deg 10% 94% / 100%);
  --col-granite-grey-t40: hsl(218deg 10% 85% / 100%);
  --col-granite-grey-quote: #cfd3d8
}


button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
  }
 


.cmp-bmi {
  max-width: 100%
}

.banner-overlay .cmp-bmi {
  max-width: 55.3125rem
}

.cmp-bmi .cmp-bmi__section-header,
.cmp-bmi .cmp-bmi__section-inputs,
.cmp-bmi .cmp-bmi__section-inputs::after {
  background: var(--col-ocean-green-t15)
}

.cmp-bmi .cmp-bmi__section-header,
.cmp-bmi .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-light-blue .cmp-bmi__section-header,
.cmp-bmi.bg-light-blue .cmp-bmi__section-inputs,
.cmp-bmi.bg-light-blue .cmp-bmi__section-inputs::after {
  background: var(--col-light-blue)
}

.cmp-bmi.bg-light-blue .cmp-bmi__section-header,
.cmp-bmi.bg-light-blue .cmp-bmi__section .cmp-bmi__form-label {
  color: white
}

.cmp-bmi.bg-light-blue.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-light-blue.t-40 .cmp-bmi__section-inputs,
.cmp-bmi.bg-light-blue.t-40 .cmp-bmi__section-inputs::after {
  background: var(--col-light-blue-t40)
}

.cmp-bmi.bg-light-blue.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-light-blue.t-40 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-light-blue.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-light-blue.t-15 .cmp-bmi__section-inputs,
.cmp-bmi.bg-light-blue.t-15 .cmp-bmi__section-inputs::after {
  background: var(--col-light-blue-t15)
}

.cmp-bmi.bg-light-blue.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-light-blue.t-15 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-sea-blue .cmp-bmi__section-header,
.cmp-bmi.bg-sea-blue .cmp-bmi__section-inputs,
.cmp-bmi.bg-sea-blue .cmp-bmi__section-inputs::after {
  background: var(--col-sea-blue)
}

.cmp-bmi.bg-sea-blue .cmp-bmi__section-header,
.cmp-bmi.bg-sea-blue .cmp-bmi__section .cmp-bmi__form-label {
  color: white
}

.cmp-bmi.bg-sea-blue.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-sea-blue.t-40 .cmp-bmi__section-inputs,
.cmp-bmi.bg-sea-blue.t-40 .cmp-bmi__section-inputs::after {
  background: var(--col-sea-blue-t40)
}

.cmp-bmi.bg-sea-blue.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-sea-blue.t-40 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-sea-blue.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-sea-blue.t-15 .cmp-bmi__section-inputs,
.cmp-bmi.bg-sea-blue.t-15 .cmp-bmi__section-inputs::after {
  background: var(--col-sea-blue-t15)
}

.cmp-bmi.bg-sea-blue.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-sea-blue.t-15 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-ocean-green .cmp-bmi__section-header,
.cmp-bmi.bg-ocean-green .cmp-bmi__section-inputs,
.cmp-bmi.bg-ocean-green .cmp-bmi__section-inputs::after {
  background: var(--col-ocean-green)
}

.cmp-bmi.bg-ocean-green .cmp-bmi__section-header,
.cmp-bmi.bg-ocean-green .cmp-bmi__section .cmp-bmi__form-label {
  color: white
}

.cmp-bmi.bg-ocean-green.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-ocean-green.t-40 .cmp-bmi__section-inputs,
.cmp-bmi.bg-ocean-green.t-40 .cmp-bmi__section-inputs::after {
  background: var(--col-ocean-green-t40)
}

.cmp-bmi.bg-ocean-green.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-ocean-green.t-40 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-ocean-green.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-ocean-green.t-15 .cmp-bmi__section-inputs,
.cmp-bmi.bg-ocean-green.t-15 .cmp-bmi__section-inputs::after {
  background: var(--col-ocean-green-t15)
}

.cmp-bmi.bg-ocean-green.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-ocean-green.t-15 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-rose-pink .cmp-bmi__section-header,
.cmp-bmi.bg-rose-pink .cmp-bmi__section-inputs,
.cmp-bmi.bg-rose-pink .cmp-bmi__section-inputs::after {
  background: var(--col-rose-pink)
}

.cmp-bmi.bg-rose-pink .cmp-bmi__section-header,
.cmp-bmi.bg-rose-pink .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-rose-pink.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-rose-pink.t-40 .cmp-bmi__section-inputs,
.cmp-bmi.bg-rose-pink.t-40 .cmp-bmi__section-inputs::after {
  background: var(--col-rose-pink-t40)
}

.cmp-bmi.bg-rose-pink.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-rose-pink.t-40 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-rose-pink.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-rose-pink.t-15 .cmp-bmi__section-inputs,
.cmp-bmi.bg-rose-pink.t-15 .cmp-bmi__section-inputs::after {
  background: var(--col-rose-pink-t15)
}

.cmp-bmi.bg-rose-pink.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-rose-pink.t-15 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-sand-grey .cmp-bmi__section-header,
.cmp-bmi.bg-sand-grey .cmp-bmi__section-inputs,
.cmp-bmi.bg-sand-grey .cmp-bmi__section-inputs::after {
  background: var(--col-sand-grey)
}

.cmp-bmi.bg-sand-grey .cmp-bmi__section-header,
.cmp-bmi.bg-sand-grey .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-sand-grey.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-sand-grey.t-40 .cmp-bmi__section-inputs,
.cmp-bmi.bg-sand-grey.t-40 .cmp-bmi__section-inputs::after {
  background: var(--col-sand-grey-t40)
}

.cmp-bmi.bg-sand-grey.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-sand-grey.t-40 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-sand-grey.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-sand-grey.t-15 .cmp-bmi__section-inputs,
.cmp-bmi.bg-sand-grey.t-15 .cmp-bmi__section-inputs::after {
  background: var(--col-sand-grey-t15)
}

.cmp-bmi.bg-sand-grey.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-sand-grey.t-15 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-granite-grey .cmp-bmi__section-header,
.cmp-bmi.bg-granite-grey .cmp-bmi__section-inputs,
.cmp-bmi.bg-granite-grey .cmp-bmi__section-inputs::after {
  background: var(--col-granite-grey)
}

.cmp-bmi.bg-granite-grey .cmp-bmi__section-header,
.cmp-bmi.bg-granite-grey .cmp-bmi__section .cmp-bmi__form-label {
  color: white
}

.cmp-bmi.bg-granite-grey.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-granite-grey.t-40 .cmp-bmi__section-inputs,
.cmp-bmi.bg-granite-grey.t-40 .cmp-bmi__section-inputs::after {
  background: var(--col-granite-grey-t40)
}

.cmp-bmi.bg-granite-grey.t-40 .cmp-bmi__section-header,
.cmp-bmi.bg-granite-grey.t-40 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi.bg-granite-grey.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-granite-grey.t-15 .cmp-bmi__section-inputs,
.cmp-bmi.bg-granite-grey.t-15 .cmp-bmi__section-inputs::after {
  background: var(--col-granite-grey-t15)
}

.cmp-bmi.bg-granite-grey.t-15 .cmp-bmi__section-header,
.cmp-bmi.bg-granite-grey.t-15 .cmp-bmi__section .cmp-bmi__form-label {
  color: #001965
}

.cmp-bmi__section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: -0.0625rem;
  padding: 1.875rem 1.25rem 1.875rem;
  border-radius: 1.5625rem 1.5625rem 0 0;
  box-shadow: 2px 20px 17px 1px rgba(0, 0, 0, .12)
}

.cmp-bmi__section-header .cmp-bmi__section-heading {
  align-self: flex-start;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem
}

@media(min-width: 1200px) {
  .cmp-bmi__section-header {
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: .8125rem
  }
}

.cmp-bmi__toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1.25rem;
  margin-left: auto
}

@media(min-width: 1200px) {
  .cmp-bmi__toggle {
    flex-direction: column;
    align-items: flex-end;
    margin-top: .3125rem
  }
}

.cmp-bmi__toggle-switch {
  position: relative;
  display: inline-block;
  width: 2.5rem;
  height: 1.25rem
}

@media(min-width: 1200px) {
  .cmp-bmi__toggle-switch {
    margin-bottom: .4375rem
  }
}

.cmp-bmi__toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  transition: .4s
}

.cmp-bmi__toggle-slider::before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  left: 1.375rem;
  bottom: .125rem;
  background-color: #001965;
  transition: .4s
}

.cmp-bmi__toggle-slider--round {
  border-radius: 34px
}

.cmp-bmi__toggle-slider--round::before {
  border-radius: 50%
}

.cmp-bmi__toggle-checkbox {
  opacity: 0;
  width: 0;
  height: 0
}

.cmp-bmi__toggle-checkbox:checked+.cmp-bmi__toggle-slider {
  background-color: #fff
}

.cmp-bmi__toggle-checkbox:checked+.cmp-bmi__toggle-slider::before {
  transform: translateX(-1.25rem)
}

.cmp-bmi__toogle-text-bottom {
  display: none
}

@media(min-width: 1200px) {
  .cmp-bmi__toogle-text-bottom {
    display: flex
  }
}

.cmp-bmi__toogle-metric-text,
.cmp-bmi__toogle-imperial-text {
  font-size: .5625rem;
  line-height: .8125;
  font-weight: 300
}

.cmp-bmi__toogle-metric-text--top,
.cmp-bmi__toogle-imperial-text--top {
  display: block;
  margin-right: .5rem
}

@media(min-width: 1200px) {

  .cmp-bmi__toogle-metric-text--top,
  .cmp-bmi__toogle-imperial-text--top {
    display: none
  }
}

.cmp-bmi__toogle-imperial-text {
  margin-left: .1875rem
}

.cmp-bmi__toogle-imperial-text--top {
  margin-left: .5rem
}

.cmp-bmi__section-inputs {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.25rem 1.875rem;
  margin: 0 0 1.875rem;
  border-radius: 0 0 0 1.5625rem;
  box-shadow: 2px 20px 17px 1px rgba(0, 0, 0, .12)
}

.cmp-bmi__section-inputs::after {
  display: block;
  content: "";
  position: absolute;
  width: 4.3125rem;
  height: 1.875rem;
  top: auto;
  right: 0;
  bottom: -1.8125rem;
  left: auto;
  background-size: 4.3125rem 1.875rem;
  -webkit-mask: url(/assets/img/aftr.svg) no-repeat 0 0;
  mask: url(/assets/img/aftr.svg) no-repeat 0 0
}

@media(min-width: 992px) {
  .cmp-bmi__section-inputs {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

  .banner-overlay .cmp-bmi__section-inputs {
    flex-direction: column
  }
}

@media(min-width: 1200px) {
  .cmp-bmi__section-inputs {
    margin: 0 0 3rem
  }

  .banner-overlay .cmp-bmi__section-inputs {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

  .cmp-bmi__section-inputs::after {
    width: 6.5625rem;
    height: 3rem;
    bottom: -2.9375rem;
    background-size: .625rem 3rem;
    -webkit-mask: url(/assets/img/aftr.svg) no-repeat 0 0;
    mask: url(/assets/img/aftr.svg) no-repeat 0 0
  }
}

.cmp-bmi__section-inputs .cmp-bmi__input-container:last-child .choices__list--single .choices__item--selectable {
  display: inline-block;
  width: 90%;
  height: auto;
  font-size: .8125rem
}

.cmp-bmi__section-inputs .choices__list--dropdown .choices__item,
.cmp-bmi__section-inputs .choices__list--dropdown .choices__list .choices__item--selectable {
  font-size: .8125rem;
  word-break: keep-all
}

.cmp-bmi__section-inputs .choices__list--dropdown .choices__list .choices__item--selectable:first-child {
  display: none
}

.cmp-bmi__input-container {
  width: 100%;
  max-width: 18.75rem;
  margin-right: 0;
  margin-bottom: 1.875rem
}

.cmp-bmi__input-container:last-child {
  margin-right: 0;
  margin-bottom: 1.125rem
}

@media(min-width: 992px) {
  .cmp-bmi__input-container {
    max-width: 100%;
    margin-right: 0.75rem;
    margin-left: 0.75rem
  }

  .cmp-bmi__section-inputs--3 .cmp-bmi__input-container {
    max-width: 16.75rem
  }

  .cmp-bmi__section-inputs--4 .cmp-bmi__input-container {
    max-width: 12.25rem
  }

  .cmp-bmi__section-inputs--5 .cmp-bmi__input-container {
    max-width: 9.5625rem
  }

  .cmp-bmi__input-container:last-child {
    margin-bottom: 1.875rem
  }
}

.banner-overlay .cmp-bmi__input-container {
  max-width: 18.75rem
}

@media(min-width: 1200px) {
  .banner-overlay .cmp-bmi__input-container {
    width: 100%;
    margin-right: 1.25rem
  }

  .banner-overlay .cmp-bmi__input-container:last-child {
    margin-bottom: 1.875rem
  }

  .banner-overlay .cmp-bmi__section-inputs--3 .cmp-bmi__input-container {
    max-width: 16.75rem
  }

  .banner-overlay .cmp-bmi__section-inputs--4 .cmp-bmi__input-container {
    max-width: 12.25rem
  }

  .banner-overlay .cmp-bmi__section-inputs--5 .cmp-bmi__input-container {
    max-width: 9.5625rem
  }
}

.cmp-bmi__imperial-inputs-container {
  display: flex;
  border-radius: 1.5625rem;
  background: #fff
}

.cmp-bmi__form-label {
  display: inline-block;
  width: 100%;
  margin-bottom: .5rem;
  font-size: .875rem;
  line-height: 1.3125rem;
  font-weight: 700;
}

.cmp-bmi__input-error-message {
  display: none
}

.validation-error .cmp-bmi__input-error-message {
  display: inline-block;
  font-size: .75rem;
  font-weight: 300;
  line-height: 1.5;
  color: #e6553f
}

.cmp-bmi__form-input {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 3.125rem;
  border-radius: 1.5625rem;
  background: #fff
}

.validation-error .cmp-bmi__form-input {
  border: 1px solid #e6553f
}

.validation-error .cmp-bmi__form-input--choices {
  border: none
}

.validation-error .cmp-bmi__form-input--choices .choices__inner {
  border: 1px solid #e6553f
}

.cmp-bmi__form-input input {
  position: relative;
  width: 100%;
  border: none;
  background: none;
  margin-right: 0;
  padding-right: .1875rem;
  font-size: .875rem;
  text-align: left;
  color: #001965
}

.cmp-bmi__form-input input[type=number]::-webkit-inner-spin-button,
.cmp-bmi__form-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0
}

.cmp-bmi__form-input input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield
}

.cmp-bmi__form-input span {
  position: absolute;
  right: 2.625rem;
  left: auto;
  font-size: .8125rem;
  line-height: 1.125rem
}

.cmp-bmi__form-input--imperial-first span {
  right: 1.625rem
}

.cmp-bmi__form-input--height {
  padding-left: 1.5625rem;
  padding-right: 3.9375rem
}

.cmp-bmi__form-input--weight {
  padding-left: 1.5625rem;
  padding-right: 3.75rem
}

.cmp-bmi__form-input--years {
  padding-left: 1.5625rem;
  padding-right: 4.875rem
}

.cmp-bmi__form-input--imperial {
  padding-left: .25rem;
  padding-right: 3.5625rem
}

.cmp-bmi__form-input--imperial-first {
  padding-right: 2.4375rem;
  border-radius: 1.5625rem 0 0 1.5625rem
}

.validation-error .cmp-bmi__form-input--imperial-first {
  border-right: none
}

.cmp-bmi__form-input--imperial-first .cmp-bmi__input-number--custom {
  padding-left: .5rem
}

.cmp-bmi__form-input--imperial-second {
  width: calc(100% - 25px);
  padding-left: 0;
  padding-right: 3.5rem;
  border-radius: 0 1.5625rem 1.5625rem 0
}

.validation-error .cmp-bmi__form-input--imperial-second {
  border-left: none
}

.cmp-bmi__form-input--imperial-second .cmp-bmi__input-number--custom {
  padding-left: 0;
  padding-right: 0
}

.cmp-bmi__form-input--imperial-second span {
  right: 2.5rem
}

.cmp-bmi__form-input .choices {
  width: 100%;
  min-width: 0
}

.cmp-bmi__form-input .choices__list--dropdown,
.cmp-bmi__form-input .choices__list[aria-expanded] {
  z-index: 4
}

.cmp-bmi__form-input .choices__list--single .choices__item--selectable {
  width: auto;
  line-height: 1
}

.cmp-bmi__input-number-step-button {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: .9375rem;
  height: .9375rem;
  right: 1.1875rem;
  z-index: 1
}

.cmp-bmi__input-number-step-button svg {
  display: block;
  width: .75rem;
  transform-origin: center center
}

.cmp-bmi__input-number-step-button--up {
  top: .5625rem
}

.cmp-bmi__input-number-step-button--up svg {
  transform: rotate(180deg)
}

.cmp-bmi__input-number-step-button--down {
  bottom: .5625rem
}

.cmp-bmi__form-input--imperial-first .cmp-bmi__input-number-step-button {
  right: .1875rem
}

.cmp-bmi__section-cta {
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media(min-width: 768px) {
  .cmp-bmi__section-cta {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
  }
}

.cmp-bmi__section-cta .cmp-bmi__form-error-message {
  display: none;
  margin: 0 auto;
  font-size: .75rem;
  line-height: 1.125rem;
  text-align: center;
  color: #e6553f
}

.cmp-bmi__section-cta .cmp-bmi__form-error-message.validation-error {
  order: 2;
  display: block
}