@import url('main-blessed1.css?z=921');

@import url('main-blessed2.css?z=921');

@import url('main-blessed3.css?z=921');

@import url('main-blessed4.css?z=921');

@import url('main-blessed5.css?z=921');

.wellness-biometrics-summary-pod-title:active,
.wellness-biometrics-summary-pod-title:focus,
.wellness-biometrics-summary-pod-title:hover {
  color: #4A4C4E;
}

.wellness-biometrics-status-icon {
  float: left;
  padding-right: .625rem;
  vertical-align: text-bottom;
}

.wellness-recommendation-widget-body {
  background-color: #fff;
  border: solid .0625rem #E0E0E0;
  border-radius: .25rem;
  height: 18.75rem;
  position: relative;
}

.wellness-recommendation-widget-body.read-less {
  height: auto;
}

.wellness-recommendation-widget-body.read-more {
  height: 18.75rem;
}

.wellness-recommendation-widget-body .close-button {
  display: none;
  background: none;
  color: #fff;
  cursor: pointer;
  font-size: 2rem;
  padding: 0;
  position: absolute;
  right: .5rem;
  text-shadow: 0 0 .375rem black;
  top: 0;
  z-index: 1;
}

.wellness-recommendation-widget-body:hover .close-button,
.wellness-recommendation-widget-body:active .close-button,
.wellness-recommendation-widget-body:focus .close-button {
  display: block;
}

.wellness-recommendation-widget-image {
  background-size: cover;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  height: 7.8125rem;
  margin-bottom: 1.125rem;
  position: relative;
}

.wellness-recommendation-widget-content {
  color: #4A4C4E;
  padding: 0 1.25rem;
}

.wellness-recommendation-widget-description {
  padding: .625rem;
}

.wellness-recommendation-widget-description.read-less {
  height: auto;
}

.wellness-recommendation-widget-description.read-more {
  height: 4.25rem;
  overflow: hidden;
}

.wellness-recommendation-widget-link {
  height: 2.5rem;
}

.wellness-recommendation-widget-link.read-less {
  height: auto;
}

.wellness-recommendation-widget-link-text {
  bottom: 1rem;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
}

.wellness-recommendation-widget-button {
  background: none;
  border: none;
  bottom: 1rem;
  color: #3375D6;
  display: block;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
  position: relative;
}

.wellness-recommendation-widget-button:active,
.wellness-recommendation-widget-button:focus,
.wellness-recommendation-widget-button:hover {
  color: #3375D6;
  background: none;
}

.wellness-recommendation-widget-button:active,
.wellness-recommendation-widget-button:hover {
  outline: none;
}

.wellness-recommendation-widget-button.read-more {
  bottom: 0;
  margin-top: .3125rem;
}

.wellness-recommendation-widget-button.read-less {
  bottom: 0;
  margin-top: .625rem;
  margin-bottom: 1.875rem;
}

.wellness-recommendation-source-widget-icon {
  display: inline-block;
  padding-top: .3125rem;
}

.wellness-recommendation-source-widget-icon svg {
  height: 1.375rem;
  width: 1.5rem;
}

.wellness-recommendation-source-widget-body {
  border: solid .0625rem #E0E0E0;
  border-radius: .25rem;
  height: 11.25rem;
  max-width: 18.75rem;
  padding: 0;
}

.wellness-recommendation-source-widget-content {
  background-color: #fff;
  border-radius: .25rem;
  color: #4A4C4E;
  height: 8rem;
  letter-spacing: .0625rem;
  padding: 2.1875rem;
}

.wellness-recommendation-source-widget-button {
  border-radius: .0625rem;
  color: #fff;
  font-size: .875rem;
  height: 3.125rem;
  margin: 0;
  width: 100%;
}

.wellness-recommendation-source-widget-link-text {
  color: #fff;
  font-size: .875rem;
}

.wellness-subheading5 {
  color: #4A4C4E;
  letter-spacing: .0625rem;
  text-transform: uppercase;
}

.wellness-status-safe,
.wellness-status-danger,
.wellness-status-caution,
.wellness-status-neutral {
  border-radius: 50%;
  display: inline-block;
  float: left;
  margin-right: .625rem;
  height: 1.375rem;
  width: 1.375rem;
}

.wellness-status-safe {
  background-color: #3375D6;
}

.wellness-status-danger {
  background-color: #CC4949;
}

.wellness-status-caution {
  background-color: #FBB03B;
}

.wellness-status-neutral {
  background-color: #8E8E8E;
}

.biometrics {
  width: 100%;
  list-style: none;
  margin: 0;
}

.biometrics>button {
  outline: none;
}

.biometrics .footer {
  text-align: left;
  width: 100%;
}

.biometrics .footer p {
  text-align: left;
  font-family: "Proxima N W01 Smbd","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: .875rem;
  color: #ACAAA6;
  padding: .3125rem 0 0 0;
  margin-bottom: -.9375rem;
}

@media only screen and (max-width: 40em) {
  .biometrics .footer p {
    font-size: 11px;
    padding-left: 8px;
  }
}

.biometrics .footer a {
  text-decoration: underline;
}

.biometrics-modal {
  max-height: 80%;
  padding: 1.25rem;
  overflow-y: auto;
}

@media only screen and (max-width: 40em) {
  .biometrics-modal {
    max-height: 100%;
  }
}

.biometrics-modal .widget-title {
  position: relative;
}

.biometrics-modal .widget-title h3 {
  color: #4A4C4E;
}

.biometrics-modal hr {
  margin: .9375rem;
}

.biometrics-modal .left-important {
  float: left !important;
}

.biometrics-modal .subheader {
  margin-bottom: 0;
}

.biometrics-modal .subheader p {
  margin-bottom: 0;
}

.biometrics-modal .section-header {
  margin: .3125rem 0 0;
  width: 35%;
}

.biometrics-modal .blood-glucose-radio-group {
  margin: 1.9375rem 0 1.4375rem;
  width: 100%;
}

.biometrics-modal .gender-radio-group {
  width: 100%;
}

.biometrics-modal .gender-radio-group .z-radio-labels-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.biometrics-modal .gender-radio-group .z-custom-radio-dot__outer {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.biometrics-modal .gender-radio-group .z-radio-input-group-label {
  float: left;
  font-weight: 400;
  margin: -.3125rem 0 .625rem;
}

.biometrics-modal .biometrics-input {
  margin: 0 0 .625rem;
}

.biometrics-modal .biometrics-input .z-generic-input,
.biometrics-modal .biometrics-input #mg-list-item-container .mg-item-qty-input-label,
#mg-list-item-container .biometrics-modal .biometrics-input .mg-item-qty-input-label {
  margin: 0;
  height: 2.5rem;
  padding: .5rem .75rem;
}

.biometrics-modal .biometrics-input.bmi-special .z-generic-input,
.biometrics-modal .biometrics-input.bmi-special #mg-list-item-container .mg-item-qty-input-label,
#mg-list-item-container .biometrics-modal .biometrics-input.bmi-special .mg-item-qty-input-label {
  padding: 0;
  border: none;
  font-size: .75rem;
}

.biometrics-modal .z-custom-radio-dot__outer,
.biometrics-modal .z-custom-checkbox-box__outer {
  width: 1.1875rem;
  height: 1.1875rem;
  min-width: 1.1875rem;
  min-height: 1.1875rem;
  margin-top: .0625rem;
}

.biometrics-modal .z-custom-radio-dot__inner {
  width: .5625rem;
  height: .5625rem;
}

.biometrics-modal .form-buttons button {
  margin-left: .9375rem;
}

.biometrics-modal .height-input {
  display: inline-block;
  width: 40%;
}

.biometrics-modal .height-label {
  display: inline-block;
  width: 10%;
  text-align: center;
}

.biometrics li.biometric-item:nth-child(odd) {
  background-color: #F6F6F6;
}

.biometrics li.biometric-item:nth-child(even) {
  background-color: white;
}

.biometrics li.biometric-item {
  width: 20%;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  height: 14.875rem;
  border-right: .0625rem solid #BFC0BF;
  border-top: .0625rem solid #BFC0BF;
}

@media only screen and (min-width: 64em) {
  .biometrics li.biometric-item:nth-of-type(4),
  .biometrics li.biometric-item:nth-of-type(9) {
    border-right: none;
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .biometrics li.biometric-item {
    width: 33.333%;
  }
}

@media only screen and (max-width: 40em) {
  .biometrics li.biometric-item {
    width: 50%;
  }
}

.biometrics li.biometric-item .biometric-title {
  width: 66%;
  float: left;
  text-align: right;
  padding-right: 0;
  margin-top: .9375rem;
  font-size: .875rem;
  padding-left: 0;
  font-weight: bold;
  margin-bottom: 0;
}

.biometrics li.biometric-item .biometric-title.BMI {
  padding-right: 10%;
}

.biometrics li.biometric-item .biometric-unit {
  font-size: .625rem;
  padding-right: .9375rem;
  margin-bottom: 0;
  float: left;
  text-align: center;
  width: 100%;
}

.biometrics li.biometric-item .biometric-unit .biometric-fasting {
  font-size: .75rem;
  color: #888;
}

.biometrics li.biometric-item .no-value {
  position: absolute;
  bottom: 4rem;
  text-align: center;
  width: 100%;
  font-size: 0.875rem;
  height: 2.5rem;
  line-height: 0;
}

.biometrics li.biometric-item .no-value button {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  width: 80%;
  height: 2.5rem;
  color: #B3ACA5;
  background-color: #E4E0DC;
}

@media only screen and (max-width: 40em) {
  .biometrics li.biometric-item .no-value button {
    padding: 0;
  }
}

.biometrics li.biometric-item .biometric-actions {
  width: 33%;
  float: right;
  padding: 0 .625rem;
}

.biometrics li.biometric-item .icon-wrapper {
  width: 50%;
  float: left;
  text-align: center;
  margin-top: .9375rem;
  margin-bottom: .3125rem;
}

.biometrics li>p {
  text-align: center;
  font-weight: bold;
  margin: 1em 0 0 0;
}

.biometrics li.biometric-item .history .no-value {
  position: inherit;
}

.biometrics li.biometric-item .history .no-value button {
  width: 89%;
  margin-top: 0;
}

.biometrics .history {
  cursor: pointer;
  top: 2.5rem;
  position: absolute;
  height: 12.375rem;
  z-index: 10;
  width: 100%;
  background-color: rgba(127,118,103,0.8);
  overflow: hidden;
}

.biometrics .history p {
  color: white;
  margin: .9375rem 0 0 0;
  font-size: .8125rem;
  font-weight: normal;
}

.biometrics .history ul {
  margin: 0 .625rem;
}

.biometrics .history ul.bm-gc-fasting-list {
  position: relative;
}

.biometrics .history li.history-item {
  width: 100%;
  list-style: none;
}

.biometrics .history li.history-item p {
  margin-top: .125rem;
  font-weight: bold;
}

.biometrics .history li.history-item p.relative-time,
.biometrics .history li.history-item p.value {
  float: left;
}

.biometrics .history li.history-item p.relative-time {
  width: 70%;
  text-align: left;
  padding-left: 0;
  padding-right: .3125rem;
  line-height: 2rem;
  font-size: 0.85rem;
  margin: 0;
}

.biometrics .history li.history-item p.value {
  width: 30%;
  text-align: right;
  padding-right: 0;
  padding-left: 0;
  font-size: 1.2rem;
}

.biometrics li {
  float: left;
}

.biometrics li .more-info,
.biometrics li .history-info {
  margin: 0 auto;
  cursor: pointer;
  font-size: 1.0625rem;
  top: 0.9em;
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 1.0625rem;
  line-height: 1;
  text-align: center;
  color: #D2CBC2;
}

.biometrics li .more-info.active,
.biometrics li .history-info.active {
  color: #726756;
}

.biometrics li .history-info [class^="icon-"],
.biometrics li .history-info [class*=" icon-"] {
  font-weight: 600;
}

.biometrics li:hover .more-info__hover {
  display: block;
}

.biometrics li .more-info__hover {
  position: absolute;
  text-align: left;
  z-index: 100;
  left: 2.625rem;
  top: 3rem;
  background: #B4AB9C;
  color: #fff;
  width: 12.875rem;
  padding: 1em;
  display: none;
}

.biometrics li .more-info__hover h3 {
  color: #fff;
  font-size: 1em;
  font-weight: bold;
}

.biometrics li .more-info__hover p {
  width: 100%;
  font-size: 0.8em;
  line-height: 1.4;
  padding: 0;
  margin: 0;
}

.biometrics li .metric {
  position: absolute;
  background: #48B8B4;
  width: 6.875rem;
  height: 6.875rem;
  text-align: center;
  border-radius: 50%;
  color: white;
}

@media only screen and (max-width: 40em) {
  .biometrics li .metric {
    width: 5.625rem;
    height: 5.625rem;
  }
}

.biometrics li .metric .height-weight-container {
  position: relative;
  top: 33%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.biometrics li .metric .metric__value {
  float: left;
  font-size: 1.5em;
  line-height: 1;
  width: 100%;
}

.biometrics li .metric .metric__label {
  float: left;
  clear: both;
  width: 100%;
  text-transform: uppercase;
}

.biometrics li .metric button.biometric-button {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  background-color: transparent;
  font-size: .9375rem;
}

.biometrics li .metric button.biometric-button:focus {
  outline: 0;
}

.biometrics li .metric.personal-info-weight {
  right: 1em;
  bottom: 0.5em;
  background: #91d5d2;
}

.biometrics li .metric.personal-info-height {
  left: 1em;
  top: 3.5em;
  z-index: 1;
}

@media only screen and (max-width: 40em) {
  .biometrics li .metric.personal-info-height {
    top: 5em;
  }
}

.biometrics li .metric.personal-info-height.vertical-adjustment,
.biometrics li .metric.personal-info-weight.vertical-adjustment {
  padding-top: 2em;
}

.biometrics li .measurement {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 2.125em;
  background-color: #978a75;
}

.biometrics li .measurement.no-data,
.biometrics li .measurement.no-goal {
  background-color: transparent;
}

.biometrics li .measurement .current-value {
  position: absolute;
  width: 6.5em;
  height: 6.5em;
  top: -9em;
  left: 50%;
  margin-left: -3.25em;
  text-align: center;
  border-radius: 6.5em;
  padding-top: 1.3em;
  font-weight: bold;
}

.biometrics li .measurement .current-value .current-value__value {
  float: left;
  font-size: 2.5em;
  line-height: 1;
  width: 100%;
}

.biometrics li .measurement .current-value .current-value__value.relational {
  font-size: 1.8em;
}

.biometrics li .measurement .current-value .current-value__label {
  float: left;
  clear: both;
  width: 100%;
  text-transform: uppercase;
  font-size: 0.625em;
}

.biometrics li .measurement .goal-progress {
  height: 100%;
  text-align: center;
  color: white;
  -webkit-transition: all 400ms ease-in;
  -o-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
}

.biometrics li .measurement .goal-progress__control-group {
  padding-top: 0.5em;
  z-index: 2;
  background: transparent;
  height: 100%;
  width: 100%;
}

.biometrics li .measurement .goal-progress__control-group .goal-progress__text {
  display: block;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 0.875em;
}

.biometrics li .measurement.high .goal-progress {
  background: #f3a48e;
}

.biometrics li .measurement.high .current-value {
  color: #eb6c49;
}

.biometrics li .measurement.high .current-value::before {
  background: #eb6c49;
}

.biometrics li .measurement.low .goal-progress {
  background: #ffe155;
}

.biometrics li .measurement.low .current-value {
  color: #FFD408;
}

.biometrics li .measurement.low .current-value::before {
  background: #FFD408;
}

.biometrics li .measurement.ideal .goal-progress {
  background: #97cd79;
}

.biometrics li .measurement.ideal .current-value {
  color: #6CB544;
}

.biometrics li .measurement.ideal .current-value::before {
  background: #6CB544;
}

.biometrics li .measurement.no-goal .goal-progress {
  background: #605350;
}

.biometrics li .measurement.no-goal .current-value {
  color: #362f2d;
}

.biometrics li .measurement.no-goal .current-value::before {
  background: #362f2d;
}

.biometrics li .measurement.no-goal .current-value::before {
  background-color: transparent;
}

.biometrics li .measurement.no-goal .current-value::after {
  border-color: transparent;
}

.bm-gc-description {
  position: absolute;
  top: 11.4375rem;
  font-style: italic;
  font-size: .6875rem;
  color: #FFFFFF;
}

li.biometric-item .no-value.biometric-item-cannot-calculate {
  width: 80%;
  height: auto;
  margin: 0% 10%;
  background-color: #F6F6F6;
  line-height: 1.2;
  text-align: left;
}

li.biometric-item .no-value.biometric-item-cannot-calculate .description-container {
  padding: .625rem .9375rem;
}

li.biometric-item .no-value.biometric-item-cannot-calculate .small-text {
  font-size: .75rem;
}

.castlight p {
  color: #362F2D;
}

.castlight img {
  height: 3.75rem;
  padding-left: .9375rem;
}

.castlight .external-link>p {
  float: left;
  font-size: 1rem;
  padding-right: .3125rem;
  color: black;
  font-weight: 900;
}

.castlight .external-link>a {
  padding-top: 1rem;
  float: left;
}

.survey-results .survey-results__category a {
  cursor: text;
}

.survey-results .survey-results__category a:hover {
  color: #6CB544;
}

.survey-results .survey-results__category h3 {
  margin: 0;
  padding: 1.25rem 1.875rem;
  background-color: #fff;
  font-size: 1.25em;
}

.survey-results .survey-results__category p {
  margin: 0;
  font-size: 1.25em;
  color: #aaa;
}

.survey-results .survey-results__category .q-and-as {
  margin: 0;
}

.survey-results .survey-results__category .q-and-a {
  padding: 0;
  border-right: 1px solid #fff;
}

.survey-results .survey-results__category .q-and-a:last-child {
  float: left;
  border: none;
}

.survey-results .survey-results__category .q-and-a .row {
  margin: 0;
}

.survey-results .survey-results__category .question {
  height: 6.875rem;
  padding: 1.25rem .9375rem;
  font-size: 0.875rem;
  color: #726756;
}

.survey-results .survey-results__category .question.activity {
  height: 11.875rem;
}

.survey-results .survey-results__category .question.activity span {
  height: 8.125rem;
}

.survey-results .survey-results__category .question>span {
  top: 26%;
  left: 0;
  padding: 0 .9375rem;
  height: 6.875rem;
}

@media only screen and (max-width: 40em) {
  .survey-results .survey-results__category .question {
    height: 11.875rem;
  }
}

.survey-results .survey-results__category .answer {
  position: relative;
  height: 6.25rem;
  padding: 1.875rem 1.25rem;
  padding-top: 1.25rem;
  font-size: 1rem;
  color: #FFFFFF;
}

@media only screen and (max-width: 40em) {
  .survey-results .survey-results__category .answer {
    height: 8.75rem;
  }
}

.survey-results .survey-results__category .answer span:before {
  position: relative;
  height: 2.25rem;
  top: .625rem;
  left: -.5rem;
}

@media only screen and (max-width: 40em) {
  .survey-results .survey-results__category .answer span.copy {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: wrap;
    height: auto;
    font-size: .75rem;
    max-height: 7.5rem;
    color: #FFFFFF;
  }
}

.survey-results .survey-results__category .answer [class^="icon-"] {
  font-size: 2.25rem;
}

.survey-results .survey-results__category .answer .survey-results__icon-group {
  display: inline-block;
  padding-right: 1rem;
}

.survey-results .survey-results__category .answer .survey-results__icon-group [class^="icon-"] {
  padding-right: 0;
}

.survey-results .survey-results__category .survey-results__category-list {
  vertical-align: top;
  padding: 0;
}

.survey-results .survey-results__category .survey-results__category-list p {
  padding: 1.25rem 1.875rem;
  font-size: 0.875rem;
  color: #726756;
  line-height: 1em;
}

.survey-results .survey-results__category .survey-results__category-list ul {
  float: left;
  width: 100%;
  margin: 0;
  list-style-type: none;
}

.survey-results .survey-results__category .survey-results__category-list ul li {
  float: left;
  width: 100%;
  padding: .3125rem 0;
  padding-left: 1.875rem;
  font-size: 1em;
  color: #fff;
}

.survey-results .survey-results__category.food {
  background-color: #DFEFD5;
}

.survey-results .survey-results__category.food .question,
.survey-results .survey-results__category.food .survey-results__category-list {
  background-color: #DFEFD5;
}

.survey-results .survey-results__category.food .answer {
  background-color: #6CB544;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(1) {
  background-color: #6cb544;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(2) {
  background-color: #77bd50;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(3) {
  background-color: #82c35f;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(4) {
  background-color: #8ec86e;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(5) {
  background-color: #99ce7d;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(6) {
  background-color: #a5d48b;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(7) {
  background-color: #b1d99a;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(8) {
  background-color: #bcdfa9;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(9) {
  background-color: #c8e4b8;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(10) {
  background-color: #d3eac7;
}

.survey-results .survey-results__category.food .survey-results__category-list li:nth-child(11) {
  background-color: #dfefd6;
}

.survey-results .survey-results__category.activity {
  background-color: #CFECEB;
}

.survey-results .survey-results__category.activity .question,
.survey-results .survey-results__category.activity .survey-results__category-list {
  background-color: #CFECEB;
}

.survey-results .survey-results__category.activity .answer {
  background-color: #48B8B4;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(1) {
  background-color: #48b8b4;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(2) {
  background-color: #57beba;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(3) {
  background-color: #65c3c0;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(4) {
  background-color: #74c9c6;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(5) {
  background-color: #83cfcc;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(6) {
  background-color: #91d5d2;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(7) {
  background-color: #a0dad8;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(8) {
  background-color: #afe0de;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(9) {
  background-color: #bee6e4;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(10) {
  background-color: #ccebea;
}

.survey-results .survey-results__category.activity .survey-results__category-list li:nth-child(11) {
  background-color: #dbf1f0;
}

.survey-results .survey-results__category.sleep {
  background-color: #C7E4E9;
}

.survey-results .survey-results__category.sleep .question,
.survey-results .survey-results__category.sleep .survey-results__category-list {
  background-color: #C7E4E9;
}

.survey-results .survey-results__category.sleep .answer {
  background-color: #60BACC;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(1) {
  background-color: #60bacc;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(2) {
  background-color: #6fc1d1;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(3) {
  background-color: #7fc7d6;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(4) {
  background-color: #8ecedb;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(5) {
  background-color: #9ed5e0;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(6) {
  background-color: #addce5;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(7) {
  background-color: #bde2ea;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(8) {
  background-color: #cce9ef;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(9) {
  background-color: #dcf0f4;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(10) {
  background-color: #ebf6f9;
}

.survey-results .survey-results__category.sleep .survey-results__category-list li:nth-child(11) {
  background-color: #fafdfe;
}

.survey-results .survey-results__category.stress {
  background-color: #C7DAE5;
}

.survey-results .survey-results__category.stress .question,
.survey-results .survey-results__category.stress .survey-results__category-list {
  background-color: #C7DAE5;
}

.survey-results .survey-results__category.stress .answer {
  background-color: #6FA8CC;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(1) {
  background-color: #6fa8cc;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(2) {
  background-color: #7eb1d1;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(3) {
  background-color: #8dbad7;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(4) {
  background-color: #9cc3dc;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(5) {
  background-color: #abcce1;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(6) {
  background-color: #bad6e7;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(7) {
  background-color: #c9dfec;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(8) {
  background-color: #d8e8f1;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(9) {
  background-color: #e8f1f7;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(10) {
  background-color: #f7fafc;
}

.survey-results .survey-results__category.stress .survey-results__category-list li:nth-child(11) {
  background-color: #fff;
}

.survey-results .survey-results__category.mood {
  background-color: #CFDBEC;
}

.survey-results .survey-results__category.mood .question,
.survey-results .survey-results__category.mood .survey-results__category-list {
  background-color: #CFDBEC;
}

.survey-results .survey-results__category.mood .answer {
  background-color: #7AA0D4;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(1) {
  background-color: #7aa0d4;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(2) {
  background-color: #89abd9;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(3) {
  background-color: #99b6de;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(4) {
  background-color: #a8c1e3;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(5) {
  background-color: #b8cce8;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(6) {
  background-color: #c7d7ed;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(7) {
  background-color: #d6e2f2;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(8) {
  background-color: #e6edf7;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(9) {
  background-color: #f5f8fc;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(10) {
  background-color: #fff;
}

.survey-results .survey-results__category.mood .survey-results__category-list li:nth-child(11) {
  background-color: #fff;
}

.survey-results .survey-results__category.other {
  background-color: #E1E4F1;
}

.survey-results .survey-results__category.other .question,
.survey-results .survey-results__category.other .survey-results__category-list {
  background-color: #E1E4F1;
}

.survey-results .survey-results__category.other .answer {
  background-color: #919CCF;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(1) {
  background-color: #919ccf;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(2) {
  background-color: #9fa9d5;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(3) {
  background-color: #adb6db;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(4) {
  background-color: #bcc2e2;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(5) {
  background-color: #cacfe8;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(6) {
  background-color: #d8dcee;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(7) {
  background-color: #e6e9f4;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(8) {
  background-color: #f4f5fa;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(9) {
  background-color: #fff;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(10) {
  background-color: #fff;
}

.survey-results .survey-results__category.other .survey-results__category-list li:nth-child(11) {
  background-color: #fff;
}

.survey-results .food .allergies a {
  color: #eb6c49;
}

.survey-results .food .food-summary {
  padding: 1.875rem;
  padding-top: 0;
  background-color: #fff;
}

.survey-results .food .food-summary p {
  padding: 0;
}

.survey-results .food .food-summary.answer-more {
  padding-top: 2.5rem;
}

.padding-left,
.generic-widget .widget-title h3 {
  padding-left: 1.5625rem;
}

.generic-widget img {
  padding-top: .3125rem;
  padding-left: .9375rem;
  padding-bottom: .3125rem;
}

.generic-widget .logo {
  max-height: 3.75rem;
}

.generic-widget .copy p {
  margin-bottom: .3125rem;
}

.generic-widget .external-link,
.generic-widget .copy p {
  padding-left: .9375rem;
}

.nutri-insights {
  padding: 3.6875rem 0 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.nutri-insights-title {
  padding-bottom: 1.0625rem;
}

.nutri-insights-copy {
  padding-bottom: 2.4375rem;
}

.nutri-insights-container {
  background-color: #fff;
  border-radius: .375rem;
  -webkit-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,0.15);
  box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,0.15);
  padding: 1.1875rem 0 0 1.1875rem;
}

.nutri-insight {
  display: inline-block;
  width: 13.75rem;
  height: 13.75rem;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
  padding-top: 1.6875rem;
  padding-left: 1.1875rem;
  padding-right: 1.1875rem;
  border-radius: .125rem;
  -webkit-box-shadow: 0 0 .125rem 0 rgba(0,0,0,0.12),0 2px 2px 0 rgba(0,0,0,0.12);
  box-shadow: 0 0 .125rem 0 rgba(0,0,0,0.12),0 2px 2px 0 rgba(0,0,0,0.12);
  border: solid .0625rem #E0E0E0;
  text-align: center;
  vertical-align: top;
}

@media only screen and (max-width: 40em) {
  .nutri-insight {
    margin-right: 0;
  }
}

.nutri-insights-send-to-mobile {
  padding-top: 2.75rem;
  overflow: hidden;
}

.nutri-insights-send-to-mobile .send-to-phone-container {
  height: inherit;
}

.nutri-insight-heading {
  position: relative;
}

.nutri-insight-heading .nutri-icon-circle,
.nutri-insight-heading .nutri-insight-title {
  display: inline-block;
}

.nutri-icon-circle {
  position: relative;
  width: 2rem;
  height: 2.0625rem;
  border-radius: 50%;
  border: solid .0625rem #E0E0E0;
}

.svg-icon.nutri-insight-icon {
  width: 1.4375rem;
  height: 1.4375rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  vertical-align: middle;
}

.svg-icon.nutri-insight-icon svg {
  width: 1.3125rem;
  height: 1.3125rem;
  stroke: #8E8E8E;
}

.nutri-insight-title {
  padding-left: .5rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #4A4C4E;
}

.nutri-score-lock-container {
  text-align: center;
}

.nutri-lock {
  margin-top: 1.71875rem;
}

.nutri-lockbox {
  height: 1.475rem;
  background-color: #f5f5f5;
}

.nutri-lockbox {
  background-color: #f5f5f5;
  height: 1.5625rem;
  margin-top: -1.0625rem;
}

.nutri-lockbox.large {
  height: 1.0625rem;
  margin-top: -1.5625rem;
  width: 18.75rem;
}

.svg-icon.nutri-lock-icon svg {
  height: 2.1875rem;
  width: 2.1875rem;
}

.svg-icon.nutri-lock-icon-big {
  padding-top: .625rem;
}

.svg-icon.nutri-lock-icon-big svg {
  height: 5rem;
  width: 5rem;
}

.nutri-insight-copy {
  padding-top: 1.5625rem;
  color: #8E8E8E;
}

.nutri-insight-copy.large {
  padding-left: 0;
  padding-right: 0;
}

.nutri-left {
  padding: 0;
  white-space: nowrap;
}

.nutri-right {
  padding: 0;
}

.nutri-right-number {
  text-align: center;
}

.nutri-target-container {
  padding-top: .25rem;
  height: 1.96875rem;
  position: relative;
  overflow: hidden;
}

.nutri-target-line {
  height: 100%;
  border-right: solid #8E8E8E .0625rem;
  position: absolute;
  z-index: 101;
}

.nutri-bar,
.nutri-fillbar,
.fillbar-background,
.fillbar-background-front,
.nutri-graybar {
  height: .8625rem;
  top: .75rem;
  position: absolute;
}

.nutri-fillbar,
.fillbar-background,
.fillbar-background-front {
  border-top-right-radius: .4375rem;
  border-bottom-right-radius: .4375rem;
}

.nutri-fillbar,
.fillbar-background,
.fillbar-background-front {
  border-top-right-radius: .4375rem;
  border-bottom-right-radius: .4375rem;
}

.fillbar-background,
.fillbar-background-front {
  background-color: white;
}

.fillbar-background-front {
  z-index: 99;
}

.nutri-fillbar-front {
  border: white .0625rem solid;
  height: 1rem;
  top: .6875rem;
  z-index: 100;
}

.nutri-graybar {
  background-color: #f5f5f5;
}

.nutri-bad {
  background-color: #CC4949;
}

.nutri-ok {
  background-color: #FBB03B;
}

.nutri-good {
  background-color: #43A047;
}

.nutri-bad-text {
  color: #CC4949;
}

.nutri-ok-text {
  color: #FBB03B;
}

.nutri-good-text {
  color: #43A047;
}

.nutri-bad-past {
  background-color: rgba(204,73,73,0.7);
}

.nutri-ok-past {
  background-color: rgba(251,176,59,0.7);
}

.nutri-good-past {
  background-color: rgba(67,160,71,0.5);
}

.nutri-bad-text-past {
  color: rgba(204,73,73,0.7);
}

.nutri-ok-text-past {
  color: rgba(251,176,59,0.7);
}

.nutri-good-text-past {
  color: rgba(67,160,71,0.5);
}

.nutri-locked-modal {
  text-align: center;
  color: #4A4C4E;
}

.nutri-modal-title {
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
}

.nutri-modal-copy {
  padding-top: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 2.5rem;
  max-width: 26.25rem;
  display: inline-block;
}

.nutri-modal-button {
  padding-bottom: 2.5rem;
}

.nutri-modal-icon {
  padding-top: 3.75rem;
}

.nutri-modal-progress {
  display: inline-block;
  padding-bottom: 3.625rem;
}

.nutri-modal-header {
  color: #8E8E8E;
  background-color: #f5f5f5;
  padding-left: 1.25rem;
  padding-top: .9375rem;
  padding-bottom: .8125rem;
}

.nutri-modal-copy {
  color: #4A4C4E;
  padding-left: 1.25rem;
  padding-top: .9375rem;
  padding-bottom: .9375rem;
  list-style-type: disc;
}

.nutri-arrow-container {
  height: 100%;
}

.nutri-arrow-left,
.nutri-arrow-right {
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nutri-arrow-left {
  left: -9.375rem;
}

.nutri-arrow-right {
  right: -9.375rem;
}

.svg-icon.nutri-arrow-icon svg {
  width: 3rem;
  height: 3rem;
  margin: 1.5625rem;
  color: #fff;
  stroke: #fff;
}

.nutri-sections {
  position: absolute;
  bottom: -2.5rem;
  width: 100%;
  text-align: center;
}

.nutri-section-bubbles,
.nutri-section-bubbles-selected {
  width: .625rem;
  height: .625rem;
  border-radius: 50%;
  border: solid .0625rem #fff;
  margin: .28125rem;
  display: inline-block;
}

.nutri-section-bubbles-selected {
  background-color: #fff;
}

@media only screen and (max-width: 40em) {
  .nutri-center,
  .nutri-padding {
    padding: 0;
    text-align: center;
  }
}

.nutri-padding {
  padding-left: 5.625rem;
}

@media only screen and (max-width: 40em) {
  .nutri-padding {
    padding-left: 0;
  }
}

.nutri-margin-right {
  margin-right: 5.625rem;
}

.nutri-block {
  display: inline-block;
  white-space: nowrap;
  overflow-x: visible;
  padding-right: .3125rem;
}

.nutri-border {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.nutri-progress-background {
  background-position-y: bottom;
  background-repeat: repeat-x;
  background-color: #fff;
  min-height: 22.8125rem;
  border-collapse: collapse;
}

@media only screen and (max-width: 40em) {
  .nutri-progress-background {
    margin-left: 0;
    width: 100%;
    overflow-x: hidden;
  }
}

.nutri-progress-copy {
  padding-top: 3.1875rem;
  padding-bottom: 2.5rem;
}

.nutri-progress-title {
  max-width: 31.5rem;
  display: block;
  color: inherit;
  margin: auto;
  padding-bottom: .625rem;
}

.nutri-progress-text {
  max-width: 31.5rem;
  color: inherit;
  margin: auto;
  white-space: pre-line;
}

.nutri-progress-position {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.125rem;
}

.nutri-progress-button {
  margin-top: 4.875rem;
}

.nutri-meter-segment-complete,
.nutri-meter-segment-current,
.nutri-meter-segment-pending {
  display: inline-block;
  width: 5.5625rem;
  height: 1.75rem;
  border-right: .0625rem solid #fff;
  background-color: #E0E0E0;
  color: #E0E0E0;
}

.nutri-meter-segment-complete:last-child,
.nutri-meter-segment-current:last-child,
.nutri-meter-segment-pending:last-child {
  border-right: .0625rem solid transparent;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .nutri-meter-segment-complete,
  .nutri-meter-segment-current,
  .nutri-meter-segment-pending {
    width: 4.3125rem;
  }
}

@media only screen and (max-width: 40em) {
  .nutri-meter-segment-complete,
  .nutri-meter-segment-current,
  .nutri-meter-segment-pending {
    width: 3.0625rem;
  }
}

.nutri-meter-segment-complete {
  background-color: #FBB03B;
  color: #fff;
}

.nutri-report-title {
  color: #4A4C4E;
  background-color: #f5f5f5;
  padding-top: .625rem;
  display: inline-block;
  width: 100%;
  height: 4.375rem;
}

@media only screen and (max-width: 40em) {
  .nutri-report-title {
    text-align: center;
  }
}

.nutri-page {
  background-color: #f5f5f5;
  margin-bottom: -3.75rem;
  padding-bottom: 3.75rem;
}

.nutri-report-text {
  color: #4A4C4E;
  padding-top: 1.6875rem;
  padding-bottom: 1.875rem;
}

.nutri-module-container {
  text-align: center;
}

.nutri-report-module {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 33%;
  padding-top: 2.3125rem;
}

@media only screen and (max-width: 40em) {
  .nutri-report-module {
    width: 100%;
  }
}

.svg-icon.nutri-module-icon svg {
  height: 3.75rem;
  width: 3.75rem;
  border-color: black;
}

.nutri-module-copy {
  max-width: 14rem;
  display: inline-block;
}

.nutri-report-plan {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.nutri-plan-title {
  padding-top: 4rem;
  padding-bottom: 1.25rem;
  text-align: center;
}

.nutri-plan-subtitle {
  padding-bottom: 2.3125rem;
  color: #8E8E8E;
}

.nutri-report-item {
  min-height: 5rem;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border-radius: .25rem;
  -webkit-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,0.15);
  box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,0.15);
  text-align: center;
  background-color: #fff;
}

.nutri-item-text {
  margin: .625rem auto;
  max-width: 24.375rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  white-space: pre-line;
}

.nutri-item-button {
  margin: .625rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.nutri-score {
  display: inline-block;
  width: 18.75rem;
  padding-right: .625rem;
  margin: auto;
}

.nutri-score-number {
  text-align: center;
  padding-bottom: 1.875rem;
}

.nutri-score-description {
  padding-top: 1.875rem;
  width: 16.25rem;
  color: #8E8E8E;
}

.nutri-score-history {
  padding-bottom: .625rem;
  width: 18.75rem;
  background-color: #f5f5f5;
  margin: auto;
}

.nutri-score-history-padding {
  padding-left: .9375rem;
}

.nutri-score-history-heading {
  border-bottom: .0625rem solid #E0E0E0;
  padding-left: .9375rem;
  padding-top: .9375rem;
  margin-bottom: 1.125rem;
  margin-top: 4rem;
  text-align: left;
}

.nutri-score-history-row {
  padding-left: .9375rem;
  padding-right: 2.8125rem;
  padding-bottom: .625rem;
}

.nutri-score-history-toggle {
  margin-left: .9375rem;
  margin-bottom: .3125rem;
  margin-top: .625rem;
  cursor: pointer;
  text-align: left;
}

.insurance-widget .widget-body.row {
  margin: 0;
}

.insurance-widget .logos-container {
  padding-top: .625rem;
}

.insurance-widget .logo {
  display: block;
  margin: 0 auto;
  padding: .9375rem;
  text-align: center;
}

.gcalm-widget-body {
  padding: 2.5rem;
}

.gcalm-info-container,
.gcalm-body-container {
  padding: 0 2.5rem;
}

@media only screen and (min-width: 40.063em) {
  .gcalm-body-container {
    border-left: .0625rem solid #D2CBC2;
  }
}

.gcalm-logo {
  width: 9.375rem;
  height: 9.375rem;
}

.gcalm-tagline,
.gcalm-steps li {
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.gcalm-tagline {
  margin: 1.25rem 0;
}

.gcalm-cta {
  line-height: 1.25rem;
}

.gcalm-short-text {
  font-size: 1.5rem;
  line-height: 2.125rem;
}

.gcalm-steps ol {
  margin: 0;
  list-style-position: inside;
}

.gcalm-steps li {
  margin: .625rem 0;
  padding: .75rem 1.25rem;
  border-radius: .1875rem;
  border: .0625rem solid #6CB544;
}

.profile-biometrics-sticky-nav {
  background-color: white;
  border-bottom: solid .0625rem #E0E0E0;
  height: 3.75rem;
  max-height: 62.5rem;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  -webkit-transition-duration: 4s;
  -o-transition-duration: 4s;
  transition-duration: 4s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.profile-biometrics-sticky-nav.hide-nav {
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  margin: 0 auto;
  max-height: 0;
  overflow: hidden;
  padding: 0 auto;
}

@media only screen and (max-width: 40.063em) {
  .profile-biometrics-sticky-nav {
    display: none;
  }
}

.profile-biometrics-sticky-nav-options .sticky-nav-list {
  margin-bottom: 0;
}

.profile-biometrics-sticky-nav-options .sticky-nav-list-options {
  color: #4A4C4E;
  cursor: pointer;
  display: inline-block;
  font-size: .875rem;
  padding: 1.125rem .625rem;
}

.profile-biometrics-sticky-nav-options .sticky-nav-list-options:focus,
.profile-biometrics-sticky-nav-options .sticky-nav-list-options:hover {
  color: #3375D6;
}

.profile-biometrics-sticky-nav-options .sticky-nav-list-options.is-selected {
  color: #3375D6;
}

@media only screen and (min-width: 64em) {
  .profile-biometrics-sticky-nav-options .sticky-nav-list-options {
    padding: 1.125rem 1.25rem;
  }
}

.profile-biometrics-sticky-nav-return-top {
  cursor: pointer;
  float: left;
  font-size: .875rem;
  padding: 1.125rem;
}

.profile-biometrics-sticky-nav-return-top:focus,
.profile-biometrics-sticky-nav-return-top:hover {
  color: #3375D6;
}

.profile-biometrics-group {
  border-bottom: solid .0625rem #E0E0E0;
  padding: 3.75rem 0;
}

.profile-biometrics-group-intro-image {
  padding: 3.75rem 0 1.875rem 0;
  text-align: center;
}

.profile-biometrics-group-details {
  padding-top: 3.75rem;
}

.profile-metric-summary {
  cursor: pointer;
}

.profile-metric-update-text-container {
  display: inline-block;
  text-align: center;
  vertical-align: text-top;
}

.profile-metric-update-text {
  margin: 0;
  padding: .625rem 1.25rem;
}

.profile-metric-update-button-container {
  height: 100%;
  padding: 0;
  position: relative;
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .profile-metric-update-button-container {
    position: absolute;
    right: 0;
  }
}

.profile-metric-update-button {
  border-radius: 0 0 .125rem .125rem;
  display: inline-block;
  float: right;
  margin: 0;
  width: 100%;
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .profile-metric-update-button {
    border-radius: 0 .125rem .125rem 0;
    height: 100%;
  }
}

.profile-metric-reading-section {
  padding: 3.75rem 0 1.875rem 0;
}

.profile-risk-reading-container {
  padding-top: 1.25rem;
}

.profile-metric-reading-content,
.profile-metric-update-content,
.profile-risk-reading-content {
  background-color: white;
  border: solid 1px #E0E0E0;
  border-radius: .25rem;
  min-height: 4.0625rem;
  position: relative;
  width: 100%;
}

.profile-metric-reading,
.profile-risk-reading {
  min-height: 3.75rem;
  padding: 1.25rem;
}

.profile-metric-reading-label,
.profile-risk-reading-label {
  display: inline;
  font-weight: 700;
}

@media only screen and (max-width: 40em) {
  .profile-metric-reading-label,
  .profile-risk-reading-label {
    display: block;
  }
}

.profile-risk-reading-label {
  padding-right: .625rem;
}

.profile-metric-reading-value,
.profile-risk-reading-value {
  display: inline;
  float: right;
}

@media only screen and (max-width: 40em) {
  .profile-metric-reading-value,
  .profile-risk-reading-value {
    display: block;
    float: left;
    margin: .3125rem 0;
    padding: .3125rem 0;
  }
}

.profile-risk-reading {
  border-bottom: solid 1px #E0E0E0;
}

@media only screen and (max-width: 40em) {
  .profile-risk-reading {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}

.profile-risk-reading.risk-level-caution {
  background-color: #FBB03B;
}

.profile-risk-reading.risk-level-caution p {
  color: white;
}

.profile-risk-reading.risk-level-danger {
  background-color: #CC4949;
}

.profile-risk-reading.risk-level-danger p {
  color: white;
}

.profile-risk-reading.risk-level-neutral {
  background-color: #8E8E8E;
}

.profile-risk-reading.risk-level-neutral p {
  color: white;
}

.profile-risk-reading.risk-level-safe {
  background-color: #3375D6;
}

.profile-risk-reading.risk-level-safe p {
  color: white;
}

.profile-risk-reading .risk-level-icon svg {
  height: auto;
}

@media only screen and (max-width: 40em) {
  .profile-risk-reading .risk-level-icon svg {
    display: none;
  }
}

input[type="text"].biometrics-modal-highlight-input {
  border: .0625rem solid #43A047;
}

.biometrics-modal-highlight-radio-group {
  border: .0625rem solid #43A047;
  line-height: 2.5;
}

p.profile-biometrics-group-intro-lede,
p.profile-metric-reading-value {
  display: inline;
}

p.profile-metric-reading-title,
p.profile-risk-reading-title {
  margin: .25rem;
}

p.profile-metric-reading-title {
  text-transform: uppercase;
}

.profile-biometrics-group-intro-lede,
.profile-metric-detail-description {
  color: #4A4C4E;
}

.profile-biometrics-group-intro-subtitles {
  color: #3375D6;
  cursor: pointer;
}

.profile-metric-reading-label,
.profile-metric-reading-value,
.profile-metric-update-text,
.profile-risk-reading-label,
.profile-risk-reading-value {
  color: #4A4C4E;
}

.profile-metric-detail-footer {
  color: #4A4C4E;
  font-weight: 700;
  line-height: 1.8;
}

.profile-metric-reading-title,
.profile-risk-reading-title {
  color: #4A4C4E;
}

.profile-risk-reading-title {
  text-transform: uppercase;
}

.general-forms {
  margin: 1.25rem 0;
  padding-bottom: 1.25rem;
  border-radius: .1875rem;
  background-color: #fff;
}

.general-forms h1 {
  color: #3375D6;
  padding-left: 1.25rem;
}

.general-forms .inputs {
  margin: 1.5rem 0 0 1.25rem;
}

@media only screen and (min-width: 64.063em) {
  .general-forms .inputs {
    margin: 1.5rem 0 0;
  }
}

.general-forms .z-generic-label {
  margin: 0;
}

.general-forms .z-select {
  margin-bottom: 1rem;
}

.general-forms .widget {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .625rem;
}

.general-forms .widget-title {
  height: 2.25rem;
}

.general-forms .widget-title h3 {
  padding-top: 1.25rem;
  padding-left: 1.25rem;
}

.general-forms .widget-body {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.general-forms .account-button {
  width: 9.75rem;
}

.general-forms .subscription-description {
  padding: 1.25rem;
  color: #aaa;
}

.general-forms p.note {
  text-align: left;
  margin-bottom: .75rem;
  color: #aaa;
}

.general-forms ul.subscription-optionlist {
  margin: 1rem auto;
  max-width: 25.625rem;
}

.general-forms li.subscription-option {
  border: .0625rem #EFEFEF solid;
  border-top: 0;
  line-height: 2.5;
  cursor: pointer;
}

.general-forms li.subscription-option .subscription-check.svg-icon {
  display: table-cell;
  vertical-align: middle;
  fill: white;
}

.general-forms li.subscription-option .subscription-check.svg-icon svg {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  width: 1.75rem;
  height: 1.75rem;
  border: .0625rem #aaa solid;
  border-radius: .875rem;
}

.general-forms li.subscription-option.active .subscription-check.svg-icon {
  fill: #3375D6;
}

.general-forms li.subscription-option.active .subscription-check.svg-icon svg {
  border: 0;
}

.general-forms li.subscription-option.disabled {
  color: white;
  background-color: #f6f6f5;
}

.general-forms li.subscription-option.disabled .svg-icon {
  fill: #f6f6f5;
}

.general-forms li.subscription-option .subscription-name {
  display: table-cell;
  width: 22.5rem;
  max-width: 22.5rem;
  padding: .625rem;
}

.general-forms li.subscription-option .subscription-name .title {
  font-weight: bold;
  color: #555;
}

.general-forms li.subscription-option .subscription-name .description {
  color: #aaa;
  padding-top: .625rem;
  font-style: italic;
  font-size: .875rem;
}

.general-forms li.subscription-option .subscription-cadence {
  font-size: .875rem;
  color: #aaa;
  padding-left: .625rem;
}

.general-forms li.subscription-option .subscription-cadence select {
  margin-left: 1.875rem;
  width: 16.25rem;
  line-height: 1;
  -moz-text-align-last: center;
  text-align-last: center;
  color: #3375D6;
  background-color: transparent;
  border-radius: .25rem;
  border: .0625rem #3375D6 solid;
}

.shipping-and-payment-grey-banner {
  background-color: #f5f5f5;
}

.shipping-and-payment-banner-text {
  margin: .5rem 0;
}

.blp {
  background-color: #FFFFFF;
  font-size: 1.125rem;
  color: #605E59;
  line-height: 1.7;
}

.blp .upcase,
.blp .z-subheading__normal,
.blp .z-subnavigation-two-level .z-subnavigation-main .z-subnavigation-label,
.z-subnavigation-two-level .z-subnavigation-main .blp .z-subnavigation-label,
.blp .z-button,
.blp .meal-kits-empty-link,
.blp .interstitial-content-container .interstitial-content-button,
.interstitial-content-container .blp .interstitial-content-button,
.blp .payment-card-selector-title,
.blp .button-green.dash-meal-button,
.blp .employer-drop-down-label,
.blp .z-styleguide-preheader,
.blp .meal-kits .z-subnavigation-link,
.meal-kits .blp .z-subnavigation-link,
.blp .meal-kits-order-buttons-button,
.blp .meal-kits-order-details-contact,
.blp .z-subheading__small,
.blp .z-number-picker.small .z-number-picker-number,
.z-number-picker.small .blp .z-number-picker-number,
.blp .grocery-list-add-modal-header-text,
.blp .z-cafe-menu .z-context-meal .z-spotlight-tag,
.z-cafe-menu .z-context-meal .blp .z-spotlight-tag,
.blp .wellness-subheading5,
.blp .cc-feedback-rated-meal-note-description,
.blp .z-subheading__x-small,
.blp .header-badge-new,
.blp .cc-feedback-leaderboard-meal-user-rating,
.blp .cc-feedback-meals-leaderboard-meals-user-rated-text,
.blp li.z-progress-bar-section,
.blp label.z-checkbox-label,
.blp label.z-radio-label,
.blp .grocery-list-add-modal-recipe-header,
.blp .grocery-list-modal .grocery-list a,
.grocery-list-modal .grocery-list .blp a,
.blp .grocery-list-modal .grocery-list h4,
.grocery-list-modal .grocery-list .blp h4,
.blp .grocery-list-modal .recipe-header a,
.grocery-list-modal .recipe-header .blp a,
.blp .grocery-list-header .household-view-toggle .for-you-view-btn,
.grocery-list-header .household-view-toggle .blp .for-you-view-btn,
.blp .grocery-list-header .household-view-toggle .for-household-view-btn,
.grocery-list-header .household-view-toggle .blp .for-household-view-btn,
.blp .recommended-banner,
.blp .dash-tag-name,
.blp .z-cafe-menu .z-context-meal .z-salad-station,
.z-cafe-menu .z-context-meal .blp .z-salad-station,
.blp .cookitnow-recipe-strongest-match,
.blp .cc-feedback-cafe-tab,
.blp .z-survey-allergens,
.blp .z-survey-tree-section-header,
.blp .meal-kits-info-text .meal-kits-info-text-time,
.meal-kits-info-text .blp .meal-kits-info-text-time,
.blp .meal-kits-info-text .meal-kits-info-text-calories,
.meal-kits-info-text .blp .meal-kits-info-text-calories {
  letter-spacing: .125rem;
}

.blp-header {
  width: 100%;
  height: 31.25rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/marketing/business/business_hero_bg@2x.jpg");
}

.blp-header-text {
  font-family: "Proxima N W01 Light","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 3rem;
  line-height: 1.25;
}

.blp-header-info {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #FFFFFF;
}

@media only screen and (max-width: 40em) {
  .blp-header-info {
    top: 45%;
  }
}

.blp-header-info h1,
.blp-header-info h5 {
  color: #FFFFFF;
}

.blp-header-info h1 {
  margin-bottom: 1.25rem;
  font-family: "Proxima N W01 Light","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 3rem;
  line-height: 1.25;
}

@media only screen and (max-width: 40em) {
  .blp-header-info h1 {
    margin-bottom: 0;
    line-height: 1;
  }
}

.blp-header-info h5 {
  margin-bottom: 3.125rem;
  font-size: 1.125rem;
  line-height: 1.7;
}

@media only screen and (max-width: 40em) {
  .blp-header-info h5 {
    margin: .625rem 0;
  }
}

.blp-text-ticker,
.blp-video-player {
  color: #6CB544;
}

.blp-text-ticker {
  -webkit-perspective: 18.75rem;
  perspective: 18.75rem;
  display: inline-block;
  margin: 0;
}

.blp-tt-item {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  font-family: "Proxima N W01 Light","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 3rem;
  opacity: 0;
}

.blp-tt-item.is-visible {
  position: relative;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
  -webkit-animation: textTickerIn 800ms;
  animation: textTickerIn 800ms;
}

.blp-tt-item.is-hidden {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: textTickerOut 800ms;
  animation: textTickerOut 800ms;
}

input[type="submit"].drf-submit-button,
.blp-cta-button {
  display: block;
  width: 15.625rem;
  height: 3.125rem;
  margin: 0 auto;
  padding: 0 3.125rem;
  border-radius: .1875rem;
  border: .0625rem solid #6CB544;
  font-size: .875rem;
  line-height: 3.125rem;
}

input[type="submit"].drf-submit-button,
.blp-cta-button {
  background-color: #6CB544;
  color: #FFFFFF;
}

input[type="submit"].drf-submit-button:hover,
.blp-cta-button:hover {
  color: #FFFFFF;
}

.blp-video-player {
  margin-top: 1.875rem;
}

.blp-video-player a:hover {
  color: #6CB544;
}

.blp-vp-play-button {
  position: relative;
  top: -.15625rem;
  height: 1.875rem;
  margin-right: .625rem;
}

.blp-main-info {
  padding-top: 6.25rem;
  padding-bottom: 7.5rem;
}

.blp-main-info-title {
  padding-bottom: 2.5rem;
}

.blp-main-info-segment {
  padding: .625rem;
}

.blp-mis-content {
  padding: 1.25rem;
  border-radius: .1875rem;
  border: .0625rem solid #e6e6e6;
  background-color: #f7f7f7;
}

.blp-mis-c-final {
  width: 90%;
  margin: 0 auto;
}

.blp-mis-c-final .special-case {
  font-family: "Proxima N W01 Reg","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-weight: 600;
  font-size: 2.25rem;
  letter-spacing: .3125rem;
}

.blp-mis-image {
  display: block;
  max-height: 5rem;
  margin: 0 auto;
  margin-bottom: 1.875rem;
}

.blp-main-info-track {
  background-color: #2B2A28;
  padding-bottom: 7.5rem;
}

.blp-mit-image-container {
  width: 100%;
  padding-bottom: 3.125rem;
  margin-bottom: -10rem;
}

@media only screen and (max-width: 45rem) {
  .blp-mit-image-container {
    padding-bottom: 0;
    margin-bottom: -6.25rem;
  }
}

.blp-mit-image {
  vertical-align: top;
  position: relative;
  top: 3.125rem;
  max-width: 50%;
  max-height: 100%;
}

@media only screen and (max-width: 45rem) {
  .blp-mit-image {
    display: block;
    max-width: 60%;
  }
}

@media only screen and (max-width: 40em) {
  .blp-mit-image {
    max-width: 90%;
  }
}

.blp-mit-text {
  display: inline-block;
  width: 30%;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  margin-left: .625rem;
  color: #7B7871;
}

.blp-mit-text h2 {
  color: #7B7871;
}

@media only screen and (max-width: 45rem) {
  .blp-mit-text {
    display: block;
    width: 90%;
    margin: 0 auto;
    margin-top: 1.25rem;
  }
}

.blp-mit-text .blp-header-text {
  padding-bottom: 1.875rem;
}

.blp-main-case-study {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.blp-mcs-title {
  margin-bottom: 5rem;
}

.blp-svg {
  display: block;
  width: 12.5rem;
  height: 12.5rem;
  margin: 0 auto;
}

.blp-mcs-circle {
  padding-bottom: 1.875rem;
}

.blp-mcs-circle-title {
  font-size: 1rem;
}

.blp-svg-circle {
  fill: none;
  stroke-linecap: round;
  stroke-width: 10px;
}

.blp-svg-circle.svg-1.filling {
  stroke: #6CB544;
}

.blp-svg-circle.svg-1,
.blp-svg-circle.svg-1-background {
  stroke: #dfefd6;
}

.blp-svg-circle.svg-2.filling {
  stroke: #48B8B4;
}

.blp-svg-circle.svg-2,
.blp-svg-circle.svg-2-background {
  stroke: #dbf1f0;
}

.blp-svg-circle.svg-3.filling {
  stroke: #919CCF;
}

.blp-svg-circle.svg-3,
.blp-svg-circle.svg-3-background {
  stroke: #eaecf6;
}

.blp-svg-text {
  font-size: 3.5rem;
}

.blp-svg-text.svg-1 {
  fill: #6CB544;
  stroke: #6CB544;
}

.blp-svg-text.svg-2 {
  fill: #48B8B4;
  stroke: #48B8B4;
}

.blp-svg-text.svg-3 {
  fill: #919CCF;
  stroke: #919CCF;
}

.blp-mcs-summary {
  padding-top: 3.125rem;
  padding-bottom: 1.875rem;
}

.demo-request {
  background-color: #FFFFFF;
}

.demo-request .upcase,
.demo-request .z-subheading__normal,
.demo-request .z-subnavigation-two-level .z-subnavigation-main .z-subnavigation-label,
.z-subnavigation-two-level .z-subnavigation-main .demo-request .z-subnavigation-label,
.demo-request .z-button,
.demo-request .meal-kits-empty-link,
.demo-request .interstitial-content-container .interstitial-content-button,
.interstitial-content-container .demo-request .interstitial-content-button,
.demo-request .payment-card-selector-title,
.demo-request .button-green.dash-meal-button,
.demo-request .employer-drop-down-label,
.demo-request .z-styleguide-preheader,
.demo-request .meal-kits .z-subnavigation-link,
.meal-kits .demo-request .z-subnavigation-link,
.demo-request .meal-kits-order-buttons-button,
.demo-request .meal-kits-order-details-contact,
.demo-request .z-subheading__small,
.demo-request .z-number-picker.small .z-number-picker-number,
.z-number-picker.small .demo-request .z-number-picker-number,
.demo-request .grocery-list-add-modal-header-text,
.demo-request .z-cafe-menu .z-context-meal .z-spotlight-tag,
.z-cafe-menu .z-context-meal .demo-request .z-spotlight-tag,
.demo-request .wellness-subheading5,
.demo-request .cc-feedback-rated-meal-note-description,
.demo-request .z-subheading__x-small,
.demo-request .header-badge-new,
.demo-request .cc-feedback-leaderboard-meal-user-rating,
.demo-request .cc-feedback-meals-leaderboard-meals-user-rated-text,
.demo-request li.z-progress-bar-section,
.demo-request label.z-checkbox-label,
.demo-request label.z-radio-label,
.demo-request .grocery-list-add-modal-recipe-header,
.demo-request .grocery-list-modal .grocery-list a,
.grocery-list-modal .grocery-list .demo-request a,
.demo-request .grocery-list-modal .grocery-list h4,
.grocery-list-modal .grocery-list .demo-request h4,
.demo-request .grocery-list-modal .recipe-header a,
.grocery-list-modal .recipe-header .demo-request a,
.demo-request .grocery-list-header .household-view-toggle .for-you-view-btn,
.grocery-list-header .household-view-toggle .demo-request .for-you-view-btn,
.demo-request .grocery-list-header .household-view-toggle .for-household-view-btn,
.grocery-list-header .household-view-toggle .demo-request .for-household-view-btn,
.demo-request .recommended-banner,
.demo-request .dash-tag-name,
.demo-request .z-cafe-menu .z-context-meal .z-salad-station,
.z-cafe-menu .z-context-meal .demo-request .z-salad-station,
.demo-request .cookitnow-recipe-strongest-match,
.demo-request .cc-feedback-cafe-tab,
.demo-request .z-survey-allergens,
.demo-request .z-survey-tree-section-header,
.demo-request .meal-kits-info-text .meal-kits-info-text-time,
.meal-kits-info-text .demo-request .meal-kits-info-text-time,
.demo-request .meal-kits-info-text .meal-kits-info-text-calories,
.meal-kits-info-text .demo-request .meal-kits-info-text-calories {
  letter-spacing: .125rem;
}

.dr-header {
  width: 100%;
  height: 31.25rem;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/marketing/business/demo_hero_bg@2x.jpg");
}

.demo-request-form {
  position: relative;
  top: -31.25rem;
  margin-bottom: -25rem;
}

.drf-header-text {
  margin: 0;
  padding-top: 6.25rem;
  padding-bottom: 3.75rem;
  font-size: 2.25rem;
  color: #FFFFFF;
}

.drf-container {
  padding: 2.5rem;
  border-radius: .1875rem;
  border: .0625rem solid #DDDCDB;
  background-color: #F6F6F5;
}

.drf-marketo-form {
  width: 100% !important;
}

.drf-marketo-form .mktoFormCol {
  width: 100% !important;
}

.drf-marketo-form .mktoLabel,
.drf-marketo-form .mktoFieldWrap {
  float: none !important;
}

.drf-marketo-form .mktoField,
.drf-marketo-form .mktoLabel {
  font-family: "Proxima N W01 Light","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important;
  font-size: 1rem !important;
}

.drf-marketo-form .mktoGutter {
  display: none !important;
}

.drf-marketo-form .mktoLabel {
  width: auto !important;
  padding: 0 !important;
  padding-bottom: .25rem !important;
}

.drf-marketo-form .mktoAsterix {
  padding-left: 0 !important;
  color: #555 !important;
}

.drf-marketo-form .mktoField {
  float: none !important;
  width: 100% !important;
  height: 2.5rem !important;
  padding-left: 1.25rem !important;
  border-radius: .1875rem !important;
  border: .0625rem solid #DDDCDB !important;
  color: silver !important;
  background-color: #FFFFFF !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.drf-marketo-form .mktoButton {
  display: block !important;
  width: 15.625rem !important;
  height: 3.125rem !important;
  margin: 0 auto !important;
  padding: 0 3.125rem !important;
  border-radius: .1875rem !important;
  border: .0625rem solid #6CB544 !important;
  background-image: none !important;
  background-color: #6CB544 !important;
  font-family: "Proxima N W01 Light","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important;
  font-size: 1rem !important;
  color: #FFFFFF !important;
  line-height: 3.125rem !important;
  letter-spacing: .125rem !important;
  text-transform: uppercase !important;
}

.drf-marketo-form .mktoButton:hover {
  color: #FFFFFF !important;
}

.drf-marketo-form .mktoButtonRow {
  width: 100% !important;
}

.contact {
  padding: .9375rem 0;
}

.contact .oval {
  display: inline-block;
  max-width: 18.75rem;
  border-radius: 50%;
  border: 1px solid #D7D7D7;
}

.contact .oval-image {
  display: inline-block;
  width: 100%;
}

.contact .details,
.contact .name,
.contact .email,
.contact .subject {
  height: 2.6875rem;
  margin: .5em 0;
  padding: .3em .5em;
  border: 1px solid #999;
  font-weight: 500;
  font-size: 1.1em;
  color: #555;
  line-height: 1.7em;
}

.contact .details {
  min-height: 12.5rem;
}

.feedback-thanks {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.feedback-thanks .heading-medium,
.feedback-thanks .heading-small {
  margin-bottom: 1.875rem;
}

.feedback-thanks textarea {
  max-width: 37.5rem;
  width: 90%;
  margin: 0 auto;
  height: 12.5rem;
  margin-bottom: 1.875rem;
}

.free-or-premium {
  max-width: 23.75rem;
  margin: 0 auto;
}

.signup-flow-header-text {
  margin: 0;
}

.signup-sso-entry {
  max-width: 18.75rem;
  margin: 0 auto;
}

.signup-page-button {
  margin: 0;
  margin-top: 2.5rem;
  width: 18.75rem;
}

.provider-drop-down-entry {
  position: relative;
  width: 23.75rem;
  margin: 0 auto;
}

.employer-drop-down-label {
  margin: 0;
  margin-top: 1.25rem;
}

.signup-login-switch-text {
  margin: 0;
  margin-bottom: .75rem;
}

.signup-login-switch-link {
  cursor: pointer;
  color: #3375D6;
}

.login-panel {
  max-width: 18.75rem;
  margin: 0 auto;
}

.z-generic-label.login-input-margins,
.z-select-label.login-input-margins {
  margin: 0;
  margin-top: .5rem;
}

.forgot-password-text {
  color: #3375D6;
  cursor: pointer;
}

.forgot-password-paragraph {
  position: relative;
  left: 11.875rem;
}

.forgot-password-div {
  position: absolute;
}

.google-sso-margins {
  margin: 0;
  margin-top: 2.5rem;
}

.landing-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  top: 3.125rem;
  left: 0;
  width: 100%;
  height: calc(100% - 3.125rem);
  background-color: white;
  overflow: hidden;
}

.landing-wrapper.landing-wrapper-free {
  top: 0;
  height: calc(100%);
}

@media only screen and (min-height: 685px) {
  .landing-wrapper {
    position: absolute;
  }
}

.signup-panel {
  max-width: 18.75rem;
  margin: 0 auto;
  position: relative;
}

.free-mobile-explanation {
  max-width: 25rem;
  color: #4A4C4E;
  margin: .5rem 0 2rem 0;
}

.free-mobile-page {
  margin: 0 auto;
  width: 25rem;
}

.signup-button {
  width: 18.75rem;
  height: 3rem;
  margin: 0;
  margin-top: 1.5rem;
  padding: 0;
}

.signup-image {
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/images/signup/signup-left.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #4A4C4E;
  min-height: 42.8125rem;
}

.signup-mobile-image {
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/images/iphone-free.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 34.375rem;
  width: 19.875rem;
  margin: 1.25rem auto 0 auto;
}

.flagship-valueprop {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 20rem;
  margin: 0 auto;
  color: #fff;
}

.flagship-valueprop-mobile {
  color: #fff;
  margin: 12.5rem auto 0;
  max-width: 20rem;
}

.flagship-valueprop-custom {
  margin: 0 2.5rem;
  position: relative;
  top: 20%;
  color: #fff;
}

.flagship-valueprop-custom .flagship-valueprop-title {
  margin-bottom: 1.25rem;
  color: #fff;
}

.flagship-valueprop-custom .flagship-valueprop-copy {
  margin-bottom: .625rem;
  color: #fff;
}

.flagship-valueprop-custom .flagship-valueprop-copy br {
  line-height: 250%;
}

.flagship-valueprop-custom .flagship-valueprop-image {
  margin-top: .625rem;
}

.signup-default-zipongo-logo svg {
  width: 15.875rem;
  height: 6.25rem;
}

.login-error {
  color: #CC4949;
}

.signup-mobile-badge-container {
  margin: 0;
  margin-top: 5rem;
}

.signup-appstore-image,
.signup-googleplay-image {
  height: 2.5rem;
  margin: 0;
  margin-right: 1.25rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.signup-appstore-image {
  width: 8.4375rem;
  margin-bottom: 1.25rem;
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/images/signup/appstore-135-x-40.png");
}

.signup-googleplay-image {
  width: 7.625rem;
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/images/signup/googleplay-122-x-40.png");
}

.signup-terms-and-conditions {
  margin: 0;
  margin-top: .5rem;
  margin-bottom: .625rem;
}

.signup-right-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  min-height: 37.5rem;
}

@media only screen and (max-width: 40em) {
  .signup-right-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.signup-right-wrapper.no-top-padding {
  padding-top: 0;
}

.z-modal.confirm-sms-modal {
  max-width: 18.75rem;
  padding: 1.25rem 2.5rem 2.5rem;
}

.spinner.spinner-signup-processing {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 30%;
  left: 50%;
}

.provider-search-not-found-text {
  color: #8E8E8E;
  position: absolute;
}

.signup-free-link {
  color: #3375D6;
  cursor: pointer;
}

.search-organization-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
  width: 3rem;
  height: 3rem;
  border-radius: 0 .25rem .25rem 0;
  background-color: #3375D6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.search-organization-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.search-organization-text {
  color: #4A4C4E;
}

.signup-typeahead-icon-wrapper {
  position: relative;
}

.duo-login-section-divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .875rem;
  line-height: 4;
  color: #4a4c4e;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.duo-login-section-divider:before,
.duo-login-section-divider:after {
  content: '';
  color: #e0e0e0;
  border-top: .0625rem solid;
  margin: 0 1.25rem 0 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 1.25rem;
  flex: 1 0 1.25rem;
}

.duo-login-section-divider:after {
  margin: 0 0 0 1.25rem;
}

.duo-login-button {
  width: 100% !important;
  margin-top: 20px !important;
}

.duo-login-forgot-password-container {
  padding-top: .875rem;
}

.login-page h2 {
  padding: 1.375rem;
}

.login-page form {
  margin-bottom: 1.875rem;
}

.login-page .recover {
  font-size: .875rem;
}

.reports iframe {
  width: 100%;
  height: 62.5rem;
  border: none;
}

.reports .app-nav-links {
  position: static;
  top: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.not-found-msg-container {
  position: relative;
}

.not-found-msg {
  position: absolute;
  top: 40%;
  left: 35%;
}

li.about-team-list-item {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.about-page .mkt-nav {
  font-size: 1.25rem;
  line-height: 1rem;
  padding-top: .5rem;
}

.about-page .mkt-nav li {
  border-left: 1px solid;
  display: inline-block;
  padding: 0 1rem;
}

.about-page .mkt-nav li:first-child {
  border: none;
}

.about-page .mkt-nav li a,
.about-page .mkt-nav li a:hover {
  color: inherit;
}

.about-page .oval {
  border-radius: 50%;
  border: 1px solid #D7D7D7;
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
}

.about-page .join-text {
  margin-top: 1.25rem;
}

.about-page .news-press h4 {
  font-size: 1rem;
}

.about-page .news-heading {
  clear: both;
}

.about-page .news-item {
  margin-bottom: .375rem;
}

.about-page .news-image {
  display: inline-block;
  margin-right: 1.875rem;
  max-width: 7.5rem;
  max-height: 3rem;
}

.about-page .news-text {
  margin-right: 1.25rem;
  float: right;
}

.about-page .featured-news {
  padding: 1.25rem 0;
}

.about-page .featured-news li {
  border-radius: .1875rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}

.about-page .featured-news li .img {
  padding: 1.25rem 0;
}

.about-page .featured-news li .date {
  text-align: right;
}

.about-page .featured-news li .title {
  font-size: 1.25rem;
}

@media only screen and (max-width: 43.75rem) {
  .about-page .press {
    margin-top: 40px;
  }
}

.mkt-section {
  padding: 1.25rem 0;
}

.careers-page .career-section h2 {
  margin-top: 1.25rem;
}

.careers-page .career-section:first-child p {
  font-size: 1.25rem;
}

.careers-page .life-at-zipongo {
  margin-bottom: .625rem;
}

.careers-page .careers-sections h3 {
  font-weight: 600;
  font-size: 1.2em;
}

.careers-page .careers-sections .row:first-child {
  padding-top: 1.125rem;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.bottom-padding {
  padding-bottom: 1.25rem;
}

.ffq-complex.row,
.ffq-simple.row,
.ffq .no-margin {
  margin: 0;
}

.ffq-page-number {
  margin-top: 1.875rem;
  text-align: center;
}

.ffq .header {
  height: 6.5rem;
  margin-top: 1.875rem;
}

@media only screen and (max-width: 40em) {
  .ffq .header {
    height: 4.25rem;
    margin-top: .625rem;
  }
}

.ffq .header h1 {
  height: 4.375rem;
  margin: 0;
  padding: .9375rem 1.875rem 0;
  color: #fff;
  overflow-x: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 40em) {
  .ffq .header h1 {
    padding-top: 0;
    font-size: 1.5rem;
    line-height: 3.125rem;
  }
}

.ffq .header .ffq-exit {
  position: absolute;
  top: 2.5rem;
  right: 1.875rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  cursor: pointer;
}

@media only screen and (max-width: 40em) {
  .ffq .header .ffq-exit {
    top: 1.5625rem;
    font-size: .875rem;
  }
}

.ffq .header .ffq-all-required {
  position: absolute;
  bottom: .9375rem;
  left: 2.5rem;
  color: #fff;
}

@media only screen and (max-width: 40em) {
  .ffq .header .ffq-all-required {
    bottom: .5rem;
    font-size: .75rem;
  }
}

.ffq .header .icon-exit {
  position: relative;
  top: .1875rem;
  margin-left: .3125rem;
}

.ffq .header.info {
  height: 3rem;
  min-height: 0;
  background-color: #D2CBC2;
}

.ffq .header.info h1 {
  padding-top: .75rem;
  font-size: 1.1875rem;
  color: #726756;
}

@media only screen and (max-width: 40em) {
  .ffq .header.info h1 {
    padding-top: 0;
  }
}

.ffq .header.info .ffq-exit,
.ffq .header.info .ffq-all-required {
  display: none;
}

.ffq .instructions-header {
  padding: 1.5625rem 2.8125rem;
  padding-top: 0;
  font-size: 1.125rem;
  color: #fff;
  line-height: 1.5rem;
  opacity: 0.9;
}

.nutriquiz-complete {
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/images/bg_food_wave.png");
  background-size: 50%,12.5rem;
  background-repeat: repeat-x;
  background-position: bottom;
  min-height: 31.25rem;
}

.ffq-simple .ffq-body {
  text-align: center;
}

.ffq-simple .ffq-body.columns {
  margin-bottom: 1.875rem;
  padding: 0;
}

.ffq-simple .survey-header-image {
  width: 100%;
  height: 21.875rem;
  margin-bottom: 1.25rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 40em) {
  .ffq-simple .survey-header-image {
    height: 6.25rem;
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .ffq-simple .survey-header-image {
    height: 13.75rem;
  }
}

.ffq-simple .survey-header-image.well-being {
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/surveys/img_well_being@1x.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi) {
  .ffq-simple .survey-header-image.well-being {
    background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/surveys/img_well_being@2x.jpg");
  }
}

.ffq-simple .survey-header-image.basic-diet {
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/surveys/img_intro_diet@1x.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi) {
  .ffq-simple .survey-header-image.basic-diet {
    background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/surveys/img_intro_diet@2x.jpg");
  }
}

.ffq-simple .survey-header-image.healthy-living {
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/surveys/img_intro_wellness@1x.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi) {
  .ffq-simple .survey-header-image.healthy-living {
    background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/surveys/img_intro_wellness@2x.jpg");
  }
}

.ffq-simple .survey-header-image.complete-diet,
.ffq-simple .survey-header-image.complete-nutriquiz,
.ffq-simple .survey-header-image.long-ffq {
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/surveys/img_intro_indepth_diet@1x.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi) {
  .ffq-simple .survey-header-image.complete-diet,
  .ffq-simple .survey-header-image.complete-nutriquiz,
  .ffq-simple .survey-header-image.long-ffq {
    background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/surveys/img_intro_indepth_diet@2x.jpg");
  }
}

.ffq-simple h1,
.ffq-simple h2,
.ffq-simple p {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.ffq-simple h2 {
  font-size: 1.5rem;
  line-height: 1.4;
}

.ffq-simple p {
  margin-bottom: 0;
  font-size: 1.0625rem;
}

.ffq-simple .icon {
  font-size: 7.5rem;
}

.ffq-body {
  background-color: #fff;
}

.ffq-body fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.ffq-body .question {
  padding: 0 1.875rem 1.25rem;
  border-bottom: 1px solid #F0EFEE;
}

.ffq-body .question:last-child {
  border-bottom: 0;
}

@media only screen and (max-width: 40em) {
  .ffq-body .question:last-child {
    margin-bottom: 3.75rem;
  }
}

.ffq-body .question .ffq-required-question {
  padding-left: .125rem;
  color: #CC4949;
}

.ffq-body .question .ffq-error-text {
  display: none;
}

.ffq-body .question.error-required {
  background-color: #FEE8E5;
}

.ffq-body .question.error-required .ffq-error-text {
  display: block;
  color: #726756;
}

.ffq-body .question .ffq-validation-error .ffq-error-text {
  display: block;
  color: #ED7D7D;
}

.ffq-body .question legend {
  padding-top: 2.5rem;
  margin: unset;
  background: initial;
  margin-bottom: 1.25rem;
  font-family: "Proxima N W01 Reg","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-weight: initial;
  font-size: 1.125rem;
  color: #726756;
}

.ffq-body .question legend .icon {
  position: relative;
  top: .1875rem;
  margin-right: .3125rem;
  font-size: 1.5rem;
}

.ffq-body .question legend .hover-anchor {
  text-decoration: underline;
  color: #005EB8;
}

@media only screen and (min-width: 64.063em) {
  .ffq-body .question-form .ffq-label {
    padding-top: .3125rem;
    padding-left: 0;
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .ffq-body .question-form li {
    width: 100%;
  }
}

@media only screen and (max-width: 40em) {
  .ffq-body .question-form li {
    width: 100%;
  }
}

.ffq-label:active {
  -webkit-box-shadow: .1875rem .1875rem .3125rem rgba(0,0,0,0.1);
  box-shadow: .1875rem .1875rem .3125rem rgba(0,0,0,0.1);
}

.survey-question-widget-options .ffq-label,
.ffq-body .question-checkbox .ffq-label,
.ffq-body .question-radio .ffq-label {
  padding: .625rem;
  border: .125rem solid;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}

.survey-question-widget-options .ffq-label.has-icon,
.ffq-body .question-checkbox .ffq-label.has-icon,
.ffq-body .question-radio .ffq-label.has-icon {
  min-height: 10.6875rem;
  padding-top: 2rem;
  padding-bottom: 0;
}

.survey-question-widget-options .label-wrapper:focus,
.ffq-body .question-checkbox .label-wrapper:focus,
.ffq-body .question-radio .label-wrapper:focus {
  outline: none;
}

.survey-question-widget-options #gender_MALE_optionLabel.is-checked svg #Oval,
.survey-question-widget-options #gender_FEMALE_optionLabel.is-checked svg #Oval,
.survey-question-widget-options #gender_NON_BINARY_optionLabel.is-checked svg #Oval,
.ffq-body .question-checkbox #gender_MALE_optionLabel.is-checked svg #Oval,
.ffq-body .question-checkbox #gender_FEMALE_optionLabel.is-checked svg #Oval,
.ffq-body .question-checkbox #gender_NON_BINARY_optionLabel.is-checked svg #Oval,
.ffq-body .question-radio #gender_MALE_optionLabel.is-checked svg #Oval,
.ffq-body .question-radio #gender_FEMALE_optionLabel.is-checked svg #Oval,
.ffq-body .question-radio #gender_NON_BINARY_optionLabel.is-checked svg #Oval {
  stroke: #fff;
}

.survey-question-widget-options #gender_MALE_optionLabel.is-checked svg #Rectangle,
.survey-question-widget-options #gender_FEMALE_optionLabel.is-checked svg #Rectangle,
.survey-question-widget-options #gender_NON_BINARY_optionLabel.is-checked svg #Rectangle,
.ffq-body .question-checkbox #gender_MALE_optionLabel.is-checked svg #Rectangle,
.ffq-body .question-checkbox #gender_FEMALE_optionLabel.is-checked svg #Rectangle,
.ffq-body .question-checkbox #gender_NON_BINARY_optionLabel.is-checked svg #Rectangle,
.ffq-body .question-radio #gender_MALE_optionLabel.is-checked svg #Rectangle,
.ffq-body .question-radio #gender_FEMALE_optionLabel.is-checked svg #Rectangle,
.ffq-body .question-radio #gender_NON_BINARY_optionLabel.is-checked svg #Rectangle {
  fill: #fff;
}

.survey-question-widget-options .ffq-label-icon,
.ffq-body .question-checkbox .ffq-label-icon,
.ffq-body .question-radio .ffq-label-icon {
  display: block;
  padding-bottom: .5rem;
}

.survey-question-widget-options .ffq-label-icon svg,
.ffq-body .question-checkbox .ffq-label-icon svg,
.ffq-body .question-radio .ffq-label-icon svg {
  width: 4.375rem;
  height: 4.375rem;
}

.survey-question-widget-options .ffq-label-icon br,
.ffq-body .question-checkbox .ffq-label-icon br,
.ffq-body .question-radio .ffq-label-icon br {
  line-height: 2.4;
}

.survey-question-widget-options .ffq-checkbox-input,
.survey-question-widget-options .ffq-radio-input,
.ffq-body .question-checkbox .ffq-checkbox-input,
.ffq-body .question-checkbox .ffq-radio-input,
.ffq-body .question-radio .ffq-checkbox-input,
.ffq-body .question-radio .ffq-radio-input {
  position: absolute;
  visibility: hidden;
}

.ffq-body .ffq-select {
  background-color: #fff;
}

.ffq-body .question-checkbox [class*="block-grid-"]:before,
.ffq-body .question-checkbox [class*="block-grid-"]:after {
  visibility: hidden;
}

.ffq-body .question-radio .group-name {
  min-height: 1.5rem;
}

.ffq-body .question-radio .group-option {
  margin-bottom: .75rem;
}

.ffq-body .question-radio .group-option .ffq-label {
  padding: .625rem 0;
  border-radius: 50%;
  width: 4.0625rem;
  height: 4.0625rem;
  font-size: 1rem;
  line-height: 1.5;
}

.ffq-body .question-radio .group-option .ffq-label .ffq-radio-text.is-never {
  margin-top: .5rem;
}

.ffq-body .question-radio .group-option .ffq-label .ffq-radio-text div {
  font-size: .75rem;
  line-height: .75rem;
}

.ffq-body .question-radio .group-wrapper .columns:last-child {
  float: left;
}

@media only screen and (min-width: 64.063em) {
  .ffq-body .question-radio .group-wrapper {
    padding-left: 0;
  }
}

@media only screen and (max-width: 40em) {
  .row .row.ffq-nav-container {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
  }
}

.ffq-navigation {
  padding: 0;
}

@media only screen and (max-width: 40em) {
  .ffq-navigation {
    background-color: #F6F3F1;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .625rem;
  }

  .ffq-navigation .ffq-nav-button.next,
  .ffq-navigation .ffq-nav-button.previous {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.ffq-nav-button {
  width: 50%;
  min-width: 11.3125rem;
  height: 2.4375rem;
  padding-top: .625rem;
  background-color: #3375D6;
}

@media only screen and (max-width: 40em) {
  .ffq-nav-button {
    width: auto;
  }
}

.ffq-nav-button:hover {
  background-color: #3375D6;
}

.ffq-nav-button.start {
  margin-top: 1.875rem;
}

.ffq-nav-button.next,
.ffq-nav-button.previous {
  max-width: 13.75rem;
  margin-top: 1.25rem;
}

@media only screen and (max-width: 40em) {
  .ffq-nav-button.next,
  .ffq-nav-button.previous {
    width: 50%;
    min-width: 5rem;
  }
}

.ffq-nav-button.next {
  float: right;
}

.ffq-nav-button.previous {
  float: left;
  background-color: #999;
}

.ffq-nav-button.previous:hover {
  background-color: #999;
}

.ffq-nav-button:active {
  -webkit-box-shadow: .1875rem .1875rem .3125rem rgba(0,0,0,0.1);
  box-shadow: .1875rem .1875rem .3125rem rgba(0,0,0,0.1);
}

.ffq-nav-button.loading {
  background-color: rgba(197,194,187,0.6);
}

.nutriquiz-complete-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.nutriquiz-complete-button .secondary {
  background-color: #fff;
  color: #3375D6;
}

.ffq-container .icon.pagination {
  position: relative;
  top: .25rem;
  left: .3125rem;
}

.ffq-container .survey-breadcrumbs {
  padding: 1.03125rem .625rem;
}

.ffq-container .breadcrumbs-bar {
  display: block;
  position: relative;
  height: .3125rem;
  width: 100%;
  max-width: 32rem;
  margin: .75rem auto;
  padding: 0;
  border: 0;
  background-color: #d2cbc2;
}

.ffq-container .breadcrumbs-bar .meter {
  background: #b8dda4;
}

.ffq-container .breadcrumbs-bar .item {
  margin: 0;
}

.ffq-container .breadcrumbs-bar .page-wrapper {
  position: absolute;
  top: -.5rem;
  left: 0;
  width: 100%;
  height: 3.125rem;
  margin: 0;
}

.ffq-container .breadcrumbs-bar .page-placeholder {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto;
  border-radius: 1.25rem;
  background-color: #d2cbc2;
}

.ffq-container .breadcrumbs-bar .page-placeholder.active,
.ffq-container .breadcrumbs-bar .page-placeholder.completed {
  background-color: #b8dda4;
}

.ffq-container .breadcrumbs-bar .page-name {
  position: absolute;
  top: 1.875rem;
  width: 2.75rem;
  margin-left: -.6875rem;
  color: #d2cbc2;
  text-align: center;
}

.ffq-container .breadcrumbs-bar .completed .page-name {
  color: #b8dda4;
}

.ffq-container .breadcrumbs-bar .active .page-name {
  color: #3375D6;
}

.ffq .ffq-body .ffq-user-input {
  background-color: #fff;
  border: .0625rem dashed;
}

.ffq .ffq-body .ffq-user-input:active {
  -webkit-box-shadow: .1875rem .1875rem .3125rem rgba(0,0,0,0.1);
  box-shadow: .1875rem .1875rem .3125rem rgba(0,0,0,0.1);
}

@media only screen and (min-width: 40.063em) {
  .ffq-container .breadcrumbs-bar {
    height: .625rem;
  }

  .ffq-container .breadcrumbs-bar .page-placeholder {
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 1.5625rem;
  }
}

@media only screen and (min-width: 40.063em) {
  .ffq-container .breadcrumbs-bar {
    height: .625rem;
  }

  .ffq-container .breadcrumbs-bar .page-placeholder {
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 1.5625rem;
  }
}

@media only screen and (max-width: 40em) {
  .ffq-container .breadcrumbs-bar .page-name {
    font-size: .6875rem;
  }

  .ffq-container+.z-footer {
    bottom: -9.4375rem;
  }
}

.ffq .header.activity,
.ffq .instructions-header.activity {
  background-color: #48b8b4;
}

.ffq .header.food,
.ffq .instructions-header.food {
  background-color: #3375D6;
}

.ffq .header.mood,
.ffq .instructions-header.mood {
  background-color: #7AA0D4;
}

.ffq .header.others,
.ffq .header.wellness,
.ffq .instructions-header.others,
.ffq .instructions-header.wellness {
  background-color: #919CCF;
}

.ffq .header.sleep,
.ffq .instructions-header.sleep {
  background-color: #60BACC;
}

.ffq .header.stress,
.ffq .instructions-header.stress {
  background-color: #6FA8CC;
}

.ffq .header.health,
.ffq .instructions-header.health {
  background-color: #9E92CA;
}

.ffq .header.testing,
.ffq .instructions-header.testing {
  background-color: #AF92CA;
}

.survey-question-widget-options .label-wrapper:focus .ffq-label,
.ffq-body .question-checkbox .label-wrapper:focus .ffq-label,
.ffq-body .question-radio .label-wrapper:focus .ffq-label {
  background-color: #f5f5f5;
  border-color: #3375D6;
}

.survey-question-widget-options .ffq-label.activity,
.ffq-body .question-checkbox .ffq-label.activity,
.ffq-body .question-radio .ffq-label.activity {
  border-color: #48b8b4;
  color: #48b8b4;
}

.survey-question-widget-options .ffq-label.food,
.ffq-body .question-checkbox .ffq-label.food,
.ffq-body .question-radio .ffq-label.food {
  border-color: #E0E0E0;
  color: #4A4C4E;
}

.survey-question-widget-options .ffq-label.mood,
.ffq-body .question-checkbox .ffq-label.mood,
.ffq-body .question-radio .ffq-label.mood {
  border-color: #7AA0D4;
  color: #7AA0D4;
}

.survey-question-widget-options .ffq-label.others,
.survey-question-widget-options .ffq-label.wellness,
.ffq-body .question-checkbox .ffq-label.others,
.ffq-body .question-checkbox .ffq-label.wellness,
.ffq-body .question-radio .ffq-label.others,
.ffq-body .question-radio .ffq-label.wellness {
  border-color: #919CCF;
  color: #919CCF;
}

.survey-question-widget-options .ffq-label.sleep,
.ffq-body .question-checkbox .ffq-label.sleep,
.ffq-body .question-radio .ffq-label.sleep {
  border-color: #60BACC;
  color: #60BACC;
}

.survey-question-widget-options .ffq-label.stress,
.ffq-body .question-checkbox .ffq-label.stress,
.ffq-body .question-radio .ffq-label.stress {
  border-color: #6FA8CC;
  color: #6FA8CC;
}

.survey-question-widget-options .ffq-label.health,
.ffq-body .question-checkbox .ffq-label.health,
.ffq-body .question-radio .ffq-label.health {
  border-color: #9E92CA;
  color: #9E92CA;
}

.survey-question-widget-options .ffq-label.testing,
.ffq-body .question-checkbox .ffq-label.testing,
.ffq-body .question-radio .ffq-label.testing {
  border-color: #AF92CA;
  color: #AF92CA;
}

.survey-question-widget-options .ffq-label.is-checked,
.ffq-body .question-checkbox .ffq-label.is-checked,
.ffq-body .question-radio .ffq-label.is-checked {
  color: #fff;
}

.survey-question-widget-options .ffq-label.is-checked.activity,
.ffq-body .question-checkbox .ffq-label.is-checked.activity,
.ffq-body .question-radio .ffq-label.is-checked.activity {
  background-color: #48b8b4;
}

.survey-question-widget-options .ffq-label.is-checked.food,
.ffq-body .question-checkbox .ffq-label.is-checked.food,
.ffq-body .question-radio .ffq-label.is-checked.food {
  background-color: #3375D6;
}

.survey-question-widget-options .ffq-label.is-checked.mood,
.ffq-body .question-checkbox .ffq-label.is-checked.mood,
.ffq-body .question-radio .ffq-label.is-checked.mood {
  background-color: #7AA0D4;
}

.survey-question-widget-options .ffq-label.is-checked.others,
.survey-question-widget-options .ffq-label.is-checked.wellness,
.ffq-body .question-checkbox .ffq-label.is-checked.others,
.ffq-body .question-checkbox .ffq-label.is-checked.wellness,
.ffq-body .question-radio .ffq-label.is-checked.others,
.ffq-body .question-radio .ffq-label.is-checked.wellness {
  background-color: #919CCF;
}

.survey-question-widget-options .ffq-label.is-checked.sleep,
.ffq-body .question-checkbox .ffq-label.is-checked.sleep,
.ffq-body .question-radio .ffq-label.is-checked.sleep {
  background-color: #60BACC;
}

.survey-question-widget-options .ffq-label.is-checked.stress,
.ffq-body .question-checkbox .ffq-label.is-checked.stress,
.ffq-body .question-radio .ffq-label.is-checked.stress {
  background-color: #6FA8CC;
}

.survey-question-widget-options .ffq-label.is-checked.health,
.ffq-body .question-checkbox .ffq-label.is-checked.health,
.ffq-body .question-radio .ffq-label.is-checked.health {
  background-color: #9E92CA;
}

.survey-question-widget-options .ffq-label.is-checked.testing,
.ffq-body .question-checkbox .ffq-label.is-checked.testing,
.ffq-body .question-radio .ffq-label.is-checked.testing {
  background-color: #AF92CA;
}

.survey-question-widget-options .ffq-label.is-checked .ffq-label-icon,
.ffq-body .question-checkbox .ffq-label.is-checked .ffq-label-icon,
.ffq-body .question-radio .ffq-label.is-checked .ffq-label-icon {
  fill: #fff;
}

.survey-question-widget-options .ffq-label-icon.activity,
.ffq-body .question-checkbox .ffq-label-icon.activity,
.ffq-body .question-radio .ffq-label-icon.activity {
  fill: #48b8b4;
}

.survey-question-widget-options .ffq-label-icon.food,
.ffq-body .question-checkbox .ffq-label-icon.food,
.ffq-body .question-radio .ffq-label-icon.food {
  fill: #3375D6;
}

.survey-question-widget-options .ffq-label-icon.mood,
.ffq-body .question-checkbox .ffq-label-icon.mood,
.ffq-body .question-radio .ffq-label-icon.mood {
  fill: #7AA0D4;
}

.survey-question-widget-options .ffq-label-icon.others,
.survey-question-widget-options .ffq-label-icon.wellness,
.ffq-body .question-checkbox .ffq-label-icon.others,
.ffq-body .question-checkbox .ffq-label-icon.wellness,
.ffq-body .question-radio .ffq-label-icon.others,
.ffq-body .question-radio .ffq-label-icon.wellness {
  fill: #919CCF;
}

.survey-question-widget-options .ffq-label-icon.sleep,
.ffq-body .question-checkbox .ffq-label-icon.sleep,
.ffq-body .question-radio .ffq-label-icon.sleep {
  fill: #60BACC;
}

.survey-question-widget-options .ffq-label-icon.stress,
.ffq-body .question-checkbox .ffq-label-icon.stress,
.ffq-body .question-radio .ffq-label-icon.stress {
  fill: #6FA8CC;
}

.survey-question-widget-options .ffq-label-icon.health,
.ffq-body .question-checkbox .ffq-label-icon.health,
.ffq-body .question-radio .ffq-label-icon.health {
  fill: #9E92CA;
}

.survey-question-widget-options .ffq-label-icon.testing,
.ffq-body .question-checkbox .ffq-label-icon.testing,
.ffq-body .question-radio .ffq-label-icon.testing {
  fill: #AF92CA;
}

.ffq-body .ffq-select.activity {
  border: 1px solid #48b8b4;
  color: #48b8b4;
}

.ffq-body .ffq-select.food {
  border: 1px solid #3375D6;
  color: #3375D6;
}

.ffq-body .ffq-select.mood {
  border: 1px solid #7AA0D4;
  color: #7AA0D4;
}

.ffq-body .ffq-select.others,
.ffq-body .ffq-select.wellness {
  border: 1px solid #919CCF;
  color: #919CCF;
}

.ffq-body .ffq-select.sleep {
  border: 1px solid #60BACC;
  color: #60BACC;
}

.ffq-body .ffq-select.stress {
  border: 1px solid #6FA8CC;
  color: #6FA8CC;
}

.ffq-body .ffq-select.health {
  border: 1px solid #9E92CA;
  color: #9E92CA;
}

.ffq-body .ffq-select.testing {
  border: 1px solid #AF92CA;
  color: #AF92CA;
}

.ffq-body .question-radio .group-name.activity {
  color: #48b8b4;
}

.ffq-body .question-radio .group-name.food {
  color: #3375D6;
}

.ffq-body .question-radio .group-name.mood {
  color: #7AA0D4;
}

.ffq-body .question-radio .group-name.others,
.ffq-body .question-radio .group-name.wellness {
  color: #919CCF;
}

.ffq-body .question-radio .group-name.sleep {
  color: #60BACC;
}

.ffq-body .question-radio .group-name.stress {
  color: #6FA8CC;
}

.ffq-body .question-radio .group-name.health {
  color: #9E92CA;
}

.ffq-body .question-radio .group-name.testing {
  color: #AF92CA;
}

.ffq .ffq-body .ffq-user-input.activity {
  border-color: #48b8b4;
  color: #48b8b4;
}

.ffq .ffq-body .ffq-user-input.activity::-webkit-input-placeholder {
  color: #48b8b4;
}

.ffq .ffq-body .ffq-user-input.activity:-moz-placeholder {
  color: #48b8b4;
}

.ffq .ffq-body .ffq-user-input.activity::-moz-placeholder {
  color: #48b8b4;
}

.ffq .ffq-body .ffq-user-input.activity:-ms-input-placeholder {
  color: #48b8b4;
}

.ffq .ffq-body .ffq-user-input.food {
  border-color: #3375D6;
  color: #3375D6;
}

.ffq .ffq-body .ffq-user-input.food::-webkit-input-placeholder {
  color: #3375D6;
}

.ffq .ffq-body .ffq-user-input.food:-moz-placeholder {
  color: #3375D6;
}

.ffq .ffq-body .ffq-user-input.food::-moz-placeholder {
  color: #3375D6;
}

.ffq .ffq-body .ffq-user-input.food:-ms-input-placeholder {
  color: #3375D6;
}

.ffq .ffq-body .ffq-user-input.mood {
  border-color: #7AA0D4;
  color: #7AA0D4;
}

.ffq .ffq-body .ffq-user-input.mood::-webkit-input-placeholder {
  color: #7AA0D4;
}

.ffq .ffq-body .ffq-user-input.mood:-moz-placeholder {
  color: #7AA0D4;
}

.ffq .ffq-body .ffq-user-input.mood::-moz-placeholder {
  color: #7AA0D4;
}

.ffq .ffq-body .ffq-user-input.mood:-ms-input-placeholder {
  color: #7AA0D4;
}

.ffq .ffq-body .ffq-user-input.others,
.ffq .ffq-body .ffq-user-input.wellness {
  border-color: #919CCF;
  color: #919CCF;
}

.ffq .ffq-body .ffq-user-input.others::-webkit-input-placeholder,
.ffq .ffq-body .ffq-user-input.wellness::-webkit-input-placeholder {
  color: #919CCF;
}

.ffq .ffq-body .ffq-user-input.others:-moz-placeholder,
.ffq .ffq-body .ffq-user-input.wellness:-moz-placeholder {
  color: #919CCF;
}

.ffq .ffq-body .ffq-user-input.others::-moz-placeholder,
.ffq .ffq-body .ffq-user-input.wellness::-moz-placeholder {
  color: #919CCF;
}

.ffq .ffq-body .ffq-user-input.others:-ms-input-placeholder,
.ffq .ffq-body .ffq-user-input.wellness:-ms-input-placeholder {
  color: #919CCF;
}

.ffq .ffq-body .ffq-user-input.sleep {
  border-color: #60BACC;
  color: #60BACC;
}

.ffq .ffq-body .ffq-user-input.sleep::-webkit-input-placeholder {
  color: #60BACC;
}

.ffq .ffq-body .ffq-user-input.sleep:-moz-placeholder {
  color: #60BACC;
}

.ffq .ffq-body .ffq-user-input.sleep::-moz-placeholder {
  color: #60BACC;
}

.ffq .ffq-body .ffq-user-input.sleep:-ms-input-placeholder {
  color: #60BACC;
}

.ffq .ffq-body .ffq-user-input.stress {
  border-color: #6FA8CC;
  color: #6FA8CC;
}

.ffq .ffq-body .ffq-user-input.stress::-webkit-input-placeholder {
  color: #6FA8CC;
}

.ffq .ffq-body .ffq-user-input.stress:-moz-placeholder {
  color: #6FA8CC;
}

.ffq .ffq-body .ffq-user-input.stress::-moz-placeholder {
  color: #6FA8CC;
}

.ffq .ffq-body .ffq-user-input.stress:-ms-input-placeholder {
  color: #6FA8CC;
}

.ffq .ffq-body .ffq-user-input.health {
  border-color: #9E92CA;
  color: #9E92CA;
}

.ffq .ffq-body .ffq-user-input.health::-webkit-input-placeholder {
  color: #9E92CA;
}

.ffq .ffq-body .ffq-user-input.health:-moz-placeholder {
  color: #9E92CA;
}

.ffq .ffq-body .ffq-user-input.health::-moz-placeholder {
  color: #9E92CA;
}

.ffq .ffq-body .ffq-user-input.health:-ms-input-placeholder {
  color: #9E92CA;
}

.ffq .ffq-body .ffq-user-input.testing {
  border-color: #AF92CA;
  color: #AF92CA;
}

.ffq .ffq-body .ffq-user-input.testing::-webkit-input-placeholder {
  color: #AF92CA;
}

.ffq .ffq-body .ffq-user-input.testing:-moz-placeholder {
  color: #AF92CA;
}

.ffq .ffq-body .ffq-user-input.testing::-moz-placeholder {
  color: #AF92CA;
}

.ffq .ffq-body .ffq-user-input.testing:-ms-input-placeholder {
  color: #AF92CA;
}

#connections-page {
  padding-top: 1.25rem;
  min-height: 31.25rem;
}

#connections-page .logo {
  margin-bottom: 1.875rem;
}

#connections-page .conditions {
  margin-bottom: 3.125rem;
}

#connections-page .button-green,
#connections-page .button-clear {
  font-size: .7em;
  min-width: 15.625rem;
  text-transform: uppercase;
}

#connections-page .suggestion-pod {
  border-radius: .25rem;
  background-color: white;
  -webkit-box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,0.05);
  box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,0.05);
  border: solid .0625rem #E0E0E0;
  min-height: 16.5625rem;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

#connections-page .gene-suggestion-body {
  margin-left: 2.5rem;
  width: 18.4375rem;
}

#connections-page .gene-suggestion-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #4A4C4E;
  padding-top: 1.875rem;
}

.cc-feedback-meal-confirmation {
  padding-bottom: 2.5rem;
  background-color: white;
}

.cc-feedback-confirmation-header-icon {
  margin: 2.5rem 0;
}

.cc-feedback-confirmation-header-icon svg {
  width: 11.375rem;
  height: 12.4375rem;
}

.cc-feedback-confirmation-header-text {
  margin: 0;
  margin-bottom: 1.875rem;
  color: #4A4C4E;
}

.cc-feedback-confirmation-header-subtext {
  margin: 0;
  margin-bottom: 2.5rem;
  color: #4A4C4E;
}

.cc-feedback-confirmation-header-back-btn {
  display: block;
}

.cc-feedback-meals-leaderboard-header {
  padding: 2.125rem 3.125rem;
  border-radius: .25rem .25rem 0 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/images/new/my-cafe/leaderboard-image.png");
  background-color: #4A4C4E;
  color: #fff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi) {
  .cc-feedback-meals-leaderboard-header {
    background-image: url("https://d1hm90tax3m3th.cloudfront.net/images/new/my-cafe/leaderboard-image@2x.png");
  }
}

.cc-feedback-meals-leaderboard-header-text,
.cc-feedback-meals-leaderboard-header-subtext {
  margin: 0;
  color: white;
}

.cc-feedback-meals-leaderboard-header-text {
  margin-bottom: .5rem;
}

.cafe-coach-meal-feedback-form.feedback-leaderboard {
  text-align: center;
}

.cafe-coach-meal-feedback-form.feedback-leaderboard .meal-feedback-leaderboard {
  display: inline-block;
}

.cc-feedback-meals-leaderboard-meals,
.cc-feedback-meals-leaderboard-meals-user-rated {
  margin: 0;
  list-style: none;
}

.cc-feedback-meals-leaderboard-meals {
  color: #4A4C4E;
}

.cc-feedback-meals-leaderboard-container {
  border: .0625rem solid #E0E0E0;
  border-top: 0;
  border-radius: 0 0 .25rem .25rem;
}

.cc-feedback-meals-leaderboard {
  margin-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.cc-feedback-leaderboard-meal {
  position: relative;
  height: 5rem;
  padding: 0 1.25rem;
  border-bottom: .0625rem solid #E0E0E0;
}

.cc-feedback-leaderboard-meal:last-child {
  border-bottom: 0;
}

.cc-feedback-leaderboard-meal-position,
.cc-feedback-leaderboard-meal-info,
.cc-feedback-leaderboard-meal-rating {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cc-feedback-leaderboard-meal-position {
  left: 1.25rem;
}

.cc-feedback-leaderboard-meal-info {
  left: 3.75rem;
  max-width: 60%;
}

.cc-feedback-leaderboard-meal-rating {
  right: 1.25rem;
}

.cc-feedback-leaderboard-meal-position {
  padding-right: 1.5625rem;
  color: #4A4C4E;
}

.cc-feedback-leaderboard-meal-user-rating {
  color: #3375D6;
}

.cc-feedback-leaderboard-meal-user-rating .cc-feedback-rating-star {
  height: .8125rem;
  cursor: auto;
}

.cc-feedback-leaderboard-meal-user-rating .cc-feedback-rating-star svg {
  width: .5rem;
  height: .5rem;
}

.cc-feedback-leaderboard-meal-user-rating .cc-feedback-rating-star svg .in {
  fill: #3375D6;
}

.cc-feedback-leaderboard-meal-user-rating .cc-feedback-rating-star svg .out {
  stroke: #3375D6;
}

.cc-feedback-meals-leaderboard .cc-feedback-rating-star .svg-icon .in {
  fill: transparent;
}

.cc-feedback-meals-leaderboard .cc-feedback-rating-star .svg-icon .out {
  stroke: #E0E0E0;
}

.cc-feedback-meals-leaderboard .cc-feedback-rating-star .svg-icon.filled .in {
  fill: #FBB03B;
}

.cc-feedback-meals-leaderboard .cc-feedback-rating-star .svg-icon.filled .out {
  stroke: #FBB03B;
}

.cc-feedback-meals-leaderboard .cc-feedback-rating-star .svg-icon svg {
  width: .8125rem;
  height: .8125rem;
}

.cc-feedback-leaderboard-number-of-ratings {
  color: #8E8E8E;
}

.cc-feedback-meals-leaderboard-meals-user-rated {
  border-top: .0625rem solid #E0E0E0;
  border-radius: 0 0 .25rem .25rem;
  background-color: #f5f5f5;
}

.cc-feedback-meals-leaderboard-meals-user-rated .cc-feedback-leaderboard-meal-position {
  color: #E0E0E0;
}

.cc-feedback-meals-leaderboard-meals-user-rated .cc-feedback-leaderboard-meal {
  border: 0;
  border-radius: 0 0 .25rem .25rem;
}

.cc-feedback-meals-leaderboard-meals-user-rated-text {
  display: inline-block;
  padding: .25rem .75rem;
  margin-top: 1.25rem;
  background-color: #4A4C4E;
  color: white;
}

.cc-feedback-meals-leaderboard-not-available {
  padding: 6.25rem 0;
  background-color: white;
}

.cc-feedback-meals-leaderboard-not-available-container {
  max-width: 20rem;
  margin: 0 auto;
}

.cc-feedback-meals-leaderboard-not-available-icon svg {
  width: 11.375rem;
  height: 12.4375rem;
}

.cc-feedback-meals-leaderboard-not-available-text {
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
  color: #4A4C4E;
}

.cc-feedback-meals-leaderboard-not-available-back-btn {
  display: block;
}

@media only screen and (min-width: 40.063em) {
  .cafe-coach-meal-feedback-form .form-wrapper {
    max-height: 56.25rem;
  }

  .cafe-coach-meal-feedback-form .form-options,
  .cafe-coach-meal-feedback-form .cc-feedback-meals {
    min-height: 50rem;
  }
}

.cafe-coach-meal-feedback-form .form-options {
  padding: 0 2.5rem 2.5rem 3.75rem;
}

.cafe-coach-meal-feedback-form .cafe-dropdown {
  border: none;
  display: block;
  height: 3rem;
  width: 18.75rem;
  margin: 0 0 .5rem;
}

.cafe-coach-meal-feedback-form .cafe-dropdown .z-select {
  border: .0625rem solid #E0E0E0;
  border-radius: .25rem;
}

.cafe-coach-meal-feedback-form .cafe-dropdown .z-select .cafe-options-tab {
  padding-left: .625rem;
}

.cafe-coach-meal-feedback-form .cafe-dropdown .z-select .z-select-option {
  padding-left: .625rem;
}

.cafe-coach-meal-feedback-form .cafe-dropdown .z-select .z-select-custom-list.cafe-options-tab {
  padding-left: 0;
}

.cafe-coach-meal-feedback-form .cafe-dropdown:last-child {
  margin-bottom: 0;
}

.cc-feedback-header-text {
  color: #4A4C4E;
  margin: 2.5rem 0;
}

.cc-feedback-rating-star {
  display: inline-block;
  margin-right: .1875rem;
}

.cc-feedback-rating-star .svg-icon svg {
  width: 1rem;
  height: 1rem;
}

.cc-feedback-rating-star .out {
  stroke: #E0E0E0;
}

.cc-feedback-rating-star .in {
  fill: white;
}

.cc-feedback-rating-star.filled .out {
  stroke: #FBB03B;
}

.cc-feedback-rating-star.filled .in {
  fill: #FBB03B;
}

.cc-feedback-rating-star.white {
  position: relative;
  top: .0625rem;
  margin: 0;
}

.cc-feedback-rating-star.white .svg-icon svg {
  width: .625rem;
  height: .625rem;
}

.cc-feedback-rating-star.white .out {
  stroke: white;
}

.cc-feedback-rating-star.white .in {
  fill: white;
}

@media only screen and (min-width: 40.063em) {
  .cc-feedback-rating-star .svg-icon svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.cc-feedback-rated-meal {
  margin-top: 1.25rem;
}

.cc-feedback-rated-meal-note-description {
  margin: 0 0 .5rem 0;
  font-family: "Proxima N W01 Bold","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: .625rem;
}

.cc-feedback-rated-meal-note {
  display: inline-block;
  margin-right: .375rem;
  padding: .5rem .75rem;
  border-radius: 6.25rem;
  border: .0625rem solid #E0E0E0;
  cursor: pointer;
}

.cc-feedback-rated-meal-note.selected {
  border-color: #43A047;
  color: #43A047;
}

.cc-feedback-negative-feedback-message {
  margin-top: 1.25rem;
  margin-bottom: 0;
  padding: .5rem .625rem;
  background-color: #f5f5f5;
}

.cc-feedback-meals {
  background-color: #fff;
}

.cc-feedback-meals-container {
  width: 100%;
  margin: 0;
  list-style: none;
  padding-top: .625rem;
  -webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
}

@media only screen and (min-width: 64.063em) {
  .cc-feedback-meals-container {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

li.cc-feedback-meal {
  width: 100%;
  padding: 0;
  font-family: "Proxima N W01 Light","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  color: #4A4C4E;
  list-style: none;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.cc-feedback-meal-content {
  margin: .625rem;
  padding: 1.25rem;
  border: .0625rem solid #E0E0E0;
  border-radius: .25rem;
  margin-top: 0;
}

.cc-feedback-meal-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cc-feedback-meal-name {
  max-width: 60%;
}

.cc-feedback-meal-rating {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.4375rem;
  flex: 0 0 8.4375rem;
}

.cc-feedback-rating-star {
  cursor: pointer;
}

.cc-feedback-cafe-tabs {
  margin: 0;
  padding: 1.875rem 0 0 21.25rem;
  white-space: nowrap;
}

.cc-feedback-cafe-tab {
  display: inline-block;
  margin-right: 2.5rem;
  border-width: 0 0 .1875rem 0;
  border-style: solid;
  border-color: transparent;
  font-family: "Proxima N W01 Bold","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: .875rem;
  color: #FBB03B;
  cursor: pointer;
}

.cc-feedback-cafe-tab:last-child {
  margin: 0;
}

.cc-feedback-cafe-tab.selected {
  border-color: #FBB03B;
}

.cc-feedback-all-meals-cta {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.cc-feedback-all-meals-cta .cc-feedback-all-meals-btn {
  letter-spacing: normal;
  text-transform: none;
}

.cc-feedback-submit {
  margin-top: 2.5rem;
  width: 18.75rem;
}

.remote-media video {
  width: 100%;
  max-height: 75vh;
  border: 1px solid #eee;
}

.z-survey {
  background-color: white;
}

.z-survey-button-container {
  display: inline-block;
  margin: .625rem;
}

.z-surveys-sublink {
  color: black;
  display: block;
  padding-top: .4375rem;
}

.survey-question-dependents {
  margin: 1.125rem 0;
}

.survey-question-dependents-question {
  width: 90%;
  margin: 1.875rem auto;
  font-size: 1rem;
  color: #4A4C4E;
  line-height: 1.5;
}

.survey-question-dependents-inputs .hhm-label {
  font-weight: 700;
  font-size: .875rem;
  color: #4A4C4E;
}

.survey-question-dependents-inputs input[type="text"].hhm-input {
  height: 3.25rem;
  padding: .625rem 1.125rem;
  border-radius: .25rem;
  border: .0625rem solid #E0E0E0;
  background-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 300;
  font-size: 1rem;
  color: #4A4C4E;
}

.survey-question-dependents-inputs input[type="text"].hhm-input:focus {
  border-color: #43A047;
}

.survey-question-dependents-inputs .hhm-icon {
  margin-top: .75rem;
}

.z-survey-finished,
.z-survey-finished-short {
  min-height: 43.75rem;
  padding-top: 5.9375rem;
  background-color: white;
}

.z-survey-finished-short {
  padding-top: 2.8125rem;
}

.z-survey-icons-container {
  padding-bottom: 2.5rem;
  display: block;
}

.z-survey-page-header {
  width: 90%;
  max-width: 39.375rem;
  margin: 0 auto;
  padding-bottom: 2.8125rem;
}

.z-survey-page-header-title,
.z-survey-page-header-content {
  margin: 0;
  color: #4A4C4E;
}

.z-survey-page-header-title {
  font-weight: 300;
  font-size: 1.5rem;
}

.z-survey-page-header-divider {
  margin: 2.8125rem auto;
  width: 9.375rem;
  border-color: #E0E0E0;
}

.z-survey-page-header-content {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}

.z-survey-intro {
  position: relative;
  min-height: 43.5625rem;
  padding: 31% 0 0;
  color: white;
}

.z-survey-intro .z-background-image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 58%;
  background-color: #fff;
}

.z-survey-intro-header {
  margin: 0;
  color: #4A4C4E;
  font-size: 2.875rem;
  font-weight: 900;
}

@media only screen and (max-width: 40em) {
  .z-survey-intro-header {
    font-size: 1.25rem;
  }
}

.z-survey-intro-content-container {
  position: relative;
}

.z-survey-intro-logo {
  display: block;
  margin-top: -1.5625rem;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .z-survey-intro-logo {
    margin-top: -1.25rem;
  }
}

@media only screen and (max-width: 40em) {
  .z-survey-intro-logo {
    margin-top: -.9375rem;
  }
}

.z-survey-intro-logo svg {
  width: 50%;
  height: 50%;
}

.z-survey-intro-content {
  color: #4A4C4E;
  margin: 10% 0 .625rem;
  text-shadow: 0 0 .375rem white;
}

@media only screen and (min-width: 64.063em) {
  .z-survey-intro-content {
    margin: 3% 0 .625rem;
  }
}

.z-survey-intro-terms {
  color: #4A4C4E;
  margin: 0 0 3.125rem;
}

.z-survey-intro-content-paragraph {
  color: #4A4C4E;
}

.survey-question-my-cafe {
  margin: .75rem 0;
}

.survey-question-my-cafe-description,
.survey-question-my-cafe-question {
  width: 90%;
  margin: 0 auto;
  color: #4A4C4E;
}

.survey-question-my-cafe-question {
  margin: 1.25rem auto;
}

.survey-question-my-cafe-select-container {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.z-survey-page {
  padding-top: 2.8125rem;
  padding-bottom: 2.8125rem;
  background-color: white;
}

.z-survey-page-question {
  display: inline-block;
}

.z-survey-allergens {
  margin: 1.375rem 0;
}

.z-survey-allergens-title {
  margin-bottom: 1.875rem;
  font-size: 1rem;
  color: #4A4C4E;
  line-height: 1.5;
  text-transform: none;
}

.z-radio-label.z-onboarding-radio-display {
  text-transform: none;
}

.z-survey-tree {
  padding-top: 2.8125rem;
  padding-bottom: 2.8125rem;
  background-color: white;
}

.z-survey-tree-section-header {
  font-weight: 700;
  font-size: .875rem;
  color: #4A4C4E;
}

.z-survey-tree-section-header-divider {
  display: inline-block;
  width: 25%;
  max-width: 11.25rem;
  margin: .9375rem;
  margin-bottom: .29167rem;
  border-color: #E0E0E0;
}

.z-survey-cta {
  width: 31.25rem;
  height: 10.25rem;
  margin: 0 auto;
  margin-bottom: 1.25rem;
}

.z-survey-cta-header {
  color: white;
}

.z-survey-cta-paragraph {
  color: white;
  max-width: 20rem;
}

.z-background-image.z-survey-onboarding-cta-image {
  position: static;
  padding: 1.5rem;
}

.z-separator {
  width: 100%;
  margin: 2.5rem 0;
  border-color: #E0E0E0;
}

.z-styleguide {
  background-color: white;
  color: #4A4C4E;
}

.z-styleguide h1,
.z-styleguide h2,
.z-styleguide h3,
.z-styleguide h4,
.z-styleguide h5,
.z-styleguide h6 {
  color: #4A4C4E;
}

.z-styleguide section {
  margin-top: 2.5rem;
}

.z-styleguide-topic {
  color: #3375D6;
}

.z-styleguide-page-header {
  margin-bottom: 1.5625rem;
}

.z-styleguide-preheader {
  height: 2.5rem;
  background-color: white;
  line-height: 2.5rem;
}

@media only screen and (max-width: 40em) {
  .z-styleguide-header-container {
    font-size: .5rem;
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .z-styleguide-header-container {
    font-size: .75rem;
  }
}

.z-styleguide-header {
  position: relative;
  height: 22.5em;
}

.z-styleguide-header-content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: white;
}

.z-styleguide-header-content h1 {
  margin-top: 0;
  color: white;
}

.z-styleguide-header-content .z-paragraph__large,
.z-styleguide-header-content .confirm-modal p,
.confirm-modal .z-styleguide-header-content p,
.z-styleguide-header-content .dash-mealitem-unit,
.z-styleguide-header-content .dash-mealitem-bottom,
.z-styleguide-header-content .dash-promo-banner-desc,
.z-styleguide-header-content .biometrics-modal .widget-title h3,
.biometrics-modal .widget-title .z-styleguide-header-content h3,
.z-styleguide-header-content .nutri-meter-segment-complete,
.z-styleguide-header-content .nutri-meter-segment-current,
.z-styleguide-header-content .nutri-meter-segment-pending,
.z-styleguide-header-content .profile-biometrics-group-intro-lede,
.z-styleguide-header-content .profile-metric-detail-description,
.z-styleguide-header-content .profile-biometrics-group-intro-subtitles,
.z-styleguide-header-content .flagship-valueprop-custom .flagship-valueprop-copy,
.flagship-valueprop-custom .z-styleguide-header-content .flagship-valueprop-copy,
.z-styleguide-header-content .ffq .header .ffq-exit,
.ffq .header .z-styleguide-header-content .ffq-exit,
.z-styleguide-header-content .z-survey-cta-paragraph,
.z-styleguide-header-content .meal-kits-browse-about,
.z-styleguide-header-content .meal-kits-info-text.details .meal-kits-info-text-name,
.meal-kits-info-text.details .z-styleguide-header-content .meal-kits-info-text-name {
  color: white;
}

.z-styleguide-body {
  margin-top: 2.5rem;
}

.z-styleguide-nav h2 {
  margin: 0;
  margin-bottom: 1.25rem;
}

.z-styleguide-nav-links {
  margin: 0;
  padding-bottom: 2.5rem;
  list-style-type: none;
}

.z-styleguide-nav-link {
  padding-bottom: 1.25rem;
}

.z-styleguide-content {
  margin-bottom: 6.25rem;
}

.z-styleguide-typography-heading-section,
.z-styleguide-typography-subheading-section {
  padding: 1.875rem;
  padding-bottom: 0;
  border-radius: .25rem;
  border: .0625rem solid #E0E0E0;
}

.z-styleguide-typography-heading,
.z-styleguide-typography-subheading {
  padding-bottom: 1.875rem;
}

.z-white-background.z-styleguide-icons,
.z-styleguide-icon-background span.z-white-background {
  background-color: #fff;
  color: black;
}

.z-black-background.z-styleguide-icons,
.z-styleguide-icon-background span.z-black-background {
  background-color: black;
  color: #fff;
}

.z-gray-background.z-styleguide-icons,
.z-styleguide-icon-background span.z-gray-background {
  background-color: #8E8E8E;
  color: black;
}

.z-yellow-background.z-styleguide-icons,
.z-styleguide-icon-background span.z-yellow-background {
  background-color: #FBB03B;
  color: black;
}

.z-red-background.z-styleguide-icons,
.z-styleguide-icon-background span.z-red-background {
  background-color: #CC4949;
  color: black;
}

.z-blue-background.z-styleguide-icons,
.z-styleguide-icon-background span.z-blue-background {
  background-color: #3375D6;
  color: black;
}

.z-styleguide-icons .z-styleguide-icons-row {
  margin: 0;
}

.z-styleguide-icons .z-styleguide-icons-column {
  border: .0625rem #4A4C4E solid;
  padding: .9375rem;
}

.z-styleguide-icons .z-styleguide-purple-stroke {
  stroke: #67537A;
  fill: #67537A;
}

.z-styleguide-icon-background {
  margin: .625rem;
}

.z-styleguide-icon-background span {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 .625rem;
  cursor: pointer;
  border: .0625rem #4A4C4E solid;
}

#contact-form .z-generic-label {
  margin: .3125rem 0;
}

#contact-form .z-generic-input,
#contact-form #mg-list-item-container .mg-item-qty-input-label,
#mg-list-item-container #contact-form .mg-item-qty-input-label {
  margin: 0;
}

#contact-form .details {
  height: 6.25rem;
}

#contact-form .details.z-generic-input,
#contact-form #mg-list-item-container .details.mg-item-qty-input-label,
#mg-list-item-container #contact-form .details.mg-item-qty-input-label {
  margin-bottom: .9375rem;
}

.mobile-blog-splash-container {
  background-color: #43A047;
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/images/new/static/mobile-blog-splash.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.mobile-blog-splash-container .app-store-badge,
.mobile-blog-splash-container .google-play-badge {
  width: 9.125rem;
  height: 2.75rem;
  margin: .625rem auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mobile-blog-splash-container .app-store-badge {
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/dashboard/app_store_badge.png");
}

.mobile-blog-splash-container .google-play-badge {
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/0e5af3b4/images/dashboard/google_play_badge.png");
}

.mobile-blog-splash-container .mobile-blog-splash-title {
  color: #fff;
  width: 18rem;
  margin: 0 auto;
  padding: 2.8125rem 0 0;
}

.mobile-blog-splash-container .mobile-blog-splash-details {
  color: #fff;
  width: 16rem;
  margin: .75rem auto 1.375rem;
}

.mobile-blog-splash-container .mobile-blog-splash-text {
  padding: .625rem 0 2.5rem;
}

.mobile-blog-splash-container .mobile-blog-splash-text a {
  color: #fff;
  text-decoration: underline;
}

.app-landing-container {
  background-color: white;
  color: #4A4C4E;
  padding: 60px 0;
}

.app-landing-img,
.app-intro-img {
  background-color: transparent;
  background-size: contain;
  margin: 1.875rem 0 .9375rem 0;
  position: relative;
}

.app-landing-img.explore,
.explore.app-intro-img {
  height: 8.0625rem;
}

.app-landing-img.educate,
.educate.app-intro-img,
.app-landing-img.recommendations,
.recommendations.app-intro-img {
  height: 9.0625rem;
}

.app-intro-img {
  height: 2.8125rem;
  margin: 0 0 1.875rem 0;
}

.app-landing-title {
  color: #4A4C4E;
}

.app-landing-description {
  padding-bottom: .9375rem;
}

.app-landing-available-stores {
  padding: .9375rem 0;
}

.app-landing-available-stores .android-icon svg {
  height: 1rem;
}

.app-landing-available-stores .ios-icon svg {
  height: 1.125rem;
}

.applanding-button {
  border-radius: .25rem;
  color: white;
  max-width: 15.625rem;
  padding: .625rem;
  width: 100%;
}

.meal-kits-browse-about {
  margin-top: 0;
  margin-bottom: 1.875rem;
}

.meal-kits-browse-details-modal {
  width: 40rem;
  max-width: 40rem;
  max-height: 49.3125rem;
  overflow-y: auto;
}

.meal-kits-browse-details-modal .z-close-modal {
  stroke: #fff;
}

@media only screen and (max-width: 40em) {
  .meal-kits-browse-details-modal {
    width: 100%;
    max-width: 100%;
    max-height: unset;
  }
}

.meal-kits-checkout {
  position: relative;
  padding: 0 1.25rem;
}

.meal-kits-checkout .z-breadcrumbs {
  margin-bottom: 1rem;
}

.meal-kits-checkout label.z-generic-label {
  margin: .625rem 0;
}

.meal-kits-checkout input.z-generic-input,
.meal-kits-checkout #mg-list-item-container input.mg-item-qty-input-label,
#mg-list-item-container .meal-kits-checkout input.mg-item-qty-input-label {
  margin: .625rem 0;
}

.meal-kits-checkout .z-order-inputs {
  margin: .625rem 0;
}

.meal-kits-checkout .meal-kits-checkout-select.z-select-label {
  margin-bottom: 2.5rem;
}

.meal-kits-checkout .z-select-label {
  margin: .625rem 0;
}

.meal-kits-checkout .z-order-form-checkout-button {
  margin-top: 2.5rem;
}

.meal-kits-checkout .payment-card-selector-wrapper {
  margin: 0;
}

.meal-kits-details {
  background-color: #f5f5f5;
}

.meal-kits-details-content {
  margin: 1.25rem 1.25rem 0 1.25rem;
  padding-left: .875rem;
}

.meal-kits-details-ingredients {
  background-color: #fff;
  margin: 0 -1.25rem 0 -2rem;
  padding: .625rem 1.25rem .3125rem 2rem;
  overflow-x: auto;
}

.meal-kits-details-content-ingredients {
  margin: 0 0 .9375rem;
  padding-left: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.meal-kits-details-content-ingredients.small {
  height: 7.5rem;
}

.meal-kits-details-content-ingredients.medium {
  height: 10rem;
}

.meal-kits-details-content-ingredients.large {
  height: 12.5rem;
}

@media only screen and (max-width: 40em) {
  .meal-kits-details-content-ingredients {
    height: auto !important;
  }
}

li.meal-kits-details-content-ingredient {
  list-style: disc;
  padding: 0 1.25rem 0 0;
}

@media only screen and (max-width: 40em) {
  li.meal-kits-details-content-ingredient {
    width: 100%;
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  li.meal-kits-details-content-ingredient {
    width: 50%;
  }
}

@media only screen and (min-width: 64.063em) {
  li.meal-kits-details-content-ingredient {
    width: 33.3%;
  }
}

.meal-kits-discount-details-modal {
  width: 28.75rem;
}

@media only screen and (max-width: 40em) {
  .meal-kits-discount-details-modal {
    width: 100%;
  }
}

.meal-kits-discount-details-modal .z-close-modal svg {
  width: .75rem;
  height: .75rem;
}

.meal-kits-discount-details-container {
  margin: 0 3.75rem;
}

.meal-kits-discount-details-title {
  margin: 2.5rem 0 1.25rem;
  color: #3375D6;
}

.meal-kits-discount-details-text {
  color: #4A4C4E;
  text-align: justify;
}

.meal-kits-discount-details-button {
  margin-top: 1.5rem;
  height: 2.5rem;
}

@media only screen and (max-width: 40em) {
  .meal-kits-discount-details-button {
    font-size: .75rem;
    padding: 0 .625rem;
  }
}

.meal-kits-discount-details-checkbox {
  color: #4A4C4E;
  margin: 1.875rem 0 2.25rem;
}

.meal-kits-empty-browse-view {
  margin-top: 1rem;
}

.meal-kits-empty-message {
  margin: 0;
}

.meal-kits-empty-icon {
  display: block;
  margin: 2.5rem 0;
  fill: #4A4C4E;
  stroke: #4A4C4E;
}

.meal-kits-empty-icon svg {
  width: 7.5rem;
  height: 7.5rem;
}

.meal-kits-empty-link {
  display: block;
  max-width: 18.75rem;
}

.meal-kits-error {
  padding: 1.25rem 0;
}

.meal-kits-free-shipping {
  background-color: #3375D6;
  height: 2rem;
  margin-top: .5625rem;
}

.meal-kits-free-shipping-text {
  color: #fff;
  line-height: 2.33;
}

.meal-kits-free-shipping-icon {
  padding-right: 2.0625rem;
  position: relative;
}

.meal-kits-free-shipping-icon svg {
  width: initial;
  height: initial;
  position: absolute;
  top: .0625rem;
}

.meal-kits-info-image-bg-container,
.meal-kits-info-image-bg {
  border-radius: .25rem .25rem 0 0;
}

.meal-kits-info-image-bg-container {
  position: relative;
  width: 100%;
  height: 9.375rem;
  overflow: hidden;
}

.meal-kits-info-image-bg-container.details {
  height: 13.3125rem;
}

.meal-kits-info-image-bg .z-background-image-overlay {
  width: 40rem;
  height: 7.4375rem;
  border-radius: .25rem .25rem 0 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(69%, rgba(0,0,0,0.38)), to(rgba(0,0,0,0.5)));
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.38) 69%, rgba(0,0,0,0.5));
  background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.38) 69%, rgba(0,0,0,0.5));
}

.meal-kits-info-text {
  margin: 0 .75rem;
}

.meal-kits-info-text .meal-kits-info-text-time,
.meal-kits-info-text .meal-kits-info-text-calories {
  color: #4A4C4E;
  display: inline-block;
  font-weight: 300;
}

.meal-kits-info-text .meal-kits-info-text-time-icon {
  padding-right: 1.5rem;
  position: relative;
}

.meal-kits-info-text .meal-kits-info-text-time-icon svg {
  width: initial;
  height: initial;
  position: absolute;
  top: 0;
}

.meal-kits-info-text .meal-kits-info-text-calories {
  padding-left: 1rem;
}

.meal-kits-info-text .meal-kits-info-text-title {
  margin: .375rem 0 .3125rem;
}

.meal-kits-info-text .meal-kits-info-text-name {
  margin: .375rem 0 .3125rem;
  height: 4.5rem;
}

.meal-kits-info-text.details {
  margin: 0 1.875rem;
}

.meal-kits-info-text.details .meal-kits-info-text-name {
  margin: 1rem 0 .5rem;
  min-height: 1.5rem;
  height: 100%;
}

.meal-kits-item-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  height: 3.125rem;
  margin-bottom: .75rem;
  padding-left: .625rem;
}

.meal-kits-item-summary-image {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: .25rem;
}

.meal-kits-item-summary-image .z-background-image {
  border-radius: .25rem;
}

.meal-kits-item-summary-info {
  margin-left: 3.125rem;
}

.meal-kits-item-summary-info .meal-kits-item-summary-title {
  height: 2.25rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.25;
}

.meal-kits-item-summary-quantity {
  margin: 0 .3125rem;
}

.meal-kits-item-summary-quantity-amount {
  margin: 0 .3125rem;
}

.meal-kits {
  background-color: white;
  padding-bottom: 1.875rem;
}

.meal-kits-container {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.meal-kits-meal-kit {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 90%;
  max-width: 18.75rem;
  max-height: 20.25rem;
  margin: 1rem;
  border-radius: .25rem;
  -webkit-box-shadow: 0 0 .125rem 0 rgba(0,0,0,0.12),0 .125rem .125rem 0 rgba(0,0,0,0.12);
  box-shadow: 0 0 .125rem 0 rgba(0,0,0,0.12),0 .125rem .125rem 0 rgba(0,0,0,0.12);
  border: .0625rem solid #E0E0E0;
  background-color: white;
}

.meal-kits-meal-kit-details {
  cursor: pointer;
}

.meal-kits-entry-card {
  min-height: 18.75rem;
}

.meal-kits-meal-kit-buttons-container {
  padding: 1.25rem .75rem;
}

.meal-kits-expiry {
  background-color: #fff;
  height: 2.5rem;
  margin-top: .3125rem;
  border: .0625rem solid #3375D6;
  border-radius: .25rem;
}

.meal-kits-expiry.clickable {
  cursor: pointer;
}

.meal-kits-expiry-text {
  color: #3375D6;
}

.meal-kits-expiry-clock {
  color: #3375D6;
  line-height: 1.35;
}

.meal-kits-expiry-clock.warning {
  color: #CC4949;
}

.meal-kits-message-modal {
  width: 31.25rem;
}

@media only screen and (max-width: 40em) {
  .meal-kits-message-modal {
    width: 100%;
  }
}

.meal-kits-message-modal .z-close-modal svg {
  width: .75rem;
  height: .75rem;
}

.meal-kits-message-container,
.mg-item-container {
  margin: 0 2.8125rem;
}

.meal-kits-message-title {
  margin: 2.5rem 0 1.25rem;
  color: #3375D6;
}

.meal-kits-message-text {
  color: #4A4C4E;
}

.meal-kits-message-button {
  margin: 1.5rem 0;
  height: 2.5rem;
}

.meal-kits-order {
  margin-bottom: 1.25rem;
}

.meal-kits-order-meals {
  margin: 0;
  background-color: white;
  list-style-type: none;
}

.meal-kits-order-meal {
  padding: .75rem;
  border-bottom: .0625rem solid #f5f5f5;
}

.meal-kits-order-meal:last-child {
  border-bottom: none;
}

.meal-kits-order-buttons.details {
  margin-top: 1.375rem;
  margin-bottom: 0;
  margin-left: -.875rem;
  padding-bottom: 1.25rem;
}

.meal-kits-order-buttons-button {
  display: inline-block;
  padding: 0 1.25rem;
}

.meal-kits-order-buttons-button:first-child {
  margin-right: 1.25rem;
}

.meal-kits-order-buttons-button.meal-kits-order-buttons-button-details {
  color: #fff;
  height: 3rem;
}

.meal-kits-order-details {
  padding: .625rem 0 0 1.25rem;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .meal-kits-order-details {
    padding-left: 0;
  }
}

@media only screen and (max-width: 40em) {
  .meal-kits-order-details {
    margin-bottom: 1.25rem;
  }
}

.meal-kits-order-details-expected,
.meal-kits-order-details-order-id,
.meal-kits-order-details-placed {
  margin-bottom: .4375rem;
}

.meal-kits-order-details-expected em,
.meal-kits-order-details-order-id em,
.meal-kits-order-details-placed em {
  font-style: normal;
  margin-right: .625rem;
}

.meal-kits-order-details-tracking {
  margin: .4375rem 0;
}

.meal-kits-order-details-order-id {
  margin-top: .9375rem;
}

.meal-kits-order-details-contact {
  margin-top: 1.25rem;
}

.meal-kits-order-details-contact .button-green {
  font-size: inherit;
}

.meal-kits-order-summary {
  margin-bottom: 1.25rem;
  padding: 1rem;
  border-radius: .25rem;
  background-color: #f5f5f5;
}

@media only screen and (min-width: 64.063em) {
  .meal-kits-order-summary {
    margin-bottom: 0;
  }
}

.meal-kits-orders .meal-kits-order-summary {
  margin-bottom: 0;
}

.meal-kits-order-summary-separator,
.meal-kits-order-summary-total-separator {
  width: 100%;
  height: .0625rem;
}

.meal-kits-order-summary-separator {
  background-color: #E0E0E0;
  margin-bottom: .4375rem;
}

.meal-kits-order-summary-total-separator {
  background-color: #8E8E8E;
  margin-top: .4375rem;
}

.meal-kits-order-summary-items {
  margin: 0;
  list-style-type: none;
}

.meal-kits-order-summary-section {
  padding-top: .5rem;
}

.meal-kits-order-summary-section.total {
  color: #4A4C4E;
}

.meal-kits-order-summary-section.cta {
  padding-top: .25rem;
  padding-left: .5rem;
}

.zrecs-empty {
  max-width: 28.75rem;
  margin: 0 auto;
  padding: 2.5rem 1.25rem;
}

.zrecs-empty-header {
  margin-bottom: 2.1875rem;
}

.zrecs-empty-link {
  color: #43A047;
}

.zrecs-feedback {
  z-index: 1;
  position: absolute;
  bottom: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: .75rem;
  border-radius: 0 0 .25rem .25rem;
  background-color: white;
  -webkit-animation: slideDownIntoView 400ms 1 forwards;
  animation: slideDownIntoView 400ms 1 forwards;
}

.zrecs-feedback-submit-btn {
  margin-top: 1.875rem;
}

.zrecs-leaderboard {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 18.75rem;
  padding: 1.25rem;
  border-radius: .25rem;
  background-color: white;
}

.zrecs-leaderboard-row {
  margin-bottom: .5rem;
}

.zrecs-leaderboard-row:last-child {
  margin-bottom: 0;
}

.zrecs-leaderboard-row-user {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zrecs-meal {
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  max-width: 23.75rem;
  margin: 1.25rem;
  border-radius: .25rem;
  background-color: #fff;
}

@media only screen and (max-width: 40em) {
  .zrecs-meal {
    max-width: 17.5rem;
  }
}

.zrecs-meal-image-container {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 9.375rem;
  border-radius: .25rem .25rem 0 0;
  overflow: hidden;
}

.zrecs-meal-image-container .z-background-image,
.zrecs-meal-image-container .z-background-image-overlay {
  border-radius: .25rem .25rem 0 0;
}

.zrecs-meal-info {
  z-index: 2;
  position: relative;
  padding: .75rem;
  background-color: #fff;
}

.zrecs-meal-link {
  display: block;
  color: #3375D6;
}

.zrecs-meal-feedback-question {
  margin: 0;
  margin-top: 1.25rem;
}

.zrecs-meal-feedback-btn.z-button,
.zrecs-meal-feedback-btn.meal-kits-empty-link {
  margin-top: .75rem;
}

.zrecs-meal-feedback-btn.z-button:last-child,
.zrecs-meal-feedback-btn.meal-kits-empty-link:last-child {
  float: right;
}

.zrecs-meal-feedback-btn.z-button .svg-icon,
.zrecs-meal-feedback-btn.meal-kits-empty-link .svg-icon {
  margin-top: .1875rem;
  margin-right: 0;
}

.zrecs-meal-feedback-btn.z-button.up svg,
.zrecs-meal-feedback-btn.up.meal-kits-empty-link svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.zrecs-meal-feedback-btn.z-button svg,
.zrecs-meal-feedback-btn.meal-kits-empty-link svg {
  stroke: #fff;
}

.zrecs-meals {
  position: relative;
}

.zrecs-recommendations {
  margin-top: .625rem;
}

.zrecs-recommendations-list {
  margin: 0;
  list-style-type: none;
}

.zrecs-recommendation-header,
.zrecs-recommendation {
  padding: .75rem;
  border-bottom: .0625rem solid #f5f5f5;
}

.zrecs-recommendation-header:last-child,
.zrecs-recommendation:last-child {
  border-bottom: none;
}

.zrecs-recommendation {
  background-color: white;
}

.zrecs {
  position: relative;
  margin: 0;
  margin-bottom: 1.875rem;
  list-style-type: none;
}

.telenutrition-banner {
  background-image: url("https://d1hm90tax3m3th.cloudfront.net/img/telenutrition/banner_telenutrition_v3.jpg");
  background-repeat: no-repeat;
  width: 100%;
  background-size: 150% 100%;
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
}

@media only screen and (max-width: 40em) {
  .telenutrition-banner {
    background-image: none;
    background-color: #fff;
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .telenutrition-banner {
    background-position: 55% 50%;
  }
}

@media only screen and (min-width: 64.063em) {
  .telenutrition-banner {
    background-size: cover;
  }
}

.telenutrition-banner .telenutrition-banner-title-container {
  margin-top: 6.0625rem;
}

@media only screen and (max-width: 40em) {
  .telenutrition-banner .telenutrition-banner-title-container {
    margin-top: 1.25rem;
  }
}

.telenutrition-banner .telenutrition-banner-title {
  padding-top: 2%;
  margin-top: 0;
}

@media only screen and (max-width: 40em) {
  .telenutrition-banner .telenutrition-banner-title {
    color: #6CB544;
  }
}

.telenutrition-banner .telenutrition-banner-content {
  min-height: 19.625rem;
}

@media only screen and (max-width: 40em) {
  .telenutrition-banner .telenutrition-banner-content {
    min-height: 0;
    padding-bottom: .625rem;
  }
}

.telenutrition-banner .telenutrition-banner-paragraph {
  font-weight: normal;
  text-shadow: 0 0 1px rgba(255,255,255,0.5);
  margin-top: 2%;
  color: #4A4C4E;
}

@media only screen and (min-width: 40.063em) {
  .telenutrition-banner .telenutrition-banner-paragraph {
    margin-left: 3.875rem;
    margin-right: 3.875rem;
  }
}

.telenutrition-banner .telenutrition-banner-popup {
  font-weight: normal;
  text-shadow: 0 0 1px rgba(255,255,255,0.5);
  margin-top: 2%;
  color: #4A4C4E;
}

.telenutrition-banner .telenutrition-banner-button {
  margin-top: 4.5%;
}

.telenutrition-banner .telenutrition-banner-footer {
  font-weight: normal;
  text-shadow: 0 0 1px rgba(255,255,255,0.5);
  margin-top: 5%;
  margin-bottom: 5%;
  color: #4A4C4E;
}

@media only screen and (min-width: 40.063em) {
  .telenutrition-banner .telenutrition-banner-footer {
    margin-left: 3.875rem;
    margin-right: 3.875rem;
  }
}

.telenutrition-divider {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.telenutrition-card {
  background-color: #fff;
  border-radius: .375rem;
  -webkit-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,0.15);
  box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 .125rem .125rem rgba(0,0,0,0.05);
  box-shadow: 0 .125rem .125rem rgba(0,0,0,0.05);
}

.telenutrition-card .telenutrition-card-text {
  font-size: .625rem;
  line-height: 1.2;
}

@media only screen and (min-width: 40.063em) {
  .telenutrition-card .telenutrition-card-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.telenutrition-card .telenutrition-card-quote {
  padding-top: 2.0625rem;
}

@media only screen and (min-width: 40.063em) {
  .telenutrition-card .telenutrition-card-quote {
    font-size: 1.5rem;
    line-height: 1.33;
  }
}

.telenutrition-card .telenutrition-card-paragraph {
  padding-top: 2.0625rem;
}

.telenutrition-card .telenutrition-card-btn {
  margin-top: 1.4375rem;
}

.telenutrition-card.telenutrition-card-last {
  margin-bottom: 5.75rem;
}

.telenutrition-card .telenutrition-signin-link {
  display: block;
}

.telenutrition-card .post-visit-card-footer-container {
  margin-bottom: 3.5rem;
}

.telenutrition-card .post-visit-card-footer-btn {
  margin-top: .625rem;
}

.telenutrition-card .schedule-card-selector-container {
  margin-top: .9375rem;
  margin-bottom: .625rem;
}

.telenutrition-card .schedule-card-footer {
  margin-top: .625rem;
}

.telenutrition-card .schedule-card-promo-txt {
  padding-top: 0px;
}

.telenutrition-card .schedule-card-icon-container {
  margin-bottom: 2.875rem;
}