/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/Banners/CmBannerPlain.vue?vue&type=style&index=0&id=3b094001&lang=postcss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-3b094001 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-3b094001 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.banner[data-v-3b094001] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--cm-color-gray800);
  border-radius: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--lh);
  position: relative;
  border: 0.0625rem solid var(--cm-color-gray650);
}
@media (min-width: 600px) {
.banner[data-v-3b094001] {
    padding: 1.375rem 1.5rem
}
}
.banner__heading[data-v-3b094001] {
    color: var(--cm-color-gray75);
    font-size: calc(0.56977rem + 1.16279vw);
    font-weight: var(--cm-font-weight-bold);
    line-height: 1.1;
    margin: 0;
}
@media screen and (min-width: 1280px) {
.banner__heading[data-v-3b094001] {
    font-size: 1.5rem;
}
}
@media screen and (max-width: 420px) {
.banner__heading[data-v-3b094001] {
    font-size: 0.875rem;
}
}
.banner__description[data-v-3b094001] {
    color: var(--cm-color-gray300);
    font-size: calc(0.68895rem + 0.23256vw);
    line-height: 1.1;
    margin: 0;
    padding-top: 0.25rem;
}
@media screen and (min-width: 1280px) {
.banner__description[data-v-3b094001] {
    font-size: 0.875rem;
}
}
@media screen and (max-width: 420px) {
.banner__description[data-v-3b094001] {
    font-size: 0.75rem;
}
}
.banner__chevron[data-v-3b094001] {
    color: var(--cm-color-gray50);
    font-size: var(--cm-text-xs);
    margin-left: auto;
    padding-left: var(--lh);
    text-align: right;
}
.banner__icon[data-v-3b094001] {
    color: var(--cm-color-gray300);
    font-size: 1.375rem;
    margin-right: var(--lh);
}
@media (min-width: 600px) {
.banner__icon[data-v-3b094001] {
      font-size: 1.75rem;
      margin-right: 1.5rem
}
}
.banner__overlay-button[data-v-3b094001] {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;

    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/CmBackLink.vue?vue&type=style&index=0&id=1d20d3a6&lang=postcss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-1d20d3a6 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-1d20d3a6 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-back-link[data-v-1d20d3a6] {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  font-weight: var(--cm-font-weight-regular);
}
.cm-back-link--bold[data-v-1d20d3a6] {
    font-weight: var(--cm-font-weight-semibold);
}
.cm-back-link__icon[data-v-1d20d3a6] {
    --icon-size: 1.5em;

    width: var(--icon-size);
    height: var(--icon-size);
}
.cm-back-link__label[data-v-1d20d3a6] {
    display: block;
    text-transform: none;
    margin-left: 0.5em;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/CmGoalBox.vue?vue&type=style&index=0&id=4d6782ba&lang=postcss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-4d6782ba {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-4d6782ba {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-goal-box[data-v-4d6782ba] {
  -webkit-box-shadow: var(--box-shadow-default);
          box-shadow: var(--box-shadow-default);
  border-radius: var(--border-radius-default);
  min-width: 18.75rem;
}
@media (min-width: 600px) {
.cm-goal-box[data-v-4d6782ba] {
    border: 0.0625rem solid var(--cm-color-gray550);
    -webkit-box-shadow: none;
            box-shadow: none
}
}
.cm-goal-box--has-message[data-v-4d6782ba] {
    padding-bottom: var(--lh-half);
}
.cm-goal-box__message[data-v-4d6782ba] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-normal);
    line-height: var(--text-lh-sm);
    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--cm-color-gray700);
    padding: var(--lh);
    margin: 0 var(--lh-half);
    border-radius: 0.625rem 0.625rem 1.25rem 1.25rem;
    color: var(--cm-color-gray300);
}
.cm-goal-box__message strong[data-v-4d6782ba] {
      color: var(--cm-color-gray75);
}
.cm-goal-box__text[data-v-4d6782ba] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.cm-goal-box__emoji[data-v-4d6782ba] {
    max-width: 1.5rem;
    height: auto;
    margin-right: var(--lh-half);
}
.stats[data-v-4d6782ba] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: var(--lh);
  margin: 0;
}
.stats__group[data-v-4d6782ba] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    text-align: center;
}
.stats__group[data-v-4d6782ba]::after {
      background: var(--cm-color-gray550);
      content: '';
      height: 85%;
      margin: auto;
      position: absolute;
      right: 0;
      width: 0.0625rem;
}
.stats__group[data-v-4d6782ba]:last-child::after {
        display: none;
}
.stats__term[data-v-4d6782ba] {
    font-size: var(--cm-text-md);
    font-weight: var(--cm-font-weight-bold);
    line-height: var(--text-lh-md);
    margin: 0;

    color: var(--cm-color-gray75);
}
.stats__term[data-v-4d6782ba]  span {
      font-size: var(--cm-text-sm);
      font-weight: var(--cm-font-weight-semibold);
      line-height: var(--text-lh-sm);
      margin: 0;

      display: block;
      color: var(--cm-color-gray300);
}
.stats__description[data-v-4d6782ba] {
    font-size: var(--cm-text-xs);
    font-weight: var(--cm-font-weight-normal);
    line-height: var(--text-lh-xs);
    margin: 0;

    color: var(--cm-color-gray300);
    margin-top: 0.125rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/LazyProgressiveImage/LazyProgressiveImage.vue?vue&type=style&index=0&id=63441dcf&lang=postcss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.lazy-progressive-image[data-v-63441dcf] {
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
  /* Force hw acceleration to fix a weird shadow effect on Safari iOS (caused by the blur filter) */
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.lazy-progressive-image--fit-to-parent[data-v-63441dcf] {
    width: inherit;
    height: inherit;
    -o-object-fit: cover;
       object-fit: cover;
}
.lazy-progressive-image[lazy='loading'][data-v-63441dcf] {
    -webkit-filter: blur(0.3125rem);
            filter: blur(0.3125rem);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/CmIconPicker.vue?vue&type=style&index=0&id=354df64c&lang=postcss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-354df64c {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-354df64c {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-icon-picker[data-v-354df64c] {
  --cm-icon-picker-gap: 0.25rem;

  background: var(--cm-color-gray800);
  -webkit-box-shadow: var(--box-shadow-default);
          box-shadow: var(--box-shadow-default);
  border-radius: var(--border-radius-default);
  width: 20.3125rem;
  overflow: hidden;
}
/**
   * These scroll styles were taken from the `v-emoji-picker` package, as this
   * dialog is very similar. I decided to leave the hex colors hardcoded because
   * they aren't part of our brand and don't want to clutter up our variables file.
   */
.cm-icon-picker[data-v-354df64c] ::-webkit-scrollbar {
    border-radius: 0.25rem;
    width: 0.25rem;
    background: #7c7c7c5b;
}
.cm-icon-picker[data-v-354df64c] ::-webkit-scrollbar-track {
    border-radius: 0.25rem;
}
.cm-icon-picker[data-v-354df64c] ::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background: #00000038;
}
.cm-icon-picker[data-v-354df64c] ::-webkit-scrollbar-thumb:hover {
      background: #00000062;
}
.cm-icon-picker__icon[data-v-354df64c] {
    width: 2.625rem;
    min-height: 3.125rem;
    margin: auto;
    padding: 0.3125rem;
    cursor: pointer;
    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;
}
.cm-icon-picker__icon--active[data-v-354df64c],
    .cm-icon-picker__icon[data-v-354df64c]:hover {
      background-color: var(--cm-color-gray650);
      border-radius: 0.25rem;
}
.cm-icon-picker__icon img[data-v-354df64c] {
      max-width: 2rem;
      height: auto;
}
.cm-icon-picker__list[data-v-354df64c] {
    display: grid;
    grid-gap: var(--cm-icon-picker-gap);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
    padding: var(--cm-icon-picker-gap);
}
.cm-icon-picker__list-wrapper[data-v-354df64c] {
    --list-wrapper-height: 24.0625rem;

    height: var(--list-wrapper-height);
    overflow-x: hidden;
    overflow-y: scroll;
}
@media (min-height: 800px) {
.cm-icon-picker__list-wrapper[data-v-354df64c] {
      --list-wrapper-height: 27.5rem
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/CmIconPickerButton.vue?vue&type=style&index=0&id=2f7a799e&lang=postcss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-2f7a799e {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-2f7a799e {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-icon-picker-button[data-v-2f7a799e] {
  background: var(--cm-color-gray800);
  border: 0;
  border-radius: var(--border-radius-default);
  -webkit-box-shadow: 0 0.3125rem 1.25rem rgba(0, 30, 47, 0.05);
          box-shadow: 0 0.3125rem 1.25rem rgba(0, 30, 47, 0.05);
  color: var(--cm-color-gray300);
  cursor: pointer;
  height: 2.1875rem;
}
.cm-icon-picker-button[data-v-2f7a799e] .q-btn__wrapper {
    min-height: 0;
    padding: 0.4375rem 1.25rem;
    -ms-flex-line-pack: center;
        align-content: center;
}
.cm-icon-picker-button__label-text[data-v-2f7a799e] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-sm);
    margin: 0;

    margin-left: var(--lh-half);
    text-transform: none;
}
.cm-icon-picker-button__label-icon[data-v-2f7a799e] {
    font-size: var(--cm-text-lg);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-lg);
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 1.25rem; /* Prevents the button from changing it's width in the loading state */
}
.cm-icon-picker-button--active[data-v-2f7a799e],
  .cm-icon-picker-button[data-v-2f7a799e]:hover,
  .cm-icon-picker-button[data-v-2f7a799e]:focus {
    background-color: var(--cm-color-green);
    color: var(--cm-color-gray800);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/CmRoundProgress.vue?vue&type=style&index=0&id=e6cc69f4&lang=postcss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.round-progress[data-v-e6cc69f4] {
  margin: auto;
}
.round-progress__svg[data-v-e6cc69f4] {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
}
.round-progress__circle[data-v-e6cc69f4] {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #191919;
    stroke-width: 14;
    stroke-linecap: round;
    -webkit-transform: translate(0.3125rem, 0.3125rem);
            transform: translate(0.3125rem, 0.3125rem);
}
.round-progress__circle--track[data-v-e6cc69f4] {
      stroke: var(--cm-color-gray650);
}
.round-progress__circle--completed[data-v-e6cc69f4] {
      stroke: var(--round-progress-completed-color, var(--cm-color-blue));
      stroke-dasharray: 440;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/CmRoundedDescList.vue?vue&type=style&index=0&id=31b0cc87&lang=postcss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-31b0cc87 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-31b0cc87 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.rounded-desc-list[data-v-31b0cc87] {
  background: var(--cm-color-gray700);
  border-radius: 0.5rem 0.5rem var(--border-radius-default)
    var(--border-radius-default);
}
.rounded-desc-list__list[data-v-31b0cc87] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    margin: 0;
}
.rounded-desc-list__group[data-v-31b0cc87] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
}
.rounded-desc-list__term[data-v-31b0cc87] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-normal);
    line-height: var(--text-lh-sm);
    margin: 0;

    color: var(--cm-color-gray300);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.rounded-desc-list__description[data-v-31b0cc87] {
    font-size: var(--cm-text-md);
    font-weight: var(--cm-font-weight-bold);
    line-height: var(--text-lh-md);
    margin: 0;

    color: var(--cm-color-gray75);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/CmSearchBar.vue?vue&type=style&index=0&id=7427f014&lang=postcss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-7427f014 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-7427f014 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.search-bar__input[data-v-7427f014] {
    z-index: 10;
    position: relative;
}
.search-bar__cancel[data-v-7427f014] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-sm);
    margin: 0;

    position: absolute;
    right: 0.3125rem;
    top: 1.5625rem;
    color: var(--cm-color-gray300);
    cursor: pointer;
    opacity: 0;
    z-index: 1;
}
.search-bar[data-v-7427f014] .q-field__native {
    font-weight: var(--cm-font-weight-medium);
}
.search-bar[data-v-7427f014] .q-field__control {
    padding-right: 1.5rem;
    background-color: var(--cm-color-gray800);
}
.search-bar__loading-indicator[data-v-7427f014] {
    color: var(--cm-color-gray300);
    cursor: pointer;
    margin-right: 0.3125rem;
    margin-left: 0.3125rem;
}
.search-bar__clear-button[data-v-7427f014] {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/GroupItem/CmGroupItem.vue?vue&type=style&index=0&id=76675b20&lang=postcss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-group-item {
  --group-item-bg: var(--cm-color-gray800);
  --group-item-bg-hover: var(--cm-color-gray700);

  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  cursor: pointer;
  background: var(--group-item-bg);
  padding: 1.5em;
  border: 0;
  border-top: 0.0625rem solid var(--cm-color-gray650);
  border-bottom: 0.0625rem solid var(--cm-color-gray650);
  margin-top: -0.0625rem;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
@media (hover: hover) {
.cm-group-item:hover {
      background: var(--cm-color-gray700)
}
}
@media (hover: none) {
.cm-group-item:active {
      background: var(--cm-color-gray700)
}
}
.cm-group-item__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.cm-group-item__right {
    color: var(--cm-color-gray75);
    font-size: 0.75em;
}
.cm-group-item__icon-wrap {
    width: 2em;
    margin-right: 0.75em;
}
.cm-group-item__icon {
    min-width: var(--lh-2);
    font-size: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.cm-group-item__icon img {
      max-width: 100%;
      height: auto;
}
.cm-group-item__text {
    color: var(--cm-color-gray75);
}
.cm-group-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.cm-group-item__header:not(:only-child) {
      margin-bottom: 0.25em;
}
.cm-group-item__heading {
    font-size: 1em;
    line-height: 1.1;
    margin: 0;
    font-weight: var(--cm-font-weight-semibold);
}
.cm-group-item__description {
    font-size: 0.75em;
    line-height: 1.1;
    margin: 0;
    color: var(--cm-color-gray75);
    text-align: left;
}
.cm-group-item__premium {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: var(--lh-half);
}
@media (min-width: 901px) {
.cm-group-item__premium {
      padding-right: var(--lh-1)
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/GroupItem/CmGroupItemHeader.vue?vue&type=style&index=0&id=cfbcf566&lang=postcss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-group-item-header {
  font-size: var(--cm-text-sm);
  font-weight: var(--cm-font-weight-bold);
  line-height: var(--text-lh-sm);
  margin: 0;
  font-size: 0.875em;
  padding: 0.5em 1em;
  text-transform: uppercase;
  background: var(--cm-color-gray700);
  color: var(--cm-color-gray300);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/GroupSelector/CmGroupSelector.vue?vue&type=style&index=0&id=4cf76838&lang=postcss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-4cf76838 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-4cf76838 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.group-selector[data-v-4cf76838] {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem var(--lh);
  width: 100%;
  border: 0.0625rem solid var(--cm-color-gray650);
  border-radius: 0.75rem;
  background: var(--cm-color-gray800);
  overflow: hidden;
}
.group-selector--loading[data-v-4cf76838] {
    height: var(--lh-3);
}
@media (min-width: 1024px) {
.group-selector[data-v-4cf76838] {
    border-color: var(--cm-color-gray400)
}
}
.group-selector__label-wrapper[data-v-4cf76838] {
    font-size: var(--cm-text-md);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-md);
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: auto;
    overflow: hidden;
}
.group-selector__label--nowrap[data-v-4cf76838] {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
}
.group-selector__icon[data-v-4cf76838] {
    --icon-size: calc(var(--lh-half)*3);

    display: block;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: 0 var(--lh-half) 0 0;
}
.group-selector__action[data-v-4cf76838] {
    font-size: var(--cm-text-xs);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-xs);
    margin: 0;
    margin-left: var(--lh-half);
    color: var(--cm-color-gray300);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/Icons/CmIcon.vue?vue&type=style&index=0&id=03517d13&lang=postcss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  color: inherit;
}
.cm-icon--xxxxs {
    font-size: 0.5rem;
}
.cm-icon--xxxs {
    font-size: var(--cm-text-xxxs);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-xxxs);
    margin: 0;
}
.cm-icon--xxs {
    font-size: var(--cm-text-xxs);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-xxs);
    margin: 0;
}
.cm-icon--xs {
    font-size: var(--cm-text-xs);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-xs);
    margin: 0;
}
.cm-icon--sm {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-sm);
    margin: 0;
}
.cm-icon--md {
    font-size: var(--cm-text-md);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-md);
    margin: 0;
}
.cm-icon--lg {
    font-size: var(--cm-text-lg);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-lg);
    margin: 0;
}
.cm-icon--xl {
    font-size: var(--cm-text-xl);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-xl);
    margin: 0;
}
.cm-icon--xxl {
    font-size: var(--cm-text-xxl);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-xxl);
    margin: 0;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/InfoMessage/CmInfoMessage.vue?vue&type=style&index=0&id=6ef034a4&lang=postcss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-6ef034a4 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-6ef034a4 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.info-message[data-v-6ef034a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: calc(var(--lh-1)*1.5);
  border: 0.0625rem solid var(--cm-color-gray650);
  border-radius: 0.375rem;
  background-color: var(--cm-color-gray800);
}
@media (min-width: 901px) {
.info-message[data-v-6ef034a4] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
}
.info-message__icon-wrapper[data-v-6ef034a4] {
    display: inline-block;
    border-radius: 50%;
    background-color: var(--cm-color-gray650);
    padding: calc(var(--lh-1)*0.75);
}
@media (max-width: 900px) {
.info-message__icon-wrapper[data-v-6ef034a4] {
      margin-bottom: var(--lh-half)
}
}
@media (min-width: 901px) {
.info-message__icon-wrapper[data-v-6ef034a4] {
      margin-bottom: 0;
      margin-right: var(--lh-1)
}
}
.info-message__icon[data-v-6ef034a4] {
    color: var(--cm-color-gray300);
    font-size: 1.375rem;
}
.info-message__description[data-v-6ef034a4] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
}
@media (min-width: 901px) {
.info-message__description[data-v-6ef034a4] {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/InputWithButton/CmInputWithButton.vue?vue&type=style&index=0&id=d1f2d300&lang=postcss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-d1f2d300 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-d1f2d300 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.input-with-button[data-v-d1f2d300] {
  --input-with-button-height: calc(var(--lh-2)*1.5);
  --input-with-button-border-radius: 6.25rem;
  --input-with-button-negative-offset: calc(var(--lh-2)*-1.325);
}
@media (min-width: 901px) {
.input-with-button[data-v-d1f2d300] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
}
.input-with-button__input[data-v-d1f2d300] {
    height: var(--input-with-button-height);
    border-radius: var(--input-with-button-border-radius);
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: var(--lh-half);
}
@media (min-width: 901px) {
.input-with-button__input[data-v-d1f2d300] {
      margin-bottom: 0
}
}
.input-with-button__button[data-v-d1f2d300] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-bold);
    line-height: var(--text-lh-sm);
    margin: 0;
    height: var(--input-with-button-height);
    border-radius: var(--input-with-button-border-radius);
    padding: 0 calc(var(--lh-2)*1.125);
    margin: 0 auto;
    display: block;
}
@media (min-width: 901px) {
.input-with-button__button[data-v-d1f2d300] {
      display: inline;
      margin-left: var(--input-with-button-negative-offset)
}
}
.input-with-button[data-v-d1f2d300]  .q-field__bottom {
      display: none;
}
.input-with-button[data-v-d1f2d300]  .q-field--with-bottom {
      padding-bottom: 0;
}
.input-with-button[data-v-d1f2d300]  .q-field__control {
      height: var(--input-with-button-height);
      border-radius: var(--input-with-button-border-radius);
      padding: 0 calc(var(--lh-1)*1.25);
}
.input-with-button[data-v-d1f2d300]  .q-field__native {
      font-size: var(--cm-text-sm);
      font-weight: var(--cm-font-weight-regular);
      line-height: var(--text-lh-sm);
      margin: 0;
      width: calc(100% + var(--input-with-button-negative-offset));
}
.input-with-button[data-v-d1f2d300]  i.q-icon {
      margin-bottom: var(--lh-half);
}
@media (min-width: 901px) {
.input-with-button[data-v-d1f2d300]  i.q-icon {
        margin-left: calc(var(--input-with-button-negative-offset) - var(--lh-half))
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/ListItem/CmListItem.vue?vue&type=style&index=0&id=01182e6e&lang=postcss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-01182e6e {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-01182e6e {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-list-item[data-v-01182e6e] {
  --list-item-thumbnail-size: 2.5rem;
  --list-item-thumbnail-margin: calc(var(--lh-half)*1.5);
  --list-item-bg: var(--cm-color-gray800);

  padding: calc(var(--lh-half)*1.5) var(--lh);
  background-color: var(--list-item-bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 400px) {
.cm-list-item[data-v-01182e6e] {
    --list-item-thumbnail-size: 3.375rem
}
}
.cm-list-item--clickable[data-v-01182e6e] {
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.cm-list-item--clickable[data-v-01182e6e]:hover {
      --list-item-bg: var(--cm-color-highlight);
}
.cm-list-item__img[data-v-01182e6e] {
    height: var(--list-item-thumbnail-size);
    width: var(--list-item-thumbnail-size);
    margin-right: var(--list-item-thumbnail-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--list-item-thumbnail-size);
            flex: 0 0 var(--list-item-thumbnail-size);
}
.cm-list-item__img img[data-v-01182e6e] {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: var(--lh-half);
}
.cm-list-item__body[data-v-01182e6e] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
}
.cm-list-item__name[data-v-01182e6e] {
    font-size: var(--cm-text-xs);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-xs);
    margin: 0;
    color: var(--cm-color-gray75);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--lh-quarter);
}
@media (min-width: 900px) {
.cm-list-item__name[data-v-01182e6e] {
      font-size: var(--cm-text-sm);
      font-weight: var(--cm-font-weight-semibold);
      line-height: var(--text-lh-sm);
      margin: 0
}
}
/* Highlighted words support (see helpers/highlighter.js) */
.cm-list-item__name strong[data-v-01182e6e] {
      font-size: var(--cm-text-sm);
      font-weight: var(--cm-font-weight-bold);
      line-height: var(--text-lh-sm);
      margin: 0;
}
.cm-list-item__subtext[data-v-01182e6e] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-sm);
    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--cm-color-gray300);
}
.cm-list-item__right[data-v-01182e6e] {
    margin-left: var(--lh-half);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/NotFound/CmNotFound.vue?vue&type=style&index=0&id=2c7980a4&lang=postcss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-2c7980a4 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-2c7980a4 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-not-found[data-v-2c7980a4] {
  font-size: var(--cm-text-md);
  font-weight: var(--cm-font-weight-regular);
  line-height: var(--text-lh-md);
  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--cm-color-gray300);
  min-width: 18.75rem;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cm-not-found__icon[data-v-2c7980a4] {
    color: var(--cm-color-gray400);
    opacity: 0.5;
    font-size: calc(3.96076rem + 8.72093vw);
    margin: var(--cm-finder-image-margin) 0;
    line-height: 1;
}
@media screen and (min-width: 1280px) {
.cm-not-found__icon[data-v-2c7980a4] {
    font-size: 10.9375rem;
}
}
@media screen and (max-width: 420px) {
.cm-not-found__icon[data-v-2c7980a4] {
    font-size: 6.25rem;
}
}
.cm-not-found__description[data-v-2c7980a4] {
    margin: 0 var(--lh);
    color: var(--cm-color-gray300);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Connect/ConnectCard/ConnectCard.vue?vue&type=style&index=0&id=9cca8980&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-9cca8980 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-9cca8980 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.connect-card[data-v-9cca8980] {
  background: #fff;
  border-radius: var(--border-radius-default);
  -webkit-box-shadow: var(--box-shadow-default-light);
          box-shadow: var(--box-shadow-default-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 599px) {
.connect-card--flat-on-mobile[data-v-9cca8980] {
      background: transparent;
      border: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none
}
}
@media (min-width: 600px) {
.connect-card--flat-on-desktop[data-v-9cca8980] {
      background: transparent;
      border: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none
}
}
@media (min-width: 600px) {
.connect-card--bordered-on-desktop[data-v-9cca8980] {
      border: 0.0625rem solid var(--cm-color-gray550);
      -webkit-box-shadow: none;
              box-shadow: none
}
}
.connect-card__row[data-v-9cca8980] {
    border-top: 0.0625rem solid var(--cm-color-gray650);
}
.connect-card__footer[data-v-9cca8980] {
    background: var(--cm-color-gray700);
    border-radius: 0.5rem 0.5rem var(--border-radius-default)
      var(--border-radius-default);
    margin: 0 var(--lh-half) var(--lh-half);
    padding: 0;
}
.connect-card__section--bare[data-v-9cca8980] {
      padding: 0;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/ProgressBar/ProgressBar.vue?vue&type=style&index=0&id=8d4e17c6&lang=postcss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-8d4e17c6 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-8d4e17c6 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.progress[data-v-8d4e17c6] {
  --progress-border-radius: 3.125rem;
  --progress-empty-bg: var(--cm-color-gray700);
  --progress-percent-font-size: var(--cm-text-xs);
  --progress-percent-color: var(--cm-color-gray300);
  --progress-title-font-size: var(--cm-text-xs);
  --progress-title-font-weight: 400;
  --progress-title-color: var(--cm-color-gray300);
  --progress-title-inverted-color: var(--cm-color-gray800);
  --progress-title-darkened-color: var(--cm-color-gray100);

  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--progress-empty-bg);
  border-radius: var(--progress-border-radius);
}
.progress__bar[data-v-8d4e17c6] {
    width: 50%;
    height: 100%;
    border-radius: var(--progress-border-radius);
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.progress__percent[data-v-8d4e17c6] {
    color: var(--progress-percent-color);
    font-size: var(--progress-percent-font-size);
    margin-top: 0.3125rem;
}
.progress__title[data-v-8d4e17c6] {
    font-size: var(--progress-title-font-size);
    font-weight: var(--progress-title-font-weight);
    line-height: 1;
    font-style: italic;
    color: var(--progress-title-color);
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    padding-left: 0.625rem;
}
.progress__title--inverted[data-v-8d4e17c6] {
      color: var(--progress-title-inverted-color);
}
.progress__title--darkened[data-v-8d4e17c6] {
      color: var(--progress-title-darkened-color);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/ProgressBreakdownCard/CmProgressBreakdownCard.vue?vue&type=style&index=0&id=992a4cf8&lang=postcss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-992a4cf8 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-992a4cf8 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.progress-breakdown__row[data-v-992a4cf8] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: var(--lh-half);
}
.progress-breakdown__row + .progress-breakdown__row[data-v-992a4cf8] {
      margin-top: calc(var(--lh));
}
.progress-breakdown__icon[data-v-992a4cf8] {
    margin-right: var(--lh);
    width: 1.125rem;
}
@media (min-width: 600px) {
.progress-breakdown__icon[data-v-992a4cf8] {
      width: 1.875rem
}
}
.progress-breakdown__details[data-v-992a4cf8] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.progress-breakdown__term[data-v-992a4cf8] {
    font-size: calc(0.75291rem + 0.46512vw);
    padding-bottom: 0.25rem;
}
@media screen and (min-width: 1280px) {
.progress-breakdown__term[data-v-992a4cf8] {
    font-size: 1.125rem;
}
}
@media screen and (max-width: 420px) {
.progress-breakdown__term[data-v-992a4cf8] {
    font-size: 0.875rem;
}
}
.progress-breakdown__header[data-v-992a4cf8] {
    border-bottom: 0.0625rem solid var(--cm-color-gray650);
    padding: var(--lh);
}
@media (min-width: 600px) {
.progress-breakdown__header[data-v-992a4cf8] {
      margin: 0 var(--lh);
      padding: var(--lh) 0
}
}
.progress-breakdown__heading[data-v-992a4cf8] {
    font-size: calc(0.94186rem + 0.69767vw);
    font-weight: var(--cm-font-weight-bold);
    line-height: 1.1;
    margin: 0;
}
@media screen and (min-width: 1280px) {
.progress-breakdown__heading[data-v-992a4cf8] {
    font-size: 1.5rem;
}
}
@media screen and (max-width: 420px) {
.progress-breakdown__heading[data-v-992a4cf8] {
    font-size: 1.125rem;
}
}
.progress-breakdown__description[data-v-992a4cf8] {
    font-size: calc(0.81395rem + 0.23256vw);

    margin: 0;
}
@media screen and (min-width: 1280px) {
.progress-breakdown__description[data-v-992a4cf8] {
    font-size: 1rem;
}
}
@media screen and (max-width: 420px) {
.progress-breakdown__description[data-v-992a4cf8] {
    font-size: 0.875rem;
}
}
.progress-breakdown__body[data-v-992a4cf8] {
    padding: var(--lh);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/Tabs/CmSummaryTotals.vue?vue&type=style&index=0&id=2ac9d055&lang=postcss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-2ac9d055 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-2ac9d055 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.meal-summary[data-v-2ac9d055] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.meal-summary[data-v-2ac9d055]:not(:last-child) {
    margin-bottom: var(--lh-half);
}
.meal-summary__label[data-v-2ac9d055] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.meal-summary__heading[data-v-2ac9d055],
  .meal-summary__description[data-v-2ac9d055] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-sm);
    margin: 0;
    display: block;
}
.meal-summary__heading[data-v-2ac9d055] {
    color: var(--cm-color-gray100);
    margin-right: var(--lh-quarter);
}
.meal-summary__description[data-v-2ac9d055] {
    color: var(--cm-color-gray300);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/Tabs/CmSummaryWrapper.vue?vue&type=style&index=0&id=c32ab046&lang=postcss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.meal-summary-wrapper[data-v-c32ab046] {
  background-color: var(--cm-color-gray700);
  border-radius: 0.25rem;
  padding: var(--lh);
}
.meal-summary-wrapper--padded[data-v-c32ab046] {
    padding-right: 1.625rem;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/Tabs/CmTabs.vue?vue&type=style&index=0&id=95e15a64&lang=postcss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-95e15a64 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-95e15a64 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-tabs[data-v-95e15a64] {
  --tab-color: var(--cm-color-gray300);
  --tab-font-weight: var(--cm-font-weight-semibold);
  --tab-border-color: transparent;

  list-style: none;

  margin-top: 0;

  /* Do not replace it with a shorthand `margin: 0;` It will break ul.row elements. */

  margin-bottom: 0;

  padding-left: 0;

  font-size: calc(0.81395rem + 0.23256vw);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-bottom: 0.0625rem solid var(--cm-color-gray650);
  white-space: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
}
@media screen and (min-width: 1280px) {
.cm-tabs[data-v-95e15a64] {
    font-size: 1rem;
}
}
@media screen and (max-width: 420px) {
.cm-tabs[data-v-95e15a64] {
    font-size: 0.875rem;
}
}
.cm-tabs__item[data-v-95e15a64] {
    color: var(--tab-color);
    font-weight: var(--tab-font-weight);
    border-bottom: 0.125rem solid var(--tab-border-color);
}
.cm-tabs__item--active[data-v-95e15a64] {
      --tab-color: var(--cm-color-green-dark);
      --tab-font-weight: var(--cm-font-weight-bold);
      --tab-border-color: var(--tab-color);
}
.cm-tabs__item[data-v-95e15a64]:not(:last-child) {
      margin-right: var(--lh-half);
}
.cm-tabs__link[data-v-95e15a64] {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;

    color: inherit;
    display: block;
    padding: 0.8125rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/Tags/CmTag.vue?vue&type=style&index=0&id=9ecec556&lang=postcss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-9ecec556 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-9ecec556 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-tag[data-v-9ecec556] {
  --cm-tag-bg: var(--cm-color-gray650);
  --cm-tag-color: var(--cm-color-gray75);
  --cm-tag-border: var(--cm-tag-bg);
  --cm-tag-padding: 0.5em 1.1em;
  --cm-tag-margin: var(--lh-half);
  --cm-tag-hover-bg: var(--cm-color-green);
  --cm-tag-active-bg: var(--cm-color-green-dark);
  --cm-tag-hover-border: var(--cm-tag-bg);
  --cm-tag-hover-color: var(--cm-color-gray800);

  font-size: var(--cm-text-xs);

  font-weight: var(--cm-font-weight-semibold);

  line-height: var(--text-lh-xs);

  margin: 0;

  position: relative;
  background: var(--cm-tag-bg);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--cm-tag-color);
  border: 0;
  border: 0.0625rem solid var(--cm-tag-border);
  padding: var(--cm-tag-padding);
  border-radius: 6.25rem;
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.cm-tag[data-v-9ecec556]:not(:last-child) {
    margin-right: var(--cm-tag-margin);
}
.cm-tag--theme-light[data-v-9ecec556] {
    --cm-tag-bg: var(--cm-color-gray650);
    --cm-tag-color: var(--cm-color-gray300);
}
.cm-tag--theme-white[data-v-9ecec556] {
    --cm-tag-bg: var(--cm-color-gray800);
    --cm-tag-color: var(--cm-color-gray300);
}
.cm-tag--theme-white.cm-tag--inverted[data-v-9ecec556] {
      --cm-tag-color: var(--cm-color-gray400);
      --cm-tag-border: var(--cm-color-gray650);
}
.cm-tag--theme-purple[data-v-9ecec556] {
    --cm-tag-bg: var(--cm-color-purple);
    --cm-tag-hover-bg: var(--cm-color-purple);
    --cm-tag-color: var(--cm-color-gray800);
}
.cm-tag--theme-purple.cm-tag--inverted[data-v-9ecec556] {
      --cm-tag-bg: var(--cm-color-gray800);
      --cm-tag-color: var(--cm-color-purple);
}
.cm-tag--theme-green[data-v-9ecec556] {
    --cm-tag-bg: var(--cm-color-green);
    --cm-tag-color: var(--cm-color-gray800);
}
.cm-tag--theme-green.cm-tag--inverted[data-v-9ecec556] {
      --cm-tag-bg: var(--cm-color-gray800);
      --cm-tag-color: var(--cm-color-green-dark);
}
.cm-tag--theme-red-light[data-v-9ecec556] {
    --cm-tag-bg: var(--cm-color-red-light);
    --cm-tag-color: var(--cm-color-red);
    --cm-tag-border: transparent;
}
.cm-tag--theme-green-light[data-v-9ecec556] {
    --cm-tag-bg: var(--cm-color-green-light);
    --cm-tag-color: var(--cm-color-green-dark);
    --cm-tag-border: transparent;
}
.cm-tag--theme-orange-light[data-v-9ecec556] {
    --cm-tag-bg: var(--cm-color-orange-light);
    --cm-tag-color: var(--cm-color-orange-dark);
    --cm-tag-border: transparent;
}
.cm-tag--theme-blue[data-v-9ecec556] {
    --cm-tag-bg: var(--cm-color-blue);
    --cm-tag-color: var(--cm-color-gray800);
    --cm-tag-border: transparent;
}
.cm-tag--theme-blue-light[data-v-9ecec556] {
    --cm-tag-bg: var(--cm-color-blue-light);
    --cm-tag-color: var(--cm-color-blue);
    --cm-tag-border: transparent;
}
.cm-tag--inverted[data-v-9ecec556] {
    --cm-tag-border: var(--cm-tag-color);
}
.cm-tag--size-xxs[data-v-9ecec556] {
    --cm-tag-padding: 0.1875rem var(--lh-half);
    --cm-tag-margin: var(--lh-quarter);
    font-size: var(--cm-text-xxs);
    font-weight: var(--cm-font-weight-medium);
    line-height: var(--text-lh-xxs);
    margin: 0;
    line-height: 1;
}
.cm-tag--size-xs[data-v-9ecec556] {
    font-size: var(--cm-text-xs);
}
.cm-tag--size-sm[data-v-9ecec556] {
    font-size: var(--cm-text-sm);
}
.cm-tag--size-md[data-v-9ecec556] {
    font-size: var(--cm-text-md);
}
.cm-tag[disabled][data-v-9ecec556] {
    --cm-tag-color: var(--cm-color-gray400);
}
.cm-tag--selected[data-v-9ecec556]:enabled {
      --cm-tag-bg: var(--cm-color-green);
      --cm-tag-color: var(--cm-color-gray800);
}
.cm-tag--clickable[data-v-9ecec556] {
    cursor: pointer;
}
.cm-tag--clickable[data-v-9ecec556]:hover:not([disabled]) {
      --cm-tag-bg: var(--cm-tag-hover-bg);
      --cm-tag-color: var(--cm-tag-hover-color);
      --cm-tag-border: var(--cm-tag-hover-border);
}
.cm-tag--clickable[data-v-9ecec556]:active:not([disabled]) {
      --cm-tag-bg: var(--cm-tag-active-bg);
      --cm-tag-color: var(--cm-color-gray800);
}
body:not(.using-mouse) .cm-tag--clickable[data-v-9ecec556]:not(.cm-tag--selected):focus {
        --cm-tag-bg: var(--cm-color-gray550);
        --cm-tag-color: var(--cm-color-gray100);
}
.cm-tag__icon[data-v-9ecec556] {
    margin-right: var(--lh-quarter);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/Tags/CmTagWrapper.vue?vue&type=style&index=0&id=4af0542e&lang=postcss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-4af0542e {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-4af0542e {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-tag-wrapper[data-v-4af0542e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: scroll;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/Toggle/CmToggle.vue?vue&type=style&index=0&id=4d1b224e&lang=postcss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-4d1b224e {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-4d1b224e {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-toggle[data-v-4d1b224e] {
  background: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 0.0625rem solid var(--cm-color-gray650);
  padding: 0.1875rem;
  height: 2.1875rem; /* The same size as q-chip */
  border-radius: 0.1875rem;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.cm-toggle--disabled[data-v-4d1b224e] {
    pointer-events: none;
    opacity: 0.5;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/Toggle/CmToggleItem.vue?vue&type=style&index=0&id=c99b15fe&lang=postcss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-c99b15fe {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-c99b15fe {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-toggle-item[data-v-c99b15fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem;
  cursor: pointer;
  width: 3rem;
  border-radius: 0.1875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.cm-toggle-item--checked[data-v-c99b15fe] {
    background-color: var(--cm-color-green);
}
.cm-toggle-item--disabled[data-v-c99b15fe] {
    pointer-events: none;
    opacity: 0.5;
}
.cm-toggle-item__icon[data-v-c99b15fe] {
    display: block;
    margin: 0 auto;
    color: var(--cm-color-gray300);
    height: 100%;
}
.cm-toggle-item__icon[data-v-c99b15fe]  svg {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
}
.cm-toggle-item--checked .cm-toggle-item__icon[data-v-c99b15fe] {
    color: #fff;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/UI/Tooltips/CmTooltipContent.vue?vue&type=style&index=0&id=b5769898&lang=postcss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-b5769898 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-b5769898 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.tooltip-content[data-v-b5769898] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tooltip-content__notice[data-v-b5769898] {
    display: none;
}
.tooltip-content__notice-content[data-v-b5769898] {
      text-align: left;
      padding: var(--lh-half);
      max-width: 25rem;
}
.tooltip-content__notice-header[data-v-b5769898] {
      font-size: var(--cm-text-md);
      font-weight: var(--cm-font-weight-bold);
      line-height: var(--text-lh-md);
      margin: 0;
      margin-bottom: var(--lh-quarter);
}
.tooltip-content__notice-description[data-v-b5769898] {
      margin-bottom: var(--lh-quarter);
}
.tooltip-content__info[data-v-b5769898] {
    margin-left: var(--lh-half);
    cursor: pointer;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PremiumContent/PremiumTag.vue?vue&type=style&index=0&id=84e94820&lang=postcss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.premium-tag[data-v-84e94820] {
  position: relative;
  z-index: 20;
  border: 0;
  font-size: 0.75rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1875rem 0.625rem;
  border-radius: 0.125rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 375px) {
.premium-tag > *[data-v-84e94820]:not(:last-child) {
      margin-right: 0.3125rem;
}
}
@media (max-width: 374px) {
.premium-tag[data-v-84e94820] {
    padding: 0.3125rem 0.625rem
}
.premium-tag__text[data-v-84e94820] {
      display: none;
}
.premium-tag svg[data-v-84e94820] {
      margin-right: 0;
}
}
.premium-tag.premium[data-v-84e94820] {
  background: var(--cm-color-green-light);
  color: var(--cm-color-green-dark);
}
.premium-tag.expired[data-v-84e94820] {
  background: var(--cm-color-red-light);
  color: var(--cm-color-red50);
}
.premium-tag.basic[data-v-84e94820] {
  background: var(--cm-color-gray650);
  color: var(--cm-color-gray300);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/User/UserAgnosticAvatar.vue?vue&type=style&index=0&id=3aabc6aa&lang=postcss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.user-avatar-img[data-v-3aabc6aa] {
  background-color: var(--cm-color-gray500);
}
.user-avatar-img[data-v-3aabc6aa] img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/App/MobileAvatarButton.vue?vue&type=style&index=0&id=4ab7072b&lang=postcss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.icon-wrapper[data-v-4ab7072b] {
  background: var(--cm-color-gray800);
  -webkit-box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.12);
          box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.12);
  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;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  position: absolute;
  right: -0.3125rem;
  bottom: 0;
  z-index: 10;
}
.icon-wrapper__icon[data-v-4ab7072b] {
    color: var(--cm-color-green-dark);
    width: 0.75rem;
    height: 0.75rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/CleverTapAppInbox/AppInboxBell.ts.vue?vue&type=style&index=0&id=55fb69d2&scoped=true&lang=postcss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.notification-bell[data-v-55fb69d2] {
  color: var(--cm-color-gray75);
  -webkit-transition: color 1s;
  transition: color 1s;
}
.notification-bell--loading[data-v-55fb69d2] {
    opacity: 0.5;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/App/TheAppMobileHeader.vue?vue&type=style&index=0&id=b8bb4f46&lang=postcss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cm-header[data-v-b8bb4f46] {
  --header-animation-duration: 0.15s;
  --header-animation-easing: ease-in-out;
  --header-title-color: var(--cm-color-gray100);

  background-color: inherit;
  -webkit-transition: background-color var(--header-animation-duration)
    var(--header-animation-easing);
  transition: background-color var(--header-animation-duration)
    var(--header-animation-easing);
  color: var(--header-title-color);
  margin-top: var(--offline-bar-height);
}
.cm-header[data-v-b8bb4f46]::before {
    /*
      Adds the `box-shadow` through a pseudo element to fix a flickering header on iOS when using
      `box-shadow` and a transition.
      Based on https://alligator.io/css/transition-box-shadows/
    */
    bottom: 0;
    -webkit-box-shadow: var(--header-scrolled-shadow);
            box-shadow: var(--header-scrolled-shadow);
    content: ' ';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}
.cm-header--primary[data-v-b8bb4f46] {
    --header-title-color: rgba(255, 255, 255, 0.75);
    --header-scrolled-bg: var(--cm-color-green);
    --header-scrolled-shadow: none;
}
.cm-header--secondary[data-v-b8bb4f46] {
    --header-scrolled-bg: #fff;
    --header-scrolled-shadow: 0 0.625rem 2.1875rem var(--box-shadow-color);
}
.cm-header--scrolled[data-v-b8bb4f46],
  .cm-header--standout[data-v-b8bb4f46]:not(.cm-header--transparent) {
    background-color: var(--header-scrolled-bg);
}
.cm-header--scrolled[data-v-b8bb4f46]::before, .cm-header--standout[data-v-b8bb4f46]:not(.cm-header--transparent)::before {
      opacity: 1;
}
.cm-header--no-shadow[data-v-b8bb4f46]:not(.cm-header--scrolled) {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.cm-header--transparent[data-v-b8bb4f46] {
    background-color: transparent;
}
.cm-header__toolbar[data-v-b8bb4f46] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 0.3125rem;
    padding-top: 0.3125rem;
}

  /* IE Edge Bug fix for a quasar style that gets applied. */
.cm-header__toolbar[data-v-b8bb4f46]::after {
      position: absolute;
}
.cm-header__toolbar-left[data-v-b8bb4f46] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(var(--lh)*1.25);
    z-index: 10;
}
.cm-header__title[data-v-b8bb4f46] {
    font-size: 1.125rem;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
    height: 100%;
    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;
    opacity: 1;
    -webkit-transition: all var(--header-animation-duration)
      var(--header-animation-easing);
    transition: all var(--header-animation-duration)
      var(--header-animation-easing);
}
.cm-header__title--hidden[data-v-b8bb4f46] {
      visibility: hidden;
      opacity: 0;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Paywall/PremiumComponent/PremiumComponent.ts.vue?vue&type=style&index=0&id=639fb60b&lang=postcss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-639fb60b {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-639fb60b {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.premium-component-wrapper[data-v-639fb60b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.premium-component[data-v-639fb60b] {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.premium-component--disable .premium-component__slot[data-v-639fb60b] {
        pointer-events: none;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}
.premium-component--disable .premium-component__background-image[data-v-639fb60b] {
        display: block;
        width: 100%;
}
.premium-component--has-cta[data-v-639fb60b] {
    z-index: 2;
}
.premium-component__background-image[data-v-639fb60b] {
    display: none;

    /*
      Ensure that the overlay has sufficient space to render
      on smaller devices
    */
    min-height: 18.75rem;
}
.premium-component__slot[data-v-639fb60b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PremiumContent/PremiumOverlay.vue?vue&type=style&index=0&id=6e8306a6&lang=postcss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.premium-content[data-v-6e8306a6] {
  max-width: 15.625rem;
  text-align: center;
}
.premium-content__heading[data-v-6e8306a6] {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
}
.premium-content__btn[data-v-6e8306a6] {
    background-color: var(--cm-color-green);
    color: #fff;
    border-radius: 6.25rem;
    border: 0;
    -webkit-box-shadow: 0 0.3125rem 0.625rem rgba(27, 201, 142, 0.3);
            box-shadow: 0 0.3125rem 0.625rem rgba(27, 201, 142, 0.3);
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    width: 12.5rem;
    margin: 1.25rem auto;
    padding: 0.9375rem;
    cursor: pointer;
    display: block;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.premium-content__btn[data-v-6e8306a6]:hover {
      opacity: 0.8;
}
.premium-content__cta[data-v-6e8306a6] {
    color: var(--cm-color-green);
    text-decoration: none;
    font-size: 1rem;
    line-height: 1;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/PremiumContent/PremiumComponent.vue?vue&type=style&index=0&id=faae6d5a&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.premium-component[data-v-faae6d5a] {
  position: relative;
}
.premium-component--active[data-v-faae6d5a] {
    min-height: 12.5rem;
}
.premium-component__close[data-v-faae6d5a] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.625rem;
    color: var(--cm-color-gray500);
    cursor: pointer;
}
.premium-component__overlay[data-v-faae6d5a] {
    position: absolute;
    z-index: 1000;
    left: 0;
    width: 100%;
    height: 100%;
    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;
}
.premium-component__blur[data-v-faae6d5a] {
    opacity: 0.1;
    -webkit-filter: blur(0.125rem);
            filter: blur(0.125rem);
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-16.use[2]!./src/styles/cm-custom.css ***!
  \************************************************************************************************************************************************************************************************************************************/
:root {
  --cm-color-green: #1bc98e;
  --cm-color-green-light: #e7f7f1;
  --cm-color-green-lighter: #d1f4e7;
  --cm-color-green-bright: #25d298;
  --cm-color-green-dark: #1ca677;
  --cm-color-red: #eb5350;
  --cm-color-red50: #f94642;
  --cm-color-red100: #fca2a0;
  --cm-color-red-light: #fde9e8;
  --cm-color-red-dark: #c71713;
  --cm-color-orange: #ec9e31;
  --cm-color-orange50: #ec9e31;
  --cm-color-orange100: #fda120;
  --cm-color-orange-light: #fff6e9;
  --cm-color-orange-dark: #d57410;
  --cm-color-blue-light: #eaf1f8;
  --cm-color-blue: #3177bb;
  --cm-color-purple: #6c88f9;
  --cm-color-purple-light: #aab7ff;
  --cm-color-pink: #fb64ad;
  --cm-color-yellow-light: #fffcf2;
  --cm-color-gray0: #000;
  --cm-color-gray50: #202224;
  --cm-color-gray75: #333333;
  --cm-color-gray100: #393c40;
  --cm-color-gray150: #464646;
  --cm-color-gray200: #474b4f;
  --cm-color-gray300: #6f7379;
  --cm-color-gray400: #aaaeb3;
  --cm-color-gray500: #c6cacf;
  --cm-color-gray550: #e1e2e4;
  --cm-color-gray600: #ebebeb;
  --cm-color-gray650: #ebeff4;
  --cm-color-gray700: #f6f8fb;
  --cm-color-gray750: #fafbfc;
  --cm-color-gray800: #ffffff;
  --cm-color-white: #ffffff;
  --cm-text-body: var(--cm-color-gray75);
  --cm-text-light-gray: #7f7f7f;
  --cm-text-dark-gray: var(--cm-color-gray300);
  --cm-background-color: #fefefe;

  /* RGB from HEX Colors mapped */
  --cm-rgb-color-green: 27, 201, 142;
  --cm-rgb-color-green-dark: 28, 166, 119;
  --cm-rgb-color-red: 235, 83, 80;
  --cm-rgb-color-red50: 249, 70, 66;
  --cm-rgb-color-orange: 236, 158, 49;
  --cm-rgb-color-orange-dark: 213, 116, 16;
  --cm-rgb-color-blue: 59, 119, 177;
  --cm-rgb-color-purple: 108, 136, 249;
  --cm-rgb-color-pink: 251, 100, 173;
  --cm-rgb-color-gray300: 111, 115, 121;

  /* Stack Orders */
  --tour-overlay-index: 2300;
  --tour-dialog-index: 2301;
  --food-finder-results-index: 1001;

  /* Font Sizes */
  --cm-text-xxxxxl: 4.5rem;
  --cm-text-xxxxl: 2.5rem;
  --cm-text-xxxl: 2.25rem;
  --cm-text-xxl: 1.875rem;
  --cm-text-xl: 1.5rem;
  --cm-text-lg: 1.25rem;
  --cm-text-md: 1.125rem;
  --cm-text-sm: 1rem;
  --cm-text-xs: 0.875rem;
  --cm-text-xxs: 0.75rem;
  --cm-text-xxxs: 0.625rem;

  /* Line heights */
  --text-lh-xxl: 1.4; /* --cm-text-xxl + 2px */
  --text-lh-xl: 1.4; /* --cm-text-xl + 2px */
  --text-lh-lg: 1.4; /* --cm-text-lg + 2px */
  --text-lh-md: 1.4; /* --cm-text-md + 2px */
  --text-lh-sm: 1.4;
  --text-lh-xs: 1.4; /* --cm-text-xs + 2px */
  --text-lh-xxs: 1.4;
  --text-lh-xxxs: 1.4;

  /* Spacing */
  --cm-base-lh: 1rem;
  --lh-quarter: 0.25rem;
  --lh-half: 0.5rem;
  --lh: var(--cm-base-lh);
  --lh-1: var(--cm-base-lh);
  --lh-1-half: calc(var(--cm-base-lh)*1.5);
  --lh-2: calc(var(--cm-base-lh)*2);
  --lh-3: calc(var(--cm-base-lh)*3);
  --lh-4: calc(var(--cm-base-lh)*4);
  --lh-5: calc(var(--cm-base-lh)*5);
  --lh-6: calc(var(--cm-base-lh)*6);
  --lh-7: calc(var(--cm-base-lh)*7);
  --lh-8: calc(var(--cm-base-lh)*8);
  --lh-9: calc(var(--cm-base-lh)*9);
  --lh-10: calc(var(--cm-base-lh)*10);
  --lh-11: calc(var(--cm-base-lh)*11);
  --lh-12: calc(var(--cm-base-lh)*12);
  --lh-13: calc(var(--cm-base-lh)*13);
  --lh-14: calc(var(--cm-base-lh)*14);
  --lh-15: calc(var(--cm-base-lh)*15);
  --lh-16: calc(var(--cm-base-lh)*16);
  --lh-17: calc(var(--cm-base-lh)*17);
  --lh-18: calc(var(--cm-base-lh)*18);

  /* Box Shadow */
  --box-shadow-color: rgba(0, 30, 47, 0.1);
  --box-shadow-default: 0 0.3125rem 2.1875rem var(--box-shadow-color);
  --box-shadow-default-small: 0 0.3125rem 0.9375rem 0 var(--box-shadow-color);

  --box-shadow-color-light: rgba(0, 30, 47, 0.08);
  --box-shadow-default-light: 0 0.3125rem 2.1875rem var(--box-shadow-color-light);
  --box-shadow-default-small-light: 0 0.3125rem 0.9375rem 0
    var(--box-shadow-color-light);

  /* Border Radius */
  --border-radius-default: 1.25rem;

  /* Quasar Overrides */
  --q-color-primary: var(--cm-color-green);
  --q-color-primary-dark: var(--cm-color-green-dark);

  /* Form */
  --cm-form-height: 3rem;

  /* Macros */
  --cm-color-carbs: var(--cm-color-red);
  --cm-color-fat: var(--cm-color-orange);
  --cm-color-fat-dark: var(--cm-color-orange-dark);
  --cm-color-protein: var(--cm-color-blue);
  --cm-color-calories: #000;

  /* Shapes in charts, progress bars */
  --cm-color-shape-carbs: var(--cm-color-carbs);
  --cm-color-shape-fat: var(--cm-color-fat);
  --cm-color-shape-protein: var(--cm-color-protein);
  --cm-color-shape-calories: var(--cm-color-gray400);

  /* Layout */
  --app-container-width: 93.75rem;
  --layout-wrapper-spacing-vertical: calc(var(--lh)*1.5);
  --layout-wrapper-spacing-horizontal: min(3%, calc(var(--lh)*1.5));
  --layout-wrapper-spacing: var(--layout-wrapper-spacing-vertical)
    var(--layout-wrapper-spacing-horizontal);

  /* Daily Card */
  --daily-card-border-radius: var(--border-radius-default);

  /* Font Weights */
  --cm-font-weight-regular: 400;
  --cm-font-weight-medium: 500;
  --cm-font-weight-semibold: 600;
  --cm-font-weight-bold: 700;
  --cm-font-weight-extra-bold: 800;

  /* Star Rating */
  --cm-color-star-default: var(--cm-color-gray500);
  --cm-color-star-active: #fda01e;

  /* Settings Page */
  --cm-settings-row-height: 3.125rem;

  /* Misc */

  /* Do not change. This is to determine if the user's device has a notch */
  --env-safe-area-inset-top: env(safe-area-inset-top);
  --env-safe-area-inset-bottom: env(safe-area-inset-bottom);

  /* These values get overwritten */
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);

  --cm-mobile-toolbar-offset: 5rem;
  --cm-color-highlight: var(--cm-color-gray750);

  /*
  * These variables have to be the same as `SIDEBAR_SIZE.MIN` and `SIDEBAR_SIZE.MAX`
  * @see src/components/App/LargeSidebar/LargeSidebar.vue
  */
  --sidebar-size-min: 5rem;
  --sidebar-size-max: 15.625rem;
}

  @media (min-width: 801px) {:root {
    --cm-settings-row-height: auto;
}
  }
/* Media Queries */
@-webkit-keyframes shine {
  100% {
    background-position: calc(12.5rem + 100%) 0;
  }
}
@keyframes shine {
  100% {
    background-position: calc(12.5rem + 100%) 0;
  }
}
/** New Quasar Colors **/
/* !important statements are required to override quasar !important */
.text-gray500 {
  color: var(--cm-color-gray500);
}
.text-gray300 {
  color: var(--cm-color-gray300);
}
.text-primary-dark {
  color: var(--cm-color-green-dark);
}
.text-green {
  color: var(--cm-color-green) !important;
}
.bg-green {
  background: var(--cm-color-green) !important;
}
.bg-light-red {
  background-color: var(--cm-color-red-light) !important;
}
.text-gray {
  color: var(--cm-color-gray400);
}
.bg-gray {
  background: var(--cm-color-gray400) !important;
}
.bg-dark-gray {
  background-color: var(--cm-color-gray300) !important;
}
.text-dark-gray {
  color: var(--cm-color-gray300) !important;
}
.text-secondary-green {
  color: var(--cm-color-green-dark) !important;
}
.bg-secondary-green {
  background: var(--cm-color-green-dark) !important;
}
.text-red {
  color: var(--cm-color-red) !important;
}
.bg-red {
  background: var(--cm-color-red) !important;
}
.text-orange {
  color: var(--cm-color-orange) !important;
}
.bg-orange {
  background: var(--cm-color-orange) !important;
}
.text-secondary-orange {
  color: var(--cm-color-orange-dark) !important;
}
.bg-secondary-orange {
  background: var(--cm-color-orange-dark) !important;
}
.text-blue {
  color: var(--cm-color-blue) !important;
}
.bg-blue {
  background: var(--cm-color-blue) !important;
}
.text-purple {
  color: var(--cm-color-purple) !important;
}
.bg-purple {
  background: var(--cm-color-purple) !important;
}
/** CM Colors **/
.cm-color--carbs {
  color: var(--cm-color-carbs);
}
.cm-color--fat {
  color: var(--cm-color-fat);
}
.cm-color--protein {
  color: var(--cm-color-protein);
}
.cm-color--energy,
.cm-color--calories {
  color: var(--cm-color-calories);
}
.cm-bg--red {
  background-color: var(--cm-color-red);
}
.cm-color--red {
  color: var(--cm-color-red);
}
.cm-bg--purple {
  background-color: var(--cm-color-purple);
}
.cm-color--purple {
  color: var(--cm-color-purple);
}
.cm-bg--green {
  background-color: var(--cm-color-green);
}
.cm-bg--green-light {
  background-color: rgba(var(--cm-rgb-color-green), 0.12);
}
.cm-color--green {
  color: var(--cm-color-green);
}
.cm-bg--green-dark {
  background-color: var(--cm-color-green-dark);
}
.cm-color--green-dark {
  color: var(--cm-color-green-dark);
}
.cm-bg--orange {
  background-color: var(--cm-color-orange);
}
.cm-color--orange {
  color: var(--cm-color-orange);
}
.cm-color--orange-dark {
  color: var(--cm-color-orange-dark);
}
.cm-bg--blue {
  background-color: var(--cm-color-blue);
}
.cm-color--blue {
  color: var(--cm-color-blue);
}
.cm-bg--gray50 {
  background-color: var(--cm-color-gray50);
}
.cm-color--gray75 {
  color: var(--cm-color-gray75);
}
.cm-color--gray0 {
  color: var(--cm-color-gray0);
}
.cm-color--gray50 {
  color: var(--cm-color-gray50);
}
.cm-bg--gray100 {
  background-color: var(--cm-color-gray100);
}
.cm-color--gray100 {
  color: var(--cm-color-gray100);
}
.cm-bg--gray200 {
  background-color: var(--cm-color-gray200);
}
.cm-color--gray200 {
  color: var(--cm-color-gray200);
}
.cm-bg--gray300 {
  background-color: var(--cm-color-gray300);
}
.cm-color--gray300 {
  color: var(--cm-color-gray300);
}
.cm-bg--gray400 {
  background-color: var(--cm-color-gray400);
}
.cm-color--gray400 {
  color: var(--cm-color-gray400);
}
.cm-bg--gray500 {
  background-color: var(--cm-color-gray500);
}
.cm-color--gray500 {
  color: var(--cm-color-gray500);
}
.cm-bg--gray600 {
  background-color: var(--cm-color-gray600);
}
.cm-bg--gray650 {
  background-color: var(--cm-color-gray650);
}
.cm-bg--gray700 {
  background-color: var(--cm-color-gray700);
}
.cm-color--gray700 {
  color: var(--cm-color-gray700);
}
.cm-bg--gray800 {
  background-color: var(--cm-color-gray800);
}
.cm-color--gray800 {
  color: var(--cm-color-gray800);
}
.font-size-xs {
    font-size: var(--cm-text-xs);
}
.font-size-sm {
    font-size: var(--cm-text-sm);
}
.font-size-md {
    font-size: var(--cm-text-md);
}
.font-size-lg {
    font-size: var(--cm-text-lg);
}
.hide-scrollbars {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;
}
/* IE 10+ */
.hide-scrollbars::-webkit-scrollbar,
  .hide-scrollbars::-webkit-scrollbar-track,
  .hide-scrollbars::-webkit-scrollbar-thumb {
    display: none;
    width: 0.125rem !important;
    background-color: transparent; /* Chrome/Safari/Webkit */
  }
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  margin: -0.0625rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.pre-line-white-space {
  white-space: pre-line;
}
.vertical-align-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
.grecaptcha-badge {
    visibility: hidden
}
  }
.hcaptcha-notice {
  text-align: center;
}
.cm-font-weight-regular {
  font-weight: var(--cm-font-weight-regular);
}
.cm-font-weight-medium {
  font-weight: var(--cm-font-weight-medium);
}
.cm-font-weight-semibold {
  font-weight: var(--cm-font-weight-semibold);
}
.cm-font-weight-bold {
  font-weight: var(--cm-font-weight-bold);
}
.cm-font-weight-extra-bold {
  font-weight: var(--cm-font-weight-extra-bold);
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes spin-reversed {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
            transform: rotate(-359deg);
  }
}
@keyframes spin-reversed {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
            transform: rotate(-359deg);
  }
}
@-webkit-keyframes slideDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slideUp {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes slideUp {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.cm-animate-spin-1s {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
.cm-animate-spin-reversed-1s {
  -webkit-animation: spin-reversed 1s linear infinite;
          animation: spin-reversed 1s linear infinite;
}
.tippy-popper .tippy-tooltip.light-theme {
  padding: 0.8125rem 0.9375rem;
  border-radius: 0.5rem;
}
.tippy-content .tooltip__header {
      font-size: 0;
      padding-bottom: 0.1875rem;
    }
.tippy-content .tooltip__header span {
        font-size: 1rem;
        line-height: 1.2;
        font-weight: 700;
      }
.tippy-content .tooltip__body {
      font-size: 0.875rem;
      line-height: 1.1;
      color: var(--cm-color-gray400);
    }
/**
  * Quasar CSS Overrides
  */
.q-page {
  max-width: var(--app-container-width);
}
.q-textarea.q-field--borderless .q-field__native {
    min-height: 0;
    padding: 0;
  }
.q-textarea.q-field--borderless .q-field__control {
    min-height: 0;
  }
.q-pull-to-refresh.overflow-hidden {
  overflow: visible !important;
}
.q-tab {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.q-tab__alert {
  height: 0.4375rem;
  right: -0.375rem;
  top: 0.5625rem;
  width: 0.4375rem;
}
.q-header .q-tab__content {
  min-width: 0;
}
.q-linear-progress__track--light {
  background-color: var(--cm-color-gray650);
}
.q-tab__label {
  font-size: 1rem;
  font-weight: 600;
}
.q-tabs__arrow,
.q-tab--inactive {
  opacity: 1;
  color: var(--cm-color-gray300);
}
.q-slider__track-container {
  background-color: var(--cm-color-gray650);
  height: 0.25rem;
}
.q-slider--inactive .q-slider__thumb {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.q-slider__track {
  opacity: 0.5;
}
.q-field--outlined .q-field__control:after {
  height: 100%;
}
.q-field--outlined.q-field--rounded-4px .q-field__control {
  border-radius: 0.25rem;
}
.q-btn-toggle .q-btn {
    min-height: 0;
    line-height: 1.3;
    background-color: var(--cm-color-gray650);
    color: var(--cm-color-gray300);
  }
.q-field .q-btn-toggle .q-btn {
      background-color: #fff;
      color: var(--cm-color-gray400);
    }
.q-btn-toggle .q-btn__wrapper {
      min-height: 0;
    }
.q-toggle__thumb {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-width: 0.5625rem;
  width: 1.125rem;
  height: 1.125rem;
}
.q-toggle--bare .q-toggle__inner {
    height: auto;
    min-width: 0;
    width: auto;
  }
.q-toggle__inner {
  padding: 0;
  /*
   * The following breaks normal usage of the `QToggle` component:
   *
   * display: flex;
   * align-items: center;
   */
}
.q-toggle__inner--truthy .q-toggle__track {
    opacity: 1;
    background-color: var(--cm-color-green);
  }
.q-toggle__inner--truthy .q-toggle__thumb {
    color: var(--cm-color-green);
    left: 1.25rem;
  }
.q-toggle__inner--truthy .q-toggle__thumb:after {
      background-color: var(--cm-color-gray800);
    }
.q-toggle[disabled] {
  pointer-events: none;
}
.q-toggle__thumb {
  left: 0.125rem;
  top: 0.125rem;
}
.q-toggle__track {
  opacity: 1;
  height: 1.375rem;
  width: 2.5rem;
  border-radius: 6.25rem;
  background-color: var(--cm-color-gray400);
}
.q-menu {
  -webkit-box-shadow: 0 0.3125rem 0.9375rem var(--box-shadow-color);
          box-shadow: 0 0.3125rem 0.9375rem var(--box-shadow-color);
  max-height: none;
  border-radius: 0;
  max-width: 100% !important;
}
.q-item {
  font-weight: 500;
}
.q-item--active {
  color: #fff !important;
  background: var(--cm-color-green) !important;
}
.q-dialog__inner--maximized {
    top: var(--offline-bar-height);
  }
.q-select__dialog {
  border-radius: 0.9375rem !important;
  -webkit-box-shadow: 0 0.3125rem 2.1875rem var(--box-shadow-color) !important;
          box-shadow: 0 0.3125rem 2.1875rem var(--box-shadow-color) !important;

  /* The servings and fractions selector glitches if this padding is added to
     the `.scroll` child (mobile). */
  padding: 1.1875rem 0.5rem;
}
.q-select__dialog .items-start {
    display: none;
  }
.q-select__dialog .q-field {
    padding-bottom: 0;
  }
.q-select__dialog .q-item {
    padding: 0.75rem;
  }
.q-select__dialog .q-item--active {
    border-radius: 0.375rem;
  }
.q-select__dialog .q-field--filled .q-field__control {
    background: #f0f7f8;
    padding: 0 1.25rem;
  }
.q-select__dialog .q-field--filled .q-field__control::before {
      opacity: 1;
      background: transparent;
    }
.q-field__marginal {
  color: var(--cm-color-gray300);
}
.q-field__suffix {
  color: var(--cm-color-gray400);
}
.q-field--labeled .q-field__suffix {
    padding: 0 0 0 0.5rem;
    font-size: var(--cm-text-sm);
    opacity: 1 !important;
  }
.q-field--outlined.q-field--readonly .q-field__control:before {
  border-style: solid;
}
.q-field__append .q-btn-toggle {
    background-color: var(--cm-color-gray650);
    color: #6f737a;
  }
.q-field__append .q-btn-toggle .q-btn {
      font-size: 0.75rem;
      padding: 0 0.625rem;
      min-height: 1.375rem;
    }
.q-field__append .q-btn-toggle .q-btn__wrapper {
        padding: 0;
      }
.q-field__bottom {
  padding: 0.1875rem 0 0 0;
}
.q-field--float .q-field__label {
  font-weight: 600;
}
.q-field__label {
  color: var(--cm-color-gray100);
}
.q-field--focused .q-field__label {
    color: var(--cm-color-green-dark);
  }
.q-field__native {
  color: var(--cm-color-gray75);
}
.q-field--outlined .q-field__control:after {
  border-width: 0.0625rem !important;
}
.q-field--outlined .q-field__control {
  background: var(--cm-color-gray700);
  font-size: 1rem;
  border-radius: 0.125rem;
  padding: 0 1rem;
}
.q-field--outlined .q-field__control::before {
    border: 0.0625rem solid var(--cm-color-gray600);
  }
.q-field--outlined .q-field__control:hover::before {
    border-color: var(--cm-color-gray400);
  }
.q-field:not(.q-field--float) .q-placeholder ~ .q-field__label {
  color: var(--cm-color-gray300);
}
.q-field--readonly .q-placeholder {
  -webkit-text-fill-color: currentcolor;
}
.q-field--readonly .q-placeholder:not(.keep-color) {
    color: var(--cm-color-gray400);
  }
.q-field--alt-error {
  -webkit-transition: margin-bottom 0.15s ease-in;
  transition: margin-bottom 0.15s ease-in;
}
.q-field--alt-error.q-field--error {
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    margin-bottom: var(--lh);
  }
.q-field--with-bottom {
  padding-bottom: var(--lh);
}
.q-field--with-bottom-half {
  padding-bottom: var(--lh-half);
}
.q-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg viewBox=%270 0 11 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.5 4.63104L10.322 0L11 0.717851L5.5 6L0 0.717851L0.677966 0L5.5 4.63104Z%27 fill=%27%23212224%27/%3E%3C/svg%3E%0A")
    no-repeat;
  font-size: 0;
  height: 0.375rem;
  width: 0.6875rem;
}
.q-select__dropdown-icon--upside {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
.q-rating__icon {
    color: var(--cm-color-star-default);
    text-shadow: none;
  }
.q-rating__icon--hovered,
    .q-rating__icon--active {
      color: var(--cm-color-star-active);
    }
body.desktop .q-chip--clickable:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.q-notifications__list--top {
    top: 2.5rem;
  }
.q-notification {
  margin-bottom: calc(var(--safe-area-inset-bottom)*1.5 + 1.125rem);
  pointer-events: none;

  border-radius: 0.5rem;
  opacity: 0.85;
}
.q-notification--success {
    background: var(--cm-color-green-dark);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(27, 201, 142, 0.2);
            box-shadow: 0 0 0 0.25rem rgba(27, 201, 142, 0.2);
  }
.q-notification--warning {
    background: var(--cm-color-orange);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(253, 161, 32, 0.2);
            box-shadow: 0 0 0 0.25rem rgba(253, 161, 32, 0.2);
  }
.q-notification--notice {
    background: var(--cm-color-blue);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(49, 119, 187, 0.2);
            box-shadow: 0 0 0 0.25rem rgba(49, 119, 187, 0.2);
  }
.q-notification--error {
    background: var(--cm-color-red);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(249, 70, 66, 0.2);
            box-shadow: 0 0 0 0.25rem rgba(249, 70, 66, 0.2);
  }
.q-notification .q-icon {
    display: none;
  }
.q-notification__message {
    font-size: 1rem;
    line-height: 1.125;
  }
.q-notification .q-btn {
    color: #fff;
    pointer-events: auto;
  }
.q-notification:not(.q-notification--no-icon) .q-btn {
    background: url("data:image/svg+xml,%3Csvg viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L9 9%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M1 9L9 1%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-miterlimit=%2710%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A")
      center no-repeat;
    background-size: 0.625rem;
  }
.q-notification:not(.q-notification--no-icon) .q-btn__content {
      position: absolute;
      width: 0.0625rem;
      height: 0.0625rem;
      margin: -0.0625rem;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }
.q-btn--gray-disabled[disabled] {
    background: var(--cm-color-gray650) !important;
    color: var(--cm-color-gray500) !important;
    opacity: 1 !important;
  }
@-webkit-keyframes q-autofill {
  to {
    background: transparent;
  }
}
@keyframes q-autofill {
  to {
    background: transparent;
  }
}
@media (max-width: 680px) {
.row--measurement {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column
  }
    }
.row--measurement .q-field {
      padding-bottom: 1.25rem;
    }
.col--measurement[disabled] {
      pointer-events: none;
    }
@media (min-width: 681px) {
.col--measurement:not(:last-child) {
        margin-right: var(--dialog-input-margin)
    }
      }
.col--measurement .q-field {
      margin-bottom: var(--lh-half);
    }
@media (min-width: 681px) {
.col--measurement .q-field {
        margin-bottom: var(--lh)
    }
      }
/**
 * This is a "fix" that specifically targets Firefox
 * this issue is caused by a long-standing rendering error in Firefox when
 * you have a combination of flex, flex basis, and min-width.
 *
 * More info here: https://bugzilla.mozilla.org/show_bug.cgi?id=1179454
 * More info here: https://app.clubhouse.io/carbmanager/story/3449/delete-recipe-ingredients-style-problem
 */
@-moz-document url-prefix() {
  .cm-delete-round-button .q-btn__wrapper.col.row.q-anchor--skip {
    min-width: 0;
    min-height: 0;
  }
}
/* Some animations on Android cause flickering issues so they need to be disabled */
/* ripple effect makes other components flicker unless z-index is higher  */
.platform-android .q-ripple {
    z-index: 10000;
  }
.platform-android .q-slider__thumb.absolute {
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
  }
.platform-android .q-slider__focus-ring {
    -webkit-transition: none;
    transition: none;
  }
.platform-android .q-dialog__backdrop {
    -webkit-transition: none;
    transition: none;
  }
.cm-notifications {
  padding: 0.625rem;
  margin: 0 0 3.4375rem 1.25rem;
  font-size: 1rem;
  color: #ffffff;
  background: var(--cm-color-green-dark);
  opacity: 0.85;
}
.cm-notifications.warning {
    background: var(--cm-color-orange-dark);
  }
.cm-notifications.error {
    background: var(--cm-color-red-dark);
  }
.cm-notifications.success {
    background: var(--cm-color-green-dark);
  }
.vue-notification-group {
  z-index: 10000 !important;
  pointer-events: none !important;
}
.base-dialog__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: var(--dialog-buttons-top-margin, 1rem);
  }
@media (min-width: 600px) {
.base-dialog__buttons {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end
  }
    }
.base-dialog__buttons .q-btn__wrapper {
      min-height: 3rem;
      padding-top: 0;
      padding-bottom: 0;
    }
.base-dialog__button--left {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-top: 0.25rem;
    }
@media (min-width: 600px) {
.base-dialog__button--left {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
        margin-top: 0
    }
      }
.base-dialog__button--cancel {
      color: var(--cm-color-gray300);
      display: block;
      margin-top: 0.25rem;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
    }
@media (min-width: 600px) {
.base-dialog__button--cancel {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-top: 0;
        margin-left: auto
    }
      }
.base-dialog--action-sheet .base-dialog__button--cancel {
        display: none;
      }
.base-dialog__button--submit {
      font-size: var(--cm-text-md);
      font-weight: var(--cm-font-weight-bold);
      line-height: var(--text-lh-md);
      margin: 0;

      -webkit-box-ordinal-group: 2;

          -ms-flex-order: 1;

              order: 1;
      margin-left: 0.9375rem;
    }
@media (max-width: 600px) {
.base-dialog__button--submit {
        width: 100%;
        margin: 0
    }
      }
@media (min-width: 601px) {
.base-dialog__button--submit .q-btn__wrapper {
          padding-left: 5.9375rem;
          padding-right: 5.9375rem
      }
        }
.content-box {
  --goal-box-border-radius: 0.75rem;
  --goal-box-padding: 1.25rem;
  --goal-box-border-color: var(--cm-color-gray600);
  --goal-box-main-border: 0.0625rem solid var(--goal-box-border-color);
  --goal-box-shadow: none;
  --goal-box-max-width: 25rem;

  position: relative;
  border: var(--goal-box-main-border);
  border-radius: var(--goal-box-border-radius);
  -webkit-box-shadow: var(--goal-box-shadow);
          box-shadow: var(--goal-box-shadow);
  overflow: hidden;
}
.content-box:not(:last-child) {
    margin-bottom: 2.5rem;
  }
@media (max-width: 800px) {
.content-box {
    --goal-box-border-radius: var(--border-radius-default);
    --goal-box-main-border: none;
    --goal-box-shadow: var(--box-shadow-default)
}

    .content-box--compact {
      --goal-box-shadow: none;
    }
  }
.content-box--disabled {
    --goal-box-shadow: 0;

    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: var(--cm-color-gray700);
  }
.content-box--compact {
    --goal-box-padding: 1.25rem 0 0 0;
    --goal-box-main-border: none;
  }
.content-box__container {
    padding: var(--goal-box-padding);
  }
.content-box__container--sm {
      --goal-box-padding: 0.625rem;
    }
.content-box__step {
    padding: var(--goal-box-padding);
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
  }
.content-box__step:not(:only-child) {
      border-bottom: 0.0625rem solid var(--goal-box-border-color);
    }
.content-box__step--collapsed {
      --goal-box-border-color: transparent;
    }
.content-box--compact .content-box__step {
    --goal-box-border-color: transparent;
    --goal-box-padding: 0;
  }
.content-box__macro-dropdown {
    margin: 1.5rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
@media (max-width: 374px) {
      .content-box__macro-dropdown .chart {
        display: none;
      }

      .content-box__macro-dropdown .q-field {
        margin-bottom: var(--lh);
      }
    }
@media (min-width: 375px) {
.content-box__macro-dropdown {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row
  }

      .content-box__macro-dropdown .q-field {
        margin-right: 1.5rem;
        margin-bottom: 0;
      }
    }
.content-box__macro-dropdown .q-field {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
.content-box__macro-dropdown .chart {
      width: 4.6875rem;
    }
:root {
  --cm-finder-image-margin: var(--lh-2);
}
.cm-finder-dialog-notfound {
  font-size: var(--cm-text-md);
  font-weight: var(--cm-font-weight-regular);
  line-height: var(--text-lh-md);
  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  color: var(--cm-color-gray550);
  min-width: 18.75rem;
  text-align: center;
  padding: 0 0.9375rem 3.125rem 0.9375rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 600px) {
.cm-finder-dialog-notfound {
    padding-bottom: 6.25rem
}
  }
.cm-finder-dialog-notfound--bare {
    padding: 0;
  }
.cm-finder-dialog-notfound__image {
    margin: var(--cm-finder-image-margin) 0;
    color: var(--cm-color-gray400);
    opacity: 0.5;
    font-size: calc(3.96076rem + 8.72093vw);
    line-height: 1;
  }
@media screen and (min-width: 1280px) {

  .cm-finder-dialog-notfound__image {
    font-size: 10.9375rem;
  }
}
@media screen and (max-width: 420px) {

  .cm-finder-dialog-notfound__image {
    font-size: 6.25rem;
  }
}
.cm-finder-dialog-notfound__description {
    margin: 0 var(--lh);
    color: var(--cm-color-gray300);
  }
.cm-finder-dialog-heading {
  margin: 0;
  padding: 0 var(--lh) var(--lh-quarter);
  min-height: 2rem;
}
.cm-finder-dialog-results {
  font-size: var(--cm-text-sm);
  font-weight: var(--cm-font-weight-semibold);
  line-height: var(--text-lh-sm);
  margin: 0;
}
.cm-finder-dialog-filter {
  padding: 0 var(--lh) var(--lh-half);
  /* margin prevent the scroll bar to be on top of element */
  margin-bottom: var(--lh-quarter);
  white-space: nowrap;
  overflow-x: auto;
}
.cm-finder-dialog-filter .q-chip {
    --cm-chip-margin: 0 var(--lh-quarter);
  }
.cm-finder-dialog-filter .q-chip:first-child {
      margin-left: 0;
    }
.cm-finder-dialog-filter .q-chip:last-child {
      margin-right: 0;
    }
.cm-finder-dialog-search {
  padding: 0.9375rem 0.9375rem var(--lh-half);
  position: relative;
  -webkit-transition: padding 0.2s linear, -webkit-box-shadow 0.2s linear;
  transition: padding 0.2s linear, -webkit-box-shadow 0.2s linear;
  transition: padding 0.2s linear, box-shadow 0.2s linear;
  transition: padding 0.2s linear, box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
  z-index: 10;
}
.cm-finder-dialog-search__input {
    z-index: 10;
    position: relative;
  }
.cm-finder-dialog-search__cancel {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-sm);
    margin: 0;

    position: absolute;
    right: calc(var(--lh)*0.75);
    top: 1.125rem;
    color: var(--cm-color-gray300);
    cursor: pointer;
    opacity: 0;
    z-index: 1;
  }
.cm-finder-dialog-search >>> .q-field__native {
    font-weight: var(--cm-font-weight-medium);
  }
.cm-finder-dialog-search .q-field__control {
    border: 0.0625rem solid var(--cm-color-gray600);
    background: var(--cm-color-gray800);
  }
.cm-finder-dialog-search .q-field--outlined ::before {
      border: 0;
    }
.cm-finder-dialog-search__icon {
    cursor: pointer;
    margin-right: 0.3125rem;
    margin-left: 0.3125rem;
    color: var(--cm-color-gray300);
  }
.cm-finder-dialog-search__search-bar-icon {
    cursor: pointer;
    margin: var(--lh-quarter);
    width: calc(var(--lh)*1.5);
    height: calc(var(--lh)*1.5);
    color: var(--cm-color-gray300);
  }
.cm-finder-dialog-search__search-bar-icon--green {
      color: var(--cm-color-green);
    }
.cm-finder-dialog-search__icon-search-result-prefix {
    margin-left: var(--lh-quarter);
    margin-right: var(--lh-half);
  }
.cm-finder-dialog-fixed-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: inherit;
  padding: 0 var(--lh);
}
.cm-finder-dialog-fixed-cta__icon {
    margin: 0 var(--lh-half);
  }
.cm-finder-load-more {
  margin: 1.25rem 0;
}
.filter-dialog__container {
    padding: 0 1.5rem;
  }
.filter-dialog__content {
    margin: var(--lh-2) 0;
  }
.filter-dialog-buttons {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 5.625rem;
}
.filter-dialog-buttons__submit {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
.filter-dialog-buttons__cancel {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-sm);
    margin: 0;

    color: var(--cm-color-gray300);
    margin-right: 0.875rem;
  }
.feed-entry__author {
    margin-right: 0.25rem;
    white-space: pre-line;
    overflow-wrap: anywhere;
  }
.feed-entry__avatar {
    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;
  }
.feed-entry__avatar--icon {
      font-size: var(--cm-text-xl);
      height: 2.4375rem;
      width: 2.4375rem;
    }
.feed-entry__icon {
    margin: auto;
  }
.feed-entry__sup-avatar {
    border: 0.0625rem solid var(--cm-color-gray800);
    position: absolute;
    overflow: hidden;
    right: -0.125rem;
    top: -0.125rem;
    z-index: 1;
  }
.feed-entry__right-arrow-icon {
    color: var(--cm-color-gray500);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 0.6875rem;
  }
.cm-macro-slider:not(:last-child) {
    margin-bottom: 1.25rem;
  }
.cm-macro-slider__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
.cm-macro-slider__left {
    margin-right: var(--lh-half);
  }
.cm-macro-slider__input {
    width: 5.3125rem;
    margin-bottom: var(--lh-half);
  }
.cm-macro-slider__input /deep/ .q-field__control {
      border-radius: 0.5rem;
      background-color: #fff;
      height: 2.125rem;
    }
.cm-macro-slider__input /deep/ .q-field__suffix {
      padding: 0;
    }
.cm-macro-slider__range-container {
    margin: 0 0.625rem;
  }
.cm-macro-slider__percent {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-sm);
    margin: 0;

    text-align: right;
    display: block;
  }
.cm-macro-slider__title {
    font-size: var(--cm-text-md);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-md);
    margin: 0;
  }
.cm-macro-slider__description {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-sm);
    margin: 0;

    color: var(--cm-color-gray300);
    display: inline-block;
    margin: 0.25rem 0 0 0;
  }
.g-notes__input {
    background-color: var(--cm-color-gray800);
    border-radius: 0.75rem;
    padding: 1.25rem;
    border: 0.0625rem solid var(--cm-color-gray650);
  }
.cm-button--lg {
    font-size: var(--cm-text-lg);
    font-weight: var(--cm-font-weight-bold);
    min-width: 15rem;
  }
.cm-button--full {
    font-size: var(--cm-text-lg);
    font-weight: var(--cm-font-weight-bold);
    line-height: var(--text-lh-lg);
    margin: 0;
    display: block;
    width: 100%;
  }
/* Selector used for cancel/back buttons */
.cm-button--secondary {
    color: var(--cm-color-gray300);
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
  }
.cm-button--secondary-active {
      color: var(--cm-color-green-dark);
    }
.cm-button--secondary-dark {
    background: var(--cm-color-gray600);
    color: var(--cm-color-gray200);
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
  }
.cm-button--secondary-dark-active,
    .cm-button--secondary-dark:hover {
      color: var(--cm-color-gray100);
    }
.cm-button--link {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;

    color: inherit;
    text-decoration: none; /* For when using this in an anchor HTML tag */
  }
.cm-button--text-small {
      font-size: var(--cm-text-sm);
    }
.cm-button--text-md {
      font-size: var(--cm-text-md);
    }
.cm-button--hoverable {
    --cm-button-hoverable-background: transparent;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--cm-button-hoverable-background);
    border: 0;
    color: var(--cm-color-gray200);
    font-weight: var(--cm-font-weight-semibold);
    margin: auto;
    -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
body.no-touch .cm-button--hoverable:hover {
        --cm-button-hoverable-background: var(--cm-color-gray700);
      }
body:not(.using-mouse) .cm-button--hoverable:focus {
        --cm-button-hoverable-background: var(--cm-color-gray700);
      }
.cm-button--semibold {
    font-weight: var(--cm-font-weight-semibold);
  }
.cm-button--avatar {
    z-index: 10;
  }
.cm-button--squared {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-sm);
    margin: 0;

    color: var(--cm-color-gray300);
    background: var(--cm-color-gray700);
    border: 0;
    cursor: pointer;
    display: block;
    padding: 0;
    text-align: center;
  }
.cm-button--squared.cm-button--lg {
    height: 3.25rem;
    width: 100%;
  }
.cm-button--wrap {
    white-space: pre-line;
    overflow-wrap: anywhere;
  }
.cm-button--squared.cm-button--color-red {
    background: #fdf6f6;
  }
.cm-button--color-green {
    color: var(--cm-color-green-dark);
  }
.cm-button--color-green-dark {
    color: var(--cm-color-green-dark);
  }
.cm-button--color-red {
    color: var(--cm-color-red);
  }
.cm-form-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: calc(var(--lh)*-1) 0 0 calc(var(--lh)*-1);
  width: calc(100% + var(--lh));
}
.cm-form-split > * {
    margin: var(--lh) 0 0 var(--lh);
  }
.cm-form-split .q-field {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
.cm-form-heading {
  font-size: calc(1.06686rem + 0.69767vw);
  line-height: 1;
  font-weight: 600;
  margin: 0 0 2rem 0;
}
@media screen and (min-width: 1280px) {

  .cm-form-heading {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 420px) {

  .cm-form-heading {
    font-size: 1.25rem;
  }
}
.cm-form-readonly {
  color: var(--cm-color-gray300);
}
@media (min-width: 901px) {
.cm-form-tooltip {
    position: absolute;
    right: 0.625rem
}
  }
@media (max-width: 900px) {
.cm-form-tooltip {
    padding-left: 0.375rem
}
  }
@media (min-width: 901px) {
.cm-form--mobile-only {
      display: none !important
  }
    }
@media (max-width: 900px) {
.cm-form--desktop-only {
      display: none !important
  }
    }
.cm-form-apply {
  text-align: center;
}
.cm-form-apply__button {
    font-size: var(--cm-text-lg);
    font-weight: var(--cm-font-weight-bold);
    line-height: var(--text-lh-lg);
    margin: 0;
    min-width: 18.75rem;
  }
@media (min-width: 400px) {
.cm-form-apply__button {
      min-width: 21.25rem
  }
    }
.cm-meal-measurements {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: var(--lh-half);
}
@media (max-width: 530px) {
.cm-meal-measurements {
    grid-template-columns: repeat(1, 1fr)
}
  }
.account-header {
  --icon-size: 4.375rem;
  --icon-padding: 0.375rem;

  text-align: center;
}
.account-header__logo-link {
    display: inline-block;
    position: relative;
    z-index: 100;
  }
.account-header__logo {
    display: block;
    margin: 0 auto;
    font-size: var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    padding: var(--icon-padding);
  }
.account-header__title {
    margin: 0;
    font-size: 2rem;
    line-height: 1.23;
    font-weight: 700;
    letter-spacing: initial; /* reset h1 letter spacing */
    color: var(--cm-color-gray100);
  }
.account-header__title--secondary {
      font-size: var(--cm-text-xl);
      font-weight: var(--cm-font-weight-bold);
      line-height: var(--text-lh-xl);
      margin: 0;

      margin: var(--lh-half) 0 0 0;
    }
.account-header__subtitle {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-sm);
    margin: 0;
    color: var(--cm-color-gray200);
    margin: var(--lh-half) 0 0 0;
  }
.account-header__subtitle--alt {
      font-size: var(--cm-text-xs);
      font-weight: var(--cm-font-weight-regular);
      line-height: var(--text-lh-xs);
      margin: 0;

      letter-spacing: 0.4688rem;
      text-transform: uppercase;
      color: var(--cm-color-gray200);
    }
.account-header__subtitle--xs {
      font-size: var(--cm-text-xs);
      font-weight: var(--cm-font-weight-regular);
      line-height: var(--text-lh-xs);
      margin: 0;
    }
.account-subtext {
  margin: 0.5rem 0 0.5rem 0;
  text-align: center;
  font-size: 1rem;
  color: #000;
}
.account-subtext--small {
    font-size: 0.875rem;
  }
.account-subtext--no-margin {
    margin: 0;
  }
.account-subtext--right {
    text-align: right;
  }
.account-subtext__link {
    color: var(--cm-color-green-dark);
    font-weight: 600;
    text-decoration: none;
  }
.account-subtext__notice {
    color: var(--cm-color-gray400);
    font-size: 0.75rem;
    margin-top: var(--lh-2);
  }
.account-subtext__notice a {
      color: var(--cm-color-gray400);
    }
.cm-more-menu-icon {
  border-radius: 50%;
}
.cm-more-menu-icon .q-btn-dropdown__arrow {
    display: none;
  }
.cm-more-menu-icon--greyed-out {
    color: var(--cm-color-gray300);
  }
.cm-more-menu {
  border-radius: 1.25rem;
}
.cm-more-menu__inner {
    width: 14.375rem;
    background-color: #fff;
    padding: 0.3125rem 0;
  }
.cm-more-menu__section {
    margin: 0;
    padding: 0.625rem;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.2;
    color: var(--cm-color-gray300);
    list-style: none;
  }
.cm-more-menu__section:not(:last-child) {
      border-bottom: 0.0625rem solid var(--cm-color-gray600);
    }
.cm-more-menu__section:empty {
      display: none;
    }
.cm-more-menu__premium {
    position: absolute;
    right: 1.25rem;
  }
.cm-more-menu__right-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.cm-more-menu__right-side-button {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
    padding: calc(var(--lh-quarter)/2) var(--lh-half);
  }
.cm-more-menu__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.cm-more-menu__option--disabled {
      opacity: 0.6;
      pointer-events: none;
    }
.cm-more-menu__option-cta {
    --more-menu-options-hover-bg: var(--cm-color-green);

    background-color: var(--cm-color-gray800);
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    color: inherit;
    padding: var(--lh-half);
    text-align: left;
  }
.cm-more-menu__option-cta--disabled {
      opacity: 0.6;
      pointer-events: none;
    }
.cm-more-menu__option-cta--danger {
      --more-menu-options-hover-bg: var(--cm-color-red);
      color: var(--cm-color-red);
    }
.cm-more-menu__option-cta:not([disabled]):hover {
      background: var(--more-menu-options-hover-bg);
      color: var(--cm-color-gray800);
      border-radius: 0.375rem;
    }
body:not(.using-mouse) .cm-more-menu__option-cta:focus {
        background: var(--more-menu-options-hover-bg);
        color: var(--cm-color-gray800);
        border-radius: 0.375rem;
      }
.cm-more-menu__option-icon {
    font-size: var(--cm-text-lg);
    line-height: 1;
    margin-right: 0.625rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    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;
  }
.cm-more-menu__option-icon--xs {
      font-size: var(--cm-text-xs);
    }
.cm-more-menu__option-icon--sm {
      font-size: var(--cm-text-sm);
    }
.cm-more-menu__option-icon--md {
      font-size: var(--cm-text-md);
    }
.cm-more-menu__option-icon--lg {
      font-size: var(--cm-text-lg);
    }
.cm-more-menu__option-icon--xl {
      font-size: var(--cm-text-xl);
    }
.cm-more-menu__divider {
    margin: var(--lh-half) calc(var(--lh)*-1);
    border-top: 0.0625rem solid var(--cm-color-gray600);
  }
.cm-food-image {
  --food-icon-placeholder-size: 2.5rem;
  --food-icon-radius: 0.5rem;

  position: relative;
  width: var(--food-icon-placeholder-size);
  height: var(--food-icon-placeholder-size);
  max-height: inherit;
  max-width: inherit;
  min-height: inherit;
  min-width: inherit;
  text-align: center;
}
@media (min-width: 400px) {
.cm-food-image {
    --food-icon-placeholder-size: 3.375rem
}
  }
.cm-food-image__placeholder {
    background-color: var(--cm-color-gray700);
    border-radius: 0.25rem;
    width: var(--food-icon-placeholder-size);
    height: var(--food-icon-placeholder-size);
    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;
    font-size: calc(var(--food-icon-placeholder-size)*0.7);
    color: var(--cm-color-gray400);
  }
.cm-food-image__favorite {
    --like-button-color: var(--cm-color-red50);
    --like-button-stroke-color: var(--cm-color-red100);

    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    z-index: 10;
    width: var(--lh);
    height: var(--lh);
  }
.cm-food-image__media {
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: var(--food-icon-radius, 0);
  }
.cm-food-image /deep/ .progressive-image {
      border-radius: inherit;
    }
.cm-food-image /deep/ .progressive-background-image {
      background-size: contain;
      background-position: top center;
    }
.cm-rounded-card {
  font-size: var(--cm-text-sm);
  font-weight: var(--cm-font-weight-regular);
  line-height: var(--text-lh-sm);
  margin: 0;
  border-radius: 0.75rem;
  -webkit-box-shadow: var(--box-shadow-default);
          box-shadow: var(--box-shadow-default);
  margin: var(--lh) 0;
  overflow: hidden;
}
@media (min-width: 600px) {
.cm-rounded-card {
    margin: 1.25rem 0
}
  }
.cm-rounded-card__header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
.cm-rounded-card__heading {
    font-size: var(--cm-text-md);
    font-weight: var(--cm-font-weight-medium);
    line-height: var(--text-lh-md);
    margin: 0;
  }
.cm-rounded-card__description {
    color: var(--cm-color-gray200);
    margin-top: var(--lh);
    margin-bottom: var(--lh-half);
  }
.cm-rounded-card__section {
    padding: var(--lh);
  }
.cm-rounded-card__section--bordered {
      border-top: 0.0625rem solid var(--cm-color-gray600);
    }
.cm-rounded-card__section--bordered:first-child {
        border: none;
      }
.cm-rounded-card__section--bare {
      padding: 0;
    }
.cm-rounded-card__section:first-child .cm-rounded-card__heading {
        font-size: var(--cm-text-lg);
        font-weight: var(--cm-font-weight-bold);
        line-height: var(--text-lh-lg);
        margin: 0;
      }
.cm-rounded-card__section:first-child .cm-rounded-card__description {
        @text sm, regular;
      }
.cm-rounded-card__collapse-toggle {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
    font-size: 0.6875rem;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    transition: -webkit-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  }
.cm-rounded-card--collapsed .cm-rounded-card__collapse-toggle {
      -webkit-transform: unset;
              transform: unset;
    }
.cm-square-card {
  font-size: var(--cm-text-sm);
  font-weight: var(--cm-font-weight-regular);
  line-height: var(--text-lh-sm);
  margin: 0;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0.0625rem solid var(--cm-color-gray650);
}
.cm-square-card__header-button {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: var(--lh);
    width: 100%;
    text-align: left;
  }
.cm-square-card__heading {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-medium);
    line-height: var(--text-lh-sm);
    margin: 0;
    color: var(--cm-color-gray75);
    text-align: left;
  }
@media (min-width: 801px) {
.cm-square-card__heading {
      font-size: var(--cm-text-md);
      font-weight: var(--cm-font-weight-medium);
      line-height: var(--text-lh-md);
      margin: 0
  }
    }
.cm-square-card__section {
    padding: 0;
    border-radius: 0;
  }
.cm-square-card__section--bare {
      padding: 0;
    }
.cm-square-card__section--expanded {
      background-color: var(--cm-color-gray700);
    }
.cm-square-card__icon {
    color: var(--cm-color-gray300);
  }
.cm-modal-bar {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, opacity 0.3s linear;
  transition: transform 0.3s linear, opacity 0.3s linear, -webkit-transform 0.3s linear;
}
.cm-modal-bar.q-layout__section--marginal {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--cm-color-gray750);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--lh) 0 0 0;
  }
.cm-modal-bar__inner {
    min-height: 1.875rem;
  }
.cm-modal-bar__inner.q-toolbar {
      padding: 0 var(--lh) var(--lh);
    }
.cm-modal-bar--standout,
  .cm-modal-bar--has-tabs {
    -webkit-box-shadow: 0 0.625rem 2.1875rem var(--box-shadow-color);
            box-shadow: 0 0.625rem 2.1875rem var(--box-shadow-color);
  }
.cm-modal-bar .cm-more-menu-icon {
    margin-left: 0.3125rem;
  }
.cm-modal-bar__back-button,
  .cm-modal-bar__close-button {
    z-index: 1;
    color: var(--cm-color-gray0);
    width: calc(var(--lh)*1.75);
    height: calc(var(--lh)*1.75);
    padding: 0;
  }
.cm-modal-bar__back-button .q-btn__wrapper, .cm-modal-bar__close-button .q-btn__wrapper {
      min-height: calc(var(--lh)*1.75);
      padding: 0;
    }
.cm-modal-bar__cross-icon,
  .cm-modal-bar__back-icon {
    color: var(--cm-color-gray0);
    font-size: var(--cm-text-xl);
  }
.cm-modal-bar__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
.cm-modal-bar__title--centered {
      left: 50%;
      position: absolute;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);

      /* Prevents the centered title from overlapping with the top bar's left/right buttons. */
      padding: 0 5.625rem;
    }
.cm-modal-bar__title.q-toolbar__title {
      font-size: var(--cm-text-lg);
      font-weight: var(--cm-font-weight-bold);
      line-height: var(--text-lh-lg);
      margin: 0;

      color: var(--cm-color-gray75);
    }
.cm-modal-bar__section {
    color: var(--cm-color-gray75);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.cm-modal-bar__section--right {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      margin-left: auto; /* MS Edge fix */
    }
.cm-modal-bar__section--left {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
    }
.cm-modal-bar__sub-title {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-sm);
    margin: 0;
    color: var(--cm-color-gray300);
    padding-bottom: var(--lh);
    text-align: center;
    text-transform: uppercase;
  }
.cm-modal-bar__toolbar {
    border-top: 0.0625rem solid var(--cm-color-gray650);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
.cm-modal-bar__toolbar--no-border {
      border: none;
    }
.cm-modal-bar__toolbar .q-tab__icon {
      width: 0.75rem;
    }
.cm-modal-bar__tabs {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    font-weight: 600;
  }
.cm-modal-bar__tabs .q-tabs__content {
      overflow-x: auto;
      width: 100%;
    }
/* The navigation arrows should only be displayed on mobile */
body.desktop .cm-modal-bar__tabs:not(.q-tabs--not-scrollable) .q-tabs__arrow {
          display: none;
        }
body.mobile .cm-modal-bar__tabs:not(.q-tabs--not-scrollable) .q-tabs__arrow {
          display: unset;
        }
.task-notify-toast {
  padding: 0.625rem;
  color: #333 !important;
  background: url(/img/confetti-background.c26c26d7.png), #ffffff;
  background-position: 14.375rem -2.5rem;
  background-repeat: no-repeat;
  background-size: 50%;
  opacity: 1;
}
.task-notify-toast .q-notification__avatar {
    height: 2.5rem;
    width: 2.5rem;
  }
.task-notify-toast .q-notification__wrapper {
    margin-right: 4.6875rem;
  }
#confetti-canvas {
  z-index: 10000;
}
.stonly-widget-trigger .stonly-widget-trigger-underline {
  color: transparent;
}
body {
  font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--cm-text-body);
  background-repeat: no-repeat;
  background-size: 80%;
  background-color: #fff;
}
@media (min-width: 768px) {
body {
    background-size: 50%
}
  }
/**
   * Instead of using env() CSS fixes for devices with notches, we've addressed the problem
   * in our native app builds. We need to remove all of these "hacks" for users with our newer
   * app versions, but keep them around for users stuck on older versions.
   *
   * @see: https://app.clubhouse.io/carbmanager/story/16452/remove-env-safe-area-inset-top-hacks
   */
body.disable-safe-area-adjustments {
    --safe-area-inset-top: 0px;
    --safe-area-inset-bottom: 0px;
  }
@media (max-width: 800px) {
body.has-mobile-header {
      background: #fff
  }
    }
body.is-loading {
    overflow: hidden;
  }
body.using-mouse :focus {
      outline: 0;
    }
body.print {
    background: none;
    min-height: 0; /* Quasar's `min-height` rule causes PDF files to have an extra blank page */
  }
/* Need to explicitly set button color in iOS15 or reverts to system blue */
input[type='file']::-webkit-file-upload-button {
  color: var(--cm-text-body);
}
input:is([type='button'], [type='submit'], [type='reset']),
input[type='file']::file-selector-button,
button {
  color: var(--cm-text-body);
}
.has-focus-border:focus {
    outline: 0.0625rem solid var(--cm-color-green);
  }
:focus {
  outline: 0;
  -webkit-box-shadow: 0;
          box-shadow: 0;
}
input[type='time']::-webkit-clear-button {
  display: none;
}
svg {
  vertical-align: middle;
}
svg[svg-inline] {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: inherit;
  }
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
input:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cm-premium-icon { /* Green Dark */

  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 14' fill='%231ca677' xmlns='http://www.w3.org/2000/svg' inline='true'%3E%3Cpath d='M10.387 12.467H3.124v1.066h7.263v-1.066Z' fill='%231ca677' inline='true' /%3E%3Cpath d='M7.28 11.49c.725 1.261 1.75 2.043 3.107 2.043v-1.066c-.918 0-1.635-.547-2.19-1.511a6.093 6.093 0 0 1-.662-1.713l-.085-.429H6.062l-.086.43a6.092 6.092 0 0 1-.662 1.712c-.554.964-1.271 1.51-2.19 1.51v1.067c1.358 0 2.383-.782 3.108-2.043.22-.38.393-.77.524-1.13.131.36.305.75.523 1.13Z' fill='%231ca677' inline='true' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.082 4.606C2.593 7.627 4.233 9.88 6.496 9.88s3.967-2.343 4.416-5.278l.518-3.258.093-.582L6.528.468l-4.472.26-.586.035.612 3.843Zm1.046-.174L2.703 1.76l3.825-.227 3.762.226-.426 2.68c-.38 2.481-1.758 4.377-3.368 4.377-1.612 0-2.933-1.816-3.368-4.383Z' fill='%231ca677' inline='true' /%3E%3Cpath d='M6.508 8.814h-.27v1.067h.27c3.59 0 6.485-2.79 6.485-6.272v-.534h-2.56v1.067h1.472c-.276 2.63-2.571 4.672-5.397 4.672Z' fill='%231ca677' inline='true' /%3E%3Cpath d='M2.56 4.142V3.075H0v.534C0 7.09 2.895 9.88 6.485 9.88h.27V8.814h-.27c-2.826 0-5.12-2.041-5.397-4.672H2.56ZM10.387 12.467H3.124v1.066h7.263v-1.066Z' fill='%231ca677' inline='true' /%3E%3Cpath d='M7.28 11.49c.725 1.261 1.75 2.043 3.107 2.043v-1.066c-.918 0-1.635-.547-2.19-1.511a6.093 6.093 0 0 1-.662-1.713l-.085-.429H6.062l-.086.43a6.092 6.092 0 0 1-.662 1.712c-.554.964-1.271 1.51-2.19 1.51v1.067c1.358 0 2.383-.782 3.108-2.043.22-.38.393-.77.524-1.13.131.36.305.75.523 1.13Z' fill='%231ca677' inline='true' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.082 4.606C2.593 7.627 4.233 9.88 6.496 9.88s3.967-2.343 4.416-5.278l.518-3.258.093-.582L6.528.468l-4.472.26-.586.035.612 3.843Zm1.046-.174L2.703 1.76l3.825-.227 3.762.226-.426 2.68c-.38 2.481-1.758 4.377-3.368 4.377-1.612 0-2.933-1.816-3.368-4.383Z' fill='%231ca677' inline='true' /%3E%3Cpath d='M6.508 8.814h-.27v1.067h.27c3.59 0 6.485-2.79 6.485-6.272v-.534h-2.56v1.067h1.472c-.276 2.63-2.571 4.672-5.397 4.672Z' fill='%231ca677' inline='true' /%3E%3Cpath d='M2.56 4.142V3.075H0v.534C0 7.09 2.895 9.88 6.485 9.88h.27V8.814h-.27c-2.826 0-5.12-2.041-5.397-4.672H2.56Z' fill='%231ca677' inline='true' /%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.cm-premium-icon--disabled {
    cursor: not-allowed;
    pointer-events: none;
  }
.cm-link {
  color: var(--cm-color-green-dark);
  text-decoration: none;
}
.cm-link:hover {
    text-decoration: underline;
  }
.cm-input-date .simple-date-picker {
    height: 1.5rem;
    margin: 0 auto;
  }
.cm-input-date .simple-date-picker__date-label {
    --simple-date-picker-label-font-size: 1rem;
    --simple-date-picker-label-font-weight: 400;
    --simple-date-picker-label-text-transform: none;
  }
.cm-chip {
  --cm-chip-background: var(--cm-color-gray650);
  --cm-chip-color: var(--cm-color-gray300);
  --cm-chip-padding: 0 var(--lh);
  --cm-chip-margin: 0.25rem;
  --cm-chip-icon-width: 0.875rem;
  --cm-chip-icon-height: calc(var(--lh-half)*1.5);
  --cm-chip-icon-margin: 0.25rem;
  --cm-chip-height: 2rem;

  font-size: var(--cm-text-xs);

  font-weight: var(--cm-font-weight-semibold);

  line-height: var(--text-lh-xs);

  margin: 0;

  background: var(--cm-chip-background);
  color: var(--cm-chip-color);
  height: var(--cm-chip-height);
  padding: var(--cm-chip-padding);
  margin: var(--cm-chip-margin);
}
@media (min-width: 901px) {
.cm-chip {
    font-size: var(--cm-text-sm)
}
  }
.cm-chip--red {
    --cm-chip-background: var(--cm-color-red);
    --cm-chip-color: #fff;
  }
.cm-chip--red-light {
    --cm-chip-background: rgba(249,73,66, 0.1);
    --cm-chip-color: #fa4743;
  }
.cm-chip--blue {
    --cm-chip-background: var(--cm-color-blue);
    --cm-chip-color: #fff;
  }
.cm-chip--blue-light {
    --cm-chip-background: var(--cm-color-blue-light);
    --cm-chip-color: var(--cm-color-blue);
  }
.cm-chip--green {
    --cm-chip-background: var(--cm-color-green);
    --cm-chip-color: #fff;
  }
.cm-chip--green-light {
    --cm-chip-background: var(--cm-color-green-light);
    --cm-chip-color: var(--cm-color-green-dark);
  }
.cm-chip--orange {
    --cm-chip-background: var(--cm-color-orange);
    --cm-chip-color: #fff;
  }
.cm-chip--orange-light {
    --cm-chip-background: #fff6e9;
    --cm-chip-color: var(--cm-color-orange-dark);
  }
.cm-chip--purple {
    --cm-chip-background: var(--cm-color-purple);
    --cm-chip-color: #fff;
  }
.cm-chip--small {
    --cm-chip-padding: 0 0.625rem;
    font-size: 0.75rem;
    height: 1.125rem;
    line-height: 1;
  }
.cm-chip--icon-graph-up-green::before,
  .cm-chip--icon-graph-up-green::after { /* cm-color-green */
    content: '';
    display: block;
    width: var(--cm-chip-icon-width);
    height: var(--cm-chip-icon-height);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg' inline='true' stroke='%231bc98e'%3E%3Cpath d='M15 1 8.955 7.333 5.773 4 1 9' stroke='%231bc98e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' inline='true' /%3E%3Cpath d='M11.182 1H15v4' stroke='%231bc98e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' inline='true' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
  }
.cm-chip--icon-graph-up-red::before,
  .cm-chip--icon-graph-up-red::after { /* cm-color-red  */
    content: '';
    display: block;
    width: var(--cm-chip-icon-width);
    height: var(--cm-chip-icon-height);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg' inline='true' stroke='%23f94642'%3E%3Cpath d='M15 1 8.955 7.333 5.773 4 1 9' stroke='%23f94642' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' inline='true' /%3E%3Cpath d='M11.182 1H15v4' stroke='%23f94642' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' inline='true' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
  }
.cm-chip--icon-graph-down-green::before,
  .cm-chip--icon-graph-down-green::after { /* cm-color-green */
    content: '';
    display: block;
    width: var(--cm-chip-icon-width);
    height: var(--cm-chip-icon-height);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg' inline='true' stroke='%231bc98e'%3E%3Cpath d='M15 9 8.955 2.667 5.773 6 1 1' stroke='%231bc98e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' inline='true' /%3E%3Cpath d='M11.182 9H15V5' stroke='%231bc98e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' inline='true' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
  }
.cm-chip--icon-graph-down-red::before,
  .cm-chip--icon-graph-down-red::after { /* cm-color-red */
    content: '';
    display: block;
    width: var(--cm-chip-icon-width);
    height: var(--cm-chip-icon-height);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg' inline='true' stroke='%23f94642'%3E%3Cpath d='M15 9 8.955 2.667 5.773 6 1 1' stroke='%23f94642' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' inline='true' /%3E%3Cpath d='M11.182 9H15V5' stroke='%23f94642' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' inline='true' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
  }
.cm-chip--icon-graph-flat::before,
  .cm-chip--icon-graph-flat::after { /* cm-color-gray300 */
    content: '';
    display: block;
    width: var(--cm-chip-icon-width);
    height: 0.125rem;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg' inline='true' stroke='%236f7379'%3E%3Cpath d='M1 1.214h12' stroke='%236f7379' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' inline='true' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
  }
.cm-chip--icon-left::before {
    margin-right: var(--cm-chip-icon-margin);
  }
.cm-chip--icon-left::after {
    display: none;
  }
.cm-chip--icon-right::before {
    display: none;
  }
.cm-chip--icon-right::after {
    margin-left: var(--cm-chip-icon-margin);
  }
.cm-chip--bare {
    --cm-chip-margin: 0;
  }
.cm-chip--simple {
    --cm-chip-margin: 0;
    --cm-chip-padding: 0;
    --cm-chip-background: none;
    --cm-chip-height: auto;
  }
.cm-chip--focusable {
    border: 0.0625rem solid transparent;
  }
.cm-chip--focusable:focus {
      border: 0.0625rem solid var(--q-color-primary);
    }
.cm-subheading {
  display: inline-block;
  margin-bottom: 0.5rem;
  color: var(--cm-color-gray300);
  font-size: 1rem;
  line-height: 1.125;
}
.cm-delete-round-button.q-btn {
  font-size: var(--cm-text-sm);
  font-weight: var(--cm-font-weight-regular);
  line-height: var(--text-lh-sm);
  margin: 0;
  background: var(--cm-color-red);
  color: white;
  height: 1.625rem;
  -webkit-transform: translate(45%, -30%);
          transform: translate(45%, -30%);
  width: 1.625rem;
  z-index: 2;
}
.cm-delete-round-button.q-btn /deep/ .q-btn__wrapper {
    min-height: 0;
    min-width: 0;
  }
html[data-notch='true'] body:not(.disable-safe-area-adjustments) .intercom-namespace .intercom-messenger-frame {
        /* We can't use env(safe-area-inset-*) variables here because they don't get read from the iframe.
        * This is a temporary solution until we can find an alternative implementation or until Intercom fixes
        * this issue on their end.
        */
        height: calc(100% - 2.75rem) !important;
      }
/* 
* Set the cookie consent banner to more sane z-index (intead of their default 2147483646)
* This is lower than the alerts .vue-notification-group z-index: 10000 (they should display in top of the banner)
*/
#onetrust-banner-sdk {
  z-index: 9000 !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/AddButtonNew/FloatingMenuWrapper.vue?vue&type=style&index=0&id=3d0a9cbc&lang=postcss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-3d0a9cbc {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-3d0a9cbc {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.floating-menu[data-v-3d0a9cbc] {
  display: inline-block;
}
.floating-menu--bottom-center .floating-menu__popover[data-v-3d0a9cbc] {
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.floating-menu--bottom-center .floating-menu__item[data-v-3d0a9cbc] {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
}
.floating-menu--top-right .floating-menu__popover[data-v-3d0a9cbc] {
    top: var(--lh-5);
    right: calc(var(--lh-1)*-1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.floating-menu--top-right .floating-menu__item[data-v-3d0a9cbc] {
    -webkit-transform-origin: calc(100% - 1.875rem) 0;
            transform-origin: calc(100% - 1.875rem) 0;
    position: relative;
}
.floating-menu--open .floating-menu__item[data-v-3d0a9cbc] {
    -webkit-transform: scale(1);
            transform: scale(1);
}
.floating-menu__popover[data-v-3d0a9cbc] {
    list-style: none;
    width: 23.125rem;
    max-width: 100vw;
    padding: var(--lh-half);
    margin: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
}
.floating-menu__item[data-v-3d0a9cbc] {
    /* Hide the item by default */
    -webkit-transform: scale(0);
            transform: scale(0);

    display: block;
    pointer-events: auto;
    margin: var(--lh-half) 0;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/AddButtonNew/FloatingMenuWrapper.vue?vue&type=style&index=1&id=3d0a9cbc&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@-webkit-keyframes floating-menu-transition {
0% {
    -webkit-transform: translateY(var(--translate-y)) scale(0);
            transform: translateY(var(--translate-y)) scale(0);
}
70% {
    -webkit-transform: translateY(0) scale(1.075);
            transform: translateY(0) scale(1.075);
}
100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
}
@keyframes floating-menu-transition {
0% {
    -webkit-transform: translateY(var(--translate-y)) scale(0);
            transform: translateY(var(--translate-y)) scale(0);
}
70% {
    -webkit-transform: translateY(0) scale(1.075);
            transform: translateY(0) scale(1.075);
}
100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/AddButtonNew/FloatingAddButton.vue?vue&type=style&index=0&id=01fd823b&lang=postcss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-01fd823b {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-01fd823b {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.add-button[data-v-01fd823b] {
  --btn-width: 4rem;

  padding: 0;

  font-family: inherit;

  -ms-touch-action: manipulation;

      touch-action: manipulation;

  vertical-align: middle;

  text-decoration: none;

  background-color: transparent;

  border: none;

  text-shadow: none;

  outline: none;

  cursor: pointer;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  background-color: var(--q-color-primary);
  color: var(--cm-color-gray800);
  -webkit-box-shadow: 0 0.5rem 0.9375rem 0 rgb(27 201 142 / 50%);
          box-shadow: 0 0.5rem 0.9375rem 0 rgb(27 201 142 / 50%);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  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;
  width: var(--btn-width);
  height: var(--btn-width);
  border-radius: calc(var(--btn-width)*0.5);
  position: relative;
  z-index: 1;
}
.add-button[data-v-01fd823b]:hover,
  .add-button[data-v-01fd823b]:focus,
  .add-button[data-v-01fd823b]:active {
    outline: none;
}
@media (min-width: 901px) {
.add-button[data-v-01fd823b] {
    --btn-width: 3.75rem;

    -webkit-box-shadow: 0 0.1875rem 0.3125rem -0.0625rem rgb(0 0 0 / 20%), 0 0.3125rem 0.5rem rgb(0 0 0 / 14%),
      0 0.0625rem 0.875rem rgb(0 0 0 / 12%);

            box-shadow: 0 0.1875rem 0.3125rem -0.0625rem rgb(0 0 0 / 20%), 0 0.3125rem 0.5rem rgb(0 0 0 / 14%),
      0 0.0625rem 0.875rem rgb(0 0 0 / 12%)
}
}
@media (hover: hover) {
.add-button[data-v-01fd823b]:hover {
      opacity: 0.85;
}
}
.add-button--open[data-v-01fd823b] {
    background-color: var(--cm-color-gray800);
    color: var(--q-color-primary);
}
.add-button--open[data-v-01fd823b]:hover {
      opacity: 1;
}
.add-button--open .add-button__icon[data-v-01fd823b] {
      -webkit-transform: rotate(405deg);
              transform: rotate(405deg);
}
.add-button__icon[data-v-01fd823b] {
    --icon-size: calc(var(--lh-1)*1.5);

    width: var(--icon-size);
    height: var(--icon-size);
    stroke-width: 0.1rem;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media (min-width: 901px) {
.add-button__icon[data-v-01fd823b] {
      --icon-size: var(--lh-1)
}
}
.add-button__close-label[data-v-01fd823b] {
    font-size: var(--cm-text-xs);
    font-weight: var(--cm-font-weight-bold);
    line-height: var(--text-lh-xs);
    margin: 0;
    color: var(--cm-color-green-dark);
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    cursor: pointer;
    padding-right: 1.25rem;
}
.add-button__close-label[data-v-01fd823b]:hover {
      opacity: 1;
}
.add-button__close-label--enter[data-v-01fd823b],
    .add-button__close-label--leave-to[data-v-01fd823b] {
      pointer-events: none;
      opacity: 0 !important;
      -webkit-transform: translate(var(--lh-half), -50%);
              transform: translate(var(--lh-half), -50%);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/AddButtonNew/AddButtonSubMenu.vue?vue&type=style&index=0&id=2a820ae4&lang=postcss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-2a820ae4 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-2a820ae4 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.submenu[data-v-2a820ae4] {
  padding: var(--lh-1);
  background-color: var(--cm-color-gray700);
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 0 0.9375rem rgba(0, 30, 47, 0.1);
          box-shadow: 0 0 0.9375rem rgba(0, 30, 47, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (min-width: 900px) {
.submenu[data-v-2a820ae4] {
    -webkit-box-shadow: 0 0 0.9375rem rgb(0 30 47 / 25%);
            box-shadow: 0 0 0.9375rem rgb(0 30 47 / 25%)
}
.submenu--with-pointer[data-v-2a820ae4]:before {
      /* Triangle */
      content: '';
      border-left: 0.9375rem solid transparent;
      border-right: 0.9375rem solid transparent;
      border-bottom: 0.9375rem solid var(--cm-color-gray700);
      position: absolute;
      right: var(--lh-2);
      bottom: 100%;
}
}
.submenu__header[data-v-2a820ae4] {
    font-size: var(--cm-text-xs);
    font-weight: var(--cm-font-weight-bold);
    line-height: var(--text-lh-xs);
    margin: 0;
    text-transform: uppercase;
    text-align: left;
    color: var(--cm-color-gray300);
    margin-bottom: var(--lh-half);
}
.submenu__item-row[data-v-2a820ae4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.submenu__btn[data-v-2a820ae4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: var(--lh-1);
    cursor: pointer;
}
.submenu__btn[data-v-2a820ae4]:last-child {
      margin-right: 0;
}
.submenu__btn:hover .submenu__btn-label[data-v-2a820ae4] {
        color: var(--cm-color-green-dark);
}
.submenu__btn:hover .submenu__btn-icon-wrapper[data-v-2a820ae4] {
        border-color: var(--cm-color-green-dark);
}
.submenu__btn-icon-wrapper[data-v-2a820ae4] {
    position: relative;
    width: 2.625rem;
    height: 2.625rem;
    border: 0.0625rem solid transparent;
    border-radius: 50%;
    background-color: var(--cm-color-gray800);
    -webkit-box-shadow: 0 0.25rem 2.5rem rgba(0, 0, 0, 0.06);
            box-shadow: 0 0.25rem 2.5rem rgba(0, 0, 0, 0.06);
    color: var(--cm-color-gray75);

    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;

    margin-bottom: var(--lh-half);
}
.submenu__btn-premium[data-v-2a820ae4] {
    position: absolute;
    right: calc(var(--lh-half)*-1);
    top: calc(var(--lh-half)*-1);
    font-size: var(--cm-text-md);
}
.submenu__btn-icon[data-v-2a820ae4] {
    width: 1.25rem;
    height: 1.25rem;
}
.submenu__btn-label[data-v-2a820ae4] {
    font-size: var(--cm-text-xs);
    font-weight: var(--cm-font-weight-bold);
    line-height: var(--text-lh-xs);
    margin: 0;
    color: var(--cm-color-gray75);
    text-align: center;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/AddButtonNew/AddButtonContainer.vue?vue&type=style&index=0&id=359046e0&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.sticky-button .add-button[data-v-359046e0] {
  margin-bottom: calc(var(--env-safe-area-inset-bottom)/2);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/App/MobileActionButton/MobileActionButton.vue?vue&type=style&index=0&id=04dad041&lang=postcss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.sticky-button[data-v-04dad041] {
  z-index: 2060;
}
.button-wrapper__button[data-v-04dad041] {
    margin-bottom: calc(var(--env-safe-area-inset-bottom)/2);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/FixedToolbarNav/FixedToolbarNav.vue?vue&type=style&index=0&id=c2efe46e&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
.fixed-toolbar-nav[data-v-c2efe46e] {
  position: fixed;
  height: calc(var(--cm-mobile-toolbar-offset) + env(safe-area-inset-bottom)/2);
  background-color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  will-change: top;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 10;
  padding-bottom: env(safe-area-inset-bottom);
}
@media (min-width: 901px) {
.fixed-toolbar-nav[data-v-c2efe46e] {
    display: none
}
}
.fixed-toolbar-nav__list[data-v-c2efe46e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 0.3125rem;
    list-style-type: none;
    margin: 0;
}
@media (min-width: 400px) {
.fixed-toolbar-nav__list[data-v-c2efe46e] {
      padding: 0 0.625rem
}
}
@media (min-width: 600px) {
.fixed-toolbar-nav__list[data-v-c2efe46e] {
      padding: 0 1.25rem
}
}
.fixed-toolbar-nav__list-item[data-v-c2efe46e] {
    text-decoration: none;
    color: var(--cm-color-gray300);
    font-size: var(--cm-text-xs);
    line-height: var(--text-lh-xs);
    padding: 0 0.125rem 0.625rem 0.125rem;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    cursor: pointer;
    position: relative;
}
@media (min-width: 400px) {
.fixed-toolbar-nav__list-item[data-v-c2efe46e] {
      padding: 0 0.625rem 0.625rem 0.625rem
}
}
@media (min-width: 600px) {
.fixed-toolbar-nav__list-item[data-v-c2efe46e] {
      padding: 0 1.25rem 1.25rem 1.25rem
}
}
.fixed-toolbar-nav__list-item-inner[data-v-c2efe46e] {
    border-top: 0.125rem solid transparent;

    /* Specifically done to make tap area as large as possible */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
.fixed-toolbar-nav__spacer[data-v-c2efe46e] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
.fixed-toolbar-nav__icon[data-v-c2efe46e] {
    margin-bottom: 0.3125rem;
    margin-top: var(--lh-1);
    width: 1.5rem;
    height: 1.5rem;
}
.fixed-toolbar-nav__list-item--active .fixed-toolbar-nav__list-item-inner[data-v-c2efe46e] {
  border-top: 0.125rem solid #18bb8a;
  color: var(--cm-color-green-dark);
  font-weight: var(--cm-font-weight-semibold);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Dialogs/ConfirmDialog.vue?vue&type=style&index=0&id=47876324&lang=postcss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/























































































































































































































/*
  Made these CSS classes be added to the global scope to allow adding additional buttons
  through the `before-submit` Vue slot.
*/
.confirm-dialog-button {
  --confirm-button-font-size: 0.9375rem;
  --confirm-button-font-weight: 600;
  --confirm-button-line-height: 1.2;
  --confirm-button-color: var(--cm-color-gray300);
  --confirm-button-padding: 0 0.9375rem;
  --confirm-button-margin: 0;
  --confirm-button-width: 100%;

  margin: var(--confirm-button-margin);
  font-size: var(--confirm-button-font-size);
  font-weight: var(--confirm-button-font-weight);
  line-height: var(--confirm-button-line-height);
  color: var(--confirm-button-color);
  width: var(--confirm-button-width);
}
.confirm-dialog-button /deep/ .q-btn__wrapper {
    padding: var(--confirm-button-padding);
}
@media (min-width: 601px) {
.confirm-dialog-button {
    --confirm-button-width: auto
}
}
.confirm-dialog-button--submit {
    --confirm-button-margin: 0 0 0.375rem 0;
    --confirm-button-font-size: 1.125rem;
    --confirm-button-font-weight: 700;

    -webkit-box-flex: var(--confirm-button-submit-flex);

        -ms-flex: var(--confirm-button-submit-flex);

            flex: var(--confirm-button-submit-flex);
}
@media (min-width: 601px) {
.confirm-dialog-button--submit {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      max-width: 50%;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2
}
}
@media (min-width: 601px) {
.confirm-dialog-button--cancel {
      --confirm-button-margin: 0 0.9375rem 0 0
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Dialogs/ConfirmDialog.vue?vue&type=style&index=1&id=47876324&lang=postcss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-47876324 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-47876324 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.confirm-dialog[data-v-47876324] {
  --confirm-dialog-padding: 1.25rem;
  --confirm-dialog-width: 28.125rem;
  --confirm-button-submit-flex: 0 1 auto;

  position: relative;
  background-color: #fff;
  -webkit-box-shadow: var(--box-shadow-default);
          box-shadow: var(--box-shadow-default);
  padding: var(--confirm-dialog-padding);
  width: var(--confirm-dialog-width);
  border-radius: var(--border-radius-default);
  max-width: 100%;
}
.confirm-dialog--overflow-visible[data-v-47876324] {
    overflow: visible;
}
@media (min-width: 601px) {
.confirm-dialog[data-v-47876324] {
    --confirm-dialog-width: 36.25rem;
    --confirm-dialog-padding: 2.5rem
}
}
.confirm-dialog__heading[data-v-47876324] {
    font-size: 1.625rem;
    line-height: 1.1;
    font-weight: 700;
    margin: 0 0 var(--lh-half) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.confirm-dialog__description[data-v-47876324] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-sm);
    margin: 0;

    color: var(--cm-color-gray100);
    max-height: 50vh;
    overflow: auto;
}
.confirm-dialog__form[data-v-47876324],
  .confirm-dialog__content[data-v-47876324] {
    margin-top: var(--lh);
}
.confirm-dialog__buttons[data-v-47876324] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 1.25rem;
}
@media (min-width: 601px) {
.confirm-dialog__buttons[data-v-47876324] {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row
}
}
.text--premium[data-v-47876324]::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 14' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' inline='true'%3E%3Cpath d='M10.387 12.467H3.124v1.066h7.263v-1.066Z' fill='%23ffffff' inline='true' /%3E%3Cpath d='M7.28 11.49c.725 1.261 1.75 2.043 3.107 2.043v-1.066c-.918 0-1.635-.547-2.19-1.511a6.093 6.093 0 0 1-.662-1.713l-.085-.429H6.062l-.086.43a6.092 6.092 0 0 1-.662 1.712c-.554.964-1.271 1.51-2.19 1.51v1.067c1.358 0 2.383-.782 3.108-2.043.22-.38.393-.77.524-1.13.131.36.305.75.523 1.13Z' fill='%23ffffff' inline='true' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.082 4.606C2.593 7.627 4.233 9.88 6.496 9.88s3.967-2.343 4.416-5.278l.518-3.258.093-.582L6.528.468l-4.472.26-.586.035.612 3.843Zm1.046-.174L2.703 1.76l3.825-.227 3.762.226-.426 2.68c-.38 2.481-1.758 4.377-3.368 4.377-1.612 0-2.933-1.816-3.368-4.383Z' fill='%23ffffff' inline='true' /%3E%3Cpath d='M6.508 8.814h-.27v1.067h.27c3.59 0 6.485-2.79 6.485-6.272v-.534h-2.56v1.067h1.472c-.276 2.63-2.571 4.672-5.397 4.672Z' fill='%23ffffff' inline='true' /%3E%3Cpath d='M2.56 4.142V3.075H0v.534C0 7.09 2.895 9.88 6.485 9.88h.27V8.814h-.27c-2.826 0-5.12-2.041-5.397-4.672H2.56ZM10.387 12.467H3.124v1.066h7.263v-1.066Z' fill='%23ffffff' inline='true' /%3E%3Cpath d='M7.28 11.49c.725 1.261 1.75 2.043 3.107 2.043v-1.066c-.918 0-1.635-.547-2.19-1.511a6.093 6.093 0 0 1-.662-1.713l-.085-.429H6.062l-.086.43a6.092 6.092 0 0 1-.662 1.712c-.554.964-1.271 1.51-2.19 1.51v1.067c1.358 0 2.383-.782 3.108-2.043.22-.38.393-.77.524-1.13.131.36.305.75.523 1.13Z' fill='%23ffffff' inline='true' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.082 4.606C2.593 7.627 4.233 9.88 6.496 9.88s3.967-2.343 4.416-5.278l.518-3.258.093-.582L6.528.468l-4.472.26-.586.035.612 3.843Zm1.046-.174L2.703 1.76l3.825-.227 3.762.226-.426 2.68c-.38 2.481-1.758 4.377-3.368 4.377-1.612 0-2.933-1.816-3.368-4.383Z' fill='%23ffffff' inline='true' /%3E%3Cpath d='M6.508 8.814h-.27v1.067h.27c3.59 0 6.485-2.79 6.485-6.272v-.534h-2.56v1.067h1.472c-.276 2.63-2.571 4.672-5.397 4.672Z' fill='%23ffffff' inline='true' /%3E%3Cpath d='M2.56 4.142V3.075H0v.534C0 7.09 2.895 9.88 6.485 9.88h.27V8.814h-.27c-2.826 0-5.12-2.041-5.397-4.672H2.56Z' fill='%23ffffff' inline='true' /%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: var(--cm-base-lh);
  height: var(--cm-base-lh);
  vertical-align: middle;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Dialogs/ConfirmExitDialog.vue?vue&type=style&index=0&id=185d68e2&lang=postcss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.confirm-dialog-button--save[data-v-185d68e2] {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media (min-width: 601px) {
.confirm-dialog-button--save[data-v-185d68e2] {
    --confirm-button-margin: 0 0.9375rem 0 0;

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/ScrollDialog/ScrollDialog.vue?vue&type=style&index=0&id=2ad0f722&lang=postcss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.cm-modal {
  --scroll-dialog-width: 35rem; /* 560px === 35rem === quasar default */
  --header-title-color: rgba(255, 255, 255, 0.75);
  --dialog-input-margin: 1.25rem;
}
.cm-modal .q-layout {
    border-radius: 1.25rem;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-x: hidden;
}
@media (min-width: 1024px) {
.cm-modal .q-layout {
      min-height: calc(100vh - 3rem) !important
}
}
.cm-modal .cm-modal-bar {
    background-color: var(--cm-color-gray700);
}
.cm-modal--green-header .cm-modal-bar {
      background-color: transparent;
}
.cm-modal--green-header .cm-modal-bar__title,
    .cm-modal--green-header .cm-modal-bar__cross-icon,
    .cm-modal--green-header .cm-modal-bar__back-icon,
    .cm-modal--green-header .cm-modal-bar__section {
      color: var(--header-title-color);
}
.cm-modal--green-header.cm-modal--scrolling .cm-modal-bar {
      background-color: var(--cm-color-green);
}
.cm-modal--auto-height .q-layout {
      min-height: 0 !important;
}
@media (min-width: 900px) {
.cm-modal--wide .cm-modal__inner {
        max-width: 50%;
        min-width: 40.625rem
}
}
.cm-modal__inner {
    position: relative;
    background: var(--cm-color-gray700);
    min-height: 0 !important; /* Removes the `min-height` rule set by QLayout in a `style` attr */
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.cm-modal__inner--curves {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 343 220' fill='none' xmlns='http://www.w3.org/2000/svg' inline='true'%3E%3Cpath d='M0 16C0 7.163 7.163 0 16 0h311c8.837 0 16 7.163 16 16v204H0V16Z' fill='%231BC98E' inline='true' /%3E%3Cpath d='M0 16C0 7.163 7.163 0 16 0h311c8.837 0 16 7.163 16 16v180c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V16Z' fill='%231BC98E' inline='true' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-128.068 208.958c89.473-85.826-20.973-695.28 310.145-297.502C513.196 309.235-19.316 21.538-33.25 287.354c-6.635 126.57-214.284-103.91-252.392-70.314-41.924 36.96 81.079 326.378-30.443 206.387-212.892-229.059 98.544-128.644 188.017-214.469Z' fill='%2325D298' inline='true' /%3E%3C/svg%3E");
      background-position: left top -1.25rem;
      background-repeat: no-repeat;
      background-size: contain;
}
@media (orientation: landscape) {
.cm-modal__inner--curves {
        background-size: cover
}
}
.cm-modal__main {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-x: hidden;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    will-change: auto;
    scroll-behavior: smooth;
}
.cm-modal__main-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding-bottom: calc(var(--safe-area-inset-bottom)*1.5);
}
.cm-modal--contextual .cm-modal__inner {
      max-width: 31.25rem;
}
.cm-modal--contextual .q-dialog__inner {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
}
.cm-modal--contextual .cm-modal__inner {
      /* Contextual dialogs should be rendered as action sheets on mobile */
      border-top-left-radius: 1.25rem !important;
      border-top-right-radius: 1.25rem !important;
      max-height: 98%;
}
.cm-modal--contextual-short .cm-modal__inner {
      max-height: 96%;
}
.cm-modal .q-dialog__inner--minimized > div {
    max-width: var(--scroll-dialog-width);
}
.cm-modal-footer {
  background: rgba(255, 255, 255, 0.8);
  bottom: 0;
  padding-bottom: calc(var(--safe-area-inset-bottom) + var(--safe-area-inset-bottom)/2);
  -webkit-box-shadow: 0 0 2.1875rem var(--box-shadow-color);
          box-shadow: 0 0 2.1875rem var(--box-shadow-color);
  min-height: 5.625rem;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.cm-modal-footer--auto-height {
    min-height: 0;
}
.cm-modal-footer:empty {
    display: none;
}
.cm-modal-transparent-footer {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  bottom: 0;
  padding-bottom: calc(var(--safe-area-inset-bottom) + var(--safe-area-inset-bottom)/2);
  min-height: 5.625rem;
  position: absolute;
  width: 100%;
  z-index: 10;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Indicators/SaveStatus.vue?vue&type=style&index=0&id=4adbfccc&lang=postcss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.save-status[data-v-4adbfccc] {
  --save-status-bg: var(--cm-color-green-light);
  --save-status-color: var(--cm-color-green-dark);
  --save-status-text-display: inline-block;

  background-color: var(--save-status-bg);
  color: var(--save-status-color);
  padding: 0.3125rem 0.9375rem;
  border-radius: 6.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.save-status__text[data-v-4adbfccc] {
    display: var(--save-status-text-display);
    margin-left: 0.3125rem;
}
.save-status__icon[data-v-4adbfccc] {
    line-height: var(--lh);
    stroke-width: 1.2;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/DailyCard/Meals/Dialogs/BaseDialog.vue?vue&type=style&index=0&id=06f80b52&lang=postcss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-06f80b52 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-06f80b52 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.base-dialog[data-v-06f80b52] {
  --dialog-width: auto;
  --dialog-padding: 2.5rem;
  --dialog-padding-mobile: 1.5625rem;
  --dialog-input-margin: 1.25rem;
  --dialog-border-radius: 1.25rem;
  --dialog-content-margin: 1.875rem 0 0 0;
  --dialog-heading-size: 1.625rem;
  --dialog-heading-margin: 0 0 0.3125rem 0;
  --dialog-close-button-offset-top: 2rem;
  --dialog-close-button-offset-left: 1rem;
  --dialog-overflow: auto;

  position: relative;
  background-color: var(--cm-color-gray750);
  -webkit-box-shadow: var(--box-shadow-default);
          box-shadow: var(--box-shadow-default);
  padding: var(--dialog-padding);
  width: var(--dialog-width);
  border-radius: var(--dialog-border-radius);
  overflow: var(--dialog-overflow);
  max-width: 100%;
}
/*
  * Fixes Safari background clip issue that causes inner elements with background
  * to ignore this element's border radius
  * https://stackoverflow.com/a/23735528/243900
  * https://carbmanager.d.pr/syifKj
  */
.is-safari .base-dialog[data-v-06f80b52] {
    -webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
}
@media (max-width: 599px) {
.base-dialog[data-v-06f80b52] {
    padding: var(--dialog-padding-mobile)
}
.base-dialog--has-footer[data-v-06f80b52] {
      --dialog-padding-mobile: 1.5625rem 1.5625rem 7.5rem 1.5625rem;
}
}
.q-dialog__inner.fixed-bottom .base-dialog[data-v-06f80b52] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.base-dialog[data-v-06f80b52] .q-btn.bg-primary {
      font-weight: 700;
}
.base-dialog__close-wrapper[data-v-06f80b52] {
    position: fixed;
    z-index: 4;
}
.base-dialog__close[data-v-06f80b52] {
    display: block;
    position: absolute;
    float: left;
    top: var(--dialog-close-button-offset-top);
    left: var(--dialog-close-button-offset-left);
    width: 1rem;
    height: 1rem;
    background: center center url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg' inline='true' stroke='%23fff'%3E%3Cpath d='m1 1 14 14M1 15 15 1' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' inline='true' /%3E%3C/svg%3E")
      no-repeat;
    background-size: contain;
    cursor: pointer;
}
.base-dialog__close[data-v-06f80b52]:before,
    .base-dialog__close[data-v-06f80b52]:after {
      content: '';
      display: table;
}
.base-dialog__heading[data-v-06f80b52] {
    font-size: 1.625rem;
    line-height: 1.1;
    font-weight: 700;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
@media (max-width: 599px) {
.base-dialog__heading[data-v-06f80b52] {
      font-size: calc(1.31686rem + 0.69767vw)
}
@media screen and (min-width: 1280px) {
.base-dialog__heading[data-v-06f80b52] {
      font-size: 1.875rem;
}
}
@media screen and (max-width: 420px) {
.base-dialog__heading[data-v-06f80b52] {
      font-size: 1.5rem;
}
}
}
.base-dialog__top[data-v-06f80b52] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.base-dialog__top-action[data-v-06f80b52] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.base-dialog__top-action[data-v-06f80b52]:last-child {
      margin-right: -1rem;
}
.base-dialog__content[data-v-06f80b52] {
    margin: var(--dialog-content-margin);
    padding-bottom: calc(var(--safe-area-inset-bottom) + var(--safe-area-inset-bottom)/4);
}
.base-dialog__description[data-v-06f80b52] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-normal);
    line-height: var(--text-lh-sm);
    margin: 0;
    color: var(--cm-color-gray100);
    margin-top: 0.25rem;
}
@media (max-width: 599px) {
.base-dialog__footer[data-v-06f80b52] {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: 1.25rem;
      background-color: rgba(255, 255, 255, 0.95);
      -webkit-box-shadow: 0 0 2.1875rem var(--box-shadow-color);
              box-shadow: 0 0 2.1875rem var(--box-shadow-color)
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/User/ProfileBlock.vue?vue&type=style&index=0&id=3f5bf448&lang=postcss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
.profile-info[data-v-3f5bf448] {
  color: #fff;
  padding: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 900px) {
.profile-info--hide-mobile[data-v-3f5bf448] {
      display: none;
}
}
@media (min-width: 901px) {
.profile-info[data-v-3f5bf448] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 1164 197%27%3E%3Cpath fill=%27%2325D298%27 d=%27M1180-58v81s-268 235-590 87S0 196 0 196V-58h1180z%27/%3E%3C/svg%3E");
    background-position: top 60% center;
    background-size: cover;
    border-radius: 1.25rem
}
}
@media (min-width: 901px) {
.profile-info[data-v-3f5bf448] {
    background-color: var(--cm-color-green)
}
}
.profile-info__content[data-v-3f5bf448] {
    overflow: hidden;
}
.profile-info__left[data-v-3f5bf448] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.profile-info__name[data-v-3f5bf448] {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 0.3125rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.profile-info__avatar[data-v-3f5bf448] {
    padding-right: 1.25rem;
    cursor: pointer;
}
.profile-info__list[data-v-3f5bf448] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 600;
    line-height: 1;
}
.profile-info__list li[data-v-3f5bf448]:not(:last-child) {
        border-right: 0.0625rem solid #fff;
        margin-right: 0.75rem;
        padding-right: 0.75rem;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/App/MobileSidebarDialog/SettingsList.vue?vue&type=style&index=0&id=1d6666ac&lang=postcss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-1d6666ac {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-1d6666ac {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.transition[data-v-1d6666ac] {
  --slides-distance: var(--lh-2);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.transition__container[data-v-1d6666ac] {
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.transition__container--slide-left-leave-active[data-v-1d6666ac],
    .transition__container--slide-left-enter-active[data-v-1d6666ac],
    .transition__container--slide-right-leave-active[data-v-1d6666ac],
    .transition__container--slide-right-enter-active[data-v-1d6666ac] {
      -webkit-transition: -webkit-transform 0.35s;
      transition: -webkit-transform 0.35s;
      transition: transform 0.35s;
      transition: transform 0.35s, -webkit-transform 0.35s;
      position: absolute;
      top: 0;
      height: 100%;
}
/* Slide left */
.transition__container--slide-left-enter[data-v-1d6666ac] {
      -webkit-transform: translateX(calc(100% + var(--slides-distance)));
              transform: translateX(calc(100% + var(--slides-distance)));
}
.transition__container--slide-left-leave-to[data-v-1d6666ac] {
      -webkit-transform: translateX(calc(-100% - var(--slides-distance)));
              transform: translateX(calc(-100% - var(--slides-distance)));
}
/* Slide right */
.transition__container--slide-right-enter[data-v-1d6666ac] {
      -webkit-transform: translateX(calc(-100% - var(--slides-distance)));
              transform: translateX(calc(-100% - var(--slides-distance)));
}
.transition__container--slide-right-leave-to[data-v-1d6666ac] {
      -webkit-transform: translateX(calc(100% + var(--slides-distance)));
              transform: translateX(calc(100% + var(--slides-distance)));
}
.settings-list[data-v-1d6666ac] {
  --settings-list-heading-color: var(--cm-text-body);
  --settings-list-border-color: var(--cm-color-gray600);
  --settings-list-heading-size: 1.25rem;
  --settings-list-heading-weight: 700;
  --settings-list-heading-margin: 1.625rem 1.5rem 1rem 1.5rem;

  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.settings-list__heading[data-v-1d6666ac] {
    --settings-list-heading-color: var(--cm-color-gray300);
    --settings-list-heading-size: 0.875rem;
    --settings-list-heading-weight: 600;
    --settings-list-heading-margin: 1.25rem 1.25rem 0.625rem 0.625rem;
    text-transform: uppercase;
    margin: var(--settings-list-heading-margin);
    font-size: var(--settings-list-heading-size);
    color: var(--settings-list-heading-color);
    line-height: 1.2;
    font-weight: var(--settings-list-heading-weight);
}
.settings-list__profile-bar .profile-info--hide-mobile[data-v-1d6666ac] {
      display: block;
}
.settings-list__col[data-v-1d6666ac] {
    padding-bottom: var(--lh-1);
}
.settings-list__container[data-v-1d6666ac] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-color: var(--cm-background-color);
    border-top-left-radius: var(--border-radius-default);
    border-top-right-radius: var(--border-radius-default);
    padding: var(--layout-wrapper-spacing);
    min-height: 31.25rem;
}
/* Fixes issue with background on Safari */
.settings-list__container--bare[data-v-1d6666ac] {
      padding: 0;
}
.settings-list__container--border-radius-none[data-v-1d6666ac] {
    border-radius: 0;
}
.settings-list__current-language[data-v-1d6666ac] {
    font-size: var(--cm-text-xs);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-xs);
    margin: 0;
    color: var(--cm-color-green);
}
.settings-nav[data-v-1d6666ac] {
  --settings-nav-text-color: var(--cm-color-gray100);
  --settings-nav-icon-color: var(--cm-color-gray400);
  --settings-nav-border-width: 0.375rem;
  --settings-nav-border-color: transparent;
  --settings-nav-padding: 0.625rem 0.625rem 0.625rem 1.125rem;

  --settings-nav-padding: 0.9375rem 0.625rem 0.9375rem 1.125rem;

  background-color: #fff;
  -webkit-box-shadow: var(--box-shadow-default);
          box-shadow: var(--box-shadow-default);
  border-radius: var(--border-radius-default);
}
.settings-nav__text[data-v-1d6666ac] {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.settings-nav__list[data-v-1d6666ac] {
    margin: 0;
    padding: 0;
    list-style: none;
}
.settings-nav__item[data-v-1d6666ac] {
    font-size: var(--cm-text-md);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-md);
    margin: 0;

    color: var(--settings-nav-text-color);
    margin-bottom: 0.3125rem;
}
.settings-nav__item--disabled[data-v-1d6666ac] {
      --settings-nav-text-color: var(--cm-color-gray400);

      pointer-events: none;
}
.settings-nav__link[data-v-1d6666ac] {
    border-left: var(--settings-nav-border-width) solid
      var(--settings-nav-border-color);
    text-decoration: none;
    padding: var(--settings-nav-padding);
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: var(--cm-settings-row-height);
    padding-right: 2.8125rem;
}
.settings-nav__link--premium[data-v-1d6666ac] {
      font-size: var(--cm-text-sm);
      font-weight: var(--cm-font-weight-regular);
      line-height: var(--text-lh-sm);
      margin: 0;
}
.settings-nav__icon[data-v-1d6666ac] {
    margin-right: 0.625rem;
    font-size: 1.25rem;
    color: var(--settings-nav-icon-color);
}
.settings-nav__item[data-v-1d6666ac] {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg' inline='true'%3E%3Cpath d='M4.631 5.5 0 .678.718 0 6 5.5.718 11 0 10.322 4.631 5.5Z' fill='currentColor' inline='true' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.25rem center;
    background-size: 0.5rem;
}
.settings-nav__item[data-v-1d6666ac]:not(:last-child) {
      border-bottom: 0.0625rem solid var(--settings-list-border-color);
}
.settings-nav__item--no-arrow[data-v-1d6666ac] {
      background-image: none;
}
.settings-profile[data-v-1d6666ac] {
  padding: 0.625rem 1.25rem 1.25rem 1.25rem;
}
.settings-logout-wrapper[data-v-1d6666ac] {
  text-align: center;
  margin: 1.25rem 0 0 0;
}
.settings-logout-button[data-v-1d6666ac] {
  background: var(--cm-color-gray700);
  color: var(--cm-color-gray300);
  display: block;
  width: 100%;
  font-weight: 600;
  padding: 0.875rem;
  font-size: 0.9375rem;
  line-height: 1.2;
  border: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/App/MobileSidebarDialog/MobileSidebarDialog.vue?vue&type=style&index=0&id=e90fd972&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.mobile-app-sidebar[data-v-e90fd972] .profile-info__avatar {
      padding-right: 1rem;
}
@media (min-width: 400px) {
.mobile-app-sidebar[data-v-e90fd972] .profile-info__avatar {
        padding-right: 1.25rem
}
}
.mobile-app-sidebar__save-container[data-v-e90fd972] {
    font-size: 0.9375rem;
    font-weight: 600;
}
.mobile-app-sidebar__save-container .save-status[data-v-e90fd972] {
      --save-status-bg: transparent;
      --save-status-color: inherit;
}
@media (max-width: 435px) {
.mobile-app-sidebar__save-container .save-status[data-v-e90fd972] {
        --save-status-text-display: none
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/App/LargeSidebar/LargeSidebar.vue?vue&type=style&index=0&id=027d5461&lang=postcss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-027d5461 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-027d5461 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.app-sidebar[data-v-027d5461] {
  --nav-user-profile-link-color: #000;
  --nav-focus-background: #f3f5f8;
  --nav-active-color: var(--cm-color-green-dark);
  --nav-active-background: #f0f8f4;
  --nav-active-hover-background: #e3f6ed;
  --nav-icon-width: 2.1875rem;
  --nav-item-height: 3.4375rem;
}
.app-sidebar[data-v-027d5461] .q-drawer {
      margin-top: var(--offline-bar-height);
}
.app-sidebar[data-v-027d5461] .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .nav-text,
      .app-sidebar[data-v-027d5461] .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .app-sidebar__logo {
        display: none;
}
.app-sidebar[data-v-027d5461] .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .cm-premium-icon {
        right: 0.1875rem;
        top: 0.625rem;
}
.app-sidebar[data-v-027d5461] .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-avatar {
        position: relative;
        left: -0.3125rem;
}
.app-sidebar[data-v-027d5461] .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .app-sidebar__icon-wrapper {
        right: 0.0625rem;
}
.app-sidebar[data-v-027d5461] .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .app-sidebar__nav li a {
        width: var(--nav-item-height);
        height: var(--nav-item-height);
}
.app-sidebar[data-v-027d5461] .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .app-sidebar__nav li a svg {
          margin-right: 0;
}
.app-sidebar[data-v-027d5461] .q-drawer {
      border-radius: 0 1.25rem 1.25rem 0;
      -webkit-box-shadow: var(--box-shadow-default);
              box-shadow: var(--box-shadow-default);
      border: 0;
      padding: 0;
}
.app-sidebar__menu-button[data-v-027d5461] {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
}
.app-sidebar__nav[data-v-027d5461] {
    font-size: var(--cm-text-md);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-md);
    margin: 0;

    --sidebar-nav-icon-margin: 0.625rem;

    line-height: 1.125;
    font-weight: 600;
    color: var(--cm-color-gray300);
}
.app-sidebar__nav ul[data-v-027d5461] {
      list-style: none;
      padding: 0;
      margin: 0;
}
.app-sidebar__nav li[data-v-027d5461] {
      position: relative;
}
.app-sidebar__nav li.is-premium[data-v-027d5461] {
        color: var(--cm-color-gray400);
        pointer-events: none;
        cursor: not-allowed;
}
.app-sidebar__nav li .cm-premium-icon[data-v-027d5461] {
        position: absolute;
        right: 0.625rem;
        font-size: 0.8125rem;
}
.app-sidebar__nav li a[data-v-027d5461] {
        text-decoration: none;
        color: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0.9375rem;
        height: var(--nav-item-height);
        border-radius: 6.25rem;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
.app-sidebar__nav li a.user-profile[data-v-027d5461] {
          color: var(--nav-user-profile-link-color);
}
.app-sidebar__nav li a.user-profile .nav-text[data-v-027d5461] {
            padding-left: 0.5rem;
}
.app-sidebar__nav li a[data-v-027d5461]:hover {
          color: var(--cm-color-gray0);
}
.app-sidebar__nav li a[data-v-027d5461]:focus {
          background: var(--nav-focus-background);
}
.app-sidebar__nav li .router-link-active[data-v-027d5461] {
        background: var(--nav-active-background);
        color: var(--nav-active-color);
}
.app-sidebar__nav li .router-link-active[data-v-027d5461]:hover,
        .app-sidebar__nav li .router-link-active[data-v-027d5461]:focus {
          background: var(--nav-active-hover-background);
          color: var(--nav-active-color);
}
.app-sidebar__header[data-v-027d5461] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--cm-color-gray200);
    margin-bottom: 1.875rem;
}
.app-sidebar__header svg[data-v-027d5461] {
      width: var(--nav-icon-width);
      height: var(--nav-icon-width);
      margin-right: 0.3125rem;
}
.app-sidebar__header svg.cm-icon--menu[data-v-027d5461] {
      width: 1.25rem;
      height: 1.25rem;
}
.app-sidebar__wrapper[data-v-027d5461] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    padding: 1.5625rem 0.625rem;
}
.app-sidebar__logo[data-v-027d5461] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 600;
    font-size: 1.125rem;
    letter-spacing: -0.0313rem;
}
.app-sidebar__logo a[data-v-027d5461] {
      color: inherit;
      text-decoration: none;
}
.app-sidebar__avatar-wrapper[data-v-027d5461] {
    position: relative;
}
.app-sidebar__icon-wrapper[data-v-027d5461] {
    background: var(--cm-color-gray800);
    -webkit-box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.12);
            box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.12);
    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;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    position: absolute;
    right: -0.25rem;
    bottom: 0.125rem;
    z-index: 10;
}
.app-sidebar__icon-wrapper__icon[data-v-027d5461] {
      color: var(--cm-color-green-dark);
      width: 0.75rem;
      height: 0.75rem;
}
.nav-icon-item[data-v-027d5461] {
  width: var(--nav-icon-width);
  display: inline-block;
  text-align: center;
}
.nav-icon[data-v-027d5461] {
  --nav-icon-size: 1.5625rem;

  width: var(--nav-icon-size);
  height: var(--nav-icon-size);
}
.nav-icon--daily-log[data-v-027d5461] {
    --nav-icon-size: 1.25rem;
}
.nav-text[data-v-027d5461] {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: var(--sidebar-nav-icon-margin);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/TheAppSidebar.vue?vue&type=style&index=0&id=7204f782&lang=postcss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/layouts/App.vue?vue&type=style&index=0&id=dc7abe9c&lang=postcss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-dc7abe9c {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-dc7abe9c {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.sticky-button[data-v-dc7abe9c] {
  z-index: 2100;
  display: none;
}
@media (max-width: 900px) {
.sticky-button[data-v-dc7abe9c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
}
.cm-app-wrapper[data-v-dc7abe9c] {
  height: 100%;
  overflow-x: hidden;
  margin-top: var(--offline-bar-height);
}
@media (max-width: 900px) {
.cm-app-wrapper[data-v-dc7abe9c] {
    margin-bottom: calc(var(--cm-mobile-toolbar-offset) + var(--safe-area-inset-bottom))
}
}
.cm-app-wrapper__main[data-v-dc7abe9c] {
    overflow: hidden; /* to cut-off tabs' box-shadow */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: var(--layout-wrapper-spacing);
}
@media (min-width: 1024px) {
.cm-app-wrapper__main[data-v-dc7abe9c] {
      overflow: visible;
      background: transparent
}
}
.cm-app-wrapper.dimmed[data-v-dc7abe9c]::after {
      opacity: 1;
      z-index: 2050;
      background: rgba(0, 0, 0, 0.45) !important;
}
.cm-app-wrapper[data-v-dc7abe9c]::after {
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
@media (max-width: 900px) {
.cm-app-wrapper[data-v-dc7abe9c] .q-page-container {
        padding-top: 3.125rem !important /* quasar hack */
}
}
.cm-app-wrapper[data-v-dc7abe9c] .q-layout-padding {
      padding: var(--layout-wrapper-spacing);
      overflow: hidden;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/layouts/Print.vue?vue&type=style&index=0&id=b3df0e04&lang=postcss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@page {
  size: A4 portrait;
  margin: 1.5cm 1cm 1.5cm 1cm;
}
@page :first {
  margin-top: 0.5cm;
}
@media print {
h2[data-v-b3df0e04] {
    page-break-after: avoid;
}

  /* Avoid printing redundant page */
.print-layout[data-v-b3df0e04],
    .print-layout__page[data-v-b3df0e04] {
      min-height: auto !important;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/account/AccountBase.vue?vue&type=style&index=0&id=ed46251c&lang=postcss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-ed46251c {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-ed46251c {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.account-base[data-v-ed46251c] {
  --login-window-width: 39.375rem;
  --sm-screen-width: 37.5rem;
  --form-width: 21.625rem;
  --login-window-v-offset-mobile: 1.5rem;
  --login-window-h-offset-mobile: 1rem;
  --login-window-offset-desktop: 2rem;
  --main-items-spacing: 2.5rem;
  --inner-v-padding-desktop: 1.5rem;
  --inner-h-padding-desktop: 2.5rem;
  --nav-icon-size: 1.5rem;
  --mobile-logo-size: 3rem;
  --footer-margin: auto;
}
@media (min-width: 600px) {
.account-base[data-v-ed46251c] {
    min-height: 100vh
}
}
@media (max-width: 599px) {
.account-base[data-v-ed46251c] {
    --main-items-spacing: 1.5rem;
    --login-window-v-offset-mobile: 1rem
}
}
@media (max-width: 375px) {
.account-base[data-v-ed46251c] {
    --main-items-spacing: 1rem;
    --mobile-logo-size: 2.25rem
}
}
@media (min-width: 600px) {
.account-base[data-v-ed46251c] {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: var(--login-window-offset-desktop) 0
}
}
.account-base__inner[data-v-ed46251c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #fff;
    padding: var(--login-window-v-offset-mobile)
      var(--login-window-h-offset-mobile);
}
@media (max-width: 599px) {
.account-base__inner[data-v-ed46251c] {
      min-height: calc(var(--vh, 1vh)*100)
}
.account-base__inner--has-fixed-footer[data-v-ed46251c] {
        padding-bottom: calc(5.1875rem + var(--safe-area-inset-bottom));
}
}
@media (min-width: 600px) {
.account-base__inner[data-v-ed46251c] {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: center;
          align-self: center;
      /**
      We want the window to be 630px wide, at most,
      but we also want at least 32px space from screen edges
      */
      width: var(--login-window-width);
      max-width: calc(100vw - var(--login-window-offset-desktop)*2);
      padding: var(--inner-v-padding-desktop) var(--inner-h-padding-desktop);
      -webkit-box-shadow: var(--box-shadow-default);
              box-shadow: var(--box-shadow-default);
      border-radius: var(--border-radius-default)
}
}
@media (min-width: 600px) {
.account-base__inner--has-fixed-height[data-v-ed46251c] {
        height: 80vh;
        max-height: 52.5rem
}
}
.account-base__nav[data-v-ed46251c] {
    position: absolute;
    top: var(--login-window-v-offset-mobile);
    left: var(--login-window-h-offset-mobile);
    right: var(--login-window-h-offset-mobile);
    min-height: 3.125rem;
}
@media (min-width: 600px) {
.account-base__nav[data-v-ed46251c] {
      left: var(--inner-h-padding-desktop);
      right: var(--inner-h-padding-desktop)
}
}
.account-base__nav-inner[data-v-ed46251c] {
    margin: 0 auto;
    overflow: hidden;
}
.account-base__back[data-v-ed46251c] {
    float: left;
    width: var(--mobile-logo-size);
    height: var(--mobile-logo-size);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' inline='true'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M6 11.75c0 .414.364.75.813.75h11.375c.448 0 .812-.336.812-.75s-.364-.75-.813-.75H6.813c-.448 0-.812.336-.812.75Z' clip-rule='evenodd' inline='true' /%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12.74 18.744a.865.865 0 0 0 0-1.238L7.146 12l5.594-5.506a.865.865 0 0 0 0-1.238.899.899 0 0 0-1.257 0L5.26 11.381a.865.865 0 0 0 0 1.238l6.223 6.125a.899.899 0 0 0 1.257 0Z' clip-rule='evenodd' inline='true' /%3E%3C/svg%3E") center left
      no-repeat;
    background-size: var(--nav-icon-size);
}
.account-base__forward[data-v-ed46251c] {
    float: right;
    /* fixed line-height in order to make it vertically aligned with &__back */
    line-height: var(--mobile-logo-size);
    width: var(--mobile-logo-size);
    text-decoration: none;
    text-transform: uppercase;
    text-align: right;
    color: var(--cm-color-gray200);
    font-size: 0.75rem;
    font-weight: 600;
}
@media (min-width: 600px) {
.account-base__forward[data-v-ed46251c] {
      font-size: 1rem;
      /* back button is hidden on desktop, so the forward button doesn't need to be vertically aligned to it */
      line-height: 1
}
}
.account-base__header[data-v-ed46251c] {
    width: 100%;
}
.account-base__header--mobile-top[data-v-ed46251c] {
      margin-top: 0;
}
.account-base__header--no-bottom-margin[data-v-ed46251c] {
      margin-bottom: 0;
}
.account-base__header--mobile-center[data-v-ed46251c] {
      margin: auto 0 0;
}
@media (min-width: 600px) {
.account-base__header--mobile-center[data-v-ed46251c] {
        margin: 0 0 var(--main-items-spacing) 0
}
}
.account-base__header--content-align-end[data-v-ed46251c] {
      margin: auto 0 0;
}
.account-base__content[data-v-ed46251c] {
    width: 100%;
    margin: var(--main-items-spacing) auto;
}
.account-base__content--mobile-center[data-v-ed46251c] {
      margin: 0 auto;
}
@media (min-width: 600px) {
.account-base__content--mobile-center[data-v-ed46251c] {
        margin: var(--main-items-spacing) auto
}
}
.account-base__content--content-align-end[data-v-ed46251c] {
      margin: 0;
}
.account-base__content--full-height[data-v-ed46251c] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 0;
      margin-bottom: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
}
/*
  if the header is centered then it pushes the footer down
  so the footer doesn't need to push itself.
  */
.account-base__header--no-bottom-margin + .account-base__content[data-v-ed46251c]:not(.account-base__content--mobile-center) {
    margin-top: 0;
}
.account-base__footer[data-v-ed46251c] {
    width: 100%;
}
@media (max-width: 599px) {
.account-base__footer--fixed[data-v-ed46251c] {
        position: fixed;
        bottom: calc(var(--safe-area-inset-bottom) + var(--safe-area-inset-bottom)/2);
        left: 0;
        right: 0;
        z-index: 1000;
        padding: var(--lh)
}
html[data-notch='true'] body.disable-safe-area-adjustments .account-base__footer--fixed[data-v-ed46251c] {
          bottom: 0.3125rem;
}
.account-base__footer--fixed-shadow[data-v-ed46251c] {
          background-color: rgba(255, 255, 255, 0.95);
          -webkit-box-shadow: 0 0 2.1875rem var(--box-shadow-color);
                  box-shadow: 0 0 2.1875rem var(--box-shadow-color);
}
}
/*
  if the header has no bottom margin margin
  then the content should have no margin too because of CSS margin collapsing
  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing
  */
.account-base__header--mobile-center + .account-base__footer[data-v-ed46251c] {
    margin-top: 0;
}
.account-base__header-inner[data-v-ed46251c] {
    max-width: var(--form-width);
    margin: 0 auto;
}
@media (min-width: 600px) {
.account-base__header-inner[data-v-ed46251c] {
      max-width: none
}
}
.account-base__content-inner[data-v-ed46251c],
  .account-base__footer-inner[data-v-ed46251c] {
    max-width: var(--form-width);
    margin: 0 auto;
}
@media (min-width: 600px) {
.account-base__content-inner[data-v-ed46251c],
  .account-base__footer-inner[data-v-ed46251c] {
      max-width: none;
      width: var(--form-width)
}
}
.account-base__content-inner--full-width[data-v-ed46251c], .account-base__footer-inner--full-width[data-v-ed46251c] {
      max-width: none;
      margin: 0 calc(var(--login-window-h-offset-mobile)*-1);
}
@media (min-width: 600px) {
.account-base__content-inner--full-width[data-v-ed46251c], .account-base__footer-inner--full-width[data-v-ed46251c] {
        width: auto;
        margin: 0 calc(var(--inner-h-padding-desktop)*-1)
}
}
.account-base__content-inner--full-height[data-v-ed46251c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/SignInWithGoogleButton/SignInWithGoogleButton.vue?vue&type=style&index=0&id=0dab8e2f&scoped=true&lang=postcss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-0dab8e2f {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-0dab8e2f {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.google-button[data-v-0dab8e2f] {
  margin-bottom: var(--lh-half);
}
.google-button[data-v-0dab8e2f] .q-focus-helper {
    background: #fff !important;
}
.google-button[data-v-0dab8e2f] .q-btn__wrapper {
    background-color: #4285f4;
    min-height: 2.5rem;
}
.google-button[data-v-0dab8e2f] .q-btn__content {
    position: relative;
}
.google-button__text[data-v-0dab8e2f] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-bold);
    line-height: var(--text-lh-sm);
    margin: 0;
    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;
    text-transform: none;
    color: var(--cm-color-gray800);
}
.google-button__icon[data-v-0dab8e2f] {
    font-size: var(--cm-text-xl);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-xl);
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 0.5rem;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/SignInWithAppleButton/SignInWithAppleButton.vue?vue&type=style&index=0&id=0984ae59&scoped=true&lang=postcss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-0984ae59 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-0984ae59 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
[data-v-0984ae59]:root {
  --cm-color-green: #1bc98e;
  --cm-color-green-light: #e7f7f1;
  --cm-color-green-lighter: #d1f4e7;
  --cm-color-green-bright: #25d298;
  --cm-color-green-dark: #1ca677;
  --cm-color-red: #eb5350;
  --cm-color-red50: #f94642;
  --cm-color-red100: #fca2a0;
  --cm-color-red-light: #fde9e8;
  --cm-color-red-dark: #c71713;
  --cm-color-orange: #ec9e31;
  --cm-color-orange50: #ec9e31;
  --cm-color-orange100: #fda120;
  --cm-color-orange-light: #fff6e9;
  --cm-color-orange-dark: #d57410;
  --cm-color-blue-light: #eaf1f8;
  --cm-color-blue: #3177bb;
  --cm-color-purple: #6c88f9;
  --cm-color-purple-light: #aab7ff;
  --cm-color-pink: #fb64ad;
  --cm-color-yellow-light: #fffcf2;
  --cm-color-gray0: #000;
  --cm-color-gray50: #202224;
  --cm-color-gray75: #333333;
  --cm-color-gray100: #393c40;
  --cm-color-gray150: #464646;
  --cm-color-gray200: #474b4f;
  --cm-color-gray300: #6f7379;
  --cm-color-gray400: #aaaeb3;
  --cm-color-gray500: #c6cacf;
  --cm-color-gray550: #e1e2e4;
  --cm-color-gray600: #ebebeb;
  --cm-color-gray650: #ebeff4;
  --cm-color-gray700: #f6f8fb;
  --cm-color-gray750: #fafbfc;
  --cm-color-gray800: #ffffff;
  --cm-color-white: #ffffff;
  --cm-text-body: var(--cm-color-gray75);
  --cm-text-light-gray: #7f7f7f;
  --cm-text-dark-gray: var(--cm-color-gray300);
  --cm-background-color: #fefefe;

  /* RGB from HEX Colors mapped */
  --cm-rgb-color-green: 27, 201, 142;
  --cm-rgb-color-green-dark: 28, 166, 119;
  --cm-rgb-color-red: 235, 83, 80;
  --cm-rgb-color-red50: 249, 70, 66;
  --cm-rgb-color-orange: 236, 158, 49;
  --cm-rgb-color-orange-dark: 213, 116, 16;
  --cm-rgb-color-blue: 59, 119, 177;
  --cm-rgb-color-purple: 108, 136, 249;
  --cm-rgb-color-pink: 251, 100, 173;
  --cm-rgb-color-gray300: 111, 115, 121;

  /* Stack Orders */
  --tour-overlay-index: 2300;
  --tour-dialog-index: 2301;
  --food-finder-results-index: 1001;

  /* Font Sizes */
  --cm-text-xxxxxl: 4.5rem;
  --cm-text-xxxxl: 2.5rem;
  --cm-text-xxxl: 2.25rem;
  --cm-text-xxl: 1.875rem;
  --cm-text-xl: 1.5rem;
  --cm-text-lg: 1.25rem;
  --cm-text-md: 1.125rem;
  --cm-text-sm: 1rem;
  --cm-text-xs: 0.875rem;
  --cm-text-xxs: 0.75rem;
  --cm-text-xxxs: 0.625rem;

  /* Line heights */
  --text-lh-xxl: 1.4; /* --cm-text-xxl + 2px */
  --text-lh-xl: 1.4; /* --cm-text-xl + 2px */
  --text-lh-lg: 1.4; /* --cm-text-lg + 2px */
  --text-lh-md: 1.4; /* --cm-text-md + 2px */
  --text-lh-sm: 1.4;
  --text-lh-xs: 1.4; /* --cm-text-xs + 2px */
  --text-lh-xxs: 1.4;
  --text-lh-xxxs: 1.4;

  /* Spacing */
  --cm-base-lh: 1rem;
  --lh-quarter: 0.25rem;
  --lh-half: 0.5rem;
  --lh: var(--cm-base-lh);
  --lh-1: var(--cm-base-lh);
  --lh-1-half: calc(var(--cm-base-lh)*1.5);
  --lh-2: calc(var(--cm-base-lh)*2);
  --lh-3: calc(var(--cm-base-lh)*3);
  --lh-4: calc(var(--cm-base-lh)*4);
  --lh-5: calc(var(--cm-base-lh)*5);
  --lh-6: calc(var(--cm-base-lh)*6);
  --lh-7: calc(var(--cm-base-lh)*7);
  --lh-8: calc(var(--cm-base-lh)*8);
  --lh-9: calc(var(--cm-base-lh)*9);
  --lh-10: calc(var(--cm-base-lh)*10);
  --lh-11: calc(var(--cm-base-lh)*11);
  --lh-12: calc(var(--cm-base-lh)*12);
  --lh-13: calc(var(--cm-base-lh)*13);
  --lh-14: calc(var(--cm-base-lh)*14);
  --lh-15: calc(var(--cm-base-lh)*15);
  --lh-16: calc(var(--cm-base-lh)*16);
  --lh-17: calc(var(--cm-base-lh)*17);
  --lh-18: calc(var(--cm-base-lh)*18);

  /* Box Shadow */
  --box-shadow-color: rgba(0, 30, 47, 0.1);
  --box-shadow-default: 0 0.3125rem 2.1875rem var(--box-shadow-color);
  --box-shadow-default-small: 0 0.3125rem 0.9375rem 0 var(--box-shadow-color);

  --box-shadow-color-light: rgba(0, 30, 47, 0.08);
  --box-shadow-default-light: 0 0.3125rem 2.1875rem var(--box-shadow-color-light);
  --box-shadow-default-small-light: 0 0.3125rem 0.9375rem 0
    var(--box-shadow-color-light);

  /* Border Radius */
  --border-radius-default: 1.25rem;

  /* Quasar Overrides */
  --q-color-primary: var(--cm-color-green);
  --q-color-primary-dark: var(--cm-color-green-dark);

  /* Form */
  --cm-form-height: 3rem;

  /* Macros */
  --cm-color-carbs: var(--cm-color-red);
  --cm-color-fat: var(--cm-color-orange);
  --cm-color-fat-dark: var(--cm-color-orange-dark);
  --cm-color-protein: var(--cm-color-blue);
  --cm-color-calories: #000;

  /* Shapes in charts, progress bars */
  --cm-color-shape-carbs: var(--cm-color-carbs);
  --cm-color-shape-fat: var(--cm-color-fat);
  --cm-color-shape-protein: var(--cm-color-protein);
  --cm-color-shape-calories: var(--cm-color-gray400);

  /* Layout */
  --app-container-width: 93.75rem;
  --layout-wrapper-spacing-vertical: calc(var(--lh)*1.5);
  --layout-wrapper-spacing-horizontal: min(3%, calc(var(--lh)*1.5));
  --layout-wrapper-spacing: var(--layout-wrapper-spacing-vertical)
    var(--layout-wrapper-spacing-horizontal);

  /* Daily Card */
  --daily-card-border-radius: var(--border-radius-default);

  /* Font Weights */
  --cm-font-weight-regular: 400;
  --cm-font-weight-medium: 500;
  --cm-font-weight-semibold: 600;
  --cm-font-weight-bold: 700;
  --cm-font-weight-extra-bold: 800;

  /* Star Rating */
  --cm-color-star-default: var(--cm-color-gray500);
  --cm-color-star-active: #fda01e;

  /* Settings Page */
  --cm-settings-row-height: 3.125rem;

  /* Misc */

  /* Do not change. This is to determine if the user's device has a notch */
  --env-safe-area-inset-top: env(safe-area-inset-top);
  --env-safe-area-inset-bottom: env(safe-area-inset-bottom);

  /* These values get overwritten */
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);

  --cm-mobile-toolbar-offset: 5rem;
  --cm-color-highlight: var(--cm-color-gray750);

  /*
  * These variables have to be the same as `SIDEBAR_SIZE.MIN` and `SIDEBAR_SIZE.MAX`
  * @see src/components/App/LargeSidebar/LargeSidebar.vue
  */
  --sidebar-size-min: 5rem;
  --sidebar-size-max: 15.625rem;
}
@media (min-width: 801px) {
[data-v-0984ae59]:root {
    --cm-settings-row-height: auto;
}
}
.apple-button[data-v-0984ae59] {
  margin-bottom: var(--lh-half);
}
.apple-button[data-v-0984ae59] .q-focus-helper {
    background: #fff !important;
}
.apple-button[data-v-0984ae59] .q-btn__wrapper {
    background-color: #000;
    min-height: 2.5rem;
}
.apple-button[data-v-0984ae59] .q-btn__content {
    position: relative;
}
.apple-button__icon[data-v-0984ae59] {
    font-size: var(--cm-text-xl);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-xl);
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 0.5rem;
    color: var(--cm-color-gray800);
}
.apple-button__text[data-v-0984ae59] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-bold);
    line-height: var(--text-lh-sm);
    margin: 0;
    --icon-size: 1rem;
    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;
    text-transform: none;
    color: var(--cm-color-gray800);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/LineOnSideTitle/LineOnSideTitle.vue?vue&type=style&index=0&id=51aa3b26&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-51aa3b26 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-51aa3b26 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.lineonsidetitle[data-v-51aa3b26] {
  --line-margin: calc(var(--lh-2)*1.25) 0;

  font-size: var(--cm-text-sm);

  font-weight: var(--cm-font-weight-bold);

  line-height: var(--text-lh-sm);

  margin: 0;
  width: 100%;
  text-align: center;
  color: var(--cm-color-gray400);
  border-bottom: 0.0625rem solid rgba(170, 174, 179, 0.25);
  line-height: 0.1em;
  margin: var(--line-margin);
}
.lineonsidetitle__line[data-v-51aa3b26] {
    background-color: var(--cm-color-gray800);
    padding: 0 var(--lh);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/account/AccountButton.vue?vue&type=style&index=0&id=2ae8f713&lang=postcss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.account-button[data-v-2ae8f713] {
  margin-top: var(--account-button-margin-top, 0);
}
.account-button__text[data-v-2ae8f713] {
    font-size: 1.125rem;
    text-transform: none;
    font-weight: 800;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/VisibilityIcon/VisibilityIcon.vue?vue&type=style&index=0&id=d4f2f1a2&scoped=true&lang=postcss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.password-visibility-icon__icon[data-v-d4f2f1a2] {
    cursor: pointer;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/account/Signin.vue?vue&type=style&index=0&id=2ab0d87e&scoped=true&lang=postcss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.email-select[data-v-2ab0d87e] {
  padding-bottom: 1.125rem;
}
.account-subtext.account-subtext--forgot-pass[data-v-2ab0d87e] {
  margin-top: var(--lh-half);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/account/sso/TasteNetworkSignin.vue?vue&type=style&index=0&id=7dfa5d75&scoped=true&lang=postcss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.tn-signin__content[data-v-7dfa5d75] {
    margin-top: 1.25rem;
}
.tn-signin .account-base[data-v-7dfa5d75] {
    --main-items-spacing: 0;
}
.email-select[data-v-7dfa5d75] {
  padding-bottom: 1.125rem;
}
.account-subtext.account-subtext--forgot-pass[data-v-7dfa5d75] {
  margin-top: var(--lh-half);
}
.login-button[data-v-7dfa5d75] {
  font-weight: 600;
}
.logo-wrapper[data-v-7dfa5d75] {
  margin-top: var(--lh);
  margin-bottom: var(--lh);
}
.logo[data-v-7dfa5d75] {
  width: 20rem;
  height: auto;
}
.heading[data-v-7dfa5d75] {
  max-width: 22.8125rem;
  margin: 0 auto;
  font-size: var(--cm-text-xl);
  font-weight: var(--cm-font-weight-bold);
  line-height: 1.25;
}
.invalid-text[data-v-7dfa5d75] {
  color: var(--cm-color-red-dark);
  font-weight: var(--cm-font-weight-medium);
  font-size: var(--cm-text-sm);
}
.buttons-wrapper > *[data-v-7dfa5d75]:not(:last-child) {
    margin-bottom: var(--lh-half);
}
.permissions-box[data-v-7dfa5d75] {
  padding: var(--lh);
  margin-bottom: var(--lh);
  border: 0.0625rem solid var(--cm-color-green);
  border-radius: 1rem;
}
.permissions-box__list[data-v-7dfa5d75] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.permissions-box__list-item[data-v-7dfa5d75] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--cm-color-gray200);
  font-size: var(--cm-text-sm);
  font-weight: var(--cm-font-weight-medium);
}
.permissions-box__list-item[data-v-7dfa5d75]:not(:last-child) {
    margin-bottom: var(--lh);
}
.permissions-box__list-item svg[data-v-7dfa5d75] {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: var(--lh);
}
.sign-in[data-v-7dfa5d75] {
  margin-bottom: var(--lh);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Loaders/VideoLoader.vue?vue&type=style&index=0&id=5b4addff&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.video-loader__video[data-v-5b4addff],
  .video-loader__fallback[data-v-5b4addff] {
    width: 14.375rem;
    height: 14.375rem;
}
.video-loader__video[data-v-5b4addff] {
    /* Fix white border around video on Iphone */
    /* URL: https://stackoverflow.com/questions/52508598/html5-video-element-on-iphone-has-border */
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/AppInstallBanner.vue?vue&type=style&index=0&id=260d8d94&lang=postcss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine-data-v-260d8d94 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine-data-v-260d8d94 {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
.install-banner[data-v-260d8d94] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--lh-1);
  gap: var(--lh-quarter);
  background: var(--cm-background-color);
  border: 0.0625rem solid var(--cm-color-gray600);
}
.install-banner__dismiss[data-v-260d8d94] {
    padding: var(--lh-quarter);
    background: transparent;
    border: none;
    outline: none;
    color: var(--cm-color-gray400);
}
.install-banner__logo[data-v-260d8d94] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: var(--lh-4);
    height: var(--lh-4);
    padding: var(--lh-half);
    border: 0.0625rem solid var(--cm-color-gray600);
    border-radius: 25%;
}
.install-banner__logo svg[data-v-260d8d94] {
      width: 100%;
      height: 100%;
}
.install-banner__body[data-v-260d8d94] {
    padding-left: var(--lh-quarter);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: hidden;
}
.install-banner__title[data-v-260d8d94] {
    font-size: var(--cm-text-sm);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-sm);
    margin: 0;
}
.install-banner__subtitle[data-v-260d8d94] {
    font-size: var(--cm-text-xxs);
    font-weight: var(--cm-font-weight-regular);
    line-height: var(--text-lh-xxs);
    margin: 0;
    color: var(--cm-color-gray300);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: var(--lh-quarter);
}
.install-banner__cta[data-v-260d8d94] {
    font-size: var(--cm-text-xs);
    font-weight: var(--cm-font-weight-semibold);
    line-height: var(--text-lh-xs);
    margin: 0;
    padding: 0 var(--lh-1);
    background: var(--cm-color-green-dark);
    color: white;
    border: none;
    outline: none;
    height: var(--lh-2);
    border-radius: var(--lh-1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-19.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-19.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=postcss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Media Queries */
@-webkit-keyframes shine {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
@keyframes shine {
100% {
    background-position: calc(12.5rem + 100%) 0;
}
}
body {
  overflow-x: visible;
  background-color: var(--cm-color-gray800);
  --offline-bar-height: 0;
}
body.is-offline {
    --offline-bar-height: 2.1875rem;
}
body:not(body.is-loading) {
    background-color: var(--cm-color-gray750);
}
.app {
  opacity: 1;
  pointer-events: inherit;
}
.app--with-background {
    background-repeat: no-repeat;
    background-size: 80%;
    background-color: var(--cm-color-gray700);
    background-image: url("data:image/svg+xml,%3Csvg width='979' height='2178' fill='none' xmlns='http://www.w3.org/2000/svg' inline='true'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-113.16 1070.03C28.044 682.081-984.369-898.995 376.302-274.75 1736.97 349.495-38.886 359.2 234.875 1146.54c130.353 374.9-700.716 38.06-764.323 194.77-69.977 172.41 601.434 812.19 159.534 642.2-843.566-324.5 115.55-525.52 256.754-913.48Z' fill='%23ebeff4' inline='true' /%3E%3C/svg%3E");
}
@media (min-width: 768px) {
.app--with-background {
      background-size: 50%
}
}
.app--loading {
    opacity: 0;
    pointer-events: none;
    background-image: none;
    height: 100vh;
    overflow: hidden;
}
.offline-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--cm-color-red-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--cm-color-gray800);
  font-weight: var(--cm-font-weight-semibold);
  height: var(--offline-bar-height);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
}
@media (min-width: 1024px) {
.offline-bar {
    opacity: 0.8
}
}
.offline-bar__icon {
    color: var(--cm-color-gray800);
    font-size: var(--cm-text-sm);
    margin-right: 0.1875rem;
}
.video.video--loading {
  background-color: #fffeff;
  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;
  width: 100%;
  height: calc(100% - var(--safe-area-inset-bottom) - var(--safe-area-inset-bottom)/2);
  overflow: hidden;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}