@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,600,700,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600;700&display=swap");
body, .info-modal__text p, .accordion-wrapper div, .accordion-wrapper span, .app-content-wrap p[style], .app-content-wrap p span[style], .card-graph__head-section p, .info-modal__dialog--error div, .ma-form__message.ma-form__message--error, .info-modal-wrap__question, .warning-message, .info-modal__dialog--error .info-modal__title {
font-family: "Poppins", sans-serif !important;
-webkit-font-smoothing: antialiased;
}
:root {
/* -------------------------------------------------------------------
Cover Pages - Featured Pages
---------------------------------------------------------------------- */
--bg-homePages: #f7e3ce;
--text-primary-on-cover: #003314;
--text-primary-on-cover-opacity-16: rgba(0, 51, 20, 0.16);
--cover-images-content: #FFFFFF;
/* -------------------------------------------------------------------
Inner Pages - Secondary Pages
---------------------------------------------------------------------- */
--bg-infoPages: #f7e3ce;
--text-primary-on-bg: #003314;
--text-primary-on-bg-opacity-12: rgba(0, 51, 20, 0.12);
--text-primary-on-bg-opacity-16: rgba(0, 51, 20, 0.16);
--text-primary-on-bg-opacity-20: rgba(0, 51, 20, 0.2);
--text-primary-on-bg-opacity-40: rgba(0, 51, 20, 0.4);
--text-primary-on-bg-opacity-60: rgba(0, 51, 20, 0.6);
--text-primary-on-bg-opacity-80: rgba(0, 51, 20, 0.8);
--text-secondary-on-bg: #003314;
--text-secondary-on-bg-opacity-12: rgba(0, 51, 20, 0.12);
/* -------------------------------------------------------------------
Secondary Pages Header
---------------------------------------------------------------------- */
--bg-headers: #003314;
/* -------------------------------------------------------------------
Buttons
---------------------------------------------------------------------- */
--button-primary: #003314;
--button-primary-opacity-12: rgba(0, 51, 20, 0.12);
--button-primary-opacity-16: rgba(0, 51, 20, 0.16);
--button-primary-opacity-20: rgba(0, 51, 20, 0.2);
--button-primary-opacity-40: rgba(0, 51, 20, 0.4);
--button-primary-opacity-60: rgba(0, 51, 20, 0.6);
--button-primary-opacity-80: rgba(0, 51, 20, 0.8);
--button-primary-text: #FFFFFF;
--button-secondary-outline-and-text: #003314;
--selected-state: #003314;
--button-text-all-status: #fff;
/* -------------------------------------------------------------------
start/end progress and onborading Colors
---------------------------------------------------------------------- */
--text-box-card-color: #000000;
--color-white: #fff;
/* -------------------------------------------------------------------
Important Colors
---------------------------------------------------------------------- */
--error-state: #FB3865;
--error-state-opacity-12: rgba(251, 56, 101, 0.12);
--highlight-color: #2DC417;
--important-labels: #003314;
--important-labels-opacity-12: rgba(0, 51, 20, 0.12);
--text-on-text-area: #003314;
--text-area-bg-fill: #e6e6e6;
--text-area-bg-outline: #003314;
--text-hyperlink-color: #012CFF;
/* -------------------------------------------------------------------
Others
---------------------------------------------------------------------- */
/* ----Side Menu Color ----------------------------------------------- */
--nav-elements-color: 0;
/* ----workout page exercise card and exercise video player overly --- */
--overlay-workout-cards: 0;
/* ----Form Wizard Fist and Last Page Text Box Background Color ------ */
--wizard-card-textbox-opacity: 0%;
/* ----Font Family --------------------------------------------------- */
--font-family-number: font1;
/* ----Signing Page Logo and Desing ---------------------------------- */
--customized-sign-in: right;
/* ----Header Elements Color ----------------------------------------- */
--header-elements-color: #FFFFFF;
--bottom-navigation-height: 74px
;
}
body {
width: 100%;
min-height: 100vh;
margin: 0;
}
#menu, .gc-sidebar__menu {
padding: 0 20px;
z-index: 9;
text-align: center;
background: #000;
padding-left: calc(20px + env(safe-area-inset-left)) !important;
padding-right: 0;
}
.slideout-open .app-side-menu .toggle-button.slideout-panel--button {
filter: invert(0);
}
.app-side-menu__image-wrap {
margin: auto;
margin-top: 100px;
width: 70px;
height: 70px;
border-radius: 100%;
border: 2px solid #ffba00;
border-color: #003314;
}
.app-side-menu__image-wrap img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
}
.app-side-menu__profile-name {
word-break: break-word;
font-size: 18px;
font-weight: 600;
margin-top: 10px;
margin-bottom: 50px;
}
.app-side-menu ul {
padding: 0;
list-style: none;
}
.app-side-menu__list-item {
font-size: 12px;
font-weight: 600;
padding-top: 15px;
}
.app-side-menu__list-item a {
color: white;
}
.app-side-menu__list-item span {
color: white;
}
.app-side-menu__list-item::after {
content: "";
display: block;
height: 1px;
margin-top: 15px;
width: 100%;
margin-left: auto;
margin-right: auto;
background: #626161;
}
.app-side-menu a {
color: white;
}
.slideout-menu {
position: fixed;
top: 0;
bottom: 0;
height: 100vh;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 0;
display: none;
width: calc(256px + env(safe-area-inset-left)) !important;
color: white;
}
.slideout-menu-left {
left: 0;
}
.slideout-menu-right {
right: 0;
}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel {
overflow: hidden;
}
.slideout-open .slideout-menu {
display: block;
}
.slideout-panel--button {
z-index: 10 !important;
position: relative;
transform: none;
}
.app-side-menu--hide .slideout-menu {
animation: menu-slide-right 0.5s ease-out;
animation-fill-mode: forwards;
/* animation: slide-left 0.3s ease-out; */
}
.app-side-menu--close .slideout-menu {
animation: menu-slide-left 0.53s ease-in;
animation-fill-mode: forwards;
/* animation: slide-left 0.3s ease-out; */
}
.app-side-menu__bg {
width: 100vw;
height: 100vh;
position: fixed;
margin: 0;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
animation: fadeIn ease 0.5s;
}
@keyframes fadeIn {
0% {
background: rgba(0, 0, 0, 0);
}
100% {
background: rgba(0, 0, 0, 0.5);
}
}
.inside-ios .side-menu-bottom-wrap {
margin-bottom: 125px !important;
}
@keyframes menu-slide-right {
0% {
opacity: 0;
transform: translateX(-300px);
}
70% {
opacity: 0.5;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes menu-slide-left {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-300px);
}
}
.side-menu-bottom-wrap__t-id {
padding-top: 5px;
font-size: 10px !important;
color: #7b7b7b;
font-weight: 400 !important;
}
.app-side-menu__profile-details:active {
filter: opacity(0.6);
}
.app-side-menu-v1 #menu, .app-side-menu-v1 .gc-sidebar__menu {
height: 100vh;
padding: 0 20px;
z-index: 9;
text-align: center;
padding-left: calc(20px + env(safe-area-inset-left)) !important;
padding-right: 20px !important;
}
.inside-ios .app-side-menu-v1 .side-menu-bottom-wrap {
margin-bottom: 125px !important;
margin-top: 180px;
padding-left: 0;
}
.app-side-menu-v1 .button-back {
filter: invert(0) !important;
}
.app-side-menu-v1__profile-image {
height: 70px;
width: 70px;
border: 1px solid #003314;
}
.app-side-menu-v1 .rc-icon-backward svg path {
fill: #e5e5e5;
}
.app-side-menu-v1__profile-name {
margin-top: 11px;
margin-bottom: 48px;
font-weight: 700;
}
.app-side-menu-v1 .app-side-menu__list-item {
padding-top: 16px;
position: relative;
}
.app-side-menu-v1 .app-side-menu__list-item::after {
margin-top: 12px;
}
.app-side-menu-v1 .app-side-menu__list-item span {
font-weight: 700;
font-size: 14px;
line-height: 1.5;
}
.app-side-menu-v1 .app-side-menu__list-item span .rc-icon-ellipse {
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.app-side-menu-v1 .side-menu-bottom-wrap li a {
font-weight: 700;
font-size: 12px;
line-height: 1.5;
}
.app-side-menu-v1 .side-menu-bottom-wrap__t-id {
font-weight: 400;
font-size: 12px !important;
line-height: 1.5;
padding-top: 0;
}
.app-side-menu-v1 ul li:first-child {
padding-top: 0;
}
.app-side-menu-v1 .side-menu-bottom-wrap li:not(:last-child) {
margin-bottom: 5px;
}
html[dir="rtl"] .app-side-menu a {
padding-right: 0;
}
html[dir="rtl"] .app-side-menu-v1 #menu, html[dir="rtl"] .app-side-menu-v1 .gc-sidebar__menu {
padding-right: env(safe-area-inset-right) !important;
padding-left: 20px !important;
}
html[dir="rtl"] .app-side-menu-v1 .button-back {
transform: rotate(180deg);
}
html[dir="rtl"] .app-side-menu-v1 .side-menu-bottom-wrap li {
text-align: right;
}
html[dir="rtl"] .app-side-menu--hide .slideout-menu {
animation: rtl-menu-slide-right 0.5s ease-out;
animation-fill-mode: forwards;
}
html[dir="rtl"] .app-side-menu--close .slideout-menu {
animation: rtl-menu-slide-left 0.53s ease-in;
animation-fill-mode: forwards;
}
@keyframes rtl-menu-slide-right {
0% {
opacity: 0;
transform: translateX(300px);
}
70% {
opacity: 0.5;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes rtl-menu-slide-left {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(300px);
}
}
html[dir="rtl"] .slideout-panel--button.button-back {
filter: invert(0);
padding-left: 12px;
padding-right: 0;
}
.card-sign-in .btn-main {
margin-bottom: 24px !important;
}
.card-sign-in .btn-link {
margin: auto;
margin-top: 24px !important;
font-weight: 700;
font-size: 12px;
text-decoration: underline;
color: #003314;
line-height: 1.6;
padding: 0;
display: block;
}
.card-sign-in .btn-link svg {
padding-left: 4px;
}
.card-sign-in .btn-link svg path {
fill: #003314;
}
.card-sign-in .btn-link:active, .card-sign-in .btn-link:hover {
color: rgba(0, 51, 20, 0.6);
}
.card-sign-in .btn-link:active svg path, .card-sign-in .btn-link:hover svg path {
fill: rgba(0, 51, 20, 0.6);
}
.card-sign-in .card-sign-in__link-wrap .card-sign-in__link:nth-child(1) {
margin-top: 24px;
}
.customized-sign-in-page .card-sign-in {
margin-top: 170px;
}
.customized-sign-in-page .start-header {
height: 140px;
}
.customized-sign-in-page .start-header__logo {
height: auto;
width: auto;
text-align: center;
/* background: radial-gradient(circle, black 0%, rgba(0, 0, 0, 0.18) 50%, rgba(0, 0, 0, 0) 85%); */
position: absolute;
top: 0;
left: inherit;
right: 10px;
padding-top: 0 !important;
}
.customized-sign-in-page .start-header__logo img {
transform: inherit;
margin-left: -120px;
margin-top: 0;
padding-top: 20px !important;
width: auto;
height: 86px;
}
.customized-sign-in-page .ma-form__input::placeholder, .macroapp--page-sign-in__req-new-password .ma-form__input::placeholder {
color: #fff;
}
.customized-sign-in-page .ma-form___input::-webkit-input-placeholder, .macroapp--page-sign-in__req-new-password .ma-form___input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #fff;
}
.customized-sign-in-page .ma-form___input::-moz-placeholder, .macroapp--page-sign-in__req-new-password .ma-form___input::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}
.customized-sign-in-page .ma-form___input:-ms-input-placeholder, .macroapp--page-sign-in__req-new-password .ma-form___input:-ms-input-placeholder {
/* IE 10+ */
color: #fff;
}
.customized-sign-in-page .ma-form___input:-moz-placeholder, .macroapp--page-sign-in__req-new-password .ma-form___input:-moz-placeholder {
/* Firefox 18- */
color: #fff;
}
/**
* Transparent nav without image - week listing
*/
.app-nav .app-nav__left button img, .app-nav .app-nav__right button img, .app-nav .app-nav__left a img {
filter: invert(0);
}
.app-nav .app-nav__middle .head__title, .app-nav .app-nav__middle .head__subtitle {
color: #fff;
}
/**
* Transparent nave WITH image - dashboard, meal plan home
*/
.app-nav--with-img {
background-color: transparent;
}
.app-nav--with-img .app-nav__left button img, .app-nav--with-img .app-nav__right button img {
filter: invert(0);
}
.app-nav--with-bg-color .app-nav__left button img, .app-nav--with-bg-color .app-nav__left a img, .app-nav--with-bg-color .app-nav__right button img {
filter: invert(0);
}
.app-nav--with-img .app-nav__left .slideout-panel--button img {
filter: invert(0);
}
.app-nav--with-img .app-nav__middle .head__title, .app-nav--with-img .app-nav__middle .head__subtitle {
color: #fff;
}
/**
* Standard nav with bg color - all internal pages
*/
.app-nav--with-bg-color {
background-color: #003314 !important;
}
.app-nav--with-bg-color .app-nav__middle .head__title, .app-nav--with-bg-color .app-nav__middle .head__subtitle {
filter: invert(0);
}
.inside-native-app .app-nav:not(.app-nav--with-notification-bar) {
padding-top: env(safe-area-inset-top) !important;
margin-top: calc(env(safe-area-inset-top) * -1) !important;
}
.inside-native-app .app-nav__btn-pwa {
display: none !important;
}
.inside-native-app .macroapp--page-mealplan-meal .card-multiple-image {
padding-top: env(safe-area-inset-top) !important;
margin-top: calc(env(safe-area-inset-top) * -1) !important;
}
.inside-pwa-app .macroapp--page-mealplan-meal .card-multiple-image {
padding-top: env(safe-area-inset-top) !important;
margin-top: calc(env(safe-area-inset-top) + 10px * -1) !important;
}
.inside-pwa-app .app-nav:not(.app-nav--with-notification-bar) {
padding-top: calc(env(safe-area-inset-top) + 10px) !important;
margin-top: calc(env(safe-area-inset-top) * -1);
}
.app-nav__btn-pwa-wrap {
padding: 3.2px 0;
}
.app-content-wrap {
font-size: 12px;
}
.app-content-wrap p, .app-content-wrap div {
font-size: 12px;
}
.app-content-wrap h1 {
font-size: 36px;
font-weight: 600;
}
.app-content-wrap h2 {
font-size: 18px;
font-weight: 600;
}
.app-content-wrap h3 {
font-size: 12px;
font-weight: 600;
}
.app-content-wrap hr {
border-top: 1px solid #3d3d3d;
}
.app-content-wrap a {
font-size: 12px;
color: #012CFF;
font-weight: 600;
display: inline-block;
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.app-content-wrap ul {
position: relative;
padding-left: 25px;
font-size: 12px;
}
.app-content-wrap ol {
font-size: 12px;
padding-left: 25px;
}
.app-content-wrap img {
margin-bottom: 16px;
min-width: 100%;
width: 100%;
object-fit: cover;
margin-left: 0 !important;
}
.app-content-wrap iframe {
height: 100%;
width: 100%;
aspect-ratio: 1.7391304348;
margin: 20px 0 20px 0;
}
@media (max-width: 576px) {
.app-content-wrap img {
max-height: 600px;
}
}
.app-content-wrap:first-child {
margin-top: 16px;
}
.macroapp--page-content .content-text {
margin-top: 16px;
}
.info-modal__text a {
white-space: pre-wrap;
display: inline-block;
overflow-wrap: break-word;
}
.macroapp--page-content .content-text a, .macroapp--page-content .text-content-area a, .macroapp--page-content .accordion-card__text a, .macroapp--page-content .app-content-wrap a {
white-space: pre-wrap;
display: inline-block;
overflow-wrap: break-word;
}
.image-wrap {
position: relative;
}
.image-wrap__icon-wrapper {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
top: calc(50% - 35px);
}
.image-wrap__icon-wrapper .image-wrap__icon {
height: 50px !important;
width: 50px !important;
}
.macroapp--page-content .full-width-wrap {
min-height: 240px;
}
.card-custom-video_tumb-no-image {
background-color: #e6e6e6;
}
html[dir="rtl"] .app-content-wrap ul {
padding: 0;
padding-right: 25px;
}
html[dir="rtl"] .app-content-wrap ul li::before {
right: 10px;
}
html {
position: relative;
min-height: 100%;
}
.btn {
border: 0;
}
a {
text-decoration: none;
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 320px) {
.small-phone {
display: none !important;
}
}
button:focus {
outline: none !important;
}
.macroapp {
touch-action: manipulation;
padding-left: 10px;
padding-right: 10px;
}
.macroapp--page-start {
padding-left: 0 !important;
padding-right: 0 !important;
}
.macroapp::after {
content: "";
width: 100%;
background-color: #f7e3ce;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -20;
}
.macroapp.macroapp--page-dashboard::after, .macroapp.macroapp--page-meal-plan::after, .macroapp.macroapp--page-week-set::after {
display: none;
}
.modal-content {
background-color: #f7e3ce;
}
.macroapp-background__image {
background-image: url(../../../public/static/assets/images/jrf-bg.jpg);
background-repeat: no-repeat;
background-color: #f7e3ce;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
max-height: 856px;
background-position: top;
margin-top: 0 !important;
background-position-y: 0 !important;
background-size: cover !important;
}
.macroapp-background__image::after {
content: "";
position: absolute;
display: block;
height: 130px;
background: linear-gradient(180deg, transparent, #f7e3ce);
bottom: 0;
left: 0;
right: 0;
}
.macroapp--page-sign-in::before {
content: "";
display: block;
background-color: #000;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -100;
position: absolute;
}
.app-background-color {
background-color: #f7e3ce;
}
.app-background-color .macroapp-background {
display: none;
}
.macroapp.app-background-color {
margin-bottom: 0;
padding-bottom: 220px;
}
.head {
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
}
.head__title {
color: #3d3d3d;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 30px;
color: #003314;
line-height: 41px;
text-align: center;
letter-spacing: -0.96px;
}
.head__subtitle {
color: #fff;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #003314;
line-height: 18px;
text-align: center;
letter-spacing: 0.4px;
padding: 0 30px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.head--with-description {
padding-bottom: 20px;
}
.btn-shopping-list {
border: 2px solid;
border-color: #003314;
padding: 10px 20px;
display: block;
border-radius: 30px;
background: #003314;
color: #fff;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #fff;
text-align: center;
}
.btn-shopping-list img {
margin-right: 10px;
padding-bottom: 5px;
}
.btn-shopping-list p {
display: inline-block;
margin: 0;
margin-top: 5px;
font-weight: 600;
}
.content-image {
position: relative;
margin-bottom: 16px;
overflow: hidden;
margin-left: -20px;
margin-right: -20px;
}
.content-image img {
width: 100%;
height: 200px;
object-fit: cover;
}
.card-custom-video iframe, .card-custom-video img {
width: 100% !important;
height: 235px !important;
margin-bottom: 20px;
}
.card-custom-video img {
object-fit: cover;
}
.accordion-card__btn {
border: none;
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
display: flex;
width: 100%;
padding: 16px 20px;
text-align: left;
margin-bottom: 16px;
background: linear-gradient(126.95deg, #003314 18.33%, #003314 112.32%);
border-radius: 10px;
justify-content: space-between;
align-items: center;
}
.accordion-card img {
margin-left: 5px;
}
.accordion-card__btn-hover {
color: #fff;
}
.accordion-card__btn.focus, .accordion-card__btn:focus {
outline: none;
box-shadow: none;
}
.vimeo__btn-swap img {
width: 16px;
}
.vimeo__btn-swap span {
line-height: 27px;
}
.warning-text-msg {
display: flex;
justify-content: center;
margin-bottom: 15px;
margin-top: 15px;
border-top: 1px dashed #FB3865;
padding: 7px 0 7px;
border-bottom: 1px dashed #FB3865;
}
.warning-text-msg p {
color: #FB3865;
font-weight: normal;
font-size: 12px;
line-height: 18px;
margin-bottom: 0;
}
.warning-text-msg img {
width: 20px !important;
padding-right: 5px;
}
.new-bg-with-set {
padding: 4px 10px !important;
margin-top: 10px !important;
line-height: 24px;
background-color: #003314;
color: #fff;
letter-spacing: -0.576px;
border-radius: 4px;
width: auto;
display: flex;
}
.new-bg-with-set p {
margin-bottom: 0;
justify-content: center;
}
.new-bg-with-set a img {
padding: 0;
margin-left: 8px;
margin-bottom: 4px !important;
}
.app-nav--with-small-title .head__title {
font-size: 18px;
line-height: 20px;
}
.app-nav--with-bg-color {
background-color: #003314;
}
.app-nav--with-bg-color .head__title {
color: #fff;
}
.app-nav--with-bg-color .head__subtitle {
color: #fff;
}
.macroapp--page-dashboard .head__subtitle {
padding: 0 20px;
text-align: center !important;
}
.head--with-massage .head__title {
color: #fff;
}
.head--with-massage .head__subtitle {
color: #fff;
text-align: justify;
}
.app-nav {
padding: 0 20px !important;
padding-left: calc(env(safe-area-inset-left) + 20px) !important;
padding-right: calc(env(safe-area-inset-right) + 20px) !important;
}
.app-nav__right {
text-align: right;
}
.app-nav__right .btn-info-bulb img, .app-nav__right .app-nav__btn-pwa img {
margin-top: -6px;
}
.app-nav .head__title {
color: #003314;
margin: 0;
line-height: 30px;
}
.app-nav button {
padding: 0;
}
.app-nav .app-nav-row {
min-height: 94px;
align-items: center;
}
.macroapp--page-content {
padding-left: 0 !important;
padding-right: 0 !important;
}
.macroapp--page-content .app-nav__right {
width: 28px;
}
.macroapp--page-content .head__subtitle {
font-size: 18px;
color: #fff;
}
.macroapp--page-content .app-nav {
align-items: center;
}
.card-custom-video .head__title {
font-size: 18px;
font-weight: 600;
text-align: left;
}
.macroapp-background--page-workout .head--with-description .head__title, .macroapp-background--page-workout .head--with-description .head__subtitle {
color: #fff !important;
}
.card-image {
position: relative;
height: 145px;
border-radius: 10px;
overflow: hidden;
font-size: 12px;
box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.3);
}
.card-image__title {
color: #fff;
}
.card-image__image {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
z-index: -1;
}
.card-image__image--dashboard {
z-index: 0 !important;
}
.card-image__set-name {
margin-bottom: 0;
margin-top: 100px;
padding: 0 10px;
color: #003314;
font-weight: 600;
}
.card-image__set-number {
margin-bottom: 0;
padding: 0 10px;
color: #fff;
font-weight: 600;
}
.card-image__overlay {
background: linear-gradient(0deg, black 20%, rgba(0, 0, 0, 0.25) 40%);
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
}
.card-image--with-video {
border-radius: 0;
height: 295px;
background-color: #000;
}
.card-image--with-video .card-image__image {
margin-top: 97px;
}
.card-image--with-video .card-image__set-name {
margin-top: 55px;
padding-left: 20px;
}
.card-image--with-video .card-image__set-number {
padding-left: 20px;
line-height: 25px;
margin-bottom: -5px;
}
.card-image--with-video .card-image__overlay {
z-index: 1 !important;
}
.macroapp--page-workout-video .card-image--with-video {
margin-bottom: 30px;
height: 202px !important;
}
.macroapp--page-workout-video .card-image--with-video .video-wrapper {
height: 206px;
margin-top: -16px;
}
.btn-main {
padding: 15px;
display: block;
margin: auto;
border-radius: 50px;
background: #003314;
color: #fff;
font-weight: bold;
text-align: center;
width: 100%;
box-shadow: 0 4px 14px 1px rgba(0, 51, 20, 0.3);
border: none;
margin-bottom: 20px;
}
.btn-main--disabled {
background: #e5e5e5;
box-shadow: none !important;
}
.btn-main--disabled:hover {
color: #fff;
}
.btn-main.btn-main--with-only-outline {
border: 2px solid #3d3d3d;
border-color: #003314;
color: #003314;
background: transparent;
box-shadow: none !important;
}
.btn-choice {
padding-left: 0;
margin-bottom: 10px;
}
.btn-choice__input {
visibility: hidden;
height: 0;
width: 0;
}
.btn-choice__label {
cursor: pointer;
color: #3d3d3d;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
border: 1px solid #003314;
border-radius: 10px;
padding: 15px;
width: 100%;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 27px;
text-align: center;
letter-spacing: -0.576px;
color: #003314;
background-color: #e6e6e6;
}
.btn-choice__input:checked + .btn-choice__label {
background-color: #003314;
color: #fff;
border: 1px solid #003314;
}
.btn-choice__label--with-description {
padding: 10px;
color: #003314;
}
.btn-choice__label--with-description span {
color: #afafaf;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
line-height: 18px;
text-align: center;
color: #003314;
}
.unit-selector {
font-weight: bold;
color: rgba(0, 51, 20, 0.35) !important;
}
.unit-selector--active {
color: #003314 !important;
position: relative;
}
.ma-form {
/*
removing because of the duplicate placeholders
&__input[type='date']:empty::after {
color: $text-primary-on-bg;
content: attr(placeholder);
}
*/
}
.ma-form__label {
color: #003314;
font-weight: 600;
}
.ma-form select {
width: 100%;
background-color: transparent;
}
.ma-form__input {
height: 59px;
text-align: center;
padding: 15px;
border-radius: 10px;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
border-color: #003314;
color: #003314;
}
.ma-form__input-group--with-text .ma-form__input {
color: #3d3d3d;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
background-color: #f7e3ce;
}
.ma-form__input-group--with-text .ma-form__input-text {
position: absolute;
top: 15px;
right: calc(50% - 25px);
font-size: 19px;
font-weight: 600;
color: #003314;
}
.ma-form__input-group--with-text .ma-form__input:placeholder-shown + .ma-form__input-text {
color: rgba(0, 51, 20, 0.35);
}
.ma-form__description {
color: #003314;
text-align: center;
font-size: 12px;
line-height: 18px;
padding-top: 20px;
padding-bottom: 20px;
}
.ma-form__input::placeholder {
color: rgba(0, 51, 20, 0.6);
opacity: 1;
/* Firefox */
}
.ma-form__input:hover {
border: 2px solid #003314;
border-color: #003314;
box-sizing: border-box;
}
.ma-form__input[type="date"]::-webkit-clear-button {
-webkit-appearance: none;
display: none;
}
.ma-form___input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: rgba(0, 51, 20, 0.6);
}
.ma-form___input::-moz-placeholder {
/* Firefox 19+ */
color: rgba(0, 51, 20, 0.6);
}
.ma-form___input:-ms-input-placeholder {
/* IE 10+ */
color: rgba(0, 51, 20, 0.6);
}
.ma-form___input:-moz-placeholder {
/* Firefox 18- */
color: rgba(0, 51, 20, 0.6);
}
.ma-form___input:focus {
color: #003314;
background-color: #fff;
border-color: #012cff;
outline: 0;
box-shadow: 0 0 0 0.1rem #003314;
}
.ma-form__input--error {
border: 2px solid #fd003a;
border-color: #FB3865;
}
.ma-form__input--error:focus {
color: #3d3d3d;
background-color: #fff;
border-color: #FB3865 !important;
outline: 0;
box-shadow: 0 0 0 0.1rem rgba(253, 0, 58, 0.25);
}
.ma-form__message {
text-align: center;
}
.ma-form__message::first-letter {
text-align: center;
text-transform: capitalize;
}
.ma-form__message--error {
color: #fd003a !important;
}
.footer {
padding: 30px;
background: none;
}
.footer__btn-main {
margin-bottom: 35px;
}
.ma-slick {
position: relative;
width: 250px;
height: 230px;
}
.ma-slick__title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 30px;
color: #fff;
/* margin: 0 10px; */
overflow: hidden;
}
.ma-slick__overlay {
position: absolute;
width: 90%;
height: 100%;
top: 0;
left: 11px;
border-radius: 10px;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 0;
cursor: pointer;
}
.ma-slick__image {
border-radius: 10px;
height: inherit;
object-fit: cover;
}
.ma-slick__description {
margin: 12px;
text-align: center;
color: #fff;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #003314;
}
.slick-current .ma-slick__image {
border: 3px solid;
border-color: #003314;
box-shadow: 1px 4px 10px #003314;
}
.macroapp--page-bodyfat, .macroapp--page-diettype {
margin-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.macroapp--page-bodyfat .footer__btn-main, .macroapp--page-diettype .footer__btn-main {
margin-bottom: 35px;
}
.number-spinner {
display: flex;
justify-content: center;
margin-top: 5px;
}
.number-spinner__input-wrap {
position: relative;
}
.number-spinner__input-wrap input {
color: #000;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
width: 150px;
margin: 0 15px;
background-color: #f7e3ce;
}
.number-spinner__input-wrap span {
position: absolute;
top: 16px;
right: 63px;
bottom: -8px;
color: #000;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
}
.number-spinner__right-btn, .number-spinner__left-btn {
border-radius: 50%;
width: 50px;
height: 50px;
margin-top: 4px;
}
.number-spinner .btn-outline-dark:hover {
color: #012cff;
background-color: #fff;
border-color: #012cff;
}
.number-spinner .btn-outline-dark.focus, .number-spinner .btn-outline-dark:focus {
box-shadow: none;
}
.number-spinner .btn-outline-dark:not(:disabled):not(.disabled).active, .number-spinner .btn-outline-dark:not(:disabled):not(.disabled):active, .number-spinner .show > .btn-outline-dark.dropdown-toggle {
color: #012cff;
background-color: #fff;
border-color: #012cff;
}
.number-spinner .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .number-spinner .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .number-spinner .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: none;
}
.ma-container--has-carousel {
padding: 0 !important;
}
hr {
width: 80%;
}
/* --- Start -- new Meal plan scss -------------------------------------- */
.card-image--large {
margin-bottom: 30px;
height: 212px !important;
}
.card-image--large .card-image__title {
margin: 10px;
display: inline-block;
background-color: #003314;
padding: 5px 6px;
border-radius: 6px;
text-align: left;
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #fff;
margin-bottom: 0;
}
.card-image--large .card-image__sub-title {
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #fff;
margin: 10px;
padding-left: 5px;
}
.card-image--large .card-image__overlay {
background: rgba(0, 0, 0, 0.15);
}
.btn-time {
position: absolute;
background-color: transparent;
border: none;
color: #003314;
left: 15px;
bottom: 15px;
display: flex;
}
.btn-time span {
padding-left: 10px;
line-height: 2.5;
font-weight: 600;
color: #fff;
}
.btn-time__image {
width: 25px;
margin-top: 2px;
}
.macroapp--page-mealplan-meal .btn-time {
bottom: 22px;
}
.card-multiple-image {
position: relative;
height: 293px;
overflow: hidden;
color: #fff;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
margin-bottom: 20px;
}
.card-multiple-image__image {
width: 110%;
height: 100%;
object-fit: cover;
position: absolute;
z-index: -1;
}
.card-multiple-image__overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 65.35%, #000 90.54%);
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
}
.card-multiple-image__wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.item-list {
margin-bottom: 20px;
position: relative;
}
.item-list__title {
color: #000;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
line-height: 27px;
margin-bottom: 0;
}
.item-list__sub-title {
color: #000;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #003314;
line-height: 18px;
margin-bottom: 0;
}
.btn-arrow {
padding: 0;
float: right;
height: 100%;
background-color: transparent;
border: none;
outline: none;
}
.btn-arrow span {
padding-right: 5px;
}
.item-list::after {
content: "";
display: block;
height: 1px;
margin-top: 15px;
width: 100%;
background: radial-gradient(circle, #e5e5e5 0%, rgba(0, 0, 0, 0) 100%);
}
.card-info {
padding: 20px;
background: #e6e6e6;
border: 1px solid;
border-color: #e6e6e6;
box-sizing: border-box;
border-radius: 10px;
margin-bottom: 20px;
}
.card-info__title {
text-align: center;
color: #000;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
margin-bottom: 20px;
}
.card-info__sub-tilte {
margin-bottom: 0;
color: #000;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #003314;
}
.card-info__list {
padding-left: 10px;
margin-bottom: 0;
color: #003314;
}
.card-info__list li {
padding-bottom: 20px;
color: #003314;
}
.card-search {
margin-top: 20px;
margin-bottom: 20px;
}
.card-search p {
color: #003314;
}
.side-menu-bottom-wrap {
margin-top: 180px;
margin-bottom: 60px;
}
.side-menu-bottom-wrap li {
text-align: left;
}
.side-menu-bottom-wrap li a {
display: block;
font-size: 12px;
font-weight: 600;
text-decoration: underline;
}
.side-menu-bottom-wrap li p {
font-size: 12px;
font-weight: 600;
}
.card-info__list li:last-child {
padding-bottom: 0;
}
.btn-check {
padding-left: 0;
margin-bottom: 10px;
position: relative;
margin-top: 22px;
padding-top: 5px;
width: 32px;
float: right;
}
.btn-check__input {
visibility: hidden;
height: 0;
width: 0;
}
.btn-check__label {
cursor: pointer;
color: #3d3d3d;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
padding: 15px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 27px;
text-align: center;
letter-spacing: -0.576px;
background-color: #f7e3ce;
border: 1px solid;
border-color: #003314;
border-radius: 50%;
height: 25px;
left: 0;
position: absolute;
top: 0;
width: 25px;
}
.btn-check__label::after {
border: 3px solid;
border-color: #003314;
border-top: none;
border-right: none;
content: "";
height: 9px;
left: 8px;
opacity: 0;
position: absolute;
top: 9px;
transform: rotate(-45deg);
width: 15px;
}
.btn-check span {
margin-left: -60px;
color: #afafaf;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #003314;
font-size: 12px;
display: block;
text-align: right;
padding-right: 40px;
padding-top: 2px;
}
.btn-check__input:checked + .btn-check__label {
background-color: #012cff;
color: #003314;
border: 1px solid;
border-color: #012cff;
box-shadow: none;
}
.btn-check__input[type="checkbox"] {
visibility: hidden;
}
.btn-check__input[type="checkbox"]:checked + .btn-check__label {
background-color: #f7e3ce;
border-color: #003314;
}
.btn-check__input[type="checkbox"]:checked + .btn-check__label::after {
opacity: 1;
}
.shopping-list {
margin-top: 20px;
}
.shopping-list__right-side {
display: flex;
align-items: center;
}
.shopping-list__image-wrap {
position: relative;
width: 90px;
height: 80px;
display: inline-block;
border-radius: 10px;
overflow: hidden;
}
.shopping-list__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.shopping-list__title {
display: inline-block;
margin-left: 10px;
color: #000;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #003314;
max-width: 56%;
}
.shopping-list__overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 65.35%, #000 90.54%);
position: absolute;
bottom: 0;
top: 0;
left: 0;
z-index: 1;
right: 0;
}
.shopping-list::after {
content: "";
display: block;
height: 1px;
margin-top: 15px;
width: 100%;
background: radial-gradient(circle, #e5e5e5 0%, rgba(0, 0, 0, 0) 100%);
}
.btn-shopping {
text-align: left !important;
border-radius: 10px !important;
display: flex !important;
line-height: 1;
}
.btn-shopping__image {
padding-top: 4px;
margin-left: -9px;
}
.btn-shopping__title {
display: inline-block;
margin: 0;
padding-left: 20px;
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #fff;
margin-left: -4px !important;
}
.btn-shopping__title span {
color: #fff;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
}
.card-numbers {
margin-top: 30px;
margin-bottom: 10px;
}
.card-numbers__title {
color: #ff7a00;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 30px;
line-height: 1;
text-align: center;
letter-spacing: -1.28px;
margin-bottom: 0;
}
.card-numbers span {
color: #fff;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
padding-left: 5px;
}
.card-numbers__sub-title {
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
line-height: 18px;
text-align: center;
}
.btn-info-bulb {
padding-right: 0;
position: relative;
}
.btn-info-bulb span {
width: 10px;
height: 10px;
background-color: #fd003a;
border-radius: 50%;
display: block;
position: absolute;
right: 2px;
top: 9px;
}
.btn-play {
background-color: transparent;
border: none;
margin-top: 10px;
}
.btn-play span {
color: #fff;
font-size: 12px;
}
.btn-swap {
background-color: transparent;
border: none;
color: #fff;
right: 15px;
bottom: 22px;
display: flex;
position: absolute;
z-index: 1;
}
.btn-swap span {
padding-left: 10px;
line-height: 2.5;
}
.number-section {
display: flex;
justify-content: space-around;
}
.number-section .card-numbers__title, .number-section .card-numbers__title span {
color: #003314;
}
.number-section .card-numbers__sub-title {
color: #003314;
}
.card-numbers--spacial .card-numbers__title, .card-numbers--spacial .card-numbers__title span {
color: #003314;
}
.card-numbers--spacial .card-numbers__sub-title {
color: #003314;
}
.app-slider--page-meal-plan {
margin-top: 70px;
}
/* --- End -- new Meal plan scss -------------------------------------- */
/* --- start -- new common scss ------------------------------------ */
.macroapp--page-common .btn-main {
margin-bottom: 30px;
}
.macroapp--page-common .head--with-description .head__subtitle {
text-align: justify;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus {
background: #003314;
border-color: #003314;
box-shadow: rgba(0, 51, 20, 0.3) !important;
outline: none;
}
.macroapp--page-common, .macroapp--page-meal-plan {
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 0 !important;
}
.macroapp--page-common .head--with-description, .macroapp--page-meal-plan .head--with-description {
padding: 25px;
padding-top: 30px;
}
.macroapp--page-common .head--with-description .head__title, .macroapp--page-meal-plan .head--with-description .head__title {
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 40px;
text-align: left;
color: #003314;
}
.macroapp--page-common .head--with-description .head__subtitle, .macroapp--page-meal-plan .head--with-description .head__subtitle {
text-align: left;
padding: 0;
color: #003314;
}
.macroapp--page-common .btn-shopping-list, .macroapp--page-meal-plan .btn-shopping-list {
margin-left: 25px;
}
.macroapp--page-meal-plan .head--with-description .head__title, .macroapp--page-meal-plan .head--with-description .head__subtitle, .macroapp--page-workout-days-view .head--with-description .head__title, .macroapp--page-workout-days-view .head--with-description .head__subtitle {
color: #fff;
}
.macroapp-background__gradient {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
background: linear-gradient(0deg, #f7e3ce 15%, rgba(0, 0, 0, 0) 80%);
}
.btn-back {
padding-left: 0;
}
.card-list {
margin-top: 30px;
}
.card-list::after {
content: "";
display: block;
height: 1px;
margin-top: 0;
width: 100%;
background: radial-gradient(circle, #e5e5e5 0%, rgba(0, 0, 0, 0) 100%);
}
.btn-close {
background-color: transparent;
border: none;
text-align: left;
margin-left: -10px !important;
margin-top: 0;
padding-bottom: 15px !important;
}
.card-detail {
min-height: 90px;
padding-bottom: 10px;
}
.card-detail__title {
margin-bottom: 0;
font-weight: 600;
color: #003314;
}
.card-detail__subtitle {
font-size: 12px;
color: #003314;
margin-bottom: 0;
}
.comingsoon-img {
width: 100%;
}
.info-modal {
top: 0;
padding-top: 100px;
}
.info-modal__dialog {
margin: 0;
margin-bottom: 90px;
}
.info-modal__content {
border: none;
border-radius: 20px 20px 0 0;
padding: 20px 30px;
min-height: calc(100 * var(--vh));
}
.info-modal__title {
margin: 0;
text-align: center;
font-weight: 600;
font-size: 30px;
line-height: 45px;
padding-bottom: 30px;
color: #003314;
}
.info-modal__subtitle {
color: #003314;
}
.info-modal__text {
padding: 10px;
border-radius: 10px;
font-weight: 400;
}
.info-modal__info-line {
color: #afafaf;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
text-align: center;
}
.info-modal__head--width-description .info-modal__title {
padding-bottom: 0;
}
.info-modal__head--width-description .info-modal__subtitle {
font-size: 12px;
text-align: center;
color: #003314;
background-color: transparent;
}
/* --- end -- new common scss -------------------------------------- */
.common-slider {
position: relative;
width: 195px !important;
background: #003314;
height: 190px;
padding: 20px;
padding-top: 18px;
border-radius: 10px;
margin-bottom: 20px;
box-shadow: 0 4px 10px 0 rgba(0, 51, 20, 0.3);
}
.common-slider__title {
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 30px;
color: #fff;
margin-bottom: 0;
line-height: 34px;
}
.common-slider__sub-title {
font-size: 12px;
color: #fff;
padding-left: 1px;
}
.mealplan-slick-slider .common-slider {
background: #003314;
}
.mealplan-slick-slider .slick-slide {
width: 220px !important;
}
.workout-slick-slider .common-slider {
background: #003314;
}
.btn-outline {
border: 2px solid;
border-color: #fff;
padding: 15px;
display: block;
border-radius: 30px;
background: transparent;
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
text-align: center;
width: 80%;
font-size: 18px;
bottom: 30px;
left: 20px;
right: 20px;
position: absolute;
}
.app-slider--page-workout {
margin-top: 160px;
}
.modal-body {
padding: 0;
}
.common {
margin: 25px 0;
height: 290px;
}
.common__title {
font-size: 18px;
text-align: center;
color: #003314;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:not(:last-child) {
background-color: #f7e3ce;
border-radius: 6px;
border-color: #003314 !important;
height: 35px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 0;
margin-left: -5px;
}
.macroapp--page-dashboard {
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 40px;
}
.macroapp--page-dashboard .app-nav {
background-color: transparent;
}
.macroapp--page-dashboard .head--with-massage {
padding-top: 100px;
}
.macroapp--page-dashboard .macroapp-background__image {
height: 40% !important;
}
.macroapp--page-dashboard .macroapp-background__gradient {
background: linear-gradient(0deg, #f7e3ce 64%, rgba(0, 0, 0, 0) 80%);
}
.macroapp--page-dashboard .slick-initialized.slick-slider {
margin-left: -20px;
margin-right: -20px;
}
.macroapp--page-dashboard .macroapp-background__gradient::after {
content: "";
position: absolute;
display: block;
background-color: #f7e3ce;
margin-top: 100vh;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.macroapp--page-dashboard .head--with-massage .head__title, .macroapp--page-dashboard .head--with-massage .head__subtitle {
color: #fff;
}
.macroapp--page-dashboard .head--with-massage .head__title p, .macroapp--page-dashboard .head--with-massage .head__subtitle p {
color: #fff;
}
.card-image--lg {
margin-bottom: 20px;
height: 212px;
}
.card-image--lg .card-image__title {
position: absolute;
top: 15px;
left: 20px;
right: 20px;
z-index: 1;
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 30px;
color: #fff;
line-height: 34px;
}
.card-image--lg .card-image__overlay {
position: absolute;
background: transparent;
z-index: 0;
}
.dashboard-title {
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
}
.btn-notification {
display: flex !important;
justify-content: space-between;
align-items: center;
text-align: left !important;
border-radius: 10px !important;
border: none;
margin-bottom: 20px;
width: 100%;
font-weight: 600;
padding: 10px 20px;
box-shadow: 0 4px 10px 0 rgba(0, 51, 20, 0.3);
}
.btn-notification--color-red {
background: linear-gradient(188.69deg, #003314 0.96%, #003314 81.55%);
box-shadow: 0 4px 10px 0 rgba(0, 51, 20, 0.3) !important;
}
.btn-notification--color-orange {
background: linear-gradient(180deg, #003314 0%, #003314 100%);
box-shadow: 0 4px 10px 0 rgba(0, 51, 20, 0.3) !important;
}
.btn-notification__image {
width: 20px;
height: 25px;
}
.btn-notification__title {
margin: 0;
color: #fff;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
}
.btn-notification__sub-title {
color: #fff;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
margin-bottom: 0;
margin-top: -3px;
}
.macroapp--page-notification {
padding-left: 0 !important;
padding-right: 0 !important;
}
.notification-wrap {
position: relative;
display: flex;
justify-content: space-between;
padding: 15px 0;
}
.notification-wrap__title {
font-size: 12px;
line-height: 18px;
padding-left: 10px;
margin-bottom: 0;
}
.notification-wrap__image {
width: 25px;
height: 25px;
margin: 5px;
}
.notification-wrap--active {
background: rgba(36, 159, 249, 0.1);
margin-left: -15px;
margin-right: -15px;
padding: 15px;
}
.notification-wrap::after {
content: "";
bottom: 0;
position: absolute;
display: block;
height: 1px;
width: 100%;
background: radial-gradient(circle, #e5e5e5 0%, rgba(0, 0, 0, 0) 100%);
}
.notification-wrap--active::after {
content: none;
}
.content-text {
font-size: 12px;
color: #003314;
}
.content-text--without-content-image {
padding-top: 16px;
}
.content-link {
display: block;
color: #ff7a00;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 12px;
margin-bottom: 0;
}
.accordion-card__btn--outline {
background: #f7e3ce !important;
color: #003314 !important;
border: 1px solid #3d3d3d !important;
border-color: #003314 !important;
}
.accordion-card__btn--outline-hover {
color: #fff;
background: #012cff;
}
.accordion-card__btn--outline.focus, .accordion-card__btn--outline:focus {
outline: none;
box-shadow: none;
}
.full-width-wrap {
margin-left: -15px;
margin-right: -15px;
}
.card-custom-video .content-link {
display: inline-block;
padding-left: 2px;
}
.popup-btn-wrap {
margin-top: 100px;
}
.custom-margin {
margin-top: 38px;
}
.custom-footer-padding {
padding-right: 10px;
padding-left: 10px;
}
.custom-col-right-padding {
padding-right: 10px;
}
.custom-modal-padding, .custom-modal-padding .info-modal__text {
padding: 20px;
}
.info-modal__text-preferred-muscle {
text-decoration: bold;
}
.custom-modal-padding .btn-close {
padding-left: 10px !important;
}
.vimeo__box--r-b {
right: -6px !important;
bottom: -20px !important;
}
.head--with-image {
background-size: cover !important;
}
/* --- start -- dont use this just for separate ---------- */
.main-label-component {
text-align: center;
background-color: #e8e8e8;
color: #fff;
margin-bottom: 0;
}
.transition {
transition: all 0.3s ease-out;
}
/* -------- dont use this just for separate-- end --- */
.vimeo__set-name, .vimeo__set-number, .btn-swap {
font-size: 18px;
}
.new-bg-with-set .new-bg-with-set-link {
display: block;
z-index: 1;
}
.macroapp--page-common .app-nav .app-nav__middle .head__subtitle {
padding-top: 8px;
}
.macroapp--page-meal-plan-list.app-background-color, .macroapp--page-workout-list.app-background-color {
min-height: 100vh;
}
/* --end 2020-6-23-- */
.form-control {
background-color: #f7e3ce;
}
.form-control:focus {
background-color: transparent;
border: 2px solid;
border-color: #003314;
box-shadow: none;
color: #003314;
}
@media screen and (min-width: 768px) {
.macroapp-background__gradient {
background: linear-gradient(0deg, #f7e3ce 44%, rgba(0, 0, 0, 0) 80%);
}
.macroapp-background__image {
max-height: 100%;
}
.card-image--lg {
height: 420px;
}
}
.accordion-card__collapse, .accordion-card__collapse div, .accordion-card__collapse div > * {
color: #003314;
}
.page--shopping-cart {
margin-bottom: 120px !important;
}
.app-background-color.macroapp--page-week-set {
background-color: #f7e3ce;
}
@media screen and (min-width: 834px) {
.app-nav__notification-bar {
width: 110% !important;
left: -20px !important;
}
.new-dashboard-design .dashboard-featured-card {
overflow: hidden !important;
}
}
.card-info__ingredient::before {
content: "-";
}
.card-info__ingredient {
text-indent: -10px;
padding-left: 10px;
}
.text-underline {
text-decoration: underline !important;
}
body {
background-color: #f7e3ce;
}
/* animations */
.slide-fade-enter-active {
transition: all 1s ease;
}
.slide-fade-leave-active {
position: absolute;
transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter {
transform: translateX(-50%);
opacity: 0;
}
.slide-fade-leave-to {
transform: translateX(50%);
opacity: 0;
}
.slide-up-fade-enter-active {
transition: all 1s ease;
}
.slide-up-fade-leave-active {
transition: all 0.8s ease-out;
position: absolute;
}
.slide-up-fade-enter {
transform: translateY(50%);
opacity: 0;
}
.slide-up-fade-leave-to {
transform: translateY(-50%);
opacity: 0;
}
.common-slider {
position: relative;
padding-top: 26px !important;
}
.common-slider__title {
font-weight: 700 !important;
}
.common-slider__sub-title {
padding-top: 5px;
font-weight: 300 !important;
}
.common-slider__button {
display: block;
position: absolute;
right: 18px;
bottom: 17px;
font-weight: 600;
font-size: 18px;
color: #fff !important;
}
.common-slider__button, .common-slider__button:focus, .common-slider__button:focus-visible {
outline: none !important;
}
.workout-slick-slider .common-slider__sub-title {
font-weight: 400 !important;
}
.n-position-check {
position: absolute;
top: 10px;
right: 10px;
}
.product-offer-wrap .product-offer-row {
display: block;
text-align: center;
}
.product-offer-wrap .product-offer-row .product-offer-col {
display: inline-block;
}
.product-offer-wrap .product-offer-row .product-offer-col .product-offer-image {
padding: 8px 0;
width: 100%;
max-width: 100%;
}
.product-offer-wrap .product-offer-row .product-offer-col .product-offer-price {
font-weight: bold;
text-align: center;
margin: 16px auto;
display: block;
padding: 8px 4px;
border-radius: 10px;
font-size: 20px;
background: #fff;
color: #363636;
}
.info-modal__head .product-modal__title {
font-size: 18px;
line-height: 22px;
}
body {
width: 100%;
min-height: 100vh;
margin: 0;
}
.slideout-menu {
position: fixed;
top: 0;
bottom: 0;
width: 256px;
height: 100vh;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 0;
display: none;
}
.slideout-menu-left {
left: 0;
}
.slideout-menu-right {
right: 0;
}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel {
overflow: hidden;
}
.slideout-open .slideout-menu {
display: block;
}
/* popup */
.info-modal__content--hidden {
bottom: -700px;
}
.modal-open .info-modal__content {
position: relative;
animation: animateopenpopup 0.75s;
animation-fill-mode: forwards;
}
.modal-open--closing .info-modal__content {
position: relative;
animation: animateclosepopup 0.75s;
animation-fill-mode: forwards;
}
@keyframes animateclosepopup {
100% {
bottom: -700px;
opacity: 0;
}
0% {
bottom: 0;
opacity: 1;
-webkit-opacity: 1;
}
}
@keyframes animateopenpopup {
0% {
bottom: -700px;
opacity: 0;
}
100% {
bottom: 0;
opacity: 1;
-webkit-opacity: 1;
}
}
.modal-open .modal-backdrop {
animation: animateopenpopupbackdrop 0.75s ease-in-out;
animation-fill-mode: forwards;
}
.modal-open--closing .modal-backdrop {
animation: animateclosepopupbackdrop 0.75s ease-in-out;
animation-fill-mode: forwards;
}
@keyframes animateopenpopupbackdrop {
0% {
opacity: 0;
}
100% {
opacity: 0.5;
}
}
@keyframes animateclosepopupbackdrop {
0% {
opacity: 0.5;
}
100% {
opacity: 0;
}
}
.info-modal__dialog {
padding-top: 20vh !important;
position: fixed;
}
.info-modal__dialog.reducedPT {
padding-top: 10vh !important;
position: fixed;
}
.info-modal {
padding-top: 0 !important;
}
.info-modal__body {
height: 60vh;
overflow-y: auto;
}
.info-modal__body::-webkit-scrollbar {
display: none;
}
#__BVID__31 .info-modal__body {
height: 80vh;
}
/* end popup */
.card-numbers__title {
font-size: 18px !important;
}
.ma-form__input--sign-in {
text-align: left !important;
}
.signup-area__in {
position: absolute;
animation: animatebottom 1s;
animation-fill-mode: forwards;
}
.signup-area__out {
position: absolute;
animation: animatetop 1s;
animation-fill-mode: forwards;
left: 20px;
right: 20px;
}
.signup-area__in--inverse {
position: absolute;
animation: animatebottom--inverse 1s;
animation-fill-mode: forwards;
}
.signup-area__out--inverse {
position: absolute;
animation: animatetop--inverse 1s;
animation-fill-mode: forwards;
}
@keyframes animatetop {
from {
display: block;
top: 0;
opacity: 1;
}
to {
display: none;
top: -100%;
opacity: 0;
}
}
@keyframes animatebottom--inverse {
to {
top: 100%;
opacity: 0;
display: none;
}
from {
display: block;
top: 0;
opacity: 1;
}
}
@keyframes animatetop--inverse {
to {
display: block;
top: 0;
opacity: 1;
}
from {
display: none;
top: -100%;
opacity: 0;
}
}
/* strip css */
.InputElement {
height: 59px !important;
padding: 15px !important;
border-radius: 10px !important;
color: #000 !important;
font-size: 19px !important;
font-weight: 600 !important;
}
.InputElement:hover {
border: 2px solid #012cff !important;
box-sizing: border-box !important;
}
.app-nav__left {
z-index: 2 !important;
}
.app-nav__right {
z-index: 2 !important;
}
/* strip css */
.macroapp--page-workout-form {
margin-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.head__title--white {
color: #fff !important;
}
.head--with-image .head-image__overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 2.08%, rgba(0, 0, 0, 0.25) 65.35%, #000 90.54%);
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.12);
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 0;
}
.head--with-image {
position: relative !important;
height: 248px !important;
}
.ma-form__label--bold {
font-weight: 600;
}
.head_subtitle--underline {
text-decoration-line: underline !important;
}
.head__info-icon {
margin-left: 0.5em;
}
/** new fixes by sanjula 2020-6-23 */
.card-image--with-video .card-image__set-number {
white-space: nowrap;
}
.head_title--workout-form {
margin-right: 32px;
margin-left: 32px;
}
/* --end 2020-6-23-- */
html[dir=rtl] .app-nav__left {
transform: rotate(180deg);
}
/* global */
.preloader {
top: 0;
height: 100vh;
background-size: 70px 70px;
width: 100%;
position: fixed;
background-position: center;
background-repeat: no-repeat;
background-color: #f7e3ce;
z-index: 1200;
transition: background-color 100ms ease;
/* Smooth transition added */
}
.preloader__loading-text-wrapper {
position: absolute;
top: calc(50% + 30px);
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.preloader__loading-text {
white-space: nowrap;
}
.preloader--cover, .preloader--primary {
background-color: var(--bg-homePages);
}
.with-bottom-bar .preloader {
z-index: 1030;
}
body.modal-open {
overflow-y: hidden;
}
/* end global */
/* supplement guide */
.collapsed > .when-opened, :not(.collapsed) > .when-closed {
display: none;
}
/* end supplement guide */
/* popup */
.info-modal__dialog {
margin-bottom: 0 !important;
width: 100%;
}
.modal-backdrop {
opacity: 0.5;
}
.info-modal__text {
padding-top: 20px;
}
.btn-close {
padding-bottom: 10px;
padding-left: 0;
margin-left: 0;
}
/* end popup */
/* workout week image z index */
.app-background-color .card-image__image {
z-index: 0;
}
/* end workout week image z index */
/* signup form */
.signup-area__out {
left: 20px;
right: 20px;
position: absolute;
animation: animatetop 1s;
animation-fill-mode: forwards;
}
.signup-area__in {
left: 0;
right: 0;
position: absolute;
animation: animatebottom 1s;
animation-fill-mode: forwards;
}
.signup-area__in--inverse {
position: absolute;
animation: animatebottom--inverse 1s;
animation-fill-mode: forwards;
}
.signup-area__out--inverse {
position: absolute;
animation: animatetop--inverse 1s;
animation-fill-mode: forwards;
}
@keyframes animatebottom {
from {
top: 100%;
opacity: 0;
display: none;
}
to {
display: block;
top: 0;
opacity: 1;
}
}
@keyframes animatetop {
from {
display: block;
top: 0;
opacity: 1;
}
to {
display: none;
top: -100%;
opacity: 0;
}
}
@keyframes animatebottom--inverse {
to {
top: 100%;
opacity: 0;
display: none;
}
from {
display: block;
top: 0;
opacity: 1;
}
}
@keyframes animatetop--inverse {
to {
display: block;
top: 0;
opacity: 1;
}
from {
display: none;
top: -100%;
opacity: 0;
}
}
/* end signup form */
/* signup package */
.signup-package .card-plan {
background-color: #012cff;
color: #fff;
padding: 20px;
border-radius: 10px;
border: 1px solid #e5e5e5;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.signup-package .card-plan__title {
margin-bottom: 0;
font-size: 12px;
}
.signup-package .card-plan__second-title {
font-size: 18px;
font-weight: 600;
}
.signup-package .signup-area__in {
left: 20px;
right: 20px;
}
.signup-package .card-plan__sub-title {
font-size: 12px;
font-weight: 400;
margin-bottom: 0;
}
.signup-package .card-plan__data {
font-weight: 600;
font-size: 18px;
margin-bottom: 0;
}
.signup-package .head-section::after {
content: "";
display: block;
height: 1px;
margin-top: 15px;
margin-bottom: 15px;
width: 100%;
background: radial-gradient(circle, #e5e5e5 0%, rgba(0, 0, 0, 0) 100%);
}
/* end signup package */
/* signup payment */
.signup-payment .InputElement {
height: 59px !important;
padding: 15px !important;
border-radius: 10px !important;
color: #000 !important;
font-size: 19px !important;
font-weight: 600 !important;
}
.signup-payment .InputElement:hover {
border: 2px solid #012cff !important;
box-sizing: border-box !important;
}
/* end signup payment */
.app-banner-wrapper {
max-height: 260px;
}
.app-banner-wrapper--desktop {
margin-left: 260px;
}
.app-banner-wrapper .app-banner img {
object-fit: cover;
height: 260px;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: transparent;
border: 1px solid #003314;
border-radius: 10px;
padding: 12px 45px 12px 20px;
height: 57px;
font-size: 18px;
font-weight: 700;
}
.select2-container--default .select2-selection--single:focus {
border: 1px solid #003314;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
background-color: transparent;
background-size: contain;
border: none !important;
height: 25px !important;
width: 25px !important;
margin: auto !important;
top: 40% !important;
right: 5% !important;
display: block;
position: absolute;
background-repeat: no-repeat;
}
.select2-container--default .select2-selection--single .select2-selection__arrow.rotate {
/* Rotate arrow 180 degrees */
transform: rotate(180deg);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
background: url("data:image/svg+xml,<svg width='25' height='13' viewBox='0 0 25 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.8602 12.6054L24.8395 1.147C25.046 0.947637 25.0552 0.618044 24.8558 0.410522C24.6569 0.203 24.3273 0.195872 24.1193 0.394262L12.5001 11.5078L0.880917 0.394212C0.672908 0.195822 0.343316 0.202951 0.144437 0.410473C0.0478049 0.511206 1.29663e-06 0.641383 1.29098e-06 0.770584C1.28498e-06 0.907938 0.0539077 1.04422 0.160745 1.14695L12.14 12.6054C12.3414 12.7977 12.6588 12.7977 12.8602 12.6054Z' fill='%23003314'/></svg>");
background-color: transparent;
background-size: contain;
border: none !important;
height: 12px !important;
width: 25px !important;
margin: auto !important;
top: calc(50% - 6px) !important;
display: block;
position: absolute;
background-repeat: no-repeat;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
width: 100%;
padding-right: 20px;
text-align: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.gc-input-multi-select--error .select2-selection--multiple {
border: 1px solid #FB3865 !important;
}
html[dir="rtl"] .select2-container--default .select2-selection--single {
text-align: right;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
width: 220px;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track::before, .slick-track::after {
display: table;
content: "";
}
.slick-track::after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.macroapp--page-account {
padding-bottom: 36px;
}
.macroapp--page-account .ma-form__input {
text-align: left;
}
.macroapp--page-account .app-error-msg {
text-align: center;
color: #FB3865;
}
.macroapp--page-purchase {
background-size: cover;
background-position: left top;
min-height: 100vh;
padding-top: 170px;
}
.macroapp--page-purchase .card-purches__description {
padding-top: 20px;
color: #fff;
}
.macroapp--page-purchase .card-purches__description p {
font-size: 12px;
font-weight: 400;
}
.macroapp--page-purchase .card-purches__description ul {
font-size: 12px;
}
.macroapp--page-purchase .card-purches {
background-color: rgba(0, 0, 0, 0.7);
padding: 30px 20px;
text-align: left;
border-radius: 0 30px 0 0;
min-height: 600px;
}
.macroapp--page-purchase .card-purches .head__title {
font-size: 40px;
}
.macroapp--page-purchase .card-purches .sub__title {
font-size: 18px;
}
.macroapp--page-purchase .card-purches .head__title, .macroapp--page-purchase .card-purches .sub__title {
text-align: left;
color: #fff;
}
.macroapp--page-purchase .card-purches .card-program-symbol {
padding: 10px;
}
.macroapp--page-purchase .card-purches .card-program-symbol p {
color: #fff;
font-size: 30px;
padding-top: 20px;
}
.macroapp--page-purchase .macroapp--page-purchase .card-purches__description p {
font-size: 18px;
}
.macroapp--page-purchase .card-purches__program {
display: flex;
justify-content: space-evenly;
padding-top: 20px;
padding-bottom: 20px;
}
.macroapp--page-purchase .card-purches__program .card-program {
padding: 10px;
width: 100%;
height: 100px;
border-radius: 10px;
}
.macroapp--page-purchase .card-purches__program .card-program p {
color: #fff;
font-weight: 600;
}
.macroapp--page-purchase .card-purches__program .card-program--mealplan {
background: url(https://d63708ukmb4z7.cloudfront.net/static/assets/images/iap-purchase/img-5.jpg);
background-size: cover;
}
.macroapp--page-purchase .card-purches__program .card-program--workout {
background: url(https://d63708ukmb4z7.cloudfront.net/static/assets/images/iap-purchase/img-4.jpg);
background-size: cover;
}
.macroapp--page-purchase .card-purches__program .card-program--workout, .macroapp--page-purchase .card-purches__program .card-program--mealplan {
position: relative;
border-radius: 10px;
z-index: 0;
}
.macroapp--page-purchase .card-purches__program .card-program--workout::after, .macroapp--page-purchase .card-purches__program .card-program--mealplan::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
z-index: -1;
border-radius: 10px;
}
.macroapp--page-purchase .footer.card-purches__buy {
padding: 0 20px;
background: linear-gradient(180deg, #0000 18.46%, #0000 94.09%) !important;
}
.macroapp--page-purchase .footer.card-purches__buy p {
margin-bottom: 10px;
font-size: 12px;
text-align: center;
}
.macroapp--page-purchase .footer.card-purches__buy .footer__btn-main {
margin-bottom: 20px;
}
.macroapp--page-purchase .footer.card-purches__buy .btn-main.btn-main--with-only-outline {
border: 2px solid #fff;
border-color: #fff;
color: #fff;
background: transparent;
box-shadow: none !important;
}
@media screen and (min-width: 375px) and (max-height: 667px) {
.macroapp--page-purchase {
padding-top: 110px;
}
.macroapp--page-purchase .card-purches__program {
padding-top: 0;
padding-bottom: 0;
}
.macroapp--page-purchase .card-purches {
min-height: 530px;
}
}
@media screen and (min-width: 767px) {
.macroapp--page-purchase {
padding-top: 400px !important;
}
.macroapp--page-purchase .card-purches__program .card-program--workout, .macroapp--page-purchase .card-purches__program .card-program--mealplan {
padding: 20px;
height: 160px;
}
.macroapp--page-purchase .card-purches__program .card-program--workout p, .macroapp--page-purchase .card-purches__program .card-program--mealplan p {
font-size: 24px;
}
}
/* Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
.macroapp--page-purchase {
padding-top: 500px !important;
}
.macroapp--page-purchase .card-purches {
min-height: 836px;
}
}
/* Landscape */
.nav-bar-bottom {
padding: 0 20px;
}
.nav-bar-bottom__tab {
text-align: center;
padding: 26px 0;
}
.nav-bar-bottom #nav-home path, .nav-bar-bottom #nav-meal path, .nav-bar-bottom #nav-gym path, .nav-bar-bottom #nav-graph path {
fill: #003314;
}
.nav-bar-bottom .active #nav-home path, .nav-bar-bottom .active #nav-meal path, .nav-bar-bottom .active #nav-gym path, .nav-bar-bottom .active #nav-graph path {
fill: #003314;
}
.nav-bar-bottom.footer {
background-color: #fff;
box-shadow: 0 9px 20px 4px rgba(0, 51, 20, 0.4);
}
.weekslider-wrapper {
margin-bottom: 18px;
margin-left: -15px;
}
.weekslider-wrapper .slick-slider {
margin-right: -40px;
}
.weekslider-wrapper__head {
display: flex;
align-items: center;
justify-content: space-between;
}
.weekslider-wrapper__head p {
margin-bottom: 0;
}
.weekslider-wrapper__head .slider-bulb path {
fill: #003314;
}
.weekslider-wrapper .slick-slide {
height: 222px;
margin: 10px 0 5px 15px;
padding-left: 15px;
}
.weekslider-wrapper .dashborad-slider-card--bg-color {
background-color: #003314;
filter: brightness(0.5);
}
.weekslider-wrapper .dashborad-slider-card {
width: 212px;
height: 212px;
position: relative;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px 0 rgba(0, 51, 20, 0.4);
}
.weekslider-wrapper .dashborad-slider-card img {
height: 100%;
width: 100%;
object-fit: cover;
opacity: 0.4;
filter: grayscale(100%);
}
.weekslider-wrapper .dashborad-slider-card__title {
position: absolute;
top: 50%;
margin-top: -8px;
left: 0;
right: 0;
font-size: 18px;
font-weight: 600;
line-height: 1;
color: #fff;
}
.weekslider-wrapper .activeNow .dashborad-slider-card img {
opacity: 1;
filter: grayscale(0);
}
.weekslider-wrapper .activeNow .dashborad-slider-card--bg-color {
filter: brightness(1);
}
.weekslider-wrapper .dashborad-slider-day-list .slick-slide {
width: 96px !important;
height: 40px !important;
margin: 0 !important;
margin-right: 10px;
}
.weekslider-wrapper .dashborad-slider-day-list .slick-list {
margin-bottom: 28px;
}
.weekslider-wrapper .dashborad-slider-day-list__day {
padding: 10px;
border: 1px solid #ccc;
border-color: #003314;
border-radius: 10px;
font-size: 12px;
font-weight: 600;
display: block;
color: #003314;
}
.weekslider-wrapper .dashborad-slider-day-list__day .day-tick path {
fill: #003314;
}
.weekslider-wrapper .slick-slide:focus {
outline: -webkit-focus-ring-color auto 0 !important;
outline: none !important;
border: none !important;
}
.weekslider-wrapper .activeNow:focus {
outline: -webkit-focus-ring-color auto 0 !important;
outline: none !important;
border: none !important;
}
@media only screen and (min-device-width: 374px) and (max-device-width: 412px) {
.weekslider-wrapper .dashborad-slider-day-list .slick-slide {
margin-right: 10px !important;
}
}
@media only screen and (min-device-width: 413px) and (max-device-width: 767px) {
.weekslider-wrapper .dashborad-slider-day-list .slick-slide {
margin-right: 20px !important;
}
}
.dashborad-slider-day-list__day--active .dashborad-slider-day-list__day, .weekslider-wrapper .dashborad-slider-day-list__day:focus-within, .weekslider-wrapper .dashborad-slider-day-list__day:active {
background-color: #003314;
color: #f7e3ce;
}
.dashborad-slider-day-list__day--active .dashborad-slider-day-list__day .day-tick path, .weekslider-wrapper .dashborad-slider-day-list__day:focus-within .day-tick path, .weekslider-wrapper .dashborad-slider-day-list__day:active .day-tick path {
fill: #f7e3ce;
}
.entranceFromTop {
animation-duration: 2s;
animation-name: entranceFromTop;
}
@keyframes entranceFromTop {
from {
opacity: 0;
transform: translateY(-80px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.entranceFromBottom {
animation-duration: 2s;
animation-name: entranceFromBottom;
}
@keyframes entranceFromBottom {
from {
opacity: 0;
transform: translateY(80px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.entranceFromLeft {
animation-name: entranceFromLeft;
animation-duration: 1s;
}
@keyframes entranceFromLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.entranceFromRight {
animation-name: entranceFromRight;
animation-duration: 1s;
}
@keyframes entranceFromRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.select2-container--default .select2-selection--multiple {
height: 59px;
text-align: center;
padding: 0;
border-radius: 10px;
border: 1px solid #ced4da;
border-color: #003314;
background-color: transparent;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px solid #fd3bfd;
border-color: #003314;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
margin-top: 59px;
padding: 0;
}
.select2-main-wrapper {
margin-bottom: 80px;
}
.select2-container.select2-container--default.select2-container--open {
right: 0;
padding-top: 10px;
}
.select2-dropdown.dropdownCssClass.select2-dropdown--below {
margin: auto;
top: 14px;
background-color: #f7e3ce;
}
@media (min-width: 768px) {
.select2-dropdown.dropdownCssClass.select2-dropdown--below {
margin: auto;
top: 14px;
}
}
@media (min-width: 992px) {
.select2-dropdown.dropdownCssClass.select2-dropdown--below {
margin: 0;
top: 14px;
}
}
html[dir=rtl] .select2-dropdown.dropdownCssClass.select2-dropdown--below {
left: 0;
right: initial;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.select2-results__option[aria-selected] {
padding: 10px 40px;
font-size: 18px;
font-weight: 400;
color: #003314;
border-bottom: 1px solid #f7e3ce;
border-color: #003314;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #003314;
color: white;
padding: 10px 40px;
font-size: 18px;
font-weight: 400;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:not(:last-child) {
background-color: transparent;
border-radius: 6px;
border-color: #003314 !important;
height: auto;
padding: 5px;
font-weight: 600;
white-space: normal;
width: max-content;
max-width: 100%;
position: relative;
padding-right: 20px;
color: #003314;
}
.select2-search.select2-search--inline {
position: absolute;
top: 0;
left: 0;
padding-left: 20px;
font-size: 18px;
padding-top: 10px;
line-height: 18px;
}
.select2-container--open .select2-search.select2-search--inline {
padding-top: 10px;
}
.select2-container--open .select2-search.select2-search--inline::-webkit-input-placeholder, .select2-container--open .select2-search.select2-search--inline:-ms-input-placeholder, .select2-container--open .select2-search.select2-search--inline::placeholder {
padding-top: 15px;
}
.select2-results__option {
padding: 20px 40px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
position: absolute;
right: 4px;
color: #003314;
font-weight: 100;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
opacity: 0.7;
}
.select2-container.select2-container--default {
padding-top: 10px;
margin-top: -10px;
}
.select2-container .select2-search--inline .select2-search__field {
padding-top: 10px;
color: #003314;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #003314;
color: #fff;
}
.select2-dropdown {
border: none;
box-shadow: 0 1px 13px 0 #ccc;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 240px;
background-color: #f0caa2;
border-radius: 0 0 10px 10px !important;
padding: 0 4px 10px 10px;
box-shadow: 0 5px 9px -4px #aa651c;
}
.select2-search input::-webkit-input-placeholder {
/* Edge */
font-weight: 600;
}
.select2-search input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
font-weight: 600;
}
.select2-search input::placeholder {
font-weight: 600;
}
.select2-results__message {
color: #003314;
}
@media screen and (min-width: 600px) {
.macroapp {
min-height: 68vh;
}
}
@media screen and (max-width: 360px) {
.macroapp.macroapp--page-meal-plan, .macroapp.macroapp--page-dashboard--with-card {
margin-bottom: 40px;
}
.inside-pwa-app .macroapp.macroapp--page-meal-plan, .inside-native-app .macroapp.macroapp--page-meal-plan {
min-height: 72vh;
}
}
.btn:hover {
color: #fff;
}
.btn:active {
color: #fff;
}
.svg-btn-menu:active, .app-nav__btn-pwa:active, .svg-btn-bulb:active, .svg-btn-back:active, .svg-btn-email-meal:active, .svg-btn-email:active, .btn-add svg:active, .slider-bulb:active, .btn-dislike:active, .btn-swap:active {
opacity: 40% !important;
transition: 0.3s;
transform: translateY(1px);
}
.btn.btn-main:active, .btn-shopping:active {
background-color: black !important;
box-shadow: none !important;
transition: 0.3s;
transform: translateY(1px);
}
.btn.btn-main:disabled {
background-color: #003314 !important;
opacity: 0.5;
cursor: not-allowed;
}
.customized-sign-in-page .btn.btn-main:active {
background: black !important;
transition: 0.3s;
transform: translateY(1px);
}
.btn.btn-main.btn-main--with-only-outline:active {
color: black !important;
border-color: black !important;
transition: 0.3s;
transform: translateY(1px);
background-color: transparent !important;
}
.btn-notification:active {
box-shadow: none !important;
background: black;
transition: 0.3s;
transform: translateY(1px);
}
.btn-shopping-list:active {
background: black;
border-color: black;
transition: 0.3s;
transform: translateY(1px);
}
.mealplan-slick-slider .common-slider:active {
background: black !important;
box-shadow: none !important;
transition: 0.3s;
transform: translateY(1px);
}
.btn.focus, .btn:focus {
box-shadow: none !important;
transition: 0.3s;
transform: translateY(1px);
}
.btn-main--with-only-outline.btn-main--with-only-outline-p:active {
border-color: black !important;
color: #fff !important;
background: black !important;
box-shadow: none !important;
transition: 0.3s;
transform: translateY(1px);
}
.featured-sm-card-head-title:active svg {
opacity: 40% !important;
transition: 0.3s;
transform: translateY(1px);
}
.card-my-journey-sm:active {
transition: 0.3s;
transform: translateY(1px);
}
.btn-close:active, .btn-close:hover {
opacity: 40% !important;
transition: 0.3s;
transform: translateY(1px);
}
.btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus {
transition: 0.3s;
transform: translateY(1px);
}
.card-measure:active {
transition: 0.3s;
transform: translateY(1px);
}
.btn-back.toggle-button:active {
opacity: 40% !important;
transition: 0.5s;
transform: translateY(4px);
}
.page--unit-preference p {
color: #003314;
}
.helper-text--unit-preference p {
color: #003314;
}
.unit-selector span {
display: none;
}
.unit-selector--active span {
display: block;
position: absolute;
left: 0;
right: 0;
top: -14px;
}
.unit-selector--active span svg path {
fill: #003314;
}
.macroapp--page-diettype .slick-slider .ma-slick__title {
font-size: 20px;
}
/* The Modal (background) */
.modal-image {
animation: modalImageAnimation 0.5s ease-out;
position: fixed;
/* Stay in place */
z-index: 2000;
/* Sit on top */
padding-top: 60px;
/* Location of the box */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: black;
/* Fallback color */
background-color: rgba(0, 0, 0, 0.9);
/* Black w/ opacity */
}
@keyframes modalImageAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Modal Content (image) */
.modal-image__content {
margin: auto;
display: block;
width: 100%;
max-height: 700px;
padding: 20px;
border-radius: 25px;
object-fit: contain;
}
/* The Close Button */
.modal-image__close {
position: absolute;
top: 15px;
left: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.modal-image__close:hover, .modal-image__close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
.modal-content {
width: 100%;
}
}
html[dir=rtl] .modal-image__close {
left: auto;
right: 35px;
}
/* this file use tto place third party plugin styles */
/* beacon chat plugin */
.hsds-beacon .is-mobile.is-rendered {
padding-top: env(safe-area-inset-top) !important;
padding-bottom: 20px !important;
}
.hsds-beacon .is-mobile iframe {
margin-top: env(safe-area-inset-top);
}
.hsds-beacon .BeaconFabButtonFrame {
right: 20px !important;
bottom: 20px !important;
}
.hsds-beacon .BeaconFabButtonFrame.is-configDisplayLeft {
left: 20px !important;
right: initial !important;
}
.bottom-bar-expanded .hsds-beacon {
display: none;
}
.with-bottom-bar .hsds-beacon .BeaconFabButtonFrame {
bottom: 94px !important;
}
body.with-chat:not(.with-bottom-bar) .hsds-beacon {
display: none;
}
/* end beacon chat plugin */
/* announcekit plugin */
.announcekit-widget-badge {
margin-left: 8px;
margin-right: 8px;
}
/* end announcekit plugin */
.ghost {
opacity: 0.5;
background: #a6faa3;
}
.up-slide-fade-enter-active, .up-slide-fade-leave-active {
transition: transform 0.3s ease, opacity 0.1s ease;
}
.up-slide-fade-enter, .up-slide-fade-leave-to {
opacity: 0;
}
.fade-enter-active {
transition: opacity 0.2s;
}
.fade-leave-active {
transition: opacity 10ms;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
.dashboard-fade-enter-active, .dashboard-leave-active {
transition: opacity 0.2s ease-in-out;
}
.dashboard-leave-active {
transition: opacity 10ms ease-in-out, filter 10ms ease-in-out, scale 10ms ease-in-out;
}
.dashboard-fade-enter, .dashboard-fade-leave-to {
opacity: 0;
filter: blur(1px);
scale: 1.01;
width: 100vw;
height: 100vh;
background-color: #1b1e21;
}
.bottom-fade-enter-active, .fade-leave-active {
transition: opacity 0.1s ease-in-out;
}
.bottom-fade-enter, .bottom-fade-leave-to {
opacity: 0.1;
}
.zero-fade-enter-active {
transition: filter 10ms ease-in-out;
}
.zero-fade-leave-active {
transition: filter 10ms ease-in-out;
}
.zero-fade-leave-to {
width: 100vw;
height: 100vh;
opacity: 1;
}
.zero-fade-leave-from {
width: 100vw;
height: 100vh;
opacity: 0;
filter: blur(5px);
}
.zero-fade-enter-to {
opacity: 1;
width: 100vw;
height: 100vh;
}
.zero-fade-enter-from {
width: 100vw;
height: 100vh;
opacity: 0;
filter: blur(5px);
}
.slow-fade-enter-active {
transition: opacity 200ms ease-in-out;
}
.slow-fade-leave-active {
transition: opacity 200ms ease-in-out;
}
.slow-fade-leave-to {
opacity: 1;
}
.slow-fade-leave-from {
opacity: 0.7;
}
.slow-fade-enter-to {
opacity: 1;
}
.slow-fade-enter-from {
opacity: 0.7;
}
.fast-fade-enter-active {
transition: all 50ms ease-in-out;
}
.fast-fade-leave-active {
transition: all 50ms ease-in-out;
}
.fast-fade-leave-to {
opacity: 1;
}
.fast-fade-leave-from {
opacity: 0.5;
}
.fast-fade-enter-to {
opacity: 1;
}
.fast-fade-enter-from {
opacity: 0.5;
}
.preloader-fade-enter-active {
transition: opacity 10ms ease-in-out, color 10ms ease-in-out;
}
.preloader-fade-leave-active {
transition: opacity 10ms ease-in-out, color 10ms ease-in-out;
}
.preloader-fade-leave-to {
opacity: 0.8;
}
.preloader-fade-leave-from {
opacity: 0.5;
}
.preloader-fade-enter-to {
opacity: 0.8;
}
.preloader-fade-enter-from {
opacity: 0.5;
}
.static-fade-enter-active {
transition: all 10ms ease-in-out;
}
.static-fade-leave-active {
transition: all 10ms ease-in-out;
}
.static-fade-leave-to, .static-fade-leave-from {
opacity: 0.9;
}
.static-fade-enter-to {
opacity: 1;
}
.static-fade-enter-from {
opacity: 0.9;
}
.card-fade-enter-active, .card-fade-leave-active {
transition: opacity 1s ease;
}
.card-fade-enter {
transform: translateY(100%);
opacity: 0;
}
.card-fade-enter-to {
transform: translateY(0);
opacity: 1;
}
.card-fade-leave {
transform: translateY(0);
opacity: 1;
}
.card-fade-leave-to {
transform: translateY(100%);
opacity: 0;
}
.element-fade-enter-active, .element-fade-leave-active {
transition: opacity 1s ease;
}
.element-fade-enter-from, .element-fade-leave-to {
opacity: 0;
height: 0;
}
.element-fade-enter-to, .element-fade-leave-from {
opacity: 1;
height: 100%;
}
:root {
--b-br-sm1: 10px;
--b-br-md1: 20px;
--b-br-lg1: 30px;
}
.rc-button {
border: none;
width: 100%;
padding: 20px;
padding: 15px 20px;
}
.rc-button--border-radius-none {
border-radius: 0px;
}
.rc-button--border-radius-sm1 {
border-radius: 10px;
}
.rc-button--border-radius-md1 {
border-radius: 20px;
}
.rc-button--border-radius-lg1 {
border-radius: 30px;
}
.rc-button--type-solid {
background-color: #0d6efd;
color: #fff;
box-shadow: 0px 8px 20px rgba(13, 110, 253, 0.3);
}
.rc-button--type-outline {
padding: 14px 20px;
background-color: transparent;
border: 1px solid;
border-color: #0d6efd;
color: #0d6efd;
}
.rc-button:active {
outline: none;
}
.rc-button--type-solid:active {
box-shadow: none;
}
.rc-button--type-outline:active {
background-color: #0d6efd;
color: #fff;
}
.rc-button--type-solid.rc-button--disabled {
background-color: #cccccc;
color: #fff;
box-shadow: none;
}
.rc-button--type-outline.rc-button--disabled {
border-color: #cccccc;
color: #cccccc;
background-color: transparent;
}
.rc-text-content {
margin: 0;
}
/*--Font Weight--*/
.rc-text-content--weight-light {
font-weight: 300;
}
.rc-text-content--weight-medium {
font-weight: 400;
}
.rc-text-content--weight-bold {
font-weight: 600;
}
.rc-text-content--weight-extra-bold {
font-weight: 700;
}
/*--Font Size--*/
.rc-text-content--size-sm1 {
font-size: 12px;
}
.rc-text-content--size-sm2 {
font-size: 14px;
}
.rc-text-content--size-sm3 {
font-size: 16px;
}
.rc-text-content--size-sm4 {
font-size: 18px;
}
.rc-text-content--size-md1 {
font-size: 20px;
}
.rc-text-content--size-md2 {
font-size: 22px;
}
.rc-text-content--size-md3 {
font-size: 24px;
}
.rc-text-content--size-md4 {
font-size: 26px;
}
.rc-text-content--size-lg1 {
font-size: 30px;
}
.rc-text-content--size-lg2 {
font-size: 32px;
}
.rc-text-content--size-lg3 {
font-size: 34px;
}
.rc-text-content--size-lg4 {
font-size: 36px;
}
.rc-text-content--size-xl1 {
font-size: 60px;
}
@media (max-width: 320px) {
.rc-text-content--size-sm2 {
font-size: 12px;
}
.rc-text-content--size-sm4 {
font-size: 14px;
}
.rc-text-content--size-md4 {
font-size: 22px;
}
.rc-text-content--size-lg1 {
font-size: 26px;
}
.rc-text-content--size-lg4 {
font-size: 30px;
}
.rc-text-content--size-xl1 {
font-size: 36px;
}
}
/*--Font Style--*/
.rc-text-content--style-underline {
text-decoration: underline;
}
.rc-text-content--style-italic {
font-style: italic;
}
/*--Font Line height--*/
.rc-text-content--line-height-single-line {
line-height: 1;
}
.rc-text-content--line-height-multi-line {
line-height: 1.5;
}
.rc-text-content--line-height-sm {
line-height: 1;
}
.rc-text-content--line-height-md {
line-height: 1.3;
}
.rc-text-content--line-height-lg {
line-height: 1.5;
}
.rc-text-content--line-height-xl {
line-height: 1.6;
}
.rc-badge {
color: #fff;
display: flex;
border-radius: 4px;
padding: 4px 4px;
align-items: center;
}
.rc-image {
width: 100%;
height: auto;
object-fit: cover;
}
.rc-image--border-radius-none {
border-radius: 0px;
}
.rc-image--border-radius-sm1 {
border-radius: 10px;
}
.rc-image--border-radius-md1 {
border-radius: 20px;
}
.rc-image--border-radius-circle {
border-radius: 50%;
}
.rc-icon {
display: inline-block;
line-height: 0.5;
}
.rc-icon:active {
opacity: 60%;
}
.rc-icon--disabled {
opacity: 50%;
}
.rc-icon:hover {
opacity: 0.7;
cursor: pointer;
}
.rc-icon--disabled:hover {
opacity: 0.5;
}
.rc-icon--sm1 svg {
width: 12px;
height: 12px;
}
.rc-icon--sm2 svg {
width: 16px;
height: 16px;
}
.rc-icon--sm3 svg {
width: 18px;
height: 18px;
}
.rc-icon--sm4 svg {
width: 20px;
height: 20px;
}
.rc-icon--md1 svg {
width: 24px;
height: 24px;
}
.rc-icon--md2 svg {
width: 28px;
height: 28px;
}
.rc-icon--md3 svg {
width: 32px;
height: 32px;
}
.rc-icon--md4 svg {
width: 36px;
height: 36px;
}
.rc-icon--lg1 svg {
width: 40px;
height: 40px;
}
.rc-icon--lg2 svg {
width: 44px;
height: 44px;
}
.rc-icon--lg3 svg {
width: 48px;
height: 48px;
}
.rc-icon--lg4 svg {
width: 52px;
height: 52px;
}
.rc-icon-camera svg mask path {
fill: black;
}
.rc-icon-complete-filled svg circle {
fill: var(--button-primary) !important;
}
.rc-icon-complete-filled svg path {
fill: var(--button-primary-text) !important;
}
.rc-icon-warning svg path {
fill: black;
}
.rc-icon-more {
height: 13px;
}
.rc-icon-more svg {
height: 13px;
}
.rc-separator {
border-left: 1px solid #e6e6e6;
margin-top: 3px;
}
.rc-separator--height-sm {
height: 10px;
}
.rc-separator--height-md {
height: 12px;
}
.rc-separator--height-lg {
height: 14px;
}
#enjwJpS5aN03_to {
animation: enjwJpS5aN03_to__to 1800ms linear infinite normal forwards;
}
@keyframes enjwJpS5aN03_to__to {
0% {
offset-distance: 0%;
}
11.111111% {
offset-distance: 0%;
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
83.333333% {
offset-distance: 100%;
}
100% {
offset-distance: 100%;
}
}
#enjwJpS5aN03_ts {
animation: enjwJpS5aN03_ts__ts 1800ms linear infinite normal forwards;
}
@keyframes enjwJpS5aN03_ts__ts {
0% {
transform: skewX(-12deg) skewY(0deg) scale(0.8, 0.8);
}
5.555556% {
transform: skewX(-12deg) skewY(0deg) scale(0.8, 0.8);
}
83.333333% {
transform: skewX(-12deg) skewY(0deg) scale(1.2, 1.2);
}
100% {
transform: skewX(-12deg) skewY(0deg) scale(1.2, 1.2);
}
}
#enjwJpS5aN03 {
animation: enjwJpS5aN03_c_o 1800ms linear infinite normal forwards;
}
@keyframes enjwJpS5aN03_c_o {
0% {
opacity: 0;
}
11.111111% {
opacity: 0;
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
33.333333% {
opacity: 1;
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
66.666667% {
opacity: 1;
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
83.333333% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.rc-chip {
font-size: 10px;
line-height: 1.5;
font-weight: 700;
padding: 0 4px;
border-radius: 4px;
}
/* Card shadow variable */
.gc-button-standard--type-solid {
background-color: #003314;
color: #FFFFFF;
box-shadow: 0px 8px 20px rgba(0, 51, 20, 0.3);
}
.gc-button-standard--type-outline {
background-color: transparent;
border: 1px solid #003314;
color: #003314;
box-shadow: none;
}
.gc-button-standard--with-sub-text {
padding: 9.5px 20px;
}
.gc-button-standard--with-sub-text .gc-button-standard__text {
line-height: 1.2;
}
.gc-button-standard--type-solid:active {
background-color: black;
box-shadow: none;
}
.gc-button-standard--type-outline:active {
background-color: #003314;
color: #FFFFFF;
}
.gc-button-standard--type-solid.gc-button-standard--disabled {
background-color: #cccccc;
box-shadow: none;
}
.gc-button-standard--type-outline.gc-button-standard--disabled {
background-color: transparent;
border-color: #cccccc;
color: #cccccc;
}
html[dir=rtl] .gc-button-standard__icon .rc-icon svg {
transform: scaleX(-1);
}
.gc-button-primary {
background-color: #003314;
color: #FFFFFF;
box-shadow: 0px 8px 20px rgba(0, 51, 20, 0.3);
display: flex;
align-items: center;
justify-content: center;
}
.gc-button-primary .rc-icon {
margin-right: 12px;
}
.gc-button-primary .rc-icon svg path {
fill: #FFFFFF;
}
.gc-button-primary .rc-icon svg rect {
fill: #fff;
}
.gc-button-primary .rc-icon-loading-buffer {
margin-right: 0;
}
.gc-button-primary--with-sub-text {
padding: 10px 20px;
}
.gc-button-primary--with-sub-text.gc-button-primary {
flex-direction: column;
}
.gc-button-primary:active {
background-color: black;
box-shadow: none;
}
.gc-button-primary--disabled {
background-color: #003314;
opacity: 0.5;
box-shadow: none;
cursor: not-allowed !important;
}
.gc-button-primary--disabled:active {
background-color: #003314;
}
.gc-button-primary:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-primary--disabled:hover {
opacity: 0.5;
}
html[dir="rtl"] .gc-button-primary .rc-icon {
margin: 0 0 0 12px;
}
html[dir="rtl"] .rc-icon-loading-buffer {
margin: 0;
}
.gc-button-primary-forward {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #003314;
color: #FFFFFF;
box-shadow: 0px 8px 20px rgba(0, 51, 20, 0.3);
}
.gc-button-primary-forward .rc-icon svg path {
fill: #FFFFFF;
}
.gc-button-primary-forward .rc-text-content {
text-align: left;
}
.gc-button-primary-forward__left-section {
display: flex;
align-items: center;
}
.gc-button-primary-forward__left-section .rc-icon {
margin-right: 12px;
}
.gc-button-primary-forward__left-section-chip {
margin-left: 8px;
}
.gc-button-primary-forward__text-section {
display: flex;
flex-direction: column;
justify-content: center;
}
.gc-button-primary-forward--with-sub-text {
padding: 10px 20px;
}
.gc-button-primary-forward:active {
background-color: black;
box-shadow: none;
}
.gc-button-primary-forward--disabled {
background-color: #003314;
opacity: 0.5;
box-shadow: none;
}
.gc-button-primary-forward--disabled:active {
background-color: #003314;
}
.gc-button-primary-forward:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-primary-forward--disabled:hover {
opacity: 0.5;
}
html[dir="rtl"] .gc-button-primary-forward .rc-icon svg {
transform: scaleX(-1);
}
html[dir="rtl"] .gc-button-primary-forward .rc-text-content {
text-align: right;
}
html[dir="rtl"] .gc-button-primary-forward__left-section .rc-icon {
margin: 0 0 0 10px;
}
.gc-button-primary-backward {
display: flex;
justify-content: flex-start;
align-items: center;
background-color: #003314;
color: #FFFFFF;
box-shadow: 0px 8px 20px rgba(0, 51, 20, 0.3);
}
.gc-button-primary-backward .rc-icon svg path {
fill: #FFFFFF;
}
.gc-button-primary-backward .rc-text-content {
text-align: left;
}
.gc-button-primary-backward__left-section {
display: flex;
align-items: center;
margin-right: 10px;
}
.gc-button-primary-backward__text-section {
display: flex;
flex-direction: column;
justify-content: center;
}
.gc-button-primary-backward--with-sub-text {
padding: 10px 20px;
}
.gc-button-primary-backward__sub-text {
margin-bottom: 2px;
}
.gc-button-primary-backward:active {
background-color: black;
box-shadow: none;
}
.gc-button-primary-backward--disabled {
background-color: #003314;
opacity: 0.5;
box-shadow: none;
}
.gc-button-primary-backward--disabled:active {
background-color: #003314;
}
.gc-button-primary-backward:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-primary-backward--disabled:hover {
opacity: 0.5;
}
html[dir=rtl] .gc-button-primary-backward .rc-icon svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-button-primary-backward .rc-text-content {
text-align: right;
}
html[dir=rtl] .gc-button-primary-backward__left-section {
margin: 0 0 0 10px;
}
.gc-button-primary-accordion {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #003314;
color: #fff;
box-shadow: none;
}
.gc-button-primary-accordion .rc-icon svg path {
fill: #fff;
}
.gc-button-primary-accordion .rc-text-content {
text-align: left;
}
.gc-button-primary-accordion__left-section {
display: flex;
align-items: center;
}
.gc-button-primary-accordion__left-section .rc-icon {
margin-right: 12px;
}
.gc-button-primary-accordion__text-section {
display: flex;
flex-direction: column;
justify-content: center;
}
.gc-button-primary-accordion--with-sub-text {
padding: 10px 20px;
}
.gc-button-primary-accordion:active {
background-color: black;
}
.gc-button-primary-accordion--disabled {
background-color: #003314;
opacity: 0.5;
}
.gc-button-primary-accordion--disabled:active {
background-color: #003314;
}
.gc-button-primary-accordion--selected .rc-icon {
transform: rotate(90deg);
}
.gc-button-primary-accordion:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-primary-accordion--disabled:hover {
opacity: 0.5;
}
html[dir=rtl] .gc-button-primary-accordion .rc-text-content {
text-align: right;
}
html[dir=rtl] .gc-button-primary-accordion .rc-icon svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-button-primary-accordion--selected .rc-icon {
transform: rotate(-90deg);
}
.gc-button-secondary {
border-color: #003314;
color: #003314;
}
.gc-button-secondary--with-sub-text {
padding: 9px 20px !important;
}
.gc-button-secondary:active {
color: rgba(0, 51, 20, 0.6);
border-color: rgba(0, 51, 20, 0.6);
background-color: transparent !important;
}
.gc-button-secondary--disabled {
border-color: #003314;
color: #003314;
opacity: 0.5;
}
.gc-button-secondary--disabled:active {
background-color: transparent;
border-color: #003314;
color: #003314;
}
.gc-button-secondary:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-secondary--disabled:hover {
opacity: 0.5;
}
.gc-button-secondary-forward {
display: flex;
justify-content: space-between;
align-items: center;
border-color: #003314;
color: #003314;
}
.gc-button-secondary-forward .rc-icon svg path {
fill: #003314;
}
.gc-button-secondary-forward .rc-text-content {
text-align: left;
}
.gc-button-secondary-forward__left-section {
display: flex;
align-items: center;
}
.gc-button-secondary-forward__left-section .rc-icon {
margin-right: 12px;
}
.gc-button-secondary-forward__text-section {
display: flex;
flex-direction: column;
justify-content: center;
}
.gc-button-secondary-forward--with-sub-text {
padding: 9px 20px !important;
}
.gc-button-secondary-forward:active {
background-color: transparent !important;
color: rgba(0, 51, 20, 0.6);
border-color: black;
}
.gc-button-secondary-forward:active .rc-icon svg path {
fill: rgba(0, 51, 20, 0.6);
}
.gc-button-secondary-forward--disabled {
border-color: #003314;
color: #003314;
opacity: 0.5;
}
.gc-button-secondary-forward--disabled .rc-icon svg path {
fill: #003314;
}
.gc-button-secondary-forward--disabled:active {
background-color: transparent;
border-color: #003314;
color: #003314;
}
.gc-button-secondary-forward--disabled:active .rc-icon svg path {
fill: #003314;
}
.gc-button-secondary-forward:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-secondary-forward--disabled:hover {
opacity: 0.5;
}
html[dir=rtl] .gc-button-secondary-forward .rc-icon svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-button-secondary-forward .rc-text-content {
text-align: right;
}
html[dir=rtl] .gc-button-secondary-forward__left-section .rc-icon {
margin: 0 0 0 10px;
}
.gc-button-secondary-backward.rc-button {
padding: 14px 20px;
}
.gc-button-secondary-backward {
display: flex;
justify-content: flex-start;
align-items: center;
border-color: #003314;
color: #003314;
}
.gc-button-secondary-backward .rc-icon svg path {
fill: #003314;
}
.gc-button-secondary-backward .rc-text-content {
text-align: left;
}
.gc-button-secondary-backward__left-section {
display: flex;
align-items: center;
margin-right: 10px;
}
.gc-button-secondary-backward__text-section {
display: flex;
flex-direction: column;
justify-content: center;
}
.gc-button-secondary-backward--with-sub-text {
padding: 10px 20px !important;
}
.gc-button-secondary-backward__sub-text {
margin-bottom: 2px;
}
.gc-button-secondary-backward:active {
background-color: black;
color: rgba(0, 51, 20, 0.6);
}
.gc-button-secondary-backward:active .rc-icon svg path {
fill: rgba(0, 51, 20, 0.6);
}
.gc-button-secondary-backward--disabled {
border-color: #003314;
color: #003314;
opacity: 0.5;
}
.gc-button-secondary-backward--disabled .rc-icon svg path {
fill: #003314;
}
.gc-button-secondary-backward--disabled:active {
background-color: transparent;
border-color: #003314;
color: #003314;
}
.gc-button-secondary-backward--disabled:active .rc-icon svg path {
fill: #003314;
}
.gc-button-secondary-backward:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-secondary-backward--disabled:hover {
opacity: 0.5;
}
html[dir=rtl] .gc-button-secondary-backward .rc-icon svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-button-secondary-backward .rc-text-content {
text-align: right;
}
html[dir=rtl] .gc-button-secondary-backward__left-section {
margin: 0 0 0 10px;
}
.gc-button-secondary-accordion {
display: flex;
justify-content: space-between;
align-items: center;
border-color: #003314;
color: #003314;
}
.gc-button-secondary-accordion .rc-icon svg path {
fill: #003314;
}
.gc-button-secondary-accordion .rc-text-content {
text-align: left;
}
.gc-button-secondary-accordion__left-section {
display: flex;
}
.gc-button-secondary-accordion__left-section .rc-icon {
margin-right: 12px;
}
.gc-button-secondary-accordion__text-section {
display: flex;
flex-direction: column;
justify-content: center;
}
.gc-button-secondary-accordion--with-sub-text {
padding: 9px 20px !important;
}
.gc-button-secondary-accordion:active {
background-color: black;
color: #fff;
border-color: black;
}
.gc-button-secondary-accordion:active .rc-icon svg path {
fill: #fff;
}
.gc-button-secondary-accordion--disabled {
border-color: #003314;
color: #003314;
opacity: 0.5;
}
.gc-button-secondary-accordion--disabled .rc-icon svg path {
fill: #003314;
}
.gc-button-secondary-accordion--disabled:active {
background-color: transparent;
border-color: #003314;
color: #003314;
}
.gc-button-secondary-accordion--disabled:active .rc-icon svg path {
fill: #003314;
}
.gc-button-secondary-accordion--selected .rc-icon-forward {
transform: rotate(90deg);
}
.gc-button-secondary-accordion:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-secondary-accordion--disabled:hover {
opacity: 0.5;
}
html[dir=rtl] .gc-button-secondary-accordion .rc-icon-forward svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-button-secondary-accordion .rc-text-content {
text-align: right;
}
html[dir=rtl] .gc-button-secondary-accordion--selected .rc-icon {
transform: rotate(-90deg);
}
.gc-button-choice {
border-color: #003314;
color: #003314;
}
.gc-button-choice--with-sub-text {
padding: 9px 20px !important;
}
.gc-button-choice:active {
border-color: #003314;
color: #003314;
background-color: transparent;
}
.gc-button-choice--selected, .gc-button-choice--selected:active {
border-color: #003314;
background-color: #003314;
color: #fff;
}
.gc-button-choice--disabled, .gc-button-choice--disabled:active {
opacity: 0.5;
border-color: #003314;
}
.gc-button-choice:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-choice--disabled:hover {
opacity: 0.5;
}
.gc-button-link {
background-color: transparent;
padding: 0px;
color: #003314;
box-shadow: none;
border-radius: 0px;
text-align: left;
margin: 5px 0;
}
.gc-button-link:active .rc-text-content {
color: black;
}
.gc-button-link--disabled {
opacity: 0.5;
}
.gc-button-link:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-link--disabled:hover {
opacity: 0.5;
}
.gc-button-link--disabled:active .rc-text-content {
color: #003314;
}
html[dir=rtl] .gc-button-link {
text-align: right;
}
.gc-button-link-secondary {
background-color: transparent;
padding: 0px;
color: #003314;
box-shadow: none;
border-radius: 0px;
text-align: left;
margin: 5px 0;
}
.gc-button-link-secondary:active .rc-text-content {
color: black;
text-decoration: underline;
}
.gc-button-link-secondary--disabled {
opacity: 0.5;
}
.gc-button-link-secondary--disabled:active .rc-text-content {
color: #003314;
text-decoration: none;
}
.gc-button-link-forward {
background-color: transparent;
color: #003314;
background-color: transparent;
box-shadow: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 10px;
}
.gc-button-link-forward .rc-icon svg path {
fill: #003314;
}
.gc-button-link-forward .rc-text-content {
text-align: left;
}
.gc-button-link-forward__left-section {
word-break: break-all;
}
.gc-button-primary-forward__left-section {
display: flex;
}
.gc-button-primary-forward__left-section .rc-icon {
margin-right: 10px;
}
.gc-button-primary-forward__text-section {
display: flex;
flex-direction: column;
justify-content: center;
}
.gc-button-link-forward--with-sub-text {
padding: 5px 10px;
}
.gc-button-link-forward--with-sub-text .gc-button-link-forward__text {
line-height: 1.2;
}
.gc-button-link-forward:active {
color: black;
background-color: transparent;
}
.gc-button-link-forward:active .rc-icon svg path {
fill: black;
}
.gc-button-link-forward--disabled {
opacity: 0.5;
}
.gc-button-link-forward--disabled:active {
color: #003314;
background-color: transparent;
}
.gc-button-link-forward--disabled:active .rc-icon svg path {
fill: #003314;
}
.gc-button-link-forward:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-link-forward--disabled:hover {
opacity: 0.5;
}
html[dir=rtl] .gc-button-link-forward .rc-icon svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-button-link-forward .rc-text-content {
text-align: right;
}
.gc-button-check {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 20px;
border: 1px solid #003314;
border-radius: 10px;
}
.gc-button-check .rc-text-content {
color: #003314;
width: 60%;
}
.gc-button-check__circle-container {
display: flex;
align-items: center;
margin-left: -2px;
}
.gc-button-check__text-container {
width: 100%;
}
.gc-button-check__circle {
width: 20px;
height: 20px;
border: 1px solid #003314;
border-radius: 50%;
}
.gc-button-check__circle .rc-icon {
display: none;
}
.gc-button-check__circle .rc-icon svg {
width: 16px;
height: 13px;
}
.gc-button-check:active {
border-color: #003314;
}
.gc-button-check--disabled {
opacity: 0.5;
}
.gc-button-check--selected {
border-color: #003314;
}
.gc-button-check--selected .gc-button-check__circle {
background-color: #003314;
border: none;
display: flex;
justify-content: center;
align-items: center;
}
.gc-button-check--selected .rc-icon {
display: block;
}
.gc-button-check:hover, .gc-button-check--selected:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-check--disabled:hover {
opacity: 0.5;
}
.gc-button-check--with-sub-text {
padding: 9px 20px;
}
html[dir=rtl] .gc-button-check__text-container {
width: 100%;
display: flex;
flex-direction: column;
text-align: justify;
}
.gc-button-primary-icon-cart {
background-color: #003314;
color: #FFFFFF;
box-shadow: 0px 8px 20px rgba(0, 51, 20, 0.3);
display: flex;
justify-content: center;
padding: 15px 30px;
}
.gc-button-primary-icon-cart .rc-icon {
margin-right: 12px;
}
.gc-button-primary-icon-cart .rc-icon svg path {
fill: #FFFFFF;
}
.gc-button-primary-icon-cart:hover {
opacity: 0.7;
cursor: pointer;
}
html[dir=rtl] .gc-button-primary-icon-cart .rc-icon svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-button-primary-icon-cart .rc-text-content {
text-align: right;
}
html[dir=rtl] .gc-button-primary-icon-cart .rc-icon {
margin: 0 0 0 12px;
}
html[dir=rtl] .gc-button-forward__right-section .rc-icon svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-button-forward__left-section .rc-icon svg {
transform: scaleX(-1);
}
.gc-button-choice {
border-color: #003314;
color: #003314;
}
.gc-button-choice--with-sub-text {
padding: 9px 20px !important;
}
.gc-button-choice:active {
border-color: #003314;
color: #003314;
background-color: transparent;
}
.gc-button-choice--selected, .gc-button-choice--selected:active {
border-color: #003314;
background-color: #003314;
color: #fff;
}
.gc-button-choice--disabled, .gc-button-choice--disabled:active {
opacity: 0.5;
border-color: #003314;
}
.gc-button-choice:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-choice--disabled:hover {
opacity: 0.5;
}
.gc-button-link {
background-color: transparent;
padding: 0px;
color: #003314;
box-shadow: none;
border-radius: 0px;
text-align: left;
margin: 5px 0;
}
.gc-button-link:active .rc-text-content {
color: black;
}
.gc-button-link--disabled {
opacity: 0.5;
}
.gc-button-link:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-link--disabled:hover {
opacity: 0.5;
}
.gc-button-link--disabled:active .rc-text-content {
color: #003314;
}
html[dir=rtl] .gc-button-link {
text-align: right;
}
.gc-button-link-secondary {
background-color: transparent;
padding: 0px;
color: #003314;
box-shadow: none;
border-radius: 0px;
text-align: left;
margin: 5px 0;
}
.gc-button-link-secondary:active .rc-text-content {
color: black;
text-decoration: underline;
}
.gc-button-link-secondary--disabled {
opacity: 0.5;
}
.gc-button-link-secondary--disabled:active .rc-text-content {
color: #003314;
text-decoration: none;
}
.gc-button-link-forward {
background-color: transparent;
color: #003314;
background-color: transparent;
box-shadow: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 10px;
}
.gc-button-link-forward .rc-icon svg path {
fill: #003314;
}
.gc-button-link-forward .rc-text-content {
text-align: left;
}
.gc-button-link-forward__left-section {
word-break: break-all;
}
.gc-button-primary-forward__left-section {
display: flex;
}
.gc-button-primary-forward__left-section .rc-icon {
margin-right: 10px;
}
.gc-button-primary-forward__text-section {
display: flex;
flex-direction: column;
justify-content: center;
}
.gc-button-link-forward--with-sub-text {
padding: 5px 10px;
}
.gc-button-link-forward--with-sub-text .gc-button-link-forward__text {
line-height: 1.2;
}
.gc-button-link-forward:active {
color: black;
background-color: transparent;
}
.gc-button-link-forward:active .rc-icon svg path {
fill: black;
}
.gc-button-link-forward--disabled {
opacity: 0.5;
}
.gc-button-link-forward--disabled:active {
color: #003314;
background-color: transparent;
}
.gc-button-link-forward--disabled:active .rc-icon svg path {
fill: #003314;
}
.gc-button-link-forward:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-link-forward--disabled:hover {
opacity: 0.5;
}
html[dir=rtl] .gc-button-link-forward .rc-icon svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-button-link-forward .rc-text-content {
text-align: right;
}
.gc-button-check {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 20px;
border: 1px solid #003314;
border-radius: 10px;
}
.gc-button-check .rc-text-content {
color: #003314;
width: 60%;
}
.gc-button-check__circle-container {
display: flex;
align-items: center;
margin-left: -2px;
}
.gc-button-check__text-container {
width: 100%;
}
.gc-button-check__circle {
width: 20px;
height: 20px;
border: 1px solid #003314;
border-radius: 50%;
}
.gc-button-check__circle .rc-icon {
display: none;
}
.gc-button-check__circle .rc-icon svg {
width: 16px;
height: 13px;
}
.gc-button-check:active {
border-color: #003314;
}
.gc-button-check--disabled {
opacity: 0.5;
}
.gc-button-check--selected {
border-color: #003314;
}
.gc-button-check--selected .gc-button-check__circle {
background-color: #003314;
border: none;
display: flex;
justify-content: center;
align-items: center;
}
.gc-button-check--selected .rc-icon {
display: block;
}
.gc-button-check:hover, .gc-button-check--selected:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-button-check--disabled:hover {
opacity: 0.5;
}
.gc-button-check--with-sub-text {
padding: 9px 20px;
}
html[dir=rtl] .gc-button-check__text-container {
width: 100%;
display: flex;
flex-direction: column;
text-align: justify;
}
.gc-button-primary-icon-cart {
background-color: #003314;
color: #FFFFFF;
box-shadow: 0px 8px 20px rgba(0, 51, 20, 0.3);
display: flex;
justify-content: center;
padding: 15px 30px;
}
.gc-button-primary-icon-cart .rc-icon {
margin-right: 12px;
}
.gc-button-primary-icon-cart .rc-icon svg path {
fill: #FFFFFF;
}
.gc-button-primary-icon-cart:hover {
opacity: 0.7;
cursor: pointer;
}
html[dir=rtl] .gc-button-primary-icon-cart .rc-icon svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-button-primary-icon-cart .rc-text-content {
text-align: right;
}
html[dir=rtl] .gc-button-primary-icon-cart .rc-icon {
margin: 0 0 0 12px;
}
.gc-button-primary-with-icon {
display: flex;
justify-content: center;
align-items: center;
background-color: #003314;
box-shadow: 0px 8px 20px rgba(0, 51, 20, 0.3);
}
.gc-button-primary-with-icon .rc-icon {
padding-right: 12px;
}
.gc-button-primary-with-icon .rc-icon svg {
width: 20px;
height: 20px;
}
.gc-button-primary-with-icon .rc-icon svg path {
fill: #fff;
}
.gc-button-primary-with-icon:hover {
opacity: 0.7;
cursor: pointer;
}
html[dir=rtl] .gc-button-primary-with-icon .rc-icon {
padding-right: 0;
padding-left: 12px;
}
.gc-button-sub-category {
border-radius: 10px;
border: 1px solid var(--important-labels, #9645E8);
color: var(--important-labels, #9645E8);
background-color: transparent;
display: flex;
padding: 8px 12px;
align-items: center;
box-shadow: none;
}
.gc-button-sub-category .rc-icon svg path {
fill: var(--important-labels, #9645E8);
}
.gc-button-sub-category .rc-icon-up-arrow-filled {
margin-right: 8px;
transform: rotate(90deg);
}
.gc-button-sub-category--selected {
background: var(--important-labels, #9645E8);
color: var(--white, #FFF);
}
.gc-button-sub-category--selected .rc-icon svg path {
fill: var(--white, #FFF);
}
.gc-button-sub-category--selected .rc-icon-up-arrow-filled {
margin-right: 8px;
transform: rotate(180deg);
}
.gc-button-dining-out-restaurant {
border-radius: 10px;
background: var(--bg-infoPages, #FFF);
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
color: var(--text-primary-on-bg, #000);
display: flex;
padding: 12px 20px 12px 16px;
align-items: center;
justify-content: space-between;
text-align: left;
}
.gc-button-dining-out-restaurant .rc-icon svg path {
fill: var(--text-primary-on-bg, #000);
}
.gc-button-dining-out-restaurant .gc-button-dining-out-restaurant__left-section {
display: flex;
align-items: center;
flex: 1 0 0;
}
.gc-button-dining-out-restaurant .gc-button-dining-out-restaurant__text-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex: 1 0 0;
}
.gc-button-dining-out-restaurant .gc-button-dining-out-restaurant__sub-text {
color: var(--text-secondary-on-bg, #AFAFAF);
font-feature-settings: "clig" off, "liga" off;
line-height: 160%;
/* 19.2px */
}
.gc-button-custom {
padding: 8px 16px;
width: auto;
display: flex;
justify-content: center;
align-items: center;
box-shadow: none;
}
.gc-button-custom .rc-text-content {
text-align: center;
}
.gc-button-custom--border-radius-none {
border-radius: 0px;
}
.gc-button-custom--border-radius-sm1 {
border-radius: 10px;
}
.gc-button-custom--border-radius-md1 {
border-radius: 20px;
}
.gc-button-custom--border-radius-lg1 {
border-radius: 30px;
}
.gc-button-custom--type-solid {
background-color: #0d6efd;
color: #fff;
}
.gc-button-custom--type-solid .rc-icon svg path {
fill: #fff;
}
.gc-button-custom--type-outline {
background-color: transparent;
border: 1px solid;
border-color: #0d6efd;
color: #0d6efd;
}
.gc-button-custom--type-outline .rc-icon svg path {
fill: #0d6efd;
}
.gc-button-custom__left-section {
display: flex;
align-items: center;
}
.gc-button-custom__left-section .rc-icon {
margin-right: 12px;
}
.gc-button-custom__right-section {
display: flex;
align-items: center;
}
.gc-button-custom__right-section .rc-icon {
margin-left: 12px;
}
.gc-button-custom__text-section {
display: flex;
flex-direction: column;
justify-content: center;
}
.gc-button-custom--with-sub-text {
padding: 10px 20px;
}
.gc-button-custom:active {
background-color: black;
box-shadow: none;
}
.gc-button-custom--disabled {
background-color: #003314;
opacity: 0.5;
box-shadow: none;
}
@media screen and (min-width: 768px) {
.gc-button-custom:hover {
opacity: 0.7;
cursor: pointer;
}
}
.gc-button-custom--disabled:hover {
opacity: 0.5;
}
.gc-button-custom--disabled:active {
background-color: #003314;
}
html[dir=rtl] .gc-button-custom__left-section .rc-icon {
margin-right: 0;
margin-left: 12px;
}
.gc-image-upload {
margin-left: -8.5px;
margin-right: -8.5px;
}
.gc-image-upload__col {
padding-left: 8.5px !important;
padding-right: 8.5px !important;
margin-top: 35px;
}
.gc-image-upload__label {
text-align: center;
font-weight: 400;
margin-bottom: 5px;
color: #003314;
line-height: 18px;
}
.gc-image-upload__tile {
height: 160px;
background-color: #5553ff;
border-radius: 10px;
}
.gc-image-upload__tile .fd-image-upload-card {
position: relative;
height: 100%;
}
.gc-image-upload__tile .fd-image-upload-card__init {
width: 100%;
}
.gc-image-upload__tile .fd-image-upload-card__no-image {
background-color: #e6e6e6;
position: absolute;
top: 0;
left: 0;
border-radius: 10px;
bottom: 0;
right: 0;
}
.gc-image-upload__tile svg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.gc-image-upload__tile img {
width: 100%;
object-fit: cover;
height: 161px;
border-radius: 10px;
}
.gc-image-upload-accessibility {
position: relative;
font-weight: 400;
font-size: 12px;
margin-top: 15px;
align-items: baseline;
}
.gc-image-upload-accessibility__checkbox {
position: absolute;
width: 15px;
left: 0;
top: 2px;
}
.gc-image-upload-accessibility__checkbox input[type="checkbox"] {
visibility: hidden;
}
.gc-image-upload-accessibility__checkbox label::after {
border-style: none none solid solid;
content: "";
height: 5px;
left: 2px;
opacity: 0;
position: absolute;
top: 4px;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 10px;
}
.gc-image-upload-accessibility__checkbox input[type="checkbox"]:checked + label::after {
opacity: 1;
}
.gc-image-upload-accessibility__checkbox label {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
border: 1px solid #000;
border-color: #003314;
cursor: pointer;
height: 16px;
left: 0;
position: absolute;
top: 0;
width: 16px;
margin-bottom: 0;
}
.gc-image-upload-accessibility__label {
text-align: left;
margin-left: 25px;
color: #003314;
padding-top: 1px;
}
.gc-image-upload-accessibility-team-label {
font-weight: 400;
color: #003314;
text-align: center;
margin-top: 15px;
}
.gc-image-upload-accessibility-me-label {
font-weight: 400;
color: #FB3865;
text-align: center;
margin-top: 15px;
}
.gc-image-upload-later {
margin-top: 38px;
}
.gc-image-upload-later .rc-button {
text-align: center;
}
.gc-form-error {
text-align: center;
}
.gc-form-error__text {
font-size: 12px;
font-weight: 400;
margin-bottom: 25px;
margin-top: 20px;
padding: 0 10px;
color: #FB3865;
}
.gc-form-head--with-description {
text-align: center;
padding-top: 60px;
padding-bottom: 20px;
}
.gc-form-head__main-title {
color: #003314;
line-height: 41px;
text-align: center;
letter-spacing: -0.96px;
margin-bottom: 0.5rem;
}
.gc-form-head__sub-title {
color: #003314;
text-align: center;
letter-spacing: 0.4px;
padding: 0 30px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.gc-form-content {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 200px;
}
.gc-form-foot {
padding: 30px 30px 30px 30px;
}
.gc-form-foot.gc-form-foot--no-back {
padding-bottom: 51px;
}
.gc-form-foot__execute {
margin-bottom: 22px;
font-weight: bold;
}
.gc-form-foot__go-back {
text-align: center;
color: #003314;
text-decoration: none;
display: block;
line-height: 1.5;
}
.gc-form-foot__go-back .rc-text-content {
font-size: 14px;
}
.gc-compare-photo__card {
padding-left: 7.5px !important;
padding-right: 7.5px !important;
margin-bottom: 30px;
}
.gc-compare-photo__card-wrapper {
margin-left: -7.5px;
margin-right: -7.5px;
}
.gc-compare-photo__question {
text-align: center;
line-height: 21px;
margin-bottom: 15px;
}
.gc-compare-photo__mood-selection {
margin-bottom: 15px;
}
.gc-compare-photo__mood-note textarea {
height: 75px;
}
.gc-form-head--with-description {
text-align: center;
padding-top: 60px;
padding-bottom: 15px;
}
.gc-form-head__main-title {
color: #003314;
line-height: 41px;
text-align: center;
letter-spacing: -0.96px;
margin-bottom: 0.5rem;
}
.gc-form-head__sub-title {
color: #003314;
text-align: center;
letter-spacing: 0.4px;
padding: 0 30px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.gc-form-content {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 200px;
}
.gc-form-foot {
padding: 30px 30px 30px 30px;
}
.gc-form-foot.gc-form-foot--no-back {
padding-bottom: 51px;
}
.gc-form-foot__execute {
margin-bottom: 22px;
font-weight: bold;
}
.gc-form-foot__go-back {
text-align: center;
color: #003314;
text-decoration: none;
display: block;
line-height: 1.5;
}
.gc-form-foot__go-back .rc-text-content {
font-size: 14px;
}
.gc-form-dynemic__input-select .gc-input-select__input {
padding: 0 12px !important;
}
.gc-form-dynemic__alert {
margin-bottom: 32px;
}
.gc-form-dynemic__alert-header {
display: flex;
}
.gc-form-dynemic__alert-title {
margin-bottom: 4px;
}
.gc-form-dynemic__alert-description {
margin-left: 24px;
}
.gc-form-dynemic .gc-page-form-footer {
padding-bottom: 34px !important;
}
.gc-form-dynemic .gc-page-form-footer .gc-page-form-footer__submit-button {
margin-top: 0;
margin-bottom: 0;
}
html[dir=rtl] .gc-form-dynemic__alert-description {
margin-left: unset;
margin-right: 24px;
}
.gc-page-recommended-habits__form {
display: flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
border-radius: 12px;
border: 1px solid var(--text-area-bg-outline, #e5e5e5);
}
.gc-page-recommended-habits__sub-title {
margin-top: 20px;
}
.gc-page-recommended-habits__header-wrapper {
margin-bottom: 20px !important;
}
.gc-page-recommended-habits__label-select {
text-decoration-line: underline;
width: unset;
color: var(--text-hyperlink-color);
cursor: pointer;
}
.gc-page-recommended-habits__form-top {
display: flex;
width: 100%;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
align-items: center;
margin-bottom: 20px;
}
.gc-page-recommended-habits__input {
display: flex;
margin-bottom: 24px;
align-items: center;
}
.gc-page-recommended-habits__input-text {
margin-right: 12px;
margin-left: 12px;
color: #003314;
}
.gc-page-recommended-habits .gc-page-recommended-habits__form-top-habits-numbers {
color: #003314;
}
.gc-page-recommended-habits .gc-input-checkbox-squared {
border-color: #003314;
}
.gc-page-recommended-habits .gc-input-checkbox-squared--selected {
background-color: var(--button-primary);
border-color: var(--button-primary) !important;
}
.gc-page-recommended-habits .gc-input-checkbox-squared--selected .rc-icon-tick svg path {
fill: var(--button-primary-text);
}
.gc-page-meal-plan-satisfaction__title {
margin-bottom: 4px;
}
.gc-page-meal-plan-satisfaction__sub-title {
margin-bottom: 40px;
color: var(--text-secondary-on-bg, #AFAFAF);
}
.gc-page-meal-plan-satisfaction__label {
margin-bottom: 8px;
}
.gc-page-meal-plan-satisfaction .gc-text-area {
margin-bottom: 28px;
}
.gc-header-simple {
display: flex;
justify-content: space-between;
align-items: center;
}
.gc-header-simple .rc-icon:active {
margin-top: 0px;
}
.gc-header-simple__icon-wrapper {
display: flex;
}
.gc-header-simple__header-wrapper {
display: flex;
align-items: center;
gap: 6px;
}
.gc-header-simple__header-wrapper-full-width {
justify-content: space-between;
width: 100%;
}
@media (min-width: 992px) {
.pc-dashboard .gc-card-mood-tracker .gc-header-simple:hover, .pc-dashboard .pc-card-period-tracker .gc-header-simple:hover, .pc-dashboard .gc-card-food-diary-main .gc-header-simple:hover, .gc-card-habits-list__header-wrapper:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-card-navigation .gc-header-simple:hover {
opacity: initial;
}
}
.gc-header-steps {
display: flex;
}
.gc-header-step {
flex: 1;
position: relative;
text-align: center;
min-width: 60px;
}
.gc-header-step__circle {
display: inline-flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
border-radius: 100px;
border: 1px solid rgba(255, 255, 255, 0.6);
}
.gc-header-step__count {
font-size: 12px;
line-height: 1.5;
font-weight: 700;
color: rgba(255, 255, 255, 0.6);
}
.gc-header-step__description {
padding-left: 6px;
padding-right: 6px;
margin-top: 4px;
color: rgba(255, 255, 255, 0.6);
}
.gc-header-step__icon svg path {
fill: #FFFFFF;
}
.gc-header-step--active .gc-header-step__circle {
background-color: #FFFFFF;
}
.gc-header-step--active .gc-header-step__circle {
color: #FFFFFF;
}
.gc-header-step--active .gc-header-step__count {
color: #003314;
}
.gc-header-step--active .gc-header-step__description {
color: #FFFFFF;
}
.gc-header-step--completed .gc-header-step__circle {
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
}
.gc-header-step--completed .gc-header-step__icon svg path {
fill: #003314;
}
.gc-header-step:not(:last-child) .gc-header-step__circle::after {
content: "";
position: absolute;
width: calc(50% - 18px);
right: 0;
top: 13px;
height: 1px;
background-color: rgba(255, 255, 255, 0.6);
}
.gc-header-step:not(:first-child) .gc-header-step__circle::before {
content: "";
position: absolute;
width: calc(50% - 18px);
left: 0;
top: 13px;
height: 1px;
background-color: rgba(255, 255, 255, 0.6);
}
/*.gc-header-step:nth-child(1) {
.gc-header-step__circle::after {
left: 40px;
}
}
.gc-header-step:nth-child(2) {
.gc-header-step__circle::after {
left: 30px;
}
}*/
html[dir=rtl] .gc-header-step:nth-child(1) .gc-header-step__circle::after {
right: 40px;
left: 0;
}
html[dir=rtl] .gc-header-step:not(:last-child) {
margin-left: 24px;
margin-right: 0;
}
html[dir=rtl] .gc-header-step:nth-child(2) .gc-header-step__circle::after {
right: 30px;
left: 0;
}
.gc-header-subscription {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #003314;
padding: 25px 20px;
width: 100%;
}
.gc-header-subscription__icon-support svg {
width: 26px;
height: 26px;
}
.gc-header-subscription__icon-support svg path {
fill: #fff;
}
@media (min-width: 992px) {
.gc-header-subscription {
padding: 20px 40px;
}
}
.gc-badge-important {
display: inline-flex;
justify-content: space-between;
align-items: center;
background-color: #003314;
word-break: break-word;
white-space: nowrap;
padding: 4px 6px;
border-radius: 5px;
}
.gc-badge-important svg {
margin-bottom: 1px;
margin-top: 1px;
}
.gc-badge-important svg path {
fill: #fff !important;
}
.gc-badge-choice {
display: inline-block;
justify-content: space-between;
align-items: center;
background-color: #e6e6e6;
word-break: break-word;
}
.gc-card-featured-image {
background: url("");
position: relative;
border-radius: 10px;
height: 170px;
background-size: cover !important;
background-position: center !important;
margin-bottom: 12px;
box-shadow: 0px 2px 10px 0px rgba(0, 51, 20, 0.4);
padding: 15px 20px 15px 20px;
}
.gc-card-featured-image:active {
opacity: 0.6;
}
.gc-card-featured-image::after {
content: "";
position: absolute;
z-index: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 10px;
background: rgba(0, 0, 0, 0.2);
}
.gc-card-featured-image__text {
color: #fff;
position: absolute;
z-index: 1;
max-width: 294px;
}
.gc-card-featured-image__text .rc-text-content {
line-height: 1.16;
}
.gc-card-featured-image__header {
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
width: 100%;
}
.gc-card-paired-profile {
display: flex;
flex-direction: row;
justify-content: start;
padding: 24px 20px;
background-color: #e6e6e6;
color: #003314;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
.gc-card-paired-profile__avatar {
margin-right: 12px;
}
.gc-card-paired-profile__image {
width: 56px;
height: 56px;
border: 1px solid #003314;
}
.gc-card-paired-profile__info {
overflow: hidden;
text-align: left;
}
.gc-card-paired-profile__text-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 4px;
}
.gc-card-paired-profile__email {
word-break: break-all;
}
html[dir=rtl] .gc-card-paired-profile__avatar {
margin-right: 0;
margin-left: 12px;
}
html[dir=rtl] .gc-card-paired-profile__info {
text-align: right;
}
.gc-card-exercise-overview {
height: 184px !important;
border-radius: 10px;
overflow: hidden;
font-size: 12px;
box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.3);
color: #fff;
position: relative;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.gc-card-exercise-overview__overlay {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 20%, rgba(0, 0, 0, 0.25) 40%);
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.gc-card-exercise-overview__card-container {
padding: 0;
position: absolute;
bottom: 18px;
left: 20px;
width: 80%;
}
.gc-card-exercise-overview__card-container .gc-card-exercise-overview__name, .gc-card-exercise-overview__card-container .gc-card-exercise-overview__muscles, .gc-card-exercise-overview__card-container .gc-card-exercise-overview__set-type {
margin-bottom: 4px;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
.gc-card-exercise-overview__image {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.gc-card-exercise-overview__index {
position: absolute;
top: 16px;
left: 20px;
}
.gc-card-exercise-overview__card-image--disabled {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%), #003314;
}
.gc-card-exercise-overview__title {
position: absolute;
left: 10px;
top: 10px;
}
.gc-card-exercise-overview__check-green {
position: absolute;
right: 20px;
top: 16px;
}
.gc-card-exercise-overview__reps-wrapper {
display: flex;
}
.gc-card-exercise-overview__reps-info-icon {
margin-left: 8px;
}
.gc-card-exercise-overview__reps-info-icon svg path {
fill: #fff;
}
.gc-card-exercise-overview:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-card-exercise-overview:hover svg {
opacity: 0.7;
}
.gc-card-exercise-overview__check-green:hover {
opacity: 1;
}
html[dir=rtl] .gc-card-exercise-overview .gc-card-exercise-overview__check-green {
left: 20px;
right: auto;
}
html[dir=rtl] .gc-card-exercise-overview .gc-card-exercise-overview__index {
right: 20px;
left: auto;
}
html[dir=rtl] .gc-card-exercise-overview .gc-card-exercise-overview__card-container {
right: 20px;
left: auto;
}
html[dir=rtl] .gc-card-exercise-overview .gc-card-exercise-overview__card-container .rc-text-content {
text-align: right;
}
html[dir=rtl] .gc-card-exercise-overview .gc-card-exercise-overview__card-container .gc-card-exercise-overview__set-type {
display: block;
width: fit-content;
}
html[dir=rtl] .gc-card-exercise-overview .gc-card-exercise-overview__reps-info-icon {
margin-left: 0px;
margin-right: 8px;
}
@media (min-width: 992px) {
.gc-card-exercise-overview {
height: 219px !important;
}
}
@media (min-width: 768px) {
.gc-card-exercise-overview {
height: 219px !important;
}
}
.gc-card-exercise-list-group {
margin-top: 25px;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.gc-card-exercise-list-group__card-list {
margin-top: 25px;
}
.gc-photo-journey-single {
position: relative;
}
.gc-photo-journey-single__image {
width: 100%;
height: 238px;
border-radius: 10px;
object-fit: cover;
object-position: top center;
animation: 1s ease-out 0s 1 slideInFromTop;
}
.gc-photo-journey-single__bottom {
position: absolute;
text-align: center;
color: #ffffff;
width: 100%;
bottom: 0;
margin-bottom: 15px;
}
.gc-photo-journey-single__stat {
margin-bottom: 5px;
}
.gc-photo-journey-single__date {
margin-bottom: 5px;
}
/* Card shadow variable */
.gc-card-feedback-mood {
display: flex;
justify-content: space-between;
background-color: #e6e6e6;
padding: 20px;
border-radius: 10px;
/* Card Shadow */
box-shadow: 0px 5px 10px rgba(230, 230, 230, 0.25);
}
.gc-card-feedback-mood .rc-icon:active {
margin-top: 0;
}
.gc-card-feedback-mood .gc-card-mood-tracker__mood {
width: 33%;
}
.gc-card-feedback-mood .gc-card-mood-tracker__mood p {
max-width: inherit;
}
.gc-card-member-small {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 24px 20px;
background-color: #e6e6e6;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
border-radius: 10px;
color: #003314;
}
.gc-card-member-small__avatar {
margin: auto;
margin-right: 12px;
margin-left: 0px;
}
.gc-card-member-small__image {
object-fit: cover;
width: 56px;
height: 56px;
border: 1px solid #003314;
}
.gc-card-member-small__info {
overflow: hidden;
text-align: left;
}
.gc-card-member-small__email {
word-break: break-all;
}
.gc-card-member-small__name {
margin-bottom: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
html[dir=rtl] .gc-card-member-small__avatar {
margin-right: 0px;
margin-left: 12px;
}
html[dir=rtl] .gc-card-member-small__info {
text-align: right;
}
.gc-alert-injury {
display: flex;
margin-bottom: 15px;
margin-top: 15px;
border-top: 1px dashed #FB3865;
padding: 10px 0 10px;
border-bottom: 1px dashed #FB3865;
color: #FB3865;
word-break: break-word;
}
.gc-alert-injury__icon {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-right: 5px;
padding-left: 5px;
}
.gc-alert-injury__icon svg {
width: 15px;
height: 19px;
}
.gc-alert-injury__icon svg path {
fill: #FB3865;
}
.gc-alert-warning {
display: flex;
justify-content: center;
border-top: 1px dashed #FB3865;
padding: 10px 0 10px;
border-bottom: 1px dashed #FB3865;
color: #FB3865;
margin-bottom: 20px;
}
.gc-alert-warning .gc-alert-warning__name {
margin-bottom: 5px;
}
.gc-alert-warning .gc-alert-warning__description {
margin-bottom: 0px;
text-align: left;
display: inline;
}
.gc-alert-warning .gc-alert-warning__description p {
display: inline;
}
.gc-alert-warning__icon {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 0;
padding-right: 9px;
}
.gc-alert-warning__icon svg {
width: 15px;
height: 14px;
}
.gc-alert-warning__icon svg path {
fill: #FB3865;
}
html[dir=rtl] .gc-alert-warning__icon {
padding-left: 9px;
padding-right: 0;
}
.gc-alert-dotted {
padding: 20px;
border: 1px dashed #FB3865;
border-radius: 10px;
color: #FB3865;
}
.gc-alert-dotted .rc-icon {
margin-right: 8px;
}
.gc-alert-dotted .rc-icon svg path {
fill: #FB3865;
}
html[dir=rtl] .gc-alert-dotted {
text-align: right;
}
html[dir=rtl] .gc-alert-dotted .rc-icon {
margin-right: unset;
margin-left: 8px;
}
.gc-card-featured-image {
background: url("");
position: relative;
border-radius: 10px;
height: 170px;
background-size: cover !important;
background-position: center !important;
margin-bottom: 12px;
box-shadow: 0px 2px 10px 0px rgba(0, 51, 20, 0.4);
padding: 15px 20px 15px 20px;
}
.gc-card-featured-image:active {
opacity: 0.6;
}
.gc-card-featured-image::after {
content: "";
position: absolute;
z-index: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 10px;
background: rgba(0, 0, 0, 0.2);
}
.gc-card-featured-image__text {
color: #fff;
position: absolute;
z-index: 1;
max-width: 294px;
}
.gc-card-featured-image__text .rc-text-content {
line-height: 1.16;
}
.gc-card-featured-image__header {
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
width: 100%;
}
/* Card shadow variable */
.gc-card-mood-tracker__mood-set {
display: flex;
justify-content: space-between;
background-color: #e6e6e6;
border-radius: 10px;
/* Card Shadow */
box-shadow: 0px 5px 10px rgba(230, 230, 230, 0.25);
}
.gc-card-mood-tracker__mood-set .rc-icon:active {
margin-top: 0;
}
.gc-card-mood-tracker__mood {
position: relative;
display: inline-block;
}
.gc-card-mood-tracker__mood p {
margin: 0;
max-width: 45px;
overflow-wrap: break-word;
}
@media (min-width: 992px) {
.gc-mood-tracker__mood-card .gc-card-mood-tracker__mood {
display: flex;
align-items: center;
}
.gc-mood-tracker__mood-card .gc-card-mood-tracker__mood-count {
padding-left: 3px;
padding-right: 3px;
}
.gc-mood-tracker__mood-card .gc-card-tracker__icon-mood {
margin-right: 13px !important;
}
.gc-mood-tracker__mood-card .gc-card-mood-tracker_mood-text {
margin-right: 4px;
}
}
@media (min-width: 992px) {
html[dir="rtl"] .gc-mood-tracker__mood-card .gc-card-tracker__icon-mood {
margin-left: 13px;
}
html[dir="rtl"] .gc-mood-tracker__mood-card .gc-card-mood-tracker_mood-text {
margin-left: 4px;
}
}
.gc-card-mood-tracker__mood:active {
opacity: 60%;
}
.gc-card-mood-tracker__mood--disabled {
opacity: 50%;
}
.gc-card-tracker__icon-mood {
height: 35px;
width: 35px;
display: block;
margin: auto;
}
.gc-card-tracker__icon-add-fill-rounded {
position: absolute;
right: -4px;
top: -7px;
line-height: 1;
}
.gc-card-tracker__icon-add-fill-rounded.rc-icon-addFillRounded svg {
width: 15px !important;
height: 15px !important;
}
.gc-card-tracker__icon-add-fill-rounded.rc-icon-addFillRounded svg path {
fill: #003314;
}
.gc-card-mood-tracker--show-mood-count .gc-card-tracker__icon-mood:hover {
opacity: 1;
}
.gc-card-mood-tracker--dashboard-integration .gc-card-mood-tracker__mood-icons:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-card-tracker__icon-mood.rc-icon svg {
width: 35px !important;
height: 35px !important;
}
.gc-card-tracker__icon-mood.rc-icon svg path {
fill: #003314 !important;
}
.gc-card-mood-tracker_mood-text-content {
line-height: 1.5;
margin-bottom: 0;
color: #003314;
}
.gc-card-mood-tracker__mood-count p {
color: #003314;
}
.gc-card-mood-tracker__mood-count--with-background-color .gc-card-mood-tracker_mood-text-content p {
margin-bottom: 0;
}
.gc-card-mood-tracker__mood-count--with-background-color .gc-card-mood-tracker__mood-count {
background-color: #003314;
border-radius: 20px;
}
.gc-card-mood-tracker__mood-count--with-background-color .gc-card-mood-tracker__mood-count p {
color: #e6e6e6;
font-weight: 700;
margin-bottom: 0;
}
.gc-card-mood-tracker--dashboard-integration .gc-card-mood-tracker__mood-set {
background-color: transparent;
padding: 0;
padding-top: 19px;
border-radius: 0;
box-shadow: none;
border: none;
}
.gc-card-mood-tracker--dashboard-integration .gc-header-simple .rc-text-content {
color: #003314 !important;
}
.gc-card-mood-tracker--dashboard-integration .gc-header-simple .rc-icon svg path {
fill: #003314 !important;
}
.gc-card-mood-tracker--dashboard-integration p {
margin-bottom: 0;
}
.gc-card-mood-tracker--dashboard-integration .gc-card-mood-tracker_mood-text {
margin-bottom: 0.5px;
margin-top: 1.5px;
}
.gc-card-mood-tracker__mood.gc-card-mood-tracker__mood--active .gc-card-tracker__icon-mood.rc-icon svg path {
fill: #003314 !important;
}
.gc-card-mood-tracker__mood.gc-card-mood-tracker__mood--active .gc-card-mood-tracker_mood-text-content {
color: #003314;
font-weight: 700;
}
.gc-card-mood-tracker__mood.gc-card-mood-tracker__mood--active .gc-card-mood-tracker__mood-count {
background-color: #003314 !important;
}
.gc-card-mood-tracker__mood.gc-card-mood-tracker__mood--inactive {
opacity: 50%;
}
.gc-mood-tracker__moodlist-title {
color: #003314;
}
.gc-mood-tracker__moodlist-empty {
padding-top: 104px;
color: #003314;
}
.gc-mood-tracker__moodlist-empty .rc-text-content {
font-weight: 400 !important;
}
.gc-card-mood-tracker__mood-count {
display: flex;
flex-direction: row;
justify-content: center;
}
@media (min-width: 992px) {
.gc-card-mood-tracker--show-mood-count .gc-card-tracker__icon-mood:hover, .gc-list-mood-tracker__icon-mood .rc-icon:hover {
opacity: 1;
cursor: initial;
}
}
html[dir="rtl"] .gc-card-mood-tracker .rc-icon-forward {
transform: rotate(180deg);
}
html[dir="rtl"] .gc-card-mood-tracker .gc-card-tracker__icon-add-fill-rounded {
left: -4px;
right: auto;
}
.gc-card-workout-history {
text-align: center;
background-color: #e6e6e6;
border-radius: 10px;
padding: 20px;
word-break: break-word;
color: #003314;
}
.gc-card-workout-history__extra-sets {
margin-top: 8px;
padding: 8px 0;
border-radius: 10px;
border: 1px solid var(--text-area-bg-outline, #E5E5E5);
}
.gc-card-workout-history__header {
color: #003314;
padding-bottom: 16px;
}
.gc-card-workout-history__content-wrapper {
padding-bottom: 16px;
}
.gc-card-workout-history__dots {
position: relative;
float: right;
height: 20px;
}
.gc-card-workout-history__dots svg {
position: absolute;
bottom: 0;
right: 0;
}
.gc-card-workout-history__dots svg path {
fill: #003314;
}
.gc-card-workout-history__personal-best {
position: relative;
float: left;
}
.gc-card-workout-history__content-text-x {
flex: 1;
padding: 0 10px;
}
.gc-card-workout-history__content-text-value {
flex: 6;
white-space: nowrap;
}
.gc-card-workout-history .gc-card-workout-history__content-text--with-four {
display: block;
}
.gc-card-workout-history__content-text {
display: flex;
justify-content: space-between;
width: 100%;
margin: auto;
}
.gc-card-workout-history .gc-card-workout-history__content-wrapper-mutiplication-symbol {
padding-left: 10px;
padding-right: 10px;
}
html[dir=rtl] .gc-card-workout-history__personal-best {
float: right;
}
html[dir=rtl] .gc-card-workout-history__dots {
float: left;
margin-left: 20px;
}
@media (min-width: 992px) {
.gc-card-workout-history {
max-width: 448px;
margin: auto;
}
.gc-card-workout-history__personal-best.rc-icon:hover, .pc-workout-log-history-statistics__icon.rc-icon:hover {
opacity: 1;
cursor: initial;
}
}
@media (min-width: 768px) {
.gc-card-workout-history {
max-width: 448px;
margin: auto;
}
}
.gc-card-challenge {
color: #fff;
min-height: 170px !important;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 2px 10px rgba(0, 51, 20, 0.4);
position: relative;
background-repeat: no-repeat !important;
background-size: cover !important;
display: flex;
flex-direction: column;
justify-content: space-between;
background-position: center !important;
}
.gc-card-challenge__overlay {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
}
.gc-card-challenge--disabled {
opacity: 0.3;
}
.gc-card-challenge__head {
z-index: 2;
}
.gc-card-challenge__image-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
position: absolute;
margin: 0;
height: 100%;
width: 100%;
z-index: 1;
background-size: cover;
background-position: center;
background-color: #003314;
}
.gc-card-challenge__title {
z-index: 4;
padding: 20px 20px 0 20px;
}
.gc-card-challenge__bottom {
width: 100%;
height: 72px;
background: rgba(9, 9, 9, 0.4);
padding: 8px 20px 16px 20px;
display: flex;
flex-direction: column;
z-index: 2;
border-radius: 0 0 15px 15px;
}
.gc-card-challenge__bottom .gc-card-challenge__timer-wrapper {
margin-top: 2px;
display: flex;
justify-content: space-between;
}
.gc-card-challenge__bottom .gc-card-challenge__timer-wrapper .gc-card-challenge__timer-separator svg {
width: 5px;
}
.gc-card-challenge__bottom .gc-card-challenge__timer-wrapper .rc-icon svg g path {
fill: white;
}
.gc-card-challenge__bottom .gc-card-challenge__timer-wrapper .rc-icon svg path {
fill: white;
}
html[dir=rtl] .gc-card-challenge .gc-card-challenge__title {
text-align: right;
}
html[dir=rtl] .gc-card-challenge .gc-card-challenge__bottom .rc-text-content {
text-align: right;
}
html[dir=rtl] .gc-card-challenge .gc-card-challenge__timer-wrapper .rc-icon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.gc-card-member-large {
position: relative;
background-color: #e6e6e6;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
padding: 28px 20px 28px 20px;
border-radius: 10px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.gc-card-member-large__badge {
padding: 4px 6px;
color: #fff;
background-color: #003314;
position: absolute;
top: 12px;
right: 12px;
}
.gc-card-member-large__user-info {
display: flex;
flex-direction: column;
}
.gc-card-member-large__avatar {
width: 56px;
height: 56px;
display: block;
border-radius: 30px;
margin: auto;
overflow: hidden;
border: 1px solid #003314;
border-color: #003314;
margin-bottom: 12px;
object-fit: cover;
object-position: top;
}
.gc-card-member-large__info {
text-align: center;
color: #003314;
margin-bottom: 40px;
}
.gc-card-member-large__info .rc-text-content:nth-child(1) {
margin-bottom: 4px;
}
.gc-card-member-large__email {
word-break: break-all;
}
.gc-card-member-large__name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 768px) {
.gc-card-member-large {
min-height: 140px;
flex-direction: row;
}
.gc-card-member-large .gc-card-member-large__badge {
top: 16px;
right: 20px;
}
.gc-card-member-large__user-info {
display: flex;
flex-direction: row;
}
.gc-card-member-large__info {
margin: auto;
text-align: left;
}
.gc-card-member-large__extra-info {
display: flex;
justify-content: end;
}
.gc-card-member-large__avatar {
margin: auto 12px auto auto;
}
}
html[dir="rtl"] .gc-card-member-large__badge {
right: unset;
left: 20px;
}
@media (min-width: 768px) {
html[dir="rtl"] .gc-card-member-large__avatar {
margin: auto auto auto 12px;
}
html[dir="rtl"] .gc-card-member-large__info {
text-align: right;
}
}
.gc-card-image-cover {
position: relative;
height: 208px;
width: 100%;
object-fit: cover;
}
.gc-card-image-cover__image {
height: 170px;
width: 100%;
object-fit: cover;
object-position: top center;
}
.gc-card-image-cover__image-overlay {
background-color: rgba(0, 0, 0, 0.35);
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.gc-card-image-cover__content {
bottom: 0;
left: 0;
position: absolute;
padding-bottom: 20px;
padding-left: calc(20px + env(safe-area-inset-left));
color: #fff;
width: 100%;
padding-right: calc(20px + env(safe-area-inset-right));
}
.gc-card-image-cover__content p {
margin-bottom: 0;
}
.gc-card-image-cover__content svg path {
fill: #fff;
}
@media only screen and (min-width: 768px) {
.gc-card-image-cover__content {
padding-left: 40px;
padding-right: 40px;
}
}
.theme-caroline .gc-card-image-cover {
margin-top: -2px;
}
@media (max-width: 768px) {
.gc-card-image-cover {
height: 170px;
}
.gc-card-image-cover__feature-image--blur {
display: none;
}
.gc-card-image-cover__feature-image--blur::after {
display: none;
}
}
@media (min-width: 768px) {
.gc-card-image-cover {
height: 208px;
overflow: hidden;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.gc-card-image-cover .gc-card-image-cover__feature-image {
height: 100%;
width: auto;
position: absolute;
left: 0;
right: 0;
}
.gc-card-image-cover .gc-card-image-cover__feature-image img {
display: block;
width: auto;
height: 208px;
height: 100%;
margin: auto;
}
.gc-card-image-cover .gc-card-image-cover__feature-image--blur::after {
content: "";
background-color: rgba(0, 0, 0, 0.35);
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.gc-card-image-cover .gc-card-image-cover__feature-image--blur {
display: block;
}
.gc-card-image-cover .gc-card-image-cover__feature-image--blur img {
position: absolute;
top: -10px;
left: -49px;
bottom: -10px;
right: -10px;
width: 120%;
height: 120%;
-webkit-filter: blur(6px);
-webkit-filter: blur(6px);
-moz-filter: blur(6px);
-o-filter: blur(6px);
-ms-filter: blur(6px);
filter: blur(6px);
}
}
.pc-card-nutrition-analysis {
padding: 15px 20px;
border: 2px solid #003314;
border-radius: 10px;
margin-bottom: 12px;
}
.pc-card-nutrition-analysis__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.pc-card-nutrition-analysis__header-title {
color: #003314;
opacity: 50%;
text-transform: capitalize;
}
.pc-card-nutrition-analysis__header-calories {
color: #003314;
}
.pc-card-nutrition-analysis__ingredients {
display: flex;
flex-direction: column;
align-items: center;
}
.pc-card-nutrition-analysis__ingredients-item {
display: flex;
flex-direction: column;
width: 100%;
}
.pc-card-nutrition-analysis__ingredients-item:not(:last-child) {
margin-bottom: 16px;
}
.pc-card-nutrition-analysis__ingredients-item-name {
color: #003314;
text-transform: capitalize;
margin-bottom: 4px;
}
.pc-card-nutrition-analysis__ingredients-quantity {
display: flex;
justify-content: space-between;
align-items: center;
color: #003314;
opacity: 60%;
}
.pc-card-nutrition-analysis__ingredients-measure-two {
display: flex;
align-items: center;
}
.pc-card-nutrition-analysis__ingredients-measure-two-weight {
margin-right: 16px;
}
.gc-popup-text-share__description {
margin-bottom: 32px;
}
.gc-popup-text-share__input-text {
margin-bottom: 12px;
}
.gc-popup-text-share__input-text .gc-text-input__input {
text-align: center;
}
.gc-popup-text-share__input-text .gc-text-input__input:focus {
border: 1px solid #003314 !important;
}
.gc-popup-text-share__text-success {
color: #003314;
}
.gc-popup-text-share__text-error {
color: #FB3865;
}
.gc-popup-text-share.pc-invite-a-friend__popup-share textarea {
font-size: 14px !important;
height: 116px;
}
.chat-app-open {
overflow: hidden;
}
.gc-list-mood-tracker {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.gc-list-mood-tracker__description--sub-text {
word-break: break-word;
}
.gc-list-mood-tracker__icon-mood .rc-icon:active {
margin-top: 0;
}
.gc-list-mood-tracker__icon-mood {
padding: 10px;
border: 1px solid;
border-color: #003314;
border-radius: 10px;
display: inline-block;
margin-right: 15px;
}
.gc-list-mood-tracker__icon-mood svg {
width: 30px;
height: 30px;
line-height: 1;
}
.gc-list-mood-tracker__icon-mood svg path {
fill: #003314;
}
.gc-list-mood-tracker__description {
width: 90%;
margin-right: 15px;
}
.gc-list-mood-tracker__description--head {
display: flex;
justify-content: space-between;
}
.gc-list-mood-tracker__description--head p {
margin-bottom: 0;
line-height: 20px;
}
.gc-list-mood-tracker__description--head > .rc-text-content > p {
color: #003314;
font-weight: 700;
}
.gc-list-mood-tracker__description--head span p {
color: #003314;
}
.gc-list-mood-tracker__description--sub-text p {
line-height: 19px;
margin-bottom: 0;
color: #003314;
}
.gc-list-mood-tracker__dots svg {
width: 16px;
height: 4px;
}
.gc-list-mood-tracker__dots svg path {
fill: #003314;
}
.gc-mood-tracker__moodlist-title {
margin-top: 25px;
}
@media (min-width: 992px) {
.gc-mood-tracker__mood-card .gc-card-content {
padding: 28px 40px 28px 40px;
}
}
@media (min-width: 768px) {
.gc-mood-tracker__moodlist-title {
margin-top: 0 !important;
}
.gc-mood-tracker__moodlist {
margin-bottom: 20px;
}
.gc-mood-tracker__mood-card {
margin-bottom: 28px;
}
.gc-mood-tracker__moodlist {
width: 540px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.gc-mood-tracker__mood-card .gc-card-content {
padding: 20px 24px 20px 24px;
}
}
html[dir="rtl"] .gc-list-mood-tracker__description {
text-align: right;
margin-right: 0;
margin-left: 15px;
}
html[dir="rtl"] .gc-list-mood-tracker__icon-mood {
margin-left: 15px;
margin-right: 0;
}
html[dir="rtl"] .gc-mood-tracker__moodlist-title {
text-align: right;
}
.gc-text-area .gc-text-area__text-area {
width: 100%;
padding: 15px;
border-radius: 10px;
font-weight: 600;
font-size: 18px;
color: #003314;
background-color: transparent;
border-color: #003314;
}
.gc-text-area .gc-text-area__text-area::placeholder {
color: #003314;
opacity: 0.5;
}
.gc-text-area .gc-text-area__text-area::-webkit-input-placeholder {
color: #003314;
}
.gc-text-area .gc-text-area__text-area:-ms-input-placeholder {
color: #003314;
}
.gc-text-area .gc-text-area__text-area:focus {
border-color: #003314;
border-width: 2px;
box-shadow: none;
outline: none;
}
.gc-text-area--error .gc-text-area__error {
text-align: center;
line-height: 18px;
font-size: 12px;
color: #FB3865;
}
.gc-text-area--error .gc-text-area__text-area {
border-color: #FB3865;
}
.gc-text-area--error .gc-text-area__text-area:focus {
border-color: #FB3865;
}
.gc-text-area:hover {
opacity: 0.7;
}
.gc-text-input .gc-text-input__label {
font-weight: bold;
font-size: 18px;
line-height: 1.5;
}
.gc-text-input .gc-text-input__input {
line-height: 27px;
width: 100%;
height: 57px;
padding: 15px 20px;
border-radius: 10px;
font-weight: 700;
font-size: 18px;
background: transparent;
color: #003314;
border: 1px solid;
transition: 0.3s;
background-color: transparent;
border-color: #003314;
}
.gc-text-input .gc-text-input__input::placeholder {
color: #003314;
opacity: 0.5;
}
.gc-text-input .gc-text-input__input::-webkit-input-placeholder {
/* Edge */
color: #003314;
}
.gc-text-input .gc-text-input__input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #003314;
}
.gc-text-input .gc-text-input__input:focus {
border: 2px solid;
border-color: #003314;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-text-input .gc-text-input__input:disabled {
color: rgba(0, 51, 20, 0.35) !important;
border-color: rgba(0, 51, 20, 0.35) !important;
}
.gc-text-input__input:hover {
opacity: 0.7;
}
.app-error-msg {
color: #FB3865;
text-align: center;
}
.gc-text-input--error .gc-text-input__error {
text-align: center;
line-height: 1.5;
font-size: 12px;
color: #FB3865;
margin-top: 4px;
}
.gc-text-input--error .gc-text-input__input {
border-color: #FB3865;
transition: 0.3s;
}
.gc-text-input--error .gc-text-input__input:focus {
border-color: #FB3865;
transition: 0.3s;
}
input[type=date] {
text-align: center;
display: block;
}
.gc-input-action-search .gc-input-action-search__input-wrapper {
border: 1px solid #003314;
border-radius: 10px;
display: flex;
align-items: center;
}
.gc-input-action-search .gc-input-action-search__input-wrapper .gc-input-action-search__input {
width: 100%;
height: 57px;
padding: 15px 20px;
color: #003314;
border: none;
transition: 0.3s;
border-radius: 10px;
caret-color: #003314;
background-color: transparent;
}
.gc-input-action-search .gc-input-action-search__input-wrapper .gc-input-action-search__input::placeholder {
color: #003314;
opacity: 0.5;
}
.gc-input-action-search .gc-input-action-search__input-wrapper .gc-input-action-search__input:focus-visible {
outline: none;
}
.gc-input-action-search .gc-input-action-search__input-wrapper .gc-input-action-search__input:focus {
outline: none;
}
.gc-input-action-search .gc-input-action-search__input-wrapper .rc-icon {
margin-right: 20px;
}
.gc-input-action-search .gc-input-action-search__input-wrapper .rc-icon svg path {
fill: #003314;
}
.gc-input-action-search__input-wrapper:focus, .gc-input-action-search__input-wrapper:focus-within, .gc-input-action-search__input-wrapper:active {
border: 2px solid;
border-color: #003314;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-action-search__input-wrapper:focus .gc-input-action-search__input::placeholder, .gc-input-action-search__input-wrapper:focus-within .gc-input-action-search__input::placeholder, .gc-input-action-search__input-wrapper:active .gc-input-action-search__input::placeholder {
color: transparent;
}
.gc-input-action-search--error .gc-input-action-search__error {
text-align: center;
color: #FB3865;
margin-top: 4px;
}
.gc-input-action-search--error .gc-input-action-search__input-wrapper:focus, .gc-input-action-search--error .gc-input-action-search__input-wrapper:focus-within, .gc-input-action-search--error .gc-input-action-search__input-wrapper:active {
border: 2px solid;
border-color: #FB3865;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-action-search--disabled {
opacity: 0.5;
}
.gc-input-action-search--disabled .gc-input-action-search__input-wrapper:focus, .gc-input-action-search--disabled .gc-input-action-search__input-wrapper:focus-within, .gc-input-action-search--disabled .gc-input-action-search__input-wrapper:active {
border: 1px solid #003314;
}
.gc-input-action-search--disabled .gc-input-action-search__input::placeholder {
color: #003314;
}
.gc-input-action-search--disabled .gc-input-action-search__input::-webkit-input-placeholder {
/* Edge */
color: #003314;
}
.gc-input-action-search--disabled .gc-input-action-search__input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #003314;
}
html[dir="rtl"] .gc-input-action-search .gc-input-action-search__input-wrapper .rc-icon {
margin: 0px;
margin-left: 20px;
}
.gc-input-body-fat .input-number-spinner {
align-items: center;
margin-top: 32px;
}
.gc-input-body-fat .input-number-spinner .input-number-spinner__input-wrap {
margin: 0 32px;
}
.gc-input-body-fat .input-number-spinner .input-number-spinner__input {
padding-right: 30px;
font-weight: 700;
color: #003314;
}
.gc-input-body-fat .input-number-spinner .input-number-spinner__input-percentage {
right: -11px;
top: -41.5px;
color: #003314;
}
.gc-input-body-fat .input-number-spinner .input-number-spinner__left-btn, .gc-input-body-fat .input-number-spinner .input-number-spinner__right-btn {
padding: 0;
}
.gc-input-body-fat .input-number-spinner .input-number-spinner__left-btn .rc-icon svg, .gc-input-body-fat .input-number-spinner .input-number-spinner__right-btn .rc-icon svg {
width: 32px;
height: 32px;
}
.gc-input-body-fat .gc-input-body-fat__input-error {
color: #FB3865;
margin-top: 4px;
text-align: center;
}
.gc-input-number-spinner {
display: flex;
justify-content: center;
align-items: center;
}
.gc-input-number-spinner__right-btn .rc-icon svg {
height: 32px;
width: 32px;
}
.gc-input-number-spinner__right-btn .rc-icon svg path {
fill: #003314;
}
.gc-input-number-spinner__left-btn .rc-icon svg {
height: 32px;
width: 32px;
}
.gc-input-number-spinner__left-btn .rc-icon svg path {
fill: #003314;
}
.gc-input-number-spinner__input {
height: 57px;
color: #003314;
border: 1px solid #003314;
background-color: transparent;
padding: 15px 20px 15px 20px;
}
.gc-input-number-spinner__input:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-number-spinner__input:focus {
border: 2px soild #003314;
color: #003314 !important;
}
.gc-input-number-spinner__input--typed {
color: #003314;
border-color: #003314;
}
.gc-input-number-spinner__input-percentage--active {
color: #003314 !important;
}
.gc-input-number-spinner__input--error {
border: 2px solid #FB3865 !important;
color: #003314 !important;
}
.gc-input-number-spinner__input--disabled {
border-color: #003314;
color: #003314;
pointer-events: none;
}
.gc-input-number-spinner__btn--disabled {
pointer-events: none;
}
.gc-input-number-spinner__btn--disabled .rc-icon svg path {
fill: #003314;
}
.gc-input-number-spinner__input-wrap {
height: 57px;
margin-left: 20px;
margin-right: 20px;
width: 150px;
}
.gc-input-number-spinner__input-percentage {
color: #003314;
position: relative;
right: -87px;
top: -41px;
font-size: 18px;
font-weight: 700;
}
html[dir=rtl] .gc-input-number-spinner__input-percentage {
right: -48px;
}
html[dir=rtl] .gc-input-number-spinner__input {
padding: 15px 20px 15px 30px;
}
.gc-input-radio-button-circular {
width: 20px;
height: 20px;
border: 2px #000000 solid;
border-radius: 50%;
clear: both;
}
.gc-input-radio-button-circular:active {
border: 2px #003314 solid;
}
.gc-input-radio-button-circular:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-radio-button-circular--disabled {
opacity: 0.5;
}
.gc-input-radio-button-circular--disabled:hover {
opacity: 0.5;
}
.gc-input-radio-button-circular--selected {
border: calc(10px - 4px) #003314 solid;
}
.gc-input-radio-button-circular--selected:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-radio-button-circular--selected:active {
border: calc(10px - 4px) #003314 solid;
}
.gc-input-radio-button-circular--selected:hover {
border: calc(10px - 4px) #003314 solid;
}
.gc-input-radio-button-squared {
width: 20px;
height: 20px;
border: 1.2px #003314 solid;
border-radius: 2px;
}
.gc-input-radio-button-squared .gc-input-radio-button-squared__circle, .gc-input-radio-button-squared .rc-icon-tick, .gc-input-radio-button-squared .rc-icon-dislike {
display: none;
}
.gc-input-radio-button-squared:active {
border-color: #003314;
}
.gc-input-radio-button-squared--disabled {
opacity: 0.5;
}
.gc-input-radio-button-squared--disabled:active {
border-color: #000000;
}
.gc-input-radio-button-squared--selected {
display: flex;
justify-content: center;
align-items: center;
background-color: #003314;
border-color: #003314;
}
.gc-input-radio-button-squared--selected .rc-icon-tick {
display: inline-block;
}
.gc-input-radio-button-squared--selected .rc-icon-tick svg path {
fill: #FFFFFF;
}
.gc-input-radio-button-squared--selected.gc-input-radio-button-squared--disabled:active {
border-color: #003314;
}
.gc-input-radio-button-squared--semi-selected {
border-color: #003314;
display: flex;
justify-content: center;
align-items: center;
}
.gc-input-radio-button-squared--semi-selected .gc-input-radio-button-squared__circle {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 8px;
background-color: #003314;
}
.gc-input-radio-button-squared--semi-selected:active {
border-color: #003314;
}
.gc-input-radio-button-squared--dislike {
border-color: #FB3865 !important;
display: flex;
justify-content: center;
align-items: center;
}
.gc-input-radio-button-squared--dislike .rc-icon-dislike {
display: inline-block;
}
.gc-input-radio-button-squared--dislike .rc-icon-dislike svg {
width: 14px;
height: 14px;
}
.gc-input-radio-button-squared--dislike .rc-icon-dislike path {
fill: #FB3865;
}
.gc-input-radio-button-squared--dislike:active {
border-color: #FB3865;
}
.gc-input-radio-button-squared:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-radio-button-squared--disabled:hover {
opacity: 0.5;
}
.gc-input-checkbox-circular {
width: 20px;
height: 20px;
border: 1.2px #000000 solid;
border-radius: 50%;
}
.gc-input-checkbox-circular .rc-icon-tick {
display: none;
}
.gc-input-checkbox-circular:active {
border-color: #003314;
}
.gc-input-checkbox-circular--disabled {
opacity: 0.5;
}
.gc-input-checkbox-circular--disabled:active {
border-color: #000000;
}
.gc-input-checkbox-circular--selected {
display: flex;
justify-content: center;
align-items: center;
background-color: #003314;
border-color: #003314 !important;
}
.gc-input-checkbox-circular--selected .rc-icon-tick {
display: inline-block;
}
.gc-input-checkbox-circular--selected .rc-icon-tick svg path {
fill: #fff;
}
.gc-input-checkbox-circular--selected.gc-input-checkbox-circular--disabled:active {
border-color: #003314;
}
.gc-input-checkbox-circular:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-checkbox-circular--disabled:hover {
opacity: 0.5;
}
.gc-input-option-selection {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 30px;
height: 34px;
color: #003314;
}
.gc-input-option-selection__icon path {
fill: #003314;
}
.gc-input-option-selection:active {
opacity: 0.6;
}
.gc-input-option-selection:active .gc-input-option-selection__icon {
visibility: hidden;
}
.gc-input-option-selection--inactive {
opacity: 0.5;
}
.gc-input-option-selection--inactive .gc-input-option-selection__icon {
visibility: hidden;
}
.gc-input-measurement-spinner {
text-align: center;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input {
display: flex;
justify-content: center;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__left {
max-width: 169px;
min-width: 100px;
height: 80px;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__left input {
width: 100%;
font-size: 60px;
font-weight: 700;
text-align: end;
border: none;
color: #003314;
text-decoration: underline;
line-height: 1.5;
background-color: transparent;
padding: 0;
text-decoration-thickness: 1px;
text-underline-offset: 14px;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__left input:focus-visible {
outline: none;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__left input:focus {
outline: none;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__right {
position: relative;
left: 0px;
height: 80px;
bottom: 15px;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__right .gc-input-measurement-spinner__unit {
position: relative;
left: -16px;
top: 56px;
margin-left: 4px;
color: #003314;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__right .gc-input-measurement-spinner__input-spinner {
margin-left: 54px;
position: relative;
bottom: 22px;
display: flex;
flex-direction: column;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__right .gc-input-measurement-spinner__input-spinner .rc-icon svg {
width: 20px;
height: 20px;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__right .gc-input-measurement-spinner__input-spinner .rc-icon svg path {
fill: #003314;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__right .gc-input-measurement-spinner__input-spinner .rc-icon-up-arrow-filled {
margin-bottom: 36px;
}
.gc-input-measurement-spinner .gc-input-measurement-spinner__error-message {
color: #FB3865;
}
.gc-input-measurement-spinner input[type="number"]::-webkit-outer-spin-button, .gc-input-measurement-spinner input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.gc-input-measurement-spinner input[type="number"] {
-moz-appearance: textfield;
}
.gc-input-measurement-spinner__disabled {
opacity: 0.5;
}
.gc-input-measurement-spinner__left:hover {
opacity: 0.7;
cursor: pointer;
}
html[dir="rtl"] .gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__right .gc-input-measurement-spinner__input-spinner {
margin-left: 0px;
margin-right: 55px;
}
html[dir="rtl"] .gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__right .gc-input-measurement-spinner__unit {
left: 0px;
right: -16px;
}
.gc-input-measurement .gc-input-measurement__input-wrapper {
border: 1px solid #003314;
border-radius: 10px;
display: flex;
align-items: center;
padding: 0 20px;
height: 57px;
/* Chrome, Safari, Edge, Opera */
/* Firefox */
}
.gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__text {
opacity: 0.5;
color: #003314;
position: absolute;
}
.gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__input {
width: 100%;
height: 55px;
font-weight: 700;
font-size: 18px;
color: #003314;
border: none;
transition: 0.3s;
border-radius: 10px;
caret-color: #003314;
text-align: end;
position: relative;
right: -12px;
padding: 15px 10px 15px 15px;
background-color: transparent;
}
.gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__input::-webkit-outer-spin-button, .gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__input[type="number"] {
-moz-appearance: textfield;
}
.gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__input::placeholder {
color: #003314;
}
.gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__input::-webkit-input-placeholder {
/* Edge */
color: #003314;
}
.gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #003314;
}
.gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__input:focus-visible {
outline: none;
}
.gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__input:focus {
outline: none;
}
.gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__unit {
color: #003314;
margin-top: 2px;
padding-left: 8px;
}
.gc-input-measurement .gc-input-measurement__input-wrapper-double-lined {
height: 84px;
}
.gc-input-measurement .gc-input-measurement__input-wrapper-double-lined .gc-input-measurement__text {
width: 165px;
}
.gc-input-measurement .gc-input-measurement__input-wrapper-triple-lined {
height: 111px;
}
.gc-input-measurement .gc-input-measurement__input-wrapper-triple-lined .gc-input-measurement__text {
width: 165px;
}
@media (max-width: 320px) {
.gc-input-measurement .gc-input-measurement__input-wrapper-double-lined {
height: 78px;
}
.gc-input-measurement .gc-input-measurement__input-wrapper-double-lined .gc-input-measurement__text {
width: 120px;
}
.gc-input-measurement .gc-input-measurement__input-wrapper-triple-lined {
height: 105px;
}
.gc-input-measurement .gc-input-measurement__input-wrapper-triple-lined .gc-input-measurement__text {
width: 120px;
}
}
.gc-input-measurement:hover {
opacity: 0.7;
}
.gc-input-measurement__input-wrapper:focus, .gc-input-measurement__input-wrapper:focus-within, .gc-input-measurement__input-wrapper:active {
border: 2px solid;
border-color: #003314;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-measurement__input-wrapper:focus .gc-input-measurement__input::placeholder, .gc-input-measurement__input-wrapper:focus-within .gc-input-measurement__input::placeholder, .gc-input-measurement__input-wrapper:active .gc-input-measurement__input::placeholder {
color: transparent;
}
.gc-input-measurement__error .gc-input-measurement__error-message {
text-align: center;
color: #FB3865;
margin-top: 4px;
}
.gc-input-measurement__error .gc-input-measurement__input-wrapper {
border-color: #FB3865;
}
.gc-input-measurement__error .gc-input-measurement__input-wrapper:focus, .gc-input-measurement__error .gc-input-measurement__input-wrapper:focus-within, .gc-input-measurement__error .gc-input-measurement__input-wrapper:active {
border: 2px solid;
border-color: #FB3865;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-measurement__disabled {
opacity: 0.5;
}
.gc-input-measurement__disabled .gc-input-measurement__input-wrapper:focus, .gc-input-measurement__disabled .gc-input-measurement__input-wrapper:focus-within, .gc-input-measurement__disabled .gc-input-measurement__input-wrapper:active {
border: 1px solid #003314;
}
.gc-input-measurement__disabled .gc-input-measurement__input::placeholder {
color: #003314 !important;
}
html[dir="rtl"] .gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__input {
padding-left: 0;
}
html[dir="rtl"] .gc-input-measurement .gc-input-measurement__input-wrapper .gc-input-measurement__unit {
padding: 0;
margin-right: -8px;
}
.gc-input-weight .gc-input-weight__input-wrapper {
border: 1px solid #003314;
border-radius: 10px;
display: flex;
align-items: center;
padding: 0 20px;
margin-left: 0;
margin-right: 0;
}
.gc-input-weight .gc-input-weight__input-wrapper .gc-input-weight__input {
width: 100%;
height: 57px;
padding: 15px;
font-weight: 700;
font-size: 18px;
color: #003314;
border: none;
transition: 0.3s;
border-radius: 10px;
caret-color: #003314;
text-align: end;
position: relative;
right: -12px;
background-color: transparent;
padding: 15px 10px 15px 15px;
}
.gc-input-weight .gc-input-weight__input-wrapper .gc-input-weight__input::placeholder {
color: #003314;
}
.gc-input-weight .gc-input-weight__input-wrapper .gc-input-weight__input::-webkit-input-placeholder {
/* Edge */
color: #003314;
}
.gc-input-weight .gc-input-weight__input-wrapper .gc-input-weight__input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #003314;
}
.gc-input-weight .gc-input-weight__input-wrapper .gc-input-weight__input:focus-visible {
outline: none;
}
.gc-input-weight .gc-input-weight__input-wrapper .gc-input-weight__input:focus {
outline: none;
}
.gc-input-weight .gc-input-weight__input-wrapper .gc-input-weight__unit {
color: #003314;
padding-left: 8px;
}
.gc-input-weight .gc-input-weight__unit-selector-wrapper {
display: flex;
justify-content: center;
margin-top: 20px;
}
.gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit {
color: #003314;
opacity: 0.5;
display: flex;
flex-direction: column;
align-items: center;
}
.gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit .gc-input-weight__unit-selector__unit-lbs__arrow, .gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit .gc-input-weight__unit-selector__unit-kg__arrow {
position: absolute;
}
.gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit .gc-input-weight__unit-selector__unit-lbs__arrow svg path, .gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit .gc-input-weight__unit-selector__unit-kg__arrow svg path {
fill: #003314;
}
.gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit .gc-input-weight__unit-selector__unit-lbs__text, .gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit .gc-input-weight__unit-selector__unit-kg__text {
margin-top: 8px;
}
.gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit-lbs {
margin-right: 40px;
}
.gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit--selected {
opacity: 1;
}
.gc-input-weight__input-wrapper:focus, .gc-input-weight__input-wrapper:focus-within, .gc-input-weight__input-wrapper:active {
border: 2px solid;
border-color: #003314;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-weight__input-wrapper:focus .gc-input-weight__input::placeholder, .gc-input-weight__input-wrapper:focus-within .gc-input-weight__input::placeholder, .gc-input-weight__input-wrapper:active .gc-input-weight__input::placeholder {
color: transparent;
}
.gc-input-weight__error .gc-input-weight__error-message {
text-align: center;
color: #FB3865;
margin-top: 4px;
}
.gc-input-weight__error .gc-input-weight__input-wrapper:focus, .gc-input-weight__error .gc-input-weight__input-wrapper:focus-within, .gc-input-weight__error .gc-input-weight__input-wrapper:active {
border: 2px solid;
border-color: #FB3865;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-weight__disabled {
opacity: 0.5;
}
.gc-input-weight__disabled .gc-input-weight__input-wrapper:focus, .gc-input-weight__disabled .gc-input-weight__input-wrapper:focus-within, .gc-input-weight__disabled .gc-input-weight__input-wrapper:active {
border: 1px solid #003314;
}
.gc-input-weight__disabled .gc-input-weight__input::placeholder {
color: #003314 !important;
}
.gc-input-weight__unit-selector__unit:hover, .gc-input-weight__input-wrapper:hover {
opacity: 0.7 !important;
}
html[dir="rtl"] .gc-input-weight .gc-input-weight__input-wrapper .gc-input-weight__input {
padding: 0px;
padding-left: 0px;
right: 0px;
}
html[dir="rtl"] .gc-input-weight .gc-input-weight__input-wrapper .gc-input-weight__unit {
padding: 0px;
text-align: right;
padding-right: 8px;
}
html[dir="rtl"] .gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit-lbs {
margin: 0px;
}
html[dir="rtl"] .gc-input-weight .gc-input-weight__unit-selector-wrapper .gc-input-weight__unit-selector__unit-kg {
margin-right: 40px;
}
.gc-input-height .gc-input-height__input-wrapper__cm, .gc-input-height .gc-input-height__input-wrapper__ft, .gc-input-height .gc-input-height__input-wrapper__in {
border: 1px solid #003314;
border-radius: 10px;
display: flex;
align-items: center;
margin-left: 0;
margin-right: 0;
}
.gc-input-height .gc-input-height__input-wrapper__cm .gc-input-height__input, .gc-input-height .gc-input-height__input-wrapper__ft .gc-input-height__input, .gc-input-height .gc-input-height__input-wrapper__in .gc-input-height__input {
width: 100%;
height: 57px;
padding: 15px;
font-weight: 700;
font-size: 18px;
color: #003314;
border: none;
transition: 0.3s;
border-radius: 10px;
caret-color: #003314;
text-align: end;
position: relative;
right: -12px;
background-color: transparent;
padding: 15px 10px 15px 15px;
}
.gc-input-height .gc-input-height__input-wrapper__cm .gc-input-height__input::placeholder, .gc-input-height .gc-input-height__input-wrapper__ft .gc-input-height__input::placeholder, .gc-input-height .gc-input-height__input-wrapper__in .gc-input-height__input::placeholder {
color: #003314;
}
.gc-input-height .gc-input-height__input-wrapper__cm .gc-input-height__input::-webkit-input-placeholder, .gc-input-height .gc-input-height__input-wrapper__ft .gc-input-height__input::-webkit-input-placeholder, .gc-input-height .gc-input-height__input-wrapper__in .gc-input-height__input::-webkit-input-placeholder {
/* Edge */
color: #003314;
}
.gc-input-height .gc-input-height__input-wrapper__cm .gc-input-height__input:-ms-input-placeholder, .gc-input-height .gc-input-height__input-wrapper__ft .gc-input-height__input:-ms-input-placeholder, .gc-input-height .gc-input-height__input-wrapper__in .gc-input-height__input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #003314;
}
.gc-input-height .gc-input-height__input-wrapper__cm .gc-input-height__input:focus-visible, .gc-input-height .gc-input-height__input-wrapper__ft .gc-input-height__input:focus-visible, .gc-input-height .gc-input-height__input-wrapper__in .gc-input-height__input:focus-visible {
outline: none;
}
.gc-input-height .gc-input-height__input-wrapper__cm .gc-input-height__input:focus, .gc-input-height .gc-input-height__input-wrapper__ft .gc-input-height__input:focus, .gc-input-height .gc-input-height__input-wrapper__in .gc-input-height__input:focus {
outline: none;
}
.gc-input-height .gc-input-height__input-wrapper__cm .gc-input-height__unit, .gc-input-height .gc-input-height__input-wrapper__ft .gc-input-height__unit, .gc-input-height .gc-input-height__input-wrapper__in .gc-input-height__unit {
color: #003314;
padding-left: 8px;
}
.gc-input-height .gc-input-height__input-wrapper__ft {
margin-right: 16px;
}
.gc-input-height .gc-input-height__input-wrapper__ft, .gc-input-height .gc-input-height__input-wrapper__in {
width: 50%;
padding: 0 20px;
}
.gc-input-height .gc-input-height__input-wrapper__ft .gc-input-height__input, .gc-input-height .gc-input-height__input-wrapper__in .gc-input-height__input {
padding-left: 0;
padding-right: 0;
text-align: left;
right: 0;
}
.gc-input-height .gc-input-height__input-wrapper__ft .gc-input-height__unit, .gc-input-height .gc-input-height__input-wrapper__in .gc-input-height__unit {
text-align: end;
padding-right: 0;
}
.gc-input-height .gc-input-height__input-wrapper__cm:hover, .gc-input-height .gc-input-height__input-wrapper__ft:hover, .gc-input-height .gc-input-height__input-wrapper__in:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-height .gc-input-height__unit-selector-wrapper {
display: flex;
justify-content: center;
margin-top: 20px;
}
.gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit {
color: #003314;
opacity: 0.5;
display: flex;
flex-direction: column;
align-items: center;
cursor: default;
}
.gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit .gc-input-height__unit-selector__unit-ft-in__arrow, .gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit .gc-input-height__unit-selector__unit-cm__arrow {
position: absolute;
}
.gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit .gc-input-height__unit-selector__unit-ft-in__arrow svg path, .gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit .gc-input-height__unit-selector__unit-cm__arrow svg path {
fill: #003314;
}
.gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit .gc-input-height__unit-selector__unit-ft-in__text, .gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit .gc-input-height__unit-selector__unit-cm__text {
margin-top: 8px;
}
.gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit-ft-in {
margin-right: 40px;
}
.gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit--selected {
opacity: 1;
}
.gc-input-height .gc-input-height__input-wrapper__ft-in__inputs-wrapper {
display: flex;
}
.gc-input-height .gc-input-height__error-message-wrapper__ft-in {
display: flex;
justify-content: space-around;
}
.gc-input-height__input-wrapper__cm:focus, .gc-input-height__input-wrapper__ft:focus, .gc-input-height__input-wrapper__in:focus, .gc-input-height__input-wrapper__cm:focus-within, .gc-input-height__input-wrapper__ft:focus-within, .gc-input-height__input-wrapper__in:focus-within, .gc-input-height__input-wrapper__cm:active, .gc-input-height__input-wrapper__ft:active, .gc-input-height__input-wrapper__in:active {
border: 2px solid;
border-color: #003314;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-height__input-wrapper__cm:focus .gc-input-height__input::placeholder, .gc-input-height__input-wrapper__ft:focus .gc-input-height__input::placeholder, .gc-input-height__input-wrapper__in:focus .gc-input-height__input::placeholder, .gc-input-height__input-wrapper__cm:focus-within .gc-input-height__input::placeholder, .gc-input-height__input-wrapper__ft:focus-within .gc-input-height__input::placeholder, .gc-input-height__input-wrapper__in:focus-within .gc-input-height__input::placeholder, .gc-input-height__input-wrapper__cm:active .gc-input-height__input::placeholder, .gc-input-height__input-wrapper__ft:active .gc-input-height__input::placeholder, .gc-input-height__input-wrapper__in:active .gc-input-height__input::placeholder {
color: transparent;
}
.gc-input-height__error .gc-input-height__error-message {
text-align: center;
color: #FB3865;
margin-top: 4px;
}
.gc-input-height__error .gc-input-height__input-wrapper__cm:focus, .gc-input-height__error .gc-input-height__input-wrapper__ft:focus, .gc-input-height__error .gc-input-height__input-wrapper__in:focus, .gc-input-height__error .gc-input-height__input-wrapper__cm:focus-within, .gc-input-height__error .gc-input-height__input-wrapper__ft:focus-within, .gc-input-height__error .gc-input-height__input-wrapper__in:focus-within, .gc-input-height__error .gc-input-height__input-wrapper__cm:active, .gc-input-height__error .gc-input-height__input-wrapper__ft:active, .gc-input-height__error .gc-input-height__input-wrapper__in:active {
border: 2px solid;
border-color: #FB3865;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-height__disabled {
opacity: 0.5;
}
.gc-input-height__disabled .gc-input-height__input-wrapper__cm:focus, .gc-input-height__disabled .gc-input-height__input-wrapper__ft:focus, .gc-input-height__disabled .gc-input-height__input-wrapper__in:focus, .gc-input-height__disabled .gc-input-height__input-wrapper__cm:focus-within, .gc-input-height__disabled .gc-input-height__input-wrapper__ft:focus-within, .gc-input-height__disabled .gc-input-height__input-wrapper__in:focus-within, .gc-input-height__disabled .gc-input-height__input-wrapper__cm:active, .gc-input-height__disabled .gc-input-height__input-wrapper__ft:active, .gc-input-height__disabled .gc-input-height__input-wrapper__in:active {
border: 1px solid #003314;
}
.gc-input-height__disabled .gc-input-height__input::placeholder {
color: #003314 !important;
}
.gc-input-height__unit-selector__unit:hover, .gc-input-height__input-wrapper__in:hover, .gc-input-height__input-wrapper__ft:hover, .gc-input-height__input-wrapper__cm:hover {
opacity: 0.7 !important;
}
html[dir="rtl"] .gc-input-height .gc-input-height__input-wrapper__cm .gc-input-height__unit {
text-align: right;
padding: 0px;
padding-right: 8px;
}
html[dir="rtl"] .gc-input-height .gc-input-height__input-wrapper__cm .gc-input-height__input {
padding: 0px;
padding-left: 0px;
right: 0px;
}
html[dir="rtl"] .gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit-ft-in {
margin: 0px;
}
html[dir="rtl"] .gc-input-height .gc-input-height__unit-selector-wrapper .gc-input-height__unit-selector__unit-cm {
margin-right: 40px;
}
html[dir="rtl"] .gc-input-height .gc-input-height__input-wrapper__ft {
margin: 0px;
}
html[dir="rtl"] .gc-input-height .gc-input-height__input-wrapper__ft .gc-input-height__input {
text-align: right;
}
html[dir="rtl"] .gc-input-height .gc-input-height__input-wrapper__in {
margin-right: 16px;
}
html[dir="rtl"] .gc-input-height .gc-input-height__input-wrapper__in .gc-input-height__input {
text-align: right;
}
.gc-input-multi-select {
position: relative;
}
.gc-input-multi-select .gc-select2__error .select2-selection__rendered {
margin-top: 77px;
}
.gc-input-multi-select .select2-search__field:hover {
opacity: 0.7;
}
.gc-select2:hover {
opacity: 0.7;
}
.select2-dropdown--above, .select2-dropdown--below {
margin: 0 20px;
box-shadow: none;
}
.select2-dropdown--above .select2-results__option, .select2-dropdown--above .select2-results__option--highlighted, .select2-dropdown--below .select2-results__option, .select2-dropdown--below .select2-results__option--highlighted {
padding: 12px 20px !important;
}
.select2-dropdown--below {
top: 4px;
}
.select2-dropdown--above {
top: 6px;
}
.select2-search__field {
font-weight: 700;
font-size: 18px !important;
line-height: 1.5;
}
.select2-search__field::placeholder {
opacity: 0.5;
color: #003314 !important;
}
.select2-search__field::-webkit-input-placeholder {
/* Edge */
color: #003314;
}
.select2-search__field:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #003314;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
margin-right: 12px;
margin-top: 14px;
}
.select2-container--default .select2-selection--multiple {
height: 57px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
font-weight: 700 !important;
font-size: 18px;
padding-left: 10px !important;
text-align: left;
}
.select2-search.select2-search--inline {
padding-right: 0;
}
.select2-selection.select2-selection--multiple:focus, .select2-selection.select2-selection--multiple:focus-within, .select2-selection.select2-selection--multiple:active {
border: 2px solid #003314;
}
.select2-dropdown .select2-results .select2-results__options {
border-radius: 0;
}
.gc-select2__error:focus, .gc-select2__error:focus-within, .gc-select2__error:active {
border: 2px solid #FB3865 !important;
}
.select2-container--disabled {
opacity: 0.5;
}
.select2-selection--multiple {
background-color: transparent !important;
border: 1px solid #003314 !important;
}
html[dir="rtl"] .select2-dropdown .select2-results .select2-results__options {
text-align: right;
}
html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
padding-left: 20px !important;
padding-right: 10px !important;
text-align: right;
}
html[dir="rtl"] .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
left: 4px;
right: unset;
top: 50%;
transform: translateY(-50%);
}
html[dir="rtl"] .select2-search.select2-search--inline {
padding-left: 30px;
}
@media (max-width: 1200px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 630px;
max-width: 630px;
}
}
@media (max-width: 750px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 450px;
max-width: 450px;
}
}
@media (max-width: 420px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 315px;
max-width: 315px;
}
}
@media (max-width: 395px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 300px;
max-width: 300px;
}
}
@media (max-width: 380px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 283px;
max-width: 283px;
}
}
@media (max-width: 320px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 230px;
max-width: 230px;
}
}
.gc-select2__error-message {
color: #FB3865;
text-align: center;
margin-top: 4px;
position: absolute;
top: 66px;
left: 0;
right: 0;
}
.gc-input-single-select {
position: relative;
display: inline;
}
.gc-input-single-select .gc-select2__error .select2-selection__rendered {
margin-top: 77px;
}
.gc-input-single-select .select2-search__field:hover {
opacity: 0.7;
}
.gc-select2:hover {
opacity: 0.7;
}
.select2-dropdown--above, .select2-dropdown--below {
margin: 0 20px;
box-shadow: none;
}
.select2-dropdown--above .select2-results__option, .select2-dropdown--above .select2-results__option--highlighted, .select2-dropdown--below .select2-results__option, .select2-dropdown--below .select2-results__option--highlighted {
padding: 12px 20px !important;
}
.select2-dropdown--below {
top: 4px;
}
.select2-container--open .select2-dropdown--above .select2-results > .select2-results__options {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}
.select2-container--open .select2-dropdown--above {
margin: 0;
top: 20px;
}
.select2-dropdown--above {
top: 6px;
}
.select2-search__field {
font-weight: 700;
font-size: 18px !important;
line-height: 1.5;
}
.select2-search__field::placeholder {
opacity: 0.5;
color: #003314 !important;
}
.select2-search__field::-webkit-input-placeholder {
/* Edge */
color: #003314;
}
.select2-search__field:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #003314;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
margin-right: 12px;
margin-top: 14px;
}
.select2-container--default .select2-selection--multiple {
height: 57px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
font-weight: 700 !important;
font-size: 18px;
padding-left: 10px !important;
text-align: left;
}
.select2-search.select2-search--inline {
padding-right: 0;
}
.select2-selection.select2-selection--multiple:focus, .select2-selection.select2-selection--multiple:focus-within, .select2-selection.select2-selection--multiple:active {
border: 2px solid #003314;
}
.select2-dropdown .select2-results .select2-results__options {
border-radius: 0;
}
.gc-select2__error:focus, .gc-select2__error:focus-within, .gc-select2__error:active {
border: 2px solid #FB3865 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #003314;
line-height: 1.7;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 240px;
background-color: #f0caa2;
border-radius: 0 0 10px 10px !important;
padding: 0px;
box-shadow: 0 5px 9px -4px #aa651c;
}
.select2-container--disabled {
opacity: 0.5;
}
.select2-selection--multiple {
background-color: transparent !important;
border: 1px solid #003314 !important;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
html[dir="rtl"] .select2-dropdown .select2-results .select2-results__options {
text-align: right;
}
html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
padding-left: 20px !important;
padding-right: 10px !important;
text-align: right;
}
html[dir="rtl"] .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
left: 4px;
right: unset;
top: 50%;
transform: translateY(-50%);
}
html[dir="rtl"] .select2-search.select2-search--inline {
padding-left: 30px;
}
@media (max-width: 1200px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 630px;
max-width: 630px;
}
}
@media (max-width: 750px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 450px;
max-width: 450px;
}
}
@media (max-width: 420px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 315px;
max-width: 315px;
}
}
@media (max-width: 395px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 300px;
max-width: 300px;
}
}
@media (max-width: 380px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 283px;
max-width: 283px;
}
}
@media (max-width: 320px) {
html[dir="rtl"] .select2-container--default .select2-search--inline .select2-search__field {
min-width: 230px;
max-width: 230px;
}
}
.gc-input-single-select--error .gc-input-single-select__error {
text-align: center;
color: #FB3865;
margin-top: 4px;
}
.gc-input-single-select--error .gc-input-single-select__input:focus, .gc-input-single-select--error .gc-input-single-select__input:focus-within, .gc-input-single-select--error .gc-input-single-select__input:active {
border: 2px solid;
border-color: #FB3865;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-single-select--disabled {
opacity: 0.5;
}
.gc-input-single-select--disabled .gc-input-single-select__input:focus, .gc-input-single-select--disabled .gc-input-single-select__input:focus-within, .gc-input-single-select--disabled .gc-input-single-select__input:active {
border: 1px solid #003314;
}
.gc-input-single-select--disabled .gc-input-single-select__input::placeholder {
color: #003314 !important;
}
html[dir=rtl] .gc-input-single-select .gc-input-single-select__list-wrapper .gc-input-single-select__list-item {
text-align: right;
}
.gc-select2__error-message {
color: #FB3865;
text-align: center;
margin-top: 4px;
position: initial;
top: 66px;
left: 0;
right: 0;
}
.gc-input-custom-date {
display: flex;
flex-direction: row;
justify-content: center;
min-width: 100%;
}
.gc-input-custom-date__input {
box-sizing: border-box;
flex-basis: 33.33%;
}
.gc-input-custom-date__input--day .gc-text-input .gc-text-input__input {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
text-align: center !important;
}
.gc-input-custom-date__input--month .gc-input-select .gc-input-select__input {
border-radius: 0;
text-align: center !important;
}
.gc-input-custom-date__input--year .gc-text-input .gc-text-input__input {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
text-align: center !important;
}
.gc-input-custom-date__input .gc-text-input__input::placeholder {
color: #003314 !important;
}
.gc-input-custom-date__input:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-custom-date .select2-selection--single {
border-radius: 0px;
color: #003314 !important;
border: 1px solid #003314;
opacity: 0.7;
}
.gc-input-custom-date .select2-container .select2-selection--single .select2-selection__rendered {
text-align: center;
}
.gc-input-custom-date .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #003314 !important;
opacity: 0.7;
}
html[dir=rtl] .gc-input-custom-date__input--day .gc-text-input .gc-text-input__input {
border-radius: 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
html[dir=rtl] .gc-input-custom-date__input--year .gc-text-input .gc-text-input__input {
border-radius: 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.gc-input-select {
position: relative;
}
.gc-input-select option {
font-size: 18px;
line-height: 1.5;
font-weight: 400;
font-family: "Poppins", sans-serif;
background-color: #f7e3ce;
}
.gc-input-select option:not(:first-child) {
color: #003314;
}
.gc-input-select .gc-input-select__input {
border: 1px solid #003314;
border-radius: 10px;
display: flex;
align-items: center;
padding: 0 20px;
width: 100%;
height: 57px;
color: #003314;
caret-color: #003314;
background-color: transparent;
}
.gc-input-select .gc-input-select__input:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-select .gc-input-select__input--empty {
color: rgba(0, 51, 20, 0.5) !important;
}
.gc-input-select .gc-input-select__list-wrapper {
padding: 0;
margin: 0;
max-height: 204px;
overflow: auto;
margin-top: 4px;
position: absolute;
width: 100%;
z-index: 100;
background: white;
}
.gc-input-select .gc-input-select__list-wrapper .gc-input-select__list-item {
list-style: none;
text-align: left;
padding: 4px 2px;
cursor: pointer;
padding: 12px 20px;
border-bottom: 0.5px solid #003314;
}
.gc-input-select .gc-input-select__list-wrapper .gc-input-select__list-item .rc-text-content {
color: #003314;
}
.gc-input-select .gc-input-select__list-wrapper .gc-input-select__list-item:active {
background: #003314;
}
.gc-input-select .gc-input-select__list-wrapper .gc-input-select__list-item:active .rc-text-content {
color: white;
}
.gc-input-select .gc-input-select__list-wrapper .gc-input-select__list-item__no-result {
list-style: none;
text-align: left;
padding: 4px 2px;
cursor: pointer;
padding: 12px 20px;
}
.gc-input-select .gc-input-select__list-wrapper .gc-input-select__list-item__no-result:active {
background: white;
}
.gc-input-select .gc-input-select__list-wrapper .gc-input-select__list-item__no-result:active .rc-text-content {
color: #003314;
}
.gc-input-select__input:focus, .gc-input-select__input:focus-within, .gc-input-select__input:active {
border: 2px solid;
border-color: #003314;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-select__input:focus-within::placeholder, .gc-input-select__input:active::placeholder, .gc-input-select__input:focus::placeholder {
color: transparent;
}
.gc-input-select--error .gc-input-select__error {
text-align: center;
color: #FB3865;
margin-top: 4px;
}
.gc-input-select--error .gc-input-select__input:focus, .gc-input-select--error .gc-input-select__input:focus-within, .gc-input-select--error .gc-input-select__input:active {
border: 2px solid;
border-color: #FB3865;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-select--disabled {
opacity: 0.5;
}
.gc-input-select--disabled .gc-input-select__input:focus, .gc-input-select--disabled .gc-input-select__input:focus-within, .gc-input-select--disabled .gc-input-select__input:active {
border: 1px solid #003314;
}
.gc-input-select--disabled .gc-input-select__input::placeholder {
color: #003314 !important;
}
.gc-input-select__input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
html[dir="rtl"] .gc-input-select__input {
text-align: right;
}
.gc-input-search-and-select .gc-input-search-and-select__input-wrapper {
border: 1px solid #003314;
border-radius: 10px;
display: flex;
align-items: center;
}
.gc-input-search-and-select .gc-input-search-and-select__input {
width: 100%;
height: 57px;
padding: 15px 20px;
color: #003314;
border: none;
transition: 0.3s;
border-radius: 10px;
caret-color: #003314;
background-color: transparent;
z-index: 2;
padding-right: 54px;
}
.gc-input-search-and-select .gc-input-search-and-select__input::placeholder {
color: #003314;
opacity: 0.5;
}
.gc-input-search-and-select .gc-input-search-and-select__input:focus-visible {
outline: none;
}
.gc-input-search-and-select .gc-input-search-and-select__input::-webkit-input-placeholder {
color: #003314;
}
.gc-input-search-and-select .gc-input-search-and-select__input:-ms-input-placeholder {
color: #003314;
}
.gc-input-search-and-select .gc-input-search-and-select__input:focus {
outline: none;
}
.gc-input-search-and-select .rc-icon {
margin-right: 20px;
}
.gc-input-search-and-select .rc-icon svg path {
fill: #003314;
}
.gc-input-search-and-select .gc-input-search-and-select__input-wrapper:focus, .gc-input-search-and-select .gc-input-search-and-select__input-wrapper:focus-within, .gc-input-search-and-select .gc-input-search-and-select__input-wrapper:active {
border: 2px solid;
border-color: #003314;
box-shadow: none;
outline: none;
transition: 0.3s;
}
.gc-input-search-and-select .gc-input-search-and-select__input-wrapper:focus .gc-input-search-and-select__input::placeholder, .gc-input-search-and-select .gc-input-search-and-select__input-wrapper:focus-within .gc-input-search-and-select__input::placeholder, .gc-input-search-and-select .gc-input-search-and-select__input-wrapper:active .gc-input-search-and-select__input::placeholder {
color: transparent;
}
.gc-input-search-and-select .gc-input-search-and-select--disabled {
opacity: 0.5;
}
.gc-input-search-and-select .gc-input-search-and-select--disabled .gc-input-search-and-select__input-wrapper:focus, .gc-input-search-and-select .gc-input-search-and-select--disabled .gc-input-search-and-select__input-wrapper:focus-within, .gc-input-search-and-select .gc-input-search-and-select--disabled .gc-input-search-and-select__input-wrapper:active {
border: 1px solid #003314;
}
.gc-input-search-and-select .gc-input-search-and-select--disabled .gc-input-search-and-select__input::placeholder {
color: #003314;
}
.gc-input-search-and-select .gc-input-search-and-select--disabled .gc-input-search-and-select__input::-webkit-input-placeholder {
/* Edge */
color: #003314;
}
.gc-input-search-and-select .gc-input-search-and-select--disabled .gc-input-search-and-select__input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #003314;
}
.gc-input-search-and-select .gc-input-search-and-select__list-wrapper {
position: absolute;
width: 100%;
z-index: 1500;
padding-left: 0;
background: #f7e3ce;
box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.16);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.gc-input-search-and-select .gc-input-search-and-select__list-wrapper .gc-input-search-and-select__list-item, .gc-input-search-and-select .gc-input-search-and-select__list-wrapper .gc-input-search-and-select__list-item__no-result {
list-style-type: none !important;
padding: 12px 20px;
}
.gc-input-search-and-select .gc-input-search-and-select__list-wrapper .gc-input-search-and-select__list-item:not(:last-child), .gc-input-search-and-select .gc-input-search-and-select__list-wrapper .gc-input-search-and-select__list-item__no-result:not(:last-child) {
border-bottom: 1px solid #003314;
}
.gc-input-search-and-select .gc-input-search-and-select__list-wrapper .gc-input-search-and-select__list-item:hover {
opacity: 0.7;
curser: pointer;
}
.gc-input-search-and-select .gc-input-search-and-select__list-wrapper .gc-input-search-and-select__list-item:hover .rc-text-content:hover {
curser: pointer;
}
.gc-input-search-and-select .gc-input-search-and-select__icons {
position: absolute;
right: 0;
}
.gc-input-search-and-select__input-wrapper:disabled {
color: rgba(0, 51, 20, 0.35) !important;
border-color: rgba(0, 51, 20, 0.35) !important;
}
.gc-input-search-and-select--disabled gc-input-search-and-select__input-wrapper {
color: rgba(0, 51, 20, 0.35) !important;
border-color: rgba(0, 51, 20, 0.35) !important;
}
html[dir="rtl"] .gc-input-search-and-select .gc-input-search-and-select__input {
padding-left: 54px;
padding-right: 20px;
}
html[dir="rtl"] .gc-input-search-and-select .gc-input-search-and-select__icons {
right: unset;
left: 20px;
}
html[dir="rtl"] .gc-input-search-and-select .gc-input-search-and-select__list-wrapper {
padding-right: 0;
}
.gc-body-measurements-inputs__imperial {
display: flex;
flex-direction: row;
}
.gc-body-measurements-inputs__input {
width: 100%;
}
.gc-body-measurements-inputs__input--feet {
margin-right: 12px;
}
.gc-body-measurements-inputs__input .gc-text-input .gc-text-input__input {
color: #003314;
}
.gc-body-measurements-inputs__input .gc-text-input .gc-text-input__input:focus {
color: #003314;
}
.gc-body-measurements-inputs__input input::-webkit-input-placeholder {
color: #003314 !important;
}
.gc-body-measurements-inputs__input input::-moz-placeholder {
color: #003314 !important;
}
.gc-body-measurements-inputs__input input::-ms-placeholder {
color: #003314 !important;
}
.gc-body-measurements-inputs__input input::placeholder {
color: #003314 !important;
}
.gc-body-measurements-inputs__input--error {
text-align: center;
line-height: 1.5;
font-size: 12px;
color: #FB3865;
margin-top: 12px;
}
html[dir="rtl"] .gc-body-measurements-inputs__input--feet {
margin-right: 0;
margin-left: 12px;
}
.gc-input-radio-card {
height: 184px;
width: 100%;
padding: 15px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
border-radius: 10px;
position: relative;
overflow: hidden;
color: #fff;
transition: border-width 0.1s ease-out;
}
.gc-input-radio-card:hover {
cursor: pointer;
}
.gc-input-radio-card--no-image {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%), #e6e6e6;
}
.gc-input-radio-card__radio {
height: 26px;
width: 26px;
}
.gc-input-radio-card__radio.gc-input-radio-button-circular--selected {
border: calc(13px - 4.5px) #003314 solid;
}
.gc-input-radio-card__name {
text-align: start;
margin-bottom: 4px;
margin-right: 48px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.gc-input-radio-card__type {
margin-bottom: 4px;
}
.gc-input-radio-card__overlay {
background-color: black;
background: linear-gradient(0deg, black 20%, rgba(0, 0, 0, 0.25) 40%);
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
}
.gc-input-radio-card .gc-badge-choice {
background-color: #003314;
margin-bottom: 10px;
}
.gc-input-radio-card__radio {
border-color: #fff;
}
.gc-input-radio-card__radio.gc-input-radio-button-circular--selected {
border-color: #003314;
background-color: #FFFFFF;
}
.gc-input-radio-card__image-wrapper {
width: 100%;
height: 100%;
position: absolute;
display: flex;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.gc-input-radio-card__image {
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.gc-input-radio-card__area-top-left {
position: absolute;
display: flex;
left: 15px;
top: 15px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
}
.gc-input-radio-card__area-top-right {
position: absolute;
top: 15px;
right: 15px;
}
.gc-input-radio-card .gc-input-radio-button-circular:active {
border-color: #fff;
}
.gc-input-radio-card .gc-input-radio-button-circular:hover {
border-color: #fff;
}
.gc-input-radio-card .gc-input-radio-button-circular--selected {
border-color: #003314;
}
.gc-input-radio-card .gc-input-radio-button-circular--selected:active {
border-color: #003314;
}
.gc-input-radio-card .gc-input-radio-button-circular--selected:hover {
border-color: #003314;
}
html[dir=rtl] .gc-input-radio-card__area-top-right {
text-align: right;
left: 15px;
right: initial;
}
html[dir=rtl] .gc-input-radio-card__area-top-left {
text-align: right;
left: initial;
right: 15px;
}
html[dir=rtl] .gc-input-radio-card__name, html[dir=rtl] .gc-input-radio-card__muscle {
text-align: right;
margin-right: 0;
margin-left: 48px;
}
.gc-carousel-body-fat {
margin-bottom: 32px;
}
.gc-carousel-body-fat .slick-slide {
margin-right: 24px;
}
.gc-carousel-body-fat .gc-carousel-body-fat-slick .gc-carousel-body-fat-slick__overlay {
width: 220px;
height: 220px;
position: absolute;
}
.gc-carousel-body-fat .gc-carousel-body-fat-slick .gc-carousel-body-fat-slick__image {
border-radius: 10px;
height: 220px;
width: 220px;
}
.gc-carousel-body-fat .gc-carousel-body-fat-slick .gc-carousel-body-fat-slick__description {
margin-top: 12px;
text-align: center;
}
.gc-carousel-body-fat .gc-carousel-body-fat-slick .gc-carousel-body-fat-slick__description .rc-text-content {
color: #003314;
line-height: 1.5;
}
.gc-carousel-body-fat .gc-carousel-body-fat-slick:active .gc-carousel-body-fat-slick__image {
filter: opacity(0.5);
}
.gc-carousel-body-fat .slick-current .gc-carousel-body-fat-slick__overlay {
border: 4px solid #003314;
border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0, 51, 20, 0.4);
}
.gc-carousel-body-fat-slick:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-radio-button-squared {
width: 20px;
height: 20px;
border: 1.2px #003314 solid;
border-radius: 2px;
}
.gc-input-radio-button-squared .gc-input-radio-button-squared__circle, .gc-input-radio-button-squared .rc-icon-tick, .gc-input-radio-button-squared .rc-icon-dislike {
display: none;
}
.gc-input-radio-button-squared:active {
border-color: #003314;
}
.gc-input-radio-button-squared--disabled {
opacity: 0.5;
}
.gc-input-radio-button-squared--disabled:active {
border-color: #000000;
}
.gc-input-radio-button-squared--selected {
display: flex;
justify-content: center;
align-items: center;
background-color: #003314;
border-color: #003314;
}
.gc-input-radio-button-squared--selected .rc-icon-tick {
display: inline-block;
}
.gc-input-radio-button-squared--selected .rc-icon-tick svg path {
fill: #FFFFFF;
}
.gc-input-radio-button-squared--selected.gc-input-radio-button-squared--disabled:active {
border-color: #003314;
}
.gc-input-radio-button-squared--semi-selected {
border-color: #003314;
display: flex;
justify-content: center;
align-items: center;
}
.gc-input-radio-button-squared--semi-selected .gc-input-radio-button-squared__circle {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 8px;
background-color: #003314;
}
.gc-input-radio-button-squared--semi-selected:active {
border-color: #003314;
}
.gc-input-radio-button-squared--dislike {
border-color: #FB3865 !important;
display: flex;
justify-content: center;
align-items: center;
}
.gc-input-radio-button-squared--dislike .rc-icon-dislike {
display: inline-block;
}
.gc-input-radio-button-squared--dislike .rc-icon-dislike svg {
width: 14px;
height: 14px;
}
.gc-input-radio-button-squared--dislike .rc-icon-dislike path {
fill: #FB3865;
}
.gc-input-radio-button-squared--dislike:active {
border-color: #FB3865;
}
.gc-input-radio-button-squared:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-radio-button-squared--disabled:hover {
opacity: 0.5;
}
.gc-input-checkbox-squared {
width: 20px;
height: 20px;
border: 1.2px #003314 solid;
border-radius: 2px;
cursor: pointer;
}
.gc-input-checkbox-squared .rc-icon-tick {
display: none;
}
.gc-input-checkbox-squared:active {
border-color: #003314;
}
.gc-input-checkbox-squared--disabled {
opacity: 0.5;
}
.gc-input-checkbox-squared--disabled:active {
border-color: #000000;
}
.gc-input-checkbox-squared--selected {
display: flex;
justify-content: center;
align-items: center;
background-color: #003314;
border-color: #003314 !important;
}
.gc-input-checkbox-squared--selected .rc-icon-tick {
display: inline-block;
}
.gc-input-checkbox-squared--selected .rc-icon-tick svg path {
fill: #FFFFFF;
}
.gc-input-checkbox-squared--selected.gc-input-checkbox-squared--disabled:active {
border-color: #003314;
}
.gc-input-checkbox-circular {
width: 20px;
height: 20px;
border: 1.2px #000000 solid;
border-radius: 50%;
}
.gc-input-checkbox-circular .rc-icon-tick {
display: none;
}
.gc-input-checkbox-circular:active {
border-color: #003314;
}
.gc-input-checkbox-circular--disabled {
opacity: 0.5;
}
.gc-input-checkbox-circular--disabled:active {
border-color: #000000;
}
.gc-input-checkbox-circular--selected {
display: flex;
justify-content: center;
align-items: center;
background-color: #003314;
border-color: #003314 !important;
}
.gc-input-checkbox-circular--selected .rc-icon-tick {
display: inline-block;
}
.gc-input-checkbox-circular--selected .rc-icon-tick svg path {
fill: #fff;
}
.gc-input-checkbox-circular--selected.gc-input-checkbox-circular--disabled:active {
border-color: #003314;
}
.gc-input-checkbox-circular:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-input-checkbox-circular--disabled:hover {
opacity: 0.5;
}
.gc-input-checkbox-squared {
width: 20px;
height: 20px;
border: 1.2px #003314 solid;
border-radius: 2px;
cursor: pointer;
}
.gc-input-checkbox-squared .rc-icon-tick {
display: none;
}
.gc-input-checkbox-squared:active {
border-color: #003314;
}
.gc-input-checkbox-squared--disabled {
opacity: 0.5;
}
.gc-input-checkbox-squared--disabled:active {
border-color: #000000;
}
.gc-input-checkbox-squared--selected {
display: flex;
justify-content: center;
align-items: center;
background-color: #003314;
border-color: #003314 !important;
}
.gc-input-checkbox-squared--selected .rc-icon-tick {
display: inline-block;
}
.gc-input-checkbox-squared--selected .rc-icon-tick svg path {
fill: #FFFFFF;
}
.gc-input-checkbox-squared--selected.gc-input-checkbox-squared--disabled:active {
border-color: #003314;
}
.gc-input-option-selection {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 30px;
height: 34px;
color: #003314;
}
.gc-input-option-selection__icon path {
fill: #003314;
}
.gc-input-option-selection:active {
opacity: 0.6;
}
.gc-input-option-selection:active .gc-input-option-selection__icon {
visibility: hidden;
}
.gc-input-option-selection--inactive {
opacity: 0.5;
}
.gc-input-option-selection--inactive .gc-input-option-selection__icon {
visibility: hidden;
}
.fileinput {
display: none;
}
.gc-image-upload-card {
position: relative;
height: 100%;
height: 168px;
}
.gc-image-upload-card .gc-image-upload-card__init .gc-image-upload-card__no-image .rc-icon {
background: #e6e6e6;
border-radius: 10px;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 100%;
}
.gc-image-upload-card .gc-image-upload-card__init .gc-image-upload-card__no-image .rc-icon svg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.gc-image-upload-card .gc-image-upload-card__init .gc-image-upload-card__no-image .rc-icon svg path {
fill: #003314;
}
.gc-image-upload-card .gc-image-upload-card__init .gc-image-upload-card__no-image .rc-icon svg path {
fill: #003314;
}
.gc-image-upload-card .gc-image-upload-card__init .gc-image-upload-card__no-image .rc-icon:focus {
opacity: 0.6;
}
.gc-image-upload-card .gc-image-upload-card--with-close .rc-icon {
position: absolute;
right: 10px;
top: 10px;
z-index: 999;
}
.gc-image-upload-card .gc-image-upload-card--with-close .rc-icon svg path {
fill: #FFFFFF;
}
.gc-image-upload-card .gc-image-upload-card__has_image img {
width: 100%;
object-fit: cover;
height: 168px;
border-radius: 10px;
}
.gc-image-upload-card .gc-image-upload-card__uploading-image {
width: 100%;
object-fit: cover;
height: 168px;
border-radius: 10px;
position: absolute;
top: 0;
}
.gc-image-upload-card .gc-image-upload-card__has_image::after, .gc-image-upload-card .gc-image-upload-card__uploading::after {
content: " ";
display: block;
position: absolute;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
z-index: 0;
border-radius: 10px;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
html[dir=rtl] .gc-image-upload-card .gc-image-upload-card__uploading-image {
right: 0;
}
html[dir=rtl] .gc-image-upload-card .gc-image-upload-card--with-close .rc-icon {
left: 10px;
}
.gc-input-password {
position: relative;
}
.gc-input-password__icons {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
.gc-input-password__icons svg path {
fill: #003314;
}
.gc-input-date-picker {
width: 100%;
font-family: "Poppins", sans-serif !important;
}
.gc-input-date-picker .vc-popover-caret {
display: none !important;
box-shadow: 0px 2px 15px 0px rgba(0, 51, 20, 0.1);
}
.gc-input-date-picker .gc-text-input .gc-text-input__input {
text-align: center;
}
.gc-input-date-picker .vc-popover-content {
box-shadow: 0px 2px 15px 0px rgba(0, 51, 20, 0.1);
border: unset;
background: var(--bg-infoPages, #FFF);
}
.gc-input-date-picker .vc-container {
font-family: "Poppins", sans-serif !important;
border-radius: 10px;
background: var(--bg-infoPages, #FFF);
box-shadow: 0px 2px 15px 0px rgba(0, 51, 20, 0.1);
border-color: unset;
}
.gc-input-date-picker .vc-title {
color: var(--text-primary-on-bg, #000);
text-align: center;
font-feature-settings: "clig" off, "liga" off;
font-family: "Poppins", sans-serif !important;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.gc-input-date-picker .vc-day-content {
color: var(--text-primary-on-bg, #000);
text-align: center;
font-feature-settings: "clig" off, "liga" off;
font-family: "Poppins", sans-serif !important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.gc-input-date-picker .vc-highlights + .vc-day-content {
color: var(--button-primary-text, #fff);
font-weight: 700;
}
.gc-input-date-picker .vc-day .vc-highlight, .gc-input-date-picker .vc-highlight {
color: var(--button-primary-text, #FFF);
text-align: center;
font-feature-settings: "clig" off, "liga" off;
border-radius: 100px;
background: var(--button-primary, #FFBA00);
}
.gc-input-date-picker .vc-grid-cell .vc-weekday {
color: var(--text-secondary-on-bg, #AFAFAF);
text-align: center;
font-feature-settings: "clig" off, "liga" off;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
/* 21px */
font-family: "Poppins", sans-serif !important;
}
.gc-input-date-picker .vc-arrows-container svg path {
fill: var(--text-primary-on-bg, #000);
}
.gc-input-date-picker .vc-popover-content .vc-popover-content {
border-radius: 12.5px;
background: var(--text-area-bg-fill, #434343);
color: var(--text-secondary-on-bg, #AFAFAF);
}
.gc-input-date-picker .vc-nav-container .vc-grid-cell {
color: var(--text-secondary-on-bg, #AFAFAF);
text-align: center;
font-feature-settings: "clig" off, "liga" off;
font-family: "Poppins", sans-serif !important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
/* 21px */
}
.gc-input-date-picker .vc-nav-container .vc-grid-cell span:hover {
background: var(--text-secondary-on-bg, #AFAFAF);
color: var(--text-secondary-on-bg, #3D3D3D);
box-shadow: unset;
border-color: transparent;
border-radius: 4px;
}
.gc-input-date-picker .vc-nav-container .vc-grid-cell span:hover svg path {
fill: var(--text-secondary-on-bg, #3D3D3D);
}
.gc-input-date-picker .vc-nav-container .vc-grid-cell .vc-grid-focus {
border-radius: 4px;
background: transparent;
border: 1px solid var(--text-secondary-on-bg, #AFAFAF);
color: var(--text-secondary-on-bg, #3D3D3D);
font-family: "Poppins", sans-serif !important;
}
.gc-input-date-picker .vc-nav-container .vc-grid-container:first-child .vc-grid-cell .vc-grid-focus {
background: transparent;
border: unset;
color: var(--text-secondary-on-bg, #AFAFAF);
}
.gc-input-date-picker .vc-nav-container .vc-grid-cell span:hover {
background: transparent;
color: var(--text-secondary-on-bg, #3D3D3D);
}
.gc-input-date-picker .vc-nav-container .vc-grid-cell span:hover svg path {
fill: var(--text-secondary-on-bg, #3D3D3D);
}
.gc-input-date-picker .vc-nav-container .vc-grid-cell.is-active {
box-shadow: unset;
background: var(--text-secondary-on-bg, #AFAFAF);
color: var(--text-secondary-on-bg, #3D3D3D);
text-align: center;
font-feature-settings: "clig" off, "liga" off;
font-size: 14px;
font-style: normal;
font-family: "Poppins", sans-serif !important;
font-weight: 400;
line-height: 150%;
/* 21px */
border-color: transparent;
border-radius: 4px;
}
.gc-input-date-picker .vc-nav-container .vc-nav-title {
color: var(--text-secondary-on-bg, #AFAFAF);
text-align: center;
font-feature-settings: "clig" off, "liga" off;
font-size: 17.5px;
font-style: normal;
font-weight: 700;
line-height: 150%;
/* 26.25px */
}
.gc-input-date-picker .vc-nav-container svg path {
fill: var(--text-secondary-on-bg, #AFAFAF);
}
@media (orientation: landscape) and (pointer: coarse) {
.gc-input-date-picker .vc-popover-content-wrapper {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
}
.gc-input-multi-select-dropdown {
/* Hide scrollbar for IE, Edge and Firefox */
}
.gc-input-multi-select-dropdown .dropdown {
padding: 0;
width: 100%;
position: absolute;
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
background-color: #f0caa2;
}
.gc-input-multi-select-dropdown .dropdown .gc-input-multi-select-dropdown__option {
cursor: pointer;
color: #003314;
padding: 12px 20px;
}
.gc-input-multi-select-dropdown .dropdown .gc-input-multi-select-dropdown__option-selected {
background-color: #003314;
}
.gc-input-multi-select-dropdown .dropdown .gc-input-multi-select-dropdown__option:hover {
opacity: 0.7;
}
.gc-input-multi-select-dropdown .dropdown-wrapper {
position: relative;
}
.gc-input-multi-select-dropdown .dropdown--top {
bottom: 58px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.gc-input-multi-select-dropdown .dropdown--bottom {
top: 58px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.gc-input-multi-select-dropdown .dropdown::-webkit-scrollbar {
display: none;
}
.gc-input-multi-select-dropdown .dropdown {
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
.gc-input-switch {
display: flex;
height: 24px;
}
.gc-input-switch input[type="checkbox"] {
height: 0;
width: 0;
visibility: hidden;
}
.gc-input-switch label {
cursor: pointer;
text-indent: -9999px;
width: 40px;
height: 22px;
background: transparent;
box-sizing: content-box;
border: 1px solid var(--text-secondary-on-bg);
display: block;
border-radius: 100px;
position: relative;
}
.gc-input-switch label:after {
content: "";
position: absolute;
top: 3px;
left: 4px;
width: 16px;
height: 16px;
background: var(--text-secondary-on-bg);
border-radius: 200px;
transition: 0.3s;
}
.gc-input-switch input:checked + label {
background: var(--text-secondary-on-bg);
}
.gc-input-switch input:checked + label:after {
left: calc(100% - 4px);
transform: translateX(-100%);
background: var(--text-area-bg-fill);
}
.gc-input-switch label:active:after {
width: 16px !important;
}
html[dir="rtl"] .gc-input-switch label {
text-indent: 9999px;
}
.gc-preloader {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
left: 0;
width: 100%;
}
.gc-preloader .rc-text-content {
margin-left: 60px;
margin-right: 60px;
font-weight: 700;
line-height: 19px;
}
.gc-preloader .rc-icon-preloader {
display: block;
}
.gc-preloader .rc-icon-preloader svg {
height: 66px;
width: 66px;
}
.gc-popup {
top: 0;
padding-top: 0 !important;
color: #003314;
}
.gc-popup__content {
color: #003314;
border: none;
border-radius: 20px 20px 0 0;
padding: 20px 30px;
min-height: calc(100 * var(--vh));
}
.gc-popup__head {
padding-bottom: 20px;
}
.gc-popup__title {
margin: 0;
text-align: center;
font-weight: 600;
min-height: 44px;
padding-bottom: 20px;
color: #003314;
}
.gc-popup__subtitle {
color: #3d3d3d;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
}
.gc-popup__text {
padding: 10px;
border-radius: 10px;
font-weight: 600;
}
.gc-popup__info-line {
color: #afafaf;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
text-align: center;
}
.gc-popup__dialog {
width: 100%;
padding-top: 12vh;
right: 0 !important;
left: 0 !important;
margin: auto !important;
margin-bottom: 0 !important;
position: fixed;
-webkit-overflow-scrolling: touch;
/* Lets it scroll lazy */
}
.gc-popup__dialog--error .gc-popup__title {
font-family: "Poppins", sans-serif !important;
color: #FB3865;
}
.gc-popup__dialog--error div {
font-family: "Poppins", sans-serif !important;
}
.gc-popup__dialog.reducedPT {
padding-top: 10vh !important;
position: fixed;
}
.gc-popup__content--hidden {
bottom: -700px;
}
.gc-popup__content--desktop {
min-height: auto;
border-radius: 20px !important;
}
.gc-popup__content--desktop .gc-popup__floating-footer {
position: initial !important;
}
.gc-popup__dialog--desktop .gc-popup__footer {
padding-top: 50px;
padding-bottom: 12px;
}
.gc-popup__dialog--desktop {
padding-top: 0 !important;
}
.gc-popup__dialog--desktop .gc-popup__body-content {
max-height: 42vh;
}
.modal-open .gc-popup__content {
-webkit-overflow-scrolling: touch;
/* Lets it scroll lazy */
position: relative;
animation: animateopenpopup 0.75s;
animation-fill-mode: forwards;
}
.modal-open--closing .gc-popup__content {
position: relative;
animation: animateclosepopup 0.75s;
animation-fill-mode: forwards;
}
.gc-popup--small .gc-popup__content {
border-radius: 20px;
}
.gc-popup--with-extra-padding, .gc-popup--with-extra-padding .gc-popup__text {
padding: 24px 20px 20px;
}
.gc-popup--with-extra-padding .gc-popup__button-close {
padding-left: 0 !important;
}
.gc-popup__dialog.reducedPT {
padding-top: 10vh !important;
position: fixed;
}
.gc-popup__title {
display: flex;
justify-content: flex-start;
}
.gc-popup__title--multiple {
display: flex;
justify-content: space-between;
}
.gc-popup__body {
-webkit-overflow-scrolling: touch;
/* Lets it scroll lazy */
overflow: visible;
}
.gc-popup__body-content {
margin-left: -10px;
margin-right: -10px;
padding-right: 10px;
padding-left: 10px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
/* Lets it scroll lazy */
}
.gc-popup__footer {
padding-top: 8px;
padding-bottom: calc(env(safe-area-inset-bottom) + 40px);
}
.gc-popup__floating-footer {
position: absolute;
width: 100%;
padding: 0;
}
.gc-popup__body::-webkit-scrollbar {
display: none;
}
#__BVID__31 .gc-popup__body {
height: 80vh;
}
.gc-popup__button-close {
display: flex;
justify-content: center;
flex-direction: column;
background-color: transparent;
border: none;
padding-right: 0;
}
.gc-popup__button-close path {
fill: #003314;
}
.gc-popup__button-close:hover {
opacity: 0.7;
}
.gc-popup__button-back {
background-color: transparent;
border: none;
padding-right: 0;
margin-top: -7px;
}
.gc-popup__button-back path {
fill: #003314;
}
.gc-popup-sub-text-heading p, .gc-popup-sub-text-sub-heading p, .gc-popup-sub-text-body p {
margin-bottom: 2px;
}
.gc-popup-sub-text-body.app-content-wrap p[style] {
color: #003314 !important;
}
#gc-popup___BV_modal_outer_ {
position: fixed !important;
}
.pc-popup-period-tracker__content--success svg circle {
fill: #003314 !important;
}
.pc-popup-period-tracker__content--success svg path {
fill: #FFFFFF !important;
}
@media only screen and (min-width: 992px) {
.gc-popup--with-extra-padding, .gc-popup--with-extra-padding .gc-popup__text {
padding-bottom: 40px;
}
}
.gc-popup-meal-dislike-delete__content-success {
margin-top: 4px;
}
.gc-popup-meal-dislike-delete__icon-success {
margin: auto;
display: block;
text-align: center;
}
.gc-progress-bar {
width: 100%;
height: 5px;
border-radius: 10px;
background-color: rgba(0, 51, 20, 0.6);
}
.gc-progress-bar__bar--filled {
width: 100%;
height: 5px;
border-radius: 10px;
background-color: #003314;
}
.gc-progress-bar__bar--disabled {
opacity: 0.5;
}
.gc-progress-bar__bar--warning {
background-image: repeating-linear-gradient(116deg, #003314, #e6e6e6 1px, #003314 2px, #003314 9px);
}
.gc-card-navigation {
position: relative;
z-index: 1;
width: 100%;
height: 170px;
object-fit: cover;
background-position: center !important;
background-size: cover !important;
border-radius: 10px;
box-shadow: 0px 2px 10px rgba(0, 51, 20, 0.4);
}
.gc-card-navigation .gc-header-simple {
padding: 20px 20px 0px 20px;
}
.gc-card-navigation .gc-header-simple .rc-text-content {
color: #fff;
}
.gc-card-navigation .gc-header-simple .rc-icon svg {
width: 20px;
height: 20px;
}
.gc-card-navigation .gc-header-simple .rc-icon svg path {
fill: #fff;
}
.gc-card-navigation:active {
opacity: 0.6;
}
.gc-image-background-blur.hidden-mobile, .gc-image-background-solid.hidden-mobile {
display: none;
}
@media (min-width: 768px) {
.pc-workout-list .gc-image-background-blur.hidden-mobile, .pc-workout-list .gc-image-background-solid.hidden-mobile {
display: block;
}
.gc-card-navigation {
overflow: hidden;
}
.gc-image-background-blur img {
position: absolute;
top: -10px;
left: -49px;
bottom: -10px;
right: -10px;
width: 120%;
height: 120%;
-webkit-filter: blur(6px);
-webkit-filter: blur(6px);
-moz-filter: blur(6px);
-o-filter: blur(6px);
-ms-filter: blur(6px);
filter: blur(8px);
z-index: -1;
}
.gc-image-background-solid {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.gc-image-background-solid img {
position: absolute;
left: 0;
right: 0;
margin: auto;
height: 100%;
z-index: -1;
width: auto;
}
}
@media (min-width: 992px) {
.gc-card-navigation:hover {
opacity: 0.7;
cursor: pointer;
}
}
html[dir="rtl"] .gc-card-navigation .rc-icon-forward {
transform: rotate(180deg);
}
.gc-card-food-diary-main {
background-color: #e6e6e6;
width: 100%;
height: max-content;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}
.gc-card-food-diary-main .rc-text-content {
color: #003314;
line-height: 1.5;
display: flex;
justify-content: flex-start;
}
.gc-card-food-diary-main .gc-card-food-diary-main__button-log-now, .gc-card-food-diary-main .gc-card-food-diary-main__first-time-with-header-button {
justify-content: center;
}
.gc-card-food-diary-main .rc-icon svg path {
fill: #003314;
}
.gc-card-food-diary-main .gc-card-food-diary-main__simple-header {
margin-bottom: 20px;
}
.gc-card-food-diary-main .gc-card-food-diary-main__simple-header .rc-text-content {
color: #003314 !important;
line-height: 1.5;
}
.gc-card-food-diary-main .gc-card-food-diary-main__simple-header .rc-icon svg {
width: 20px;
height: 20px;
}
.gc-card-food-diary-main .gc-card-food-diary-main__simple-header .rc-icon svg path {
fill: #003314 !important;
}
.gc-card-food-diary-main-empty {
background: transparent;
box-shadow: none;
}
.gc-card-food-diary-main-empty .gc-card-food-diary-main__first-time {
height: fit-content;
margin: 0;
}
.gc-card-food-diary-main__macro-section {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.gc-card-food-diary-main__macro-section .gc-card-food-diary-main__macro-item {
max-width: 25%;
padding-right: 5px;
}
.gc-card-food-diary-main__calories-header {
display: flex;
justify-content: space-between;
margin-bottom: 5.5px;
}
.gc-card-food-diary-main__macro-name-box {
display: flex;
align-items: center;
}
.gc-card-food-diary-main__macro-name-box .gc-card-food-diary-main__macro-name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden !important;
}
.gc-card-food-diary-main__macro-name-box .rc-icon {
margin-left: 2px;
}
.gc-card-food-diary-main__macro-name-box .rc-icon svg {
width: 10px;
height: 10px;
margin-bottom: 1px;
}
.gc-card-food-diary-main__macro-name-box .rc-icon:hover {
opacity: inherit;
cursor: initial;
}
.gc-card-food-diary-main__macro-percentage, .gc-card-food-diary-main__calories-count {
font-weight: 700;
}
.gc-card-food-diary-main__button-log-now:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-card-food-diary-main__beginning-with-header .gc-card-food-diary-main__macro-section, .gc-card-food-diary-main__beginning-with-header .gc-card-food-diary-main__calories-section, .gc-card-food-diary-main__beginning-with-header .gc-card-food-diary-main__first-time {
display: none;
}
.gc-card-food-diary-main__beginning-with-header .gc-card-food-diary-main__first-time-with-header {
display: block;
}
.gc-card-food-diary-main__first-time-with-header {
margin-bottom: 7px;
text-align: center;
}
.gc-card-food-diary-main__first-time-with-header .gc-card-food-diary-main__first-time-with-header-text {
margin-bottom: 15px;
justify-content: center;
}
.gc-card-food-diary-main__first-time-with-header .gc-card-food-diary-main__first-time-with-header-button {
margin-bottom: 5px;
justify-content: center;
}
.gc-card-food-diary-main__first-time-with-header-button {
text-decoration: underline;
font-weight: 700;
}
.gc-card-food-diary-main__first-time-with-header-button:hover {
cursor: pointer;
opacity: 0.7;
}
.gc-card-food-diary-main__button-log-now {
margin-top: 20px;
text-align: center;
}
.gc-card-food-diary-main__beginning .gc-card-food-diary-main__macro-section, .gc-card-food-diary-main__beginning .gc-card-food-diary-main__calories-section, .gc-card-food-diary-main__beginning .gc-card-food-diary-main__first-time-with-header, .gc-card-food-diary-main__beginning .gc-header-simple {
display: none;
}
.gc-card-food-diary-main__beginning .gc-card-food-diary-main__first-time {
display: block;
}
.gc-card-food-diary-main__first-time {
text-align: center;
height: 48px;
margin-top: 5px;
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.gc-card-food-diary-main__macro-percentage-wrapper, .gc-card-food-diary-main__calories-count-wrapper {
display: flex;
}
@media (min-width: 992px) {
.pc-dashboard .pc-dashboard__card-food-diary .gc-header-simple {
margin-bottom: 8px !important;
}
.gc-card-food-diary-main__calories-header {
margin-bottom: 5px !important;
}
.gc-card-food-diary-main__macro-section {
margin-bottom: 10px !important;
}
.gc-card-food-diary-main__first-time-with-header .gc-card-food-diary-main__first-time-with-header-text {
min-height: 92px;
display: flex;
flex-direction: column;
}
}
html[dir=rtl] .gc-card-food-diary-main .rc-icon-forward {
transform: rotate(180deg);
}
html[dir=rtl] .gc-card-food-diary-main .gc-card-food-diary-main__warning-icon {
margin-right: 2px;
margin-left: 0;
}
.gc-header-page {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
padding: calc(15px + env(safe-area-inset-top)) 20px 15px;
min-height: calc(85px + env(safe-area-inset-top));
background-color: #003314;
color: #FFFFFF;
}
.gc-header-page .gc-header__section-left, .gc-header-page .gc-header__section-right {
min-width: 25px;
}
.gc-header-page .gc-header__section-center {
padding-left: 18px;
padding-right: 18px;
}
.gc-header-page svg path {
fill: #FFFFFF;
}
.gc-header-page .gc-header__title--small {
font-size: 18px;
font-weight: 700;
}
.gc-page-image-cover .gc-header-page svg path {
fill: #FFFFFF;
}
/* without sub title */
.gc-header-page__title-sm.gc-header-page--without-sub-title .gc-header__title .rc-text-content {
font-size: 18px;
}
.gc-header-page__title-sm.gc-header-page--without-sub-title .gc-header__sub-title {
display: none;
}
/* transparent header */
.gc-header-page.gc-header-page--transparent {
background-color: transparent;
}
.gc-header-page--top-fixed {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 10;
}
.gc-page--with-side-bar .gc-header-page--top-fixed {
margin-left: 260px;
}
.pc-dashboard-creator-editor .gc-header__section-left {
margin-left: env(safe-area-inset-left);
}
.gc-header__section-right {
padding-right: env(safe-area-inset-right);
}
.gc-header__section-right--without-bottom-bar {
display: flex;
gap: 20px;
flex-direction: row-reverse;
}
.gc-header-page__with-bottom-nav .slideout-panel--button {
visibility: hidden;
}
.gc-header-page__with-bottom-nav .gc-header__section-right--two-icons {
display: flex;
align-items: center;
justify-content: center;
align-content: center;
}
.gc-header-page__with-bottom-nav .gc-header__section-right--two-icons .rc-icon {
margin-left: 10px;
}
/* notch */
.inside-native-app .pc-dashboard--creator .pc-dashboard__nav-bar-header:not(.pc-dashboard__nav-bar-header--with-notification-bar) {
margin-top: calc(env(safe-area-inset-top) * -1);
padding-top: calc(env(safe-area-inset-top) * 2);
}
.inside-native-app .gc-header-page {
margin-top: calc(env(safe-area-inset-top) * -1);
padding-top: calc(env(safe-area-inset-top) + 15px);
padding-left: calc(env(safe-area-inset-left) + 20px);
padding-right: calc(env(safe-area-inset-right) + 20px);
}
.inside-native-app .gc-header-page__title-sm.gc-header-page--without-sub-title {
padding-top: calc(env(safe-area-inset-top) + 15px);
}
.inside-native-app .gc-header-page--top-fixed {
top: calc(env(safe-area-inset-top) + 0);
}
@media (min-width: 992px) {
.gc-header-page {
padding: 8px 40px;
min-height: calc(67px + env(safe-area-inset-top));
}
.gc-header__right-icon-info-bulb svg {
width: 32px;
height: 32px;
}
.gc-page-image-cover.gc-page-image-cover--with-side-bar .gc-header-page {
background-color: transparent;
z-index: 1;
}
}
html[dir="rtl"] .gc-header__left-icon-backward {
transform: rotate(180deg);
}
html[dir="rtl"] .gc-header__right-icon-send {
transform: matrix(-1, 0, 0, 1, 0, 0);
}
html[dir="rtl"] .gc-page--with-side-bar .gc-header-page--top-fixed {
margin-right: 260px;
margin-left: 0;
}
html[dir="rtl"] .gc-header__section-right--without-bottom-bar {
padding-left: env(safe-area-inset-left);
}
html[dir="rtl"] .gc-page-secondary .gc-header-page__with-bottom-nav {
position: relative;
}
#app.gc-app {
padding-top: 0 !important;
}
.theme-2 {
background-color: white;
}
.gc-page {
overflow-x: hidden;
min-height: 100vh;
}
.gc-page__container {
padding: 24px 20px 20px;
}
.inside-native-app .gc-page {
padding-top: env(safe-area-inset-top);
}
.inside-native-app .gc-page__container {
padding-left: calc(env(safe-area-inset-left) + 20px);
padding-right: calc(env(safe-area-inset-right) + 20px);
}
.gc-page-form, .gc-page-secondary {
background-color: #f7e3ce;
color: #003314;
}
.gc-page-form .gc-text-area .gc-text-area__text-area {
color: #003314;
background-color: #f7e3ce;
border-color: #003314;
}
.gc-page-form .gc-text-area .gc-text-area__text-area::placeholder {
color: #003314;
}
.page-fade-enter-active, .page-fade-leave-active {
transition: opacity 0.3s ease;
}
.page-fade-enter-from, .page-fade-leave-to {
opacity: 0;
}
.slide-fade-enter-active {
transition: all 0.3s ease-out;
}
.slide-fade-leave-active {
transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter-from, .slide-fade-leave-to {
transform: translateX(20px);
opacity: 0;
}
.rc-text-content a {
color: #012CFF;
}
.gc-page-image-cover {
position: relative;
}
.gc-page-image-cover .gc-page__content {
min-height: calc(100vh - 97px - env(safe-area-inset-top));
}
.gc-page-image-cover .gc-header-page {
position: absolute;
top: env(safe-area-inset-top);
left: 0;
right: 0;
z-index: 10;
}
.gc-page-image-cover .gc-page-image-cover__background-image {
margin-top: calc(0px - env(safe-area-inset-top)) !important;
}
.gc-page-image-cover .gc-page-image-cover-header-empty-gap {
min-height: calc(97px + env(safe-area-inset-top));
}
@media screen and (min-width: 768px) {
.gc-page__container {
padding-top: 36px;
}
.gc-page .gc-page-image-cover__background-image {
object-position: center center;
background-position: center center;
overflow-x: hidden;
}
}
.gc-page .gc-navigator-side-menu {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 260px;
overflow-y: scroll;
overflow-x: hidden;
}
@media (min-width: 992px) {
.gc-page-image-cover {
background-color: #f7e3ce !important;
}
.gc-page .gc-sidebar {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 260px;
overflow-y: scroll;
overflow-x: hidden;
}
.gc-page--with-side-bar {
margin-left: 260px;
}
.gc-page-image-cover--with-side-bar {
padding-top: calc($desktop-header-heigh + env(safe-area-inset-top));
}
.gc-page-image-cover--with-side-bar .gc-page-image-cover-header-empty-gap {
display: none;
}
.gc-page-image-cover .gc-page-image-cover-featured-image {
object-fit: cover;
object-position: center top;
min-height: 100vh;
height: 100%;
overflow-x: hidden;
}
html[dir=rtl] .gc-page .gc-sidebar {
left: initial;
right: 0;
}
html[dir=rtl] .gc-page--with-side-bar {
margin-right: 260px;
margin-left: initial;
}
}
@media (min-width: 992px) {
.pc-progress-start .gc-page__container, .pc-progress-thank-you .gc-page__container, .pc-subscription-start .gc-page__container, .pc-subscription-finish .gc-page__container {
max-width: 536px;
margin: auto;
}
.gc-page-form .gc-page__container {
max-width: 536px;
margin: auto;
}
.gc-page-form.gc-page-body-fat .gc-page__container {
max-width: inherit;
}
.gc-page-image-cover .gc-page__content {
padding-top: 67px !important;
padding-left: 20px;
padding-right: 20px;
}
.gc-page-form .gc-page__content {
height: 100vh;
overflow-x: hidden;
}
.gc-page-form__image-side {
height: 100vh;
overflow-x: hidden;
object-position: center top;
}
}
.gc-page-fixed-footer__fixed-area {
position: fixed;
padding-bottom: calc(40px + env(safe-area-inset-bottom));
padding-left: 20px;
padding-right: 20px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
}
.gc-page--with-side-bar .gc-page-fixed-footer--fixed .gc-page-fixed-footer__fixed-area {
padding-left: 280px;
}
.gc-page-fixed-footer--unfixed {
margin-top: 48px;
}
.gc-page-fixed-footer--unfixed .gc-page-fixed-footer__fixed-area {
position: initial;
display: flex;
justify-content: center;
}
.gc-page-fixed-footer--unfixed .gc-page-fixed-footer__fixed-area .rc-button {
min-width: 335px;
}
@media (min-width: 768px) {
.gc-page-fixed-footer--unfixed .gc-page-fixed-footer__fixed-area .rc-button {
width: initial;
}
}
html[dir=rtl] .gc-page--with-side-bar .gc-page-fixed-footer--fixed .gc-page-fixed-footer__fixed-area {
padding-left: 0;
padding-right: 280px;
}
.gc-page-image-cover__background-image {
min-height: 100%;
top: 0;
left: 0;
z-index: -1;
background-repeat: no-repeat;
background-color: #000000;
width: 100%;
height: 100%;
position: absolute;
/* max-height: 856px; */
margin-top: 0 !important;
background-position: center top;
background-size: cover;
}
.gc-page-image-cover__background-image::after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.25);
}
.gc-page-member-connect .gc-button-custom {
margin: auto;
border: 1px solid #003314;
background: transparent;
}
.gc-page-member-connect .gc-button-custom .rc-text-content {
font-size: 14px;
line-height: 1.5;
color: #003314;
}
.gc-page-meal-plan-paired__connected-text {
text-align: center;
color: #003314;
margin-bottom: 8px;
}
.gc-page-meal-plan-paired__meal-selection {
margin-top: 40px;
}
.gc-page-meal-plan-paired__meal-selection-title {
text-align: center;
color: #003314;
margin-bottom: 24px;
}
.gc-page-meal-plan-paired__check-box-input {
display: flex;
justify-content: center;
margin-bottom: 16px;
}
.gc-page-meal-plan-paired__check-box-input .gc-input-checkbox-squared {
border-color: #003314;
width: 20px;
height: 20px;
}
.gc-page-meal-plan-paired__check-box-input-label {
color: #003314;
margin: 0px;
margin-left: 12px;
font-size: 14px;
line-height: 1.5;
width: 45px;
text-align: left;
}
html[dir=rtl] .gc-page-meal-plan-paired__check-box-input-label {
margin-left: 0px;
margin-right: 12px;
text-align: right;
}
.gc-page-meal-plan-connected__connected-text {
text-align: center;
color: #003314;
margin-bottom: 12px;
}
.gc-page-meal-plan-connected__alert {
margin-top: 28px;
text-align: center;
}
html[dir=rtl] .gc-page-meal-plan-connected__alert {
text-align: center;
}
.gc-page-weight__header, .gc-page-height__header, .gc-page-gender__header, .gc-page-birthday__header, .gc-page-unit-pref__header, .gc-page-activity-level__header, .gc-page-body-fat__header, .gc-page-meal-category__header, .gc-page-dietary-goal__header, .gc-page-member-connect__header, .gc-page-meal-plan-paired__header, .gc-page-meal-plan-connected__header {
color: #003314;
margin-top: 36px;
margin-bottom: 50px;
}
.gc-page-weight__title, .gc-page-height__title, .gc-page-gender__title, .gc-page-birthday__title, .gc-page-unit-pref__title, .gc-page-activity-level__title, .gc-page-body-fat__title, .gc-page-meal-category__title, .gc-page-dietary-goal__title, .gc-page-member-connect__title, .gc-page-meal-plan-paired__title, .gc-page-meal-plan-connected__title {
margin-bottom: 8px;
}
.gc-page-weight__footer, .gc-page-height__footer, .gc-page-gender__footer, .gc-page-birthday__footer, .gc-page-unit-pref__footer, .gc-page-activity-level__footer, .gc-page-body-fat__footer, .gc-page-meal-category__footer, .gc-page-dietary-goal__footer, .gc-page-member-connect__footer, .gc-page-meal-plan-paired__footer, .gc-page-meal-plan-connected__footer {
display: flex;
flex-direction: column;
justify-content: center;
}
.gc-page-weight__button-back, .gc-page-height__button-back, .gc-page-gender__button-back, .gc-page-birthday__button-back, .gc-page-unit-pref__button-back, .gc-page-activity-level__button-back, .gc-page-body-fat__button-back, .gc-page-meal-category__button-back, .gc-page-dietary-goal__button-back, .gc-page-member-connect__button-back, .gc-page-meal-plan-paired__button-back, .gc-page-meal-plan-connected__button-back {
color: #003314;
}
.gc-page-weight input::-webkit-input-placeholder, .gc-page-height input::-webkit-input-placeholder, .gc-page-gender input::-webkit-input-placeholder, .gc-page-birthday input::-webkit-input-placeholder, .gc-page-unit-pref input::-webkit-input-placeholder, .gc-page-activity-level input::-webkit-input-placeholder, .gc-page-body-fat input::-webkit-input-placeholder, .gc-page-meal-category input::-webkit-input-placeholder, .gc-page-dietary-goal input::-webkit-input-placeholder, .gc-page-member-connect input::-webkit-input-placeholder, .gc-page-meal-plan-paired input::-webkit-input-placeholder, .gc-page-meal-plan-connected input::-webkit-input-placeholder {
color: #003314 !important;
opacity: 0.5 !important;
}
.gc-page-weight input::-moz-placeholder, .gc-page-height input::-moz-placeholder, .gc-page-gender input::-moz-placeholder, .gc-page-birthday input::-moz-placeholder, .gc-page-unit-pref input::-moz-placeholder, .gc-page-activity-level input::-moz-placeholder, .gc-page-body-fat input::-moz-placeholder, .gc-page-meal-category input::-moz-placeholder, .gc-page-dietary-goal input::-moz-placeholder, .gc-page-member-connect input::-moz-placeholder, .gc-page-meal-plan-paired input::-moz-placeholder, .gc-page-meal-plan-connected input::-moz-placeholder {
color: #003314 !important;
opacity: 0.5 !important;
}
.gc-page-weight input::-ms-placeholder, .gc-page-height input::-ms-placeholder, .gc-page-gender input::-ms-placeholder, .gc-page-birthday input::-ms-placeholder, .gc-page-unit-pref input::-ms-placeholder, .gc-page-activity-level input::-ms-placeholder, .gc-page-body-fat input::-ms-placeholder, .gc-page-meal-category input::-ms-placeholder, .gc-page-dietary-goal input::-ms-placeholder, .gc-page-member-connect input::-ms-placeholder, .gc-page-meal-plan-paired input::-ms-placeholder, .gc-page-meal-plan-connected input::-ms-placeholder {
color: #003314 !important;
opacity: 0.5 !important;
}
.gc-page-weight input::placeholder, .gc-page-height input::placeholder, .gc-page-gender input::placeholder, .gc-page-birthday input::placeholder, .gc-page-unit-pref input::placeholder, .gc-page-activity-level input::placeholder, .gc-page-body-fat input::placeholder, .gc-page-meal-category input::placeholder, .gc-page-dietary-goal input::placeholder, .gc-page-member-connect input::placeholder, .gc-page-meal-plan-paired input::placeholder, .gc-page-meal-plan-connected input::placeholder {
color: #003314 !important;
opacity: 0.5 !important;
}
.gc-page-form-footer {
padding: 0 20px 35px;
}
.gc-page-form-footer__submit-button {
margin-bottom: 22px;
}
.gc-page-form-footer__link {
color: #003314;
}
.gc-page-form-footer__link:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-page-gender__input:first-of-type {
margin-bottom: 15px;
}
.gc-page-gender__input:last-of-type {
margin-bottom: 12px;
}
.gc-page-gender__header {
position: relative;
}
.gc-page-gender__header .gc-page-gender__header-wrap-info-button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
height: 24px;
}
.gc-page-gender__header .gc-page-gender__header-info-button svg {
width: 24px;
height: 24px;
}
.gc-page-gender__header .gc-page-gender__header-info-button svg path {
fill: var(--text-primary-on-bg);
}
.gc-page-birthday__form-input-date {
margin-bottom: 12px;
}
.gc-page-birthday .ma-form__input {
padding: 14px 15px;
}
.gc-page-birthday .ma-form__input:hover {
opacity: 0.7;
cursor: pointer;
border: unset;
border: 1px solid #003314;
}
.gc-page-birthday .gc-text-input .gc-text-input__input {
padding: 14px 15px;
}
.gc-page-birthday .ma-form__input {
height: 57px;
padding: 14px 15px;
}
.gc-page-activity-level__sub-title {
border-bottom: 1px solid;
margin: auto;
display: table;
}
.gc-page-activity-level__info-link {
display: flex;
align-items: center;
}
.gc-page-activity-level__info-button {
margin-left: 5px;
}
.gc-page-activity-level .rc-icon-info svg {
display: block;
}
.gc-page-activity-level .rc-icon-info svg path {
fill: #003314;
}
.gc-page-activity-level__header, .gc-page-dietary-goal__header {
margin-bottom: 35px !important;
}
.gc-page-activity-level__input, .gc-page-dietary-goal__input {
margin-top: 15px;
}
.gc-page-body-fat .gc-carousel-body-fat .gc-carousel-body-fat-slick .gc-carousel-body-fat-slick__description {
margin-top: 12px;
}
.gc-page-body-fat__slider {
margin: 0 -20px;
margin-bottom: 20px;
}
.gc-page-body-fat__popup-description {
margin-bottom: 15px;
text-decoration: underline;
color: #003314;
}
.gc-page-body-fat .gc-carousel-body-fat .slick-slide {
margin-right: 24px;
}
.gc-page-body-fat .gc-input-number-spinner__input-wrap {
margin-left: 20px !important;
margin-right: 20px !important;
}
.gc-page-body-fat .rc-icon-increase svg path {
fill: #003314;
}
.gc-page-body-fat .rc-icon-decrease svg path {
fill: #003314;
}
.gc-page-unit-pref__measurement-info {
margin-bottom: 80px;
}
.gc-page-unit-pref__measurement-info p {
color: #003314;
}
.gc-page-unit-pref__measurement-info hr {
margin-top: 20px !important;
margin-bottom: 20px !important;
background-color: #003314;
}
.gc-page-unit-pref__measurement-system {
display: flex;
flex-direction: row;
margin-bottom: 80px;
}
.gc-page-unit-pref__input {
width: 100%;
margin-bottom: 32px;
}
.gc-page-unit-pref__input--imperial {
margin-right: 8px;
}
.gc-page-unit-pref__input--metric {
margin-left: 8px;
}
.gc-page-meal-category__input {
margin-right: -20px;
margin-left: -20px;
margin-bottom: 12px;
}
.gc-page-meal-category .gc-input-meal-category .slick-list {
padding-left: 1px !important;
}
.gc-page-meal-category .gc-input-meal-category .slick-slide {
width: 250px !important;
}
.gc-page-progress-form__input-error {
color: #FB3865;
margin-top: 12px;
}
.unit-pref-error-msg {
margin-top: -80px;
}
.activity-level-error-msg, .dietary-goal-error-msg {
margin-top: 12px;
}
.gc-input-meal-category__grid-col {
max-width: max-content;
padding: 12px;
}
.gc-input-meal-category__grid-col .gc-input-meal-category-card {
margin: auto;
height: 258px;
width: 258px;
}
@media (min-width: 992px) {
.gc-page-form input::-webkit-outer-spin-button, .gc-page-form input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.gc-page-form input[type="number"] {
-moz-appearance: textfield;
}
.gc-page-meal-category__input {
padding: 18px;
}
.gc-input-meal-category__grid-col .gc-input-meal-category-card {
height: 240px;
width: 240px;
}
}
html[dir="rtl"] .gc-page-meal-category {
overflow: hidden;
}
@media (max-width: 768px) {
html[dir="rtl"] .gc-page-meal-category__input {
margin-right: -160px;
margin-left: -100px;
}
}
html[dir="rtl"] .gc-page-unit-pref__input--imperial {
margin-right: 0px;
margin-left: 8px;
}
html[dir="rtl"] .gc-page-unit-pref__input--metric {
margin-left: 0px;
margin-right: 8px;
}
html[dir="rtl"] .gc-page-activity-level__info-button {
margin-left: 0;
margin-right: 5px;
}
@media (min-width: 992px) {
html[dir="rtl"] .gc-page-meal-category__input {
margin-right: -20px;
margin-left: -20px;
}
html[dir="rtl"] .gc-input-number-spinner__input {
padding: 15px 20px 15px 30px;
}
}
html[dir="rtl"] .gc-page-gender__header .gc-page-gender__header-wrap-info-button {
right: initial;
left: 0;
}
@media (max-width: 320px) {
.gc-page-meal-category__input .gc-input-meal-category-card {
margin-left: 20px;
}
}
.gc-page-custom-field__header {
color: #003314;
margin-top: 36px;
margin-bottom: 50px;
}
.gc-page-experience-level__header-wrapper, .gc-page-exercise-location-preference__header-wrapper, .gc-page-injuries__header-wrapper, .gc-page-vegetarian-days__header-wrapper, .gc-page-meals-per-day__header-wrapper, .gc-page-preferred-meals__header-wrapper, .gc-page-disliking__header-wrapper, .gc-page-workouts__header-wrapper, .gc-page-add-photos__header-wrapper, .gc-page-recommended-habits__header-wrapper {
margin-top: 36px;
margin-bottom: 50px;
text-align: center;
color: #003314;
}
.gc-page-experience-level__title, .gc-page-exercise-location-preference__title, .gc-page-injuries__title, .gc-page-vegetarian-days__title, .gc-page-meals-per-day__title, .gc-page-preferred-meals__title, .gc-page-disliking__title, .gc-page-workouts__title, .gc-page-add-photos__title, .gc-page-recommended-habits__title {
margin-bottom: 8px;
}
.gc-page-experience-level__button-back, .gc-page-exercise-location-preference__button-back, .gc-page-injuries__button-back, .gc-page-vegetarian-days__button-back, .gc-page-meals-per-day__button-back, .gc-page-preferred-meals__button-back, .gc-page-disliking__button-back, .gc-page-workouts__button-back, .gc-page-add-photos__button-back, .gc-page-recommended-habits__button-back {
padding: 22px 0 38px 0;
text-align: center;
}
.gc-page-experience-level__error-message, .gc-page-exercise-location-preference__error-message, .gc-page-injuries__error-message, .gc-page-vegetarian-days__error-message, .gc-page-meals-per-day__error-message, .gc-page-preferred-meals__error-message, .gc-page-disliking__error-message, .gc-page-workouts__error-message, .gc-page-add-photos__error-message, .gc-page-recommended-habits__error-message {
color: #FB3865;
text-align: center;
margin-top: 12px;
flex: 100%;
}
@media (max-width: 991px) {
.gc-page-experience-level .gc-page-form-footer, .gc-page-exercise-location-preference .gc-page-form-footer, .gc-page-injuries .gc-page-form-footer, .gc-page-vegetarian-days .gc-page-form-footer, .gc-page-meals-per-day .gc-page-form-footer, .gc-page-preferred-meals .gc-page-form-footer, .gc-page-disliking .gc-page-form-footer, .gc-page-workouts .gc-page-form-footer, .gc-page-add-photos .gc-page-form-footer, .gc-page-recommended-habits .gc-page-form-footer {
padding: 0 20px 35px 20px;
padding-top: 0 !important;
padding-bottom: 35px !important;
}
.gc-page-experience-level .gc-page-form-footer__link, .gc-page-exercise-location-preference .gc-page-form-footer__link, .gc-page-injuries .gc-page-form-footer__link, .gc-page-vegetarian-days .gc-page-form-footer__link, .gc-page-meals-per-day .gc-page-form-footer__link, .gc-page-preferred-meals .gc-page-form-footer__link, .gc-page-disliking .gc-page-form-footer__link, .gc-page-workouts .gc-page-form-footer__link, .gc-page-add-photos .gc-page-form-footer__link, .gc-page-recommended-habits .gc-page-form-footer__link {
color: #003314;
}
.gc-page-experience-level .gc-page-form-footer__submit-button, .gc-page-exercise-location-preference .gc-page-form-footer__submit-button, .gc-page-injuries .gc-page-form-footer__submit-button, .gc-page-vegetarian-days .gc-page-form-footer__submit-button, .gc-page-meals-per-day .gc-page-form-footer__submit-button, .gc-page-preferred-meals .gc-page-form-footer__submit-button, .gc-page-disliking .gc-page-form-footer__submit-button, .gc-page-workouts .gc-page-form-footer__submit-button, .gc-page-add-photos .gc-page-form-footer__submit-button, .gc-page-recommended-habits .gc-page-form-footer__submit-button {
margin-bottom: 22px;
}
}
@media (max-width: 991px) {
.gc-page-add-photos .gc-page-form-footer {
position: relative;
padding: 0 20px 35px 20px;
padding-top: 0 !important;
padding-bottom: 35px !important;
}
}
@media only screen and (min-width: 992px) {
.pc-progress-thank-you {
position: relative;
}
.pc-progress-start .gc-page__container .pc-progress-start__card-feature-box, .pc-subscription-start .gc-page__container .pc-subscription-start__card-feature-box, .pc-subscription-finish .gc-page__container .pc-subscription-finish__card-feature-box {
margin-top: -40px !important;
}
.pc-progress-start .gc-page__container, .pc-progress-thank-you .gc-page__container, .pc-subscription-start .gc-page__container, .pc-subscription-finish .gc-page__container {
padding: 0 !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: fit-content;
padding-left: 20px !important;
padding-right: 20px !important;
}
.pc-progress-start .gc-page-image-cover-featured-image, .pc-progress-thank-you .gc-page-image-cover-featured-image, .pc-subscription-start .gc-page-image-cover-featured-image, .pc-subscription-finish .gc-page-image-cover-featured-image {
height: 100vh !important;
}
.gc-page-recommended-habits .gc-page-form-footer__submit-button {
width: 220px;
}
}
.gc-page-experience-level .gc-page-experience-level__input {
margin-bottom: 0;
}
.gc-page-experience-level .gc-page-experience-level__input:not(:first-child) {
margin-top: 15px;
}
.gc-page-exercise-location-preference .gc-page-exercise-location-preference__input {
margin-bottom: 0;
}
.gc-page-exercise-location-preference .gc-page-exercise-location-preference__input:not(:first-child) {
margin-top: 15px;
}
.gc-page-vegetarian-days .gc-page-vegetarian-days__input {
margin-bottom: 0;
width: 37.5%;
margin-top: 15px;
}
.gc-page-vegetarian-days .gc-page-vegetarian-days__input:nth-child(odd) {
margin-right: 15px;
}
.gc-page-vegetarian-days .gc-page-vegetarian-days__input:nth-child(1), .gc-page-vegetarian-days .gc-page-vegetarian-days__input:nth-child(2) {
margin-top: 0px;
}
.gc-page-vegetarian-days .gc-page-vegetarian-days__input-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
html[dir=rtl] .gc-page-vegetarian-days .gc-page-vegetarian-days__input:nth-child(odd) {
margin-right: 0px;
margin-left: 15px;
}
.gc-page-meals-per-day .gc-page-meals-per-day__input {
margin-bottom: 0;
margin-top: 15px;
}
.gc-page-meals-per-day .gc-page-meals-per-day__input-wrapper {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
html[dir=rtl] .gc-page-meals-per-day .gc-page-meals-per-day__input:nth-child(odd) {
margin-right: 0px;
margin-left: 15px;
}
.gc-page-workouts .gc-page-workouts__header-wrapper {
position: relative;
height: 245px;
margin-top: 0;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 66px;
color: #FFFFFF;
}
.gc-page-workouts .gc-page-workouts__header-wrapper .rc-text-content {
z-index: 1;
}
.gc-page-workouts .gc-page-workouts__header-wrapper .gc-page-workouts__title-no-image {
color: #003314;
}
.gc-page-workouts .gc-page-workouts__header-wrapper .gc-page-workouts__header-wrapper--image {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.gc-page-workouts .gc-page-workouts__header-wrapper .gc-page-workouts__header-wrapper--image img {
height: 245px;
object-fit: cover;
}
.gc-page-workouts .gc-page-workouts__input-dropdown-label {
color: #003314;
margin-bottom: 8px;
margin-top: 30px;
}
.gc-page-workouts .gc-page-workouts__input-workout-count {
margin-top: 25px;
text-align: center;
color: #003314;
}
.gc-page-workouts .gc-page-workouts__input-dropdown {
padding-top: 0;
}
@media only screen and (min-width: 992px) {
.gc-page-workouts .gc-page-workouts__header-wrapper {
height: 220px;
max-width: 536px;
margin: auto;
border-radius: 10px;
margin-top: 100px;
margin-bottom: 32px;
}
.gc-page-workouts .gc-page-workouts__header-wrapper .gc-page-workouts__header-wrapper--image img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px;
}
.gc-page-workouts .gc-page-workouts__header-wrapper .gc-page-workouts__header-wrapper--image {
bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
}
html[dir=rtl] .gc-page-workouts .gc-page-workouts__input-dropdown-label {
text-align: right;
}
.gc-page-add-photos {
color: #003314;
}
.gc-page-add-photos .gc-page-add-photos__inputs-wrapper {
display: flex;
justify-content: space-between;
}
.gc-page-add-photos .gc-page-add-photos__inputs-wrapper .gc-page-add-photos__input-wrapper {
width: 30%;
}
.gc-page-add-photos .gc-page-add-photos__inputs-wrapper .gc-page-add-photos__input-wrapper .gc-page-add-photos__label {
text-align: center;
margin-bottom: 4px;
color: #003314;
}
.gc-page-add-photos .gc-page-add-photos__private-check {
display: flex;
flex-direction: row;
margin-top: 16px;
color: #003314;
}
.gc-page-add-photos .gc-page-add-photos__private-check .gc-page-add-photos__private-check-input {
margin-right: 12px;
}
.gc-page-add-photos .gc-page-add-photos__private-check .gc-page-add-photos__private-check-input .gc-input-radio-button-squared {
width: 16px;
height: 16px;
border-color: #003314;
}
.gc-page-add-photos .gc-page-add-photos__private-check .gc-input-radio-button-squared:active {
border-color: #003314;
}
.gc-page-add-photos .gc-page-add-photos__private-check .gc-input-radio-button-squared--selected {
border-color: #003314;
}
.gc-page-add-photos .gc-page-add-photos__private-check .gc-page-add-photos__private-check-text {
margin-bottom: 12px;
color: #003314;
}
.gc-page-add-photos .gc-page-add-photos__private-check .gc-page-add-photos__helper-only-you {
color: #FB3865;
margin-top: 12px;
}
.gc-page-add-photos .gc-page-add-photos__private-check .gc-page-add-photos__helper-team {
color: #003314;
margin-top: 12px;
}
.gc-page-add-photos .gc-page-add-photos__upload-later {
margin-top: 36px;
}
.gc-page-add-photos .gc-page-add-photos__upload-later .rc-button {
margin: 0;
text-align: center;
}
.gc-page-add-photos .gc-page-add-photos__footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
padding: 0 20px 78px 20px;
}
html[dir="rtl"] .gc-page-add-photos .gc-page-add-photos__private-check .gc-page-add-photos__private-check-input {
margin-right: 0px;
margin-left: 12px;
}
html[dir="rtl"] .gc-page-add-photos .gc-page-add-photos__private-check-text, html[dir="rtl"] .gc-page-add-photos .gc-page-add-photos__helper-only-you, html[dir="rtl"] .gc-page-add-photos .gc-page-add-photos__helper-team {
text-align: right;
}
@media screen and (max-height: 1000px) {
.gc-page-disliking .gc-page__container {
min-height: 790px;
}
}
@media screen and (max-height: 900px) {
.gc-page-disliking .gc-page__container {
min-height: 770px;
}
}
@media screen and (max-height: 900px) {
.gc-page-disliking .gc-page__container {
min-height: 770px;
}
}
@media screen and (max-height: 860px) {
.gc-page-disliking .gc-page__container {
min-height: 690px;
}
}
@media screen and (max-height: 750px) {
.gc-page-disliking .gc-page__container {
min-height: 594px;
}
}
@media screen and (max-height: 680px) {
.gc-page-disliking .gc-page__container {
min-height: 520px;
}
}
@media screen and (max-height: 580px) {
.gc-page-disliking .gc-page__container {
min-height: 455px;
}
}
.gc-page-connect-wearables .gc-page-connect-wearables__description {
margin-bottom: 24px;
}
.gc-page-connect-wearables .gc-page-connect-wearables__button {
padding: 16px;
background: #f7e3ce;
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 12px;
}
.gc-page-connect-wearables .gc-page-connect-wearables__button .rc-text-content {
color: #003314;
}
.gc-page-connect-wearables .gc-page-connect-wearables__button .gc-button-primary-forward__text {
color: #003314;
}
.gc-page-connect-wearables .gc-page-connect-wearables__button svg path {
fill: #003314;
}
.gc-page-connect-wearables .gc-page-connect-wearables__button .rc-image {
width: 36px;
height: 36px;
margin-right: 16px;
border-radius: 50px;
}
.gc-page-connect-wearables .gc-page-connect-wearables__button__connected .rc-text-content {
color: #003314;
font-weight: 700;
}
.gc-page-connect-wearables .gc-page-connect-wearables__button__connected .gc-button-primary-forward__text {
color: #003314;
}
.gc-page-connect-wearables .gc-page-connect-wearables__native-links {
border-bottom: 1px solid #003314;
padding-bottom: 12px;
margin-bottom: 24px;
}
.gc-page-connect-wearables .gc-page-connect-wearables__native-links__description {
color: #003314;
}
.pc-wearable-skeleton .pc-wearable-skeleton__link-first {
margin-bottom: 40px;
}
.pc-wearable-skeleton .pc-wearable-skeleton__section-one {
margin-top: 20px;
margin-bottom: 20px;
}
.pc-wearable-skeleton .pc-wearable-skeleton__link {
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 10px;
}
.pc-wearable-skeleton .pc-wearable-skeleton__link-section-one {
display: flex;
gap: 20px;
}
.pc-wearable-skeleton .pc-wearable-skeleton__link-section-one .gc-placeholder {
margin-bottom: 8px;
}
.gc-page-meal-category .gc-page-meal-category__content {
margin: 0;
}
.gc-page-meal-category .gc-input-meal-category .slick-track {
margin-left: 10px;
}
.gc-page-member-connected-section__description {
text-align: center;
margin-bottom: 20px;
}
.gc-page-member-connected-section__alert {
margin-top: 28px;
text-align: center;
}
html[dir=rtl] .gc-page-member-connected-section__alert {
text-align: center;
}
.gc-page-member-connect-input__description {
text-align: center;
margin-bottom: 20px;
color: #003314;
}
.gc-page-member-connect-input__alert {
margin-top: 28px;
text-align: center;
}
html[dir=rtl] .gc-page-member-connect-input__alert {
text-align: center;
}
.gc-banner-image {
background-color: #ccc;
height: 300px;
position: relative;
overflow: hidden;
}
.gc-banner-image .gc-banner-image__image--blur {
position: absolute;
top: -10px;
left: -49px;
bottom: -10px;
right: -10px;
width: 120%;
height: 120%;
-webkit-filter: blur(4px);
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
}
.gc-banner-image .gc-banner-image__image--blur-warp::after {
position: absolute;
content: " ";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
.gc-banner-image .gc-banner-image__image-on-top {
position: absolute;
height: 300px;
width: auto;
left: 0;
right: 0;
margin: auto;
}
.gc-banner-image .gc-banner-image__image .gc-banner-image__content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: block;
width: fit-content;
height: fit-content;
}
.gc-banner-image:hover {
cursor: pointer;
}
@media (max-width: 992px) {
.gc-banner-image, .gc-banner-image__image-on-top {
height: 260px;
}
.gc-banner-image .gc-banner-image__image-on-top {
width: 100%;
height: 260px;
object-fit: contain;
}
}
.pc-dashboard-skeleton {
top: 0;
height: 100vh;
background-size: 70px 70px;
width: 100%;
position: fixed;
background-position: center;
background-repeat: no-repeat;
background-color: var(--bg-homePages);
z-index: 99999;
}
.pc-dashboard-skeleton .pc-dashboard-skeleton-desktop {
display: none;
}
.pc-dashboard-skeleton .pc-dashboard-skeleton__banner-section {
margin-bottom: 20px;
}
.pc-dashboard-skeleton .pc-dashboard-skeleton__first-section {
margin-bottom: 20px;
}
.pc-dashboard-skeleton .pc-dashboard-skeleton__first-section .gc-placeholder {
margin-bottom: 4px;
}
.pc-dashboard-skeleton .pc-dashboard-skeleton__second-section {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.pc-dashboard-skeleton .pc-dashboard-skeleton-wrap {
display: flex;
}
.pc-dashboard-skeleton .pc-dashboard-skeleton-desktop, .pc-dashboard-skeleton .pc-dashboard-skeleton-desktop-mobile {
display: inline-block;
}
.pc-dashboard-skeleton .pc-dashboard-skeleton-desktop {
width: 30%;
}
.pc-dashboard-skeleton .pc-dashboard-skeleton-desktop-mobile {
width: 70%;
max-width: 1110px;
margin-right: auto;
margin-left: auto;
}
.pc-dashboard-skeleton .pc-dashboard-skeleton__banner-section {
margin: 20px;
}
.pc-dashboard-skeleton .pc-dashboard-skeleton__banner-section .gc-placeholder {
border-radius: 20px !important;
}
}
.pc-page-workout-program-skeleton .card-list {
gap: 32px;
}
@media (min-width: 992px) {
.pc-page-workout-program-skeleton .pc-workout-program__container__top {
margin-top: 32px !important;
}
}
.gc-popup-dynamic-message .gc-popup__dialog {
width: auto;
border-radius: 14px;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__button-close {
transition: all 200ms;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__head {
position: absolute;
right: -45px;
top: -80px;
z-index: 2;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup-dynamic-message__featured-image {
width: 92px;
height: 92px;
margin: auto;
border-radius: 50%;
overflow: hidden;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup-dynamic-message__featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup-dynamic-message__featured-image::before {
content: "";
background-color: #003314;
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
z-index: -1;
top: -4px;
left: -4px;
right: 0;
margin: auto;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__title {
min-height: 20px;
padding-bottom: 0;
position: absolute;
left: -10px;
top: -10px;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content {
height: 582px;
min-height: 574px;
width: 315px;
border-radius: 14px;
margin: auto;
padding: 30px;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup__body-content {
padding: 0;
height: 415px !important;
margin-top: 30px;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup-sub-text-body.gc-popup-dynamic-message__description {
height: 376px;
overflow: auto;
scrollbar-gutter: stable both-edges;
overflow-x: hidden;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup-sub-text-body.gc-popup-dynamic-message__description .rc-text-content {
word-break: break-word;
padding: 0px 3px;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content::before {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 100%;
top: 0;
border-radius: 14px;
display: block;
background-color: #f7e3ce;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__body-content {
overflow: hidden;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__footer {
padding-top: 20px;
padding-bottom: 30px;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__footer .gc-button-primary {
margin-bottom: 0;
}
@media screen and (orientation: landscape) and (max-height: 500px) {
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__head {
top: -65px;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup__body-content {
height: 170px !important;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup-sub-text-body.gc-popup-dynamic-message__description {
height: 170px;
}
}
@media screen and (orientation: landscape) and (max-height: 400px) {
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup__body-content {
height: 150px !important;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup-sub-text-body.gc-popup-dynamic-message__description {
height: 150px;
}
}
@media screen and (orientation: landscape) and (max-height: 320px) {
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__head {
top: -60px;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup__body-content {
height: 130px !important;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup-sub-text-body.gc-popup-dynamic-message__description {
height: 130px;
}
}
@media (max-width: 375px) and (max-height: 667px) {
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content {
height: 522px;
min-height: 514px;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup__body-content {
height: 355px !important;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup-sub-text-body.gc-popup-dynamic-message__description {
height: 310px;
}
}
@media (max-width: 320px) {
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content {
width: 265px;
height: 472px;
min-height: 468px;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup__body-content {
height: 315px !important;
}
.gc-popup-dynamic-message .gc-popup__dialog .gc-popup__content .gc-popup-sub-text-body.gc-popup-dynamic-message__description {
height: 285px;
}
}
@media (min-width: 321px) and (max-width: 500px) {
.gc-popup-dynamic-message .gc-popup__dialog {
padding-top: 10vh;
}
}
@media (min-width: 992px) {
.gc-popup-dynamic-message .gc-popup__dialog--desktop {
padding-top: 10vh !important;
}
.gc-popup-dynamic-message .gc-popup__dialog--desktop .gc-popup__body-content {
max-height: initial;
}
}
html[dir=rtl] .gc-popup-dynamic-message .gc-popup__dialog .gc-popup__title {
right: -10px;
left: unset;
}
html[dir=rtl] .gc-popup-dynamic-message .gc-popup__dialog .gc-popup__head {
left: -45px;
right: unset;
}
html[dir=rtl] .gc-popup-dynamic-message .gc-popup__dialog .gc-popup-dynamic-message__featured-image::before {
right: -4px;
}
.gc-popup-account-deletion .gc-popup-account-deletion__email-input {
margin-top: 20px;
}
.gc-popup-meal-dislike-delete__content-success {
margin-top: 4px;
}
.gc-popup-meal-dislike-delete__icon-success {
margin: auto;
display: block;
text-align: center;
}
.gc-popup-logout-confirmation__footer .gc-button-primary {
margin-bottom: 16px;
}
.gc-popup-plan-inactive .gc-popup__title {
padding-bottom: 26px;
}
.gc-popup-plan-inactive .gc-popup-plan-inactive__trainer-email .rc-text-content {
font-size: 14px;
color: #003314;
}
.gc-popup-plan-inactive .gc-popup-plan-inactive__header-icon {
margin-bottom: 20px;
}
.gc-popup-plan-inactive .gc-popup-plan-inactive__header-icon svg path {
fill: #003314;
}
.gc-popup-plan-inactive .gc-popup-plan-inactive__subtitle-description {
margin-bottom: 20px;
}
.gc-popup-fd-custom-meal-log {
text-align: center;
}
.gc-popup-fd-custom-meal-log .gc-popup__body-content {
margin-left: -20px;
margin-right: -20px;
padding-right: 0;
padding-left: 0;
min-height: 267px;
}
.gc-popup-fd-custom-meal-log__description {
margin-bottom: 32px;
padding-right: 20px;
padding-left: 20px;
}
.gc-popup-fd-custom-meal-log__title {
padding-right: 20px;
padding-left: 20px;
}
.gc-popup-fd-custom-meal-log__slider {
margin-top: 12px;
margin-bottom: 28px;
}
.gc-popup-fd-custom-meal-log__text-date {
margin-bottom: 28px;
}
.gc-popup-fd-custom-meal-log__button-back {
margin-bottom: 16px;
}
.gc-popup-fd-custom-meal-log .gc-popup__content--desktop .gc-popup__body-content {
min-height: 267px;
}
.gc-popup-body-fat-estimator__title {
display: flex;
justify-content: flex-end;
margin-bottom: 6px;
}
.gc-popup-body-fat-estimator__heading {
margin-bottom: 8px;
color: #003314;
}
.gc-popup-body-fat-estimator__form-label {
margin-bottom: 4px;
color: #003314;
}
.gc-popup-body-fat-estimator__form-input {
margin-bottom: 24px;
}
.gc-popup-body-fat-estimator__form-error-msg {
margin-top: 10px;
color: #FB3865;
text-align: center;
}
.gc-popup-body-fat-estimator__form .gc-text-input--error .gc-text-input__error {
margin-top: 4px;
}
.gc-popup-body-fat-estimator input::-webkit-input-placeholder {
color: #003314 !important;
}
.gc-popup-body-fat-estimator input::-moz-placeholder {
color: #003314 !important;
}
.gc-popup-body-fat-estimator input::-ms-placeholder {
color: #003314 !important;
}
.gc-popup-body-fat-estimator input::placeholder {
color: #003314 !important;
}
html[dir=rtl] .gc-popup-body-fat-estimator__form-label {
text-align: right;
}
.gc-popup-confirm-wearable-connection__error-title .rc-text-content {
color: #FB3865;
}
.pc-popup-skeleton-meal-plan-view .pc-skeleton_nutrition-wrap--meal-info {
display: flex;
width: 100%;
gap: 20px;
margin-bottom: 20px;
}
.pc-popup-skeleton-meal-plan-view .pc-skeleton-text-wrap {
width: 100%;
}
.pc-popup-skeleton-meal-plan-view .pc-skeleton-text-wrap .gc-placeholder {
margin-bottom: 8px;
}
.pc-popup-skeleton-meal-plan-view .pc-skeleton-meal-log-description {
margin-bottom: 20px;
}
.pc-popup-skeleton-meal-plan-view .pc-skeleton-meal-log-description .gc-placeholder, .pc-popup-skeleton-meal-plan-view .pc-skeleton-card-bottom .gc-placeholder {
margin-bottom: 8px;
}
.pc-popup-skeleton-meal-plan-view .pc-skeleton-card-top {
margin: auto;
margin-bottom: 20px;
}
.gc-popup-text-skeleton {
margin: auto;
padding: 20px;
padding-top: 0;
}
.gc-popup-text-skeleton .gc-popup-text-skeleton__head {
display: inline-block;
margin-bottom: 20px;
}
.gc-popup-text-skeleton .gc-popup-text-skeleton__body .gc-placeholder {
margin-bottom: 8px;
}
.gc-popup--dashboard-editor-info .gc-popup--dashboard-editor-info__content-header {
font-weight: 700;
margin-top: 20px;
}
.gc-popup--dashboard-editor-info .gc-popup--dashboard-editor-info__content-sub-header {
margin-left: 8px;
}
.gc-popup--dashboard-editor-info .gc-popup--dashboard-editor-info__content-list-item {
margin-left: 34px;
}
.gc-popup--dashboard-editor-info .gc-popup--dashboard-editor-info__list-wrapper {
padding-left: 18px;
margin-bottom: 0;
}
.gc-popup-feedback__title {
display: flex;
justify-content: flex-end;
}
.gc-popup-feedback__sub-heading {
margin-bottom: 20px;
}
.gc-popup-feedback__form-text-area .gc-text-area__text-area::placeholder {
opacity: 0.5;
}
.gc-popup-custom-media {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100vw;
height: 100vh;
background: black;
}
.gc-popup-custom-media__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
}
.gc-popup-custom-media__content-iframe {
width: 100%;
max-height: 70vh;
aspect-ratio: 1.5;
}
.gc-popup-custom-media__content-image {
width: 100%;
max-height: 80vh;
}
.gc-popup-custom-media__close-icon {
margin: calc(env(safe-area-inset-top) + 20px) 0 0 calc(env(safe-area-inset-left) + 20px);
}
.gc-popup-custom-media__close-icon svg path {
fill: #fff;
}
.with-media-popup .gc-popup__body-content {
height: auto !important;
}
@media (min-width: 768px) {
.gc-popup-custom-media__content-image {
object-fit: contain;
}
}
.gc-input-meal-category-card {
height: 230px;
width: 230px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.gc-input-meal-category-card__text {
color: #fff;
text-align: center;
max-width: 176px;
}
.gc-input-meal-category-card__info {
margin-top: 12px;
}
.gc-input-meal-category-card:active {
opacity: 0.6;
}
.gc-input-meal-category-card--selected {
border: 3px solid #003314;
filter: drop-shadow(0px 4px 10px rgba(1, 44, 255, 0.4));
}
.gc-input-meal-category-card--selected:active {
border: none;
filter: none;
}
@media (max-width: 768px) {
.gc-input-meal-category-card__info {
width: 230px !important;
}
}
html[dir=rtl] .gc-input-meal-category-card__info {
text-align: right;
}
.gc-input-meal-category .slick-list {
padding-left: 21px !important;
}
.gc-input-meal-category .slick-slide {
width: 251px;
}
.gc-input-meal-category-card:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-progress-bar {
width: 100%;
height: 5px;
border-radius: 10px;
background-color: rgba(0, 51, 20, 0.6);
}
.gc-progress-bar__bar--filled {
width: 100%;
height: 5px;
border-radius: 10px;
background-color: #003314;
}
.gc-progress-bar__bar--disabled {
opacity: 0.5;
}
.gc-progress-bar__bar--warning {
background-image: repeating-linear-gradient(116deg, #003314, #e6e6e6 1px, #003314 2px, #003314 9px);
}
.gc-card-navigation {
position: relative;
z-index: 1;
width: 100%;
height: 170px;
object-fit: cover;
background-position: center !important;
background-size: cover !important;
border-radius: 10px;
box-shadow: 0px 2px 10px rgba(0, 51, 20, 0.4);
}
.gc-card-navigation .gc-header-simple {
padding: 20px 20px 0px 20px;
}
.gc-card-navigation .gc-header-simple .rc-text-content {
color: #fff;
}
.gc-card-navigation .gc-header-simple .rc-icon svg {
width: 20px;
height: 20px;
}
.gc-card-navigation .gc-header-simple .rc-icon svg path {
fill: #fff;
}
.gc-card-navigation:active {
opacity: 0.6;
}
.gc-image-background-blur.hidden-mobile, .gc-image-background-solid.hidden-mobile {
display: none;
}
@media (min-width: 768px) {
.pc-workout-list .gc-image-background-blur.hidden-mobile, .pc-workout-list .gc-image-background-solid.hidden-mobile {
display: block;
}
.gc-card-navigation {
overflow: hidden;
}
.gc-image-background-blur img {
position: absolute;
top: -10px;
left: -49px;
bottom: -10px;
right: -10px;
width: 120%;
height: 120%;
-webkit-filter: blur(6px);
-webkit-filter: blur(6px);
-moz-filter: blur(6px);
-o-filter: blur(6px);
-ms-filter: blur(6px);
filter: blur(8px);
z-index: -1;
}
.gc-image-background-solid {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.gc-image-background-solid img {
position: absolute;
left: 0;
right: 0;
margin: auto;
height: 100%;
z-index: -1;
width: auto;
}
}
@media (min-width: 992px) {
.gc-card-navigation:hover {
opacity: 0.7;
cursor: pointer;
}
}
html[dir="rtl"] .gc-card-navigation .rc-icon-forward {
transform: rotate(180deg);
}
.gc-card-food-diary-main {
background-color: #e6e6e6;
width: 100%;
height: max-content;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}
.gc-card-food-diary-main .rc-text-content {
color: #003314;
line-height: 1.5;
display: flex;
justify-content: flex-start;
}
.gc-card-food-diary-main .gc-card-food-diary-main__button-log-now, .gc-card-food-diary-main .gc-card-food-diary-main__first-time-with-header-button {
justify-content: center;
}
.gc-card-food-diary-main .rc-icon svg path {
fill: #003314;
}
.gc-card-food-diary-main .gc-card-food-diary-main__simple-header {
margin-bottom: 20px;
}
.gc-card-food-diary-main .gc-card-food-diary-main__simple-header .rc-text-content {
color: #003314 !important;
line-height: 1.5;
}
.gc-card-food-diary-main .gc-card-food-diary-main__simple-header .rc-icon svg {
width: 20px;
height: 20px;
}
.gc-card-food-diary-main .gc-card-food-diary-main__simple-header .rc-icon svg path {
fill: #003314 !important;
}
.gc-card-food-diary-main-empty {
background: transparent;
box-shadow: none;
}
.gc-card-food-diary-main-empty .gc-card-food-diary-main__first-time {
height: fit-content;
margin: 0;
}
.gc-card-food-diary-main__macro-section {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.gc-card-food-diary-main__macro-section .gc-card-food-diary-main__macro-item {
max-width: 25%;
padding-right: 5px;
}
.gc-card-food-diary-main__calories-header {
display: flex;
justify-content: space-between;
margin-bottom: 5.5px;
}
.gc-card-food-diary-main__macro-name-box {
display: flex;
align-items: center;
}
.gc-card-food-diary-main__macro-name-box .gc-card-food-diary-main__macro-name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden !important;
}
.gc-card-food-diary-main__macro-name-box .rc-icon {
margin-left: 2px;
}
.gc-card-food-diary-main__macro-name-box .rc-icon svg {
width: 10px;
height: 10px;
margin-bottom: 1px;
}
.gc-card-food-diary-main__macro-name-box .rc-icon:hover {
opacity: inherit;
cursor: initial;
}
.gc-card-food-diary-main__macro-percentage, .gc-card-food-diary-main__calories-count {
font-weight: 700;
}
.gc-card-food-diary-main__button-log-now:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-card-food-diary-main__beginning-with-header .gc-card-food-diary-main__macro-section, .gc-card-food-diary-main__beginning-with-header .gc-card-food-diary-main__calories-section, .gc-card-food-diary-main__beginning-with-header .gc-card-food-diary-main__first-time {
display: none;
}
.gc-card-food-diary-main__beginning-with-header .gc-card-food-diary-main__first-time-with-header {
display: block;
}
.gc-card-food-diary-main__first-time-with-header {
margin-bottom: 7px;
text-align: center;
}
.gc-card-food-diary-main__first-time-with-header .gc-card-food-diary-main__first-time-with-header-text {
margin-bottom: 15px;
justify-content: center;
}
.gc-card-food-diary-main__first-time-with-header .gc-card-food-diary-main__first-time-with-header-button {
margin-bottom: 5px;
justify-content: center;
}
.gc-card-food-diary-main__first-time-with-header-button {
text-decoration: underline;
font-weight: 700;
}
.gc-card-food-diary-main__first-time-with-header-button:hover {
cursor: pointer;
opacity: 0.7;
}
.gc-card-food-diary-main__button-log-now {
margin-top: 20px;
text-align: center;
}
.gc-card-food-diary-main__beginning .gc-card-food-diary-main__macro-section, .gc-card-food-diary-main__beginning .gc-card-food-diary-main__calories-section, .gc-card-food-diary-main__beginning .gc-card-food-diary-main__first-time-with-header, .gc-card-food-diary-main__beginning .gc-header-simple {
display: none;
}
.gc-card-food-diary-main__beginning .gc-card-food-diary-main__first-time {
display: block;
}
.gc-card-food-diary-main__first-time {
text-align: center;
height: 48px;
margin-top: 5px;
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.gc-card-food-diary-main__macro-percentage-wrapper, .gc-card-food-diary-main__calories-count-wrapper {
display: flex;
}
@media (min-width: 992px) {
.pc-dashboard .pc-dashboard__card-food-diary .gc-header-simple {
margin-bottom: 8px !important;
}
.gc-card-food-diary-main__calories-header {
margin-bottom: 5px !important;
}
.gc-card-food-diary-main__macro-section {
margin-bottom: 10px !important;
}
.gc-card-food-diary-main__first-time-with-header .gc-card-food-diary-main__first-time-with-header-text {
min-height: 92px;
display: flex;
flex-direction: column;
}
}
html[dir=rtl] .gc-card-food-diary-main .rc-icon-forward {
transform: rotate(180deg);
}
html[dir=rtl] .gc-card-food-diary-main .gc-card-food-diary-main__warning-icon {
margin-right: 2px;
margin-left: 0;
}
.gc-card-meal {
color: #fff;
min-height: 170px !important;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
position: relative;
background-repeat: no-repeat !important;
background-size: cover !important;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.gc-card-meal .gc-nutrition-details-bar__values-wrapper {
padding: 0 15px 15px 14px;
}
.gc-card-meal:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-card-meal__badge-wrapper {
display: flex;
margin: 15px 15px 0px 15px;
}
.gc-card-meal__overlay {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
}
.gc-card-meal__overlay-no-image {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), #003314;
}
.gc-card-meal--disabled {
opacity: 0.3;
}
.gc-card-meal__image-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
position: absolute;
margin: 0;
height: 100%;
width: 100%;
z-index: -2;
}
.gc-card-meal__tags {
padding-right: 15px;
padding-left: 15px;
text-overflow: ellipsis;
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.gc-card-meal__image {
object-fit: cover;
padding: 0;
width: 33.33%;
}
.gc-card-meal__type {
background-color: #003314;
position: inherit;
z-index: 2;
padding: 2px 8px;
}
.gc-card-meal__type:not(:last-of-type) {
margin-right: 10px;
}
.gc-card-meal__type__new-meal, .gc-card-meal__type__paired-meal {
background-color: #fff;
color: #003314;
}
.gc-card-meal__title {
z-index: 4;
padding: 10px 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.gc-meal-card__action-area {
padding-top: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.gc-meal-card__action-area .rc-icon-line-vertical svg {
width: 1px;
height: 10px;
}
.gc-meal-card__action-area .rc-icon-line-vertical svg line {
stroke: #003314;
opacity: 0.5;
}
.gc-card-meal .gc-nutrition-details-bar__values-wrapper .gc-nutrition-details-bar__values {
width: 20%;
}
.gc-card-meal__without-calories .gc-nutrition-details-bar__values {
width: 25%;
}
@media (max-width: 320px) {
.gc-card-meal .gc-nutrition-details-bar__values-wrapper {
bottom: -75px;
}
}
@media (min-width: 992px) {
.gc-card-meal {
min-height: 177px !important;
}
}
html[dir=rtl] .gc-card-meal .gc-card-meal__type:not(:last-of-type) {
margin-right: unset;
margin-left: 10px;
}
html[dir=rtl] .gc-card-meal .gc-card-meal__title {
text-align: right;
}
.gc-card-text {
border-radius: 10px;
overflow: hidden;
padding: 20px;
background-color: #e6e6e6;
}
.gc-card-text__header {
text-align: center;
padding-bottom: 16px;
color: #003314;
}
.gc-card-text__list {
color: #003314;
}
.gc-card-text__list-text {
display: flex;
}
.gc-card-text__list-text p {
margin: 0;
}
.gc-card-text__list-text__item-number {
min-width: 13px;
}
html[dir=rtl] .gc-card-text .rc-text-content {
text-align: right;
}
.gc-card-progress-update__wrapper {
background: #AA907F;
padding: 20px;
color: white;
width: 100%;
}
.gc-card-progress-update__wrapper .rc-text-content--size-md2 {
margin-bottom: 4px;
}
.gc-card-progress-update__wrapper .gc-card-progress-update__buttons-wrapper {
display: flex;
gap: 8px;
margin-top: 28px;
}
.gc-card-progress-update__wrapper .gc-card-progress-update__buttons-wrapper .rc-button {
background-color: white;
border-radius: 30px;
font-weight: 700;
font-size: 12px;
padding: 8px 16px;
color: #AA907F;
width: fit-content;
}
.gc-card-progress-update__wrapper .gc-card-progress-update__buttons-wrapper .rc-button svg {
width: 10px;
height: 10px;
}
.gc-card-progress-update__wrapper .gc-card-progress-update__buttons-wrapper .rc-button svg path {
fill: #AA907F;
}
@media screen and (min-width: 600px) {
.gc-card-progress-update__wrapper .gc-card-progress-update {
display: flex;
align-items: center;
justify-content: space-between;
}
.gc-card-progress-update__wrapper .gc-card-progress-update__buttons-wrapper {
margin-top: 0;
}
}
@media (min-width: 992px) {
.gc-card-progress-update__wrapper {
border-radius: 8px;
}
}
.gc-card-meal-featured {
color: #fff;
height: 220px;
overflow: hidden;
position: relative;
background-repeat: no-repeat !important;
background-size: cover !important;
display: flex;
align-items: flex-end;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.gc-card-meal-featured .gc-nutrition-details-bar__values-wrapper {
color: white;
}
.gc-card-meal-featured__overlay {
background: linear-gradient(179.83deg, rgba(0, 0, 0, 0) 0.15%, rgba(0, 0, 0, 0.7) 99.85%);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.gc-card-meal-featured__overlay-no-image {
background: linear-gradient(179.83deg, rgba(0, 0, 0, 0) 0.15%, rgba(0, 0, 0, 0.7) 99.85%), #003314;
}
.gc-card-meal-featured .gc-nutrition-details-bar__values-wrapper {
position: relative;
margin-bottom: 20px;
}
.gc-card-meal-featured__image-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
position: absolute;
margin: 0;
height: 100%;
width: 100%;
}
.gc-card-meal-featured__image {
object-fit: cover;
padding: 0;
width: 33.33%;
}
.gc-nutrition-details-bar__values {
max-width: 70px;
}
@media (min-width: 992px) {
.gc-card-meal-featured {
height: calc(100vh - 67px);
}
.gc-card-meal-featured__image-wrapper {
flex-direction: column;
}
.gc-card-meal-featured__image {
width: 100%;
height: 33.33%;
}
}
.gc-card-meal__action {
display: flex;
align-items: baseline;
}
.gc-card-meal__action:only-child {
justify-content: center;
margin: auto;
}
.gc-card-meal__action-icon svg path {
fill: #003314;
}
.gc-card-meal__action-text {
margin-left: 5px;
}
.gc-card-meal__action-text {
color: #003314;
}
.gc-card-meal__action-disabled {
opacity: 0.5 !important;
pointer-events: none;
}
.gc-card-meal__action:active {
opacity: 0.6;
}
.gc-card-meal__action:active .gc-card-meal__action-text {
text-decoration: underline;
}
.gc-card-meal__action-swap .gc-card-meal__action-icon svg path {
fill: #003314;
}
.gc-card-meal__action-swap.gc-card-meal__action-active .gc-card-meal__action-icon svg path {
fill: #003314;
}
.gc-card-meal__action-swap.gc-card-meal__action-active .gc-card-meal__action-text {
color: #003314;
}
.gc-card-meal__action-active.gc-card-meal__action-favorite .gc-card-meal__action-icon svg path {
stroke: #003314;
fill: #003314;
}
.gc-card-meal__action-active.gc-card-meal__action-favorite .gc-card-meal__action-text {
color: #003314;
}
.gc-card-meal__action-dislike .gc-card-meal__action-icon svg {
width: 15px !important;
height: 15px !important;
}
.gc-card-meal__action-dislike .gc-card-meal__action-icon svg path {
stroke: #003314;
fill: #003314;
}
.gc-card-meal__action-active.gc-card-meal__action-dislike .gc-card-meal__action-icon svg path {
stroke: #003314;
fill: #003314;
}
.gc-card-meal__action-active.gc-card-meal__action-dislike .gc-card-meal__action-text {
color: #003314;
text-decoration: underline;
}
.gc-card-meal__action-log-meal .gc-card-meal__action-icon svg rect {
stroke: #003314;
}
.gc-card-meal__action-log-meal.gc-card-meal__action-active .gc-card-meal__action-icon-active svg circle {
fill: #003314;
}
.gc-card-meal__action-log-meal.gc-card-meal__action-active .gc-card-meal__action-icon-active svg path {
fill: #fff;
}
.gc-card-meal__action-log-meal.gc-card-meal__action-active .gc-card-meal__action-text {
color: #003314;
}
.gc-card-meal__action-remove .gc-card-meal__action-icon svg {
width: 14px;
height: 16px;
}
.gc-card-meal__action-remove.gc-card-meal__action-active .gc-card-meal__action-icon svg path {
fill: #003314;
}
.gc-card-meal__action-remove.gc-card-meal__action-active .gc-card-meal__action-text {
color: #003314;
}
.gc-card-subscription-plan {
background-color: var(--text-area-bg-fill, #434343);
color: var(--text-secondary-on-bg, #AFAFAF);
border-radius: 10px;
box-shadow: 0px 2px 10px rgba(var(--text-area-bg-fill, #434343), 0.4);
padding: 20px 20px 22px 20px;
transition: height 1s;
}
.gc-card-subscription-plan__loading-buffer div {
margin: auto;
}
.gc-card-subscription-plan__content-trial-period-text {
display: inline-block;
text-transform: lowercase;
}
.gc-card-subscription-plan__content-trial-period-text:first-letter {
text-transform: uppercase;
}
.gc-card-subscription-plan__container {
display: flex;
color: var(--text-secondary-on-bg, #AFAFAF);
}
.gc-card-subscription-plan__icon {
margin-right: 14px;
line-height: 1.5;
}
.gc-card-subscription-plan__icon svg circle {
fill: var(--text-secondary-on-bg, #AFAFAF);
}
.gc-card-subscription-plan__icon svg path {
fill: var(--text-area-bg-fill, #434343);
}
.gc-card-subscription-plan__content-title {
margin-bottom: 2px;
}
.gc-card-subscription-plan__content-period {
margin-bottom: 12px;
}
.gc-card-subscription-plan__content-price {
display: flex;
flex-wrap: wrap;
}
.gc-card-subscription-plan__content-price div {
display: flex;
align-items: center;
}
.gc-card-subscription-plan__content-price-discounted {
opacity: 0.8;
text-decoration-line: line-through;
margin-right: 8px;
}
.gc-card-subscription-plan__loading {
display: flex;
justify-content: center;
align-items: center;
}
.gc-card-subscription-plan__loading-buffer svg g rect {
fill: var(--text-secondary-on-bg, #AFAFAF);
}
html[dir=rtl] .gc-card-subscription-plan__content {
text-align: right;
}
html[dir=rtl] .gc-card-subscription-plan__icon {
margin-right: 0;
margin-left: 14px;
}
html[dir=rtl] .gc-card-subscription-plan__content-price-discounted {
margin-right: 0;
margin-left: 8px;
}
.gc-card-subscription-cover-image {
position: relative;
height: 55vh;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}
.gc-card-subscription-cover-image__logo-wrapper {
height: auto;
width: auto;
text-align: center;
position: absolute;
top: 0;
left: 20px;
right: inherit;
padding-top: env(safe-area-inset-top) !important;
}
.gc-card-subscription-cover-image__logo-wrapper img {
transform: inherit;
margin-right: 10px;
margin-top: 0;
padding-top: 20px !important;
width: auto;
height: 86px;
}
.gc-card-subscription-cover-image__title {
color: #fff;
position: absolute;
left: 0;
bottom: 0;
padding-left: calc(env(safe-area-inset-left) + 20px);
padding-bottom: 36px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
max-width: 100%;
padding-right: calc(env(safe-area-inset-right) + 20px);
}
.gc-card-subscription-cover-image__logo-wrapper {
height: auto;
width: auto;
text-align: center;
position: absolute;
top: 0;
left: inherit;
right: 20px;
padding-top: env(safe-area-inset-top) !important;
}
.gc-card-subscription-cover-image__logo-wrapper img {
transform: inherit;
margin-left: -120px;
margin-right: 0;
margin-top: 0;
padding-top: 20px !important;
width: auto;
height: 86px;
}
html[dir=rtl] .gc-card-subscription-cover-image__title {
text-align: right;
left: unset;
padding-right: calc(env(safe-area-inset-left) + 20px);
padding-left: 0;
}
html[dir=rtl] .gc-card-subscription-cover-image__logo-wrapper {
left: unset;
right: 20px;
}
@media (min-width: 992px) {
.gc-card-subscription-cover-image__title {
padding-left: calc(env(safe-area-inset-left) + 40px);
padding-bottom: 40px;
font-size: 36px;
}
}
.gc-card-photo-journey-history__gallery {
display: flex;
flex-direction: row;
padding-right: 17px;
align-items: center;
}
.gc-card-photo-journey-history__no-image {
min-width: 33.333333%;
max-width: 33.333333%;
opacity: 0.5;
height: 180px;
}
.gc-card-photo-journey-history__no-image .rc-icon:active, .gc-card-photo-journey-history__no-image .rc-icon:focus, .gc-card-photo-journey-history__no-image .rc-icon:hover {
opacity: 100%;
cursor: default;
}
.gc-card-photo-journey-history__images {
height: 180px;
width: 100%;
border-radius: 10px;
object-fit: cover;
object-position: top center;
}
.gc-card-photo-journey-history__head {
margin-bottom: 12px;
margin-top: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.gc-card-photo-journey-history__head-left {
display: inline-flex;
}
.gc-card-photo-journey-history__head-date {
color: #003314;
}
.gc-card-photo-journey-history__head-icon-users {
margin-left: 12px;
margin-top: 2px;
}
.gc-card-photo-journey-history__head-icon-users svg path {
fill: #003314;
}
.gc-card-photo-journey-history__head-icon-delete svg path {
fill: #003314;
}
.gc-card-photo-journey-history__text-loading {
padding-top: 5px;
margin-top: 5px;
}
.gc-card-photo-journey-history .gc-card-photo-journey-history--tab {
min-width: 33.333333%;
max-width: 33.333333%;
}
.gc-card-photo-journey-history .gc-card-photo-journey-history--tab:nth-child(2), .gc-card-photo-journey-history .gc-card-photo-journey-history__no-image:nth-child(2) {
margin: 0 8px !important;
}
.gc-card-photo-journey-history:first-child .gc-card-photo-journey-history__head {
margin-top: 0;
}
/* nav bar on landscape Screens */
@media only screen and (min-width: 666px) {
.gc-card-photo-journey-history__images, .gc-card-photo-journey-history__no-image {
height: 310px;
}
}
html[dir="rtl"] .gc-card-photo-journey-history .gc-card-photo-journey-history__head-icon-users {
margin-left: 0;
margin-right: 12px;
}
html[dir="rtl"] .gc-card-photo-journey-history .gc-card-photo-journey-history__gallery {
padding-right: 0;
padding-left: 17px;
}
.splide__container {
box-sizing: border-box;
position: relative;
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block;
}
.splide__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none;
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
display: none;
}
.splide__progress__bar {
width: 0;
}
.splide {
position: relative;
visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
visibility: visible;
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__spinner {
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline;
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0;
}
@keyframes splide-loading {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
opacity: 1;
z-index: 1;
}
.splide--rtl {
direction: rtl;
}
.splide__track--ttb > .splide__list {
display: block;
}
.splide__arrow {
-ms-flex-align: center;
align-items: center;
background: #ccc;
border: 0;
border-radius: 50%;
cursor: pointer;
display: -ms-flexbox;
display: flex;
height: 2em;
-ms-flex-pack: center;
justify-content: center;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2em;
z-index: 1;
}
.splide__arrow svg {
fill: #000;
height: 1.2em;
width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
opacity: 0.9;
}
.splide__arrow:disabled {
opacity: 0.3;
}
.splide__arrow:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__arrow--prev {
left: 1em;
}
.splide__arrow--prev svg {
transform: scaleX(-1);
}
.splide__arrow--next {
right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__pagination {
bottom: 0.5em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1;
}
.splide__pagination__page {
background: #ccc;
border: 0;
border-radius: 50%;
display: inline-block;
height: 8px;
margin: 3px;
opacity: 0.7;
padding: 0;
position: relative;
transition: transform 0.2s linear;
width: 8px;
}
.splide__pagination__page.is-active {
background: #fff;
transform: scale(1.4);
z-index: 1;
}
.splide__pagination__page:hover {
cursor: pointer;
opacity: 0.9;
}
.splide__pagination__page:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__progress__bar {
background: #ccc;
height: 3px;
}
.splide__slide {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
outline: 0;
}
@supports (outline-offset:-3px) {
.splide__slide:focus-visible {
outline: 3px solid #0bf;
outline-offset: -3px;
}
}
@media screen and (-ms-high-contrast: none) {
.splide__slide:focus-visible {
border: 3px solid #0bf;
}
}
@supports (outline-offset:-3px) {
.splide.is-focus-in .splide__slide:focus {
outline: 3px solid #0bf;
outline-offset: -3px;
}
}
@media screen and (-ms-high-contrast: none) {
.splide.is-focus-in .splide__slide:focus {
border: 3px solid #0bf;
}
.splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
border-color: #0bf;
}
}
.splide__toggle {
cursor: pointer;
}
.splide__toggle:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
border: 3px solid transparent;
cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
border: 3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev {
left: auto;
right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
left: 1em;
right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
left: 50%;
transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
bottom: 1em;
top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
transform: rotate(90deg);
}
.splide__pagination--ttb {
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
left: auto;
padding: 1em 0;
right: 0.5em;
top: 0;
}
.gc-calender-slider__wrapper .gc-cal-day__wrapper {
width: 42px !important;
display: flex !important;
}
.gc-calender-slider__wrapper .slick-slide:active, .gc-calender-slider__wrapper .slick-slide:focus {
outline: none !important;
border: none !important;
}
.gc-slider-workout-program {
margin-bottom: 32px;
}
.gc-slider-workout-program__header {
margin-bottom: 12px;
}
.gc-slider-workout-program__header .rc-text-content {
color: #003314;
}
.gc-slider-workout-program__header .rc-icon svg path {
fill: #003314;
}
.gc-slider-workout-program__week-slider {
overflow: hidden;
margin-left: -4px;
}
.gc-slider-workout-program__week-slider .slick-list {
margin-left: 4px;
margin-bottom: 16px;
margin-right: -1000px;
overflow: visible;
}
.gc-slider-workout-program__week-slider .slick-slide {
height: 212px;
width: 212px;
margin-right: 15px;
outline: none;
}
.gc-slider-workout-program__day-slider .slick-list {
margin-right: -1000px;
}
.gc-slider-workout-program__day-slider .slick-track {
display: flex !important;
}
.gc-slider-workout-program__day-slider .slick-slide {
width: max-content;
margin-right: 12px;
outline: none;
height: inherit !important;
max-width: 192px;
margin-bottom: 2px;
}
.gc-slider-workout-program__day-slider .slick-slide div, .gc-slider-workout-program__day-slider .slick-slide .gc-slider-workout-program-day-button {
height: 100% !important;
display: flex !important;
align-items: center;
max-height: 58px;
}
.gc-slider-workout-program__day-slider .slick-slide div .rc-text-content, .gc-slider-workout-program__day-slider .slick-slide .gc-slider-workout-program-day-button .rc-text-content {
overflow: hidden;
height: fit-content !important;
}
html[dir=rtl] .gc-slider-workout-program__day-slider .slick-list {
margin-left: -1000px;
margin-right: 0;
}
html[dir=rtl] .gc-slider-workout-program__week-slider .slick-list {
margin-right: 0;
margin-left: -1000px;
}
html[dir=rtl] .gc-slider-workout-program__week-slider .slick-slide {
margin-right: 0;
margin-left: 15px;
}
html[dir=rtl] .gc-slider-workout-program__day-slider .slick-slide {
margin-right: 0;
margin-left: 12px;
}
html[dir=rtl] .gc-slider-workout-program-day-button {
text-align: right;
}
html[dir=rtl] .gc-slider-workout-program__header .rc-icon {
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.gc-slider-navigation {
width: 100%;
transform: translate3d(0px, 0px, 0px);
}
.gc-slider-navigation .slick-slide:not(:first-child) {
width: initial;
outline: none;
}
.gc-slider-navigation .slick-slide:first-child {
width: initial;
margin-left: 0;
outline: none;
}
.gc-slider-navigation__slider {
margin-left: 16px;
}
.gc-slider-navigation__slide {
text-align: center;
padding-top: 16px;
padding-bottom: 16px;
cursor: pointer;
}
.gc-slider-navigation__slide-link {
opacity: 0.9;
text-align: center;
color: #003314;
opacity: 0.6;
}
.gc-slider-navigation__slide-link--active {
opacity: 1;
text-align: center;
color: #003314;
}
.gc-slider-navigation__slide-link-icon {
display: flex;
align-items: center;
padding-top: 2px;
opacity: 0.9;
}
.gc-slider-navigation__slide-link-icon svg path {
fill: #003314;
}
.gc-slider-navigation__content--active .gc-slider-navigation__slide-link-icon {
opacity: 1;
}
.gc-slider-navigation__slide {
width: auto !important;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
padding: 10px 20px;
}
.gc-slider-navigation__slide-link::after {
content: "";
height: 1px;
position: absolute;
background-color: #003314;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.gc-slider-navigation__slide-link--active::after {
content: "";
height: 2px;
position: absolute;
background-color: #003314;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.gc-slider-navigation__content {
display: flex;
align-items: center;
}
.gc-slider-navigation__content .gc-slider-navigation__slide-link-icon-completed {
margin-right: 4px;
padding-top: 0px;
}
.gc-slider-navigation__content .gc-slider-navigation__slide-link-icon-info {
margin-left: 6px;
}
.gc-slider-navigation__slider {
margin: 0;
}
.gc-slider-navigation__slider .slick-track {
margin: 0;
}
.gc-slider-navigation__slide-link--active {
font-weight: 700;
}
.gc-slider-navigation.pc-workout-program__slider-navigation-days {
outline: none;
margin-top: 28px;
padding-left: calc(20px + env(safe-area-inset-left));
}
.gc-slider-navigation.pc-workout-program__slider-navigation-days .slick-slide:not(:first-child) {
margin-left: 8px;
}
.gc-slider-navigation.pc-workout-program__slider-navigation-days .gc-slider-navigation__slide-link {
line-height: 1;
color: #003314;
opacity: 1;
}
.gc-slider-navigation.pc-workout-program__slider-navigation-days .gc-slider-navigation__slide-link-icon svg path {
fill: #003314;
}
.gc-slider-navigation.pc-workout-program__slider-navigation-days .gc-slider-navigation__slide-link--active::after {
display: none;
}
.gc-slider-navigation.pc-workout-program__slider-navigation-days .gc-slider-navigation__slide {
min-width: 76px !important;
max-height: 35px;
border: 1px solid;
border-radius: 200px;
border-color: rgba(0, 51, 20, 0.16);
display: flex !important;
justify-content: center;
padding: 10px 8vw;
}
.gc-slider-navigation.pc-workout-program__slider-navigation-days .gc-slider-navigation__slide--active {
background-color: #003314;
}
.gc-slider-navigation.pc-workout-program__slider-navigation-days .gc-slider-navigation__slide--active .gc-slider-navigation__slide-link {
color: #f7e3ce;
font-weight: 700;
}
.gc-slider-navigation.pc-workout-program__slider-navigation-days .gc-slider-navigation__slide--active .gc-slider-navigation__slide-link-icon svg path {
fill: #f7e3ce;
}
.gc-slider-navigation.pc-workout-program__slider-navigation-days .gc-slider-navigation__slide-link::after {
display: none;
}
.pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slider {
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}
.pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide {
display: flex;
height: 50px;
align-items: center;
justify-content: center;
min-width: 28vw;
}
.pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link--active::after {
width: 48px;
opacity: 1 !important;
}
.pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link::after {
opacity: 0;
}
.pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link {
font-size: 14px;
}
.gc-slider-navigation__slider-unslicked {
display: flex;
}
.gc-slider-navigation__three-weeks {
display: grid;
grid-template-columns: auto auto auto;
}
.gc-slider-navigation__three-weeks .gc-slider-navigation__content {
justify-content: center;
}
@media (min-width: 768px) {
.gc-slider-navigation.pc-workout-program__slider-navigation-days {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
padding-left: 0;
}
.gc-slider-navigation__slide {
padding: 10px 32px !important;
min-width: initial !important;
}
.gc-slider-navigation__slider {
width: auto !important;
}
.pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slider {
box-shadow: none;
}
}
@media (min-width: 992px) {
.gc-slider-navigation__slider {
width: auto !important;
padding-left: 0;
}
}
html[dir=rtl] .gc-slider-navigation.pc-workout-program__slider-navigation-days .slick-slide {
margin-left: 12px;
}
html[dir=rtl] .gc-slider-navigation__content .gc-slider-navigation__slide-link-icon-completed {
margin-right: 0;
margin-left: 4px;
}
html[dir=rtl] .gc-slider-navigation.pc-workout-program__slider-navigation-days {
padding-left: 0;
padding-right: calc(20px + env(safe-area-inset-left));
}
.gc-slider-navigation--v2 {
padding-left: env(safe-area-inset-left);
}
.gc-slider-navigation--v2 .gc-slider-navigation__slide {
width: max-content !important;
}
.gc-calender-slider-cal-day {
width: 42px;
height: 73px;
background: #fff;
color: #003314;
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
border: 1px solid;
border-color: #003314;
}
.gc-calender-slider-cal-day .gc-calender-slider-cal-day__logged svg {
width: 5px;
height: 5px;
}
.gc-calender-slider-cal-day .gc-calender-slider-cal-day__logged svg circle {
fill: #003314;
}
.gc-calender-slider-cal-day:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-calender-slider-cal-day:hover .rc-icon:hover {
opacity: 1;
}
.gc-calender-slider-cal-day--centered {
margin: auto;
}
.gc-calender-slider-cal-day__logged svg {
position: relative;
top: -9px;
}
.gc-calender-slider-cal-day.gc-calender-slider-cal-day-selected {
background: #003314;
color: #FFFFFF;
border: none;
box-shadow: 0 8px 20px rgba(0, 51, 20, 0.3);
}
.gc-calender-slider-cal-day.gc-calender-slider-cal-day-selected .gc-calender-slider-cal-day__logged svg circle {
fill: #FFFFFF;
}
.gc-slider-workout-program-day-button {
display: flex;
justify-content: center;
align-items: center;
min-width: 85px;
width: max-content;
border: 1px solid #003314;
border-radius: 8px;
padding: 9px 14px;
}
.gc-slider-workout-program-day-button:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-slider-workout-program-day-button:active {
background-color: #003314;
border-color: #003314;
}
.gc-slider-workout-program-day-button:active .gc-slider-workout-program-day-button__icon svg path {
fill: #f7e3ce;
}
.gc-slider-workout-program-day-button:active .gc-slider-workout-program-day-button__text {
color: #f7e3ce;
}
.gc-slider-workout-program-day-button__icon {
margin-right: 5px;
}
.gc-slider-workout-program-day-button__icon.rc-icon--sm2 svg {
margin-bottom: 1px;
}
.gc-slider-workout-program-day-button__icon svg path {
fill: #003314;
}
.gc-slider-workout-program-day-button--active {
background-color: #003314;
border-color: #003314;
}
.gc-slider-workout-program-day-button--active .gc-slider-workout-program-day-button__icon svg path {
fill: #f7e3ce;
}
.gc-slider-workout-program-day-button--active .gc-slider-workout-program-day-button__text {
color: #f7e3ce;
}
.gc-slider-workout-program-day-button__text {
display: inline-block;
color: #003314;
}
html[dir=rtl] .gc-slider-workout-program-day-button__icon {
margin-right: 0;
margin-left: 5px;
}
.gc-slider-workout-program-week-card {
position: relative;
width: 212px;
height: 212px;
border-radius: 10px;
box-shadow: 0px 2px 10px 0px rgba(0, 51, 20, 0.3);
}
.gc-slider-workout-program-week-card:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-slider-workout-program-week-card__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.gc-slider-workout-program-week-card__image--in-active {
filter: grayscale(100%);
}
.gc-slider-workout-program-week-card:active {
opacity: 0.6;
}
.gc-slider-workout-program-week-card__overlay {
position: absolute;
top: 0;
left: 0;
width: 212px;
height: 212px;
background: rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.gc-slider-workout-program-week-card__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gc-slider-workout-program-week-card__icon.rc-icon--sm4 svg {
margin-bottom: 4px;
}
.gc-slider-workout-program-week-card__icon svg path {
fill: #fff;
}
.gc-slider-workout-program-week-card__text {
display: inline-block;
color: #fff;
margin-left: 4px;
}
.gc-card-habits-list {
background-color: #e6e6e6;
border-radius: 10px;
box-shadow: 0px 5px 10px rgba(230, 230, 230, 0.25);
}
.gc-card-habits-list__header-wrapper-right-section {
display: flex;
align-items: center;
}
.gc-card-habits-list__header-wrapper {
margin-top: 0 !important;
margin-bottom: 24px !important;
display: flex;
justify-content: space-between;
}
.gc-card-habits-list__header-text {
display: flex;
align-items: center;
}
.gc-card-habits-list__info-icon {
margin-left: 6px;
padding-bottom: 3px;
}
.gc-card-habits-list__wrapper {
color: var(--text-secondary-on-bg);
}
.gc-card-habits-list__wrapper .rc-icon svg path {
fill: var(--text-secondary-on-bg);
}
.gc-card-habits-list__wrapper-list-item {
display: flex;
justify-content: space-between;
gap: 12px;
align-items: flex-start;
}
.gc-card-habits-list__wrapper-list-item .rc-text-content {
margin-top: 2px;
}
.gc-card-habits-list__wrapper-list-item {
margin-bottom: 24px;
}
.gc-card-habits-list__wrapper-list-icons {
text-align: left;
display: flex;
align-items: center;
margin-top: 1px;
}
.gc-card-habits-list__wrapper-list-icons .rc-icon svg path {
fill: var(--text-secondary-on-bg);
}
.gc-card-habits-list__wrapper-list-icons .rc-icon:not(:last-of-type) {
margin-right: 12px;
}
.gc-card-habits-list__wrapper-list-icons svg {
display: block;
height: auto;
}
.gc-card-habits-list .gc-card-habits-list__wrapper-list-button {
display: flex;
justify-content: center;
font-weight: 700;
line-height: 1.5;
text-decoration: underline;
color: var(--text-secondary-on-bg);
cursor: pointer;
margin-top: 28px;
}
.gc-card-habits-list .gc-card-habits-list__wrapper-list-button--manage {
margin-top: 8px;
}
.gc-card-habits-list__all-complete, .gc-card-habits-list__getting-started {
margin-top: 32px;
}
.gc-card-habits-list__all-complete .rc-text-content, .gc-card-habits-list__getting-started .rc-text-content {
text-align: center;
}
@media (min-width: 768px) {
.gc-card-habits-list__all-complete, .gc-card-habits-list__getting-started {
margin-top: 24px;
}
.gc-card-habits-list__all-complete .rc-text-content, .gc-card-habits-list__getting-started .rc-text-content {
text-align: center;
}
.gc-card-habits-list__wrapper-list-item {
margin-bottom: 0;
}
.gc-card-habits-list__wrapper-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.gc-card-habits-list__wrapper-list-title .rc-text-content {
line-height: 24px;
margin-top: 2px;
}
}
@media (min-width: 1200px) {
.gc-card-habits-list__wrapper-content {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.gc-card-habits-list__getting-started {
margin-top: 4px;
}
}
html[dir="rtl"] .gc-card-habits-list__wrapper-list-icons {
margin-left: 12px;
}
html[dir="rtl"] .gc-card-habits-list .gc-card-habits-list__info-icon {
margin-right: 6px;
margin-left: 0;
}
html[dir="rtl"] .gc-card-habits-list .gc-card-habits-list__forword-icon {
transform: rotate(180deg);
}
html[dir="rtl"] .gc-card-habits-list .gc-card-habits-list__wrapper-list-icons {
text-align: left;
padding: 0px;
}
html[dir="rtl"] .gc-card-habits-list .gc-card-habits-list__wrapper-list-icons .rc-icon:not(:last-of-type) {
margin: 0px;
margin-left: 10px;
}
html[dir="rtl"] .gc-card-habits-list .gc-card-habits-list__wrapper-list-title {
text-align: right;
}
html[dir="rtl"] .gc-card-habits-list .gc-card-habits-list__wrapper-list-item-description {
text-align: right;
}
html[dir="rtl"] .gc-card-habits-list .gc-card-habits-list__arrow-icon {
transform: rotate(180deg);
}
html[dir="rtl"] .gc-card-habits-list .gc-card-habits-list__arrow-icon--filled {
transform: rotate(180deg);
}
html[dir="rtl"] .pc-dashboard__card-habit-trackers .gc-card-habits-list__forword-icon {
transform: scaleX(-1);
}
html[dir="rtl"] .pc-dashboard__card-habit-trackers .gc-card-habits-list__info-icon {
margin-left: 0;
margin-right: 6px;
}
html[dir="rtl"] .pc-dashboard__card-habit-trackers .gc-card-habits-list__wrapper-list-item .rc-text-content {
text-align: right;
}
html[dir="rtl"] .pc-dashboard__card-habit-trackers .gc-card-habits-list__wrapper-list-icons .rc-icon:last-child {
transform: scaleX(-1);
}
.gc-card-habits-list-skeleton .gc-card-habits-list__header-description {
margin-top: 8px;
}
.gc-card-habits-list-skeleton .gc-card-habits-list__wrapper-list-icons--left {
margin-right: 12px;
}
.gc-card-habits-list-skeleton .gc-card-habits-list__wrapper-list-button {
display: flex;
justify-content: center;
}
.gc-list-habits-tracker__wrapper-list-item {
margin-bottom: 28px;
display: flex;
justify-content: space-between;
align-items: center;
}
.gc-habits-tracker__habits-list {
padding-top: 10px;
}
.gc-habits-tracker__calander {
margin-top: 28px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.gc-list-habits-tracker__wrapper-content {
color: #003314;
}
.gc-list-habit-tracker__empty-container {
width: 240px;
text-align: center;
margin: auto;
margin-top: 118px;
}
.gc-list-habit-tracker__empty-container .rc-text-content {
color: var(--text-secondary-on-bg);
}
.gc-list-habits__wrapper-icons {
display: flex;
}
.gc-list-habits__wrapper-icons .rc-icon:not(:last-of-type) {
margin-right: 12px;
}
.gc-list-habits__wrapper-icons .rc-icon svg path {
fill: #003314;
}
.gc-list-habits__wrapper-title {
padding-right: 20px;
}
html[dir="rtl"] .gc-list-habits__wrapper-title {
padding-left: 20px;
padding-right: 0;
}
html[dir="rtl"] .gc-list-habits__wrapper-icons .rc-icon:not(:last-of-type) {
margin: 0px;
margin-left: 10px;
}
@media (min-width: 768px) {
html[dir="rtl"] .gc-list-habits__wrapper-icons .rc-icon:not(:last-of-type) {
margin-left: 16px;
}
}
html[dir="rtl"] .gc-list-habits-tracker__arrow-icon {
transform: rotate(180deg);
}
html[dir="rtl"] .gc-list-habits-tracker__arrow-icon--filled {
transform: rotate(180deg);
}
html[dir="rtl"] .gc-list-habits-tracker__wrapper-list-item-description {
text-align: right;
}
.gc-meal__action {
display: flex;
align-items: center;
line-height: 1;
}
.gc-meal__action:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-meal__action:hover .rc-icon:hover {
opacity: 1;
}
.gc-action__wrap {
height: 20px;
width: 20px;
}
.gc-action__wrap .rc-icon {
line-height: 1;
}
.gc-meal__action:only-child {
justify-content: center;
margin: auto;
}
.gc-meal__action-icon svg path {
fill: #003314;
}
.gc-meal__action-text {
margin-left: 5px;
}
.gc-meal__action-text {
color: #003314;
}
.gc-meal__action-disabled {
cursor: not-allowed;
opacity: 0.5;
}
.gc-meal__action-disabled:hover, .gc-meal__action-disabled .rc-icon:hover {
cursor: not-allowed !important;
}
.gc-meal__action:active {
opacity: 0.6;
}
.gc-meal__action:active .gc-meal__action-text {
text-decoration: underline;
}
.font-barlow .gc-meal__action-text {
line-height: 1 !important;
}
.font-barlow .rc-icon-favorite-linear {
padding: 0px 0px 0px 1px !important;
}
.font-barlow .gc-meal__action-dislike .gc-meal__action-icon svg {
margin-top: -1px !important;
}
.font-archivo .gc-meal__action-text {
line-height: 1.5 !important;
}
.font-archivo .gc-meal__action-dislike .gc-meal__action-icon svg {
margin-top: -1px !important;
}
.font-oswald .gc-meal__action-dislike .gc-meal__action-icon svg {
margin-top: -1px !important;
}
@media (min-width: 768px) {
.gc-meal__action-text {
padding-top: 2px;
}
.font-barlow .gc-meal__action-text {
padding-top: 0px !important;
}
}
@media (min-width: 768px) {
.gc-action__wrap .gc-meal__action-icon {
margin-top: 1px;
}
}
html[dir="rtl"] .gc-meal__action .gc-meal__action-text {
margin-left: 0;
margin-right: 5px;
}
html[dir="rtl"] .gc-meal__action .gc-meal__action-icon {
transform: scaleX(-1);
}
.gc-page__content-image {
position: relative;
overflow: hidden;
}
.gc-page__content-image img {
width: 100%;
max-height: 600px;
object-fit: cover;
}
.gc-page__content-image--hidden {
display: none;
}
.gc-page__content-image__placeholder {
width: 100%;
}
@media (min-width: 992px) {
.gc-page__content-image img {
max-height: 260px;
}
.pc-list-container {
padding-top: 16px;
}
.pc-content-text__text {
padding-top: 16px;
}
}
.pc-content__video {
/* Styles for larger screens (desktop/laptop) */
}
.pc-content__video .gc-page__content-image {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 24px;
}
.pc-content__video .gc-page__main-image {
width: 100%;
height: auto;
object-fit: cover;
}
@media (min-width: 992px) {
.pc-content__video .gc-page__content-image img {
max-height: 600px;
}
}
@media (min-width: 768px) {
.pc-content__video .gc-page__content-image {
border-radius: 10px;
}
.pc-content__video .gc-page__content-image img {
max-height: 600px;
}
}
@media (min-width: 576px) {
.pc-content__video .gc-page__content-image {
margin-bottom: 32px;
}
}
@media (min-width: 576px) {
.pc-content__video .gc-page__content-image {
height: 300px;
/* Adjust the height as needed */
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
background-position: center;
}
.pc-content__video .gc-page__content-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
/* Dark overlay */
z-index: 1;
}
.pc-content__video .gc-page__main-image {
position: relative;
z-index: 2;
width: 40%;
/* Centered image size on large screens */
height: 100%;
object-fit: cover;
}
.pc-content__video .gc-page__main-image img {
max-height: 600px;
}
}
.gc-page-form-footer {
display: flex;
flex-flow: column;
flex-wrap: wrap;
}
.gc-page-form-footer--with-bg {
background-color: #f7e3ce;
}
@media (min-width: 992px) {
.gc-page-form-footer {
padding: 20px 38px;
flex-flow: row-reverse;
justify-content: space-between;
width: 50vw;
left: initial;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}
.gc-page-form-footer__submit-button {
margin-bottom: 0;
min-width: 180px;
width: initial;
}
.gc-page-form-footer__link {
margin-top: auto;
margin-bottom: auto;
width: initial;
}
.gc-page-form-footer__link:hover {
opacity: 0.7;
cursor: pointer;
}
html[dir="rtl"] {
left: initial;
}
html[dir="rtl"] .gc-page-form-footer {
left: 0;
right: initial;
}
}
.gc-page-form-footer-multiple-buttons .gc-page-form-footer__submit-button {
margin-bottom: 20px;
}
.gc-page-form-footer-multiple-buttons__link {
margin-bottom: 22px;
}
.gc-meal__action-dislike .gc-meal__action-icon svg {
width: 20px !important;
height: 20px !important;
padding: 2px;
}
.gc-meal__action-dislike .gc-meal__action-icon svg path {
stroke: #003314;
fill: #003314;
}
.gc-meal__action-text {
line-height: 1;
}
.gc-meal__action-active.gc-meal__action-dislike .gc-meal__action-icon svg path {
stroke: #003314;
fill: #003314;
}
.gc-meal__action-active.gc-meal__action-dislike .gc-meal__action-text {
font-weight: 700;
color: #003314;
}
.gc-meal__action-active.gc-meal__action-favorite .gc-meal__action-icon svg {
width: 20px;
height: 20px;
padding: 1px;
display: block;
}
.gc-meal__action-active.gc-meal__action-favorite .gc-meal__action-icon svg path {
stroke: #003314;
fill: #003314;
}
.gc-meal__action-active.gc-meal__action-favorite .gc-meal__action-text {
color: #003314;
font-weight: 700;
}
.gc-meal__action-favorite {
min-width: 85px;
}
.rc-icon-favorite-linear {
width: 20px;
height: 20px;
padding: 1px;
}
.rc-icon-favorite-linear svg {
padding: 1px;
line-height: 1.1;
margin-top: -1px;
}
.gc-action__wrap .rc-icon-favorite-linear {
padding: 2px;
}
@media (min-width: 768px) {
.gc-meal__action-active .gc-meal__action-favorite .gc-meal__action-icon svg {
margin-top: 1px;
}
.gc-meal__action-icon.rc-icon-favorite-linear svg {
margin-top: -1px;
}
}
.gc-meal__action-log-meal .gc-meal__action-icon svg rect {
stroke: #003314;
}
.gc-meal__action-log-meal.gc-meal__action-active .gc-meal__action-icon-active svg path {
fill: #003314;
}
.gc-meal__action-log-meal.gc-meal__action-active .gc-meal__action-text {
color: #003314;
font-weight: 700;
}
.gc-meal__action-remove .gc-meal__action-icon svg {
width: 17px;
height: 17px;
}
.gc-meal__action-remove.gc-meal__action-active .gc-meal__action-icon svg path {
fill: #003314;
}
.gc-meal__action-remove.gc-meal__action-active .gc-meal__action-text {
font-weight: 700;
color: #003314;
}
.gc-meal__action-swap .gc-meal__action-icon svg path {
fill: #003314;
}
.gc-meal__action-swap.gc-meal__action-active .gc-meal__action-icon svg path {
fill: #003314;
}
.gc-meal__action-swap.gc-meal__action-active .gc-meal__action-text {
font-weight: 700;
color: #003314;
}
.gc-meal__action-swap.gc-meal__action-active:only-child {
justify-content: left !important;
margin: 0;
}
.rc-icon-swap {
margin-top: -1px;
}
.gc-meal__action-area {
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
padding: 15px 20px;
background-color: #f7e3ce;
}
.gc-meal__action-area .rc-icon-line-vertical svg {
width: 1px;
height: 10px;
}
.gc-meal__action-area .rc-icon-line-vertical svg line {
stroke: #003314;
opacity: 0.5;
}
.gc-nutrition-details-bar__values-wrapper {
display: flex;
justify-content: space-between;
padding: 0 20px;
color: #003314;
}
.gc-nutrition-details-bar__values-row {
display: flex;
align-items: flex-end;
}
.gc-nutrition-details-bar__values-row .gc-nutrition-details-bar__value-name {
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
.gc-nutrition-details-bar__value-qut {
position: relative;
}
.gc-nutrition-details-bar__value-unit {
margin-left: 2px;
white-space: nowrap;
text-overflow: ellipsis;
}
.gc-nutrition-details-bar__values-row-top {
position: relative;
}
html[dir=rtl] .gc-nutrition-details-bar__values-wrapper .gc-nutrition-details-bar__value-unit {
margin-left: 0;
margin-right: 4px;
}
.gc-popup-error__title {
color: #FB3865;
}
.gc-popup-error__btn-wrapper {
margin-bottom: 15px;
}
.gc-popup-error__description {
color: #003314;
padding-bottom: 20px;
}
.gc-popup-error__header-icon {
padding-bottom: 28px;
}
.gc-popup-error__header-icon svg path {
fill: #FB3865 !important;
}
.gc-popup-error__list ul {
padding-left: 0;
margin-bottom: 0;
display: inline-block;
color: #FB3865;
}
.gc-popup-error__list ul li {
list-style: none;
display: block;
}
.gc-popup-error__list ul li div {
display: flex;
align-items: center;
justify-content: center;
}
.gc-popup-error__list ul li div::before {
content: " ";
width: 6px;
height: 6px;
background-color: #FB3865;
display: inline-block;
margin-right: 5px;
border-radius: 100%;
}
.gc-popup-app-update__title {
text-align: center;
margin-top: 20px;
}
.gc-popup-pwa-instructions__pwa-image {
width: 50px;
height: 50px;
margin-bottom: 20px;
}
.gc-popup-pwa-instructions__title {
margin-top: 20px;
margin-bottom: 20px;
}
.gc-popup-pwa-instructions__line {
width: 100%;
margin-top: 20px;
margin-bottom: 0;
}
.gc-popup-pwa-instructions__instructions {
margin: 0 20px 20px;
}
.gc-popup-pwa-instructions__instructions-icon {
display: inline-block;
}
.gc-popup-pwa-instructions__instructions-icon-more {
transform: rotate(90deg);
}
.gc-popup-pwa-instructions__instructions-icon-more svg {
margin-bottom: 0;
width: 10px;
height: 10px;
}
.gc-popup-pwa-instructions__instructions-icon svg {
margin-bottom: 3px;
}
.gc-popup-pwa-instructions__instructions-icon svg path {
fill: #003314;
}
.gc-popup-pwa-instructions-more {
transform: rotate(90deg);
}
.gc-popup-pwa-instructions-more svg {
margin-bottom: 0;
width: 10px;
height: 10px;
}
.gc-popup-pwa-instructions-android-add-to-home svg {
margin-bottom: 0;
width: 20px;
height: 20px;
}
.gc-popup-pwa-instructions__instructions-text {
display: inline;
}
.gc-popup-upload-photos .gc-popup__button-close {
margin-top: -13px !important;
}
.gc-popup-upload-photos__sub-heading {
margin-top: 8px;
}
.gc-popup-upload-photos__error-text {
color: #FB3865;
text-align: center;
}
.gc-popup-upload-photos .gc-popup__title {
padding-bottom: 26px !important;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup__head {
padding-bottom: 32px;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper {
display: flex;
flex-direction: row;
padding-right: 24px;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card {
min-width: 33.333333%;
max-width: 33.333333%;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card:nth-child(2) {
margin: 0 12px !important;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-title {
text-align: center;
margin-bottom: 4px;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile {
width: 100%;
height: 168px;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile .pc-image-upload-card {
position: relative;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile .pc-image-upload-card .pc-image-upload-card__init .pc-image-upload-card__no-image .rc-icon {
background: #e6e6e6;
border-radius: 10px;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 100%;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile .pc-image-upload-card .pc-image-upload-card__init .pc-image-upload-card__no-image .rc-icon svg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile .pc-image-upload-card .pc-image-upload-card__init .pc-image-upload-card__no-image .rc-icon:focus {
opacity: 0.6;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile .pc-image-upload-card .pc-image-upload-card--with-close .rc-icon {
position: absolute;
right: 10px;
top: 10px;
z-index: 999;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile .pc-image-upload-card .pc-image-upload-card--with-close .rc-icon svg path {
fill: #ffffff;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile .pc-image-upload-card .pc-image-upload-card__has_image img {
height: 168px;
width: 100%;
border-radius: 10px;
object-fit: cover;
object-position: top center;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile .pc-image-upload-card .pc-image-upload-card__uploading-image {
width: 100%;
object-fit: cover;
height: 161px;
border-radius: 10px;
position: absolute;
top: 0;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile .pc-image-upload-card .pc-image-upload-card__has_image::after, .gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper .gc-popup-upload-photos__card .gc-popup-upload-photos__card-image-upload-tile .pc-image-upload-card .pc-image-upload-card__uploading::after {
content: " ";
display: block;
position: absolute;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
z-index: 0;
border-radius: 10px;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__private-check {
display: flex;
flex-direction: row;
margin-top: 16px;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__private-check .gc-popup-upload-photos__private-check-input {
margin-right: 12px;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__private-check .gc-popup-upload-photos__private-check-input .gc-input-radio-button-squared {
width: 16px;
height: 16px;
border-color: #003314;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__private-check .gc-popup-upload-photos__private-check-text {
margin-bottom: 12px;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__private-check .gc-popup-upload-photos__helper-only-you {
color: #FB3865;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__private-check .gc-popup-upload-photos__helper-team {
color: #003314;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__buffer {
max-width: 100%;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__buffer div {
height: 25px !important;
padding-top: 4px;
}
.gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__icon-complete .rc-icon {
display: flex;
justify-content: center;
}
html[dir="rtl"] .gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__private-check {
text-align: right;
}
html[dir="rtl"] .gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__private-check .gc-popup-upload-photos__private-check-input {
margin: 0px;
margin-left: 12px;
}
html[dir="rtl"] .gc-popup-upload-photos .gc-popup-upload-photos__body .gc-popup-upload-photos__content .gc-popup-upload-photos__cards-wrapper {
padding: 0px;
padding-left: 24px;
}
html[dir="rtl"] .gc-popup__body-content {
overflow-x: hidden;
}
.gc-popup-update-fitness-data__content {
margin-left: -20px;
margin-right: -20px;
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form {
padding: 0px 20px;
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form .gc-popup-update-fitness-data__form-row {
margin-right: 60px;
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form .gc-popup-update-fitness-data__input-measurement-wrapper {
display: flex;
justify-content: center;
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form .gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__right .gc-input-measurement-spinner__unit {
top: 70px;
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form .gc-input-measurement-spinner .gc-input-measurement-spinner__input .gc-input-measurement-spinner__right .gc-input-measurement-spinner__input-spinner {
bottom: 5px;
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form .gc-input-measurement-spinner .gc-input-measurement-spinner__error-message {
margin-top: 5px;
}
@media (max-width: 320px) {
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form .gc-popup-update-fitness-data__form-row {
margin-right: 30px;
}
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form-body-fat {
margin-top: 12px;
padding: 0;
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form-body-fat .input-body-fat .number-spinner {
margin-top: 32px;
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form-body-fat .input-body-fat .number-spinner__input-wrap input {
max-height: 57px;
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form-body-fat .gc-input-body-fat__carousel .gc-carousel-body-fat-slick__description .rc-text-content {
text-align: center;
}
.gc-popup-update-fitness-data .gc-popup-update-fitness-data__body .gc-popup-update-fitness-data__form-body-fat .gc-input-number-spinner {
margin-top: 32px;
}
.gc-popup-update-fitness-data--body_fat .gc-popup__content--desktop .gc-popup__body-content {
height: 385px;
max-height: 385px;
}
.gc-popup__content--desktop .gc-popup__body-content {
min-height: 100px;
}
.gc-popup-update-fitness-data__success {
text-align: center;
}
@media (min-width: 768px) {
.gc-popup-update-fitness-data .gc-popup__body-content {
overflow: hidden;
}
}
.gc-popup-delete-confirmation__title {
padding-bottom: 26px !important;
}
.gc-popup-delete-confirmation__title .gc-popup__button-close {
margin-top: -13px !important;
}
.gc-popup-delete-confirmation .gc-popup__title {
margin-top: -6px !important;
}
.gc-popup-delete-confirmation__heading {
color: #003314;
}
.gc-popup-delete-confirmation__content {
min-height: 150px;
}
.gc-popup-delete-confirmation__description {
color: #003314;
}
html[dir="rtl"] .gc-popup-content-page__content {
text-align: right;
}
.gc-popup-exercise-reps__body {
text-align: center;
color: #003314;
}
.gc-popup-exercise-reps__description {
margin-bottom: 32px;
}
.gc-popup-exercise-reps__default-reps, .gc-popup-exercise-reps__range-reps {
margin-bottom: 16px;
}
.gc-popup-exercise-reps__default-reps-heading, .gc-popup-exercise-reps__range-reps-heading, .gc-popup-exercise-reps__failure-reps-heading {
font-weight: 700;
}
.gc-feature-tour-popup__heading {
padding-bottom: 28px;
color: #003314;
text-transform: capitalize;
}
.gc-feature-tour-popup__video {
width: 100%;
height: auto;
border: 1px solid #003314;
margin-bottom: 20px;
border-radius: 15px;
}
.gc-feature-tour-popup__video::-webkit-media-controls {
display: none !important;
}
.gc-feature-tour-popup__image {
width: 100%;
max-height: 1000px;
border: 1px solid #003314;
margin-bottom: 20px;
margin-top: 20px;
border-radius: 15px;
object-fit: contain;
}
.gc-feature-tour-popup__content img {
width: 100%;
height: 335px;
border: 1px solid #003314;
margin-bottom: 20px;
}
.gc-feature-tour-popup__content p {
font-size: 14px;
line-height: 1.5;
text-align: left;
margin-bottom: 20px;
color: #003314;
}
@media (max-width: 320px) {
.gc-feature-tour-popup__video {
height: 260px;
}
}
html[dir="rtl"] .gc-feature-tour-popup__content p {
text-align: right;
}
.gc-popup-contact-support__input-wrapper:not(:last-of-type) {
margin-bottom: 12px;
}
.gc-popup-contact-support__label {
color: #003314;
margin-bottom: 8px;
}
.gc-popup--gender-info .gc-popup-sub-text-body p {
padding-bottom: 24px;
}
.gc-card-meal__slider {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 190px !important;
background: #003314;
height: 184px;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 8px 20px rgba(0, 51, 20, 0.3);
}
.gc-card-meal__header {
color: #FFFFFF;
}
.gc-card-meal__header .rc-text-content {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
.gc-card-meal__sub-header {
color: #FFFFFF;
word-break: break-word;
}
.gc-card-meal__sub-header .rc-text-content {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.gc-card-meal__button {
display: flex;
justify-content: flex-end;
color: #FFFFFF !important;
}
.gc-card-meal__button .rc-text-content {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
.gc-card-meal__slider:hover {
opacity: 0.7;
cursor: pointer;
}
.mealplan-slick-slider .slick-slide {
margin-right: -10px;
}
.gc-card-meal__header .rc-text-content {
line-height: 1.3;
}
@media screen and (min-width: 768px) {
.gc-card-meal__slider {
width: 100% !important;
}
}
html[dir=rtl] .gc-card-meal__header, html[dir=rtl] .gc-card-meal__sub-header {
text-align: right;
}
.select2-container .select2-search--inline .select2-search__field::placeholder {
color: #003314;
}
.select2-container--default .select2-search--inline .select2-search__field {
background-color: #ffffff00 !important;
border-radius: 0;
max-width: 280px;
min-width: 280px;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-appearance: none;
}
html[dir=rtl] .select2-container--default .select2-search--inline .select2-search__field {
max-width: unset;
min-width: unset;
}
.gc-card-content {
box-shadow: 0px 2px 10px 0px rgba(0, 51, 20, 0.4);
padding: 20px;
background-color: #e6e6e6;
border-radius: 10px;
}
.gc-card-content a {
word-break: break-all;
}
.gc-slider-workout-program {
margin-bottom: 32px;
}
.gc-slider-workout-program__header {
margin-bottom: 12px;
}
.gc-slider-workout-program__header .rc-text-content {
color: #003314;
}
.gc-slider-workout-program__header .rc-icon svg path {
fill: #003314;
}
.gc-slider-workout-program__week-slider {
overflow: hidden;
margin-left: -4px;
}
.gc-slider-workout-program__week-slider .slick-list {
margin-left: 4px;
margin-bottom: 16px;
margin-right: -1000px;
overflow: visible;
}
.gc-slider-workout-program__week-slider .slick-slide {
height: 212px;
width: 212px;
margin-right: 15px;
outline: none;
}
.gc-slider-workout-program__day-slider .slick-list {
margin-right: -1000px;
}
.gc-slider-workout-program__day-slider .slick-track {
display: flex !important;
}
.gc-slider-workout-program__day-slider .slick-slide {
width: max-content;
margin-right: 12px;
outline: none;
height: inherit !important;
max-width: 192px;
margin-bottom: 2px;
}
.gc-slider-workout-program__day-slider .slick-slide div, .gc-slider-workout-program__day-slider .slick-slide .gc-slider-workout-program-day-button {
height: 100% !important;
display: flex !important;
align-items: center;
max-height: 58px;
}
.gc-slider-workout-program__day-slider .slick-slide div .rc-text-content, .gc-slider-workout-program__day-slider .slick-slide .gc-slider-workout-program-day-button .rc-text-content {
overflow: hidden;
height: fit-content !important;
}
html[dir=rtl] .gc-slider-workout-program__day-slider .slick-list {
margin-left: -1000px;
margin-right: 0;
}
html[dir=rtl] .gc-slider-workout-program__week-slider .slick-list {
margin-right: 0;
margin-left: -1000px;
}
html[dir=rtl] .gc-slider-workout-program__week-slider .slick-slide {
margin-right: 0;
margin-left: 15px;
}
html[dir=rtl] .gc-slider-workout-program__day-slider .slick-slide {
margin-right: 0;
margin-left: 12px;
}
html[dir=rtl] .gc-slider-workout-program-day-button {
text-align: right;
}
html[dir=rtl] .gc-slider-workout-program__header .rc-icon {
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.pc-timer__wrap {
align-items: center;
justify-content: space-between;
display: flex;
padding: 16px 20px;
border: 2px solid #003314;
border-color: #003314;
border-radius: 10px;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
.pc-timer__wrap span {
position: relative;
letter-spacing: -1.28px;
color: #003314;
}
.pc-timer__left span {
position: relative;
letter-spacing: -1.28px;
color: #003314;
}
.pc-timer__right span {
line-height: 49px;
}
.pc-timer__right svg path {
fill: #003314;
}
.pc-timer__footer {
min-height: 50px;
}
.pc-timer__action-button {
display: flex;
justify-content: center;
align-items: center;
color: #003314 !important;
text-align: right;
margin-top: 16px !important;
margin-bottom: 16px;
}
.pc-timer .pc-timer__action-button:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-timer .pc-timer__btn-lg {
width: 52px !important;
height: 52px !important;
}
.pc-timer__wrap > a span svg path {
fill: #003314;
}
.pc-timer::after {
content: " ";
display: block;
margin: auto;
height: 1px;
width: 100%;
background: #003314;
margin-bottom: 12px;
margin-top: 0;
}
.pc-timer.pc-timer--with-workout-timer .pc-timer__left {
height: 58px !important;
}
.pc-timer.pc-timer--with-workout-timer .pc-timer-set-timer {
font-size: inherit;
}
.pc-timer.pc-timer--with-workout-timer .pc-timer-set-timer__header {
letter-spacing: -1.28px;
margin-bottom: -10px;
}
.pc-timer.pc-timer--with-workout-timer .pc-timer-set-timer {
line-height: 0 !important;
text-align: left;
}
.pc-timer.pc-timer--with-workout-timer .pc-timer-set-timer__time, .pc-timer.pc-timer--with-workout-timer .pc-timer-set-timer__time--with-sub-title {
height: auto;
display: inline-block;
margin-top: 8px;
letter-spacing: -0.576px !important;
text-align: left !important;
}
.pc-timer.pc-timer--with-workout-timer .time-active .pc-timer-set-timer__time {
text-align: left;
letter-spacing: -1.28px !important;
display: block !important;
height: 60px !important;
margin-top: 0 !important;
}
.pc-timer.pc-timer--with-workout-timer .time-active .pc-timer-set-timer__time--with-sub-title {
display: none !important;
}
@media (min-width: 992px) {
.pc-timer__footer {
min-height: 36px;
}
}
@media (min-width: 768px) {
.pc-timer__footer {
min-height: 36px;
}
}
.pc-timer-rest .pc-timer__wrap {
border: 2px solid #2DC417;
border-color: #2DC417 !important;
}
.pc-timer-rest .pc-timer__left span, .pc-timer-rest .pc-timer-set-timer__header, .pc-timer-rest .pc-timer__action-button {
color: #2DC417 !important;
}
.pc-timer-rest .pc-timer__right svg path {
fill: #2DC417 !important;
}
.pc-timer-rest--pending .pc-timer-rest__text-area--with-header {
margin-top: -4px;
margin-bottom: -4px;
}
.pc-timer-rest--pending .pc-timer-rest__text-area--with-header .pc-timer-set-timer__header {
margin-top: -5px;
}
.pc-timer-rest--pending .pc-timer-rest__text-area--with-header .pc-timer-rest--block {
line-height: 1;
padding-bottom: 4px;
padding-top: 2px;
}
.pc-timer-rest--pending .pc-timer-workout__text-area--without-header .pc-timer-workout__time-value {
line-height: 1;
}
.pc-timer-rest__text-area--without-header .pc-timer-set-timer__time, .pc-timer-rest__text-area--without-header .pc-timer-rest--block {
line-height: 1 !important;
}
.pc-timer-rest--playing .pc-timer-group {
margin: auto;
}
.pc-timer-stop-watch .pc-timer-set-timer__time--with-sub-title {
display: none;
}
.pc-timer-stop-watch--paused .pc-timer-set-timer__time--with-sub-title {
display: inline-block;
font-size: 22px;
padding-left: 4px;
font-weight: 400;
}
.pc-timer-stop-watch--paused .pc-timer-set-timer__time-second-title {
font-size: 36px;
display: inline-block;
}
.pc-timer-stop-watch--paused .pc-timer__wrap {
padding: 20px 20px;
}
.pc-timer-stop-watch--paused .pc-timer__action-button {
display: none;
}
.pc-timer-stop-watch--pending .pc-timer-set-timer__header {
line-height: 1.1;
color: #003314;
}
.pc-timer-stop-watch--pending .pc-timer-set-timer__time--with-sub-title, .pc-timer-stop-watch--pending .pc-timer-set-timer__time-second-title {
display: inline-block;
font-size: 18px;
font-weight: 700;
}
.pc-timer-workout--pending .pc-timer-workout__text-area--with-header {
margin-top: -4px;
margin-bottom: -4px;
}
.pc-timer-workout--pending .pc-timer-workout__text-area--with-header .pc-timer-workout__header {
margin-top: -5px;
}
.pc-timer-workout--pending .pc-timer-workout__text-area--with-header .pc-timer-workout__time-value {
line-height: 1;
padding-bottom: 4px;
padding-top: 2px;
}
.pc-timer-workout--pending .pc-timer-workout__text-area--without-header .pc-timer-workout__time-value {
line-height: 1;
}
.pc-timer-workout--playing .pc-timer-workout__time-value {
line-height: 1;
}
.pc-timer-workout--paused .pc-timer-workout__text-area--with-header {
margin-top: -4px;
margin-bottom: -4px;
}
.pc-timer-workout--paused .pc-timer-workout__text-area--with-header .pc-timer-workout__header {
margin-top: -5px;
}
.pc-timer-workout--paused .pc-timer-workout__text-area--with-header .pc-timer-workout__time-value {
line-height: 1;
padding-bottom: 4px;
padding-top: 2px;
}
.pc-timer-workout--paused .pc-timer-workout__text-area--without-header .pc-timer-workout__time-value {
line-height: 1;
}
html[dir=rtl] .pc-timer-workout--pending .pc-timer-workout__text-area--with-header .pc-timer-workout__time-value {
text-align: right;
}
.pc-timer-completed {
color: #003314;
}
.pc-timer-completed .pc-timer__wrap {
padding: 37px;
justify-content: center;
}
.pc-timer-completed .pc-timer-completed__icon {
margin-right: 8px;
margin-left: 8px;
}
.pc-timer-completed .pc-timer-completed__icon svg path {
fill: #2bff00;
}
@media (min-width: 992px) {
.pc-timer-completed .pc-timer-completed__icon:hover {
opacity: 1;
cursor: initial;
}
}
body {
width: 100%;
min-height: 100vh;
margin: 0;
}
#menu, .gc-sidebar__menu {
height: 100vh;
z-index: 1040;
text-align: center;
background: black !important;
padding: 0 !important;
}
.slideout-open .gc-sidebar .toggle-button.slideout-panel--button {
filter: invert(0);
}
body:has(.pc-navigation) {
background: #000;
}
.gc-sidebar__user-details-wrap {
display: flex;
flex-direction: row;
align-items: center;
padding-left: calc(env(safe-area-inset-left) + 24px);
padding-bottom: 48px;
padding-top: 100px;
}
.gc-sidebar__user-details-wrap .rc-text-content {
color: white !important;
}
.gc-sidebar .gc-sidebar__user-details-wrap:active {
opacity: 0.6;
}
.gc-sidebar__image-wrap {
width: 44px;
height: 44px;
margin-right: 12px;
}
.gc-sidebar__image-wrap img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
border: 1px solid #003314;
}
.gc-sidebar__profile-name {
white-space: nowrap;
}
.gc-sidebar .side-menu-bottom-wrap {
list-style: none;
padding: 140px 22px 32px 24px;
}
.gc-sidebar .side-menu-bottom-wrap li {
margin-bottom: 4px;
}
.gc-sidebar .side-menu-bottom-wrap li .rc-button .rc-text-content {
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
}
.gc-sidebar .side-menu-bottom-wrap li:last-of-type .rc-text-content {
text-decoration: none;
}
.gc-sidebar__list-item {
font-size: 12px;
font-weight: 600;
padding-top: 15px;
}
.gc-sidebar__list-item a {
color: white;
}
.gc-sidebar__list-item span {
color: white;
}
.gc-sidebar__list-item::after {
content: "";
display: block;
height: 1px;
margin-top: 15px;
width: 100%;
margin-left: auto;
margin-right: auto;
background: #626161;
}
.gc-sidebar a {
color: white;
}
.slideout-menu {
position: fixed;
top: 0;
bottom: 0;
height: 100vh;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 0;
display: none;
width: calc(280px + env(safe-area-inset-left)) !important;
color: white;
}
.slideout-menu .gc-side-bar__button-primary {
padding-left: calc(env(safe-area-inset-left) + 24px);
}
.slideout-menu .gc-side-bar__button-collapse .gc-side-bar__button-primary {
padding-left: calc(env(safe-area-inset-left) + 44px);
}
.slideout-menu-left {
left: 0;
}
.slideout-menu-right {
right: 0;
}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel {
overflow: hidden;
}
.slideout-open .slideout-menu {
display: block;
}
.slideout-panel--button {
z-index: 10 !important;
position: relative;
transform: none;
}
.gc-sidebar--hide .slideout-menu {
animation: menu-slide-right 0.5s ease-out;
animation-fill-mode: forwards;
/* animation: slide-left 0.3s ease-out; */
}
.gc-sidebar--close .slideout-menu {
animation: menu-slide-left 0.53s ease-in;
animation-fill-mode: forwards;
/* animation: slide-left 0.3s ease-out; */
}
.gc-sidebar__bg {
width: 100vw;
height: 100vh;
position: fixed;
margin: 0;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
animation: fadeIn ease 0.5s;
z-index: 1039;
}
@keyframes fadeIn {
0% {
background: rgba(0, 0, 0, 0);
}
100% {
background: rgba(0, 0, 0, 0.5);
}
}
.inside-ios .side-menu-bottom-wrap {
margin-bottom: calc(env(safe-area-inset-bottom) + 152px) !important;
margin-top: 140px;
padding-left: calc(env(safe-area-inset-left) + 24px);
}
@keyframes menu-slide-right {
0% {
opacity: 0;
transform: translateX(-300px);
}
70% {
opacity: 0.5;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes menu-slide-left {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-300px);
}
}
.side-menu-bottom-wrap__t-id {
padding-top: 5px;
font-size: 10px !important;
color: #7b7b7b;
font-weight: 400 !important;
}
.gc-sidebar__trainer-features .gc-side-bar__button-primary {
padding: 10px 36px;
padding-left: calc(env(safe-area-inset-left) + 36px);
}
.gc-sidebar__trainer-features-hidden {
display: none;
transition: 0.3s;
}
.gc-sidebar__trainer-features-shown {
transition: 0.3s;
display: block;
}
.app-side-menu {
position: relative;
}
.app-side-menu .rc-icon-ellipse {
position: absolute !important;
right: -2px;
top: -2px;
}
.app-side-menu .rc-icon-ellipse svg {
width: 12px;
height: 12px;
}
.app-side-menu .rc-icon-ellipse svg circle {
stroke: #003314;
}
html[dir=rtl] .gc-sidebar__user-details-wrap {
padding-left: 0;
padding-right: calc(env(safe-area-inset-right) + 24px);
}
html[dir=rtl] .gc-sidebar__user-details-wrap .gc-sidebar__image-wrap {
margin-right: 0;
margin-left: 12px;
}
html[dir=rtl] .gc-side-bar__button-primary, html[dir=rtl] .gc-side-bar__button-collapse {
padding-left: calc(env(safe-area-inset-left) + 24px);
padding-right: calc(env(safe-area-inset-right) + 24px);
}
html[dir=rtl] .gc-sidebar__trainer-features .gc-side-bar__button-primary {
padding-left: 36px;
padding-right: calc(env(safe-area-inset-right) + 36px);
}
html[dir=rtl] .slideout-menu-left {
left: auto;
right: 0;
}
html[dir=rtl] .inside-ios .side-menu-bottom-wrap {
padding-left: 24px;
padding-right: calc(env(safe-area-inset-right) + 24px);
}
html[dir=rtl] .gc-sidebar--hide .slideout-menu {
animation: menu-slide-left-RTL 0.5s ease-out;
animation-fill-mode: forwards;
/* animation: slide-left 0.3s ease-out; */
}
html[dir=rtl] .gc-sidebar--close .slideout-menu {
animation: menu-slide-right-RTL 0.53s ease-in;
animation-fill-mode: forwards;
/* animation: slide-left 0.3s ease-out; */
}
@keyframes menu-slide-left-RTL {
0% {
opacity: 0;
transform: translateX(300px);
}
70% {
opacity: 0.5;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes menu-slide-right-RTL {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(300px);
}
}
html[dir=rtl] .app-side-menu .rc-icon-ellipse {
right: inherit;
left: -15px;
top: -2px;
}
html[dir=rtl] .link_invitations .app-side-menu__icon-new {
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.gc-sidebar__icon-new {
position: absolute;
right: 0;
top: 0;
}
.gc-sidebar__link-icon-new {
margin-left: 8px;
margin-right: 8px;
}
.gc-sidebar__link-icon-new svg {
margin-bottom: 2px;
}
.gc-navigator-side-menu {
background-color: black;
}
.gc-navigator-side-menu .gc-sidebar__user-details-wrap {
padding-top: 60px;
}
@media (min-width: 992px) {
.gc-sidebar__user-details-wrap:hover {
opacity: 0.7;
cursor: pointer;
}
}
.gc-side-bar__button-collapse {
background: black;
min-height: 41px;
text-align: left;
padding-right: 0;
margin-bottom: 8px;
}
.gc-side-bar__button-collapse .gc-side-bar__button-collapse__wrapper {
min-height: 41px;
padding: 8px 24px;
padding-left: calc(24px + env(safe-area-inset-left));
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.gc-side-bar__button-collapse .gc-side-bar__button-collapse__wrapper:active {
background: rgba(0, 51, 20, 0.5);
}
.gc-side-bar__button-collapse .gc-side-bar__button-collapse__wrapper:hover {
cursor: pointer;
background: rgba(0, 51, 20, 0.5);
}
.gc-side-bar__button-collapse .rc-text-content {
color: white !important;
}
.gc-side-bar__button-collapse .rc-icon {
margin-top: 4px;
transform: rotate(0deg);
transition: 0.3s;
align-self: flex-start;
}
.gc-side-bar__button-collapse .rc-icon svg {
width: 16px;
height: 16px;
}
.gc-side-bar__button-collapse .rc-icon svg path {
fill: white;
}
.gc-side-bar__button-collapse .gc-side-bar__button-collapse__content {
margin-top: 8px;
}
.gc-side-bar__button-collapse__selected .rc-icon {
transform: rotate(180deg);
transition: 0.3s;
}
.gc-side-bar__button-primary {
background: black;
min-height: 41px;
text-align: left;
padding: 10px 24px;
display: flex;
align-items: center;
margin-bottom: 8px;
}
.gc-side-bar__button-primary .rc-text-content {
color: white !important;
}
.gc-side-bar__button-primary__sub {
padding-left: 40px;
}
.gc-side-bar__button-primary:active {
background: rgba(0, 51, 20, 0.5);
}
.gc-side-bar__button-primary__selected {
background: #003314;
}
.gc-side-bar__button-primary__selected .rc-text-content {
font-weight: 700;
color: white !important;
}
.gc-side-bar__button-primary:hover {
background: rgba(0, 51, 20, 0.35);
cursor: pointer;
}
.gc-navigation-bar {
display: flex;
justify-content: space-evenly;
text-align: center;
color: rgba(0, 51, 20, 0.6);
padding-bottom: 8px;
}
.gc-navigation-bar .gc-navigation-bar__tab {
padding: 10px 0;
width: 100%;
border-bottom: 1px solid #003314;
border-color: #003314;
font-size: 12px;
font-weight: 400;
line-height: 1.6;
}
.gc-navigation-bar .gc-navigation-bar__tab.gc-navigation-bar__tab--active {
box-shadow: 0 0 20px -4px rgba(0, 51, 20, 0.3);
border-bottom: 1px solid #003314;
color: #003314;
border-color: #003314;
font-size: 12px;
font-weight: 700;
z-index: 2;
}
.gc-navigation-bar .gc-navigation-bar__tab:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-card-measurement {
width: 100%;
background: #f7e3ce;
border-radius: 10px;
box-shadow: 0px 2px 15px rgba(0, 51, 20, 0.1);
padding: 20px;
color: #003314;
margin-bottom: 20px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.gc-card-measurement__main-wrapper {
padding-top: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.gc-card-measurement__header {
display: flex;
justify-content: space-between;
}
.gc-card-measurement__header .rc-icon svg path {
fill: #003314;
}
.gc-card-measurement__main-wrapper--first-card {
text-align: center;
padding-top: 20px;
}
.gc-card-measurement__measure-wrapper {
padding-top: 4px;
}
.gc-card-measurement__main-wrapper--empty-card {
text-align: center;
padding-top: 28px;
padding-left: 16px;
padding-right: 16px;
}
.gc-card-measurement__first-card--day {
padding-top: 4px;
}
.gc-card-measurement__measure {
padding-bottom: 4px;
}
.gc-card-measurement__measure span {
font-size: 18px;
}
.gc-card-measurement__measure .gc-card-measurement__difference span {
font-size: 12px;
}
.gc-card-measurement__more-button {
text-align: right;
padding-top: 20px;
color: #003314;
opacity: 0.5;
}
.gc-card-measurement__more-button--one-entry {
padding-top: 4px !important;
}
.gc-card-measurement__measure-right--wrapper .gc-card-measurement__day {
float: right;
}
.gc-card-measurement__measure-middle--wrapper {
position: relative;
}
.gc-card-measurement__measure-middle--wrapper .gc-card-measurement__measure svg path {
fill: #003314;
}
.gc-card-measurement__arrow-top-measure {
position: absolute;
left: 0;
right: 0;
top: -25px;
text-align: center;
}
.gc-card-measurement__difference {
color: #003314;
white-space: nowrap;
}
.gc-card-measurement__difference--no-percentage {
margin-top: 20px;
}
.gc-card-measurement-on-tap {
opacity: 0.6;
}
.gc-card-measurement:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-card-measurement:hover .rc-icon:hover {
opacity: 1;
}
@media (min-width: 768px) {
.pc-my-journey .gc-card-measurement__main-wrapper--first-card {
min-height: 98px;
}
.pc-my-journey .gc-card-measurement__main-wrapper, .pc-my-journey .gc-card-measurement__main-wrapper--empty-card {
min-height: 79px;
}
}
html[dir=rtl] .gc-card-measurement__header .rc-icon-forward {
transform: scaleX(-1);
}
html[dir=rtl] .gc-card-measurement__measure svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-card-measurement__measure-left--wrapper .gc-card-measurement__measure, html[dir=rtl] .gc-card-measurement__measure-left--wrapper .gc-card-measurement__day {
text-align: right;
}
html[dir=rtl] .gc-card-measurement__measure-right--wrapper .gc-card-measurement__measure, html[dir=rtl] .gc-card-measurement__measure-right--wrapper .gc-card-measurement__day {
text-align: left;
float: unset;
}
html[dir=rtl] .gc-card-measurement__more-button {
text-align: left;
}
.gc-card-measurement-detailed {
width: 100%;
background: #f7e3ce;
border-radius: 10px;
box-shadow: 0px 2px 15px rgba(0, 51, 20, 0.1);
padding: 20px;
color: #003314;
margin-bottom: 20px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.gc-card-measurement-detailed__difference--first-section {
text-align: center;
padding-top: 16px;
}
.gc-card-measurement-detailed__difference--first-section span {
font-size: 18px;
}
.gc-card-measurement-detailed__main-wrapper {
padding-top: 4px;
display: flex;
justify-content: space-between;
align-items: center;
}
.gc-card-measurement-detailed__header {
display: flex;
justify-content: space-between;
}
.gc-card-measurement-detailed__header .rc-icon svg path {
fill: #003314;
}
.gc-card-measurement-detailed__main-wrapper--first-card {
text-align: center;
padding-top: 20px;
}
.gc-card-measurement-detailed__measure-wrapper {
padding-top: 4px;
}
.gc-card-measurement-detailed__measure-wrapper span {
font-size: 18px;
}
.gc-card-measurement-detailed__main-wrapper--empty-card {
text-align: center;
padding-top: 28px;
padding-left: 16px;
padding-right: 16px;
}
.gc-card-measurement-detailed__first-card--day {
padding-top: 4px;
}
.gc-card-measurement-detailed__measure {
padding-bottom: 4px;
}
.gc-card-measurement-detailed__measure span {
font-size: 18px;
}
.gc-card-measurement-detailed__measure .gc-card-measurement__difference span {
font-size: 12px;
}
.gc-card-measurement-detailed__more-button {
text-align: right;
padding-top: 20px;
color: #003314;
opacity: 0.5;
}
.gc-card-measurement-detailed__measure-right--wrapper .gc-card-measurement__day {
float: right;
}
.gc-card-measurement-detailed__measure-middle--wrapper {
position: relative;
}
.gc-card-measurement-detailed__measure-middle--wrapper .gc-card-measurement__measure svg path {
fill: #003314;
}
.gc-card-measurement-detailed .gc-card-measurement-detailed__measure svg path {
fill: #003314;
}
.gc-card-measurement-detailed__arrow-top-measure {
position: absolute;
left: 0;
right: 0;
top: -8px;
text-align: center;
}
.gc-card-measurement-detailed__difference {
color: #003314;
white-space: nowrap;
}
.gc-card-measurement-detailed-on-tap {
opacity: 0.6;
}
.gc-card-measurement-detailed:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-card-measurement-detailed:hover .rc-icon:hover {
opacity: 1;
}
html[dir=rtl] .gc-card-measurement-detailed__header .rc-icon-forward {
transform: scaleX(-1);
}
html[dir=rtl] .gc-card-measurement-detailed__measure svg {
transform: scaleX(-1);
}
html[dir=rtl] .gc-card-measurement-detailed__measure-left--wrapper .gc-card-measurement-detailed__day {
max-width: fit-content;
}
html[dir=rtl] .gc-card-measurement-detailed__more-button {
text-align: left;
}
.gc-card-photo-journey-compare {
width: 100%;
background: #f7e3ce;
border-radius: 10px;
box-shadow: 0px 2px 15px rgba(0, 51, 20, 0.1);
padding: 20px;
padding-bottom: 24px;
color: #003314;
margin-bottom: 20px;
}
.gc-card-photo-journey-compare--empty {
padding-bottom: 20px;
}
.gc-card-photo-journey-compare__before {
padding-top: 16px;
}
.gc-card-photo-journey-compare__now {
padding-top: 16px;
}
.gc-card-photo-journey-compare__second-title {
text-align: center;
}
.gc-card-photo-journey-compare__second-title .rc-text-content {
display: flex;
justify-content: center;
}
.gc-card-photo-journey-compare__header {
display: flex;
justify-content: space-between;
}
.gc-card-photo-journey-compare__header .rc-icon svg path {
fill: #003314;
}
.gc-card-photo-journey-compare__more-button {
text-align: right;
padding-top: 12px;
opacity: 0.5;
color: #003314;
}
.gc-card-photo-journey-compare__images {
height: 152px;
object-fit: cover;
object-position: top center;
border-radius: 10px;
width: 100%;
}
.gc-card-photo-journey-compare__image-wrapper {
padding-top: 8px;
margin-right: -3px;
margin-left: -3px;
}
.gc-card-photo-journey-compare__images-wrap:first-child {
padding-right: 4px;
}
.gc-card-photo-journey-compare__images-wrap:last-child {
padding-left: 4px;
}
.gc-card-photo-journey-compare__images-wrap {
padding-left: 4px;
padding-right: 4px;
}
.gc-card-photo-journey-compare__initial {
text-align: center;
padding-top: 16px;
}
.gc-card-photo-journey-compare__empty {
text-align: center;
padding-top: 28px;
}
@media only screen and (min-width: 992px) {
.gc-card-photo-journey-compare:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-card-photo-journey-compare:hover .rc-icon:hover {
opacity: 1;
}
}
@media only screen and (min-width: 666px) {
.gc-card-photo-journey-compare__images {
height: 310px;
}
}
.gc-card-photo-journey-compare-on-tap {
opacity: 0.6;
}
html[dir=rtl] .gc-card-photo-journey-compare__more-button {
text-align: left;
}
.gc-card-photo-compare-empty {
background: #e6e6e6;
height: 152px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
}
.gc-card-photo-compare-empty .rc-icon-camera svg path {
fill: #003314;
}
@media only screen and (min-width: 666px) {
.gc-card-photo-compare-empty {
height: 310px;
}
}
.gc-video-player {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
height: calc(100vw / 1.77);
max-height: 100vh;
/********************************************************************************************************** */
/********************************************************************************************************** */
}
.gc-video-player__wrapper {
height: 100%;
}
.gc-video-player--fullscreen {
position: fixed;
background-color: #000;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 99;
}
.gc-video-player--fullscreen .gc-video-player__wrapper {
height: 100% !important;
}
.gc-video-player--fullscreen .gc-video-player__close-controller {
position: fixed;
z-index: 1000;
top: calc(25px + env(safe-area-inset-top));
right: calc(25px + env(safe-area-inset-right));
}
.gc-video-player--fullscreen .gc-video-player__close-controller svg path {
fill: #fff;
}
.gc-video-player__image-thumb {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
margin-top: 0;
z-index: 0;
vertical-align: middle;
border-style: none;
}
.gc-video-player__video-area {
height: 100%;
z-index: 2;
}
.gc-video-player__icon-controller svg path {
fill: #fff;
}
.gc-video-player__video-wrapper {
margin-top: 0 !important;
height: 100% !important;
width: 100% !important;
z-index: -1;
}
.gc-video-player__video-wrapper .vjs-control-bar {
height: 0 !important;
}
.gc-video-player__video-wrapper iframe {
width: 100%;
height: 100%;
z-index: -2;
}
.gc-video-player__video-wrapper .vjs-slider {
margin: 0 !important;
}
.gc-video-player__video-wrapper .vjs-play-progress {
background: #FB3865 !important;
}
.gc-video-player__video-wrapper .vjs-play-progress::before {
color: #FB3865 !important;
}
.gc-video-player .vjs-time-tooltip {
display: none;
}
.gc-video-player .video-js--fullscreen {
display: contents !important;
vertical-align: middle;
}
.gc-video-player__content-col {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.gc-video-player__content-col-left .replay {
width: 32px;
}
.gc-video-player__content {
height: 100%;
position: absolute;
display: flex;
width: 100%;
z-index: 999;
margin-right: 0 !important;
margin-left: 0 !important;
}
.gc-video-player__area-loading {
position: absolute;
width: 100%;
background: #000;
color: #fff;
font-size: 13px;
height: 100%;
}
.gc-video-player__content-col--loading {
height: 100%;
padding-bottom: 0 !important;
}
.gc-video-player__content-container {
margin: 20px;
}
.gc-video-player__content-container--l-b {
left: 0;
bottom: 0;
}
.gc-video-player__content-container--r-b {
right: 0;
bottom: 0;
}
.gc-video-player .vjs-tech {
pointer-events: none;
}
.gc-video-player__video-wrapper .vjs-progress-holder .vjs-play-progress, .gc-video-player__video-wrapper .vjs-progress-holder .vjs-load-progress, .gc-video-player__video-wrapper .vjs-progress-holder .vjs-load-progress div {
height: 0.4em !important;
}
.gc-video-player .vjs-default-skin.vjs-paused .vjs-big-play-button {
display: none;
}
.gc-video-player__video-wrapper .vjs-control-bar {
height: 0 !important;
}
.gc-video-player__video-wrapper .vjs-slider {
margin: 0 !important;
}
.gc-video-player .vjs-time-tooltip {
display: none;
}
.gc-video-player__video-wrapper .vjs-play-progress {
background: #FB3865 !important;
}
.gc-video-player__video-wrapper .vjs-play-progress::before {
color: #FB3865 !important;
}
.gc-video-player__content-col {
display: flex;
align-items: center;
justify-content: center;
}
.gc-video-player__content {
height: 100%;
position: absolute;
display: flex;
width: 100%;
z-index: 999;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: env(safe-area-inset-right);
padding-left: env(safe-area-inset-left);
background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.25) 0%);
}
.gc-video-player__content-container {
margin: 20px;
}
.gc-video-player .vjs-tech {
pointer-events: none;
}
.gc-video-player .vjs-default-skin.vjs-paused .vjs-big-play-button {
display: none;
}
.video-open-fullscreen {
overflow: hidden;
width: 100%;
min-height: 100vh;
margin: 0;
height: 100vh;
}
html[dir=rtl] .gc-video-player__content-container--r-b {
left: 0;
bottom: 0;
}
html[dir=rtl] .gc-video-player__content-container--l-b {
right: 0 !important;
text-align: right;
}
html[dir=rtl] .gc-video-player__video-area {
direction: ltr;
}
@media (min-width: 992px) {
.gc-video-player__icon-play svg {
width: 80px;
height: 80px;
}
.pc-container-single-exercise__video-icon-swap svg {
width: 36px;
height: 36px;
}
}
@media (min-width: 768px) {
.gc-video-player__icon-play svg {
width: 80px;
height: 80px;
}
.pc-container-single-exercise__video-icon-swap svg {
width: 36px;
height: 36px;
}
}
.gc-video-player-seek-bar {
direction: ltr;
}
.gc-video-player-seek-bar .gc-video-player-seek-bar__bar {
-webkit-appearance: none;
position: absolute;
z-index: 1000;
bottom: 0;
height: 4px;
width: 100%;
overflow-y: var(--thumb-visibility);
}
.gc-video-player-seek-bar .gc-video-player-seek-bar__bar:focus {
outline: none;
}
.gc-video-player-seek-bar .gc-video-player-seek-bar__timer {
position: absolute;
z-index: 1000;
bottom: 0;
margin-bottom: 20px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.gc-video-player-seek-bar__slider {
-webkit-appearance: none;
width: 100%;
height: 8px;
border-radius: 0;
background: #003314;
outline: none;
-webkit-transition: 1s;
transition: opacity 1s;
position: absolute;
bottom: 0;
z-index: 1000;
cursor: pointer;
}
.gc-video-player-seek-bar__slider:hover {
opacity: 1;
}
.gc-video-player-seek-bar__slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #003314;
cursor: pointer;
}
.gc-video-player-seek-bar__slider::-moz-range-thumb {
width: 20px;
height: 20px;
border-radius: 50%;
background: #003314;
cursor: pointer;
}
.gc-video-player--fullscreen .gc-video-player-seek-bar__slider {
bottom: calc(10px + env(safe-area-inset-bottom));
}
.gc-video-player--fullscreen .gc-video-player-seek-bar .gc-video-player-seek-bar__timer {
margin-bottom: calc(20px + 10px + env(safe-area-inset-bottom));
}
@media (min-width: 992px) {
.gc-video-player-seek-bar__slider {
bottom: 16px;
}
.gc-video-player-seek-bar .gc-video-player-seek-bar__timer {
margin-bottom: 32px;
}
.gc-page--with-side-bar .gc-video-player--fullscreen {
z-index: 1000;
}
}
.gc-chart__wrapper {
width: 86%;
overflow-x: auto;
display: flex;
}
html[dir=rtl] .gc-chart__wrapper {
direction: ltr;
}
.gc-navigator-bottom-bar .gc-card-navigation {
margin-top: 12px;
}
.gc-navigator-bottom-bar__static-area {
min-height: var(--bottom-navigation-height);
clear: both;
}
.gc-navigator-bottom-bar__container {
position: fixed;
bottom: 0;
width: 100%;
background-color: #003314;
box-shadow: 0px -2px 4px rgba(0, 51, 20, 0.25);
z-index: 1040;
display: flex;
justify-content: space-between;
align-content: center;
flex-wrap: wrap;
min-height: calc(var(--bottom-navigation-height) + env(safe-area-inset-bottom));
scroll-behavior: smooth;
transform: translate3d(0, 0, 0);
padding-top: 16px;
padding-bottom: calc(28px + env(safe-area-inset-bottom));
margin-bottom: calc(0px - env(safe-area-inset-bottom));
}
.gc-navigator-bottom-bar .rc-icon-underline {
display: none;
position: absolute;
margin-top: 3px;
left: 0px;
right: 0;
}
.gc-navigator-bottom-bar .rc-icon-underline svg {
width: 12px;
height: 3px;
}
.gc-navigator-bottom-bar .rc-icon-underline svg rect {
fill: var(--header-elements-color);
}
.gc-navigator-bottom-bar__link--active .rc-icon-underline {
display: block;
}
.gc-navigator-bottom-bar__link {
transition: all 0.3s ease;
position: relative;
justify-content: center;
text-align: center;
flex-direction: column;
}
.gc-navigator-bottom-bar__link--add .gc-navigator-bottom-bar__link-icon--active {
transform: rotate(45deg);
}
.gc-navigator-bottom-bar__link--menu {
padding-right: calc(20px + env(safe-area-inset-right));
}
.gc-navigator-bottom-bar__link--menu .rc-icon-ellipse {
position: absolute;
top: -4px;
right: -4px;
}
.gc-navigator-bottom-bar__link--menu .rc-icon-ellipse svg {
height: 8px;
width: 8px;
}
.gc-navigator-bottom-bar__link--home {
padding-left: calc(20px + env(safe-area-inset-left));
}
.gc-navigator-bottom-bar__icon {
transform: translate3d(0, 0, 0);
}
.gc-navigator-bottom-bar__icon .rc-icon-camera svg, .gc-navigator-bottom-bar__icon .rc-icon-scale svg {
width: 20px;
}
.gc-navigator-bottom-bar__icon .rc-icon-menu.rc-icon--md1 svg {
height: 25px;
width: 25px;
}
.gc-navigator-bottom-bar__link--workout .gc-navigator-bottom-bar__link-text, .gc-navigator-bottom-bar__link--meal .gc-navigator-bottom-bar__link-text, .gc-navigator-bottom-bar__link--menu .gc-navigator-bottom-bar__link-text {
flex-direction: row;
display: flex;
justify-content: space-around;
}
.gc-navigator-bottom-bar__link-icon {
flex-direction: row;
display: flex;
justify-content: space-around;
}
.gc-navigator-bottom-bar__link-icon svg path {
fill: var(--header-elements-color);
}
.gc-navigator-bottom-bar__link-icon--active {
opacity: 1;
}
.gc-navigator-bottom-bar__container-plans {
padding-bottom: calc(var(--bottom-navigation-height) + 20px + env(safe-area-inset-bottom));
padding-top: 80px;
display: flex;
flex-direction: column;
justify-content: center;
justify-items: center;
height: max-content;
scroll-behavior: smooth;
min-height: 100%;
}
.gc-navigator-bottom-bar__container-plans .pc-dashboard__card-empty {
margin-top: 12px;
}
.gc-navigator-bottom-bar__floating-area {
transform: translate3d(0, 0, 0);
overflow: visible;
z-index: 900;
width: 100vw;
height: calc(120vh + 5px - var(--bottom-navigation-height) - env(safe-area-inset-bottom));
scroll-behavior: smooth;
position: fixed;
margin: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
transition: visibility 0.5s ease, opacity 0.5s ease;
}
.gc-navigator-bottom-bar__floating-area--plans {
overflow-x: hidden;
overflow-y: auto;
background: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
top: 0;
padding-bottom: calc(20px + var(--bottom-navigation-height));
padding-top: calc(20px + env(safe-area-inset-top));
height: initial;
}
.gc-navigator-bottom-bar__link--community-chat .rc-icon-ellipse {
position: absolute;
top: -3px;
right: -1px;
}
.gc-navigator-bottom-bar__link--community-chat .rc-icon-ellipse svg {
width: 10px;
height: 10px;
}
.gc-navigator-bottom-bar__link--community-chat .rc-icon-ellipse svg circle {
stroke: #003314;
fill: var(--header-elements-color);
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-wrapper {
width: 100vw;
height: calc(100vh - var(--bottom-navigation-height));
background: transparent;
position: fixed;
top: 0;
z-index: 1039;
/* bottom bar -1 */
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-pointer {
position: absolute;
bottom: -13px;
left: 44%;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-pointer svg path {
fill: #003314;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area {
position: fixed;
bottom: 86px;
right: 10vw;
width: 175px;
height: 90px;
background: #003314;
border-radius: 8px;
padding: 10px 0px;
display: flex;
flex-direction: column;
gap: 8px;
}
@media screen and (max-width: 900px) {
.gc-navigator-bottom-bar__link--community-chat__floating-area {
right: calc((100vw / 5.5));
}
}
@media screen and (max-width: 850px) {
.gc-navigator-bottom-bar__link--community-chat__floating-area {
right: calc((100vw / 5.5) - 11px);
}
}
@media screen and (max-width: 750px) {
.gc-navigator-bottom-bar__link--community-chat__floating-area {
right: calc((100vw / 5.5) - 18px);
}
}
@media screen and (max-width: 650px) {
.gc-navigator-bottom-bar__link--community-chat__floating-area {
right: calc((100vw / 5.5) - 25px);
}
}
@media screen and (max-width: 550px) {
.gc-navigator-bottom-bar__link--community-chat__floating-area {
right: calc((100vw / 5.5) - 32px);
}
}
@media screen and (max-width: 450px) {
.gc-navigator-bottom-bar__link--community-chat__floating-area {
right: calc((100vw / 5.5) - 37px);
}
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link {
display: flex;
padding: 6px 16px;
justify-content: space-between;
align-items: center;
color: var(--header-elements-color);
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link svg path {
fill: var(--header-elements-color);
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link-icon-wrapper {
display: flex;
position: relative;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link-icon-wrapper .rc-icon-chat g {
opacity: 1;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link-icon-wrapper .rc-icon-ellipse {
display: block;
position: absolute;
margin: 0;
right: 6px;
top: -3px;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link-icon-wrapper .rc-icon-ellipse svg {
width: 10px;
height: 10px;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link-icon-wrapper .rc-icon-ellipse svg circle {
stroke: #003314;
fill: var(--header-elements-color);
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link--active {
opacity: 1;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link--active .rc-icon-underline {
display: block;
position: absolute;
margin: 0;
left: -2px;
margin-bottom: 3px;
right: auto;
transform: rotate(90deg);
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link--active .rc-icon-underline svg {
width: 16px;
height: 3px;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link--active .rc-icon-underline svg rect {
width: 14px;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link-items {
display: flex;
align-items: center;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link-items .rc-icon-chat, .gc-navigator-bottom-bar__link--community-chat__floating-area-link-items .rc-icon-community {
margin-right: 8px;
}
.gc-navigator-bottom-bar__link--community-chat__floating-area-link-items .rc-icon-chat svg, .gc-navigator-bottom-bar__link--community-chat__floating-area-link-items .rc-icon-community svg {
width: 20px;
height: 20px;
}
.gc-navigator-bottom-bar__floating-area-buttons {
flex-wrap: wrap;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
padding-left: 30px;
padding-right: 30px;
width: 100vw;
padding-bottom: calc(var(--bottom-navigation-height) + 20px + env(safe-area-inset-bottom));
bottom: 0;
}
.gc-navigator-bottom-bar__floating-area-buttons .gc-navigator-bottom-bar__text {
margin-top: 2px;
}
@media screen and (orientation: portrait) and (min-width: 380px) {
.gc-navigator-bottom-bar__floating-area-buttons {
max-width: 380px;
margin: 0 calc(50% - 190px);
}
}
.gc-navigator-bottom-bar__floating-area-button-separator:nth-last-child(3):nth-child(3) {
flex: 0 0 100%;
/* Let it fill the entire space horizontally */
}
.gc-navigator-bottom-bar__floating-area-button {
margin-top: 16px;
margin-right: 10px;
margin-left: 10px;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 16px;
width: 85px;
height: 85px;
background: #003314;
box-shadow: 0px 8px 20px rgba(0, 51, 20, 0.3);
/* Shadow-Primary */
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
border-radius: 200px;
}
@media screen and (max-width: 320px) {
.gc-navigator-bottom-bar__floating-area-button {
width: 74px;
height: 74px;
}
}
.gc-navigator-bottom-bar__floating-area-button-icon svg path {
fill: #FFFFFF;
}
.gc-navigator-bottom-bar__floating-area-button__floating-area-button:focus {
opacity: 0.5;
}
.gc-navigator-bottom-bar__floating-area-button-icon.rc-icon-scale svg path, .gc-navigator-bottom-bar__floating-area-button-icon.rc-icon-camera svg path {
stroke: #FFFFFF;
stroke: transparent;
}
.gc-navigator-bottom-bar__floating-area-button-text {
color: #FFFFFF;
}
.gc-navigator-bottom-bar__floating-area-button:active {
opacity: 0.5;
}
.gc-navigator-bottom-bar .gc-navigator-bottom-bar__link {
display: flex;
align-items: center;
}
.gc-navigator-bottom-bar .gc-navigator-bottom-bar__link--active {
opacity: 1 !important;
}
.gc-navigator-bottom-bar .gc-navigator-bottom-bar__link-icon--active {
opacity: 1 !important;
}
.gc-navigator-bottom-bar .gc-navigator-bottom-bar__link--meal .rc-icon-mealplan-linear svg path {
fill: transparent;
stroke: #003314;
}
.gc-navigator-bottom-bar .gc-navigator-bottom-bar__link--meal .rc-icon-mealplan-filled svg path {
fill: #003314;
}
.gc-navigator-bottom-bar__container-chat .chat-button {
visibility: hidden;
}
.gc-navigator-bottom-bar__container-chat .str-chat.str-chat__channel {
padding-bottom: calc(var(--bottom-navigation-height));
}
.gc-cf-popup--open .gc-navigator-bottom-bar .gc-navigator-bottom-bar__container {
z-index: 100;
}
.video-player-fullscreen .gc-navigator-bottom-bar, .gc-cf-popup--open .gc-navigator-bottom-bar, .with-media-popup .gc-navigator-bottom-bar, .gc-cf-slider-image-popup--open .gc-navigator-bottom-bar {
display: none;
}
.with-bottom-bar .gc-cf-view-post__comment {
bottom: var(--bottom-navigation-height);
}
.with-bottom-bar .gc-card-food-diary-main {
margin-bottom: 28px;
}
.with-bottom-bar .gc-cf-navigation-community__side-menu, .with-bottom-bar .pc-dashboard__card-my-journey-with-input {
display: none;
}
.with-bottom-bar .gc-page-fixed-footer__fixed-area {
padding-bottom: calc(40px + env(safe-area-inset-bottom) + var(--bottom-navigation-height));
}
.with-bottom-bar .pc-dashboard__nav-bar-header .gc-sidebar, .with-bottom-bar .gc-header-page .gc-sidebar {
visibility: hidden;
}
.with-bottom-bar .fixed-bottom {
padding-bottom: calc(30px + var(--bottom-navigation-height));
}
.with-bottom-bar .pc-meal-plan-shopping-list__button-container {
bottom: calc(35px + var(--bottom-navigation-height));
}
.with-bottom-bar .pc-meal-plan-shopping-days__container {
padding-bottom: 75px;
height: 100%;
}
.with-bottom-bar .pc-contact-us__footer {
bottom: var(--bottom-navigation-height) !important;
}
.bottom-bar-expanded {
position: fixed;
}
.bottom-bar-expanded .fixed-bottom.footer {
display: none;
}
.chat-app-open .gc-navigator-bottom-bar__link--chat {
opacity: 1;
}
.bottom-bar-expanded .message-input {
padding-bottom: 0;
}
.gc-navigator-bottom-bar__link--chat .rc-icon-ellipse {
position: absolute;
top: -2px;
right: -2px;
}
.gc-navigator-bottom-bar__link--chat .rc-icon-ellipse svg {
width: 10px;
height: 10px;
}
.gc-navigator-bottom-bar__link--chat .rc-icon-ellipse svg circle {
fill: var(--header-elements-color);
stroke: var(--bg-headers);
}
.chat-app-open.bottom-bar-expanded .str-chat.str-chat__channel {
z-index: 800;
}
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat__floating-area-link-items .rc-icon {
margin-right: 0;
margin-left: 8px;
}
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat__floating-area-link--active .rc-icon-underline {
left: auto;
right: -2px;
}
html[dir="rtl"] .gc-navigator-bottom-bar__link {
transition: all 0.5s;
}
html[dir="rtl"] .gc-navigator-bottom-bar__link--menu {
padding-left: calc(30px + env(safe-area-inset-left));
padding-right: 0;
}
html[dir="rtl"] .gc-navigator-bottom-bar__link--home {
padding-right: calc(31px + env(safe-area-inset-right));
padding-left: 0;
}
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat__floating-area {
left: 10vw;
right: auto;
}
@media screen and (max-width: 900px) {
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat__floating-area {
left: calc((100vw / 5.5));
}
}
@media screen and (max-width: 850px) {
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat__floating-area {
left: calc((100vw / 5.5) - 11px);
}
}
@media screen and (max-width: 750px) {
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat__floating-area {
left: calc((100vw / 5.5) - 18px);
}
}
@media screen and (max-width: 650px) {
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat__floating-area {
left: calc((100vw / 5.5) - 25px);
}
}
@media screen and (max-width: 550px) {
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat__floating-area {
left: calc((100vw / 5.5) - 32px);
}
}
@media screen and (max-width: 450px) {
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat__floating-area {
left: calc((100vw / 5.5) - 37px);
}
}
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat__floating-area-link-icon-wrapper .rc-icon-ellipse {
left: -3px;
right: auto;
}
html[dir="rtl"] .gc-navigator-bottom-bar__link--community-chat .rc-icon-ellipse {
left: -1px;
right: auto;
}
.ma-loading .gc-navigator-bottom-bar__container {
z-index: 1029;
}
@media screen and (max-width: 900px) {
.gc-navigator-bottom-bar__link-icon.rc-icon:hover {
opacity: 1;
}
}
.gc-input-group-ingredients__title {
text-align: center;
color: #003314;
margin-top: 20px;
}
.gc-input-group-ingredients__sub-title {
text-align: center;
color: #003314;
margin-bottom: 10px;
margin-top: 4px;
}
.gc-input-group-ingredients .select2-selection__choice {
display: none;
}
.gc-input-group-ingredients .gc-input-action-search {
padding: 24px 0;
}
.pc-progress .gc-input-group-ingredients__sub-title, .pc-subscription .gc-input-group-ingredients__sub-title {
color: #003314;
}
.gc-input-group-ingredients-sub-accordian {
margin-bottom: 10px;
border: none !important;
}
.gc-input-group-ingredients-sub-accordian__main--dislike-all {
border-color: #FB3865 !important;
}
.gc-input-group-ingredients-sub-accordian__main--dislike-all .gc-button-secondary-accordion__left-section .gc-button-secondary-accordion__text {
font-weight: 700;
color: #FB3865 !important;
}
.gc-input-group-ingredients-sub-accordian__main--dislike-all .gc-button-secondary-accordion__left-section .gc-button-secondary-accordion__sub-text {
font-weight: 400;
color: #FB3865 !important;
}
.gc-input-group-ingredients-sub-accordian__main--dislike-all .gc-button-secondary-accordion__right-section .rc-icon-forward svg path {
fill: #FB3865 !important;
}
.gc-input-group-ingredients-sub-accordian__wrapper {
display: flex;
align-items: center;
}
.gc-input-group-ingredients-sub-accordian__wrapper .rc-icon-dislike {
transform: rotate(0deg) !important;
}
.gc-input-group-ingredients-sub-accordian__square-radio--content {
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #003314;
width: 11px;
height: 11px;
border-radius: 50%;
}
.gc-input-group-ingredients-sub-accordian__square-radio {
width: 25px;
height: 25px;
border: 1px solid #003314;
border-color: #003314;
border-radius: 2px;
position: relative;
opacity: 1;
transition: all 0.3s ease-in;
margin-right: 15px;
}
.gc-input-group-ingredients-sub-accordian__dislike-radio {
position: relative;
opacity: 1;
transition: all 0.3s ease-in;
margin-right: 8px;
}
.gc-input-group-ingredients-sub-accordian__dislike-radio .rc-icon-dislike svg path {
fill: #FB3865;
}
.gc-input-group-ingredients-sub-accordian .gc-button-secondary-accordion:active {
background-color: transparent;
opacity: 0.6;
}
.gc-input-group-ingredients-sub-accordian .rc-button {
border: none;
}
.gc-input-group-ingredients-sub-accordian .rc-button .gc-button-secondary-accordion__left-section .gc-button-secondary-accordion__text {
font-weight: 700;
color: #003314;
}
.gc-input-group-ingredients-sub-accordian .rc-button .gc-button-secondary-accordion__left-section .gc-button-secondary-accordion__sub-text {
font-weight: 400;
color: #003314;
}
.gc-input-group-ingredients-sub-accordian .rc-button .gc-button-secondary-accordion__right-section .rc-icon-forward svg path {
fill: #003314;
}
.gc-input-group-ingredients-sub-accordian:first-child {
margin-top: 10px;
}
.gc-input-group-ingredients-parent-accordian {
margin-bottom: 12px;
}
.gc-input-group-ingredients-parent-accordian__square-radio .rc-icon-tick {
visibility: hidden !important;
}
.gc-input-group-ingredients-parent-accordian .gc-input-radio-button-squared--selected {
background-color: #FB3865;
}
.gc-input-group-ingredients-parent-accordian__main--dislike-all {
border-color: #FB3865 !important;
}
.gc-input-group-ingredients-parent-accordian__main--dislike-all .gc-button-secondary-accordion__left-section .gc-button-secondary-accordion__text {
font-weight: 700;
color: #FB3865 !important;
}
.gc-input-group-ingredients-parent-accordian__main--dislike-all .gc-button-secondary-accordion__left-section .gc-button-secondary-accordion__sub-text {
font-weight: 400;
color: #FB3865 !important;
}
.gc-input-group-ingredients-parent-accordian__main--dislike-all .gc-button-secondary-accordion__right-section .rc-icon-forward svg path {
fill: #FB3865 !important;
}
.gc-input-group-ingredients-parent-accordian__wrapper {
display: flex;
align-items: center;
}
.gc-input-group-ingredients-parent-accordian__wrapper .rc-icon-dislike {
transform: rotate(0deg) !important;
margin-left: 12px;
}
.gc-input-group-ingredients-parent-accordian__wrapper .rc-icon-dislike svg path {
fill: #FB3865 !important;
}
.gc-input-group-ingredients-parent-accordian__square-radio--content {
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #e4e41a;
width: 11px;
height: 11px;
border-radius: 50%;
}
.gc-input-group-ingredients-parent-accordian__square-radio {
width: 25px;
height: 25px;
border-color: #003314;
margin-right: 15px;
}
.gc-input-group-ingredients-parent-accordian .gc-button-secondary-accordion--with-sub-text {
padding: 10px 20px !important;
}
.gc-input-group-ingredients-parent-accordian .gc-button-secondary-accordion:active {
background-color: transparent;
opacity: 0.6;
}
.gc-input-group-ingredients-parent-accordian .gc-button-secondary-accordion {
border-color: #003314;
text-align: left;
}
.gc-input-group-ingredients-parent-accordian .gc-button-secondary-accordion .gc-button-secondary-accordion__left-section .gc-ingredients-parent-accordian__wrapper .gc-input-radio-button-squared--selected {
background-color: transparent;
}
.gc-input-group-ingredients-parent-accordian .gc-button-secondary-accordion .gc-button-secondary-accordion__left-section .gc-ingredients-parent-accordian__wrapper .gc-input-radio-button-squared--selected .rc-icon-tick {
display: none;
}
.gc-input-group-ingredients-parent-accordian .gc-button-secondary-accordion .gc-button-secondary-accordion__left-section .gc-button-secondary-accordion__text {
font-weight: 700;
color: #003314;
}
.gc-input-group-ingredients-parent-accordian .gc-button-secondary-accordion .gc-button-secondary-accordion__left-section .gc-button-secondary-accordion__sub-text {
font-weight: 400;
color: #003314;
}
.gc-input-group-ingredients-parent-accordian .gc-button-secondary-accordion .gc-button-secondary-accordion__right-section .rc-icon-forward svg path {
fill: #003314;
}
@media (min-width: 992px) {
.gc-input-group-ingredients__parent-wrapper .gc-input-group-ingredients-item__wrapper :hover {
cursor: pointer;
opacity: 0.7;
}
}
html[dir=rtl] .gc-input-group-ingredients__parent-wrapper .gc-input-group-ingredients-parent-accordian__square-radio {
margin-right: 0px;
}
html[dir=rtl] .gc-input-group-ingredients__parent-wrapper .gc-button-secondary-accordion__text-section {
text-align: right;
margin-right: 15px;
}
html[dir=rtl] .gc-input-group-ingredients__parent-wrapper .gc-input-group-ingredients-item__wrapper {
text-align: right;
margin-right: 45px;
margin-left: 0px;
}
html[dir=rtl] .gc-input-group-ingredients__parent-wrapper .gc-input-group-ingredients-item__square-radio {
margin-right: 0px;
margin-left: 15px;
}
html[dir=rtl] .gc-input-group-ingredients__parent-wrapper .gc-input-group-ingredients-item__dislike-radio {
margin-left: 15px;
margin-right: 0px;
}
.gc-input-group-ingredients-item__wrapper {
margin-left: 55px;
display: flex;
align-items: center;
margin-bottom: 16px;
color: #003314;
}
.gc-input-group-ingredients-item__wrapper--dislike {
color: #FB3865;
}
.gc-input-group-ingredients-item__square-radio {
min-width: 20px;
height: 20px;
border: 1px solid #003314;
border-radius: 2px;
position: relative;
opacity: 1;
transition: all 0.3s ease-in;
margin-right: 15px;
}
.gc-input-group-ingredients-item__dislike-radio {
position: relative;
opacity: 1;
transition: all 0.3s ease-in;
margin-right: 15px;
}
.gc-input-group-ingredients-item__dislike-radio .rc-icon-dislike svg path {
fill: #FB3865;
}
.gc-input-group-ingredients-item:last-child {
margin-bottom: 11px;
}
.gc-input-group-ingredients-item:first-child {
margin-top: 10px;
}
.gc-input-group-ingredients-item:active {
opacity: 0.6;
}
.gc-input-coupon-code__input-wrapper {
position: relative;
}
.gc-input-coupon-code__input .gc-text-input__input:disabled {
border-color: unset !important;
color: unset !important;
}
.gc-input-coupon-code__icon-complete {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 60px;
}
.gc-input-coupon-code__icon-close {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
.gc-input-coupon-code__icon-close svg path {
fill: #003314;
}
.gc-input-coupon-code__button-custom {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
width: 75px;
height: 35px;
padding: 7px 16px;
border-color: #003314;
}
.gc-input-coupon-code__button-custom .rc-text-content {
font-size: 14px;
line-height: 1.5;
color: #003314;
}
.gc-input-coupon-code__button-custom:active {
background-color: transparent;
opacity: 0.6;
}
.gc-input-coupon-code__input-span {
position: absolute;
left: -100%;
opacity: 0;
display: block;
padding: 0 20px;
font-size: 18px;
font-weight: 700;
}
.gc-period-tracker-progress {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
}
.gc-period-tracker-progress .rc-icon-female svg path {
fill: #003314;
}
.gc-period-tracker-progress .rc-icon svg {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.gc-period-tracker-progress__wrapper {
width: 106px;
height: 106px;
transform: rotate(-90deg);
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.gc-period-tracker-progress__progressbar-marker {
position: relative;
margin: auto;
top: 12.5px;
background: none;
left: 13px;
}
.gc-period-tracker-progress__progress-circle {
stroke-dasharray: 189;
stroke-dashoffset: 189;
}
.gc-period-tracker-progress__circle-chart--date {
stroke-dasharray: 189;
stroke-dashoffset: 189;
}
.gc-page-preferred-meals__title {
margin-bottom: 4px !important;
}
.gc-page-preferred-meals__optional-tag {
margin-bottom: 32px;
}
.gc-page-preferred-meals__header-wrapper {
margin-bottom: 32px !important;
margin-top: 36px !important;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: auto;
scrollbar-color: rgba(0, 51, 20, 0.35) transparent;
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 8px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: rgba(0, 51, 20, 0.35);
border-radius: 10px;
border: none;
}
.gc-workout-pdf-send-popup__input-title {
margin-bottom: 8px;
margin-top: 8px;
}
.gc-workout-pdf-send-popup__plan-type-input {
margin-bottom: 28px;
}
html[dir=rtl] .gc-workout-pdf-send-popup__input-title {
float: right;
}
.gc-card-evergreen-progress-image {
padding: 20px;
border: 1px solid #003314;
border-radius: 10px;
margin-bottom: 20px;
}
.gc-card-evergreen-progress-image__dismiss-button {
color: #003314;
}
.gc-card-evergreen-progress-image__check-now-button {
margin-right: 20px;
background-color: #003314;
color: #FFFFFF;
}
.gc-card-evergreen-progress-image__check-now-button .gc-button-custom__left-section .gc-button-custom__text {
font-weight: 700;
font-size: 14px;
line-height: 1.5;
}
.gc-card-evergreen-progress-image__content-wrapper {
display: flex;
flex-direction: column;
}
.gc-card-evergreen-progress-image__text-content-wrapper {
order: 0;
margin-right: auto;
text-align: left;
margin-bottom: 20px;
color: #003314;
}
.gc-card-evergreen-progress-image__button-wrapper {
display: flex;
flex-direction: row;
white-space: nowrap;
justify-content: flex-start;
}
@media (min-width: 768px) {
.gc-card-evergreen-progress-image {
margin-bottom: 28px;
}
}
@media (min-width: 768px) {
.gc-card-evergreen-progress-image__content-wrapper {
justify-content: space-between;
flex-direction: row;
align-items: center;
}
.gc-card-evergreen-progress-image__text-content-wrapper {
margin-bottom: 0;
}
.gc-card-evergreen-progress-image__button-wrapper {
order: 0;
margin-bottom: 0;
justify-content: flex-start;
}
}
html[dir=rtl] .gc-card-evergreen-progress-image__dismiss-button {
text-align: right;
}
html[dir=rtl] .gc-card-evergreen-progress-image__check-now-button {
margin-left: 20px;
margin-right: 0;
}
html[dir=rtl] .gc-card-evergreen-progress-image__text-content-wrapper {
margin-left: auto;
margin-right: 0;
}
@media (min-width: 768px) {
html[dir=rtl] .gc-card-evergreen-progress-image__text-content-wrapper {
order: 0;
text-align: right;
margin-right: 0;
margin-bottom: 0;
}
}
.gc-popup-evergreen-progress-image__photo-wrapper {
position: relative;
padding-top: 100%;
margin-bottom: 24px;
}
.gc-popup-evergreen-progress-image__photo-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.gc-popup-evergreen-progress-image__prompt-heading {
margin-bottom: 16px;
}
.gc-popup-evergreen-progress-image__body--subtitle {
margin-bottom: 12px;
}
.gc-card-memeber-progress__customer-info-button {
cursor: pointer;
text-decoration: underline;
}
.gc-card-memeber-progress__photo-wrapper {
position: relative;
padding-top: 100%;
margin-bottom: 24px;
}
.gc-card-memeber-progress__photo-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.gc-card-memeber-progress__main-wrapper {
text-align: center;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px dashed;
}
.gc-card-memeber-progress__main-wrapper .gc-button-custom {
display: inline-block;
border-radius: 5px;
}
.gc-card-memeber-progress__text--gap-3 {
margin-bottom: 8px;
}
.gc-card-memeber-progress__text--gap-1 {
margin-bottom: 15px;
}
.gc-card-memeber-progress__text--gap-2 {
margin-bottom: 12px;
}
.gc-popup-evergreen-progress-dismiss__heading {
margin-bottom: 20px;
}
.gc-pagination {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: end;
flex-direction: row;
width: 100%;
}
.gc-pagination__link {
margin-right: 5px;
margin-left: 5px;
display: flex;
min-width: 36px;
min-height: 36px;
padding: 2px 9px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid var(--text-area-bg-outline, #E5E5E5);
color: var(--text-primary-on-bg, #000);
}
.gc-pagination__link svg path {
fill: var(--text-primary-on-bg, #000);
}
.gc-pagination__link:hover {
opacity: 0.7;
cursor: pointer;
}
.gc-pagination__link--active {
color: var(--button-primary-text, #FFF);
background: var(--button-primary, #FFBA00);
border: 1px solid var(--button-primary, #E5E5E5);
}
.gc-pagination__link--active svg path {
fill: var(--button-primary-text, #FFF);
}
.gc-pagination__link--disabled {
opacity: 0.5;
pointer-events: none;
cursor: not-allowed;
}
.gc-chip-primary {
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.2);
color: #FFFFFF;
}
.gc-popup-meal-swap__favourite-check {
display: flex;
margin-bottom: 28px;
align-items: center;
justify-content: center;
cursor: pointer;
}
.gc-popup-meal-swap__favourite-check .gc-input-checkbox-squared {
width: 20px;
height: 20px;
margin-right: 12px;
border-color: #003314;
}
.pc-popup-suggested-meal-text-area textarea::placeholder {
font-size: 15px !important;
}
@media (max-width: 363px) {
.gc-popup-meal-swap__favourite-text {
text-align: left;
}
.gc-popup-meal-swap__favourite-check {
align-items: normal;
}
.gc-popup-meal-swap__favourite-check .gc-input-checkbox-squared {
margin-top: -3px;
}
}
.gc-slider-video .splide__slide {
width: 260px;
}
.gc-slider-video__thumbnail-wrapper {
width: 100%;
height: 140px;
position: relative;
overflow: hidden;
border-radius: 10px;
}
.gc-slider-video__see-more-thumbnail-wrapper {
width: 100%;
height: 140px;
position: relative;
overflow: hidden;
border-radius: 10px;
background-color: #003314;
}
.gc-slider-video__video-thumbnail {
width: 100%;
height: 100%;
object-fit: cover;
/* Ensures the image covers the parent div */
}
.gc-slider-video__play-icon-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
/* Make the button round */
cursor: pointer;
}
.gc-slider-video__play-icon {
fill: white;
}
.gc-slider-video__header {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
align-items: center;
}
.gc-slider-video__see-more svg path {
fill: #003314;
}
.gc-slider-video__slider-title {
color: #003314;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.gc-slider-video__slider-video-title {
-webkit-transform: translateZ(0);
backface-visibility: hidden;
color: #003314;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
overflow-wrap: break-word;
/* Alternative for word-breaking */
white-space: normal;
line-height: 21px;
/* Set your desired line height */
max-height: 42px;
padding-right: 24px;
}
.gc-slider-video .gc-video-player__wrapper .gc-video-player__right-controller {
display: none;
}
.gc-slider-video .gc-slider-video__video-card-wrapper {
margin-right: 12px;
margin-bottom: 8px;
}
.gc-slider-video .gc-slider-video__video-card-wrapper .gc-video-player {
height: 140px !important;
}
.gc-slider-video .gc-slider-video__video-card-wrapper .gc-video-player__icon-play svg {
width: 36px;
height: 36px;
}
.gc-slider-video .gc-slider-video__see-more-card-wrapper {
margin-right: 12px;
margin-bottom: 8px;
width: 260px;
}
.gc-slider-video .gc-slider-video__see-more-card-wrapper .gc-video-player {
height: 140px !important;
}
.gc-slider-video .gc-slider-video__see-more-card-wrapper .gc-video-player__icon-play svg {
width: 36px;
height: 36px;
}
.gc-slider-video__see-more-text {
color: #fff;
}
.gc-calender-slider-v2__wrapper .splide__list {
margin-right: 20px !important;
}
@keyframes bgAnimate {
0% {
background-position: 50% 0;
}
100% {
background-position: -150% 0;
}
}
.gc-placeholder {
opacity: 0.3;
background-image: linear-gradient(to right, black 0%, #00993c 10%, black 20%, black 100%);
background-size: 200% 100%;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
animation: bgAnimate 1.2s linear infinite;
}
.pc-skeleton-flex-row {
display: flex;
gap: 8px;
}
.pc-skeleton-flex-column {
display: flex;
flex-direction: column;
gap: 8px;
}
.gc-calender-slider-v2__wrapper .splide__list {
margin-right: 20px !important;
}
.gc-page-enable-period-tracker .gc-page__container {
text-align: center;
}
.gc-page-enable-period-tracker__header {
padding-top: 36px;
padding-bottom: 32px;
}
.gc-page-enable-period-tracker__description {
margin-bottom: 20px;
}
.gc-popup__registration-complete--title {
margin-bottom: 4px;
}
.gc-popup__registration-complete--icon {
margin-bottom: 24px;
}
.gc-popup__registration-complete--icon svg circle {
fill: #003314;
}
.pc-dashboard__card-empty {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 170px;
background-color: #e6e6e6;
border-radius: 10px;
margin-bottom: 20px;
box-shadow: none;
}
.pc-dashboard__card-empty .rc-icon svg path {
fill: #003314;
}
.pc-dashboard__card-empty-text {
color: #003314;
margin-top: 12px;
}
.pc-dashboard__nav-bar-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.pc-dashboard__nav-bar-header .pc-dashboard__nav-bar-header-right-section {
display: flex;
align-items: center;
}
.pc-dashboard__nav-bar-header .rc-icon-menu svg path {
fill: #fff;
}
.pc-dashboard__nav-bar-header .pc-dashboard__nav-bar-header-bell-icon {
position: relative;
}
.pc-dashboard__nav-bar-header .pc-dashboard__nav-bar-header-bell-icon--new-notification::after {
position: absolute;
content: " ";
display: block;
width: 6px;
height: 6px;
background-color: #003314;
top: 0;
right: -3px;
border-radius: 50%;
}
.pc-dashboard__nav-bar-header-bell-icon--new-notification::after {
position: absolute;
content: " ";
display: block;
width: 6px;
height: 6px;
background-color: var(--cover-images-content);
top: 0;
right: -3px;
border-radius: 50%;
}
.pc-dashboard__notification-bar {
position: absolute;
width: 100%;
top: -200px;
padding-top: 200px;
left: 0;
z-index: 200;
background: #FB3865;
}
.pc-header-dashboard-v2 .pc-dashboard__container-featured-image, .pc-header-dashboard-v3 .pc-dashboard__container-featured-image {
padding-top: 0;
}
.pc-header-dashboard-v2 .pc-dashboard__nav-bar-header, .pc-header-dashboard-v3 .pc-dashboard__nav-bar-header {
padding-top: calc(20px + env(safe-area-inset-top));
padding-bottom: 20px;
}
.pc-header-dashboard-v2 .pc-dashboard__nav-bar-header--with-notification-bar, .pc-header-dashboard-v3 .pc-dashboard__nav-bar-header--with-notification-bar {
padding-top: calc(env(safe-area-inset-top) + 28px + 30px);
}
.pc-header-dashboard-v2 .pc-dashboard__notification-bar, .pc-header-dashboard-v3 .pc-dashboard__notification-bar {
position: absolute;
width: 100%;
top: calc(env(safe-area-inset-top) - 200px);
padding-top: 200px;
left: 0;
z-index: 200;
background: #FB3865;
}
.pc-header-dashboard-v1 .pc-dashboard__notification-bar {
position: absolute;
width: 100%;
top: calc(env(safe-area-inset-top) - 228px);
padding-top: 200px;
left: 0;
z-index: 200;
background: #FB3865;
}
.pc-header-dashboard-v1 .pc-dashboard__nav-bar-header {
padding-top: 26px;
}
.pc-header-dashboard-v1 .pc-dashboard__nav-bar-header--with-notification-bar {
padding-top: calc(env(safe-area-inset-top) + 26px);
}
.pc-dashboard-creator-editor .gc-header-page svg path {
fill: var(--header-elements-color);
}
.pc-dashboard-creator-editor .pc-header-dashboard-v2 .pc-dashboard__container-featured-image, .pc-dashboard-creator-editor .pc-header-dashboard-v3 .pc-dashboard__container-featured-image {
padding-top: 0;
}
.pc-dashboard-creator-editor .pc-header-dashboard-v2 .pc-dashboard__nav-bar-header, .pc-dashboard-creator-editor .pc-header-dashboard-v3 .pc-dashboard__nav-bar-header {
padding-top: calc(28px);
}
.pc-dashboard-creator-editor .pc-header-dashboard-v2 .pc-dashboard__nav-bar-header--with-notification-bar, .pc-dashboard-creator-editor .pc-header-dashboard-v3 .pc-dashboard__nav-bar-header--with-notification-bar {
padding-top: calc(28px + 30px);
}
.pc-dashboard-creator-editor .pc-header-dashboard-v1 .pc-dashboard__nav-bar-header {
padding-top: calc(26px);
}
.pc-dashboard-creator-editor .pc-header-dashboard-v1 .pc-dashboard__nav-bar-header--with-notification-bar {
padding-top: calc(30px + 26px);
}
.pc-dashboard__nav-bar-header-bell-icon--new-notification::after {
background-color: var(--button-primary);
}
.pc-dashboard__card-my-journey-with-input .pc-dashboard__card-my-journey-with-input-container {
display: flex;
}
.pc-dashboard__card-my-journey-with-input .pc-dashboard__card-my-journey-with-input-btn {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100px;
background-color: #003314;
border-radius: 10px;
box-shadow: 0px 6px 10px 0px rgba(0, 51, 20, 0.35) !important;
width: 100%;
}
.pc-dashboard__card-my-journey-with-input .pc-dashboard__card-my-journey-with-input-btn:first-of-type {
margin-right: 16px;
}
.pc-dashboard__card-my-journey-with-input .pc-dashboard__card-my-journey-with-input-btn:active {
background-color: black;
box-shadow: none;
transition: 0.3s;
transform: translateY(1px);
}
.pc-dashboard__card-my-journey-with-input .pc-dashboard__card-my-journey-with-input-btn-tick-icon {
position: absolute;
top: 6px;
right: 10px;
line-height: 0.5;
}
.pc-dashboard__card-my-journey-with-input .pc-dashboard__card-my-journey-with-input-btn-add-icon {
position: absolute;
top: 10px;
right: 10px;
}
.pc-dashboard__card-my-journey-with-input .pc-dashboard__card-my-journey-with-input-btn-content-center {
text-align: center;
}
.pc-dashboard__card-my-journey-with-input .pc-dashboard__card-my-journey-with-input-btn-text {
margin-top: 5px;
}
html[dir=rtl] .pc-dashboard__card-my-journey-with-input-btn:first-of-type {
margin-right: 0;
margin-left: 16px;
}
html[dir=rtl] .pc-dashboard__card-my-journey-with-input-btn-add-icon {
right: auto;
left: 10px;
}
html[dir=rtl] .pc-dashboard__card-my-journey-with-input-btn-tick-icon {
right: auto;
left: 10px;
}
html[dir=rtl] .pc-dashboard__card-my-journey-with-input-header .rc-icon-forward {
transform: scaleX(-1);
}
.pc-dashboard__btn-progress-action {
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
background-color: #003314;
border-radius: 10px;
padding: 10px 20px;
box-shadow: 0px 6px 10px 0px rgba(0, 51, 20, 0.35) !important;
}
.pc-dashboard__btn-progress-action:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-dashboard__btn-progress-action:hover .rc-icon:hover {
opacity: 1;
}
.pc-dashboard__btn-progress-action:active {
box-shadow: none !important;
background: black;
transition: 0.3s;
transform: translateY(1px);
}
.pc-dashboard__btn-progress-action__title {
margin-top: -3px;
}
html[dir="rtl"] .pc-dashboard__btn-progress-action .rc-icon svg {
transform: scaleX(-1);
}
html[dir="rtl"] .pc-dashboard__btn-progress-action .rc-text-content {
text-align: right;
}
.pc-dashboard__card-step-tracker {
text-align: center;
margin-bottom: 28px;
color: #003314;
}
.pc-dashboard__card-step-tracker .gc-header-simple {
margin-bottom: 20px;
}
.pc-dashboard__card-step-tracker .gc-header-simple .rc-text-content {
color: #003314 !important;
}
.pc-dashboard__card-step-tracker .gc-header-simple .rc-icon svg path {
fill: #003314 !important;
}
.pc-dashboard__card-step-tracker .pc-dashboard__card-step-tracker__connect-button {
text-align: center;
margin-top: 8px;
}
.pc-dashboard__card-step-tracker .pc-dashboard__card-step-tracker__with-steps {
display: flex;
gap: 4px;
align-items: center;
}
.pc-dashboard__card-step-tracker .pc-dashboard__card-step-tracker__with-steps .pc-dashboard__card-step-tracker__step-count {
display: flex;
align-items: flex-end;
}
.pc-dashboard__card-step-tracker .pc-dashboard__card-step-tracker__with-steps .rc-text-content {
color: #003314 !important;
}
.pc-dashboard__card-step-tracker .pc-dashboard__card-step-tracker__with-steps .rc-icon svg path {
fill: #003314 !important;
}
.pc-dashboard__card-step-tracker .pc-dashboard__card-step-tracker__sync-date {
display: flex;
gap: 4px;
align-items: flex-start;
margin-top: 12px;
}
.pc-dashboard__card-step-tracker .pc-dashboard__card-step-tracker__sync-date .rc-icon svg path {
fill: #003314 !important;
}
.pc-card-notification {
border-bottom: 1px solid #003314 !important;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
min-width: 100%;
padding: 20px;
cursor: pointer;
}
.pc-card-notification__section-left {
display: flex;
align-items: flex-start;
width: 100%;
height: 100%;
margin-right: 24px;
}
.pc-card-notification .gc-text-area .gc-text-area__text-area {
border: none;
padding: 0;
}
.pc-card-notification__icon-warning-wrap {
margin-top: -4px;
margin-right: 8px;
}
.pc-card-notification__icon-warning-wrap svg path {
fill: #003314;
}
.pc-card-notification__button-badge-wrap svg path {
fill: #003314;
}
.pc-card-notification__message {
color: #003314;
}
.pc-card-notification__button-badge-wrap {
display: flex;
}
.pc-card-notification__button-badge-wrap:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-card-notification .gc-badge-important {
background-color: #003314;
}
.pc-card-notification .rc-badge {
padding: 4px 6px;
margin: auto;
}
@media (min-width: 768px) {
.pc-card-notification {
padding: 16px 0 16px 0;
}
.pc-notifications__notification {
padding: 16px 20px;
}
}
html[dir="rtl"] .pc-card-notification__section-left {
margin-left: 24px;
margin-right: 0;
text-align: right;
}
html[dir="rtl"] .pc-card-notification__icon-warning-wrap {
margin-left: 8px;
margin-right: 0;
}
.pc-section-dashboard-intro-style-2 .rc-icon svg {
width: 16px;
height: 16px;
}
.pc-section-dashboard-intro-style-2 .rc-icon svg path {
fill: #003314;
}
.pc-section-dashboard-intro-style-2__text-section, .pc-section-dashboard-intro-style-1__text-section {
margin: 16px 0 24px 0;
}
.pc-section-dashboard-intro-style-2 .pc-dashboard__text-description, .pc-section-dashboard-intro-style-1 .pc-dashboard__text-description {
margin-bottom: 28px;
margin-top: 16px;
font-size: 12px;
}
.pc-section-dashboard-intro-style-2 .pc-dashboard__text-description img, .pc-section-dashboard-intro-style-1 .pc-dashboard__text-description img {
width: 100%;
}
.pc-section-dashboard-intro-style-2 .pc-dashboard__text-description > *:not(:last-child), .pc-section-dashboard-intro-style-1 .pc-dashboard__text-description > *:not(:last-child) {
margin-bottom: 12px;
}
.pc-section-dashboard-intro-style-2 p, .pc-section-dashboard-intro-style-1 p {
color: #003314;
}
.pc-section-dashboard-progress-update-style-2__card {
background: #003314;
border-radius: 12px;
padding: 20px;
}
.pc-section-dashboard-progress-update-style-2__card .pc-section-dashboard-progress-update-style-2__sub-title {
margin-top: 2px;
margin-bottom: 28px;
}
.pc-section-dashboard-progress-update-style-2__card .pc-section-dashboard-progress-update-style-2__button {
border-radius: 30px;
background: var(--white, #FFF);
padding: 8px 12px;
display: flex;
gap: 4px;
}
.pc-section-dashboard-progress-update-style-2__card .pc-section-dashboard-progress-update-style-2__button .rc-text-content {
color: #003314 !important;
}
.pc-section-dashboard-progress-update-style-2__card .pc-section-dashboard-progress-update-style-2__button-wrapper {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.pc-section-dashboard-progress-update-style-2__card .pc-section-dashboard-progress-update-style-2__icon {
transform: rotate(90deg);
margin-left: 0;
}
.pc-section-dashboard-progress-update-style-2__card .pc-section-dashboard-progress-update-style-2__icon svg path {
fill: #003314 !important;
}
.pc-container-style-editor .pc-dashboard__action-buttons {
margin-bottom: 0 !important;
}
@media (min-width: 992px) {
.pc-section-dashboard-progress-update-style-2__card {
display: flex;
justify-content: space-between;
}
.pc-section-dashboard-progress-update-style-2__sub-title {
margin-bottom: 0 !important;
}
.pc-dashboard__action-button__wrapper {
padding-right: 8px;
padding-left: 8px;
}
.pc-dashboard__action-buttons-style-1 {
margin-right: -8px;
margin-left: -8px;
}
}
.pc-card-dashboard-layout-info {
display: flex;
padding: 12px calc(12px + env(safe-area-inset-left));
gap: 12px;
align-self: stretch;
background: var(--text-area-bg-fill, #434343);
align-items: baseline;
color: var(--text-secondary-on-bg, #AFAFAF);
font-feature-settings: "liga" off, "clig" off;
}
.pc-card-dashboard-layout-info svg path {
fill: var(--text-secondary-on-bg, #AFAFAF);
}
.pc-dashboard {
background-color: #f7e3ce;
}
.pc-dashboard .pc-dashboard__main-content-area {
padding-top: 28px;
padding-left: calc(env(safe-area-inset-left) + 20px);
padding-right: calc(env(safe-area-inset-right) + 20px);
}
.pc-dashboard .pc-dashboard__nav-bar-header--with-notification-bar {
position: relative;
}
.pc-dashboard .pc-dashboard__text-description p {
color: #003314;
margin: 0;
}
.pc-dashboard .pc-dashboard__announce-kit-loader div {
height: 100px !important;
}
.pc-dashboard .pc-dashboard__text-description {
color: #003314;
margin: 0;
}
.pc-dashboard .pc-dashboard__text-description a {
color: #012CFF;
}
.pc-dashboard .pc-dashboard__action-buttons {
margin-bottom: 28px;
}
.pc-dashboard .pc-dashboard__action-buttons .rc-text-content {
color: #FFFFFF;
}
.pc-dashboard .pc-dashboard__action-buttons .rc-icon svg path {
fill: #FFFFFF;
}
.pc-dashboard .pc-dashboard__workouts-list {
margin-bottom: 28px;
}
.pc-dashboard .pc-dashboard__nutrition-card-list {
margin-bottom: 28px;
}
.pc-dashboard .pc-dashboard__product-pages-list {
margin-bottom: 28px;
}
.pc-dashboard .pc-dashboard__product-pages-list .gc-card-featured-image {
margin-bottom: 12px;
}
.pc-dashboard .pc-dashboard__product-pages-list .pc-card-list-product-page__header {
margin-bottom: 12px;
}
.pc-dashboard .pc-dashboard__product-pages-list .pc-card-list-product-page__card {
margin-bottom: 12px;
}
.pc-dashboard .pc-dashboard__action-button__wrapper:not(:last-child) {
margin-bottom: 8px;
}
.pc-dashboard .pc-dashboard__text {
margin-bottom: 28px;
}
@media (min-width: 992px) {
.pc-dashboard .pc-dashboard__text {
margin-bottom: 32px;
}
}
.pc-dashboard .pc-dashboard__mood-tracker {
margin-bottom: 28px;
}
.pc-dashboard .pc-dashboard__card-habit-trackers {
margin-bottom: 28px;
}
.pc-dashboard .pc-dashboard__card-habit-trackers .gc-card-content {
min-height: 166px;
}
.pc-dashboard .pc-dashboard__card-habit-trackers .gc-card-content {
padding: 20px 20px 24px 20px;
}
.pc-dashboard .pc-dashboard__card-habit-tracker {
margin-bottom: 28px;
}
.pc-dashboard .pc-dashboard__text-description .rc-text-content {
color: #003314;
}
.pc-dashboard .pc-dashboard__text_link {
margin: 0;
text-decoration: none;
color: #007bff;
}
.pc-dashboard .pc-dashboard__transformation-btn {
margin-top: 20px;
}
.pc-dashboard .pc-dashboard__notification-bar:hover .rc-text-content {
opacity: 0.7;
cursor: pointer;
}
.pc-dashboard .pc-dashboard__notification-bar__link {
text-decoration: none;
white-space: nowrap;
text-align: center;
margin-left: 10px;
}
.pc-dashboard .pc-dashboard__notification-bar__link .rc-text-content {
color: #fff;
}
.pc-dashboard .pc-dashboard__notification-bar__link div {
margin-top: 6px;
margin-bottom: 6px;
}
.pc-dashboard .pc-dashboard__main-featured-area--with-notification-bar .pc-dashboard__featured-image {
height: 375px !important;
padding-top: 0px !important;
margin-top: 0px !important;
}
.pc-dashboard .pc-dashboard__featured-image {
background-image: none;
position: relative;
width: auto;
background-position: top center;
background-size: cover;
box-shadow: 0px 4px 14px 1px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
justify-content: space-between;
color: #FFFFFF;
}
.pc-dashboard .pc-dashboard__featured-image .rc-text-content {
color: #FFFFFF;
}
@media (max-width: 991px) {
.pc-dashboard .pc-dashboard__featured-image {
height: calc(375px) !important;
}
}
.pc-dashboard .pc-dashboard__card-empty, .pc-dashboard .gc-card-food-diary-main {
box-shadow: 0px 2px 10px 0px rgba(0, 51, 20, 0.4);
}
.pc-dashboard .gc-header-simple .rc-text-content {
color: #003314;
}
.pc-dashboard .gc-header-simple .rc-icon svg path {
fill: #003314;
}
.pc-dashboard .pc-dashboard__card-my-journey-with-input {
margin-bottom: 28px;
}
.pc-dashboard .pc-dashboard__card-my-journey-with-input-header {
margin-bottom: 12px;
}
.pc-dashboard .pc-dashboard__card-my-journey-with-input-btn .rc-text-content {
color: #FFFFFF;
}
.pc-dashboard .pc-dashboard__card-my-journey-with-input-btn .rc-icon svg path {
fill: #FFFFFF;
}
.pc-dashboard .gc-card-featured-image__header {
color: #fff;
}
.pc-dashboard .pc-dashboard__nav-bar-header {
display: flex;
padding-left: calc(env(safe-area-inset-left) + 20px);
padding-right: calc(env(safe-area-inset-right) + 20px);
}
.pc-dashboard .pc-dashboard__nav-bar-header .rc-icon {
fill: #FFFFFF;
}
.pc-dashboard .pc-dashboard__nav-bar-header .rc-icon svg path {
fill: var(--cover-images-content);
}
.pc-dashboard .pc-dashboard__nav-bar-header-bell-icon {
margin-left: 16px;
}
.pc-dashboard .btn-back {
padding-left: 0;
}
.pc-dashboard .pc-dashboard__main-featured-area--gretting-text {
padding-left: calc(env(safe-area-inset-left) + 20px);
padding-bottom: 20px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
max-width: 80%;
}
@media screen and (min-width: 600px) {
.pc-dashboard .pc-dashboard__main-featured-area--gretting-text {
padding-bottom: 25px;
}
.pc-dashboard .pc-dashboard__main-content-area {
padding-left: calc(env(safe-area-inset-left) + 30px);
padding-right: calc(env(safe-area-inset-right) + 30px);
}
}
@media screen and (min-width: 768px) {
.pc-dashboard .pc-dashboard__main-content-area {
padding-left: calc(env(safe-area-inset-left) + 40px);
padding-right: calc(env(safe-area-inset-right) + 40px);
}
}
.pc-dashboard .pc-workout-list__card-navigation .gc-header-simple .rc-text-content, .pc-dashboard .pc-card-list-product-page__card .gc-header-simple .rc-text-content, .pc-dashboard .pc-workout-list__card-featured-image .gc-header-simple .rc-text-content, .pc-dashboard .pc-dashboard__card-navigation-meal-plan .gc-header-simple .rc-text-content {
color: #fff;
}
.pc-dashboard .pc-workout-list__card-navigation .rc-icon svg path, .pc-dashboard .pc-card-list-product-page__card .rc-icon svg path, .pc-dashboard .pc-workout-list__card-featured-image .rc-icon svg path, .pc-dashboard .pc-dashboard__card-navigation-meal-plan .rc-icon svg path {
fill: #fff;
}
.pc-dashboard .pc-dashboard__card-food-diary {
margin-bottom: 12px;
}
.pc-dashboard .pc-dashboard__card-food-diary .rc-text-content {
color: #003314;
line-height: 1.5;
}
.pc-dashboard .pc-dashboard__card-food-diary .rc-icon svg path {
fill: #003314;
}
.pc-dashboard .pc-dashboard__card-food-diary .gc-header-simple {
margin-bottom: 20px;
}
.pc-dashboard .pc-dashboard__card-food-diary .gc-card-food-diary-main {
max-height: 250px;
}
.pc-dashboard .pc-dashboard__card-navigation-meal-plan {
margin-bottom: 12px;
}
.pc-dashboard .pc-dashboard__card-navigation-meal-plan .gc-header-simple .rc-text-content {
padding-bottom: inherit;
}
.pc-dashboard .gc-card-challenge {
margin-bottom: 12px;
}
.pc-dashboard .slideout-panel--button .rc-icon-menu svg path, .pc-dashboard .app-nav__btn-pwa-wrap svg path {
fill: #FFFFFF;
}
.pc-dashboard .pc-workout-list__header-simple {
margin-bottom: 9px;
}
.pc-dashboard .gc-card-mood-tracker_mood-text-content:not(:first-of-type) {
margin-top: 3px;
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
.pc-dashboard__nav-bar-header {
padding: 0px 15px;
}
}
@media (min-width: 992px) {
.pc-dashboard {
padding-top: 40px;
position: relative;
overflow-y: hidden;
}
.pc-dashboard > .gc-page__content {
position: inherit;
}
.pc-dashboard__btn-progress-action {
min-height: 90px;
}
.pc-dashboard__main-featured-area--gretting-text {
padding-left: initial !important;
}
.pc-dashboard__main-content-area {
padding-top: 32px !important;
padding-left: initial !important;
padding-right: initial !important;
}
.pc-dashboard__nav-bar-header {
padding-left: initial !important;
padding-right: initial !important;
}
.pc-dashboard__featured-image {
height: 340px !important;
padding-top: 0 !important;
margin-top: 0 !important;
margin-left: 0px;
margin-right: 0px;
padding: 24px;
}
.pc-dashboard__main-featured-area--gretting-text {
padding-bottom: 0px !important;
}
.pc-dashboard .pc-dashboard__card-food-diary .gc-card-food-diary-main {
min-height: 170px;
}
.pc-dashboard__nav-bar-header.pc-dashboard__nav-bar-header--with-notification-bar, .gc-page__container-fluid.container > .row > .col-lg-12 {
position: initial;
}
.pc-dashboard .pc-dashboard__action-buttons {
margin-bottom: 32px;
}
.pc-dashboard .gc-grid-masonry, .pc-dashboard .pc-dashboard__product-pages-list, .gc-slider-workout-program, .pc-dashboard__card-mood-tracker, .pc-dashboard .pc-dashboard__card-habit-trackers, .pc-card-period-tracker {
margin-bottom: 32px !important;
}
.pc-dashboard .pc-dashboard__nutrition-card-list {
margin-bottom: 2px;
}
.pc-dashboard .pc-dashboard__card-navigation-meal-plan, .pc-dashboard .pc-dashboard__product-pages-list .pc-card-list-product-page__card {
margin-bottom: 30px;
}
.gc-card-food-diary-main, .gc-card-navigation {
height: 200px;
}
.app-banner-wrapper {
margin-left: 260px;
height: 260px;
}
.app-banner-wrapper .app-banner {
height: 100%;
}
.app-banner-wrapper .app-banner img {
height: 100%;
object-fit: cover;
}
.pc-dashboard__card-my-journey-with-input-btn:hover {
opacity: 0.7;
cursor: pointer;
}
}
.gc-card-navigation .gc-header-simple .rc-text-content {
color: #fff;
}
html[dir="rtl"] .pc-dashboard .pc-dashboard__main-featured-area--gretting-text {
padding-left: 40px;
text-align: right;
padding-right: calc(env(safe-area-inset-right) + 30px);
max-width: fit-content;
}
html[dir="rtl"] .pc-dashboard .pc-dashboard__text {
text-align: right;
}
@media (min-width: 992px) {
html[dir="rtl"] .app-banner-wrapper {
margin-right: 260px;
margin-left: 0;
}
}
.pc-creator-dashboard__container .gc-button-primary-forward {
margin-bottom: 24px;
}
.header-dashboard-v2 .pc-dashboard__text-description {
margin-bottom: 28px;
}
.header-dashboard-v3 .pc-dashboard__text-description {
margin-bottom: 28px;
}
@media (min-width: 992px) {
.header-dashboard-v3 .pc-dashboard__text-description {
margin-bottom: 32px;
}
}
.header-dashboard-v3 .pc-dashboard__container-featured-image {
padding-top: calc(24px - 16px);
margin-bottom: 4px;
padding-bottom: 0;
}
@media (min-width: 576px) {
.pc-header-dashboard-v3 {
margin: auto;
}
}
@media screen and (min-width: 768px) {
.pc-header-dashboard-v3 {
margin: auto;
}
}
.pc-header-dashboard-v3 .pc-dashboard__main-content-area {
padding-top: 4px;
}
.pc-dashboard-creator-editor .pc-header-dashboard-v1 .pc-dashboard__featured-image {
height: 375px !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
.pc-dashboard-creator-editor .pc-header-dashboard-v1 .pc-dashboard__nav-bar-header-container {
display: flex;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
width: 100%;
}
.pc-dashboard-creator-editor .pc-dashboard__main-content-area__edit-mode {
padding-top: 28px !important;
}
.pc-dashboard-creator-editor .pc-dashboard-edit__button {
position: fixed;
bottom: 30px;
z-index: 200;
right: 50%;
transform: translateX(calc(50%));
color: var(--button-primary-text, #FFF);
text-align: center;
border-radius: 30px;
background: var(--button-primary, #FFBA00);
/* Button Shadow */
box-shadow: 0px 8px 20px 0px rgba(255, 184, 0, 0.3);
}
.pc-dashboard-creator-editor .pc-dashboard-edit__button svg path {
fill: var(--button-primary-text, #FFF);
}
.pc-dashboard-creator-editor .pc-dashboard__text-description {
margin-bottom: 28px;
}
.pc-dashboard-creator-editor .pc-container-style-editor__non-editable-components {
opacity: 0.4;
}
.pc-dashboard-creator-editor .pc-container-style-editor__description {
pointer-events: unset !important;
}
.pc-dashboard-creator-editor .gc-popup--dashboard-editor-info .gc-popup--dashboard-editor-info__content-header {
font-weight: 700;
margin-top: 20px;
}
.pc-dashboard-creator-editor .gc-popup--dashboard-editor-info .gc-popup--dashboard-editor-info__content-sub-header {
margin-left: 8px;
}
.pc-dashboard-creator-editor .gc-popup--dashboard-editor-info .gc-popup--dashboard-editor-info__content-list-item {
margin-left: 34px;
}
@media (min-width: 992px) {
.pc-dashboard-creator-editor .pc-card-dashboard-layout-info {
gap: 8px;
}
.pc-dashboard-creator-editor .pc-dashboard__text-description {
margin-bottom: 32px;
}
.pc-dashboard-creator-editor .pc-dashboard {
padding-top: 0;
}
.pc-dashboard-creator-editor .pc-dashboard-edit__button {
transform: translateX(calc(50% + 130px));
}
.pc-dashboard-creator-editor .pc-card-dashboard-layout-info {
margin-left: -80px;
margin-right: -80px;
padding: 6px 80px;
justify-content: center;
}
}
@media (min-width: 992px) {
.pc-dashboard-creator-editor .pc-dashboard__main-content-area__edit-mode {
padding-top: 32px !important;
}
}
.pc-dashboard-creator-editor .pc-dashboard__card-list-meal-plans {
margin-top: 28px;
}
.pc-dashboard-creator-editor .pc-dashboard__nav-bar-header__sidebar--with-bb {
visibility: hidden;
}
.pc-dashboard-creator-editor .pc-dashboard-edit__button .gc-button-custom__left-section .rc-icon {
margin-right: 8px;
}
.pc-dashboard-creator-editor .pc-card-list-product-page {
margin-top: 28px;
}
.pc-dashboard-creator-editor .pc-card-list-product-page__header {
margin-bottom: 12px;
}
.pc-dashboard-creator-editor .pc-dashboard__card-list-meal-plans .pc-dashboard__card-food-diary {
display: none;
}
@media (min-width: 1500px) {
.pc-dashboard-creator-editor .pc-card-dashboard-layout-info {
margin-left: -250px;
margin-right: -250px;
padding-left: 260px;
padding-right: 260px;
}
}
@media (min-width: 1800px) {
.pc-dashboard-creator-editor .pc-card-dashboard-layout-info {
margin-left: -550px;
margin-right: -550px;
padding-left: 560px;
padding-right: 560px;
}
}
.header-dashboard-v1 .pc-dashboard__nav-bar-header-container {
display: flex;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
width: 100%;
}
.header-dashboard-v1 .pc-dashboard, .header-dashboard-v3 .pc-dashboard, .header-dashboard-v2 .pc-dashboard {
padding-top: 0;
}
.pc-dashboard-creator-editor .gc-header-page {
padding-top: calc(calc(env(safe-area-inset-top) *2 ) + 15px);
}
.pc-dashboard-creator-editor .gc-header-page svg path {
fill: var(--header-elements-color) !important;
}
@media (min-width: 991px) {
.pc-dashboard__nav-bar-header .gc-sidebar {
visibility: hidden;
}
}
@media (max-width: 991px) {
.pc-dashboard-creator-editor .pc-dashboard .pc-dashboard__featured-image {
height: 395px !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
}
.pc-community__sidebar header {
display: none;
}
.pc-community button {
text-align: center;
}
@media (min-width: 992px) {
.gc-cf-navigation-community__side-menu {
visibility: hidden;
}
}
.pc-notifications .gc-page__container {
padding: 8px 20px 20px 20px;
}
.pc-notifications__empty-state-message {
margin-top: 92px;
color: #003314;
margin-bottom: 92px;
}
.pc-notifications .pc-card-notification__icon-warning-wrap .rc-icon:hover {
opacity: inherit;
cursor: initial;
}
@media (min-width: 992px) {
.pc-notifications .pc-notifications__container {
width: 600px;
}
}
@media (min-width: 1200px) {
.pc-notifications .pc-notifications__container {
width: 800px;
}
}
.pc-step-tracker .gc-page__container {
padding-top: 16px;
}
.pc-step-tracker .pc-step-tracker__connect-button {
display: flex;
padding: 12px 20px;
justify-content: space-between;
align-items: center;
background-color: #e6e6e6;
}
.pc-step-tracker .pc-step-tracker__connect-button .pc-step-tracker__connect-button__left {
display: flex;
align-items: center;
gap: 8px;
}
.pc-step-tracker .pc-step-tracker__connect-button .pc-step-tracker__connect-button__left .rc-text-content {
color: #003314;
}
.pc-step-tracker .pc-step-tracker__connect-button svg path {
fill: #003314;
}
.pc-step-tracker .pc-step-tracker__header-data-range-heade {
color: #003314;
}
.pc-step-tracker .pc-step-tracker__navigation .pc-step-tracker__navigation-button {
text-align: center;
padding: 10px 20px;
border-bottom: 1px solid #003314;
opacity: 0.6;
color: #003314;
}
.pc-step-tracker .pc-step-tracker__navigation .pc-step-tracker__navigation-button-active {
opacity: 1;
border-bottom: 1px solid #003314;
box-shadow: 0px 4px 20px 0px rgba(208, 208, 208, 0.4);
}
.pc-step-tracker .pc-step-tracker__header-steps .rc-text-content {
color: #003314;
}
.pc-step-tracker .pc-step-tracker__header-steps .pc-step-tracker__header-count {
color: #003314;
line-height: 130%;
}
.pc-step-tracker .pc-step-tracker__header-steps .pc-step-tracker__header-step-count {
display: flex;
align-items: baseline;
gap: 4px;
}
.pc-step-tracker .pc-step-tracker__step-listing__wrapper {
margin-top: 32px;
}
.pc-step-tracker .pc-step-tracker__step-listing .rc-icon {
padding: 10px;
border: 1px solid #003314;
border-radius: 10px;
}
.pc-step-tracker .pc-step-tracker__step-listing .rc-icon svg path {
fill: #003314;
}
.pc-step-tracker .pc-step-tracker__step-listing .rc-text-content {
color: #003314;
}
.pc-step-tracker .pc-step-tracker__step-listing .pc-step-tracker__step-listing-count {
display: flex;
gap: 15px;
align-items: center;
margin: 16px 0 20px 0;
}
.pc-step-tracker .pc-step-tracker__step-listing .pc-step-tracker__step-listing-count .rc-text-content {
color: #003314;
}
.pc-step-tracker .pc-step-tracker__no-data-text {
text-align: center;
}
.pc-step-tracker .pc-step-tracker__no-data-text .rc-text-content {
color: #003314;
}
.pc-dashboard__card-step-tracker__connect-button .rc-text-content {
color: #003314;
}
.pc-workout-list__header-simple {
margin-bottom: 12px;
}
.pc-workout-list__card-featured-image {
margin-top: 12px;
}
.pc-challenge-list__header {
margin-bottom: 4px;
}
.pc-challenge-list__header .rc-text-content {
word-break: break-all;
}
.pc-challenge-list__header-line {
margin: 0 0 24px 0;
opacity: 0.3;
border: 1px solid #003314;
width: 100%;
}
.pc-challenge-list__bottom-line {
margin: 0 0 24px 0;
opacity: 0.3;
border: 1px solid #003314;
width: 100%;
}
.pc-challenge-list__card {
margin-bottom: 12px;
}
.pc-challenge-list__wrapper--bottom-gap-lg {
margin-bottom: 28px;
}
.pc-challenge-list__wrapper:last-of-type {
margin-bottom: 24px;
}
.pc-card-list-product-page__card__grid-wrapper {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 0 9px;
}
.pc-card-list-product-page__card__grid-wrapper .pc-card-list-product-page__card__grid-col {
padding: 0 6px;
}
.pc-card-list-product-page__card__grid-wrapper .gc-card-navigation {
display: flex;
align-items: flex-end;
}
.pc-card-list-product-page__card__grid-wrapper .gc-header-simple__icon-wrapper {
display: none;
}
.pc-card-list-product-page__card__grid-wrapper .gc-header-simple {
padding: 0 12px 12px 12px;
}
.pc-card-list-product-page__card__accordion-wrapper {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 0 9px;
}
.pc-card-list-product-page__card__accordion-wrapper .pc-card-list-product-page__card__grid-col {
padding: 0 6px;
margin-bottom: 8px;
}
.pc-card-list-product-page__card__accordion-wrapper .pc-card-list-product-page__card__accordion {
padding: 8px 16px 8px 8px;
min-height: 76px;
}
.pc-card-list-product-page__card__accordion-wrapper .pc-card-list-product-page__card__accordion .rc-text-content {
font-size: 14px;
}
.pc-card-list-product-page__card__accordion-wrapper .pc-card-list-product-page__card__accordion__image {
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 8px;
margin-right: 16px;
}
.pc-dashboard__main-featured-area--mini-card .gc-page__container, .pc-dashboard__main-featured-area--no-image .gc-page__container {
padding-top: 0 !important;
}
.pc-dashboard__main-featured-area--mini-card .pc-dashboard__featured-image, .pc-dashboard__main-featured-area--no-image .pc-dashboard__featured-image {
display: flex;
flex-direction: row;
align-items: flex-end;
height: 180px !important;
border-radius: 10px;
}
.pc-dashboard__main-featured-area--mini-card .pc-dashboard__main-featured-area--mini-card__header-wrapper, .pc-dashboard__main-featured-area--mini-card .pc-dashboard__main-featured-area--no-image__header-wrapper, .pc-dashboard__main-featured-area--no-image .pc-dashboard__main-featured-area--mini-card__header-wrapper, .pc-dashboard__main-featured-area--no-image .pc-dashboard__main-featured-area--no-image__header-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.pc-dashboard__main-featured-area--mini-card .pc-dashboard__main-featured-area-header, .pc-dashboard__main-featured-area--no-image .pc-dashboard__main-featured-area-header {
color: black;
}
@media (min-width: 992px) {
.pc-dashboard__main-featured-area--desktop .pc-dashboard__featured-image {
overflow: hidden;
}
.pc-dashboard__main-featured-area--desktop .pc-dashboard__featured-image-bg--blur {
position: absolute;
top: -10px;
left: -49px;
bottom: -10px;
right: -10px;
width: 120%;
height: 120%;
-webkit-filter: blur(6px);
-webkit-filter: blur(6px);
-moz-filter: blur(6px);
-o-filter: blur(6px);
-ms-filter: blur(6px);
filter: blur(6px);
}
.pc-dashboard__main-featured-area--desktop .pc-dashboard__featured-image-on-top {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 390px;
margin: auto;
}
.pc-dashboard__main-featured-area--desktop .pc-dashboard__main-featured-area--gretting-text {
position: absolute;
bottom: 24px;
left: 24px;
}
.pc-dashboard__main-featured-area--mini-card .pc-dashboard__featured-image, .pc-dashboard__main-featured-area--no-image .pc-dashboard__featured-image {
height: 300px;
margin-right: 15px;
margin-left: 15px;
}
.pc-dashboard__main-featured-area--mini-card .pc-dashboard__main-featured-area--mini-card__header-wrapper, .pc-dashboard__main-featured-area--mini-card .pc-dashboard__main-featured-area--no-image__header-wrapper, .pc-dashboard__main-featured-area--mini-card .pc-dashboard__main-featured-area-header, .pc-dashboard__main-featured-area--no-image .pc-dashboard__main-featured-area--mini-card__header-wrapper, .pc-dashboard__main-featured-area--no-image .pc-dashboard__main-featured-area--no-image__header-wrapper, .pc-dashboard__main-featured-area--no-image .pc-dashboard__main-featured-area-header {
margin-right: 15px;
margin-left: 15px;
}
}
.pc-dashboard__main-featured-area--desktop .pc-dashboard__featured-image {
border-radius: 10px;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
.pc-dashboard__nav-bar-header-left-section, .pc-dashboard__nav-bar-header-center-section, .pc-dashboard__nav-bar-header-right-section {
display: flex;
flex: 2;
justify-content: flex-start;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
}
.pc-dashboard__nav-bar-header-left-section {
justify-content: left;
}
.pc-dashboard__nav-bar-header-center-section {
justify-content: center;
flex: 4;
}
.pc-dashboard__nav-bar-header-right-section {
justify-content: flex-end;
}
.pc-dashboard__main-featured-area__logo {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
}
.pc-dashboard__main-featured-area__logo-text {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
}
.pc-dashboard__main-featured-area__logo .rc-image {
height: 44px;
width: auto;
}
.pc-header-dashboard-v2 .pc-dashboard__featured-image {
border-radius: 10px;
}
.pc-dashboard .pc-header-dashboard-v2 .pc-dashboard__nav-bar-header svg path, .pc-dashboard .pc-header-dashboard-v3 .pc-dashboard__nav-bar-header svg path {
fill: #003314;
}
.pc-header-dashboard-v2 .pc-dashboard__main-featured-area__greeting-text {
margin-top: 28px;
}
.header-dashboard-v2 .pc-dashboard__container-featured-image {
padding-bottom: 0;
}
@media screen and (min-width: 600px) {
.pc-header-dashboard-v2 .pc-dashboard__container-featured-image, .pc-header-dashboard-v3 .pc-dashboard__container-featured-image {
padding-left: calc(env(safe-area-inset-left) + 30px);
padding-right: calc(env(safe-area-inset-right) + 30px);
}
}
.with-bottom-bar .pc-header-dashboard-v2 .gc-sidebar {
display: none;
}
.with-bottom-bar .pc-header-dashboard-v3 .gc-sidebar {
display: none;
}
@media screen and (min-width: 768px) {
.pc-header-dashboard-v2 .pc-dashboard__container-featured-image, .pc-header-dashboard-v3 .pc-dashboard__container-featured-image {
padding-left: calc(env(safe-area-inset-left) + 40px);
padding-right: calc(env(safe-area-inset-right) + 40px);
}
}
@media screen and (min-width: 992px) {
.pc-header-dashboard-v2 .pc-dashboard__container-featured-image, .pc-header-dashboard-v3 .pc-dashboard__container-featured-image {
padding-left: 0;
padding-right: 0;
padding-bottom: 0px;
}
}
.pc-header-dashboard-v2 .pc-dashboard__nav-bar-header-container, .pc-header-dashboard-v3 .pc-dashboard__nav-bar-header-container {
display: flex;
justify-content: space-between;
align-items: center;
margin: auto;
width: 100%;
}
@media (max-width: 991px) {
.pc-header-dashboard-v1.pc-dashboard__main-featured-area--with-notification-bar .pc-dashboard__featured-image {
margin-top: 24px !important;
}
.pc-header-dashboard-v1 .pc-dashboard__featured-image {
height: calc(env(safe-area-inset-top) + 375px) !important;
padding-top: env(safe-area-inset-top) !important;
}
}
@media (min-width: 576px) {
.pc-header-dashboard-v2 .pc-dashboard__nav-bar-header-container, .pc-header-dashboard-v3 .pc-dashboard__nav-bar-header-container {
min-width: 540px;
padding-left: calc(env(safe-area-inset-left) + 30px);
padding-right: calc(env(safe-area-inset-right) + 30px);
}
}
@media (min-width: 768px) {
.pc-header-dashboard-v2 .pc-dashboard__nav-bar-header-container, .pc-header-dashboard-v3 .pc-dashboard__nav-bar-header-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.pc-header-dashboard-v2 .pc-dashboard__nav-bar-header-container, .pc-header-dashboard-v3 .pc-dashboard__nav-bar-header-container {
max-width: 1140px;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1200px) {
.pc-header-dashboard-v2 .pc-dashboard__nav-bar-header-container, .pc-header-dashboard-v3 .pc-dashboard__nav-bar-header-container {
max-width: 1140px;
}
}
@media (min-width: 600px) {
.header-dashboard-v3 .pc-dashboard__nav-bar-header-container, .header-dashboard-v3 .pc-dashboard__container-featured-image {
padding-left: calc(env(safe-area-inset-left) + 30px);
padding-right: calc(env(safe-area-inset-right) + 30px);
}
}
@media screen and (min-width: 768px) {
.header-dashboard-v3 .pc-dashboard__nav-bar-header-container, .header-dashboard-v3 .pc-dashboard__container-featured-image {
padding-left: calc(env(safe-area-inset-left) + 40px);
padding-right: calc(env(safe-area-inset-right) + 40px);
}
}
@media screen and (min-width: 992px) {
.header-dashboard-v3 .pc-dashboard__nav-bar-header-container, .header-dashboard-v3 .pc-dashboard__container-featured-image {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.header-dashboard-v1 .pc-dashboard__main-featured-area--desktop .pc-dashboard__nav-bar-header {
height: 0;
min-height: 0;
}
.header-dashboard-v1 .pc-dashboard__main-featured-area {
padding-top: 44px;
overflow-y: hidden;
border-radius: 10px;
}
}
@media screen and (min-width: 600px) {
.header-dashboard-v3 .pc-dashboard__nav-bar-header-container, .header-dashboard-v2 .pc-dashboard__nav-bar-header-container {
max-width: 540px;
padding-left: calc(env(safe-area-inset-left) + 30px);
padding-right: calc(env(safe-area-inset-right) + 30px);
}
}
@media screen and (min-width: 768px) {
.header-dashboard-v3 .pc-dashboard__nav-bar-header-container, .header-dashboard-v2 .pc-dashboard__nav-bar-header-container {
max-width: 720px;
padding-left: calc(env(safe-area-inset-left) + 40px);
padding-right: calc(env(safe-area-inset-right) + 40px);
}
}
.header-dashboard-v2 .pc-dashboard__main-featured-area__logo-text, .header-dashboard-v3 .pc-dashboard__main-featured-area__logo-text {
color: var(--text-primary-on-bg);
}
@media (min-width: 992px) {
.header-dashboard-v3 .pc-dashboard__nav-bar-header-container, .header-dashboard-v2 .pc-dashboard__nav-bar-header-container {
max-width: 1140px;
padding-left: 0;
padding-right: 0;
}
}
.pc-period-tracker-manage-widget {
padding: 20px 20px 24px 20px;
border-radius: 10px;
background-color: var(--text-area-bg-fill);
color: var(--text-secondary-on-bg);
}
.pc-period-tracker-manage-widget__heder {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.pc-container-style-editor {
position: relative;
z-index: 1;
border: 2px dashed var(--text-area-bg-outline, #E5E5E5);
background: var(--bg-homePages, #FFF);
padding: 12px;
box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.25);
border-radius: 8px;
}
.pc-container-style-editor .pc-container-style-editor__header-drag-icon {
position: absolute;
transform: translate(-50%, 60%);
left: 50%;
bottom: -12px;
}
.pc-container-style-editor .pc-container-style-editor__header-drag-icon svg {
transform: rotate(-90deg);
width: 32px;
height: 32px;
margin-top: -8px;
}
.pc-container-style-editor .pc-container-style-editor__drag-icon {
position: absolute;
transform: translate(-118%, -44%);
}
.pc-container-style-editor .pc-container-style-editor__drag-icon svg {
width: 32px;
height: 32px;
}
.pc-dashboard-creator-editor__edit-mode .pc-container-style-editor--selected {
position: relative;
border: 2px solid #003314;
box-shadow: 0px 12px 27px 0px #003314;
border-top-right-radius: 0;
}
.pc-container-style-editor__header.pc-container-style-editor--selected {
border-radius: 0;
}
.pc-container-style-editor__section-cover {
display: flex;
padding: 2px 8px;
align-items: center;
gap: 10px;
border-radius: 0 0 4px 4px;
background: var(--text-area-bg-fill, #434343);
position: absolute;
left: calc(50% - 10px);
bottom: -20px;
}
.pc-container-style-editor-actions {
z-index: 99;
text-align: center;
line-height: 1.5;
width: fit-content;
position: absolute;
background: var(--button-primary, #FFBA00);
padding: 8px;
display: flex;
gap: 12px;
align-content: center;
justify-content: center;
align-items: center;
color: var(--button-primary-text);
right: -2px;
left: auto;
transform: unset;
top: -58px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.pc-container-style-editor-actions__title {
color: var(--button-primary-text);
}
.pc-container-style-editor-actions__back {
transform: rotateZ(-90deg);
}
.pc-container-style-editor-actions__back svg path {
fill: var(--button-primary-text);
}
.pc-container-style-editor-actions__next {
transform: rotateZ(90deg);
}
.pc-container-style-editor-actions__next svg path {
fill: var(--button-primary-text);
}
.pc-container-style-editor-actions__back--disabled, .pc-container-style-editor-actions__next--disabled {
opacity: 0.5;
}
.pc-dashboard__main-content-area .pc-container-style-editor {
margin-bottom: 28px;
}
.pc-dashboard__main-content-area .pc-container-style-editor .pc-dashboard__text, .pc-dashboard__main-content-area .pc-container-style-editor .pc-dashboard__text-description {
margin-bottom: 0;
}
@media (min-width: 992px) {
.pc-dashboard__main-content-area .pc-container-style-editor {
margin-bottom: 32px;
}
}
.pc-toast-message-native-card {
padding: 20px;
background: var(--important-labels);
box-shadow: 0px 4px 10px 0px var(--important-labels-opacity-12);
color: #FFF;
width: 100%;
}
.pc-toast-message-native-card .pc-toast-message-native-card-title-section {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.pc-toast-message-native-card .pc-toast-message-native-card-close svg {
display: block;
width: 12px !important;
height: 12px !important;
}
.pc-toast-message-native-card .pc-toast-message-native-card-close svg path {
fill: #FFF;
}
@media (min-width: 768px) {
.pc-toast-message-native-card {
margin-top: -10px;
padding-top: 30px;
}
}
/*
workout styles
*/
.pc-popup-swap-injuries-area .form-group {
margin-bottom: 100px;
}
.pc-popup-swap-injuries-area .pc-popup-swap-injuries-area__info {
text-align: center;
}
.pc-popup-swap-injuries-area .pc-popup-swap-injuries-area__text-area {
margin-top: 20px;
}
.pc-popup-swap-injuries-area .pc-popup-swap-injuries-area__text-area .gc-text-area__text-area {
height: 84px;
font-weight: 700;
padding: 15px 20px;
}
.pc-popup-swap-injuries-area .pc-popup-swap-injuries-area__text-area .gc-text-area__text-area::placeholder {
text-align: center;
}
.gc-popup-exercise-swap__support-email {
margin-top: 20px;
text-align: center;
}
.gc-popup-exercise-swap__success-description {
text-align: center;
}
.gc-popup-exercise-swap__alternative-description, .gc-popup-exercise-swap__support-description {
text-align: center;
padding-bottom: 10px;
color: #003314;
}
.gc-popup-exercise-swap__alternative-description {
margin-top: 8px;
}
.gc-popup-exercise-swap__line {
margin-top: 28px;
margin-bottom: 28px;
width: 100%;
border-bottom: 1px solid #003314;
}
.btn-choice--swap_injury .btn-choice__label, .btn-choice--swap_home .btn-choice__label, .btn-choice--swap_gym .btn-choice__label {
background: transparent;
border-color: #003314;
color: #003314;
padding: 15px 20px;
font-weight: 700;
height: 57px;
}
.pc-popup-exercise-swap__injuries-area .form-group {
margin-bottom: 100px;
}
.pc-popup-exercise-swap__injuries-area .pc-popup-exercise-swap__injuries-area__info {
text-align: center;
}
.pc-popup-exercise-swap__injuries-area .pc-popup-exercise-swap__injuries-area__text-area {
margin-top: 20px;
}
.pc-popup-exercise-swap__injuries-area .pc-popup-exercise-swap__injuries-area__text-area .gc-text-area__text-area {
height: 84px;
font-weight: 700;
padding: 15px 20px;
}
.pc-popup-exercise-swap__injuries-area .pc-popup-exercise-swap__injuries-area__text-area .gc-text-area__text-area::placeholder {
text-align: center;
}
.pc-popup-meal-swap__error-message {
color: #FB3865;
}
.pc-popup-exercise-swap__alternative-description, .pc-popup-exercise-swap__support-description {
text-align: center;
padding-bottom: 10px;
color: #003314;
}
.pc-popup-exercise-swap__alternative-description {
margin-top: 8px;
}
.pc-popup-exercise-swap__line {
margin-top: 28px;
margin-bottom: 28px;
width: 100%;
border-bottom: 1px solid #003314;
}
.pc-popup-exercise-swap__support-email {
margin-top: 20px;
text-align: center;
}
.pc-popup-exercise-swap__success-description {
text-align: center;
}
.pc-popup-exercise-swap__button-swap:not(:first-child) {
margin-top: 10px;
}
.pc-popup-swap-injuries-area .form-group {
margin-bottom: 100px;
}
.pc-popup-swap-injuries-area .pc-popup-swap-injuries-area__info {
text-align: center;
}
.pc-popup-swap-injuries-area .pc-popup-swap-injuries-area__text-area {
margin-top: 20px;
}
.pc-popup-swap-injuries-area .pc-popup-swap-injuries-area__text-area .gc-text-area__text-area {
height: 84px;
font-weight: 700;
padding: 15px 20px;
}
.pc-popup-swap-injuries-area .pc-popup-swap-injuries-area__text-area .gc-text-area__text-area::placeholder {
text-align: center;
}
.pc-popup-exercise-swap-alternative__buttons .pc-popup-exercise-swap__button:not(:first-child) {
margin-top: 10px;
}
.gc-popup-exercise-swap__support-email {
margin-top: 20px;
text-align: center;
}
.gc-popup-exercise-swap__success-description {
text-align: center;
}
.gc-popup-exercise-swap__alternative-description, .gc-popup-exercise-swap__support-description {
text-align: center;
padding-bottom: 10px;
color: #003314;
}
.gc-popup-exercise-swap__alternative-description {
margin-top: 8px;
}
.gc-popup-exercise-swap__line {
margin-top: 28px;
margin-bottom: 28px;
width: 100%;
border-bottom: 1px solid #003314;
}
.btn-choice--swap_injury .btn-choice__label, .btn-choice--swap_home .btn-choice__label, .btn-choice--swap_gym .btn-choice__label {
background: transparent;
border-color: #003314;
color: #003314;
padding: 15px 20px;
font-weight: 700;
height: 57px;
}
.pc-popup-suggested-exercise-swap__checkbox-container {
display: flex;
justify-content: center;
margin-bottom: 16px;
margin-top: 8px;
}
.pc-popup-suggested-exercise-swap__checkbox-label {
margin-left: 10px;
}
.pc-popup-suggested-exercise-swap__injuries-area .form-group {
margin-bottom: 100px;
}
.pc-popup-suggested-exercise-swap__injuries-area .pc-popup-suggested-exercise-swap__injuries-area__info {
text-align: center;
}
.pc-popup-suggested-exercise-swap__injuries-area .pc-popup-suggested-exercise-swap__injuries-area__text-area {
margin-top: 20px;
}
.pc-popup-suggested-exercise-swap__injuries-area .pc-popup-suggested-exercise-swap__injuries-area__text-area .gc-text-area__text-area {
height: 84px;
font-weight: 700;
padding: 15px 20px;
}
.pc-popup-suggested-exercise-swap__injuries-area .pc-popup-suggested-exercise-swap__injuries-area__text-area .gc-text-area__text-area::placeholder {
text-align: center;
}
.pc-popup-meal-swap__error-message {
color: #FB3865;
}
.pc-popup-suggested-exercise-swap__swap-all-button {
margin-top: 24px;
}
.pc-popup-suggested-exercise-swap__alternative-description, .pc-popup-suggested-exercise-swap__support-description {
text-align: center;
padding-bottom: 10px;
color: #003314;
}
.pc-popup-suggested-exercise-swap__alternative-description {
margin-top: 8px;
}
.pc-popup-suggested-exercise-swap__line {
margin-top: 28px;
margin-bottom: 28px;
width: 100%;
border-bottom: 1px solid #003314;
}
.pc-popup-suggested-exercise-swap__support-email {
margin-top: 20px;
text-align: center;
}
.pc-popup-suggested-exercise-swap__success-description {
text-align: center;
}
.pc-popup-suggested-exercise-swap__button-swap:not(:first-child) {
margin-top: 10px;
}
.pc-popup-suggested-exercise-swap__alternative-exercise-list .pc-popup-suggested-exercise-swap__alternative-exercise:not(:last-child) {
margin-bottom: 12px;
}
.pc-popup-suggested-exercise-swap__alternative-exercise {
z-index: 1;
}
.pc-popup-suggested-exercise-swap__alternative-exercise:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-popup-suggested-exercise-swap__alternative-exercise:hover rc-icon:hover {
opacity: 1;
}
.pc-popup-suggested-exercise-swap__body-alternatives-sub-title {
margin-top: 4px;
text-align: center;
color: #003314;
}
.pc-popup-suggested-exercise-swap__body-alternatives-no-matching-text, .pc-popup-suggested-exercise-swap__body-alternatives-link-more {
display: inline-block;
color: #003314;
}
.pc-popup-suggested-exercise-swap__body-alternatives-link-more:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-popup-suggested-exercise-swap__alternative-exercise-list {
margin-bottom: 28px;
}
.pc-popup-suggested-exercise-swap__success-icon {
text-align: center;
}
.pc-popup-suggested-exercise-swap__success-icon circle {
fill: #003314 !important;
}
.pc-popup-suggested-exercise-swap__success-icon path {
fill: #FFFFFF !important;
}
.pc-popup-suggested-exercise-swap__area-more {
text-align: center;
margin-bottom: 20px;
}
.pc-popup-workout-log-confirm-log__button-submit {
margin-bottom: 16px;
}
.pc-popup-workout-log-exit__button-submit {
margin-bottom: 16px;
}
.pc-popup-workout-log-mark-incomplete__button-submit {
margin-bottom: 16px;
}
.pc-popup-workout-log-mark-incomplete__icon-success path {
fill: #2FC417;
}
.pc-popup-workout-log-modify__button:first-child {
margin-bottom: 16px;
}
.pc-popup-workout-log-personal-best__icon-trophy {
margin-bottom: 20px;
}
.pc-popup-workout-log-personal-best__icon-trophy svg {
width: 60px;
height: 60px;
}
.pc-popup-workout-log-personal-best__value {
margin-top: 8px;
margin-bottom: 28px;
}
.pc-popup-general-exercise__text {
margin-bottom: 28px;
}
.pc-popup-general-exercise__image {
width: 100%;
height: 200px;
object-fit: cover;
border: 1px solid #003314;
}
.pc-popup-general-exercise__video-player {
box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.12);
border-radius: 10px;
}
.pc-popup-general-exercise__video-player .gc-video-player__video-wrapper, .pc-popup-general-exercise__video-player .gc-video-player__content, .pc-popup-general-exercise__video-player .gc-video-player__area-loading {
border-radius: 10px;
}
.pc-popup-general-exercise__video-player .gc-video-player__image-thumb {
border-radius: 10px;
}
.pc-popup-general-exercise__description {
margin-top: 32px;
}
@media (min-width: 768px) {
.pc-popup-general-exercise__video-player {
height: calc(400px / 1.77);
}
}
html[dir=rtl] .pc-popup-general-exercise__description {
text-align: right;
}
.pc-input-search-bar {
position: relative;
}
.pc-input-search-bar__input {
padding: 15px 50px 15px 20px;
width: 100%;
height: 57px;
font-size: 18px;
line-height: 1.5;
font-weight: 700;
color: #003314;
border: 1px solid #003314;
border-radius: 10px;
background-color: #f7e3ce;
}
.pc-input-search-bar__input:focus + .pc-input-search-bar__icon {
opacity: 1;
}
.pc-input-search-bar__input::placeholder {
color: rgba(0, 51, 20, 0.5);
}
.pc-input-search-bar__input:focus {
outline: none;
border: 2px solid #003314;
transition: 0.3s;
}
.pc-input-search-bar__icon {
position: absolute;
opacity: 0.5;
right: 20px;
top: 50%;
transform: translateY(-50%);
line-height: 1;
}
.pc-input-search-bar__icon svg path {
fill: #003314;
}
html[dir=rtl] .pc-input-search-bar__input {
padding: 15px 20px 15px 20px;
}
html[dir=rtl] .pc-input-search-bar__icon {
left: 20px;
right: initial;
}
.pc-workout-log-history-statistics {
text-align: center;
margin-bottom: 16px;
}
.pc-workout-log-history-statistics__icon {
margin-bottom: 32px;
}
.pc-workout-log-history-statistics__title {
margin-bottom: 4px;
color: #003314;
}
.pc-workout-log-history-statistics__best-score {
margin-bottom: 24px;
color: #003314;
}
.pc-workout-log-history-statistics__mean-score {
color: #003314;
}
@media (min-width: 992px) {
.pc-workout-log-history-statistics__icon {
margin-bottom: 24px;
}
.pc-workout-log-history-statistics {
text-align: center;
margin-bottom: 24px;
}
}
.pc-input-radio-exercise {
height: 184px;
width: 100%;
padding: 18px 20px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
border-radius: 10px;
position: relative;
overflow: hidden;
color: #fff;
transition: border-width 0.1s ease-out;
}
.pc-input-radio-exercise--no-image {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%), #e6e6e6;
}
.pc-input-radio-exercise__radio {
height: 26px;
width: 26px;
}
.pc-input-radio-exercise__radio.gc-input-radio-button-circular--selected {
border: calc(13px - 4.5px) #003314 solid;
}
.pc-input-radio-exercise__name, .pc-input-radio-exercise__muscle {
margin-bottom: 4px;
margin-right: 48px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.pc-input-radio-exercise__set-type {
margin-bottom: 4px;
}
.pc-input-radio-exercise__overlay {
background-color: black;
background: linear-gradient(0deg, black 20%, rgba(0, 0, 0, 0.25) 40%);
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
}
.pc-input-radio-exercise__radio {
border-color: #fff;
}
.pc-input-radio-exercise__radio.gc-input-radio-button-circular--selected {
border-color: #003314;
background-color: #FFFFFF;
}
.pc-input-radio-exercise__image {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.pc-input-radio-exercise__area-bottom-left {
position: absolute;
left: 20px;
bottom: 18px;
}
.pc-input-radio-exercise__area-top-right {
position: absolute;
top: 18px;
right: 20px;
}
.pc-input-radio-exercise .gc-input-radio-button-circular:active {
border-color: #fff;
}
.pc-input-radio-exercise .gc-input-radio-button-circular:hover {
border-color: #fff;
}
.pc-input-radio-exercise .gc-input-radio-button-circular--selected {
border-color: #003314;
}
.pc-input-radio-exercise .gc-input-radio-button-circular--selected:active {
border-color: #003314;
}
.pc-input-radio-exercise .gc-input-radio-button-circular--selected:hover {
border-color: #003314;
}
html[dir=rtl] .pc-input-radio-exercise__area-top-right {
text-align: right;
left: 20px;
right: initial;
}
html[dir=rtl] .pc-input-radio-exercise__area-bottom-left {
text-align: right;
left: initial;
right: 20px;
}
html[dir=rtl] .pc-input-radio-exercise__name, html[dir=rtl] .pc-input-radio-exercise__muscle {
text-align: right;
margin-right: 0;
margin-left: 48px;
}
.pc-card-image {
width: 100%;
height: 185px;
border-radius: 10px;
padding: 16px;
display: flex;
justify-content: flex-end;
filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.25));
}
.container-fullscreen-success {
background: #f7e3ce;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
display: flex;
justify-content: center;
}
.container-fullscreen-success__icon {
margin: auto;
}
.container-fullscreen-success__icon svg {
animation-duration: 2s;
animation-delay: 0s;
animation-fill-mode: forwards;
width: 30px;
height: 30px;
animation-name: container-fullscreen-success__icon--animation;
}
.container-fullscreen-success__icon svg circle {
fill: #003314 !important;
}
.container-fullscreen-success__icon svg path {
fill: #FFFFFF !important;
}
@keyframes container-fullscreen-success__icon--animation {
0% {
width: 10px;
height: 10px;
}
70% {
width: 30px;
height: 30px;
}
100% {
width: 25px;
height: 25px;
}
}
.pc-container-single-exercise__video-set-type.rc-badge {
display: inline-flex;
align-items: center;
margin-top: 5px;
}
.pc-container-single-exercise__video-set-type.rc-badge .rc-icon {
padding-left: 4px;
}
.pc-navigation-tabs-secondary {
margin-bottom: 24px;
}
.pc-navigation-tabs-secondary__tab-text {
color: rgba(0, 51, 20, 0.6);
}
.pc-navigation-tabs-secondary__tab--selected .pc-navigation-tabs-secondary__tab-text {
color: #003314;
}
.pc-exercise .workout-history {
padding-top: 5px;
}
.pc-container-single-exercise__video-icon-swap svg path, .pc-container-single-exercise__image-icon-swap svg path {
fill: #fff;
}
.pc-container-single-exercise__content-image {
height: 200px;
position: relative;
background: linear-gradient(0deg, black 20%, rgba(0, 0, 0, 0.25) 40%);
}
.pc-container-single-exercise__overlay {
background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.25) 0%);
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
}
.pc-container-single-exercise .pc-container-single-exercise__content-image .pc-container-single-exercise__overlay {
z-index: 0;
}
.pc-container-single-exercise__navigation-tab-completed svg path {
fill: #2bff00;
}
.pc-container-single-exercise__image-img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.pc-container-single-exercise__left-area {
position: absolute;
left: 20px;
bottom: 20px;
}
.pc-container-single-exercise__right-area {
position: absolute;
right: 20px;
bottom: 20px;
}
.pc-container-single-exercise__image-icon-swap svg path {
fill: #fff;
}
.pc-container-single-exercise__image-set-type {
display: inline-flex;
margin-top: 6px;
}
.pc-container-single-exercise__image-set-type .rc-icon {
margin-left: 4px;
}
.pc-container-single-exercise__image-text-tempo, .pc-container-single-exercise__image-text-sets, .pc-container-single-exercise__video-text-tempo, .pc-container-single-exercise__video-text-sets {
margin-top: 6px;
color: #fff;
}
.pc-container-single-exercise__timer-wrapper {
position: absolute;
width: 100%;
padding: 0 20px;
}
.pc-container-single-exercise__timer .pc-timer::after {
display: none;
}
.pc-container-single-exercise__timer .pc-timer__action-button {
color: #fff !important;
}
.pc-container-single-exercise__timer .pc-timer__wrap {
border-color: #fff;
}
.pc-container-single-exercise__timer .pc-timer-workout__time-value span, .pc-container-single-exercise__timer .pc-timer-set-timer__time {
color: #fff;
}
.pc-container-single-exercise__timer svg path {
fill: #fff;
}
.pc-container-single-exercise__video-text-sets {
width: max-content;
}
.pc-container-single-exercise__video-sets {
display: flex;
align-items: flex-end;
width: max-content;
}
.pc-container-single-exercise__sets-info-icon {
margin-left: 5px;
}
.pc-container-single-exercise__sets-info-icon svg path {
fill: #fff;
}
.workout-exercise__content {
padding-bottom: 60px;
}
.workout-exercise__content .gc-page__container {
padding-top: 12px;
}
.workout-exercise__muscles {
text-align: center;
}
.workout-exercise__muscles-seperator {
margin-top: 12px;
margin-bottom: 12px;
width: 100%;
background-color: #003314;
}
.pc-container-single-exercise__navigation-tab-completed svg path {
fill: #2bff00;
}
.pc-container-single-exercise__text-instructions {
color: #003314;
}
.pc-container-single-exercise__content-image .pc-container-single-exercise__left-area {
padding-left: env(safe-area-inset-left);
}
.pc-container-single-exercise__content-image .pc-container-single-exercise__right-area {
padding-right: env(safe-area-inset-right);
}
html[dir=rtl] .workout-exercise__muscles {
direction: rtl;
text-align: right;
}
html[dir=rtl] .pc-container-single-exercise__text-instructions {
text-align: right;
}
html[dir=rtl] .pc-container-single-exercise__video-set-type.rc-badge .rc-icon {
padding-right: 4px;
padding-left: 0;
}
html[dir=rtl] .pc-container-single-exercise__image-set-type .rc-icon {
padding-right: 4px;
padding-left: 0;
}
html[dir=rtl] .pc-timer__left {
text-align: right;
}
html[dir=rtl] .pc-container-single-exercise__content-image .pc-container-single-exercise__left-area {
padding-right: env(safe-area-inset-right);
}
html[dir=rtl] .pc-container-single-exercise__content-image .pc-container-single-exercise__right-area {
padding-left: env(safe-area-inset-left);
}
html[dir=rtl] .pc-container-single-exercise__right-area {
text-align: right;
left: 20px;
right: inherit;
}
html[dir=rtl] .pc-container-single-exercise__left-area {
text-align: right;
right: 20px;
left: inherit;
}
html[dir=rtl] .pc-container-single-exercise__sets-info-icon {
margin-left: 0px;
margin-right: 5px;
}
@media (min-width: 992px) {
.pc-container-single-exercise__footer {
position: relative;
padding-left: 0 !important;
padding-right: 0 !important;
}
.pc-container-single-exercise__content-image {
height: 101%;
}
.workout-exercise__content .gc-page__container {
padding-top: 12px;
}
.pc-navigation-tabs-secondary {
margin-bottom: 28px;
}
.pc-navigation-tabs-secondary {
margin-bottom: 28px;
}
.pc-container-single-exercise__video-set-type.rc-badge {
margin-top: 6px;
}
.pc-container-single-exercise__video-set-type.rc-badge .rc-text-content {
font-size: 18px;
line-height: 1.5;
}
.pc-container-single-exercise__video-set-type.rc-badge .rc-icon {
padding-left: 4px;
}
.pc-container-single-exercise__video-set-type.rc-badge .rc-icon svg {
width: 18px;
height: 18px;
}
.pc-container-single-exercise__video-text-sets {
font-size: 14px;
}
}
@media (min-width: 768px) {
.pc-container-single-exercise__footer {
padding-left: 40px;
padding-right: 40px;
}
.pc-container-single-exercise__video-set-type.rc-badge {
margin-top: 6px;
}
.pc-container-single-exercise__video-set-type.rc-badge .rc-text-content {
font-size: 18px;
line-height: 1.5;
}
.pc-container-single-exercise__video-set-type.rc-badge .rc-icon {
padding-left: 4px;
}
.pc-container-single-exercise__video-set-type.rc-badge .rc-icon svg {
width: 18px;
height: 18px;
}
.pc-navigation-tabs-secondary {
margin-bottom: 28px;
}
.pc-container-single-exercise__video-text-sets {
font-size: 14px;
}
}
.pc-container-workout-log-history__card {
margin-bottom: 8px;
}
.pc-container-workout-log-history__icon-clock {
margin-bottom: 16px;
}
.pc-container-workout-log-history__icon-clock svg path {
fill: #003314;
}
.pc-container-workout-log-history__empty {
padding-top: 56px;
color: #003314;
}
.gc-card-workout-history__header .rc-text-content {
padding-left: 22px;
padding-right: 22px;
}
.pc-form-note-workout-log__text-area .gc-text-area__text-area {
padding: 15px 20px;
}
@media only screen and (min-width: 768px) {
.pc-form-note-workout-log__submit, .pc-form-note-workout-log__cancel {
width: inherit;
min-width: 335px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
}
.pc-form-workout-log__wrapper-note {
margin-top: 32px;
}
.pc-form-workout-log__form-extra-sets {
border-radius: 10px;
border: 1px solid var(--text-area-bg-outline, #E5E5E5);
padding: 18px 12px;
}
.pc-form-workout-log__form-extra-sets--empty {
padding: 0;
border: unset;
}
.pc-form-workout-log__form-extra-sets--empty .pc-form-workout-log__button-add-sets {
margin-top: 0;
}
.pc-form-workout-log__form-extra-sets .pc-form-workout-log__form--with-three:not(:last-child)::after, .pc-form-workout-log__form-extra-sets .pc-form-workout-log__form--with-four:not(:last-child)::after {
background-color: transparent;
}
.pc-form-workout-log__form {
margin-bottom: 10px;
}
.pc-form-workout-log__form .pc-form-workout-log__other-info {
margin-left: 25px;
margin-right: 25px;
margin-top: 5px;
color: #003314;
}
.pc-form-workout-log__form .pc-timer::after {
margin-bottom: 18px;
}
.pc-form-workout-log__form .gc-text-input__input {
padding: 15px 5px;
}
.pc-form-workout-log__text-header {
text-align: center;
margin-bottom: 10px;
}
.pc-form-workout-log__form-set {
display: flex;
justify-content: space-between;
align-items: center;
}
.pc-form-workout-log__form-set .pc-form-workout-log__number-list, .pc-form-workout-log__form-set .pc-form-workout-log__set-number {
width: 25px;
}
.pc-form-workout-log__form-set .pc-form-workout-log__wrapper-buttons {
display: flex;
justify-content: space-between;
}
.pc-form-workout-log__form-set .pc-form-workout-log__wrapper-buttons .pc-form-workout-log__icon-duration {
padding-right: 18px;
}
.pc-form-workout-log__form-set .pc-form-workout-log__wrapper-buttons .rc-icon-complete-rounded path {
fill: #003314;
}
.pc-form-workout-log__form-set .pc-form-workout-log__wrapper-inputs {
padding-right: 15px !important;
padding-left: 15px !important;
}
.pc-form-workout-log__form-set .pc-form-workout-log__header-input {
text-align: center;
padding-bottom: 6px;
color: #003314;
white-space: nowrap;
max-width: 86px;
margin: auto;
}
.pc-form-workout-log__form-set .gc-text-input__input {
text-align: center;
min-width: 86px;
}
.pc-form-workout-log__form-set .gc-text-input__input:focus {
border-color: #003314;
}
.pc-form-workout-log__form:first-child .pc-form-workout-log__form-set {
align-items: center;
}
.pc-form-workout-log__status, .pc-form-workout-log__number-list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 57px;
}
.pc-form-workout-log__form-extra-sets .pc-form-workout-log__set-delete {
margin-top: 10px;
}
.pc-form-workout-log__form-extra-sets .pc-form-workout-log__form--with-one:first-child .pc-form-workout-log__set-number, .pc-form-workout-log__form-extra-sets .pc-form-workout-log__form--with-two:first-child .pc-form-workout-log__set-number {
margin-top: 0;
}
.pc-form-workout-log__form--with-text-header .pc-form-workout-log__number-list, .pc-form-workout-log__form--with-text-header .pc-form-workout-log__status {
margin-top: 25px;
}
.pc-form-workout-log__form.pc-form-workout-log__form--with-three .pc-form-workout-log__form-set, .pc-form-workout-log__form.pc-form-workout-log__form--with-four .pc-form-workout-log__form-set {
align-items: flex-start;
}
.pc-form-workout-log__text-error {
color: #FB3865;
margin-bottom: 5px;
}
.pc-form-workout-log__button-submit {
margin-top: 24px;
}
.pc-form-note-workout-log__cancel, .pc-form-workout-log__button-cancel {
margin-top: 16px;
}
.pc-form-workout-log--edit .pc-form-workout-log__form-set .gc-text-input__input {
color: #003314;
min-width: 80px;
}
.pc-form-workout-log__form--with-three:not(:last-child)::after, .pc-form-workout-log__form--with-four:not(:last-child)::after {
content: "";
display: block;
margin: auto;
height: 1px;
width: 100%;
background: #003314;
margin-top: 12px;
}
.pc-form-workout-log__form {
margin-bottom: 20px;
}
.pc-form-workout-log__form--with-four {
margin-bottom: 10px;
}
.pc-form-note-workout-log__text-area .gc-text-area__text-area {
height: 84px;
padding: 15px 20px;
}
.pc-form-workout-log__input-note .gc-text-area__text-area {
padding: 15px 20px;
height: 84px;
}
.pc-form-workout-log__text-set-complete {
color: #003314;
text-align: center;
margin-top: 15px;
}
.pc-form-workout-log__form--with-three, .pc-form-workout-log__form--with-four {
margin-bottom: 12px;
}
.pc-form-workout-log__form--with-three .row .col:nth-child(1), .pc-form-workout-log__form--with-three .row .col:nth-child(2), .pc-form-workout-log__form--with-four .row .col:nth-child(1), .pc-form-workout-log__form--with-four .row .col:nth-child(2) {
margin-bottom: 15px;
}
.pc-form-workout-log__form-set .rc-icon-delete-linear svg path {
stroke: var(--text-primary-on-bg);
fill: transparent;
}
.pc-form-workout-log__button-add-sets {
margin: 18px auto 0 auto;
color: var(--text-secondary-on-bg, #AFAFAF);
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 160%;
border: 1px solid var(--text-secondary-on-bg, #AFAFAF);
}
.pc-form-workout-log__button-add-sets .rc-icon svg path {
fill: white;
}
.pc-form-workout-log__button-add-sets svg path:first-child {
fill: var(--text-secondary-on-bg, #AFAFAF);
}
@media (max-width: 375px) {
.pc-form-workout-log__form-set input {
min-width: 80px;
}
}
@media (max-width: 368px) {
.pc-form-workout-log__form-set .gc-text-input__input {
min-width: 76px;
}
}
@media (max-width: 320px) {
.pc-form-workout-log__form .row .col {
margin-bottom: 15px;
}
.pc-form-workout-log__form .gc-text-input__input {
padding: 5px 5px;
min-width: 50px !important;
height: 45px;
}
.pc-form-workout-log__form--with-one:first-child .pc-form-workout-log__wrapper-buttons, .pc-form-workout-log__form--with-two:first-child .pc-form-workout-log__wrapper-buttons {
margin-top: 0;
}
.pc-form-workout-log__form--with-one:first-child .pc-form-workout-log__set-number, .pc-form-workout-log__form--with-two:first-child .pc-form-workout-log__set-number {
margin-top: 0;
}
.pc-form-workout-log__form.pc-form-workout-log__form--with-three .pc-form-workout-log__wrapper-buttons, .pc-form-workout-log__form.pc-form-workout-log__form--with-four .pc-form-workout-log__wrapper-buttons {
margin-top: 27px;
}
.pc-form-workout-log__form.pc-form-workout-log__form--with-three .pc-form-workout-log__set-number, .pc-form-workout-log__form.pc-form-workout-log__form--with-four .pc-form-workout-log__set-number {
margin-top: 32px;
}
.pc-form-workout-log__form--with-text-header.pc-form-workout-log__form--with-three .pc-form-workout-log__set-number {
margin-top: 45px;
}
.pc-form-workout-log__form--with-text-header.pc-form-workout-log__form--with-three .pc-form-workout-log__wrapper-buttons {
margin-top: 35px;
}
.pc-form-workout-log__form--with-text-header.pc-form-workout-log__form--with-four .pc-form-workout-log__set-number {
margin-top: 41px;
}
.pc-form-workout-log__form--with-text-header.pc-form-workout-log__form--with-four .pc-form-workout-log__wrapper-buttons {
margin-top: 35px;
}
.pc-form-workout-log__form-set .pc-form-workout-log__header-input {
max-width: 60px;
}
}
html[dir=rtl] .pc-form-workout-log__form-set .pc-form-workout-log__wrapper-buttons .pc-form-workout-log__icon-duration {
padding-left: 18px;
padding-right: 0;
}
@media (min-width: 992px) {
.pc-form-workout-log__button-submit {
margin-top: 32px;
}
.pc-form-workout-log__wrapper-buttons {
max-width: 335px;
margin: auto;
}
}
@media (min-width: 768px) {
.pc-form-workout-log__button-submit {
margin-top: 32px;
}
.pc-form-workout-log__wrapper-buttons {
max-width: 335px;
margin: auto;
}
}
@media (max-width: 327px) {
.pc-form-workout-log__form-extra-sets .pc-form-workout-log__wrapper-inputs .col {
margin-bottom: 15px;
}
}
.pc-workout__nav-circuit-exercises {
background-color: #f7e3ce;
text-align: center;
border-bottom: 1px solid #e5e5e5;
border-color: #003314;
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 20px;
padding-right: calc(20px + env(safe-area-inset-right));
padding-left: calc(20px + env(safe-area-inset-left));
}
.pc-workout__nav-circuit-exercises__back-button {
min-width: 25px;
}
.pc-workout__nav-circuit-exercises__back-button svg {
width: 25px;
height: 25px;
}
.pc-workout__nav-circuit-exercises__back-button svg path {
fill: #003314;
}
.pc-workout__nav-circuit-exercises__forward-button {
min-width: 25px;
}
.pc-workout__nav-circuit-exercises__forward-button svg {
width: 25px;
height: 25px;
}
.pc-workout__nav-circuit-exercises__forward-button svg path {
fill: #003314;
}
.pc-workout__nav-circuit-exercises__middle-text {
min-width: 130px;
position: relative;
text-align: center;
}
.pc-workout__nav-circuit-exercises__middle-text .rc-text-content {
color: #003314;
}
.pc-workout__nav-circuit-exercises__middle-text svg {
position: absolute;
left: -12px;
top: -2px;
width: 15px;
height: 15px;
}
.pc-workout__nav-circuit-exercises__middle-text svg path {
fill: #fff;
}
html[dir="rtl"] .pc-workout__nav-circuit-exercises__back-button, html[dir="rtl"] .pc-workout__nav-circuit-exercises__forward-button {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.pc-workout__nav-exercise-large-set--with-max-tabs {
padding-right: 15px;
padding-left: 15px;
}
.pc-workout__nav-exercise-large-set--with-max-tabs .pc-workout__nav-exercise-large-set--active {
box-shadow: 0 1px 8px -4px rgba(0, 51, 20, 0.5);
}
.pc-workout__nav-exercise-large-set__tab img {
position: absolute;
left: -15px;
margin: auto;
height: 12px;
display: none;
}
.pc-workout__nav-exercise-large-set {
background-color: #f7e3ce;
text-align: center;
border-bottom: 1px solid #e5e5e5;
border-color: #003314;
}
.pc-workout__nav-exercise-large-set .pc-workout__nav-exercise-large-set__tab {
position: relative;
padding: 8px 0;
color: rgba(0, 51, 20, 0.6);
}
.pc-workout__nav-exercise-large-set .pc-workout__nav-exercise-large-set__tab:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-workout__nav-exercise-large-set .pc-workout__nav-exercise-large-set__tab:hover .rc-icon:hover {
opacity: 1;
}
.pc-workout__nav-exercise-large-set .pc-workout__nav-exercise-large-set__single-tab {
display: inline-block;
position: relative;
}
.pc-workout__nav-exercise-large-set .pc-workout__nav-exercise-large-set__single-tab svg {
width: 10px;
height: 10px;
margin-top: -2px;
margin-right: 3px;
}
.pc-workout__nav-exercise-large-set .pc-workout__nav-exercise-large-set__tab.pc-workout__nav-exercise-large-set--complete img {
display: block;
}
.pc-workout__nav-exercise-large-set .pc-workout__nav-exercise-large-set__tab.pc-workout__nav-exercise-large-set--active {
color: #003314;
}
.pc-workout__nav-exercise-large-set .pc-workout__nav-exercise-large-set__tab.pc-workout__nav-exercise-large-set--active img {
display: block;
}
.pc-workout__nav-exercise-large-set .pc-workout__nav-exercise-large-set__tab.pc-workout__nav-exercise-large-set--active::after {
content: "";
border-bottom: 1px solid;
border-color: #003314;
width: 100%;
display: block;
position: absolute;
bottom: 0;
box-shadow: 0 1px 8px -4px rgba(149, 165, 166, 0.5);
}
.pc-workout__nav-exercise-medium-set {
text-align: center;
}
.pc-workout__nav-exercise-medium-set--with-long-tabs {
padding-right: 15px;
padding-left: 15px;
}
.pc-workout__nav-exercise-medium-set__row {
color: rgba(0, 51, 20, 0.6);
}
.pc-workout__nav-exercise-medium-set__tab.pc-workout__nav-exercise-medium-set--active {
color: #003314;
}
.pc-workout__nav-exercise-medium-set__tab img {
position: absolute;
left: -15px;
margin: auto;
height: 12px;
display: none;
}
.pc-workout__nav-exercise-medium-set {
background-color: #f7e3ce;
text-align: center;
border-bottom: 1px solid #e5e5e5;
border-color: #003314;
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__tab {
position: relative;
padding: 8px 0;
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__tab:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__tab:hover .rc-icon:hover {
opacity: 1;
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__single-tab {
display: inline-block;
position: relative;
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__single-tab svg {
width: 10px;
height: 10px;
margin-top: -2px;
margin-right: 3px;
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__tab.pc-workout__nav-exercise-medium-set--complete img {
display: block;
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__tab.pc-workout__nav-exercise-medium-set--active img {
display: block;
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__tab.pc-workout__nav-exercise-medium-set--active::after {
content: "";
border-bottom: 1px solid;
border-color: #003314;
width: 100%;
display: block;
position: absolute;
bottom: 0;
box-shadow: 0 1px 8px -4px rgba(149, 165, 166, 0.5);
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__tab.pc-workout__nav-exercise-medium-set--active {
content: "";
border-bottom: 1px solid;
border-color: #003314;
width: 100%;
display: block;
position: absolute;
bottom: 0;
box-shadow: 0 1px 8px -4px rgba(33, 38, 38, 0.5);
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__row .col:first-child .pc-workout__nav-exercise-medium-set--active {
box-shadow: 3px 0 4px -4px rgba(0, 51, 20, 0.5);
}
.pc-workout__nav-exercise-medium-set .pc-workout__nav-exercise-medium-set__row .col:last-child .pc-workout__nav-exercise-medium-set--active {
box-shadow: -3px 0 4px -4px rgba(0, 51, 20, 0.5);
}
.pc-navigation-tabs-secondary {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.pc-navigation-tabs-secondary__tab {
display: flex;
flex-direction: row;
align-items: center;
}
.pc-navigation-tabs-secondary__tab__tab-text {
color: #003314;
}
.pc-navigation-tabs-secondary__tab .rc-icon {
margin-right: 5px;
}
.pc-navigation-tabs-secondary__tab--selected .pc-navigation-tabs-secondary__tab-text:after {
content: "";
display: block;
border-bottom: 1px solid;
border-color: #003314;
}
.pc-navigation-tabs-secondary .pc-navigation-tabs-secondary__tab:hover {
opacity: 0.7;
}
.pc-navigation-tabs-secondary .pc-navigation-tabs-secondary__tab:hover .rc-icon:hover {
opacity: 1;
}
.pc-navigation-tabs-secondary .pc-navigation-tabs-secondary__tab:hover .pc-navigation-tabs-secondary__tab-text {
cursor: pointer;
}
html[dir=rtl] .pc-navigation-tabs-secondary__tab {
direction: ltr;
}
html[dir=rtl] .pc-navigation-tabs-secondary__tab-text {
direction: rtl;
}
.workout-log-history-empty {
text-align: center;
}
.workout-log-history-empty__icon {
margin-bottom: 16px;
}
.workout-log-history-empty__icon svg path {
fill: #003314;
}
.workout-log-history-empty__text {
color: #003314;
}
.pc-page-workout-single-program-skeleton .pc-timer__wrap {
margin: auto;
}
.pc-page-workout-single-program-skeleton .card-list {
margin-bottom: 50px;
}
.pc-page-workout-single-program-skeleton .pc-navigation-tabs-secondary {
margin-top: 20px;
}
.pc-page-workout-single-program-skeleton .pc-skeleton-input-reps {
display: flex;
justify-content: space-around;
margin-bottom: 16px;
align-items: center;
}
.pc-page-workout-single-program-skeleton .pc-timer__wrap .gc-placeholder {
margin: auto;
}
.pc-page-workout-single-program-skeleton .pc-skeleton-button {
margin-bottom: 16px;
}
@media (min-width: 992px) {
.pc-page-workout-single-program-skeleton.pc-page-workout-single-program-skeleton--exercise-log {
display: inherit;
}
.pc-page-workout-single-program-skeleton {
display: flex;
}
.pc-page-workout-single-program-skeleton .pc-skeleton--mobile {
display: none;
}
.pc-page-workout-single-program-skeleton .pc-skeleton-left-wrap {
width: 50%;
}
.pc-page-workout-single-program-skeleton .pc-skeleton--desktop {
height: 1080px;
}
.pc-page-workout-single-program-skeleton .pc-skeleton-right-wrap {
width: 50%;
}
}
@media (max-width: 992px) {
.pc-page-workout-single-program-skeleton .pc-skeleton-left-wrap {
display: none;
}
}
.pc-workout-history-skeleton .pc-workout-history-skeleton-data-row {
display: flex;
justify-content: space-evenly;
margin-bottom: 16px;
align-items: center;
}
.pc-workout-history-skeleton .pc-workout-history-skeleton__bottom .gc-placeholder {
margin: auto;
}
.pc-page-workout-single-program-skeleton--exercise-log .pc-page-workout-skeleton-exercise-log__top-section .gc-placeholder {
margin-top: 50px;
margin-bottom: 50px;
margin: auto;
}
.pc-exercise-grouped__exercise-tab {
width: 100%;
background-color: #f7e3ce;
color: #003314;
}
.pc-exercise-grouped__exercise-title-text {
margin-top: 19px;
margin-bottom: 19px;
text-align: center;
color: #003314;
}
.pc-exercise .footer {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 992px) {
.pc-exercise-grouped, .pc-exercise {
height: 100vh;
overflow: hidden;
}
.pc-container-single-exercise__footer {
max-width: 335px;
margin: auto;
}
}
@media (min-width: 768px) {
.pc-container-single-exercise__footer {
max-width: 335px;
margin: auto;
}
}
.page-exercise-list-with-cards .page-exercise-list-with-cards__card-list-wrapper .gc-card-exercise-overview, .page-exercise-list-with-cards .page-exercise-list-with-card__exercise-type-wrapper-with-separator .gc-card-exercise-overview {
margin-bottom: 20px;
}
.page-exercise-list-with-cards .page-exercise-list-with-cards__card-list-wrapper .page-exercise-list-with-cards__card-list-title, .page-exercise-list-with-cards .page-exercise-list-with-card__exercise-type-wrapper-with-separator .page-exercise-list-with-cards__card-list-title {
margin-bottom: 8px;
color: #003314;
}
.page-exercise-list-with-cards .page-exercise-list-with-card__exercise-type-wrapper-with-separator:not(:last-child)::after {
content: "";
display: block;
border-bottom: 1px solid;
border-color: #003314;
margin-bottom: 28px;
}
.page-exercise-list-with-cards:last-child .page-exercise-list-with-card__exercise-type-wrapper-with-separator .gc-card-exercise-overview {
margin-bottom: 28px;
}
html[dir=rtl] .page-exercise-list-with-cards .page-exercise-list-with-cards__card-list-wrapper .page-exercise-list-with-cards__card-list-title, html[dir=rtl] .page-exercise-list-with-cards .page-exercise-list-with-card__exercise-type-wrapper-with-separator .page-exercise-list-with-cards__card-list-title {
margin-bottom: 8px;
text-align: right;
}
@media (min-width: 992px) {
.page-exercise-list-with-cards {
padding-top: 36px;
}
.page-exercise-list-with-cards .page-exercise-list-with-cards__card-list-wrapper .gc-card-exercise-overview, .page-exercise-list-with-cards .page-exercise-list-with-card__exercise-type-wrapper-with-separator .gc-card-exercise-overview {
margin-bottom: 28px;
}
}
@media (min-width: 768px) {
.page-exercise-list-with-cards {
padding-top: 36px;
}
}
.page-workout {
background-color: #f7e3ce;
}
.page-workout-week .gc-page__container {
padding-top: 0;
}
.page-workout-week .page-workout-week__header-wrapper {
padding-left: 20px;
}
.page-workout-week .page-workout-week__header-wrapper .page-workout-week__header {
color: #FFFF;
}
.page-workout-week .page-workout-week__app-slider-wrapper {
margin-top: 160px;
}
.page-workout-week .page-workout-week__app-slider-wrapper .page-workout-week__app-slider .page-workout-week__app-slider-slide {
width: 190px !important;
height: 184px;
background: #003314;
box-shadow: 0px 8px 20px rgba(0, 51, 20, 0.3);
margin-bottom: 50px;
border-radius: 10px;
padding: 20px;
position: relative;
color: #FFFF;
}
.page-workout-week .page-workout-week__app-slider-wrapper .page-workout-week__app-slider .page-workout-week__app-slider-slide .page-workout-week__slide-check-icon {
position: absolute;
top: 10px;
right: 10px;
}
.page-workout-week .page-workout-week__app-slider-wrapper .page-workout-week__app-slider .page-workout-week__app-slider-slide .page-workout-week__slide__button {
position: absolute;
bottom: 20px;
right: 20px;
}
.page-workout-week .page-workout-week__background-gradient {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
background: linear-gradient(0deg, #fff 15%, rgba(0, 0, 0, 0) 80%);
}
.page-workout-week.gc-page-image-cover .page-workout-week__header {
color: #FFFFFF;
}
html[dir=rtl] .page-workout-week .page-workout-week__header-wrapper {
text-align: right;
padding-right: 20px;
}
html[dir=rtl] .page-workout-week__app-slider-wrapper .page-workout-week__slide-title, html[dir=rtl] .page-workout-week__app-slider-wrapper .page-workout-week__slide-sub-title {
text-align: right;
}
html[dir=rtl] .page-workout-week__app-slider-wrapper .page-workout-week__slide__button {
right: auto;
left: 20px;
}
html[dir=rtl] .page-workout-week__app-slider-wrapper .page-workout-week__slide-check-icon {
right: auto;
left: 10px;
}
.page-workout .page-workout__header-wrapper {
padding-top: 12px;
padding-bottom: 32px;
color: #003314;
}
.page-workout .page-workout__header-wrapper .page-workout__header {
padding-bottom: 16px;
}
.page-workout .page-workout__card-image-wrapper .page-workout__card-image-title {
color: #003314;
padding-bottom: 12px;
}
.page-workout .page-workout__card-image-wrapper:not(:last-child) {
padding-bottom: 28px;
}
html[dir=rtl] .page-workout .page-workout__header-wrapper {
text-align: right;
}
html[dir=rtl] .page-workout .page-workout__card-image-wrapper {
text-align: right;
}
.pc-workout-programs {
background-color: #f7e3ce;
}
.pc-workout-programs .pc-workout-list__card-challenge-plan-wrapper {
margin-bottom: 32px;
}
.pc-workout-programs .pc-workout-list__card-challenge-plan-wrapper .gc-header-simple {
color: #003314;
padding-bottom: 4px;
border-bottom: 1px solid rgba(0, 51, 20, 0.3);
margin-bottom: 24px;
}
.pc-workout-programs .pc-workout-list__slider-challenge-plan-header {
color: #003314;
padding-bottom: 4px;
border-bottom: 1px solid rgba(0, 51, 20, 0.3);
margin-bottom: 24px;
}
.pc-workout-list__card-navigation:not(:last-child) {
margin-bottom: 20px;
}
.pc-workout-program__image-cover-text {
color: #fff;
}
.pc-workout-program__image-cover-text p {
display: inline-block;
}
.pc-workout-program__image-cover-icon-info svg path {
fill: #fff;
}
.pc-workout-program__container {
padding-top: 28px;
}
.pc-workout-program__container__top {
padding-bottom: 0;
}
.pc-workout-program__email-send-button {
background: rgba(255, 255, 255, 0.2);
padding: 6px 10px 6px 10px;
border-radius: 6px;
display: flex;
min-width: 164px;
height: max-content;
max-width: 20%;
justify-content: center;
margin-top: 8px;
cursor: pointer;
}
.pc-workout-program__email-send-button-right-svg {
margin-right: 8px;
margin-top: 3px;
}
.pc-workout-program {
background-color: #f7e3ce;
}
.pc-workout-program__footer {
margin-top: calc(24px - 17px);
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.pc-workout-program__button-complete, .pc-workout-program__button-incomplete {
background-color: var(--button-primary);
color: var(--button-primary-text);
}
.pc-workout-program__button-incomplete .rc-icon-complete-rounded svg path {
fill: var(--button-primary-text);
}
.pc-workout-program__button-incomplete .rc-icon-complete-rounded svg circle {
fill: var(--button-primary);
}
.pc-workout-program__button-complete .rc-icon-completed-filled svg path {
fill: var(--button-primary);
}
.pc-workout-program__button-complete .rc-icon-completed-filled svg circle {
fill: var(--button-primary-text);
}
.pc-workout-program .gc-card-exercise-list-group {
margin-top: 0;
}
.pc-workout-program .gc-card-exercise-list-group .gc-card-exercise-list-group__title {
margin-bottom: 8px;
}
.pc-workout-program .gc-card-exercise-list-group .gc-card-exercise-list-group__card-list {
margin-top: 20px;
}
.pc-workout-program .gc-card-exercise-list-group .gc-card-exercise-list-group__card-list:first-child {
margin-top: 0;
}
.pc-workout-program .gc-card-exercise-list-group:first-child {
margin-top: 0;
}
.pc-workout-program .gc-card-exercise-list-group__cards {
margin-left: -5px;
margin-right: -5px;
}
.pc-workout-program .gc-card-exercise-list-group--has-one {
margin-bottom: 17px;
}
.pc-workout-program .gc-card-exercise-list-group--has-one .gc-card-exercise-list-group__card-wrapper {
padding-left: 5px;
padding-right: 5px;
}
.pc-workout-program .gc-card-exercise-list-group--has-multiple .gc-card-exercise-list-group__cards {
padding-bottom: 28px;
border-bottom: 1px solid;
border-color: #003314;
margin-bottom: 28px;
}
.pc-workout-program .gc-card-exercise-list-group--has-multiple .gc-card-exercise-list-group__card-wrapper {
padding-left: 5px;
padding-right: 5px;
}
.pc-workout-program .gc-card-exercise-list-group--has-multiple .gc-card-exercise-list-group__card-wrapper:not(:last-child) {
margin-bottom: 17px;
}
.pc-workout-program .pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link {
opacity: 1;
}
.pc-workout-program .pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link--active {
opacity: 1;
}
.pc-workout-program .pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link {
color: #003314;
}
.pc-workout-program .pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link--active {
color: #003314;
}
.pc-workout-program .pc-workout-program__slider-navigation-weeks .gc-slider-navigation__content--active .gc-slider-navigation__slide-link-icon svg path {
fill: #003314;
}
html[dir=rtl] .pc-workout-program__email-send-button-right-svg {
margin-right: 0;
margin-left: 8px;
}
@media only screen and (min-width: 768px) {
.pc-workout-program__container__top, .pc-workout-program__container {
max-width: 720px;
}
.gc-card-exercise-list-group--has-one {
margin-bottom: 20px !important;
}
.pc-workout-program__container-upper {
margin-left: -28px;
margin-right: -28px;
box-shadow: 0px 2px 15px 0px rgba(0, 51, 20, 0.1);
border-radius: 10px;
}
.gc-card-image-cover__content {
padding-left: 28px;
padding-right: 28px;
}
.pc-workout-program__cover-content-area {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.pc-workout-program .pc-workout-program__slider-navigation-weeks {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.pc-workout-program .pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link {
opacity: 0.6;
}
.pc-workout-program .pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link--active {
opacity: 1;
}
.pc-workout-program .pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link, .pc-workout-program .pc-workout-program__slider-navigation-weeks .gc-slider-navigation__slide-link--active {
color: #003314;
}
.pc-workout-program__email-send-button {
margin-top: 0;
}
.gc-card-exercise-list-group__card-list {
margin-top: 0 !important;
}
.gc-card-exercise-list-group--has-multiple .gc-card-exercise-list-group__cards {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
padding-bottom: 11px !important;
}
.gc-card-exercise-list-group--has-multiple .gc-card-exercise-overview {
margin-top: 0;
}
.gc-card-exercise-list-group--has-multiple .gc-card-exercise-list-group__card-wrapper:not(first-child) {
margin-bottom: 17px;
margin-top: 0px !important;
padding-right: 10px !important;
padding-left: 10px !important;
}
}
.pc-workout-program {
color: #003314;
}
.pc-workout-program__header-day {
display: flex;
justify-content: space-between;
color: #003314;
margin-bottom: 24px;
}
.pc-workout-program__header-day svg path {
fill: #003314;
}
@media only screen and (min-width: 992px) {
.pc-workout-program__container__top, .pc-workout-program__container {
max-width: 960px;
}
.gc-card-exercise-list-group--has-one {
margin-bottom: 28px !important;
}
}
.inside-native-app .pc-workout-program__container__top {
padding-left: 0;
padding-right: 0;
}
@media only screen and (max-width: 767px) {
.pc-workout-program__container__top {
padding: 0;
}
}
.pc-workout-log-home {
background-color: #f7e3ce;
}
.pc-workout-log-home__container {
padding-top: 28px;
padding-bottom: 80px;
}
.pc-workout-log-home__exercise-card-list {
margin-top: 30px;
}
.pc-workout-log-home__exercise-card {
position: relative;
padding: 5px 4px 17px 10px;
border-bottom: 1px solid #003314;
border-radius: 0px;
margin-bottom: 12px;
}
.pc-workout-log-home__exercise-card .rc-text-content {
color: #003314;
}
.pc-workout-log-home__exercise-card .rc-icon svg path {
fill: #003314;
}
.pc-workout-log-home__no-result-text {
text-align: center;
margin-top: 30px;
color: #003314;
}
@media (min-width: 992px) {
.pc-workout-log-home__container {
padding-top: 36px;
padding-bottom: 133px;
}
.pc-workout-log-home__exercise-card-list {
margin-top: 28px;
}
}
@media (min-width: 768px) {
.pc-workout-log-home__container {
padding-top: 36px;
padding-bottom: 133px;
}
.pc-workout-log-home__exercise-card-list {
margin-top: 28px;
}
}
.pc-workout-log-history__container {
padding-top: 24px;
text-align: center;
}
.pc-workout-log-history__workout-history-card:not(:last-child) {
margin-bottom: 8px;
}
@media (min-width: 992px) {
.pc-workout-log-history__container {
padding-top: 36px;
}
}
@media (min-width: 768px) {
.pc-workout-log-history__container {
padding-top: 36px;
}
}
.pc-page-workout-program-skeleton .container {
padding: 28px 20px;
}
.pc-page-workout-program-skeleton .pc-workout-program__cover-image {
height: 170px;
width: 100%;
padding: 20px;
background-color: #c1c1c1;
}
.pc-page-workout-program-skeleton .pc-workout-program__cover-image .gc-placeholder {
margin-top: 100px;
}
.pc-page-workout-program-skeleton .pc-workout-program__sliders {
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
padding: 10px;
padding-left: 20px;
}
.pc-page-workout-program-skeleton .gc-card-exercise-list-group__card-wrapper {
padding: 20px;
}
.pc-page-workout-program-skeleton .gc-card-skeleton {
margin-bottom: 20px;
}
.pc-page-workout-program-skeleton .gc-card-skeleton-info {
padding-bottom: 4px;
}
.pc-page-workout-program-skeleton .gc-card-skeleton .gc-card-skeleton-info:nth-child(3) {
padding-bottom: 30px;
}
.pc-page-workout-program-skeleton .card-list {
display: flex;
}
.pc-page-workout-program-skeleton .card-list-grid-left, .pc-page-workout-program-skeleton .card-list-grid-right {
width: 100%;
}
.pc-page-workout-program-skeleton .card-list::after {
display: none;
}
@media (max-width: 992px) {
.pc-page-workout-program-skeleton .card-list-grid-right {
display: none;
}
}
@media (min-width: 992px) {
.pc-page-workout-program-skeleton .pc-workout-program__container__top, .pc-page-workout-program-skeleton .pc-workout-program__container {
margin: auto;
}
.pc-page-workout-program-skeleton .pc-workout-program__slider-navigation-days {
padding-left: 20px;
}
}
.pc-mood-tracker-tab__single {
border-bottom: 1px solid #003314;
border-color: #003314;
padding: 10px;
text-align: center;
cursor: pointer;
}
.pc-mood-tracker-tab__single p {
margin-bottom: 0;
color: #003314 !important;
opacity: 60%;
}
.pc-mood-tracker-tab__single.active, .pc-mood-tracker-tab__single:active {
border-bottom: 1px solid #003314;
box-shadow: 0 0 20px -4px rgba(0, 51, 20, 0.3);
}
.pc-mood-tracker-tab__single.active p, .pc-mood-tracker-tab__single:active p {
opacity: 100%;
}
@media (min-width: 992px) {
.pc-mood-tracker-tab__single {
width: 250px;
}
.pc-mood-tracker-tab__single--month {
margin-left: auto;
}
.pc-mood-tracker-tab__single--week {
margin-right: auto;
}
.pc-mood-tracker-tab {
box-shadow: inset 0px -1px 0px 0px #003314;
}
}
html[dir="rtl"] .pc-mood-tracker-tab__single--month {
margin-left: initial;
margin-right: auto;
}
html[dir="rtl"] .pc-mood-tracker-tab__single--week {
margin-left: auto;
margin-right: initial;
}
.pc-mood-tracker-tab {
overflow: hidden;
}
.mood-tracker-modal__popup-single-btn-wrap {
margin-top: 16px;
}
.mood-tracker-modal__head {
margin-bottom: 20px;
}
.mood-tracker-modal__sub-head {
margin-bottom: 28px;
color: #003314 !important;
}
@media (min-width: 992px) {
.mood-tracker-modal__sub-head {
margin-bottom: 8px;
}
.info-modal__note-area .gc-text-area .gc-text-area__text-area {
padding: 15px 20px 15px 20px;
}
}
.info-modal__mood-area {
margin-bottom: 24px;
}
.info-modal__note-area .gc-text-area .gc-text-area__text-area {
height: 82px;
}
.mood-tracker-modal__success {
margin-bottom: 24px;
}
.gc-popup-meal-dislike__button-dislike-and-swap {
margin-bottom: 16px;
}
/*
* meal plan styles
*/
.pc-input-shopping-list-group-ingredients-item {
display: flex;
justify-content: space-between;
padding-bottom: 12px;
padding-top: 12px;
width: 100%;
}
.pc-input-shopping-list-group-ingredients-item .gc-input-checkbox-squared {
border: 1.2px #003314 solid;
}
.pc-input-shopping-list-group-ingredients-item .gc-input-checkbox-squared:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-input-shopping-list-group-ingredients-item__image {
width: 75px;
height: 75px;
border: 1px solid #003314;
border-radius: 10px;
margin-right: 15px;
}
.pc-input-shopping-list-group-ingredients-item__info {
display: block;
word-break: break-word;
}
.pc-input-shopping-list-group-ingredients-item__left-area {
display: flex;
margin-right: 20px;
}
.pc-input-shopping-list-group-ingredients-item__right-area {
margin-left: 20px;
margin-top: auto;
margin-bottom: auto;
}
html[dir="rtl"] .pc-input-shopping-list-group-ingredients-item__image {
margin-right: 0;
margin-left: 15px;
}
html[dir="rtl"] .pc-input-shopping-list-group-ingredients-item__left-area {
margin-left: 20px;
margin-right: 0;
}
html[dir="rtl"] .pc-input-shopping-list-group-ingredients-item__right-area {
margin-left: 0;
margin-right: 20px;
}
.pc-input-shopping-list-group-ingredients-group {
margin-bottom: 12px;
}
.pc-input-shopping-list-group-ingredients-group .gc-button-secondary-accordion {
border: 1px #003314 solid;
}
.pc-input-shopping-list-group-ingredients-group .gc-button-secondary-accordion .rc-icon-forward svg path {
fill: #003314;
}
.pc-input-shopping-list-group-ingredients-group .gc-button-secondary-accordion__sub-text {
color: #003314;
}
.pc-input-shopping-list-group-ingredients-group__sub-category-wrapper {
margin-top: 20px;
}
.pc-input-shopping-list-group-ingredients-group__sub-category-wrapper:last-child {
margin-bottom: 20px;
}
.pc-input-shopping-list-group-ingredients-group .gc-button-secondary-accordion__left-section {
margin-right: 16px;
}
.pc-input-shopping-list-group-ingredients-group__input-checkbox {
margin-top: calc(20.5px - 14px);
margin-bottom: calc(20.5px - 14px);
margin-right: 15px;
border: 1.2px #003314 solid;
}
.pc-input-shopping-list-group-ingredients-group__input-checkbox .rc-icon-tick {
margin-right: 0;
}
.pc-input-shopping-list-group-ingredients-group .gc-input-checkbox-squared:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-input-shopping-list-group-ingredients-group .gc-button-secondary-accordion--with-sub-text .pc-input-shopping-list-group-ingredients-group__input-checkbox {
margin-top: calc(20.5px - 9px);
margin-bottom: calc(20.5px - 9px);
}
@media (min-width: 768px) {
.pc-input-shopping-list-group-ingredients-group__sub-category-wrapper {
margin-top: 12px;
}
}
html[dir="rtl"] .pc-input-shopping-list-group-ingredients-group .gc-button-secondary-accordion__left-section {
margin-left: 16px;
margin-right: 0;
}
html[dir="rtl"] .pc-input-shopping-list-group-ingredients-group__input-checkbox {
margin-left: 15px;
margin-right: 0;
}
html[dir="rtl"] .gc-button-secondary-accordion--selected .rc-icon-tick {
transform: rotate(0deg);
}
.pc-input-group-ingredients-sub-group {
margin: 12px 0 14px 0;
}
.pc-input-group-ingredients-sub-group__header {
display: flex;
justify-content: space-between;
padding-left: 12px;
padding-right: 20px;
margin-bottom: 20px;
margin-top: 20px;
color: #003314;
}
.pc-input-group-ingredients-sub-group__header .rc-text-content {
margin-bottom: auto;
margin-top: auto;
}
.pc-input-group-ingredients-sub-group__header .gc-input-checkbox-squared {
width: 28px;
height: 28px;
}
.pc-input-group-ingredients-sub-group__header .gc-input-checkbox-squared:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-input-group-ingredients-sub-group__list-ingredients {
border: 1px solid #003314;
border-radius: 10px;
padding: 0 20px 0 12px;
}
.pc-input-group-ingredients-sub-group__list-ingredients .pc-input-shopping-list-group-ingredients-item:not(:last-child) {
border-bottom: 1px solid #003314;
}
.pc-input-group-ingredients-sub-group .gc-input-checkbox-squared {
border: 1.2px #003314 solid;
}
@media (min-width: 768px) {
.pc-input-group-ingredients-sub-group__header {
padding-left: 0;
margin-top: 12px;
}
}
html[dir="rtl"] .pc-input-group-ingredients-sub-group__list-ingredients {
padding: 0 12px 0 20px;
}
@media (min-width: 768px) {
html[dir="rtl"] .pc-input-group-ingredients-sub-group__header {
padding-left: 20px;
margin-top: 12px;
}
}
.pc-input-group-ingredients {
text-align: left;
}
.category-name {
display: inline-block;
font-weight: 700;
margin: 0;
}
html[dir="rtl"] .pc-input-group-ingredients {
text-align: right;
}
.pc-meal-plan-day {
background-color: #f7e3ce;
}
.pc-meal-plan-day .pc-meal-plan-day__meal-change-button {
display: flex;
justify-content: center;
}
.pc-meal-plan-day .pc-meal-plan-day__meal-change-button .pc-button-meal-change-request {
margin: 8px 0 0 0;
color: #003314;
}
.pc-meal-plan-day__container {
padding-top: 24px;
padding-bottom: 60px;
}
.pc-meal-plan-day__nutrition-details-bar {
padding: 0;
margin-bottom: 28px;
}
.pc-meal-plan-day__cart-button {
margin-bottom: 28px;
}
.pc-meal-plan-day__card-meal-col {
margin-bottom: 24px;
}
@media (min-width: 768px) {
.pc-meal-plan-day__container {
padding-top: 36px;
}
.pc-meal-plan-day__card-meal-col {
flex: 1 0 calc(50% - 26px);
margin-bottom: 28px;
}
}
@media (min-width: 992px) {
.pc-meal-plan-day__nutrition-details-bar {
margin-bottom: 28px;
}
.pc-meal-plan-day__cart-button {
margin-bottom: 32px;
}
.pc-meal-plan-day__card-meal-col {
flex: 1 0 calc(50% - 32px);
}
}
.pc-accordion-recipe-skeleton .gc-card-text__text {
margin-bottom: 8px;
}
.pc-container-meal-plan-summary-email__button {
padding: 15px 30px;
}
html[dir="rtl"] .pc-container-meal-plan-summary-email__button .rc-icon-paper-plane {
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.pc-popup-meal-plan-summary__form-label {
text-align: left;
color: #003314;
margin-bottom: 5px;
margin-top: 8px;
}
.pc-popup-meal-plan-summary__form-input::placeholder {
color: #003314;
}
html[dir=rtl] .pc-popup-meal-plan-summary__form-label {
text-align: right;
}
.pc-popup-meal-plan-change .gc-popup__body-content {
-ms-overflow-style: none;
/* Internet Explorer 10+ */
scrollbar-width: none;
/* Firefox */
}
.pc-popup-meal-plan-change .gc-popup__body-content::-webkit-scrollbar {
display: none;
/* Safari and Chrome */
}
.pc-popup-meal-plan-change .gc-popup-meal-change__field {
margin-bottom: 28px;
}
.pc-popup-meal-plan-change .gc-popup-meal-change__field .gc-popup-sub-text-body {
margin-bottom: 8px;
}
.pc-popup-meal-plan-change .gc-popup-meal-change__field .gc-input-search-and-select {
position: relative;
}
.pc-popup-meal-plan-change .gc-popup-meal-change__field .gc-input-search-and-select .gc-input-search-and-select__list-wrapper {
max-height: 200px;
overflow-y: auto;
}
.pc-popup-meal-plan-change .gc-alert-dotted {
margin-top: 8px;
display: flex;
border-color: #003314;
color: #003314;
}
.pc-popup-meal-plan-change .gc-alert-dotted svg path {
fill: #003314;
}
html[dir="rtl"] .gc-popup-meal-change__field {
text-align: right;
}
.pc-badge-meal-plan-pair {
margin-bottom: 4px;
}
.pc-badge-meal-plan-pair__icon {
margin-left: 4px;
}
.pc-badge-meal-plan-pair__text {
margin: auto;
}
html[dir=rtl] .pc-badge-meal-plan-pair__icon {
margin-right: 4px;
margin-left: 0;
}
.pc-popup-pair-meal-plan-info__head {
padding-bottom: 40px;
}
.pc-popup-pair-meal-plan-info__text-top {
margin-top: 40px;
margin-bottom: 8px;
}
.pc-popup-pair-meal-plan-info__card-profile {
margin-top: 8px;
margin-bottom: 36px;
}
.pc-popup-pair-meal-plan-info__text-description {
margin-top: 36px;
margin-bottom: 20px;
}
.pc-popup-pair-meal-plan-info__alert .rc-text-content {
display: contents;
}
.pc-popup-pair-meal-plan-info__alert p {
display: contents;
}
.pc-popup-pair-meal-plan-info__alert .alert {
font-weight: 700;
}
html[dir=rtl] .pc-popup-pair-meal-plan-info .pc-popup-pair-meal-plan-info__alert {
text-align: center;
}
.pc-popup-suggested-meal-swap__body .gc-input-radio-card__overlay {
display: none;
}
.pc-popup-suggested-meal-swap .gc-popup__body-content {
display: flex;
flex-direction: column;
align-content: space-between;
justify-content: space-between;
margin-left: -20px;
margin-right: -20px;
padding: 0;
overflow-x: hidden;
padding-bottom: 0 !important;
}
.pc-popup-suggested-meal-swap .gc-popup_body-static-bottom {
display: none;
}
.pc-popup-suggested-meal-swap .pc-popup-suggested-meal-swap__footer {
position: sticky !important;
bottom: 0;
position: -webkit-sticky;
padding-left: 20px;
padding-right: 20px;
}
.pc-popup-suggested-meal-swap__tab-content {
padding-right: 20px;
padding-left: 20px;
padding-bottom: 28px;
}
.pc-popup-suggested-meal-swap__tab-content textarea {
max-height: 95px;
}
.pc-popup-suggested-meal-swap__tab-content text-area::placeholder {
font-size: 15px !important;
}
.pc-popup-suggested-meal-swap__card {
margin-bottom: 12px;
}
.pc-popup-suggested-meal-swap__card:last-child {
margin-bottom: 28px;
}
.pc-popup-suggested-meal-swap__tabs {
margin-bottom: 16px;
display: flex;
align-items: flex-start;
}
.pc-popup-suggested-meal-swap__description {
text-align: center;
padding-bottom: 28px;
position: -webkit-sticky;
position: sticky;
top: -1px;
background-color: var(--bg-infoPages);
z-index: 2200;
}
.pc-popup-suggested-meal-swap .pc-navigation-tabs-secondary__tab {
display: flex;
flex-direction: column;
flex: 1 0 0;
padding: 10px 20px;
justify-content: center;
align-items: center;
gap: 5px;
align-self: stretch;
}
.pc-popup-suggested-meal-swap .pc-navigation-tabs-secondary__tab--selected {
box-shadow: 0px 4px 20px 0px rgba(208, 208, 208, 0.4);
border-bottom: 2px solid var(--selected-state);
font-weight: 700;
}
.pc-popup-suggested-meal-swap .link {
display: inline;
text-decoration: underline;
font-weight: 700;
cursor: pointer;
}
.pc-popup-suggested-meal-swap .info-modal__subtitle {
padding-left: 20px;
padding-right: 20px;
}
.pc-popup-suggested-meal-swap__no-result {
color: var(--text-secondary-on-bg);
text-align: left;
margin-bottom: 24px;
text-align: center;
}
.pc-popup-suggested-meal-swap .gc-navigation-bar__tab {
margin-left: 0;
margin-right: 0;
}
@media only screen and (min-width: 992px) {
.pc-popup-suggested-meal-swap .gc-popup--with-extra-padding {
padding-bottom: 0;
}
.pc-popup-suggested-meal-swap .gc-popup__body-content {
min-height: 380px;
}
.pc-popup-suggested-meal-swap .pc-popup-suggested-meal-swap__footer {
padding-bottom: 20px;
padding-top: 0;
}
}
.pc-button-meal-recipe-video {
height: 91px;
background: #003314;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 20px;
border-radius: 10px;
color: #FFFFFF;
}
.pc-button-meal-recipe-video .rc-icon {
padding-bottom: 6px;
}
.pc-button-meal-recipe-video .rc-icon svg path {
fill: #FFFFFF;
}
.pc-button-meal-recipe-video:active {
opacity: 0.6;
}
.pc-button-meal-recipe-video:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-button-meal-recipe-video:hover .rc-icon:hover {
opacity: 1;
}
.pc-button-meal-change-request {
color: #003314;
display: flex;
gap: 4px;
margin-left: 20px;
margin-top: 20px;
}
.pc-button-meal-change-request .pc-button-meal-change-request__button:hover {
opacity: 0.7;
cursor: pointer;
}
html[dir=rtl] .pc-button-meal-change-request {
margin-left: 0;
margin-right: 20px;
}
.pc-accordion-recipe-tile {
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: none;
width: 100%;
}
.pc-accordion-recipe-tile .rc-icon svg path {
fill: #003314;
}
.pc-accordion-recipe-tile .rc-text-content {
text-align: left;
}
.pc-accordion-recipe-tile__text {
color: #003314;
margin-bottom: 5px;
}
.pc-accordion-recipe-tile__sub-text {
color: #003314;
}
.pc-accordion-recipe-tile__image {
padding-right: 15px;
align-self: center;
}
.pc-accordion-recipe-tile__image img {
width: 75px;
height: 75px;
object-fit: cover;
border: 1px solid #003314;
box-sizing: border-box;
border-radius: 10px;
}
.pc-accordion-recipe-tile__left-section {
min-width: 75%;
display: flex;
align-items: flex-start;
}
.pc-accordion-recipe-tile__left-section .rc-icon {
margin-right: 12px;
}
.pc-accordion-recipe-tile__text-section {
display: flex;
flex-direction: column;
justify-content: center;
width: 66%;
}
.pc-accordion-recipe-tile--disabled {
background-color: #003314;
opacity: 0.5;
}
.pc-accordion-recipe-tile--selected .rc-icon {
transform: rotate(90deg);
}
.pc-accordion-recipe-tile:active {
opacity: 0.6;
}
.pc-accordion-recipe-tile__separator {
border-top: 1px solid;
border-color: #003314;
padding-bottom: 24px;
}
.pc-accordion-recipe-tile__dropdown-area .meal-description {
color: #003314;
margin-bottom: 24px;
}
.pc-accordion-recipe-tile__dropdown-area .meal-description p {
margin: unset;
}
html[dir="rtl"] .pc-accordion-recipe-tile .rc-text-content {
text-align: right;
margin-right: 15px;
}
html[dir="rtl"] .pc-meal-plan-meal .meal-description {
text-align: right;
}
.pc-meal-plan--home {
overflow: hidden;
}
.pc-meal-plan--home-text {
margin: 0 20px;
color: #FFFFFF;
margin-bottom: 20px;
}
.pc-meal-plan--home-heading {
margin-bottom: 4px;
}
.pc-meal-plan--home-button {
margin-bottom: 16px;
}
.pc-meal-plan--home-slider .slick-list {
overflow: visible;
}
.pc-meal-plan--home-slider .mealplan-slick-slider {
margin-left: 20px;
}
/*
* Background gradient
*/
.macroapp-background-mealplan .macroapp-background__image::after {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0.84%, #f7e3ce 40.13%);
height: 66%;
}
.pc-meal-plan--home__action-buttons {
margin-left: 20px;
width: max-content;
margin-bottom: 100px;
}
.pc-meal-plan--home-text-slider {
color: #003314;
margin-left: 20px;
margin-bottom: 12px;
}
.gc-slider-meal-plan__grid-row {
margin: 0 !important;
}
@media screen and (max-height: 700px) {
.pc-meal-plan_container-meal-plan-email-summary {
margin-bottom: 50px;
}
}
@media screen and (max-height: 800px) {
.pc-meal-plan_container-meal-plan-email-summary {
margin-bottom: 100px;
}
}
.pc-meal-plan-home .macroapp-background__gradient {
background: linear-gradient(0deg, #f7e3ce 40%, rgba(0, 0, 0, 0) 80%);
}
@media (min-width: 744px) and (max-width: 992px) {
.gc-slider-meal-plan__grid-col {
max-width: max-content;
padding: 8px;
}
.gc-slider-meal-plan__grid-col .gc-card-meal__slider {
margin: auto;
height: 176px;
width: 207px !important;
}
.pc-meal-plan--home__action-buttons {
max-width: 338px;
margin-bottom: 140px;
}
.pc-meal-plan--home-text {
margin-bottom: 40px;
}
}
@media screen and (min-width: 768px) {
.pc-meal-plan-home.gc-page-image-cover .gc-page__content {
padding-top: 60px !important;
}
.gc-page-image-cover .gc-header-page svg path {
fill: #003314;
}
.pc-meal-plan--home__container {
padding-left: 16px;
}
.pc-meal-plan--home-text {
color: #003314;
margin-bottom: 32px;
margin-left: 0;
}
.pc-meal-plan--home__action-buttons {
max-width: 338px;
margin-bottom: 80px;
margin-left: 0;
}
.pc-meal-plan--home-slider {
margin-left: -8px;
margin-right: -8px;
}
.pc-meal-plan--home-text-slider {
margin-left: 0;
}
.gc-slider-meal-plan__grid-col {
max-width: max-content;
padding-left: 8px;
padding-right: 8px;
}
.gc-slider-meal-plan__grid-col .gc-card-meal__slider {
margin: auto;
height: 176px;
width: 172px !important;
}
.gc-slider-meal-plan__grid-col:not(:last-of-type) {
padding-bottom: 16px;
}
.pc-meal-plan--home-slider .mealplan-slick-slider {
margin-left: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 16px;
}
}
html[dir="rtl"] .pc-meal-plan--home-text {
text-align: right;
}
html[dir="rtl"] .gc-instructions-popup .gc-popup__body-content {
text-align: right;
}
html[dir="rtl"] .pc-meal-plan--home__action-buttons, html[dir="rtl"] .pc-meal-plan--home-slider, html[dir="rtl"] .pc-meal-plan--home-text-slider {
margin-right: 20px;
margin-left: 0;
}
.pc-meal-plan {
flex-direction: row;
}
.pc-meal-plan .gc-page__content {
color: var(--text-primary-on-cover, #000);
}
.pc-meal-plan .gc-page__content svg path {
fill: var(--text-primary-on-cover, #000);
}
.pc-meal-plan .gc-page__content .gc-slider-navigation__slide-link {
color: var(--text-primary-on-cover, #000);
}
.pc-meal-plan .gc-page__content .pc-meal-plan__cover-text {
color: #fff;
}
.pc-meal-plan .gc-page__content .pc-meal-plan__cover-text svg path {
fill: #fff;
}
.pc-meal-plan .pc-meal-plan__nutrition-details-bar, .pc-meal-plan .gc-meal__action-text {
color: var(--text-primary-on-cover, #000);
}
.pc-meal-plan .pc-meal-plan__cover-text {
gap: 4px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pc-meal-plan .pc-meal-plan__cover-text .rc-icon {
margin-bottom: 2px;
}
.pc-meal-plan__slider-navigation-days {
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}
.pc-meal-plan__container-nutrition {
padding-bottom: 0;
}
.pc-meal-plan .gc-slider-navigation__slide-link::after {
background-color: transparent;
}
.pc-meal-plan .gc-slider-navigation__slide {
padding: 14px 0;
}
.pc-meal-plan .gc-slider-navigation__slide-link {
font-size: 14px;
}
.pc-meal-plan .pc-meal-plan-day__card-meal-col {
margin-bottom: 28px;
}
.pc-meal-plan .gc-badge-choice .rc-text-content {
font-size: 14px;
}
.pc-meal-plan .gc-slider-navigation__slide--active .gc-slider-navigation__slide-link::after {
width: 60%;
background: var(--selected-state, #012CFF);
}
.pc-meal-plan__nutrition-details-bar {
padding: 0 0 24px;
}
.pc-meal-plan__section-info {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 28px;
}
.pc-meal-plan__section-info-right {
display: flex;
gap: 24px;
}
.pc-meal-plan__meal-change-button {
display: flex;
justify-content: center;
margin-bottom: 32px;
}
.pc-meal-plan__meal-change-button .pc-button-meal-change-request {
color: var(--text-primary-on-cover, #000);
margin: 0 0 28px;
display: flex;
justify-content: center;
}
.pc-meal-plan .pc-meal-plan_container-meal-plan-email-summary .pc-container-meal-plan-summary-email__button {
display: none;
}
.pc-meal-plan .pc-meal-plan-day__container {
padding-bottom: 28px;
}
.pc-meal-plan .gc-slider-navigation__slide {
padding-left: 20px;
padding-right: 20px;
}
.pc-meal-plan .pc-meal-plan__slider-navigation-days {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.inside-native-app .pc-meal-plan__container-header {
padding: 0;
}
@media screen and (max-width: 768px) {
.pc-meal-plan__container-header {
padding: 0;
margin: 0;
width: 100%;
max-width: 100%;
}
}
.pc-meal-plan__container-nutrition .pc-meal-plan__nutrition-details-bar {
border-bottom: 1px solid var(--text-area-bg-outline, #E5E5E5);
}
@media screen and (min-width: 992px) {
.pc-meal-plan__nutrition-details-bar {
padding: 0 32px 36px;
}
.gc-slider-navigation--v2 .gc-slider-navigation__slide {
padding: 14px 32px;
}
}
.pc-meal-plan-meal {
background-color: #f7e3ce;
}
.pc-meal-plan-meal__container {
margin-top: 24px;
padding-top: 0 !important;
padding-bottom: 20px !important;
}
.pc-meal-plan-meal__container .pc-accordion-recipe-tile {
padding-bottom: 10px;
}
.pc-meal-plan-meal__container .pc-accordion-recipe-tile__dropdown-area .gc-card-text {
margin-bottom: 12px;
}
.pc-meal-plan-meal__container .pc-accordion-recipe-tile__dropdown-area .gc-card-text:last-child {
margin-bottom: 28px;
}
.pc-meal-plan__action-bar-wrapper {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
background-color: #f7e3ce;
}
.pc-meal-plan__action-bar-wrapper .gc-meal__action-area {
box-shadow: none;
}
.pc-button-meal-recipe-video__wrapper {
margin-bottom: 8px;
margin-left: -8px;
margin-right: -8px;
}
.pc-button-meal-recipe-video__wrapper .col-6 {
padding-left: 8px;
padding-right: 8px;
flex: 1 0 50%;
max-width: unset;
padding-bottom: 16px;
}
.pc-button-meal-recipe-video {
flex-basis: calc(50% - 16px);
}
@media (max-width: 992px) {
.pc-meal-plan-meal__col {
flex-basis: 100%;
}
}
@media screen and (min-width: 768px) {
.pc-meal-plan-meal__container {
height: calc(100vh - (67px + 87px));
overflow-y: auto;
}
.pc-meal-plan-meal__container .pc-accordion-recipe-tile {
padding-bottom: 12px;
}
.pc-meal-plan-meal .mfind[style] {
margin: 0;
}
}
.pc-meal-plan__action-bar-wrapper.font-barlow .rc-icon-favorite-linear {
padding: 1px 0px 0px 2px !important;
}
@media screen and (min-width: 768px) {
html[dir="rtl"] .pc-meal-plan__action-bar-wrapper {
left: unset;
right: 100%;
}
}
@media (min-width: 992px) {
.gc-card-meal-featured {
height: calc(100vh - 67px - 41px);
}
}
.pc-meal-plan-shopping-days {
background-color: #f7e3ce;
}
.pc-meal-plan-shopping-days__container {
padding-bottom: 150px;
height: 100%;
}
.pc-meal-plan-shopping-days__heading {
text-align: center;
margin-bottom: 5px;
color: #003314;
}
.pc-meal-plan-shopping-days__sub-heading {
text-align: center;
color: #003314;
margin-bottom: 30px;
}
.pc-meal-plan-shopping-days__button-check-wrapper {
margin-bottom: 24px;
}
.pc-meal-plan-shopping-days__button-check-wrapper .gc-button-check .rc-text-content {
width: inherit !important;
}
.pc-meal-plan-shopping-days__button-check-wrapper .gc-button-check .rc-text-content {
font-size: 14px !important;
}
.pc-meal-plan-shopping-days__button-check-row {
margin: unset;
}
.pc-meal-plan-shopping-days__button-check-col:nth-child(odd) {
padding-right: 15px;
}
.pc-meal-plan-shopping-days__button-check-col:not(:last-child) {
padding-bottom: 12px;
}
.pc-meal-plan-shopping-days__count-text {
text-align: center;
margin-bottom: 12px;
color: #003314;
}
.pc-meal-plan-shopping-days__input-spinner .input-number-spinner__input {
color: #003314;
}
.pc-meal-plan-shopping-days__submit-button-wrapper {
width: 100%;
margin: auto;
}
@media (max-width: 320px) {
.pc-meal-plan-shopping-days__button-check {
padding: 10px;
}
.pc-meal-plan-shopping-days__button-check .rc-text-content {
font-size: 14px;
}
}
@media (min-height: 1000px) {
.pc-meal-plan-shopping-days__submit-button-wrapper {
bottom: 80px;
}
}
@media (min-width: 770px) {
.pc-meal-plan-shopping-days__container {
padding-bottom: 48px;
padding-top: 36px;
}
.pc-meal-plan-shopping-days__sub-heading {
margin-bottom: 28px;
}
.pc-meal-plan-shopping-days__count-text {
margin-bottom: 16px;
}
.pc-meal-plan-shopping-days__button-check-wrapper {
margin-bottom: 48px;
}
.pc-meal-plan-shopping-days__button-check-col:not(:nth-child(4)) {
padding-right: 12px;
}
.pc-meal-plan-shopping-days__button-check-col:not(:last-child) {
padding-bottom: unset;
}
.pc-meal-plan-shopping-days__button-check-col:nth-child(-n+4) {
padding-bottom: 12px;
}
}
html[dir="rtl"] .pc-meal-plan-shopping-days__button-check-col:nth-child(odd) {
padding-right: unset;
padding-left: 15px;
}
@media (min-width: 770px) {
html[dir="rtl"] .pc-meal-plan-shopping-days__button-check-col:not(:nth-child(4)) {
padding-right: unset;
padding-left: 12px;
}
}
.pc-meal-plan-shopping-list {
background-color: #f7e3ce;
padding-bottom: 120px;
}
.pc-meal-plan-shopping-list__container {
padding-top: 36px;
}
.pc-meal-plan-shopping-list__container .pc-input-group-ingredients {
margin: 20px auto 0 auto;
}
.pc-meal-plan-shopping-cart__cart-list-items {
margin: auto;
}
.pc-meal-plan-shopping-list__heading {
color: #003314;
margin-bottom: 10px;
}
.pc-meal-plan-shopping-list__completed-message, .pc-meal-plan-shopping-list__empty-message {
color: #003314;
text-align: center;
margin-top: 76px;
}
.pc-meal-plan-shopping-list__button-container {
position: fixed;
bottom: 35px;
left: 50%;
transform: translateX(-50%);
}
.pc-shopping-list-pages ~ div .chat-launcher {
display: none;
}
@media (min-width: 744px) {
.pc-meal-plan-shopping-list__footer {
position: fixed;
bottom: 0;
left: 50%;
}
.pc-meal-plan-shopping-list__footer .gc-page-fixed-footer__fixed-area {
padding-bottom: 36px;
max-width: 335px;
}
.pc-meal-plan-shopping-list__heading {
text-align: center;
}
}
@media (min-width: 992px) {
.pc-meal-plan-shopping-list__footer .gc-page-fixed-footer__fixed-area {
padding-bottom: 32px;
}
}
html[dir="rtl"] .pc-meal-plan-shopping-list__heading {
text-align: right;
}
@media (min-width: 744px) {
html[dir="rtl"] .pc-meal-plan-shopping-list__footer {
right: 50%;
left: unset;
}
html[dir="rtl"] .pc-meal-plan-shopping-list__heading {
text-align: center;
}
html[dir="rtl"] .pc-meal-plan--home-text-slider {
text-align: right;
}
}
.pc-meal-plan-meal {
background-color: #f7e3ce;
}
.pc-meal-plan-shopping-cart__empty-message {
color: #003314;
text-align: center;
margin-top: calc(100px - 24px);
}
.pc-meal-plan-shopping-cart__container .pc-input-group-ingredients {
margin-top: 0;
}
.pc-input-shopping-list-item {
display: flex;
justify-content: space-between;
padding: 10px 0px;
border-top: 1px solid #003314;
transition: all 0.3s;
}
.pc-input-shopping-list-item:active {
opacity: 0.6;
}
.pc-input-shopping-list-item__image {
width: 75px;
height: 75px;
border-radius: 10px;
border: 1px solid #003314;
}
.pc-input-shopping-list-item__text-container {
flex-grow: 1;
margin-left: 15px;
}
.pc-input-shopping-list-item__title {
color: #003314;
margin-bottom: 5px;
}
.pc-input-shopping-list-item__sub-title {
color: #003314;
}
.pc-input-shopping-list-item__radio-button {
align-self: center;
flex: none;
width: 25px;
height: 25px;
border-color: #003314;
}
.pc-input-shopping-list-item__radio-button:active {
border-color: #003314;
}
html[dir="rtl"] .pc-input-shopping-list-item__text-container {
text-align: right;
margin-right: 15px;
margin-left: 0;
}
.pc-popup-shopping-list-email__form-label {
text-align: left;
color: #003314;
margin-bottom: 5px;
margin-top: 8px;
}
.pc-popup-shopping-list-email__form-input::placeholder {
color: #003314;
}
html[dir="rtl"] .pc-popup-shopping-list-email__form-label {
text-align: right;
}
.pc-popup-day-recipe-email__form-label {
text-align: left;
color: #003314;
margin-bottom: 5px;
margin-top: 8px;
}
.pc-popup-day-recipe-email__form-input::placeholder {
color: #003314;
}
html[dir=rtl] .pc-popup-day-recipe-email__form-label {
text-align: right;
}
.pc-meal-plan-meal__nav {
width: 100%;
display: flex;
padding: 8px calc(20px + env(safe-area-inset-left));
align-items: center;
gap: 55px;
justify-content: space-between;
background: var(--bg-infoPages, #FFF);
}
.pc-meal-plan-meal__nav .pc-meal-plan-meal__nav__middle-text {
text-align: center;
}
.pc-meal-plan-meal__nav svg path {
fill: var(--text-secondary-on-bg, #AFAFAF);
}
.pc-meal-plan-meal__nav-wrapper {
width: 100%;
}
.pc-meal-plan-meal__nav__middle-text {
color: var(--text-primary-on-bg, #000);
}
@media (min-width: 768px) {
.pc-meal-plan-meal__nav__middle-text {
min-width: 352px;
}
}
@media (min-width: 992px) {
.pc-meal-plan-meal__nav {
justify-content: center;
}
}
.pc-button-meal-recipe-video {
height: 91px;
background: #003314;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 20px;
border-radius: 10px;
color: #FFFFFF;
}
.pc-button-meal-recipe-video .rc-icon {
padding-bottom: 6px;
}
.pc-button-meal-recipe-video .rc-icon svg path {
fill: #FFFFFF;
}
.pc-button-meal-recipe-video:active {
opacity: 0.6;
}
.pc-button-meal-recipe-video:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-button-meal-recipe-video:hover .rc-icon:hover {
opacity: 1;
}
.pc-accordion-recipe-tile {
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: none;
width: 100%;
}
.pc-accordion-recipe-tile .rc-icon svg path {
fill: #003314;
}
.pc-accordion-recipe-tile .rc-text-content {
text-align: left;
}
.pc-accordion-recipe-tile__text {
color: #003314;
margin-bottom: 5px;
}
.pc-accordion-recipe-tile__sub-text {
color: #003314;
}
.pc-accordion-recipe-tile__image {
padding-right: 15px;
align-self: center;
}
.pc-accordion-recipe-tile__image img {
width: 75px;
height: 75px;
object-fit: cover;
border: 1px solid #003314;
box-sizing: border-box;
border-radius: 10px;
}
.pc-accordion-recipe-tile__left-section {
min-width: 75%;
display: flex;
align-items: flex-start;
}
.pc-accordion-recipe-tile__left-section .rc-icon {
margin-right: 12px;
}
.pc-accordion-recipe-tile__text-section {
display: flex;
flex-direction: column;
justify-content: center;
width: 66%;
}
.pc-accordion-recipe-tile--disabled {
background-color: #003314;
opacity: 0.5;
}
.pc-accordion-recipe-tile--selected .rc-icon {
transform: rotate(90deg);
}
.pc-accordion-recipe-tile:active {
opacity: 0.6;
}
.pc-accordion-recipe-tile__separator {
border-top: 1px solid;
border-color: #003314;
padding-bottom: 24px;
}
.pc-accordion-recipe-tile__dropdown-area .meal-description {
color: #003314;
margin-bottom: 24px;
}
.pc-accordion-recipe-tile__dropdown-area .meal-description p {
margin: unset;
}
html[dir="rtl"] .pc-accordion-recipe-tile .rc-text-content {
text-align: right;
margin-right: 15px;
}
html[dir="rtl"] .pc-meal-plan-meal .meal-description {
text-align: right;
}
.gc-popup-smart-dislikes .gc-popup__footer .gc-popup-smart-dislikes__button-confirmation {
margin-bottom: 16px;
}
.gc-popup-smart-dislikes .gc-popup__body-content {
margin-left: 0;
margin-right: 0;
padding-right: 0;
padding-left: 0;
}
.popup-chk-wrap {
/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */
}
.popup-chk-wrap .popup-chk-ul {
padding: 0;
margin-top: 24px;
}
.popup-chk-wrap .popup-chk-li {
display: block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.popup-chk-wrap .popup-chk-li label {
padding-left: 75px;
}
.popup-chk-wrap .popup-chk-li input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.popup-chk-wrap .popup-chk-input__checkmark {
position: absolute;
top: 5px;
left: 45px;
bottom: 0;
margin: auto;
height: 20px;
width: 20px;
background-color: var(--bg-infoPages);
border-radius: 4px;
border: 1px solid;
z-index: -1;
}
.popup-chk-wrap .popup-chk-li input:checked ~ .popup-chk-input__checkmark {
background-color: var(--button-primary);
}
.popup-chk-wrap .popup-chk-input__checkmark:after {
content: "";
position: absolute;
display: none;
}
.popup-chk-wrap .popup-chk-li input:checked ~ .popup-chk-input__checkmark:after {
display: block;
}
.popup-chk-wrap .popup-chk-ul .popup-chk-input__checkmark:after {
left: 7px;
top: 4px;
width: 5px;
height: 10px;
border: solid var(--button-primary-text);
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
html[dir="rtl"] .gc-popup-smart-dislikes .gc-popup__footer .update-dislikes {
text-align: right;
}
html[dir="rtl"] .gc-popup-smart-dislikes .popup-chk-li {
text-align: right;
}
.gc-popup-swap-dislikes .gc-popup__footer .gc-popup-swap-dislikes__button-confirmation {
margin-bottom: 16px;
}
.pc-meal-plan-shopping-days-skeleton .pc-meal-plan-shopping-days__heading {
display: flex;
justify-content: center;
margin-bottom: 12px;
}
.pc-meal-plan-shopping-days-skeleton .pc-meal-plan-shopping-days__sub-heading {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.pc-meal-plan-shopping-days-skeleton .gc-button-check__text-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.pc-meal-plan-shopping-days-skeleton .gc-button-spinner {
display: flex;
justify-content: center;
align-items: center;
}
/*
food-diary styles
*/
.pc-food-dairy-home__container, .pc-meal-plan--home__container {
padding-top: 0;
}
.pc-food-dairy-home__text-maintenance-mode {
color: #003314;
text-align: center;
}
.pc-card-save-meal-with-macros .gc-card-meal:hover, .pc-card-meal-log .gc-card-meal:hover, .pc-card-meal-remove-with-macros .gc-card-meal:hover {
opacity: 1;
cursor: initial;
}
.pc-food-dairy-home {
background-color: #f7e3ce;
}
.pc-food-dairy-home .gc-card-food-diary-main__button-log-now {
display: none;
}
.pc-food-dairy-home__calendar-slider {
padding-right: env(safe-area-inset-right);
padding-left: env(safe-area-inset-left);
}
.pc-food-dairy-home .head__subtitle {
font-size: 18px;
color: #fff;
font-weight: 600;
}
.pc-food-dairy-home .pc-food-dairy-home__log-card {
margin-bottom: 28px;
}
.pc-food-dairy-home .pc-food-dairy-home__log-card-with-macros-col:not(:last-child) {
margin-bottom: 24px;
}
.pc-food-dairy-home .pc-food-dairy-home__calendar-slider {
padding-top: 36px;
padding-bottom: 28px;
}
.pc-food-dairy-home .gc-nutrition-details-bar__values-wrapper {
color: #fff;
}
@media (min-width: 768px) {
.pc-food-dairy-home .pc-food-dairy-home__log-card {
margin-bottom: 32px;
}
.pc-food-dairy-home .pc-food-dairy-home__calendar-slider {
padding-bottom: 32px;
}
.pc-food-dairy-home .pc-food-dairy-home__container {
padding: 0 36px 36px 36px;
}
.pc-food-dairy-home .pc-food-dairy-home__log-card-with-macros-col {
flex-grow: 1;
flex-basis: calc(50% - 26px);
}
.pc-food-dairy-home .pc-food-dairy-home__calendar-slider {
padding-bottom: 32px;
}
}
@media (min-width: 992px) {
.pc-food-dairy-home__day .gc-card-food-diary-main {
height: inherit;
}
}
@media (min-width: 1440px) {
.pc-food-dairy-home .pc-food-dairy-home__calendar-slider {
padding-right: 160px;
padding-left: 160px;
}
.pc-food-dairy-home .pc-food-dairy-home__container {
padding: 0 160px 36px 160px;
}
.pc-food-dairy-home .pc-food-dairy-home__log-card-with-macros-col {
flex-basis: calc(50% - 32px);
}
}
html[dir="rtl"] .pc-food-dairy-home .gc-calender-slider__wrapper .gc-card-meal__values {
padding-left: 0;
padding-right: 12px;
}
.info-modal__body-remove-meal {
height: 100vh;
}
.info-modal__body-remove-meal .popup-btn-wrap {
position: absolute;
width: 100%;
top: calc(100 * var(--vh) - env(safe-area-inset-bottom));
margin-top: -270px;
}
@media (min-width: 560px) {
.info-modal__body-remove-meal .popup-btn-wrap {
margin-top: -182px;
}
}
@media (min-width: 768px) and (max-width: 800px) {
.info-modal__body-remove-meal .popup-btn-wrap {
margin-top: -296px;
}
}
@media (min-width: 1000px) and (max-width: 1050px) {
.info-modal__body-remove-meal .popup-btn-wrap {
margin-top: -325px;
}
}
@media (min-width: 1366px) {
.info-modal__body-remove-meal .popup-btn-wrap {
margin-top: -296px;
}
}
.info-modal__body-remove-meal .btn-main {
padding: 15px 20px;
margin-bottom: 0;
width: 100%;
}
.info-modal__body-remove-meal .info-modal__title-remove-meal {
padding-bottom: 20px;
}
.pc-popup-log-meal .gc-popup__head {
padding-bottom: 0;
overflow: hidden;
}
.pc-popup-log-meal .gc-popup__title {
padding-bottom: 8px;
}
.pc-popup-log-meal .pc-card-meal-log {
margin-top: 24px;
}
.pc-popup-log-meal .pc-food-dairy-image-input__label {
margin-bottom: 0;
}
.pc-popup-log-meal .custom-modal-padding {
padding-top: 25px !important;
}
.pc-popup-log-meal .btn-main {
position: absolute;
background: #003314;
padding: 15px 20px;
}
.pc-popup-log-meal .btn-main--disabled {
opacity: 0.5;
box-shadow: none !important;
}
.pc-popup-log-meal .btn-main-active {
background: #003314;
}
.pc-popup-log-meal .pc-popup-log-meal_meal-plan .pc-popup-log-meal_meal-plan__footer-wrapper {
z-index: 999;
}
.pc-popup-log-meal .meal-plan_day-slider {
width: 100%;
}
@media (min-width: 576px) {
.pc-popup-log-meal .meal-plan_day-slider {
width: 106%;
}
}
.pc-popup-log-meal .custom-meal .popup-btn-wrap {
margin-top: -47px;
}
.pc-popup-log-meal .meal-plan_day-slider-box {
color: #afafaf;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #003314;
width: 85px !important;
height: 38px;
border: 1px solid #003314;
border-radius: 10px;
display: flex !important;
justify-content: center;
align-items: center;
outline: none;
margin-bottom: 4px;
}
.pc-popup-log-meal .day-slider-box--active {
background: #003314;
border-color: #003314;
color: #fff;
}
.pc-popup-log-meal .day-slider-box--disabled {
opacity: 0.5;
}
.pc-popup-log-meal .custom-meal-button-back {
margin-top: 24px;
margin-bottom: 24px;
height: 57px;
}
.pc-popup-log-meal .popup-log-meal__button-add-custom-meal {
margin-top: 24px;
}
.pc-popup-log-meal .popup-log-meal_meal-plan__alert-warning {
margin-bottom: 20px;
margin-top: 16px;
}
.pc-popup-log-meal .gc-popup__floating-footer {
z-index: 999;
}
.pc-popup-log-meal_custom-meal__footer-wrapper {
margin-top: 32px;
}
.popup-log-meal__custom-meal-day-selected-message {
text-align: center;
color: #003314;
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.popup-log-meal__custom-meal-image-input-wrapper {
margin-bottom: 20px;
}
.popup-log-meal__custom-meal-image-input-wrapper .popup-log-meal__custom-meal-image-error-message {
text-align: center;
color: #FB3865;
margin-top: 5px;
margin-bottom: 0;
}
.popup-log-meal__meal-plan-meal-day-selected-message {
text-align: center;
color: #003314;
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.pc-popup-log-meal__meal-logged__header-text {
text-align: center;
color: #003314;
margin-bottom: 24px;
}
.pc-popup-log-meal__sub-heading {
color: #AFAFAF;
text-align: center;
margin: 0;
margin-top: 4px;
padding-bottom: 20px;
}
.pc-popup-log-meal__heading {
text-align: center;
}
.popup-log-meal_tabs {
display: flex;
margin-left: -20px;
margin-right: -20px;
height: 40px;
margin-bottom: 25px;
}
.popup-log-meal_tab-text {
color: #3d3d3d;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #003314;
line-height: 18px;
text-align: center;
margin: 0;
padding: 10px 0;
opacity: 0.6;
}
.popup-log-meal_tab-plan {
width: 50%;
background-color: #e6e6e6;
border-bottom: 1px solid #003314;
}
.popup-log-meal_tab-plan:active {
opacity: 0.5;
}
.popup-log-meal_tab-custom {
width: 50%;
background-color: #e6e6e6;
border-bottom: 1px solid #003314;
}
.popup-btn-custom_meal {
margin-top: 35px !important;
}
.popup-btn-custom_meal .btn-main {
position: relative;
padding: 15px 20px;
}
.popup-log-meal_tab-custom:active {
opacity: 0.5;
}
.popup-log-meal_tab-active {
box-shadow: 2px 0 20px rgba(219, 219, 219, 0.3);
border-bottom-color: #003314;
}
.popup-log-meal_tab-active .popup-log-meal_tab-text {
opacity: 1;
}
.meal-plan_day-slider {
margin-right: -200px;
display: flex;
}
.meal-plan_day-slider .slick-slide {
width: 90px;
margin-right: 10px;
outline: none;
border: none;
}
.meal-plan_day-slider .slick-slide:active {
outline: none;
border: none;
}
.meal-plan_day-slider-box:not(.day-slider-box--disabled):active {
border-color: #003314;
color: #003314;
outline: none;
}
.meal-plan_day-slider-text {
margin: 0;
}
.popup-log-meal__meal-list {
height: 30vh;
max-height: 100%;
overflow-y: scroll;
scroll-behavior: smooth;
scroll-snap-stop: always;
overscroll-behavior: none;
padding-bottom: 100px;
-webkit-overflow-scrolling: touch;
/* Lets it scroll lazy */
}
.popup-log-meal__meal-list .popup-log-meal__meal {
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.popup-log-meal__meal-list .popup-static-bottom {
height: 160px;
clear: both;
}
.popup-log-meal__meal-list .popup-btn-wrap {
position: absolute;
width: 100%;
top: calc(100 * var(--vh) - env(safe-area-inset-bottom));
margin-top: -270px;
}
.popup-log-meal__meal-list .btn-main {
padding: 15px 20px;
margin-bottom: 0;
bottom: 12vh;
}
}
@media screen and (min-width: 768px) and (min-width: 560px) {
.popup-log-meal__meal-list .popup-btn-wrap {
margin-top: -182px;
}
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 800px) {
.popup-log-meal__meal-list .popup-btn-wrap {
margin-top: -296px;
}
}
@media screen and (min-width: 768px) and (min-width: 1000px) and (max-width: 1050px) {
.popup-log-meal__meal-list .popup-btn-wrap {
margin-top: -325px;
}
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
.popup-log-meal__meal-list .popup-btn-wrap {
margin-top: -296px;
}
}
.popup-static-bottom {
height: 120px;
clear: both;
}
.popup-log-meal-images {
height: 30vh;
max-height: 100%;
padding-bottom: 200px;
overflow-y: scroll;
scroll-behavior: smooth;
scroll-snap-stop: always;
overscroll-behavior: none;
-webkit-overflow-scrolling: touch;
/* Lets it scroll lazy */
}
.popup-log-meal-images .card-image {
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
}
.popup-log-meal-images .card-image:active {
opacity: 0.8;
}
.popup-log-meal-images .card-image--large .card-image__sub-title {
padding-left: 2px;
}
.popup-log-meal-images .card-multiple-image__wrap {
border-radius: 10px !important;
overflow: hidden;
}
.popup-log-meal-images .col {
border-radius: 10px !important;
}
.popup-log-meal-images .card-multiple-image__image {
border-radius: 10px !important;
overflow: hidden;
}
.meal-plan__checkbox-images {
border-radius: 10px !important;
overflow: hidden;
}
.meal-plan__checkbox-images .card-image--large {
border-radius: 10px !important;
overflow: hidden !important;
}
.meal-plan__checkbox-images .card-image--large .card-image__overlay {
border-radius: 10px;
}
.meal-plan__checkbox-images .row {
border-radius: 10px !important;
}
.meal-image-checkbox-circle {
position: absolute;
right: 30px;
top: 15px;
}
.m-checkbox {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
border-radius: 10px;
}
.meal-image-checkbox-circle-checked {
fill: #003314;
}
.meal-tick {
position: absolute;
top: 24px;
right: 36px;
opacity: 0;
}
.meal-tick-checked {
opacity: 1;
}
.meal-label {
display: block;
margin: 0;
border-radius: 10px;
}
.pc-food-dairy-image-input__add-image-box {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100px;
border: 1px solid #003314;
border-radius: 10px;
}
.pc-food-dairy-image-input__add-image-box:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-food-dairy-image-input__add-image-box:hover .rc-icon:hover {
opacity: 1;
}
.add-image-box:active {
opacity: 0.5;
}
.pc-food-dairy-image-input__add-image-box-uploaded {
position: relative;
background-position: center;
height: 100%;
}
.pc-food-dairy-image-input__add-image-box-uploaded-img {
object-fit: cover;
width: 100%;
height: 100px;
border-radius: 10px;
}
.pc-food-dairy-image-input__add-image-box-cross-icon {
position: absolute;
top: 15px;
right: 15px;
}
.pc-food-dairy-image-input__icon svg path {
fill: #003314;
}
.pc-food-dairy-image-input__text {
color: #003314;
line-height: 1.5;
}
.custom-meal-input {
background-color: transparent;
border: 1px solid #003314;
width: 100%;
height: 54px;
border-radius: 10px;
padding: 14px 20px;
color: #afafaf;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
outline: none;
}
.custom-meal-input:active {
border-color: #003314;
}
.custom-meal-input::placeholder {
color: #afafaf;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
opacity: 1;
}
.custom-meal-num-input-placeholder {
color: #afafaf;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
line-height: 27px;
position: absolute;
top: 14px;
left: 20px;
}
.custom-meal-num-input-placeholder-optional-text {
color: #003314;
display: inline-block;
padding-left: 2px;
}
.custom-meal-num-input::placeholder {
color: #afafaf;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
opacity: 0.5;
text-align: right;
}
.custom-meal-num-input-unit {
color: #afafaf;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #003314;
position: absolute;
top: 13px;
right: 14px;
}
.custom-meal-num-input {
padding-top: 13px;
padding-right: 30px;
text-align: right;
}
.custom-meal-input-p {
padding-right: 50px;
}
.custom-meal-num-input:last-child {
margin-bottom: 30px;
}
.pc-popup-log-meal_custom-meal-form {
position: relative;
margin-bottom: 10px;
}
.pc-popup-log-meal_custom-meal-form .pc-popup-log-meal_custom-meal-form__input.gc-input-measurement {
margin-bottom: 12px;
}
.pc-popup-log-meal_custom-meal-form .pc-popup-log-meal_custom-meal-form__input.gc-text-input {
margin-bottom: 20px;
}
.custom-meal__error-msg {
display: none;
color: #3d3d3d;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #FB3865;
text-align: center;
margin: 0;
margin-top: 5px;
}
.custom-meal__error-msg__active .custom-meal__error-msg {
display: block;
}
.custom-meal__error-msg__active .custom-meal-input {
border-color: #FB3865;
}
.meal-added-msg {
text-align: center;
margin-bottom: 60px;
}
.meal-added-msg-text {
margin: 0;
margin-bottom: 25px;
color: #afafaf;
font-weight: 400;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #003314;
line-height: 18px;
}
.meal-added-msg-text-b {
color: #afafaf;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #003314;
}
.btn-meal {
position: absolute;
bottom: 122px;
width: 100%;
border: none;
padding: 14px 23px;
border-radius: 30px;
line-height: 27px;
background-color: #003314;
color: #3d3d3d;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
color: #fff;
box-shadow: 0 5px 14px rgba(102, 102, 102, 0.28);
}
.btn-meal:active {
box-shadow: none;
}
.btn-meal-activated {
background-color: #003314;
}
.popup-btn-wrap-custom-meal {
margin-top: 0 !important;
}
.popup-btn-wrap-custom-meal .btn-main {
position: relative;
}
.popup-btn-wrap-custom-meal .btn-main--with-only-outline {
background: #fff;
}
@media (max-width: 576px) {
.inside-native-app:not(.inside-ios) .pc-popup-log-meal_meal-plan .popup-btn-wrap {
margin-top: -180px !important;
}
}
.btn-remove-meal {
border-color: #003314 !important;
color: #003314 !important;
background-color: transparent !important;
}
.info-modal__content .btn-close-meal-plan {
padding-bottom: 10px !important;
margin-left: 0 !important;
}
.info-modal__content-meal-remove {
padding: 20px;
}
.gc-popup-food-diary-add-meal .btn-close {
padding-left: 0 !important;
}
@media (min-width: 768px) {
.pc-food-dairy-image-input__add-image-box, .pc-food-dairy-image-input__add-image-box-uploaded {
height: 140px;
}
.pc-food-dairy-image-input__add-image-box-uploaded-img {
height: 138px;
}
}
html[dir=rtl] .pc-popup-log-meal .meal-plan_day-slider {
margin-right: 0;
}
html[dir=rtl] .pc-popup-log-meal .meal-plan_day-slider .slick-slide {
margin-right: 0;
margin-left: 10px;
}
html[dir=rtl] .pc-popup-log-meal .meal-plan_day-slider-box {
margin-right: 0;
margin-left: 10px;
}
html[dir=rtl] .pc-popup-log-meal .pc-food-dairy-image-input__add-image-box-cross-icon {
right: auto;
left: 15px;
}
.pc-popup-remove-meal .gc-popup__head {
padding-bottom: 24px;
}
.pc-popup-remove-meal__meal {
font-weight: 700;
}
.pc-popup-fd-view-mp-meal .gc-popup__head {
padding-bottom: 0;
}
.pc-popup-fd-view-mp-meal .gc-popup__title {
padding-bottom: 16px;
}
.pc-popup-fd-view-mp-meal .gc-card-meal-featured {
height: 220px;
}
.pc-popup-fd-view-mp-meal__sub-header {
opacity: 0.6;
}
.pc-popup-fd-view-mp-meal .gc-popup__body-content {
padding: 0;
margin-left: -20px;
margin-right: -20px;
overflow-x: hidden;
}
.pc-popup-fd-view-mp-meal .gc-popup__head {
margin-bottom: 16px;
}
.pc-popup-fd-view-mp-meal__card {
margin-bottom: 32px;
}
.pc-popup-fd-view-mp-meal__info {
margin: -20px;
padding: 20px 40px;
}
.pc-popup-fd-view-mp-meal .pc-accordion-recipe-tile {
margin-bottom: 10px;
}
.pc-popup-fd-view-mp-meal .pc-accordion-recipe-tile__dropdown-area .gc-card-text:not(:last-child) {
margin-bottom: 12px;
}
.pc-popup-fd-view-mp-meal .pc-popup-fd-view-mp-meal__recipe:not(:last-child) {
margin-bottom: 20px;
}
.pc-popup-fd-view-mp-meal .pc-accordion-recipe-tile__dropdown-area__no-info {
padding: 40px 20px 0px 20px;
text-align: center;
}
@media (min-width: 768px) {
.pc-popup-fd-view-mp-meal .gc-card-meal-featured__image-wrapper {
flex-direction: row !important;
}
}
@media (min-width: 992px) {
.pc-popup-fd-view-mp-meal .gc-card-meal-featured__image {
width: 33.33%;
height: 100%;
}
}
.pc-container-dine-out__restaurant-area .gc-button-primary-forward__right-section {
display: none;
}
.pc-container-dine-out__restaurant {
margin-bottom: 12px;
border-radius: 10px;
background: var(--bg-infoPages, #FFF);
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
color: var(--text-primary-on-bg, #000);
font-feature-settings: "clig" off, "liga" off;
}
.pc-container-dine-out__search {
margin-bottom: 28px;
}
.pc-container-dine-out .pc-container-dine-out__input-options-wrap {
display: flex;
padding: 12px 16px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
border-radius: 8px;
border: 1px solid var(--text-area-bg-outline, #E5E5E5);
margin-bottom: 28px;
}
.pc-container-dine-out .pc-container-dine-out__input-options:not(:last-child) {
margin-bottom: 16px;
}
.pc-container-dine-out .pc-container-dine-out__input-options {
display: flex;
justify-content: flex-start;
align-items: center;
}
.pc-container-dine-out .pc-container-dine-out__input-options .gc-input-checkbox-squared {
width: 16px;
height: 16px;
}
.pc-container-dine-out .pc-container-dine-out__input-options .rc-icon-info svg path {
fill: var(--text-primary-on-bg, #000);
}
.pc-container-dine-out .pc-container-dine-out__input-options .rc-text-content {
padding-left: 8px;
padding-right: 8px;
}
.pc-container-dine-out__no-result {
margin-top: 24px;
color: var(--text-primary-on-bg, #000);
text-align: center;
}
.pc-container-dine-out .pc-container-dine-out__search-food {
margin-top: 24px;
margin-bottom: 24px;
}
.pc-container-dine-out__restaurant .rc-icon svg path {
fill: var(--text-secondary-on-bg, #000);
}
.pc-container-dine-out__back {
display: flex;
color: var(--button-primary, #FFBA00);
margin-bottom: 20px;
}
.pc-container-dine-out__back .rc-icon {
transform: rotate(-90deg);
margin-right: 8px;
}
.pc-container-dine-out__back .rc-icon svg path {
fill: var(--button-primary, #FFBA00);
}
.pc-container-dine-out__card-meal {
margin-bottom: 16px;
}
.pc-container-dine-out__meal-group {
margin-bottom: 16px;
}
.pc-container-dine-out__restaurant-icon {
border-radius: 6px;
border: 1px solid var(--text-secondary-on-bg, #AFAFAF);
display: flex;
width: 36px;
height: 36px;
justify-content: center;
align-items: center;
margin-right: 12px;
}
.pc-container-dine-out__restaurant-icon .rc-icon {
margin-right: initial;
}
.pc-container-dine-out__back:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-container-dine-out__pagination-category--top {
margin-top: 12px;
margin-bottom: 20px;
}
.pc-container-dine-out__pagination-category--bottom {
margin-top: 12px;
padding-bottom: 28px;
border-bottom: 1px solid var(--text-area-bg-outline, #E5E5E5);
margin-bottom: 16px;
}
.pc-container-dine-out__pagination-category-text--top, .pc-container-dine-out__pagination-category-text--bottom {
width: 100%;
text-align: center;
color: var(--text-secondary-on-bg, #AFAFAF);
}
.pc-popup-text-to-meal .gc-popup__head {
padding-bottom: 4px;
}
.pc-popup-text-to-meal .gc-popup-sub-text-body {
margin-bottom: 12px;
}
@media (min-width: 992px) {
.pc-popup-text-to-meal .gc-popup__body-content {
margin-bottom: 24px;
}
}
.pc-popup-text-to-meal__heading {
position: relative;
width: max-content;
margin: auto;
}
.pc-popup-text-to-meal__warning {
font-style: italic;
color: #003314;
margin-bottom: 24px;
}
.pc-popup-text-to-meal__description {
color: #003314;
}
.pc-smart-add .pc-smart-add__remaining-ntr {
width: 100%;
text-align: center;
margin-bottom: 8px;
}
.pc-smart-add .pc-smart-add__description {
color: #003314;
text-align: center;
margin-bottom: 12px;
}
.pc-smart-add .pc-smart-add__wrapper {
padding-top: 28px;
}
.pc-smart-add textarea {
padding: 15px 20px;
}
.pc-smart-add .pc-smart-add__button-try-again {
margin-bottom: 28px;
}
.pc-smart-add .pc-food-dairy-image-input__add-image-box-uploaded {
border: none;
}
.pc-smart-add .pc-container-smart-add-meal-log-form__image-input-wrapper {
margin-bottom: 20px;
}
.pc-smart-add .pc-container-smart-add-meal-log-form__input-wrapper {
margin-bottom: 12px;
}
.pc-smart-add .pc-container-smart-add-meal-log-form__input-name-wrapper {
margin-bottom: 20px;
}
.pc-smart-add .pc-container-smart-add-meal-log-form__saved-area {
gap: 10px;
display: flex;
justify-content: center;
margin-top: 24px;
margin-bottom: 12px;
}
.pc-smart-add .gc-page-fixed-footer--unfixed {
margin-top: 36px;
}
.pc-smart-add .pc-smart-add__warning-message {
justify-content: flex-start;
}
@media (min-width: 992px) {
.pc-smart-add .pc-smart-add__wrapper {
padding-top: 44px;
}
}
.pc-skeleton-meal-plan-log .pc-skeleton_nutrition-wrap {
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
margin-bottom: 20px;
}
.pc-skeleton-meal-plan-log .pc-skeleton-meal-log-nav {
margin-bottom: 20px;
justify-content: space-between;
}
.pc-skeleton-meal-plan-log .pc-skeleton-meal-log-nav .gc-placeholder, .pc-skeleton-meal-plan-log .pc-skeleton-meal-log-nav .pc-skeleton-nutrients {
width: 100%;
}
.pc-skeleton-meal-plan-log .pc-meal-skeleton-date-slider {
display: flex;
justify-content: space-between;
gap: 8px;
margin-bottom: 20px;
}
.pc-skeleton-meal-plan-log .pc-skeleton-card {
padding: 20px;
margin-bottom: 20px;
}
.pc-skeleton-meal-plan-log .pc-skeleton-card .pc-skeleton-card-head .gc-placeholder:first-child {
margin-bottom: 8px;
}
.pc-skeleton-meal-plan-log .pc-skeleton-card .pc-skeleton_nutrition-wrap {
margin-bottom: inherit;
}
.pc-skeleton-meal-plan-log .pc-skeleton-card .pc-skeleton-card-bottom-prograss .gc-placeholder {
margin-top: 12px;
}
.pc-skeleton-meal-plan-log .pc-skeleton-calender--deasktop, .pc-skeleton-meal-plan-log .pc-skeleton-card--desktop {
display: none;
}
@media (min-width: 992px) {
.pc-skeleton-meal-plan-log .pc-skeleton-card-list {
display: flex;
flex-flow: wrap;
gap: 26px;
justify-content: space-between;
}
.pc-skeleton-meal-plan-log .pc-skeleton-card {
width: 47% !important;
}
.pc-skeleton-meal-plan-log .pc-skeleton-card-first {
width: 100% !important;
}
.pc-skeleton-meal-plan-log .pc-skeleton-calender--deasktop, .pc-skeleton-meal-plan-log .pc-skeleton-card--desktop {
display: block;
}
}
@media (min-width: 1440px) {
.pc-skeleton-meal-plan-log .pc-food-dairy-home__container {
padding: 0 36px 36px 36px !important;
}
}
/*
* profile
*/
.pc-profile--dislike-meals .pc-text-helper, .pc-profile--dislike-meals .pc-text-no-results {
color: #003314;
text-align: center;
margin-bottom: 24px;
}
.pc-profile--dislike-meals .pc-card-meal-dislike {
margin-bottom: 28px;
}
.pc-profile--dislike-meals .gc-card-meal__badge-wrapper {
display: none;
}
.pc-profile--dislike-meals .gc-card-meal__title {
padding-top: 15px;
}
html[dir=rtl] .pc-profile--fitness__info-text, html[dir=rtl] .dislike-foods__info {
text-align: right;
}
html[dir=rtl] .gc-input-group-ingredients .gc-button-secondary-accordion__text-section {
padding-right: 15px;
}
html[dir=rtl] .gc-input-group-ingredients-item .gc-input-group-ingredients-item__wrapper {
margin-right: 55px;
}
html[dir=rtl] .gc-input-group-ingredients-item .gc-input-group-ingredients-item__wrapper .rc-text-content {
text-align: right;
padding-right: 15px;
}
.pc-profile__image-wrap {
margin-bottom: 40px;
text-align: center;
}
.pc-profile__image {
position: relative;
margin: auto;
width: 92px;
height: 92px;
border-radius: 50%;
object-fit: cover;
}
.pc-profile__image .rc-icon-profile svg {
width: 92px;
height: 92px;
}
.pc-profile__image .rc-icon-profile svg path {
fill: #003314 !important;
}
.pc-profile--account-settings__profile-image img, .pc-profile__image-wrap img {
border: 1px solid #003314;
}
.pc-profile__input-error-message {
color: #FB3865;
text-align: center;
margin: auto;
margin-bottom: 16px;
text-align: center;
}
.pc-profile__page-container .col-md-6:not(:last-of-type) {
margin-bottom: 12px;
}
.pc-profile__page-container .gc-button-secondary-forward {
color: #003314;
border-color: #003314;
}
.pc-profile__page-container .gc-button-secondary-forward .rc-icon svg path {
fill: #003314;
}
.pc-profile__page-container .gc-button-secondary-forward:active {
background-color: #003314;
opacity: 0.7;
border-color: #003314;
}
.proifle-form__footer {
padding: 30px 20px 34px 20px !important;
}
html[dir=rtl] .pc-profile--account-settings__profile-image-camera {
right: auto;
left: 0;
}
html[dir=rtl] .profile-form select {
text-align: right;
}
html[dir=rtl] .ma-form__input_region input {
text-align: right !important;
}
html[dir=rtl] .pc-contact-us .pc-contact-us__input-label {
text-align: right;
}
.profile-form-page .custom-footer-padding {
padding-left: 0;
padding-right: 0;
}
.profile-form-page .input-group .form-control {
text-align: center;
}
.pc-profile--fitness__info-mail {
padding-left: 0.3em;
color: #012CFF;
}
.dislike-foods__info {
text-align: center !important;
}
.dislike-foods__info a {
padding-left: 0.3em;
color: #012CFF;
}
.food-accordion__sub-title {
margin-bottom: 14px;
}
@media (min-width: 768px) {
.pc-profile--account-settings__profile-image-wrap, .pc-profile__image-wrap {
margin-bottom: 48px;
}
.pc-profile__page-container .col-md-6:not(:last-of-type) {
margin-bottom: 16px;
}
.pc-profile--change-password__input-wrapper, .gc-form-dynemic__profile-form .ma-form {
margin-bottom: 16px;
}
}
.pc-profile-settings__single-select {
text-align: left;
height: 57px;
color: #003314;
}
.pc-profile-settings__single-select:focus {
color: #003314;
border-color: #003314;
}
.pc-profile--account-settings__profile-image-wrap {
margin-bottom: 48px;
}
.pc-profile--account-settings__profile-image {
position: relative;
margin: auto;
width: 92px;
height: 92px;
border-radius: 50%;
object-fit: cover;
}
.pc-profile--account-settings__profile-image-camera {
position: absolute;
right: 0;
bottom: 6px;
background: #f7e3ce;
padding: 5px;
border: 1px solid #003314;
border-radius: 50%;
}
.pc-profile--account-settings__profile-image-camera svg path {
fill: #003314;
}
.pc-profile--account-settings__nav-button_delete-account {
display: flex;
justify-content: center;
margin-top: 28px;
}
.pc-profile--account-settings__nav-button_delete-account:active {
background-color: transparent;
opacity: 0.5;
}
.pc-profile--account-settings__container .gc-button-link-forward {
border-bottom: 1px solid #003314;
border-radius: 0px;
padding: 10px 0px 5px 10px;
margin-bottom: 8px;
min-height: 57.4px;
}
.pc-profile--account-settings__container .gc-button-link-forward .rc-text-content:first-of-type {
font-size: 14px;
font-weight: 400;
color: #003314;
}
.pc-profile--account-settings__container .gc-button-link-forward .rc-text-content:last-of-type:not(:first-of-type) {
font-size: 18px;
font-weight: 700;
color: #003314;
}
.pc-profile--account-settings__container .gc-button-link-forward .rc-icon svg path {
fill: #003314;
}
.pc-profile--account-settings__input-error-message {
color: #FB3865;
text-align: center;
margin: auto;
margin-bottom: 16px;
}
.ma-form__input_country {
border-color: #003314;
text-align: left;
}
.ma-form__input_country:focus {
border-color: #003314;
}
.ma-form__input_region .ma-form__input {
border-color: #003314;
background-color: transparent;
}
@media (min-width: 768px) {
.pc-profile--account-settings__container .gc-button-link-forward {
padding-top: 5px;
margin-bottom: 28px;
}
}
.pc-profile--change-password .gc-text-input .gc-text-input__input {
color: #003314;
}
.pc-profile--change-password .gc-text-input .gc-text-input__input::placeholder {
color: #003314;
}
.pc-profile--change-password .gc-text-input .gc-text-input__input:focus {
color: #003314;
}
.pc-profile--change-password__container {
margin-top: 38px;
min-height: 300px;
}
.pc-profile--change-password__container .custom-footer-padding {
padding-right: 0;
padding-left: 0;
}
.pc-profile--change-password__input-wrapper {
margin-bottom: 12px;
}
.pc-profile--change-password__button {
padding: 30px 20px 34px 20px !important;
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.pc-profile--change-password__input-wrapper {
margin-bottom: 16px;
}
}
.pc-profile--fitness__container .pc-profile--fitness__info-text {
color: #003314;
margin-bottom: 20px;
margin-top: -8px;
text-align: center !important;
}
.pc-profile--fitness__container .pc-profile--fitness__info-mail {
color: #012CFF;
font-weight: 700;
}
.gc-disliked-igredients__container {
color: #003314;
}
.pc-profile--diet__container .col-md-6:not(:last-of-type) {
margin-bottom: 12px;
}
.pc-profile--diet__container .gc-button-secondary-forward {
color: #003314;
border-color: #003314;
}
.pc-profile--diet__container .gc-button-secondary-forward .rc-icon svg path {
fill: #003314;
}
.pc-profile--diet__container .gc-button-secondary-forward:active {
background-color: #003314;
border-color: #003314;
color: #fff;
}
.profile-form-page-foods-do-not-like .custom-footer-padding {
padding-left: 0;
padding-right: 0;
}
.dislike-foods__info {
margin-bottom: 14px;
}
@media (min-width: 768px) {
.pc-profile--diet__container .col-md-6:not(:last-of-type) {
margin-bottom: 18px;
}
}
.gc-disliked-igredients__container .gc-page-fixed-footer--unfixed {
margin-top: 38px;
}
.pc-profile--my-connections__container {
padding-top: 28px;
}
.pc-profile--my-connections__share-card {
margin-bottom: 40px;
}
.pc-profile--my-connections__hr {
background-color: #003314;
width: 100%;
margin-bottom: 40px;
margin-top: 0;
}
.pc-enter-pair-code {
text-align: center;
}
.pc-enter-pair-code__description {
margin-bottom: 20px;
color: #003314;
}
.pc-enter-pair-code__input {
margin-bottom: 28px;
}
@media (min-width: 768px) {
.pc-enter-pair-code__input, .pc-profile--my-connections__connect-button {
max-width: 354px;
margin: auto auto 28px;
}
.pc-enter-pair-code__description {
margin-bottom: 28px;
}
}
.pc-card-share-pair-code {
padding: 24px 20px;
background-color: #e6e6e6;
color: #003314;
border-radius: 10px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}
.pc-card-share-pair-code__description {
text-align: center;
margin-bottom: 24px;
}
.pc-card-share-pair-code__code-box {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px dashed #003314;
padding: 16px;
border-radius: 10px;
}
.pc-card-share-pair-code__code-box-title {
word-break: break-all;
margin-right: 10px;
}
.pc-card-share-pair-code__code-box-button {
background-color: #003314;
color: #e6e6e6;
}
.pc-card-share-pair-code__code-box-button .rc-text-content {
font-size: 14px;
line-height: 1.5;
}
@media (min-width: 768px) {
.pc-card-share-pair-code__code-box {
max-width: 354px;
margin: auto;
}
}
.pc-popup-meal-plans-pair__content {
color: #003314;
text-align: center;
}
.pc-popup-meal-plans-pair__heading {
margin-bottom: 20px;
}
.pc-popup-meal-plans-pair__head {
padding-bottom: 40px;
}
.pc-popup-meal-plans-pair__check-box-input-wrapper {
margin-top: 20px;
}
.pc-popup-meal-plans-pair__check-box-input {
display: flex;
justify-content: center;
margin-bottom: 16px;
}
.pc-popup-meal-plans-pair__check-box-input .gc-input-checkbox-squared {
border-color: #003314;
width: 20px;
height: 20px;
}
.pc-popup-meal-plans-pair__check-box-input-label {
color: #003314;
margin: 0px;
margin-left: 12px;
font-size: 14px;
line-height: 1.5;
width: 45px;
text-align: left;
}
html[dir=rtl] .pc-popup-meal-plans-pair__check-box-input-label {
margin-left: 0px;
margin-right: 12px;
text-align: right;
}
.pc-popup-disconnect__content {
text-align: center;
color: #003314;
}
.pc-popup-disconnect__heading {
margin-bottom: 20px;
}
.pc-profile-payment-settings__image {
width: 100%;
margin-top: 8px;
}
.pc-profile-payment-settings__button-wrap {
padding: 30px 20px 34px 20px;
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.pc-profile-payment-popup__error_container .gc-popup__body-content {
text-align: center;
}
.pc-profile-payment-popup__error_container .gc-popup-sub-text-heading {
margin-bottom: 20px;
}
.intruduction-popup__status-wrapper {
display: flex;
align-items: center;
margin-bottom: 28px;
}
.intruduction-popup__header {
margin-bottom: 20px;
}
.intruduction-popup__sub-header {
margin-bottom: 8px;
}
.intruduction-popup__status-icon {
margin-right: 12px;
float: right;
}
.intruduction-popup__status-icon svg path {
fill: #003314;
}
.intruduction-popup__status-text {
float: left;
margin-left: -30px;
}
@media (min-width: 992px) {
.intruduction-popup__status-icon:hover {
opacity: 1;
cursor: initial;
}
}
html[dir=rtl] .intruduction-popup__content {
text-align: right;
}
html[dir=rtl] .intruduction-popup__status-text {
float: right;
margin-right: -30px;
}
html[dir=rtl] .intruduction-popup__status-icon {
float: left;
margin-left: 12px;
}
html[dir=rtl] .intruduction-popup__arrow-icon {
transform: rotate(180deg);
}
.macroapp--page-habits-tracker-manager .gc-page__container {
padding-top: 28px;
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__habits-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__habits-header .rc-text-content {
color: var(--text-primary-on-bg);
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__habits-header .pc-habits-tracker-manager__habits-header-button .rc-text-content {
color: var(--text-hyperlink-color);
text-decoration: underline;
cursor: pointer;
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__habits-list-wraper {
margin-top: 20px;
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__habits-list-item:last-child {
margin-bottom: 20px;
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__habits-list-empty {
margin-top: 28px;
padding-bottom: 20px;
text-align: center;
color: var(--text-secondary-on-bg);
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__habits-list-item {
display: flex;
justify-content: space-between;
margin-bottom: 24px;
align-items: center;
gap: 12px;
color: #003314;
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__list-recommended {
padding-top: 20px;
border-top: 1px solid var(--text-area-bg-outline);
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__habits-list-item-option svg path {
fill: var(--text-secondary-on-bg);
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__list-recommended-item {
color: #003314;
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__list-recommended-header {
color: var(--text-primary-on-bg);
margin-bottom: 20px;
}
.macroapp--page-habits-tracker-manager .pc-habits-tracker-manager__list-recommended-item-add svg path {
fill: var(--button-primary);
}
.macroapp--page-habits-tracker-manager .pc-habit-tracker-popup-options-menu {
min-width: 140px;
padding: 0 !important;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
color: var(--text-primary-on-bg);
background-color: var(--text-area-bg-fill);
padding: 10px;
border-radius: 5px;
}
.macroapp--page-habits-tracker-manager .pc-habit-tracker-popup-options-menu__icon {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 24px 12px 12px;
cursor: pointer;
}
.macroapp--page-habits-tracker-manager .pc-habit-tracker-popup-options-menu__icon .rc-text-content {
padding-top: 2px;
color: var(--text-secondary-on-bg);
}
.macroapp--page-habits-tracker-manager .pc-habit-tracker-popup-options-menu__icon svg {
width: 16px;
height: 16px;
}
.macroapp--page-habits-tracker-manager .pc-habit-tracker-popup-options-menu__icon svg path {
fill: var(--text-secondary-on-bg);
}
.macroapp--page-habits-tracker-manager .pc-habit-tracker-popup-options-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
.macroapp--page-habits-tracker-manager .gc-habits-tracker-manager-button-save {
width: 335px;
margin: auto;
}
.macroapp--page-habits-tracker-manager .gc-page__container {
width: 540px;
margin: auto;
}
.macroapp--page-habits-tracker-manager .gc-page__container {
padding-top: 36px;
}
}
.pc-popup-habits-add .gc-popup__head, .pc-popup-habits-edit .gc-popup__head, .pc-popup-habits-delete .gc-popup__head {
min-height: 28px !important;
}
.pc-popup-habits-add__text-limit, .pc-popup-habits-edit__text-limit, .pc-popup-habits-delete__text-limit {
color: var(--text-secondary-on-bg);
}
.pc-popup-update-habit-data {
margin-top: 20px;
}
.pc-popup-update-habit-data .rc-text-content {
margin-bottom: 24px;
}
.pc-habit-tracker-manger-skeleton .gc-placeholder {
margin-bottom: 24px;
}
.pc-habit-tracker-manger-skeleton .pc-habit-tracker-manger-skeleton_section-two {
margin-top: 60px;
}
.pc-habit-tracker-manger-skeleton .pc-habit-tracker-manger-skeleton_section-two-item {
display: flex;
align-items: center;
gap: 12px;
}
.gc-habits-tracker__calander {
padding-right: env(safe-area-inset-right);
padding-left: env(safe-area-inset-left);
margin-bottom: 6px;
}
@media (min-width: 768px) {
.gc-habits-tracker__calander {
margin-top: 36px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.gc-habits-tracker__habits-list {
width: 560px;
margin: auto;
}
}
@media (min-width: 992px) {
.gc-habits-tracker__habits-list {
width: 540px;
margin: auto;
}
.gc-habits-tracker__calander {
margin-bottom: 2px;
}
}
.pc-navigation .gc-sidebar__menu {
padding-bottom: calc(var(--bottom-navigation-height) + env(safe-area-inset-bottom));
background-color: black;
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
min-height: fit-content;
}
.pc-profile--my-connections__header {
text-align: center;
margin-bottom: 12px;
color: #003314;
}
.pc-profile--my-connections__button-wrapper {
display: flex;
justify-content: center;
}
.pc-profile--my-connections__button-wrapper .gc-button-custom {
color: #003314;
border-color: #003314;
}
.pc-profile--my-connections__button-wrapper .gc-button-custom .rc-text-content {
font-size: 14px;
line-height: 1.5;
}
.pc-profile--my-connections__button-pair-meal-plan {
margin-right: auto;
background-color: #003314;
color: #e6e6e6 !important;
border: none;
}
.pc-profile--my-connections__button-pair-meal-plan:active {
background-color: #003314;
}
.pc-profile--my-connections__button-disconnect {
padding: 7px 16px;
}
.pc-profile--my-connections__button-disconnect:active {
background-color: #003314;
border-color: #003314;
color: #e6e6e6;
}
.pc-profile--my-connections__alert-dotted {
margin-top: 32px;
}
.pc-profile--my-connections__alert-dotted-header {
display: flex;
margin-bottom: 4px;
}
.pc-profile--my-connections__alert-description {
margin-left: 24px;
}
@media (max-width: 320px) {
.pc-profile--my-connections__button-wrapper .gc-button-custom .rc-text-content {
font-size: 12px;
}
}
@media (min-width: 768px) {
.pc-profile--my-connections__container {
padding-top: 36px;
}
.pc-profile--my-connections__button-pair-meal-plan {
margin-right: 8px;
}
.pc-profile--my-connections__button-wrapper {
display: flex;
justify-content: end;
}
.pc-profile--my-connections__button-wrapper .rc-button {
height: max-content;
margin-bottom: 0;
margin-top: auto;
}
}
html[dir=rtl] .pc-profile--my-connections__alert-dotted {
text-align: right;
}
html[dir=rtl] .pc-profile--my-connections__alert-description {
margin-left: 0px;
margin-right: 24px;
}
html[dir=rtl] .pc-profile--my-connections__button-pair-meal-plan {
margin-right: unset;
margin-left: auto;
}
@media (min-width: 768px) {
html[dir=rtl] .pc-profile--my-connections__button-pair-meal-plan {
margin-left: 8px;
}
}
.pc-heading-plans-info .rc-text-content {
color: #003314;
}
.pc-profile__card-recurring-subscription-more-details {
margin-top: 8px;
cursor: pointer;
}
.pc-profile__card-recurring-subscription {
margin-bottom: 12px;
background-color: #003314;
color: #fff;
box-shadow: 0 4px 14px 1px rgba(0, 51, 20, 0.4);
}
.pc-profile__card-recurring-subscription .pc-profile__card-recurring-subscription-head {
min-height: 89px;
margin-bottom: 24px;
}
.pc-profile__card-recurring-subscription .pc-profile__card-recurring-subscription-head .rc-text-content:nth-child(1) {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 4px;
color: #fff;
}
.pc-profile__card-recurring-subscription .pc-profile__card-recurring-subscription-head .rc-text-content:nth-child(2) span {
font-weight: 700;
color: #fff;
}
.pc-profile__card-recurring-subscription .pc-profile__card-recurring-subscription-footer {
display: flex;
justify-content: space-between;
gap: 6px;
align-items: end;
}
.pc-profile__card-recurring-subscription .pc-profile__card-recurring-subscription-footer__buttons-wrapper {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: end;
}
.pc-profile__card-recurring-subscription .pc-profile__card-recurring-subscription-footer-right .rc-icon svg {
width: auto;
height: 32px;
}
.pc-profile__card-recurring-subscription .pc-profile__card-recurring-subscription-footer-right .rc-icon svg path {
fill: #fff;
}
.pc-profile__card-recurring-subscription .rc-button--type-outline.gc-button-secondary {
padding: 8px 16px;
width: auto;
border-color: #fff;
}
.pc-profile__card-recurring-subscription .rc-button--type-outline.gc-button-secondary .gc-button-secondary__text {
font-size: 12px;
line-height: 1.6;
color: #fff;
}
.pc-profile__card-recurring-subscription .gc-button-custom {
width: 109px;
height: 35px;
padding: 0;
border-color: #fff;
}
.pc-profile__card-recurring-subscription .gc-button-custom .gc-button-custom__text {
color: #fff;
}
.pc-profile__card-recurring-subscription .rc-icon:hover {
opacity: 1;
}
.pc-profile__card-recurring-subscription__label-cancelled {
padding: 4px 6px;
display: inline-block;
background-color: #fff;
color: #003314;
border-radius: 5px;
margin-top: 10px;
}
.pc-profile__card-recurring-subscription--one-off {
background: black;
}
.pc-profile__card-recurring-subscription--one-off .pc-profile__card-recurring-subscription__label-cancelled {
color: black;
}
.pc-profile__card-recurring-subscription-footer__buttons-wrapper {
display: block;
width: 100%;
}
.pc-profile__card-recurring-subscription-footer__buttons {
display: flex;
gap: 10px;
}
.pc-profile__card-recurring-subscription--challenge {
background: #003314;
box-shadow: 0 4px 14px 1px #003314;
}
.pc-card-debit-card svg path, .pc-card-apple-in-app svg path {
fill: #003314;
}
.pc-card-debit-card .rc-text-content, .pc-card-apple-in-app .rc-text-content {
color: #003314;
}
@media (min-width: 992px) {
.pc-profile__card-recurring-subscription-footer-right .rc-icon:hover {
cursor: initial !important;
}
}
html[dir=rtl] .pc-profile__card-recurring-subscription {
text-align: right;
}
.pc-popup-billing-info__content-subscription {
margin-top: 40px;
}
.pc-popup-billing-info__content-row {
margin-bottom: 28px;
display: flex;
justify-content: space-between;
}
.pc-popup-billing-info__content-left {
text-align: left;
}
.pc-popup-billing-info__content-left :first-child {
margin-bottom: 4px;
}
.pc-popup-billing-info__content-right {
text-align: right;
}
.pc-popup-billing-info__content-right :first-child {
margin-bottom: 4px;
}
.pc-popup-billing-info .gc-popup__dialog--desktop .gc-popup__body-content {
max-height: 60vh;
}
html[dir=rtl] .pc-popup-billing-info__content-left {
text-align: right;
}
html[dir=rtl] .pc-popup-billing-info__content-right {
text-align: left;
}
.pc-heading-plans-info {
margin-bottom: 12px;
}
.pc-card-apple-in-app, .pc-card-debit-card {
margin-bottom: 12px;
}
.pc-billing-info__plans {
margin-bottom: 36px;
padding-bottom: 24px;
border-bottom: 1px solid #003314;
border-color: #003314;
}
.pc-heading-plans-info--empty {
padding-top: calc(100px - 24px);
padding-bottom: 24px;
color: #003314;
text-align: center;
}
html[dir=rtl] .pc-heading-plans-info {
text-align: right;
}
@media (min-width: 768px) {
.pc-billing-info__plans {
border: initial;
}
}
.pc-card-apple-in-app {
display: flex;
padding: 24px 20px;
box-shadow: 0px 2px 15px rgba(0, 51, 20, 0.1);
border-radius: 10px;
}
.pc-card-apple-in-app .pc-card-apple-in-app__text {
margin-left: 14px;
}
.pc-card-apple-in-app .rc-text-content:nth-child(1) {
padding-top: 3px;
margin-bottom: 4px;
}
.pc-card-apple-in-app:active {
opacity: 60%;
}
html[dir=rtl] .pc-card-apple-in-app .pc-card-apple-in-app__text {
text-align: right;
margin-left: 0px;
margin-right: 14px;
}
.pc-card-debit-card {
display: flex;
align-items: center;
padding: 24px 20px;
box-shadow: 0 2px 15px rgba(0, 51, 20, 0.1);
border-radius: 10px;
justify-content: space-between;
}
.pc-card-debit-card .pc-card-debit-card__icon-text {
display: flex;
}
.pc-card-debit-card .pc-card-debit-card__icon-text .rc-text-content {
margin-left: 12px;
}
.pc-card-debit-card__description {
margin-top: 4px;
}
.pc-card-debit-card:active {
opacity: 60%;
}
.pc-card-debit-card:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-card-debit-card .rc-icon:hover {
opacity: 1;
}
html[dir=rtl] .pc-card-debit-card .pc-card-debit-card__icon-text .rc-text-content {
margin-left: 0px;
margin-right: 12px;
}
html[dir=rtl] .pc-card-debit-card .pc-card-debit-card__arrow svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.pc-preferred-meals__sub-content {
text-align: center;
margin-bottom: 32px;
}
.pc-preferred-meals__error-message {
color: #FB3865;
text-align: center;
margin-top: 12px;
}
.pc-profile--favorite-meals .pc-text-helper {
color: #003314;
text-align: center;
margin-bottom: 24px;
}
.pc-profile--favorite-meals .pc-text-no-results {
color: #003314;
margin-top: 60px;
text-align: center;
}
.pc-profile--favorite-meals .gc-card-meal__badge-wrapper {
display: none;
}
.pc-profile--favorite-meals .gc-card-meal__title {
padding-top: 15px;
}
.pc-profile--favorite-meals .gc-meal-card__action-area {
margin-bottom: 24px;
}
html[dir=rtl] .pc-profile--fitness__info-text, html[dir=rtl] .favorite-foods__info {
text-align: right;
}
html[dir=rtl] .gc-input-group-ingredients .gc-button-secondary-accordion__text-section {
padding-right: 15px;
}
html[dir=rtl] .gc-input-group-ingredients-item .gc-input-group-ingredients-item__wrapper {
margin-right: 55px;
}
html[dir=rtl] .gc-input-group-ingredients-item .gc-input-group-ingredients-item__wrapper .rc-text-content {
text-align: right;
padding-right: 15px;
}
.pc-profile-skeleton .pc-profile-skeleton__profile-pic .gc-placeholder {
margin: auto;
margin-bottom: 40px;
}
.pc-profile-skeleton .pc-profile-skeleton__links .gc-placeholder {
margin-bottom: 12px;
}
.pc-diet-skeleton .pc-diet-skeleton__links .gc-placeholder {
margin-bottom: 12px;
}
.pc-diet-skeleton .pc-diet-skeleton-head {
margin-bottom: 20px;
}
.pc-diet-skeleton .pc-diet-skeleton-head .gc-placeholder {
margin: auto;
margin-bottom: 8px;
}
.pc-diet-skeleton .pc-diet-skeleton-head--dislike {
margin-top: 40px;
margin-bottom: 40px;
}
.pc-diet-skeleton .pc-preferred-skeleton-display {
display: none;
}
.pc-preferred-skeleton .pc-preferred-skeleton-display-none {
display: none;
}
.pc-preferred-skeleton .pc-preferred-skeleton-display {
display: block;
}
.pc-billinginfo-skeleton .pc-billinginfo-skeleton__cards .gc-placeholder {
margin-bottom: 12px;
}
.pc-skeleton-connection-not-paired .pc-my-connection-skeleton__card-paired {
display: none;
}
.pc-skeleton-connection-not-paired .pc-my-connection-skeleton .pc-my-connection-skeleton__card {
margin-bottom: 80px;
}
.pc-skeleton-connection-not-paired .pc-my-connection-skeleton .pc-my-connection-skeleton__section-one {
margin-bottom: 20px;
}
.pc-skeleton-connection-not-paired .pc-my-connection-skeleton .pc-my-connection-skeleton__section-one .gc-placeholder {
margin-bottom: 8px;
}
.pc-skeleton-connection-not-paired .pc-my-connection-skeleton .pc-my-connection-skeleton__section-rwo .gc-placeholder {
margin-bottom: 28px;
}
.pc-skeleton-connection-paired .pc-my-connection-skeleton .pc-my-connection-skeleton__card-paired {
display: block;
}
.pc-skeleton-connection-paired .pc-my-connection-skeleton .pc-my-connection-skeleton__card, .pc-skeleton-connection-paired .pc-my-connection-skeleton .pc-my-connection-skeleton__section-rwo, .pc-skeleton-connection-paired .pc-my-connection-skeleton .pc-my-connection-skeleton__section-one {
display: none;
}
.pc-popup-cancel-subscription__description {
margin-bottom: 60px;
}
.pc-popup-cancel-subscription__no-thanks {
margin-top: 12px;
cursor: pointer;
}
.pc-popup-cancel-confirm-subscription__go-back {
cursor: pointer;
}
.pc-popup-pause-subscription__selection-area {
margin-top: 45px;
display: flex;
justify-content: center;
align-items: center;
}
.pc-popup-pause-subscription__resume-date {
margin-top: 18px;
margin-bottom: 30px;
}
.pc-popup-pause-subscription__input-selection {
margin-left: 12px;
min-width: 250px;
height: auto !important;
}
/*
* Contact Us
*/
.pc-contact-us {
background-color: #f7e3ce;
position: relative;
}
.pc-contact-us .pc-contact-us__input-message {
line-height: 1;
}
.pc-contact-us__container {
padding-bottom: 80px;
padding-top: 40px;
}
.pc-contact-us__description {
margin-bottom: 16px;
}
@media (max-width: 375px) and (max-height: 670px) {
.pc-contact-us .pc-contact-us__container {
padding-bottom: 120px;
}
}
@media (min-width: 568px) {
.pc-contact-us .pc-contact-us__container {
padding-bottom: 120px;
}
}
.pc-contact-us .pc-contact-us__input-container:not(:last-of-type) {
margin-bottom: 20px;
}
.pc-contact-us .pc-contact-us__input-label {
margin-bottom: 8px;
color: #003314;
}
.pc-contact-us .pc-contact-us__input .gc-text-input__input {
padding: 14px 20px;
height: auto;
border-color: #003314;
background-color: transparent;
}
.pc-contact-us .pc-contact-us__input .gc-text-area__text-area {
padding: 14px 20px;
}
.pc-contact-us .pc-contact-us__input .gc-text-input__input::placeholder {
color: #003314;
}
.pc-contact-us .pc-contact-us__input .gc-text-area__text-area::placeholder {
opacity: 0.5;
}
.pc-contact-us .pc-contact-us__input .gc-text-area__text-area::-webkit-input-placeholder {
opacity: 0.5;
}
.pc-contact-us .pc-contact-us__input .gc-text-area__text-area:-ms-input-placeholder {
opacity: 0.5;
}
.pc-contact-us .pc-contact-us__input .gc-text-input__input:focus {
color: #003314;
border-color: #003314;
}
.pc-contact-us .gc-text-input--error .gc-text-input__input {
border-color: #FB3865;
}
.pc-contact-us .gc-text-input--error .gc-text-input__input:focus {
border-color: #FB3865;
}
.pc-contact-us .gc-text-input--error .gc-text-input__error {
margin-top: 5px;
}
.pc-contact-us .gc-text-input--error .gc-text-area--error .gc-text-area__error {
margin-top: 5px;
}
.pc-contact-us .pc-contact-us__footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 20px 20px 34px;
}
.pc-contact-us .pc-contact-us__footer-static {
position: unset;
padding: 0px;
}
@media (min-width: 578px) {
.pc-contact-us .pc-contact-us__footer {
left: 50%;
transform: translateX(-50%);
}
.pc-contact-us .pc-contact-us__footer-static {
left: unset;
transform: unset;
}
}
@media (min-width: 768px) {
.pc-contact-us__container {
padding-top: 36px;
}
}
@media (min-width: 768px) {
.pc-contact-us__button-submit {
width: initial;
min-width: 335px;
margin: auto;
}
}
html[dir=rtl] .pc-contact-us__input-label {
text-align: right;
}
html[dir=rtl] .pc-contact-us .pc-contact-us__input .gc-text-input__input {
text-align: start;
}
.pc-contact-us-skeleton .pc-contact-us-skeleton__inputs {
margin-bottom: 20px;
}
.pc-contact-us-skeleton .pc-contact-us-skeleton__inputs .gc-placeholder {
margin-bottom: 8px;
}
.pc-popup-contact-us--success_body {
text-align: center;
}
.pc-popup-contact-us--icon_success {
margin-top: 24px;
}
/**
generic pages
*/
.pc-not-found {
display: flex;
justify-content: center;
height: 100vh;
flex-direction: column;
align-items: center;
background-color: #f7e3ce;
color: #003314;
}
.pc-not-found__content {
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 20px;
}
.pc-not-found__icon {
margin-bottom: 28px;
}
.pc-not-found__icon svg {
height: 120px;
width: 120px;
}
.pc-not-found__icon svg path {
fill: #003314;
}
.pc-not-found__title {
margin-bottom: 8px;
}
.pc-not-found__description {
margin-bottom: 32px;
}
.pc-not-found__button-back {
min-width: 120px;
border-color: #003314;
color: #003314;
}
.pc-not-found__button-back:active {
background-color: transparent;
box-shadow: none;
}
.pc-dashboard__card-mood-tracker {
margin-bottom: 28px;
}
.intruduction-popup__status-wrapper {
display: flex;
align-items: center;
margin-bottom: 28px;
}
.intruduction-popup__header {
margin-bottom: 20px;
}
.intruduction-popup__sub-header {
margin-bottom: 8px;
}
.intruduction-popup__status-icon {
margin-right: 12px;
float: right;
}
.intruduction-popup__status-icon svg path {
fill: #003314;
}
.intruduction-popup__status-text {
float: left;
margin-left: -30px;
}
@media (min-width: 992px) {
.intruduction-popup__status-icon:hover {
opacity: 1;
cursor: initial;
}
}
html[dir=rtl] .intruduction-popup__content {
text-align: right;
}
html[dir=rtl] .intruduction-popup__status-text {
float: right;
margin-right: -30px;
}
html[dir=rtl] .intruduction-popup__status-icon {
float: left;
margin-left: 12px;
}
html[dir=rtl] .intruduction-popup__arrow-icon {
transform: rotate(180deg);
}
.pc-habits-tracker-skeleton .pc-habits-tracker-skeleton__calender {
margin-top: 30px;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}
.pc-habits-tracker-skeleton .pc-habits-tracker-skeleton__calender .pc-skeleton-calender--deasktop {
display: none;
}
.pc-habits-tracker-skeleton .pc-habits-tracker-skeleton__habits-list-item, .pc-habits-tracker-skeleton .pc-habits-tracker-skeleton__habits-list-item-icons {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
gap: 12px;
align-items: center;
}
@media (min-width: 992px) {
.pc-habits-tracker-skeleton .pc-skeleton-calender--deasktop {
display: block;
}
}
.gc-habits-tracker__calander {
padding-right: env(safe-area-inset-right);
padding-left: env(safe-area-inset-left);
margin-bottom: 6px;
}
@media (min-width: 768px) {
.gc-habits-tracker__calander {
margin-top: 36px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.gc-habits-tracker__habits-list {
width: 560px;
margin: auto;
}
}
@media (min-width: 992px) {
.gc-habits-tracker__habits-list {
width: 540px;
margin: auto;
}
.gc-habits-tracker__calander {
margin-bottom: 2px;
}
}
.pc-content {
background-color: #f7e3ce;
}
.gc-em-pdf-preview {
padding: 0 !important;
padding-top: 16px !important;
position: relative;
}
.gc-content-image-view-parent {
overflow: hidden;
border-radius: 10px;
border: 1px;
width: 100%;
position: relative;
}
.gc-content-image-view-parent .gc-content-image-view {
background-repeat: no-repeat;
background-size: contain;
border-radius: 10px;
width: 100%;
position: relative;
}
.gc-content-image-view-parent .gc-content-image {
object-fit: contain;
height: 100%;
max-height: 600px;
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto !important;
}
.gc-content-image-view-parent .gc-content-image-view-bg {
position: absolute;
filter: blur(20px);
object-fit: cover;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
}
.pdf-container-wrapper--full-screen {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
height: 100vh;
width: 100vw;
}
.pdf-container-wrapper {
color: var(--text-secondary-on-bg);
}
.pdf-container-wrapper span {
color: var(--text-secondary-on-bg);
}
.pdf-container-wrapper .controls {
position: sticky;
top: 0;
background: #4c525c;
background-color: var(--text-area-bg-fill);
padding: 10px;
display: flex;
align-items: center;
gap: 10px;
border-bottom: 1px solid #000000;
z-index: 10;
border-radius: 10px 10px 0 0;
}
.pdf-container-wrapper .pdf-container {
background-color: #2B333F;
max-height: 80vh;
min-height: 500px;
overflow-y: scroll;
padding: 20px;
border-radius: 0 0 10px 10px;
}
.pdf-container-wrapper--full-screen .pdf-container {
height: initial;
max-height: 100vh;
overflow-y: auto;
}
.pdf-container-wrapper canvas {
display: block;
margin: 0 auto 2px auto;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.pdf-container-wrapper button {
padding: 5px 10px;
border-radius: 10px;
border-color: transparent;
color: #fff;
background-color: var(--button-primary-opacity-80);
}
.pdf-container-wrapper button svg path {
fill: #fff;
}
.pdf-container-wrapper input[type="number"] {
width: 60px;
padding: 0px 5px;
border-radius: 5px;
border-color: transparent;
margin-right: 8px;
margin-left: 4px;
}
.pc-container-pdf-skeleton {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 55px;
}
html[dir=rtl] .pc-contact-us__description {
text-align: right;
}
.pc-content-recipe-details .pc-meal-plan-meal__container, .pc-content-recipe-details .pc-meal-plan-meal__container-recipe {
overflow-x: hidden;
}
.pc-content-recipe-details .pc-meal-plan-meal__container {
margin-top: 0;
}
.pc-content-recipe-details .gc-card-content {
margin-bottom: 12px;
}
.pc-content-recipe-details .pc-accordion-recipe-tile__sub-text, .pc-content-recipe-details .pc-accordion-recipe-tile__sub-secondary-text {
color: var(--text-primary-on-bg);
}
.pc-content-recipe-details .pc-accordion-recipe-tile__sub-secondary-text {
color: var(--text-secondary-on-bg);
}
.pc-content-recipe-details .pc-meal-plan-meal__types-wrapper {
scrollbar-width: thin;
/* For Firefox */
overflow-x: auto;
overflow-y: hidden;
}
.pc-content-recipe-details .pc-meal-plan-meal__types {
color: var(--text-secondary-on-bg);
padding-left: 20px;
padding-right: 20px;
margin-bottom: 16px;
margin-top: 24px;
overflow-x: auto;
width: max-content;
}
.pc-content-recipe-details .pc-meal-plan-meal__tags {
color: var(--text-secondary-on-bg);
padding: 16px 20px 24px;
scrollbar-width: thin;
/* For Firefox */
display: block;
white-space: nowrap;
overflow: hidden;
width: max-content;
}
.pc-content-recipe-details .pc-meal-plan-meal__separator {
padding-top: 0;
padding-bottom: 0;
}
.pc-content-recipe-details .pc-meal-plan-meal__separator-line {
border-bottom: 2px solid var(--text-area-bg-outline);
/* width, style, and color of the bottom border */
}
.pc-content-recipe-details .pc-meal-plan-meal__types::-webkit-scrollbar, .pc-content-recipe-details .pc-meal-plan-meal__types-wrapper::-webkit-scrollbar {
width: 4px;
/* Set width of vertical scrollbar */
height: 4px;
/* Set height of horizontal scrollbar */
}
.pc-content-recipe-details .pc-meal-plan-meal__type {
margin-right: 4px;
display: inline-block;
}
.pc-content-recipe-details .gc-badge-choice {
background-color: var(--selected-state);
color: var(--button-text-all-status);
}
.pc-content-recipe-details .gc-badge-choice .rc-text-content {
font-size: 14px;
}
.pc-content-recipes .gc-card-meal {
margin-bottom: 24px;
}
.pc-content-recipes .gc-card-meal .gc-badge-choice .rc-text-content {
font-size: 14px;
}
.pc-content-recipes__input-search {
margin-bottom: 16px;
}
.flex-center, .pc-content-recipes__list-filters, .pc-content-recipes__filter, .pc-content-recipes__text-no-result, .pc-popup-content-recipe-filters__filter-title-text {
display: flex;
align-items: center;
justify-content: center;
}
.flex-space-between, .pc-content-recipes__content-filters, .pc-popup-content-recipe-filters__filter-title, .pc-popup-content-recipe-filters__input-check {
display: flex;
justify-content: space-between;
}
.pc-content-recipes__content-filters {
color: var(--text-primary-on-bg);
margin-bottom: 24px;
}
.pc-content-recipes__text-filters, .pc-content-recipes__text-no-result {
color: var(--text-secondary-on-bg);
}
.pc-content-recipes__list-filters {
color: var(--text-primary-on-bg);
}
.pc-content-recipes__filter :not(:last-child) {
margin-right: 8px;
}
.pc-content-recipes__filter .rc-icon svg path {
fill: var(--text-primary-on-bg);
}
.pc-content-recipes__filter-count {
opacity: 0.5;
}
.pc-content-recipes__text-no-result {
margin: 56px 0 40px;
width: 100%;
}
.pc-content-recipes__filter:not(:last-child) {
margin-right: 32px;
}
.pc-popup-content-recipe-filters__filter-title, .pc-popup-content-recipe-filters__input-check {
margin-bottom: 16px;
width: 100%;
}
.pc-popup-content-recipe-filters__input-check {
align-content: center;
justify-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
}
.pc-popup-content-recipe-filters__input-check .gc-input-checkbox-squared {
border-color: var(--text-primary-on-bg);
}
.pc-popup-content-recipe-filters__input-check .rc-text-content {
margin: 0 8px;
max-width: calc(100% - 40px);
word-break: break-all;
}
.pc-popup-content-recipe-filters__filter-meal-types {
margin-bottom: 36px;
}
.pc-popup-content-recipe-filters__filter-title-text {
gap: 8px;
}
.pc-popup-content-recipe-filters__clear {
color: var(--text-secondary-on-bg, #AFAFAF);
text-decoration-line: underline;
}
.pc-meal-plan-meal__separator + .pc-meal-plan-meal__recipe-details {
margin-top: 16px;
}
@media (min-width: 576px) and (max-width: 991px) {
.pc-meal-plan-meal__tags, .pc-meal-plan-meal__types {
margin-left: calc(calc(100% - 540px) / 2);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.pc-meal-plan-meal__tags, .pc-meal-plan-meal__types {
margin-left: calc(calc(100% - 720px) / 2);
}
}
@media (min-width: 768px) {
.pc-content-recipe-details .pc-meal-plan-meal__container, .pc-meal-plan-meal__container-recipe {
height: 100%;
overflow-y: auto;
}
}
@media (min-width: 991px) {
.pc-content-recipe-details .pc-meal-plan-meal__container, .pc-meal-plan-meal__container-recipe {
height: calc(100vh - 67px);
overflow-y: auto;
}
}
.pc-meal-plan-meal__tags, .pc-meal-plan-meal__types {
overflow: auto;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE and Edge */
scroll-behavior: smooth;
}
.pc-meal-plan-meal__tags::-webkit-scrollbar, .pc-meal-plan-meal__types::-webkit-scrollbar {
display: none;
/* Chrome, Safari and Opera */
}
.pc-page-content-skeleton {
position: absolute;
z-index: 9999;
height: 100%;
width: 100%;
background-color: #f7e3ce;
}
.pc-content-text {
margin-bottom: 20px;
}
.pc-content-text .app-content-wrap {
margin-top: 0;
padding-top: 16px;
}
.pc-content-text__text {
font-size: 12px;
color: #003314;
}
.pc-content-text__app-content-wrap:first-child {
margin-top: 16px;
}
.pc-content-text__app-content-wrap h1 {
font-size: 36px;
font-weight: 600;
}
.pc-content-text__app-content-wrap h2 {
font-size: 18px;
font-weight: 600;
}
.pc-content-text__app-content-wrap a {
color: #012CFF;
}
.pc-content-text__content-text--without-content-image {
padding-top: 16px;
}
html[dir=rtl] .pc-content-text {
text-align: right;
}
.pc-video-area__content-wrapper {
padding: 12px 20px 0px 20px;
}
.pc-video-area .gc-video-player {
height: 100%;
}
.pc-video-area__head-title {
text-align: left;
color: #003314;
}
.pc-video-area__full-width-wrap {
aspect-ratio: 1.7777777778;
}
.pc-video-area__image-wrap {
position: relative;
}
.pc-video-area__image-wrap--icon-wrapper {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
top: calc(50% - 35px);
}
.pc-video-area__image-wrap--icon-wrapper .image-wrap__icon {
object-fit: cover;
margin-bottom: 20px;
vertical-align: middle;
border-style: none;
}
.pc-video-area__image-wrap--icon-wrapper .image-wrap__icon svg path {
fill: #fff;
}
.pc-video-area img {
object-fit: cover;
margin-bottom: 20px;
vertical-align: middle;
border-style: none;
width: 100%;
}
.pc-video-area__card-custom-video-tumb--no-image {
background-color: #e6e6e6;
}
.pc-video-area__content-link {
display: inline-block;
padding-left: 2px;
transition: all 0.2s;
transition-delay: 300ms;
color: #003314;
font-weight: 700;
font-size: 12px;
margin-bottom: 0;
margin-top: 4px;
margin-bottom: 4px;
line-height: 18px;
}
.pc-video-area:not(:first-child) {
margin-top: 48px;
}
@media (min-width: 992px) {
.pc-video-area__head-title {
margin-bottom: 20px;
}
.pc-video-area__content-link {
margin-bottom: 18px;
}
.pc-video-area__full-width-wrap {
margin-left: 0px;
margin-right: 0px;
}
.pc-video-area:not(:first-child) {
margin-top: 48px;
}
}
@media (min-width: 768px) {
.pc-video-area__head-title {
margin-bottom: 0px;
}
.pc-video-area__content-link {
margin-bottom: 0px;
}
.pc-video-area__full-width-wrap {
margin-left: 0px;
margin-right: 0px;
}
.pc-video-area:not(:first-child) {
margin-top: 48px;
}
}
.pc-video-container__card-search-text {
color: #003314;
margin-bottom: 8px;
}
.pc-video-container__card-search {
margin-bottom: 24px;
}
.pc-video-container__video-list {
box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.1);
}
html[dir="rtl"] .pc-video-container__card-search, html[dir="rtl"] .pc-video-container__video-list, html[dir="rtl"] .pc-video-area__head-title {
text-align: right;
}
@media (min-width: 992px) {
.pc-video-container__card-search {
margin-top: 12px;
margin-bottom: 32px;
}
}
@media (max-width: 768px) {
.pc-video-container__card-search {
margin-right: 20px;
margin-left: 20px;
}
}
.pc-video-container__video-list .pc-video-area:first-of-type .pc-video-area__full-width-wrap .gc-video-player .gc-video-player__video-area img, .pc-video-container__video-list .pc-video-area:first-of-type .pc-video-area__full-width-wrap .gc-video-player .gc-video-player__video-area .gc-video-player__video-wrapper, .pc-video-container__video-list .pc-video-area:first-of-type .pc-video-area__full-width-wrap .gc-video-player .gc-video-player__video-area .gc-video-player__video-wrapper iframe, .pc-video-container__video-list .pc-video-area:first-of-type .pc-video-area__full-width-wrap .gc-video-player .gc-video-player__wrapper .gc-video-player__content {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.pc-video-container__video-list .pc-video-area:first-of-type .pc-video-area__full-width-wrap .pc-video-area__image-wrap img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.pc-list-container__content-text .app-content-wrap {
margin-top: 0;
}
html[dir=rtl] .pc-list-container {
text-align: right;
}
.pc-accordion__card-btn {
margin-bottom: 10px;
}
.pc-accordion__card .app-content-wrap img {
height: 100%;
max-height: 100%;
}
@media (min-width: 992px) {
.pc-accordion__card-btn {
margin-bottom: 12px;
}
}
@media (min-width: 768px) {
.pc-accordion__card-btn {
margin-bottom: 12px;
}
.pc-accordion__card .app-content-wrap img {
height: 100%;
max-height: 100%;
}
}
.pc-sub-item-area__card-btn {
margin-bottom: 10px;
}
.pc-sub-item-area__app-content-wrap, .pc-sub-item-area .pc-content-text__text {
font-size: 12px;
color: #003314;
}
.pc-sub-item-area__card-content {
margin-bottom: 10px;
}
.pc-sub-item-area__app-content-wrap.app-content-wrap {
margin-top: 0;
}
/**
* Chat
*/
.pc-popup-chatbox__title {
padding-bottom: 10px;
}
.pc-popup-chatbox__container {
height: 100%;
}
.pc-popup-chatbox--desktop .pc-popup-chatbox__body-content {
max-height: 50vh !important;
}
.pc-popup-chatbox--desktop .pc-popup-chatbox__container {
height: 50vh !important;
}
.pc-popup-chatbox--desktop .pc-popup-chatbox__body-content {
overflow-y: hidden;
}
.chat-notifier {
position: fixed;
bottom: 58px;
right: 68px;
z-index: 1001;
}
.chat-notifier svg {
height: 10px;
width: 10px;
}
.chat-notifier svg path, .chat-notifier svg circle {
fill: #f00;
}
.chat-launcher {
display: block;
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
border-radius: 50%;
z-index: 1800;
background-color: #0785f2;
background-position: center 17px;
background-size: 30px 30px;
background-repeat: no-repeat;
color: #fff;
text-align: center;
box-shadow: 2px 2px 19px 1px rgba(0, 0, 0, 0.1);
}
.chat-launcher__icon {
margin-top: 17px;
height: 30px;
}
.modal-open .chat-launcher {
display: none;
}
/**
* fitness-diary
*/
.pc-image-tile {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
}
.pc-image-tile__empty {
background: #e6e6e6;
}
.pc-image-tile__empty .rc-icon-camera svg path {
fill: #003314;
}
.pc-image-tile .rc-image {
height: 100%;
object-fit: cover;
}
.pc-slider-journey-photo-highlight__image {
height: 276px;
min-width: 100%;
max-width: 100%;
}
.pc-slider-journey-photo-highlight__image:hover {
opacity: 0.7;
cursor: pointer;
}
.dotted-pagination {
width: 8px;
height: 8px;
margin: 10px 4px 0;
background: #e5e5e5;
}
.activeSlide {
background: #003314;
}
.pc-slider-journey-photo-highlight__slider::after {
content: " ";
display: block;
border-bottom: 1px solid;
border-color: #003314;
}
.pc-slider-journey-photo-highlight__image-area {
text-align: center;
flex-grow: 1;
flex-basis: 0;
}
.pc-slider-journey-photo-highlight__image-area:not(:last-child) {
padding-right: 8px;
}
.pc-slider-journey-photo-highlight__image-area:not(:first-child) {
padding-left: 8px;
}
.pc-slider-journey-photo-highlight__slider-image-header {
margin-bottom: 18px;
display: flex;
justify-content: center;
}
.pc-slider-journey-photo-highlight__slider .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 0 0 20px 0;
list-style-type: none;
}
.pc-slider-journey-photo-highlight__slider .slick-dots li {
margin: 0 0.25rem;
}
.pc-slider-journey-photo-highlight__slider .slick-dots button {
display: block;
width: 6px;
height: 6px;
padding: 0;
border: none;
border-radius: 100%;
background-color: rgba(0, 51, 20, 0.5);
text-indent: -9999px;
}
.pc-slider-journey-photo-highlight__slider .slick-dots li.slick-active button {
background-color: #003314;
}
.pc-slider-journey-photo-highlight__slider-image-header {
color: #003314;
margin-bottom: 12px;
}
.pc-slider-journey-photo-highlight__slider-slide {
width: 100%;
padding: 20px;
display: flex;
justify-content: center;
}
@media (max-width: 350px) {
.pc-slider-journey-photo-highlight__slider-image-header {
flex-direction: column;
}
}
@media (min-width: 768px) {
.pc-slider-journey-photo-highlight__slider .slick-list {
width: 440px;
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 992px) {
.pc-slider-journey-photo-highlight__slider .slick-list {
width: 506px;
margin-right: auto;
margin-left: auto;
}
}
html[dir=rtl] .pc-slider-journey-photo-highlight__image-area:not(:last-child) {
padding: 0px;
padding-left: 8px;
}
html[dir=rtl] .pc-slider-journey-photo-highlight__image-area:not(:first-child) {
padding: 0px;
padding-right: 8px;
}
html[dir=rtl] .pc-card-photo-journey-compare .rc-icon-forward {
transform: scaleX(-1);
}
.pc-chart__header-wrapper {
margin: 8px 20px 5px 20px;
}
.pc-chart__title {
color: #003314;
}
.pc-chart__title span {
font-size: 18px;
}
.pc-chart__sub-title {
color: #003314;
margin-top: -10px;
}
.pc-chart__card-measure--first-time {
margin-top: 56px;
text-align: center;
color: #003314;
}
html[dir=rtl] .pc-chart__title {
text-align: right;
}
html[dir=rtl] .pc-chart__sub-title {
text-align: right;
}
.pc-chart {
overflow-x: hidden;
}
.pc-chart .chart-container {
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
.pc-chart .chart-container .card-measure__info {
text-align: center;
color: #003314;
}
.pc-chart #line-chart {
margin-top: 0;
}
.pc-chart .head__subtitle {
font-size: 18px;
color: #fff;
font-weight: 600;
}
.pc-chart .card-graph {
position: relative !important;
overflow-x: scroll;
z-index: 10;
margin-left: 20px;
}
.pc-chart .card-graph canvas {
margin-left: 5px;
position: absolute;
left: 0;
top: 0;
}
.pc-chart .chart-wrapper {
display: flex;
flex-wrap: nowrap;
}
.pc-chart .fixed-y-axis {
padding-left: 6px;
padding-right: 10px;
margin-top: -66px;
position: absolute;
right: env(safe-area-inset-right);
z-index: 10;
background: transparent;
}
.pc-chart .card-graph__head-section {
margin-bottom: 5px;
margin-top: 5px;
}
.pc-chart .line-chart {
margin-left: 25px;
margin-right: 25px;
overflow-x: scroll;
height: 370px !important;
}
#chartjs-tooltip {
z-index: 20;
border: 1px solid;
border-color: #003314;
position: absolute;
background: #e6e6e6;
/* color: #000000; */
font-family: "Poppins", sans-serif !important;
border-radius: 3px;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
pointer-events: none;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#chartjs-tooltip .card-graph__title {
font-size: 30px;
font-weight: 600;
margin-bottom: 0;
color: #003314;
z-index: 10;
}
#chartjs-tooltip .card-graph__title span {
margin-left: 1px;
font-size: 18px;
}
#chartjs-tooltip .card-graph__sub-title {
margin-top: -8px;
font-size: 12px;
font-weight: 400;
color: #003314;
margin-bottom: 0;
}
.chartjs-tooltip-key {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
}
.gc-chart {
position: relative;
}
.fixed-y-axis {
padding-left: 0;
padding-right: 0;
}
.gc-chart__wrapper {
width: calc(100% - 40px);
}
html[dir=rtl] .fixed-y-axis {
left: env(safe-area-inset-left);
padding-left: 14px;
right: unset;
padding-right: unset;
}
.pc-photo-journey__history {
margin-top: 8px;
}
.pc-photo-journey__slider-wrapper {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pc-photo-journey__text-empty {
margin-top: 80px;
text-align: center;
color: #003314;
}
@media (min-width: 992px) {
.pc-photo-journey .pc-slider-journey-photo-highlight__image-area {
flex-grow: 0;
}
.pc-photo-journey .pc-slider-journey-photo-highlight__image {
height: 340px;
}
.pc-photo-journey .pc-slider-journey-photo-highlight__image .rc-image {
width: 224px;
}
.pc-photo-journey .container__photo-journey .gc-card-photo-journey-history__images {
width: 100px;
height: 180px;
}
.pc-photo-journey .container__photo-journey .gc-card-photo-journey-history--tab {
min-width: fit-content;
}
.pc-photo-journey .container__photo-journey .gc-card-photo-journey-history--tab .gc-card-photo-journey-history__images:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-photo-journey .container__photo-journey .gc-card-photo-journey-history__no-image {
max-width: 100px;
min-width: 100px;
height: 180px;
}
}
.pc-my-journey .gc-card-measurement-detailed__more-button, .pc-my-journey .gc-card-measurement__more-button {
color: #003314;
}
.pc-page-my-journey-measument-chart-skeleton .gc-placeholder {
margin-bottom: 8px;
}
@media (min-width: 768px) {
.pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare {
padding: 20px;
}
.pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper {
display: flex;
}
.pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__before, .pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__now {
width: 50%;
}
.pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__before .gc-card-photo-journey-compare__images, .pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__before .gc-card-photo-compare-empty, .pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__now .gc-card-photo-journey-compare__images, .pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__now .gc-card-photo-compare-empty {
height: 220px;
min-width: 100px;
}
.pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__before {
padding-right: 4px;
}
.pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__now {
padding-left: 4px;
}
.pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__image-wrapper {
margin-right: 0;
margin-left: 0;
}
.pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__images-wrap {
padding-left: 5px;
padding-right: 5px;
}
.pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__images-wrap:first-child {
padding-right: 5px;
}
.pc-my-journey .pc-my-journey_container .gc-card-photo-journey-compare .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__images-wrap:last-child {
padding-left: 5px;
}
}
@media (min-width: 1200px) {
.gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__before .gc-card-photo-journey-compare__images, .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__before .gc-card-photo-compare-empty, .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__now .gc-card-photo-journey-compare__images, .gc-card-photo-journey-compare__wrapper .gc-card-photo-journey-compare__now .gc-card-photo-compare-empty {
height: 310px !important;
}
}
.pc-container-photo-history-skeleton {
margin: -36px;
}
@media only screen and (min-width: 576px) {
.pc-photo-journey-history__card .gc-placeholder {
height: 310px !important;
}
}
@media only screen and (min-width: 768px) {
.pc-container-photo-history-skeleton {
position: absolute;
left: 0;
right: 0;
top: 80px;
bottom: 0;
}
.pc-container-photo-history-skeleton .gc-placeholder {
height: 100vh !important;
}
}
.pc-image-photo-journey-skeleton .gc-placeholder {
width: 100px;
height: 180px;
}
.pc-photo-journey__slider-skeleton {
height: 375px;
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
gap: 20px;
align-items: center;
}
.pc-photo-journey__slider-skeleton .pc-image-photo-journey-skeleton {
flex: 1;
/* Equal width */
aspect-ratio: 0.588;
max-height: 340px;
max-width: 224px;
}
.pc-photo-journey__slider-skeleton .pc-image-photo-journey-skeleton .gc-placeholder {
height: 100% !important;
width: 100% !important;
aspect-ratio: 0.588;
max-height: 340px;
max-width: 224px;
}
.pc-container-photo-journey-history-skeleton {
display: flex;
flex-wrap: nowrap;
gap: 10px;
margin-top: 20px;
}
.pc-container-photo-journey-history-skeleton .pc-image-photo-journey-skeleton {
flex: 1;
/* Equal width */
aspect-ratio: 0.6666666667;
max-height: 340px;
max-width: 100px;
}
.pc-container-photo-journey-history-skeleton .pc-image-photo-journey-skeleton .gc-placeholder {
max-width: 100px;
height: 100% !important;
width: 100% !important;
aspect-ratio: 0.6666666667;
max-height: 340px;
}
/**
* subscription
*/
.pc-subscription {
background-color: #f7e3ce;
}
.pc-subscription-start .gc-header-page svg path, .pc-subscription-finish .gc-header-page svg path {
fill: #FFFFFF;
}
html[dir=rtl] .pc-subscription .gc-page-form-footer__submit-button {
display: unset;
}
.pc-subscription-finish {
background-color: inherit;
}
.pc-subscription-finish .gc-header-page {
padding: 60px 0px 151px 38px;
}
.pc-subscription-finish .pc-subscription-finish__background-image-wrapper .pc-subscription-finish__background-image {
background-repeat: no-repeat;
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
max-height: 856px;
background-position: top;
top: 0;
background-position-y: 0 !important;
background-size: cover !important;
}
.pc-subscription-finish .gc-page__container {
padding: 196px 36px 0px 36px;
}
.pc-subscription-finish .gc-page__container .pc-subscription-finish__card-feature-box {
text-align: center;
color: #FFFFFF;
background: rgba(0, 0, 0, 0);
border-radius: 10px;
padding: 40px 36px;
}
.pc-subscription-finish .gc-page__container .pc-subscription-finish__card-feature-box .pc-subscription-finish__card-feature-box__title {
margin-bottom: 22px;
}
.pc-subscription-finish .gc-page__container .pc-subscription-finish__card-feature-box .pc-subscription-finish__card-feature-box__sub-text {
margin-bottom: 41px;
}
.pc-subscription-finish .gc-page__container {
padding-bottom: 60px;
}
@media (min-width: 992px) {
.pc-subscription-finish {
background-color: #f7e3ce;
}
.pc-subscription-finish .gc-page__container .pc-subscription-finish__card-feature-box {
color: #003314;
}
.pc-subscription-finish .gc-page__container {
padding-top: 36px;
}
}
@media (max-width: 320px) {
.pc-subscription-finish .gc-page__container {
padding-bottom: 60px;
}
}
.pc-subscription-start {
background-color: inherit;
}
.pc-subscription-start .pc-subscription-start__background-image-wrapper .pc-subscription-start__background-image {
background-repeat: no-repeat;
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
max-height: 856px;
background-position: top;
top: 0;
background-position-y: 0 !important;
background-size: cover !important;
}
.pc-subscription-start .gc-page__container {
padding: 0 36px;
}
.pc-subscription-start .gc-page__container .pc-subscription-start__card-feature-box {
text-align: center;
color: #FFFFFF;
background: rgba(0, 0, 0, 0);
border-radius: 10px;
padding: 40px 36px;
margin-top: 91px;
}
.pc-subscription-start .gc-page__container .pc-subscription-start__card-feature-box .pc-subscription-start__card-feature-box__title {
margin-bottom: 15px;
}
.pc-subscription-start .gc-page__container .pc-subscription-start__card-feature-box .pc-subscription-start__card-feature-box__sub-text {
margin-bottom: 41px;
}
.pc-subscription-start .gc-page__container {
padding-bottom: 60px;
}
@media (max-width: 320px) {
.pc-subscription-start .gc-header-page {
padding-bottom: 50px;
}
.pc-subscription-start .gc-page__container {
padding-bottom: 60px;
}
}
@media (min-width: 992px) {
.pc-subscription-start {
background-color: #f7e3ce;
}
.pc-subscription-start .gc-page__container .pc-subscription-start__card-feature-box {
color: #003314;
}
.pc-subscription-start.gc-page-image-cover .gc-page__content {
padding-top: 0 !important;
}
}
.pc-already-subscribed {
display: flex;
justify-content: center;
height: 100vh;
flex-direction: column;
align-items: center;
background-color: #f7e3ce;
color: #003314;
}
.pc-already-subscribed__content {
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 20px;
}
.pc-already-subscribed__icon {
margin-bottom: 28px;
}
.pc-already-subscribed__icon svg {
height: 120px;
width: 120px;
}
.pc-already-subscribed__icon svg path {
fill: #003314;
}
.pc-already-subscribed__title {
margin-bottom: 8px;
}
.pc-already-subscribed__description {
margin-bottom: 32px;
}
.pc-already-subscribed__button-back {
min-width: 126px;
border-color: #003314;
color: #003314;
}
.pc-already-subscribed__button-back:active {
background-color: transparent;
box-shadow: none;
}
/**
* progress
*/
.pc-progress {
background-color: #f7e3ce;
}
.pc-progress-start .gc-header-page svg path, .pc-progress-thank-you .gc-header-page svg path {
fill: #FFFFFF;
}
.gc-page-weight.pc-progress .gc-input-weight__unit-selector-wrapper {
display: none;
}
.pc-progress-process .gc-page__content {
height: 100vh;
}
.pc-progress-thank-you {
background-color: inherit;
}
.pc-progress-thank-you .pc-progress-thank-you__background-image-wrapper .pc-progress-thank-you__background-image {
background-repeat: no-repeat;
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
max-height: 856px;
background-position: top;
top: 0;
background-position-y: 0 !important;
background-size: cover !important;
}
.pc-progress-thank-you .gc-page__container {
padding: 0 36px;
padding-top: 196px;
}
.pc-progress-thank-you .gc-page__container .pc-progress-thank-you__card-feature-box {
text-align: center;
color: #FFFFFF;
background: rgba(0, 0, 0, 0);
border-radius: 10px;
padding: 40px 36px;
}
.pc-progress-thank-you .gc-page__container .pc-progress-thank-you__card-feature-box .pc-progress-thank-you__card-feature-box__title {
margin-bottom: 22px;
}
.pc-progress-thank-you .gc-page__container .pc-progress-thank-you__card-feature-box .pc-progress-thank-you__card-feature-box__sub-text {
margin-bottom: 41px;
}
.pc-progress-thank-you .gc-page__container {
padding-bottom: 60px;
}
@media (min-width: 992px) {
.pc-progress-thank-you {
background-color: #f7e3ce;
}
.pc-progress-thank-you .gc-page__container .pc-progress-thank-you__card-feature-box {
color: #003314;
}
}
@media (max-width: 320px) {
.pc-progress-thank-you .gc-page__container {
padding-top: 100px;
padding-bottom: 60px;
}
}
.pc-progress-start {
background-color: inherit;
}
.pc-progress-start .pc-progress-start__background-image-wrapper .pc-progress-start__background-image {
background-repeat: no-repeat;
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
max-height: 856px;
background-position: top;
top: 0;
background-position-y: 0 !important;
background-size: cover !important;
}
.pc-progress-start .gc-page__container {
padding: 0 36px;
}
.pc-progress-start .gc-page__container .pc-progress-start__card-feature-box {
text-align: center;
color: #FFFFFF;
background: rgba(0, 0, 0, 0);
border-radius: 10px;
padding: 40px 36px;
margin-top: 91px;
}
.pc-progress-start .gc-page__container .pc-progress-start__card-feature-box .pc-progress-start__card-feature-box__title {
margin-bottom: 15px;
}
.pc-progress-start .gc-page__container .pc-progress-start__card-feature-box .pc-progress-start__card-feature-box__sub-text {
margin-bottom: 41px;
}
@media (min-width: 992px) {
.pc-progress-start {
background-color: #f7e3ce;
}
.pc-progress-start .gc-page__container .pc-progress-start__card-feature-box {
color: #003314;
}
}
html[dir=rtl] .page-progress-start .gc-header-page {
flex-direction: row-reverse;
}
html[dir=rtl] .page-progress-start .gc-header__left-icon-backward {
transform: unset;
}
.pc-progress-start .gc-page__container {
padding-bottom: 60px;
}
@media (max-width: 320px) {
.pc-progress-start .gc-header-page {
padding-bottom: 50px;
}
.pc-progress-start .gc-page__container {
padding-bottom: 60px;
}
}
.pc-progress-body-measurements__header {
margin-top: 40px;
margin-bottom: 32px;
}
.pc-progress-body-measurements__title {
color: #003314;
margin-bottom: 4px;
}
.pc-progress-body-measurements__sub-title {
color: #003314;
}
.pc-progress-body-measurements__label {
margin-bottom: 8px;
color: #003314;
}
.pc-progress-body-measurements__input {
margin-bottom: 28px;
}
.pc-progress-body-measurements__footer-link {
margin-top: 22px;
margin-bottom: 30px;
color: #003314;
}
html[dir=rtl] .pc-progress-body-measurements__label {
text-align: right;
}
.intruduction-popup__status-wrapper {
display: flex;
align-items: center;
margin-bottom: 28px;
}
.intruduction-popup__header {
margin-bottom: 20px;
}
.intruduction-popup__sub-header {
margin-bottom: 8px;
}
.intruduction-popup__status-icon {
margin-right: 12px;
float: right;
}
.intruduction-popup__status-icon svg path {
fill: #003314;
}
.intruduction-popup__status-text {
float: left;
margin-left: -30px;
}
@media (min-width: 992px) {
.intruduction-popup__status-icon:hover {
opacity: 1;
cursor: initial;
}
}
html[dir=rtl] .intruduction-popup__content {
text-align: right;
}
html[dir=rtl] .intruduction-popup__status-text {
float: right;
margin-right: -30px;
}
html[dir=rtl] .intruduction-popup__status-icon {
float: left;
margin-left: 12px;
}
html[dir=rtl] .intruduction-popup__arrow-icon {
transform: rotate(180deg);
}
.gc-habits-tracker__calander {
padding-right: env(safe-area-inset-right);
padding-left: env(safe-area-inset-left);
margin-bottom: 6px;
}
@media (min-width: 768px) {
.gc-habits-tracker__calander {
margin-top: 36px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.gc-habits-tracker__habits-list {
width: 560px;
margin: auto;
}
}
@media (min-width: 992px) {
.gc-habits-tracker__habits-list {
width: 540px;
margin: auto;
}
.gc-habits-tracker__calander {
margin-bottom: 2px;
}
}
.pc-invite-a-friend .gc-page__container {
padding-bottom: 100px !important;
}
.pc-invitaion-notification.gc-button-primary-forward {
box-shadow: none;
font-size: 12px;
font-weight: 700;
padding: 12px 20px;
line-height: 1.6;
background-color: #003314;
color: #fff;
}
.pc-invitaion-notification.gc-button-primary-forward .gc-button-primary-forward__left-section .rc-icon {
margin-right: 8px;
}
.pc-invitaion-notification.gc-button-primary-forward .rc-icon-list svg {
width: 16px;
height: 16px;
}
.pc-invitaion-notification.gc-button-primary-forward .rc-icon-forward svg {
width: 12px;
height: 12px;
}
.pc-invitaion-notification.gc-button-primary-forward svg path {
fill: #fff !important;
}
.pc-invite-a-friend .gc-page__content-image img {
min-height: 200px;
max-height: 260px;
object-fit: cover;
}
.pc-invite-a-friend__title {
padding-bottom: 16px;
color: #003314;
}
.pc-invite-a-friend__description {
color: #003314;
}
.pc-invite-a-friend__description .rc-text-content span[style] {
font-size: 12px !important;
line-height: 1.6 !important;
}
@media screen and (min-width: 568px) {
.pc-invitaion-notification.gc-button-primary-forward {
padding-right: calc(20px + env(safe-area-inset-right)) !important;
padding-left: calc(20px + env(safe-area-inset-left)) !important;
}
}
@media screen and (min-width: 768px) {
.pc-invite-a-friend__button-invite {
width: initial;
min-width: 335px;
margin: auto;
}
}
@media screen and (min-width: 992px) {
.pc-invitaion-notification.gc-button-primary-forward {
justify-content: center;
}
.pc-invitaion-notification .gc-button-primary-forward__right-section {
margin-left: 8px;
}
}
html[dir=rtl] .pc-invitaion-notification.gc-button-primary-forward .gc-button-primary-forward__left-section .rc-icon {
margin-right: 0;
margin-left: 8px;
}
html[dir=rtl] .pc-invite-a-friend .gc-page__container {
text-align: right;
}
@media screen and (min-width: 992px) {
html[dir=rtl] .pc-invitaion-notification .gc-button-primary-forward__right-section {
margin-right: 8px;
margin-left: 0;
}
}
.pc-list-invitation {
padding: 20px 0;
border-bottom: 1px solid #003314;
border-color: #003314;
color: #003314;
}
.pc-list-invitation__empty-list {
padding-top: 76px;
text-align: center;
color: #003314;
}
html[dir=rtl] .pc-list-invitation {
text-align: right;
}
.pc-add-new-password .gc-page-image-cover__background-image, .pc-sign-in .gc-page-image-cover__background-image, .pc-request-new-password .gc-page-image-cover__background-image {
min-height: 100vh;
}
.pc-add-new-password .gc-page-image-cover__background-image::after, .pc-sign-in .gc-page-image-cover__background-image::after, .pc-request-new-password .gc-page-image-cover__background-image::after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.371094) 39.04%, #f7e3ce 100%);
}
.pc-add-new-password .gc-page-image-cover-header-empty-gap, .pc-sign-in .gc-page-image-cover-header-empty-gap, .pc-request-new-password .gc-page-image-cover-header-empty-gap {
display: none;
}
.pc-sign-in__logo, .pc-request-new-password__logo, .pc-add-new-password__logo {
width: 240px;
margin-left: 15px;
margin-top: 0;
position: absolute;
left: 0;
}
.pc-sign-in__logo img, .pc-request-new-password__logo img, .pc-add-new-password__logo img {
width: 140px;
transform: rotate(-90deg);
margin-left: -30px;
margin-top: 60px;
}
.pc-sign-in__logo, .pc-request-new-password__logo, .pc-add-new-password__logo {
height: auto;
width: auto;
text-align: center;
position: absolute;
top: 0;
left: inherit;
right: 10px;
padding-top: env(safe-area-inset-top) !important;
}
.pc-sign-in__logo img, .pc-request-new-password__logo img, .pc-add-new-password__logo img {
transform: inherit;
margin-left: -120px;
margin-top: 0;
padding-top: 20px !important;
width: auto;
height: 86px;
}
.pc-sign-in__card-sign-in, .pc-request-new-password__card-sign-in, .pc-add-new-password__card-sign-in {
margin-top: 304px;
}
.pc-sign-in__card-sign-in .pc-sign-in__header, .pc-sign-in__card-sign-in .pc-request-new-password__header, .pc-sign-in__card-sign-in .pc-add-new-password__header, .pc-request-new-password__card-sign-in .pc-sign-in__header, .pc-request-new-password__card-sign-in .pc-request-new-password__header, .pc-request-new-password__card-sign-in .pc-add-new-password__header, .pc-add-new-password__card-sign-in .pc-sign-in__header, .pc-add-new-password__card-sign-in .pc-request-new-password__header, .pc-add-new-password__card-sign-in .pc-add-new-password__header {
margin-bottom: 16px;
color: #FFFFFF !important;
}
.pc-sign-in__card-sign-in .pc-sign-in__inputs, .pc-sign-in__card-sign-in .pc-request-new-password__inputs, .pc-sign-in__card-sign-in .pc-add-new-password__inputs, .pc-request-new-password__card-sign-in .pc-sign-in__inputs, .pc-request-new-password__card-sign-in .pc-request-new-password__inputs, .pc-request-new-password__card-sign-in .pc-add-new-password__inputs, .pc-add-new-password__card-sign-in .pc-sign-in__inputs, .pc-add-new-password__card-sign-in .pc-request-new-password__inputs, .pc-add-new-password__card-sign-in .pc-add-new-password__inputs {
margin-bottom: 24px;
}
.pc-sign-in__card-sign-in .pc-sign-in__inputs .form-group, .pc-sign-in__card-sign-in .pc-request-new-password__inputs .form-group, .pc-sign-in__card-sign-in .pc-add-new-password__inputs .form-group, .pc-request-new-password__card-sign-in .pc-sign-in__inputs .form-group, .pc-request-new-password__card-sign-in .pc-request-new-password__inputs .form-group, .pc-request-new-password__card-sign-in .pc-add-new-password__inputs .form-group, .pc-add-new-password__card-sign-in .pc-sign-in__inputs .form-group, .pc-add-new-password__card-sign-in .pc-request-new-password__inputs .form-group, .pc-add-new-password__card-sign-in .pc-add-new-password__inputs .form-group {
margin-bottom: 16px;
}
.pc-sign-in__card-sign-in .pc-sign-in__inputs .form-group .gc-text-input .gc-text-input__input, .pc-sign-in__card-sign-in .pc-request-new-password__inputs .form-group .gc-text-input .gc-text-input__input, .pc-sign-in__card-sign-in .pc-add-new-password__inputs .form-group .gc-text-input .gc-text-input__input, .pc-request-new-password__card-sign-in .pc-sign-in__inputs .form-group .gc-text-input .gc-text-input__input, .pc-request-new-password__card-sign-in .pc-request-new-password__inputs .form-group .gc-text-input .gc-text-input__input, .pc-request-new-password__card-sign-in .pc-add-new-password__inputs .form-group .gc-text-input .gc-text-input__input, .pc-add-new-password__card-sign-in .pc-sign-in__inputs .form-group .gc-text-input .gc-text-input__input, .pc-add-new-password__card-sign-in .pc-request-new-password__inputs .form-group .gc-text-input .gc-text-input__input, .pc-add-new-password__card-sign-in .pc-add-new-password__inputs .form-group .gc-text-input .gc-text-input__input {
background-color: transparent;
color: #FFFFFF;
border-color: #FFFFFF;
}
.pc-sign-in__card-sign-in .pc-sign-in__inputs .form-group .gc-text-input .gc-text-input__input::placeholder, .pc-sign-in__card-sign-in .pc-request-new-password__inputs .form-group .gc-text-input .gc-text-input__input::placeholder, .pc-sign-in__card-sign-in .pc-add-new-password__inputs .form-group .gc-text-input .gc-text-input__input::placeholder, .pc-request-new-password__card-sign-in .pc-sign-in__inputs .form-group .gc-text-input .gc-text-input__input::placeholder, .pc-request-new-password__card-sign-in .pc-request-new-password__inputs .form-group .gc-text-input .gc-text-input__input::placeholder, .pc-request-new-password__card-sign-in .pc-add-new-password__inputs .form-group .gc-text-input .gc-text-input__input::placeholder, .pc-add-new-password__card-sign-in .pc-sign-in__inputs .form-group .gc-text-input .gc-text-input__input::placeholder, .pc-add-new-password__card-sign-in .pc-request-new-password__inputs .form-group .gc-text-input .gc-text-input__input::placeholder, .pc-add-new-password__card-sign-in .pc-add-new-password__inputs .form-group .gc-text-input .gc-text-input__input::placeholder {
color: rgba(255, 255, 255, 0.8);
}
.pc-sign-in__card-sign-in .pc-sign-in__inputs .form-group .gc-text-input__error, .pc-sign-in__card-sign-in .pc-request-new-password__inputs .form-group .gc-text-input__error, .pc-sign-in__card-sign-in .pc-add-new-password__inputs .form-group .gc-text-input__error, .pc-request-new-password__card-sign-in .pc-sign-in__inputs .form-group .gc-text-input__error, .pc-request-new-password__card-sign-in .pc-request-new-password__inputs .form-group .gc-text-input__error, .pc-request-new-password__card-sign-in .pc-add-new-password__inputs .form-group .gc-text-input__error, .pc-add-new-password__card-sign-in .pc-sign-in__inputs .form-group .gc-text-input__error, .pc-add-new-password__card-sign-in .pc-request-new-password__inputs .form-group .gc-text-input__error, .pc-add-new-password__card-sign-in .pc-add-new-password__inputs .form-group .gc-text-input__error {
margin-top: 4px;
}
.pc-sign-in__card-sign-in .pc-sign-in__buttons, .pc-sign-in__card-sign-in .pc-request-new-password__buttons, .pc-sign-in__card-sign-in .pc-add-new-password__buttons, .pc-request-new-password__card-sign-in .pc-sign-in__buttons, .pc-request-new-password__card-sign-in .pc-request-new-password__buttons, .pc-request-new-password__card-sign-in .pc-add-new-password__buttons, .pc-add-new-password__card-sign-in .pc-sign-in__buttons, .pc-add-new-password__card-sign-in .pc-request-new-password__buttons, .pc-add-new-password__card-sign-in .pc-add-new-password__buttons {
margin-bottom: 24px;
}
.pc-sign-in__card-sign-in .pc-sign-in__buttons .pc-request-new-password__buttons-back, .pc-sign-in__card-sign-in .pc-sign-in__buttons .pc-add-new-password__buttons-back, .pc-sign-in__card-sign-in .pc-request-new-password__buttons .pc-request-new-password__buttons-back, .pc-sign-in__card-sign-in .pc-request-new-password__buttons .pc-add-new-password__buttons-back, .pc-sign-in__card-sign-in .pc-add-new-password__buttons .pc-request-new-password__buttons-back, .pc-sign-in__card-sign-in .pc-add-new-password__buttons .pc-add-new-password__buttons-back, .pc-request-new-password__card-sign-in .pc-sign-in__buttons .pc-request-new-password__buttons-back, .pc-request-new-password__card-sign-in .pc-sign-in__buttons .pc-add-new-password__buttons-back, .pc-request-new-password__card-sign-in .pc-request-new-password__buttons .pc-request-new-password__buttons-back, .pc-request-new-password__card-sign-in .pc-request-new-password__buttons .pc-add-new-password__buttons-back, .pc-request-new-password__card-sign-in .pc-add-new-password__buttons .pc-request-new-password__buttons-back, .pc-request-new-password__card-sign-in .pc-add-new-password__buttons .pc-add-new-password__buttons-back, .pc-add-new-password__card-sign-in .pc-sign-in__buttons .pc-request-new-password__buttons-back, .pc-add-new-password__card-sign-in .pc-sign-in__buttons .pc-add-new-password__buttons-back, .pc-add-new-password__card-sign-in .pc-request-new-password__buttons .pc-request-new-password__buttons-back, .pc-add-new-password__card-sign-in .pc-request-new-password__buttons .pc-add-new-password__buttons-back, .pc-add-new-password__card-sign-in .pc-add-new-password__buttons .pc-request-new-password__buttons-back, .pc-add-new-password__card-sign-in .pc-add-new-password__buttons .pc-add-new-password__buttons-back {
margin-top: 20px;
background-color: transparent;
box-shadow: none;
border: 1px solid #003314;
border-color: #003314;
color: #003314;
height: 57px;
}
.pc-sign-in__card-sign-in .pc-sign-in__register, .pc-request-new-password__card-sign-in .pc-sign-in__register, .pc-add-new-password__card-sign-in .pc-sign-in__register {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 24px;
}
.pc-sign-in__card-sign-in .pc-sign-in__register .pc-sign-in__register-button, .pc-request-new-password__card-sign-in .pc-sign-in__register .pc-sign-in__register-button, .pc-add-new-password__card-sign-in .pc-sign-in__register .pc-sign-in__register-button {
width: auto;
margin-right: 4px;
color: #003314;
}
.pc-sign-in__card-sign-in .pc-sign-in__register .pc-sign-in__register-icon svg path, .pc-request-new-password__card-sign-in .pc-sign-in__register .pc-sign-in__register-icon svg path, .pc-add-new-password__card-sign-in .pc-sign-in__register .pc-sign-in__register-icon svg path {
fill: #003314;
}
.pc-sign-in__card-sign-in .pc-sign-in__frogot-passowrd, .pc-request-new-password__card-sign-in .pc-sign-in__frogot-passowrd, .pc-add-new-password__card-sign-in .pc-sign-in__frogot-passowrd {
margin-bottom: 24px;
text-align: center;
}
.pc-sign-in__card-sign-in .pc-sign-in__frogot-passowrd .gc-button-link, .pc-request-new-password__card-sign-in .pc-sign-in__frogot-passowrd .gc-button-link, .pc-add-new-password__card-sign-in .pc-sign-in__frogot-passowrd .gc-button-link {
width: fit-content;
}
.pc-sign-in__card-sign-in .pc-sign-in__frogot-passowrd .gc-button-link .rc-text-content, .pc-request-new-password__card-sign-in .pc-sign-in__frogot-passowrd .gc-button-link .rc-text-content, .pc-add-new-password__card-sign-in .pc-sign-in__frogot-passowrd .gc-button-link .rc-text-content {
text-decoration: none;
color: #003314;
}
.pc-sign-in__card-sign-in .pc-sign-in__popup-links, .pc-request-new-password__card-sign-in .pc-sign-in__popup-links, .pc-add-new-password__card-sign-in .pc-sign-in__popup-links {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.pc-sign-in__card-sign-in .pc-sign-in__popup-links .gc-button-link, .pc-request-new-password__card-sign-in .pc-sign-in__popup-links .gc-button-link, .pc-add-new-password__card-sign-in .pc-sign-in__popup-links .gc-button-link {
margin-bottom: 10px;
width: fit-content;
}
.pc-sign-in__card-sign-in .pc-sign-in__popup-links .gc-button-link .rc-text-content, .pc-request-new-password__card-sign-in .pc-sign-in__popup-links .gc-button-link .rc-text-content, .pc-add-new-password__card-sign-in .pc-sign-in__popup-links .gc-button-link .rc-text-content {
text-decoration: none;
color: #003314;
font-weight: 400;
}
@media (min-width: 768px) and (max-width: 992px) {
.pc-sign-in .gc-page__container, .pc-request-new-password .gc-page__container, .pc-add-new-password .gc-page__container {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.pc-sign-in .pc-sign-in__card-sign-in, .pc-sign-in .pc-request-new-password__card-sign-in, .pc-sign-in .pc-add-new-password__card-sign-in, .pc-request-new-password .pc-sign-in__card-sign-in, .pc-request-new-password .pc-request-new-password__card-sign-in, .pc-request-new-password .pc-add-new-password__card-sign-in, .pc-add-new-password .pc-sign-in__card-sign-in, .pc-add-new-password .pc-request-new-password__card-sign-in, .pc-add-new-password .pc-add-new-password__card-sign-in {
margin-top: 100px;
}
}
@media (min-width: 992px) {
.pc-sign-in .gc-page__content, .pc-request-new-password .gc-page__content, .pc-add-new-password .gc-page__content {
padding-top: 0 !important;
min-height: 0;
}
.pc-sign-in .gc-page-image-cover__row, .pc-request-new-password .gc-page-image-cover__row, .pc-add-new-password .gc-page-image-cover__row {
align-items: center;
}
.pc-sign-in .gc-page-image-cover-featured-image, .pc-request-new-password .gc-page-image-cover-featured-image, .pc-add-new-password .gc-page-image-cover-featured-image {
height: 100vh;
}
.pc-sign-in .pc-sign-in__card-sign-in, .pc-sign-in .pc-request-new-password__card-sign-in, .pc-sign-in .pc-add-new-password__card-sign-in, .pc-request-new-password .pc-sign-in__card-sign-in, .pc-request-new-password .pc-request-new-password__card-sign-in, .pc-request-new-password .pc-add-new-password__card-sign-in, .pc-add-new-password .pc-sign-in__card-sign-in, .pc-add-new-password .pc-request-new-password__card-sign-in, .pc-add-new-password .pc-add-new-password__card-sign-in {
margin-top: 0px;
width: 320px;
}
.pc-sign-in .pc-sign-in__card-sign-in .pc-sign-in__header .rc-text-content, .pc-sign-in .pc-sign-in__card-sign-in .pc-request-new-password__header .rc-text-content, .pc-sign-in .pc-sign-in__card-sign-in .pc-add-new-password__header .rc-text-content, .pc-sign-in .pc-request-new-password__card-sign-in .pc-sign-in__header .rc-text-content, .pc-sign-in .pc-request-new-password__card-sign-in .pc-request-new-password__header .rc-text-content, .pc-sign-in .pc-request-new-password__card-sign-in .pc-add-new-password__header .rc-text-content, .pc-sign-in .pc-add-new-password__card-sign-in .pc-sign-in__header .rc-text-content, .pc-sign-in .pc-add-new-password__card-sign-in .pc-request-new-password__header .rc-text-content, .pc-sign-in .pc-add-new-password__card-sign-in .pc-add-new-password__header .rc-text-content, .pc-request-new-password .pc-sign-in__card-sign-in .pc-sign-in__header .rc-text-content, .pc-request-new-password .pc-sign-in__card-sign-in .pc-request-new-password__header .rc-text-content, .pc-request-new-password .pc-sign-in__card-sign-in .pc-add-new-password__header .rc-text-content, .pc-request-new-password .pc-request-new-password__card-sign-in .pc-sign-in__header .rc-text-content, .pc-request-new-password .pc-request-new-password__card-sign-in .pc-request-new-password__header .rc-text-content, .pc-request-new-password .pc-request-new-password__card-sign-in .pc-add-new-password__header .rc-text-content, .pc-request-new-password .pc-add-new-password__card-sign-in .pc-sign-in__header .rc-text-content, .pc-request-new-password .pc-add-new-password__card-sign-in .pc-request-new-password__header .rc-text-content, .pc-request-new-password .pc-add-new-password__card-sign-in .pc-add-new-password__header .rc-text-content, .pc-add-new-password .pc-sign-in__card-sign-in .pc-sign-in__header .rc-text-content, .pc-add-new-password .pc-sign-in__card-sign-in .pc-request-new-password__header .rc-text-content, .pc-add-new-password .pc-sign-in__card-sign-in .pc-add-new-password__header .rc-text-content, .pc-add-new-password .pc-request-new-password__card-sign-in .pc-sign-in__header .rc-text-content, .pc-add-new-password .pc-request-new-password__card-sign-in .pc-request-new-password__header .rc-text-content, .pc-add-new-password .pc-request-new-password__card-sign-in .pc-add-new-password__header .rc-text-content, .pc-add-new-password .pc-add-new-password__card-sign-in .pc-sign-in__header .rc-text-content, .pc-add-new-password .pc-add-new-password__card-sign-in .pc-request-new-password__header .rc-text-content, .pc-add-new-password .pc-add-new-password__card-sign-in .pc-add-new-password__header .rc-text-content {
color: #003314 !important;
}
.pc-sign-in .gc-page__container, .pc-request-new-password .gc-page__container, .pc-add-new-password .gc-page__container {
display: flex;
justify-content: center;
height: initial;
flex-direction: initial;
}
.pc-sign-in .pc-sign-in__logo, .pc-sign-in .pc-request-new-password__logo, .pc-sign-in .pc-add-new-password__logo, .pc-request-new-password .pc-sign-in__logo, .pc-request-new-password .pc-request-new-password__logo, .pc-request-new-password .pc-add-new-password__logo, .pc-add-new-password .pc-sign-in__logo, .pc-add-new-password .pc-request-new-password__logo, .pc-add-new-password .pc-add-new-password__logo {
width: fit-content;
height: fit-content;
position: unset;
box-shadow: none;
background-color: transparent;
margin-bottom: 4px;
margin-left: auto;
margin-right: auto;
}
.pc-sign-in .pc-sign-in__logo img, .pc-sign-in .pc-request-new-password__logo img, .pc-sign-in .pc-add-new-password__logo img, .pc-request-new-password .pc-sign-in__logo img, .pc-request-new-password .pc-request-new-password__logo img, .pc-request-new-password .pc-add-new-password__logo img, .pc-add-new-password .pc-sign-in__logo img, .pc-add-new-password .pc-request-new-password__logo img, .pc-add-new-password .pc-add-new-password__logo img {
padding-top: 0 !important;
height: 60px;
width: auto;
margin-left: 0;
margin-right: 0;
transform: rotate(0deg) !important;
}
.pc-sign-in .gc-text-input__input, .pc-request-new-password .gc-text-input__input, .pc-add-new-password .gc-text-input__input {
color: #003314 !important;
border-color: #003314 !important;
}
.pc-sign-in .gc-text-input__input::placeholder, .pc-request-new-password .gc-text-input__input::placeholder, .pc-add-new-password .gc-text-input__input::placeholder {
color: #003314 !important;
}
.pc-sign-in .gc-page-image-cover-featured-image, .pc-request-new-password .gc-page-image-cover-featured-image, .pc-add-new-password .gc-page-image-cover-featured-image {
max-height: 100vh;
}
}
html[dir=rtl] .pc-sign-in .pc-sign-in__register .pc-sign-in__register-button {
margin-right: 0;
margin-left: 4px;
}
html[dir=rtl] .pc-sign-in .pc-sign-in__register .pc-sign-in__register-icon {
transform: scaleX(-1);
}
.pc-skeleton-sign-in__card .pc-skeleton-password-request__title, .pc-skeleton-sign-in__card .pc-skeleton-password-request__button {
display: none;
}
.pc-skeleton-sign-in__card .pc-skeleton-sign-in__card-logo .gc-placeholder {
margin: auto;
margin-bottom: 16px;
}
.pc-skeleton-sign-in__card .pc-skeleton-sign-in__card-inputs .gc-placeholder {
margin-bottom: 16px;
}
.pc-skeleton-sign-in__card .pc-skeleton-sign-in__card-button {
margin-top: 24px;
margin-bottom: 24px;
}
.pc-skeleton-sign-in__card .pc-skeleton-sign-in__card-info .gc-placeholder {
margin: auto;
margin-bottom: 34px;
}
.pc-skeleton-sign-in__card .pc-skeleton-sign-in__card-info-second .gc-placeholder {
margin: auto;
margin-bottom: 24px;
}
.pc-skeleton-password-request .pc-skeleton-password-request__title, .pc-skeleton-password-request .pc-skeleton-password-request__button {
display: block;
}
.pc-skeleton-password-request .pc-skeleton-password-request__button {
margin-bottom: 24px;
}
.pc-skeleton-password-request .pc-skeleton-sign-in__card-inputs-first, .pc-skeleton-password-request .pc-skeleton-sign-in__card-info, .pc-skeleton-password-request .pc-skeleton-sign-in__card-info-second {
display: none;
}
.pc-page-account-deletion-confirm {
text-align: center;
padding: 20px;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.pc-page-account-deletion-confirm .rc-button {
max-width: 390px;
}
.pc-account-deletion__title, .pc-account-deletion__email-input, .pc-account-deletion__description {
margin-bottom: 24px;
}
/**
* progress
*/
.pc-popup-member-disconnect-confirm__head {
text-align: center;
color: #003314;
}
.pc-popup-member-disconnect-confirm__title {
margin-bottom: 20px;
}
.gc-navigation-bar__tab {
margin-left: -5px;
margin-right: -5px;
}
.gc-navigation-bar__tab .pc-notification-tab-row {
background-color: var(--bg-infoPages);
text-align: center;
border-bottom: 1px solid var(--button-secondary-outline-and-text);
border-color: var(--button-secondary-outline-and-text);
}
.gc-navigation-bar__tab .pc-notification-tab-row .pc-notification-tab-row__tab.pc-notification-tab-row__tab {
padding: 8px 0;
padding-right: 15px;
padding-left: 15px;
}
.gc-navigation-bar__tab .pc-notification-tab-row .pc-notification-tab-row__tab.pc-notification-tab-row__tab .pc-notification-tab-row__tab-single-tab {
color: var(--text-primary-on-bg);
}
.gc-navigation-bar__tab .pc-notification-tab-row .pc-notification-tab-row__tab.pc-notification-tab-row__tab--active {
content: "";
border-bottom: 1px solid;
border-color: var(--selected-state);
width: 100%;
display: block;
position: absolute;
bottom: 0;
box-shadow: 0 1px 8px -4px rgba(33, 38, 38, 0.5);
}
.community-notification-container-wrap div .pc-notification-list-item :last-child {
border-bottom: initial;
}
.pc-notification-list-item {
display: flex;
justify-content: space-between;
padding: 16px 20px;
background-color: var(--bg-infoPage);
align-items: center;
border-bottom: 1px solid var(--text-area-bg-outline);
}
.pc-notification-list-item .pc-notification-list-item__left-section {
display: flex;
}
.pc-notification-list-item .pc-notification-list-item__right-section svg path {
fill: var(--text-primary-on-bg);
}
.pc-notification-list-item .pc-notification-list-item__icon {
position: relative;
width: 36px;
height: 36px;
min-width: 36px;
border: 2px solid var(--text-primary-on-bg-opacity-40);
border-radius: 50%;
text-align: center;
line-height: 34px;
display: block;
margin-right: 16px;
}
.pc-notification-list-item .pc-notification-list-item__icon .rc-text-content {
font-weight: 700;
line-height: 34px;
color: var(--text-primary-on-bg);
}
.pc-notification-list-item .pc-notification-list-item__icon--crown .rc-icon-crown {
position: absolute;
right: -8px;
bottom: -1px;
padding: 4px;
background-color: var(--important-labels);
border-radius: 50%;
}
.pc-notification-list-item .pc-notification-list-item__icon--crown .rc-icon-crown svg {
width: 8px;
height: 8px;
}
.pc-notification-list-item .pc-notification-list-item__icon--crown .rc-icon-crown svg path {
fill: #fff;
}
.pc-notification-list-item .pc-notification-list-item__content {
margin-right: 12px;
}
.pc-notification-list-item .pc-notification-list-item__content .rc-text-content span {
font-weight: 700;
}
.pc-notification-list-item .pc-notification-list-item__content-user-icon .rc-text-content {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.pc-notification-list-item .pc-notification-list-item__content-user-content .rc-text-content {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.pc-notification-list-item .pc-notification-list-item__content-user-timestamp .rc-text-content {
color: var(--text-secondary-on-bg);
}
.pc-notification-list-item--active {
border-left: 5px solid var(--button-primary);
background-color: var(--button-primary-opacity-40);
}
.pc-notification-list-item--active .pc-notification-list-item__content-user-timestamp .rc-text-content {
display: inline-block;
position: relative;
}
.pc-notification-list-item--active .pc-notification-list-item__content-user-timestamp .rc-text-content::after {
content: "";
display: block;
width: 6px;
height: 6px;
background-color: var(--button-primary);
border-radius: 50%;
position: absolute;
right: -12px;
top: 2px;
bottom: 0;
margin: auto;
}
.pc-dashboard-notification-desktop-icon-wrap {
display: none;
}
@media (min-width: 768px) {
.pc-dashboard-notification-desktop-icon-wrap {
position: relative;
display: block;
}
.pc-dashboard-notification-desktop-icon-wrap .pc-dashboard__nav-bar-header-bell-icon {
position: absolute !important;
right: 24px;
top: 24px;
z-index: 9;
display: block;
}
.pc-dashboard-notification-desktop-icon-wrap .pc-dashboard__nav-bar-header-bell-icon svg path {
fill: var(--cover-images-content);
}
.pc-dashboard-notification-desktop-icon-wrap .pc-dashboard__nav-bar-header-bell-icon--active .rc-icon::after {
content: "";
display: block;
width: 6px;
height: 6px;
background-color: var(--cover-images-content);
border-radius: 50%;
position: absolute;
}
.pc-notifications .gc-page__content {
width: 700px;
margin: auto;
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-top: 36px;
overflow: hidden;
}
.gc-navigation-bar__tab {
margin: initial;
}
.pc-notifications .pc-notifications__container {
width: initial;
}
.pc-notification-list-item:hover, .gc-navigation-bar__tab:hover {
cursor: pointer;
}
}
@media (min-width: 1200px) {
.pc-notifications .gc-page__content {
width: 860px;
}
}
/**
* food diary
*/
.pc-food-dairy-log-meals {
overflow-x: hidden;
scroll-behavior: smooth;
}
.pc-food-dairy-log-meals__remaining-ntr {
width: 100%;
text-align: center;
margin-bottom: 8px;
}
.pc-food-dairy-log-meals .meal-plan_day-slider-box {
height: 40px;
border: 1px solid #003314;
border-radius: 10px;
margin-right: 10px;
display: flex !important;
justify-content: center;
align-items: center;
outline: none;
}
.pc-food-dairy-log-meals .gc-header-page .gc-header__right-icon svg {
width: 24px;
height: 24px;
}
.pc-food-dairy-log-meals .gc-header-page .gc-header__title .rc-text-content--size-lg1 {
font-size: 22px;
}
.pc-food-dairy-log-meals .pc-container-meal-plan-meal-log .meal-plan_day-slider {
padding-top: 28px;
padding-bottom: 4px;
}
.pc-food-dairy-log-meals .pc-container-meal-plan-meal-log .meal-plan_day-slider .slick-track {
margin-left: 20px;
}
.pc-food-dairy-log-meals .meal-plan_day-slider.slick-initialized {
padding-top: 24px;
}
.pc-food-dairy-log-meals .meal-plan_day-slider .slick-slide {
width: 85px;
margin-right: 12px;
}
.pc-food-dairy-log-meals .meal-plan_day-slider .slick-slide:last-child {
margin-right: 0;
}
.pc-food-dairy-log-meals .meal-plan_day-slider-box {
width: 85px;
}
.pc-food-dairy-log-meals .meal-plan_day-slider-box {
color: rgba(0, 51, 20, 0.4);
border-color: rgba(0, 51, 20, 0.4);
}
.pc-food-dairy-log-meals .meal-plan_day-slider-box.day-slider-box--active {
background-color: #003314 !important;
color: #fff;
border-color: #003314 !important;
}
.pc-food-dairy-log-meals .meal-plan_day-slider-box:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-food-dairy-log-meals .meal-plan_day-slider--disabled {
margin-left: 20px;
}
.pc-food-dairy-log-meals .gc-nutrition-details-bar__values-wrapper {
padding: 0;
color: #003314;
}
.pc-food-dairy-log-meals .pc-container-saved-meals__empty-message {
color: #003314;
}
.pc-food-dairy-log-meals .pc-container-meal-plan-meal-log-form .gc-text-input__input::placeholder, .pc-food-dairy-log-meals .pc-container-meal-plan-meal-log-form .gc-input-measurement__input::placeholder {
opacity: 0.5;
color: #003314;
}
.pc-food-dairy-log-meals .pc-container-meal-plan-meal-log-form__saved-area {
display: flex;
justify-content: center;
align-items: center;
padding-top: 24px;
padding-bottom: 32px;
}
.pc-food-dairy-log-meals .pc-container-meal-plan-meal-log-form__saved-area .gc-input-checkbox-squared {
height: 20px;
width: 20px;
}
.pc-food-dairy-log-meals .pc-container-meal-plan-meal-log-form__saved-area .rc-text-content {
padding-left: 10px;
color: #003314;
}
.pc-food-dairy-log-meals .pc-container-meal-plan-meal-log-form .pc-food-dairy-image-input__add-image-box.pc-food-dairy-image-input__add-image-box-uploaded svg path {
fill: #fff;
}
.pc-food-dairy-log-meals .pc-container-saved-meals__top-container .gc-nutrition-details-bar__values-wrapper, .pc-food-dairy-log-meals .custom-meal .gc-nutrition-details-bar__values-wrapper {
padding: 0;
}
.pc-food-dairy-log-meals .popup-log-meal__custom-meal-day-selected-message {
margin-top: 0 !important;
margin-bottom: 24px !important;
}
.pc-food-dairy-log-meals .pc-input-search-bar.pc-container-saved-meals__input-search {
margin-bottom: 24px;
}
.pc-food-dairy-log-meals .gc-card-meal .gc-nutrition-details-bar__values-wrapper {
padding: 0 15px 14px 15px;
color: #fff;
}
.pc-food-dairy-log-meals .pc-navigation-meals-add__wrapper {
position: relative;
}
.pc-food-dairy-log-meals .pc-navigation-meals-add__wrapper .gc-navigation-bar {
justify-content: unset !important;
padding: 0;
overflow: scroll;
scrollbar-width: none;
}
.pc-food-dairy-log-meals .pc-navigation-meals-add__wrapper .gc-navigation-bar .pc-navigation-meals-add__nav-button {
z-index: 99;
}
.pc-food-dairy-log-meals .pc-navigation-meals-add__wrapper .gc-navigation-bar .pc-navigation-meals-add__nav-button svg path {
fill: #003314;
}
.pc-food-dairy-log-meals .pc-navigation-meals-add__wrapper .gc-navigation-bar .pc-navigation-meals-add__nav-button-left {
position: absolute;
left: 0;
padding: 5px 10px 12px 20px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
background: linear-gradient(90deg, rgba(247, 227, 206, 0) 1.29%, #f7e3ce 36.85%, #f7e3ce 99.74%);
}
.pc-food-dairy-log-meals .pc-navigation-meals-add__wrapper .gc-navigation-bar .pc-navigation-meals-add__nav-button-right {
position: absolute;
right: 0;
padding: 5px 10px 12px 20px;
background: linear-gradient(90deg, rgba(247, 227, 206, 0) 1.29%, #f7e3ce 36.85%, #f7e3ce 99.74%);
}
.pc-food-dairy-log-meals .gc-navigation-bar__tab {
margin-left: 0;
margin-right: 0;
}
.pc-food-dairy-log-meals .gc-navigation-bar .gc-navigation-bar__tab {
border-bottom: none;
opacity: 0.6;
}
.pc-food-dairy-log-meals .gc-navigation-bar__tab.gc-navigation-bar__tab--active {
opacity: 1;
box-shadow: none;
border-bottom: 1px solid #003314;
}
.pc-food-dairy-log-meals .gc-navigation-bar::-webkit-scrollbar {
display: none;
}
.pc-food-dairy-log-meals .gc-input-checkbox-squared:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-smart-add__wrapper {
max-width: 560px;
margin: auto;
}
.pc-container-dine-out, .pc-container-meal-plan-meal-log__custom-meal-top-container, .pc-container-meal-plan-meal__custom-meal-top-container, .pc-container-saved-meals__top-container, .pc-container-smart-add__top-container, .pc-container-dine-out__top-container {
padding-bottom: 16px;
}
.pc-container__remaining-ntr {
padding-top: 8px;
}
.pc-container-saved-meals__empty-message {
text-align: center;
color: #003314;
}
.pc-container-saved-meals__no-results {
margin-top: 40px;
}
.pc-container-saved-meals__list-meals .gc-card-meal__type__new-meal {
display: none;
}
.pc-container-meal-plan-meal-log__day-selected-message {
text-align: center;
color: #003314;
margin-bottom: 24px !important;
}
.pc-container-meal-plan-meal-log__meals {
padding-bottom: 32px;
}
.pc-card-meal-log:not(:last-child), .pc-container-saved-meals__meal:not(:last-child) {
margin-bottom: 24px;
}
.pc-container-meal-plan-meal-log-form__input-wrapper {
margin-bottom: 20px;
}
.pc-container-meal-plan-meal-log-form__image-input-wrapper {
margin-bottom: 20px;
}
.pc-food-dairy-image-input__label {
margin: unset;
}
.pc-container-meal-plan-meal-log-form {
max-width: 560px;
margin: auto;
}
.pc-container-meal-plan-meal-log-form .pc-container-meal-plan-meal-log-form__image-upload-error {
justify-content: flex-start;
margin-top: 20px;
}
.pc-container-meal-plan-text-to-meal-button {
max-width: 560px;
margin: auto;
margin-bottom: 28px;
}
.pc-food-dairy-log-meals .gc-navigation-bar__tab {
padding-left: 16px;
padding-right: 16px;
white-space: nowrap;
}
@media (min-width: 667px) {
.pc-food-dairy-log-meals .meal-plan_day-slider.slick-initialized {
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
}
@media (min-width: 768px) {
.pc-food-dairy-log-meals .meal-plan_day-slider.slick-initialized {
max-width: 720px;
margin: auto;
padding-top: 36px;
padding-left: 20px;
padding-right: 20px;
}
.pc-food-dairy-log-meals .popup-log-meal__custom-meal-day-selected-message, .pc-food-dairy-log-meals .pc-container-meal-plan-meal-log__day-selected-message {
margin-bottom: 32px !important;
margin-top: 8px !important;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.pc-food-dairy-log-meals .gc-navigation-bar {
max-width: 100%;
margin: 0;
padding: 0 !important;
}
}
@media (min-width: 768px) {
.pc-container-meal-plan-meal-log__meals {
padding-top: 20px;
}
.pc-food-dairy-log-meals .pc-container-saved-meals__top-container, .pc-food-dairy-log-meals .pc-container-dine-out__top-container, .pc-food-dairy-log-meals .pc-container-meal-plan-meal-log__custom-meal-top-container, .pc-food-dairy-log-meals .pc-container-meal-plan-meal__custom-meal-top-container {
padding-top: 36px;
padding-bottom: 16px;
}
.pc-card-meal-log:not(:last-child), .pc-container-saved-meals__meal:not(:last-child) {
margin-bottom: 28px;
}
.pc-container-meal-plan-meal-log-form__input-wrapper {
margin-bottom: 24px;
}
.pc-food-dairy-log-meals .pc-container-meal-plan-meal-log .meal-plan_day-slider .slick-track {
margin-left: unset;
}
.pc-food-dairy-log-meals .pc-input-search-bar.pc-container-saved-meals__input-search {
margin-bottom: 32px;
}
.pc-container-meal-plan-meal-log-form__image-input-wrapper {
margin-bottom: 24px;
}
.pc-food-dairy-log-meals .pc-container-meal-plan-meal-log-form__saved-area {
padding-top: 44px;
padding-bottom: 0;
}
.pc-food-dairy-log-meals .pc-container-meal-plan-meal-log-form__saved-area .gc-input-checkbox-squared {
height: 24px;
width: 24px;
}
}
@media (min-width: 992px) {
.pc-food-dairy-log-meals .meal-plan_day-slider.slick-initialized {
max-width: 960px;
margin: auto;
justify-content: center;
}
.meal-plan_day-slider--disabled .meal-plan_day-slider-box:hover {
opacity: 1;
cursor: initial;
}
}
html[dir="rtl"] .pc-food-dairy-log-meals .pc-container-meal-plan-meal-log-form__saved-area .rc-text-content {
padding-left: 0;
padding-right: 10px;
}
html[dir="rtl"] .meal-plan_day-slider {
margin-right: 0;
margin-left: -200px;
}
/**
* Sign Up
*/
.pc-sign-up__text-error {
margin-top: 4px;
color: #FB3865;
text-align: center;
text-transform: lowercase;
}
.pc-sign-up__text-error::first-letter {
text-transform: uppercase;
}
.pc-button-payment-method {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
color: #003314;
border-color: #003314;
margin-bottom: 16px;
}
.pc-button-payment-method--selected {
border-color: #003314;
margin-bottom: 24px;
}
.pc-button-payment-method__content-left {
display: flex;
}
.pc-button-payment-method__content-right {
height: 20px;
display: flex;
}
.pc-button-payment-method__content-right .rc-image {
width: auto;
height: 100%;
}
.pc-button-payment-method__text {
margin-left: 14px;
}
html[dir=rtl] .pc-button-payment-method__text {
margin-right: 14px;
}
.pc-sign-up-register__registration-form-privacy-icon {
border-color: var(--text-primary-on-bg);
}
.pc-sign-up-register__container {
padding-top: 28px;
max-width: 540px;
}
.pc-sign-up-register__intro {
color: #003314;
margin-bottom: 40px;
}
.pc-sign-up-register__intro-title {
margin-bottom: 12px;
}
.pc-sign-up-register__plan {
margin-bottom: 40px;
}
.pc-sign-up-register__plan-title {
margin-bottom: 12px;
}
.pc-sign-up-register__seperator {
width: 100%;
background-color: #003314;
margin: 0;
margin-bottom: 40px;
}
.pc-sign-up-register__registration-form {
margin-bottom: 20px;
}
.pc-sign-up-register__registration-form-title {
margin-bottom: 20px;
}
.pc-sign-up-register__registration-form-card {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 10px;
color: #003314;
border-radius: 4px;
margin-bottom: 20px;
}
.pc-sign-up-register__registration-form-card-text {
margin-right: 4px;
}
.pc-sign-up-register__registration-form-card-button {
margin: 0;
width: max-content;
color: #003314;
}
.pc-sign-up-register__registration-form-label {
color: #003314;
margin-bottom: 8px;
}
.pc-sign-up-register__registration-form-input {
margin-bottom: 20px;
}
.pc-sign-up-register__registration-form-input .gc-input-password .gc-text-input .gc-text-input__input {
padding-right: 50px;
}
.pc-sign-up-register__registration-form-input:last-of-type {
margin-bottom: 36px;
}
.pc-sign-up-register__registration-form-label-description {
color: #003314;
margin-bottom: 8px;
}
.pc-sign-up-register__registration-form-password-strength {
color: #003314;
font-weight: 700;
margin-left: 4px;
}
.pc-sign-up-register__registration-form-privacy {
display: flex;
}
.pc-sign-up-register__enroll-btn {
margin-top: 32px;
}
.pc-sign-up-register__registration-form-privacy-icon {
flex-shrink: 0;
}
.pc-sign-up-register__registration-form-privacy-text {
color: #003314;
margin-left: 10px;
}
.pc-sign-up-register .gc-input-select .gc-input-select__input--empty {
color: #003314 !important;
opacity: 0.5;
}
.pc-sign-up-register__registration-form-privacy-text-bold, .pc-sign-up-register__registration-form-disclaimer-text-bold {
font-weight: 700;
text-decoration: underline;
cursor: pointer;
}
.pc-sign-up-register .gc-button-primary .rc-icon-loading-buffer {
margin: 0;
}
.pc-sign-up-register .gc-button-primary .rc-icon-loading-buffer rect {
fill: white;
}
@media (min-width: 992px) {
.pc-sign-up-register .gc-page__content {
height: 100vh;
overflow-y: hidden;
overflow-x: hidden;
}
.pc-sign-up-register__content-col {
height: calc(100vh - 89px);
overflow: scroll;
overflow-x: hidden;
}
.gc-card-subscription-cover-image {
height: 100%;
}
}
html[dir=rtl] .pc-sign-up-register__registration-form-privacy-text {
margin-right: 10px;
margin-left: 0;
}
html[dir=rtl] .pc-sign-up-payment__registration-form-label, html[dir=rtl] .pc-sign-up-register__registration-form-label {
text-align: right;
}
html[dir=rtl] .pc-sign-up-register__plan-title, html[dir=rtl] .pc-sign-up-register__registration-form-title {
text-align: right;
}
html[dir=rtl] .pc-sign-up-register__registration-form-label-description {
text-align: right;
}
.pc-sign-up-payment .pc-sign-up-payment__payment-summary {
margin-top: 24px;
margin-bottom: 40px;
}
.pc-sign-up-payment .pc-sign-up-payment__payment-summary-plan, .pc-sign-up-payment .pc-sign-up-payment__payment-summary-details {
margin-bottom: 25px;
border-bottom: 2px dashed var(--text-secondary-on-bg);
padding-bottom: 25px;
}
.pc-sign-up-payment .pc-sign-up-payment__payment-summary-title {
margin-bottom: 24px;
}
.pc-sign-up-payment .pc-sign-up-payment__payment-summary-tax {
color: var(--text-secondary-on-bg);
}
.pc-sign-up-payment .pc-sign-up-payment__payment-summary-tax--exclusive {
color: var(--text-primary-on-bg);
}
.pc-sign-up-payment .pc-sign-up-payment__payment-summary-text, .pc-sign-up-payment .pc-sign-up-payment__payment-summary-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.pc-sign-up-payment .pc-sign-up-payment__payment-summary-text {
margin-bottom: 12px;
}
.pc-sign-up-payment .pc-sign-up-payment__payment-summary-text:last-child {
margin-bottom: 0;
}
.pc-sign-up-payment .pc-sign-up-payment__payment-summary-header {
margin-bottom: 4px;
}
.pc-sign-up-payment__stripe-powered-badge svg path {
fill: #003314;
}
.pc-sign-up-payment__redirect {
display: flex;
padding: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: stretch;
margin-top: 40px;
color: var(--text-primary-on-bg, #000);
text-align: center;
border-radius: 10px;
border: 1px solid var(--text-area-bg-outline, #E5E5E5);
}
.pc-sign-up-payment__redirect .loader {
background-position: center;
backdrop-filter: blur(1px);
clear: both;
width: 16px;
height: 16px;
background-size: 46px;
background-repeat: no-repeat;
margin-bottom: 8px;
}
.pc-sign-up-payment__stripe-elements-text-wrapper {
display: flex;
justify-content: center;
align-items: center;
margin-top: 28px;
color: #003314;
}
.pc-sign-up-payment__secure-lock-icon {
margin-right: 8px;
}
.pc-sign-up-payment__secure-lock-icon svg path {
fill: #003314;
}
.pc-sign-up-payment__secure-text {
margin-right: 8px;
}
.pc-sign-up-payment__wrapper {
max-width: 335px;
margin: auto;
}
.pc-sign-up-payment__registration-form-payment-card {
margin-top: 24px;
margin-bottom: 24px !important;
}
.pc-sign-up-payment__footer-button {
margin-top: 24px;
}
.pc-sign-up-payment__footer-button--spinner {
margin-right: 10px !important;
}
.pc-sign-up-payment__container {
max-width: 540px;
padding-top: 28px;
}
.pc-sign-up-payment__container-coupon {
margin-bottom: 32px;
}
.pc-sign-up-payment__text-select {
margin-bottom: 16px;
}
.pc-sign-up-payment__intro {
color: #003314;
margin-bottom: 40px;
}
.pc-sign-up-payment__plan-title {
margin-bottom: 12px;
}
.pc-sign-up-payment__seperator {
width: 100%;
background-color: #003314;
margin: 0;
margin-bottom: 40px;
margin-top: 40px;
}
.pc-sign-up-payment__registration-form {
margin-bottom: 40px;
}
.pc-sign-up-payment__registration-form-title {
margin-bottom: 12px;
}
.pc-sign-up-payment__registration-form-card {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
color: #003314;
border-radius: 4px;
margin-bottom: 20px;
}
.pc-sign-up-payment__registration-form-card-text {
margin-right: 4px;
}
.pc-sign-up-payment__registration-form-card-button {
margin: 0;
width: max-content;
color: #003314;
}
.pc-sign-up-payment__registration-form-label {
color: #003314;
margin-bottom: 8px;
}
.pc-sign-up-payment__registration-form-label--card-details {
display: flex;
justify-content: space-between;
align-items: center;
}
.pc-sign-up-payment__registration-form-input-name, .pc-sign-up-payment__registration-form-input-i-deal-bank, .pc-sign-up-payment__registration-form-input-card-number {
margin-bottom: 12px;
}
.pc-sign-up-payment__registration-form-input-card-number .StripeElement, .pc-sign-up-payment__registration-form-input-cvc .StripeElement, .pc-sign-up-payment__registration-form-input-i-deal-bank .StripeElement, .pc-sign-up-payment__registration-form-input-card-expiry .StripeElement {
border: 1px solid #003314;
border-radius: 10px;
padding: 15px 20px;
}
.pc-sign-up-payment__registration-form-input-i-deal-bank .StripeElement {
padding: 0;
}
.pc-sign-up-payment__registration-form-security-details {
display: flex;
margin-bottom: 20px;
}
.pc-sign-up-payment__registration-form-input-cvc-wrapper {
flex-basis: 50%;
}
.pc-sign-up-payment__registration-form-input-cvc-element-wrapper {
position: relative;
}
.pc-sign-up-payment__registration-form-input-card-expiry-wrapper {
flex-basis: 50%;
margin-right: 12px;
}
.pc-sign-up-payment__registration-form-input-cvc-icon {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.pc-sign-up-payment__registration-form-input-card-details {
display: flex;
}
.pc-sign-up-payment__registration-form-input-card-date {
margin-right: 12px;
}
.pc-sign-up-payment__registraion-form-checkout-info {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 28px;
margin-top: 28px;
}
.pc-sign-up-payment__registraion-form-checkout-info-secure-icon {
margin-right: 8px;
line-height: unset;
}
.pc-sign-up-payment__registraion-form-checkout-info-text {
margin-right: 8px;
}
.pc-sign-up-payment__registraion-form-checkout-info-text-bold {
font-weight: 700;
}
.pc-sign-up-payment__registraion-form-checkout-info-stripe-icon svg {
width: unset;
height: unset;
}
.pc-sign-up-payment__warning {
display: flex;
margin-bottom: 40px;
margin-top: 20px;
word-break: break-word;
}
.pc-sign-up-payment__warning-content {
text-align: left;
}
.pc-sign-up-payment__warning-name {
margin-bottom: 4px;
}
.pc-sign-up-payment__warning-icon {
margin-top: 3px;
}
.pc-sign-up-payment__warning-icon svg path {
fill: #FB3865;
}
.pc-sign-up-payment__text-coupon-success {
text-align: center;
margin-top: 8px;
}
.pc-sign-up-payment .gc-button-primary .rc-icon-loading-buffer {
margin: 0;
}
.pc-sign-up-payment .gc-button-primary .rc-icon-loading-buffer rect {
fill: white;
}
.pc-sign-up-payment__mobile-pay {
margin-top: 16px;
margin-bottom: 16px;
}
.pc-sign-up-payment__mobile-pay--text {
margin-top: 10px;
}
.pc-sign-up-payment__mobile-pay button {
padding: 0;
width: 100%;
border: 0;
background-color: transparent;
}
.pc-popup-plan-exists__understood-btn {
margin-bottom: 16px;
}
.ElementsApp .InputElement::placeholder {
opacity: 0.5;
}
.pc-popup-plan-exists__button-continue {
margin-bottom: 16px;
}
.pc-container-stripe-pay {
margin-bottom: 32px;
}
.pc-container-stripe-pay--loading {
pointer-events: none;
filter: blur(1px);
}
.pc-container-stripe-sepa-pay__message {
margin-bottom: 20px;
margin-top: 24px;
}
.pc-sign-up-payment__giro-name {
margin-bottom: 24px;
}
@media (min-width: 992px) {
.pc-sign-up-payment .gc-page__content {
height: 100vh;
overflow-y: hidden;
overflow-x: hidden;
}
.pc-sign-up-payment__content-col {
height: calc(100vh - 89px);
overflow: scroll;
overflow-x: hidden;
}
.gc-card-subscription-cover-image {
height: 100%;
}
.pc-sign-up-payment__mobile-pay {
margin-bottom: 20px;
}
.pc-sign-up-payment__mobile-pay--text {
margin-top: 14px;
}
}
html[dir=rtl] .pc-sign-up-payment__registration-form-input-card-expiry-wrapper {
margin-right: 0;
margin-left: 12px;
}
html[dir=rtl] .pc-sign-up-payment__registration-form-title .pc-sign-up-payment__plan-title, html[dir=rtl] .pc-sign-up-payment__text-select {
text-align: right;
}
html[dir=rtl] .pc-sign-up-payment__plan-title {
text-align: right;
}
html[dir=rtl] .pc-sign-up-payment__registration-form-title {
text-align: right;
}
html[dir=rtl] .pc-sign-up-payment__secure-text {
margin-left: 8px;
}
.pc-sign-up-complete__container {
max-width: 540px;
padding-top: 28px;
}
.pc-sign-up-complete__intro {
color: #003314;
margin-bottom: 28px;
}
.pc-sign-up-complete__intro-title {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.pc-sign-up-complete__content-col {
height: calc(100vh - 89px);
overflow: scroll;
overflow-x: hidden;
display: flex;
align-items: center;
}
.pc-sign-up-complete__content {
height: auto;
}
}
.pc-sign-up-payment-confirm__submit {
margin-bottom: 20px;
}
.pc-sign-up-payment-confirm__contact {
margin-bottom: 20px;
}
.pc-sign-up-payment-confirm__footer {
margin-top: 40px;
}
.pc-sign-up-payment-confirm__footer .gc-page-fixed-footer__fixed-area {
justify-content: center;
flex-direction: column;
}
.pc-sign-up-payment-confirm__footer .gc-page-fixed-footer__fixed-area {
padding: 0;
}
@media (min-width: 992px) {
.pc-sign-up-complete__container {
text-align: center;
border-radius: 16px;
border: 1px solid #003314;
max-width: 375px;
margin-left: auto;
margin-right: auto;
padding: 32px 20px 32px 20px;
}
.pc-sign-up-complete__footer {
margin-top: 40px;
}
.pc-sign-up-complete__footer .gc-page-fixed-footer__fixed-area {
padding-bottom: 0px;
}
}
.pc-popup-upsell__heading {
text-align: center;
margin-bottom: 20px;
}
.pc-upsell__container {
padding-top: 60px;
max-width: 500px;
}
.pc-popup-upsell__pricing {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.pc-popup-upsell__description hr {
width: 100%;
margin-top: 24px;
margin-bottom: 24px;
background: #003314;
}
.pc-popup-upsell__card {
margin-bottom: 25px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.08), 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px #0000000f;
}
.pc-popup-upsell__image-container {
width: 100%;
height: 300px;
overflow: hidden;
}
.pc-popup-upsell__image-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pc-popup-upsell__description {
padding: 20px 20px 24px 20px;
text-align: left;
}
.pc-popup-upsell__description h2 {
font-size: 1.2rem;
margin-bottom: 10px;
}
.pc-popup-upsell__error {
color: #FB3865;
text-align: center;
margin-top: 10px;
}
.pc-popup-upsell__description p {
font-size: 0.9rem;
line-height: 1.6;
}
.pc-popup-upsell__sub-heading {
margin-bottom: 8px;
}
.pc-popup-upsell__reject {
text-align: center;
margin-top: 25px;
cursor: pointer;
color: #012CFF;
}
.pc-popup-upsell__header-title {
font-size: 24px;
}
@media (max-width: 768px) {
.pc-popup-upsell__image-container {
width: 100%;
height: 220px;
overflow: hidden;
}
}
.pc-skeleton-sign-up .pc-sign-up-register__intro .gc-placeholder {
margin-bottom: 8px;
}
.pc-skeleton-sign-up .pc-skeleton-sign-up__input {
margin-top: 40px;
}
.pc-skeleton-sign-up .pc-skeleton-sign-up__input .gc-placeholder {
margin-bottom: 20px;
}
.pc-skeleton-sign-up--payment .gc-card-subscription-cover-image {
display: none;
}
.pc-skeleton-sign-up--payment .pc-skeleton-sign-up__inpu-second-section .pc-skeleton-sign-up__input {
margin-top: 20px;
}
.pc-skeleton-sign-up--payment .pc-skeleton-sign-up__inpu-second-section .pc-skeleton-sign-up__input .gc-placeholder {
margin-bottom: 10px;
}
.pc-skeleton-sign-up--payment .pc-skeleton-sign-up__inpu-second-section .pc-skeleton-sign-up__input--two .pc-skeleton-sign-up__input {
margin-top: 0px;
}
@media screen and (min-width: 768px) {
.pc-skeleton-sign-up--payment .gc-card-subscription-cover-image {
display: block;
}
}
/**
* Period-tracker
*/
.pc-period-tracker {
font-family: "Poppins", sans-serif !important;
padding-left: 24px !important;
padding-right: 24px !important;
}
.pc-period-tracker .pc-period-tracker__content .pc-period-tracker__calendar-wrapper {
margin-bottom: calc(env(safe-area-inset-bottom) + 60px);
}
.pc-period-tracker .vc-weeks {
direction: ltr;
}
.pc-period-tracker .vc-weekday {
font-family: "Poppins", sans-serif !important;
color: #003314 !important;
font-weight: 400 !important;
font-size: 14px;
line-height: 150%;
}
.pc-period-tracker .gc-page-fixed-footer__fixed-area {
padding-bottom: calc(40px + 20px + env(safe-area-inset-bottom));
z-index: 1000;
}
.pc-period-tracker__card {
margin-top: 231px;
}
.pc-period-tracker__content--default-top-gap {
padding-top: 24px !important;
}
.pc-period-tracker__content--lg-top-gap {
padding-top: 70px;
}
.pc-period-tracker__card-content--empty .rc-text-content {
text-align: center;
margin-bottom: 0;
color: #003314 !important;
}
.pc-period-tracker__footer {
position: fixed;
bottom: 108px;
right: 0;
left: 0;
padding-left: 24px;
padding-right: 24px;
z-index: 1;
}
.pc-period-tracker__calendar-wrapper .vc-day-content:hover {
opacity: 0.7;
}
.pc-period-tracker__calender-alert {
background-color: #003314;
position: fixed;
top: calc(env(safe-area-inset-top) + 85px);
left: 0;
right: 0;
padding: 12px 20px;
z-index: 100;
display: flex;
justify-content: space-between;
align-items: center;
}
.pc-period-tracker__calender-alert .pc-period-tracker__setting .rc-text-content {
font-size: 12px;
}
.pc-period-tracker__calender-alert-text {
color: #ffffff;
line-height: 1.5;
}
.pc-period-tracker__calender-alert svg path {
fill: #ffffff;
}
.pc-period-tracker__calender-alert {
padding-right: calc(env(safe-area-inset-right) + 20px) !important;
padding-left: calc(env(safe-area-inset-left) + 20px) !important;
}
.pc-period-tracker .vc-container {
background-color: #f7e3ce;
margin: auto !important;
border-radius: 15px !important;
padding: 20px !important;
font-family: "Poppins", sans-serif !important;
box-shadow: 0px 2px 15px rgba(0, 51, 20, 0.1) !important;
border: none !important;
--day-content-width: 40px;
--day-content-height: 40px;
--highlight-height: 40px;
}
.pc-period-tracker .vc-grid-container {
padding: 0 !important;
}
.pc-period-tracker .vc-day-content {
font-size: 14px !important;
}
.pc-period-tracker .vc-header {
padding: 0 !important;
}
.pc-period-tracker .vc-arrows-container {
padding: 0 !important;
top: -3px !important;
}
.pc-period-tracker .vc-arrows-container svg path {
fill: #003314 !important;
}
.pc-period-tracker .vc-title {
color: #003314 !important;
font-size: 14px !important;
font-weight: 400 !important;
padding: 7px !important;
}
.pc-period-tracker .pc-popup-period-tracker .pc-popup-period-tracker__description {
margin-bottom: 20px;
color: yellow !important;
}
.pc-period-tracker .vc-bg-blue-600 {
background-color: #003314 !important;
}
.pc-period-tracker .vc-border-blue-700 {
border-color: #003314 !important;
color: #003314 !important;
font-weight: 400 !important;
}
.pc-period-tracker .vc-text-gray-400 {
color: #003314 !important;
opacity: 0.5;
}
.pc-period-tracker .vc-border-2 {
border-width: 1px !important;
}
.pc-period-tracker .vc-font-medium {
font-weight: 400 !important;
}
.pc-period-tracker .vc-text-gray-900, .pc-period-tracker .vc-text-blue-900 {
color: #003314 !important;
}
.pc-period-tracker .vc-h-full .vc-text-blue-900 {
color: #fff !important;
font-weight: 400 !important;
}
.pc-period-tracker .vc-h-full .vc-text-blue-900.calendar-range-wrapper {
color: #003314 !important;
}
.pc-period-tracker .vc-h-full span {
font-weight: 400 !important;
}
.pc-period-tracker .is-today span {
font-weight: 700 !important;
color: #003314 !important;
}
.pc-period-tracker .is-today .vc-dots span {
background-color: #003314 !important;
margin-top: -12px !important;
}
.pc-period-tracker .is-today .vc-h-full .vc-text-blue-900 {
font-weight: 700 !important;
}
.pc-period-tracker .vc-h-full .vc-day-box-center-center .vc-bg-blue-200, .pc-period-tracker .vc-h-full .vc-day-box-right-center .vc-bg-blue-200, .pc-period-tracker .vc-h-full .vc-day-box-left-center .vc-bg-blue-200 {
background-color: rgba(0, 51, 20, 0.2) !important;
}
.pc-period-tracker .vc-dot.calendar-today {
border-radius: 0;
}
.pc-period-tracker .vc-highlight.vc-rounded-full.vc-bg-white.vc-border-2.vc-border-blue-700 {
background-color: #003314;
color: #fff !important;
}
.pc-period-tracker .calendar-prediction {
background-color: transparent !important;
border-color: #003314 !important;
}
.pc-period-tracker .vc-day-content.vc-focusable.calendar-prediction-wraper {
color: #003314 !important;
border-color: #003314 !important;
}
.pc-period-tracker .vc-arrows-container {
display: none;
}
.pc-period-tracker .pc-period-tracker__information {
display: flex;
justify-content: space-between;
background-color: #f7e3ce;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 8px 24px;
padding-bottom: calc(env(safe-area-inset-bottom) + 8px);
padding-right: calc(env(safe-area-inset-right) + 24px);
padding-left: calc(env(safe-area-inset-left) + 24px);
z-index: 999;
border-top: 1px solid #003314;
}
.pc-period-tracker .pc-period-tracker__information .pc-period-tracker__information-data p {
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
color: #003314;
margin-left: 4px;
display: inline-block;
}
.pc-period-tracker .pc-period-tracker__information .pc-period-tracker__information-data::before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
border-radius: 100%;
margin-bottom: -1px;
}
.pc-period-tracker .pc-period-tracker__information .pc-period-tracker__information-data:nth-child(1)::before {
background-color: #003314;
}
.pc-period-tracker .pc-period-tracker__information .pc-period-tracker__information-data:nth-child(2)::before {
background-color: transparent;
border: 1px solid #003314;
}
.pc-period-tracker .pc-period-tracker__information .pc-period-tracker__information-data:nth-child(3)::before {
background-color: #003314;
border-radius: 0;
}
.pc-period-tracker .pc-period-tracker__day-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 24px;
background-color: #f7e3ce;
position: fixed;
z-index: 999;
left: 0;
right: 0;
padding-right: calc(env(safe-area-inset-right) + 40px);
padding-left: calc(env(safe-area-inset-left) + 40px);
top: calc(env(safe-area-inset-top) + 85px);
position: fixed;
border-bottom: 1px solid #003314;
}
.pc-period-tracker .pc-period-tracker__day-header p {
width: 40px;
margin-bottom: 0;
font-weight: 400;
font-size: 12px;
color: #003314;
text-align: center;
margin-top: 1px;
}
.pc-period-tracker .pc-period-tracker__day-header .pc-period-tracker__setting {
margin-right: -32px;
}
.pc-period-tracker .pc-period-tracker__day-header .pc-period-tracker__setting svg {
width: 18px;
height: 18px;
}
.pc-period-tracker .pc-period-tracker__day-header .pc-period-tracker__setting svg path {
fill: #003314;
}
.pc-period-tracker .pc-period-tracker__day-header .pc-period-tracker__edit {
margin-left: -32px;
}
.pc-period-tracker .pc-period-tracker__day-header .pc-period-tracker__edit svg {
width: 16px;
height: 16px;
}
.pc-period-tracker .pc-period-tracker__day-header .pc-period-tracker__edit svg path {
fill: #003314;
}
.pc-period-tracker .gc-page-fixed-footer--unfixed {
margin-top: 40px;
}
@media screen and (min-width: 600px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 120px);
padding-left: calc(env(safe-area-inset-left) + 120px);
}
}
@media screen and (min-width: 768px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 76px);
padding-left: calc(env(safe-area-inset-left) + 76px);
}
}
@media screen and (min-width: 1024px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 90px);
padding-left: calc(env(safe-area-inset-left) + 90px);
}
}
.inside-native-app .pc-period-tracker__day-header {
top: calc(env(safe-area-inset-top) + 85px) !important;
}
.gc-custom-date-tracker {
font-family: "Poppins", sans-serif !important;
}
.gc-custom-date-tracker .vc-bg-white {
background-color: transparent;
}
.gc-custom-date-tracker .vc-title {
font-family: "Poppins", sans-serif !important;
font-weight: 700 !important;
color: #003314 !important;
}
.gc-custom-date-tracker .vc-header {
padding: 0 !important;
}
.gc-custom-date-tracker .vc-container {
font-family: "Poppins", sans-serif !important;
background-color: #f7e3ce;
margin: auto !important;
border-radius: 10px !important;
padding: 12px !important;
padding-top: 22px !important;
box-shadow: 0px 2px 15px rgba(0, 51, 20, 0.1) !important;
border: none !important;
--day-content-width: 40px;
--day-content-height: 40px;
--highlight-height: 40px;
}
.gc-custom-date-tracker .vc-arrows-container {
padding: 0 !important;
top: -3px !important;
}
.gc-custom-date-tracker .vc-arrows-container svg path {
fill: #003314 !important;
}
.gc-custom-date-tracker .vc-day-content {
font-size: 14px !important;
}
.gc-custom-date-tracker .vc-bg-blue-600 {
background-color: #003314 !important;
}
.gc-custom-date-tracker .vc-font-medium {
font-weight: 400 !important;
}
.gc-custom-date-tracker .vc-title {
font-weight: 400 !important;
font-size: 18px !important;
color: #003314 !important;
}
.gc-custom-date-tracker .vc-weekday {
color: #003314 !important;
font-weight: 400 !important;
font-size: 14px;
line-height: 150%;
}
.gc-custom-date-tracker .is-today span {
font-weight: 700 !important;
color: #003314 !important;
}
.gc-custom-date-tracker .is-today .vc-dots span {
background-color: #003314 !important;
margin-top: -12px !important;
}
.gc-custom-date-tracker .vc-text-gray-400 {
color: #003314 !important;
opacity: 0.5;
}
.gc-custom-date-tracker .vc-text-gray-900, .gc-custom-date-tracker .vc-text-blue-900 {
color: #003314 !important;
}
.gc-custom-date-tracker .vc-rounded-full {
border-color: #003314 !important;
}
@media screen and (max-width: 320px) {
.gc-custom-date-tracker .vc-container {
width: 100%;
}
.vc-container {
--day-content-width: 28px !important;
--day-content-height: 28px !important;
--highlight-height: 30px !important;
}
.pc-period-tracker .pc-period-tracker__day-header p {
width: 28px !important;
}
.pc-period-tracker__calendar-wrapper--edit {
margin-top: 48px;
margin-bottom: 36px;
}
.pc-period-tracker .pc-period-tracker__information {
padding-right: calc(env(safe-area-inset-right) + 10px) !important;
padding-left: calc(env(safe-area-inset-left) + 10px) !important;
}
}
@media screen and (min-width: 660px) {
.pc-period-tracker__footer {
margin-top: 10px;
}
}
.pc-period-tracker__setting {
display: flex;
align-items: center;
}
.pc-period-tracker__setting .gc-button-link {
color: #fff;
margin-right: 5px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.is-today .vc-highlights ~ .vc-day-content.vc-rounded-full:not(.calendar-prediction-wraper) {
color: #fff !important;
}
.is-today .vc-highlights ~ .vc-day-content.vc-rounded-full:not(.calendar-prediction-wraper) ~ .vc-day-layer .vc-dot {
background-color: #fff !important;
}
.pc-popup-period-tracker-settings .gc-popup__dialog--desktop .gc-popup__body-content {
height: 50vh;
max-height: 50vh;
}
.pc-period-tracker__calendar-wrapper--edit {
margin-top: 48px;
}
.pc-popup-period-tracker .modal-measure-row {
height: 76px;
}
.pc-popup-period-tracker .modal-measure-title-input {
line-height: 75px;
min-width: 80px;
}
.pc-popup-period-tracker .modal-measure-btn-wrap {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 20px;
}
.pc-popup-period-tracker .modal-measure-btn-wrap svg path {
fill: #003314;
}
.pc-popup-period-tracker .modal-measure-title {
display: flex;
align-items: flex-end;
}
.pc-popup-period-tracker__header-without-icon {
padding-bottom: 60px;
}
.pc-popup-period-tracker__title-with-tools {
justify-content: space-between;
}
.pc-popup-period-tracker__description {
margin-bottom: 32px;
}
.pc-popup-period-tracker__measure-row {
padding-right: 90px;
}
.pc-popup-period-tracker .modal-measure-row .modal-measure-title .modal-measure-title-value {
font-family: "Poppins", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 1.5;
}
.pc-popup-period-tracker .modal-measure-row .modal-measure-title .modal-measure-title-value::after {
border-bottom: 1px solid black;
}
.pc-popup-period-tracker .modal-measure-row .modal-measure-title .modal-measure-title-unit {
text-transform: capitalize;
color: #003314;
}
.pc-popup-period-tracker__content--success svg path {
fill: #2bff00;
}
.pc-popup-period-tracker .gc-popup__button-back {
padding: 0;
}
.pc-popup-period-tracker__content .modal-measure-title .modal-measure-title-input {
border-bottom: 1px solid #003314;
color: #003314;
}
.pc-popup-period-tracker__head {
color: #003314 !important;
text-transform: capitalize;
padding-bottom: 4px;
}
.pc-popup-period-tracker__description {
color: #003314 !important;
}
.pc-popup-period-tracker__date-piker-description {
margin-bottom: 20px !important;
}
.pc-popup-period-tracker__date-piker-head {
padding-bottom: 12px !important;
}
.pc-popup-period-tracker .gc-popup__button-close .rc-icon-backward svg {
height: 24px;
width: 24px;
}
@media only screen and (max-width: 321px) {
.gc-custom-date-tracker .vc-container {
padding: 8px !important;
}
.pc-period-tracker .vc-container {
padding: 8px !important;
}
.pc-period-tracker .vc-title {
padding: 8px !important;
}
}
@media only screen and (max-width: 368px) and (min-width: 321px) {
.pc-period-tracker .vc-container {
padding: 0px !important;
}
.pc-period-tracker .vc-title {
padding: 12px !important;
}
}
@media only screen and (min-width: 575px) {
.pc-period-tracker__footer {
position: inherit;
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 568px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 60px) !important;
padding-left: calc(env(safe-area-inset-left) + 60px) !important;
}
}
@media only screen and (min-width: 667px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 120px) !important;
padding-left: calc(env(safe-area-inset-left) + 120px) !important;
}
}
@media only screen and (min-width: 730px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 150px) !important;
padding-left: calc(env(safe-area-inset-left) + 150px) !important;
}
}
@media only screen and (min-width: 768px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 90px) !important;
padding-left: calc(env(safe-area-inset-left) + 90px) !important;
}
}
@media only screen and (min-width: 800px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 110px) !important;
padding-left: calc(env(safe-area-inset-left) + 110px) !important;
}
}
@media only screen and (min-width: 810px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 116px) !important;
padding-left: calc(env(safe-area-inset-left) + 116px) !important;
}
}
@media only screen and (min-width: 840px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 130px) !important;
padding-left: calc(env(safe-area-inset-left) + 130px) !important;
}
}
@media only screen and (min-width: 890px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 160px) !important;
padding-left: calc(env(safe-area-inset-left) + 160px) !important;
}
}
@media only screen and (min-width: 1024px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 120px) !important;
padding-left: calc(env(safe-area-inset-left) + 120px) !important;
}
}
@media only screen and (min-width: 1080px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 150px) !important;
padding-left: calc(env(safe-area-inset-left) + 150px) !important;
}
}
@media only screen and (min-width: 1180px) {
.pc-period-tracker .pc-period-tracker__day-header {
padding-right: calc(env(safe-area-inset-right) + 200px) !important;
padding-left: calc(env(safe-area-inset-left) + 200px) !important;
}
}
html[dir=rtl] .gc-custom-date-tracker {
direction: ltr;
}
html[dir=rtl] .gc-custom-date-tracker .vc-arrows-container .vc-cursor-pointer {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
html[dir=rtl] .pc-period-tracker__setting .gc-button-link {
margin-right: 0px;
margin-left: 5px;
}
html[dir=rtl] .pc-period-tracker .pc-period-tracker__information .pc-period-tracker__information-data p {
margin-left: 0px;
margin-right: 4px;
}
html[dir=rtl] .pc-popup-period-tracker .modal-measure-btn-wrap {
margin-left: 0;
margin-right: 20px;
}
html[dir=rtl] .modal-measure-title-input {
margin-right: 0;
margin-left: 4px;
}
html[dir=rtl] .pc-popup-period-tracker__title-with-tools .gc-popup__button-close {
rotate: 180deg;
-webkit-transform: rotate(180deg);
}
html[dir=rtl] .inside-safari .pc-popup-period-tracker__title-with-tools .gc-popup__button-close {
rotate: 0deg;
-webkit-transform: rotate(180deg);
}
html[dir=rtl] .gc-custom-date-tracker .vc-arrows-container svg {
rotate: 180deg;
}
@media only screen and (min-width: 768px) {
html[dir=rtl] .pc-period-tracker .vc-grid-container .vc-grid-cell-col--1 {
margin-right: 0px;
}
html[dir=rtl] .pc-period-tracker .vc-grid-container .vc-grid-cell-col--7 {
margin-left: 28px;
}
}
@media only screen and (min-width: 992px) {
html[dir=rtl] .pc-period-tracker__calender-alert {
margin-left: 0px;
margin-right: 260px;
}
html[dir=rtl] .pc-period-tracker__information {
margin-left: 0px;
margin-right: 260px;
}
}
.pc-popup-period-tracker .gc-popup__floating-footer {
z-index: 1000;
display: flex;
flex-direction: column;
justify-content: center;
}
.modal-measure-row {
display: flex;
justify-content: center;
}
.modal-measure-title {
display: flex;
justify-content: center;
}
.modal-measure-title-input {
margin-right: 4px;
}
.pc-period-tracker .vc-container {
font-family: "Poppins", sans-serif !important;
width: 100%;
}
@media only screen and (min-width: 768px) {
.pc-period-tracker .vc-grid-container .vc-grid-cell-col--1 {
margin-right: 28px;
}
.pc-period-tracker .pc-period-tracker__information {
justify-content: center;
}
.pc-period-tracker .pc-period-tracker__information-data {
margin-left: 15px;
margin-right: 15px;
}
}
@media only screen and (min-width: 992px) {
.pc-popup-period-tracker .gc-popup__floating-footer .rc-button {
width: calc(292px + 24px);
margin: auto;
}
.pc-popup-period-tracker .gc-custom-date-tracker {
margin-bottom: 33px;
}
.pc-popup-period-tracker .gc-popup__floating-footer {
margin-top: 33px;
}
.pc-period-tracker .pc-period-tracker__information {
margin-left: 260px;
}
.pc-period-tracker .pc-period-tracker__day-header {
margin-left: 260px;
top: calc(env(safe-area-inset-top) + 67px);
}
.pc-period-tracker .pc-period-tracker__calender-alert {
margin-left: 260px;
top: calc(env(safe-area-inset-top) + 67px);
}
}
.with-bottom-bar .pc-period-tracker .pc-period-tracker__information {
padding-bottom: calc(var(--bottom-navigation-height) + 8px);
}
.with-bottom-bar .pc-period-tracker .gc-page-fixed-footer__fixed-area {
padding-bottom: calc(40px + 20px + var(--bottom-navigation-height));
}
.bottom-bar-expanded .pc-period-tracker__information {
display: none;
}
.pc-card-period-tracker {
margin-top: 0;
margin-bottom: 28px;
border-radius: 15px;
box-shadow: 0 2px 10px 0 rgba(0, 51, 20, 0.4);
padding: 20px;
background: #e6e6e6;
}
.pc-card-period-tracker .gc-header-simple .rc-text-content {
color: #003314 !important;
}
.pc-card-period-tracker .gc-header-simple .rc-icon svg path {
fill: #003314;
}
.pc-card-period-tracker__button-log-now {
margin-top: 8px;
}
.pc-card-period-tracker__button-log-now--empty {
margin-top: 13px;
margin-bottom: 5px;
min-height: 18px;
}
.pc-card-period-tracker .pc-card-period-tracker__button-log-now--empty:hover, .pc-card-period-tracker .pc-card-period-tracker__button-log-now:hover {
opacity: 0.7;
cursor: pointer;
}
.pc-card-period-tracker__title {
color: #003314;
display: inline-block;
}
.pc-card-period-tracker__title svg {
margin-top: -3px;
height: 12px;
width: 16px;
}
.pc-card-period-tracker__title svg path {
fill: #003314;
}
.pc-card-period-tracker__add-button svg {
width: 10px;
height: 10px;
margin-bottom: 3px;
}
.pc-card-period-tracker__add-button svg path {
fill: #fff !important;
}
.pc-card-period-tracker__add-button {
float: right;
width: 40px;
height: 24px;
background-color: #003314;
border-radius: 200px;
text-align: center;
}
.pc-card-period-tracker__info--empty {
margin-top: 20px;
text-align: center;
margin-bottom: 0;
color: #003314 !important;
}
.pc-card-period-tracker__info-text {
margin-bottom: 0;
min-height: 38px;
}
.pc-card-period-tracker__info {
color: #003314;
}
.pc-card-period-tracker__info span {
display: inline-flex;
color: #003314;
}
.pc-card-period-tracker__progress-circle {
display: inline-block;
width: 100px;
height: 100px;
}
.pc-card-period-tracker__content--wrapper {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 20px !important;
margin-bottom: 0 !important;
}
.pc-card-period-tracker__content-left {
margin-left: -15px;
}
.pc-card-period-tracker__content-right {
width: 100%;
}
.pc-card-period-tracker__info--date {
color: #003314;
margin-top: 4px;
}
@media (min-width: 768px) {
.pc-card-period-tracker__info {
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
align-items: center;
}
.pc-card-period-tracker__button-log-now {
margin: auto;
}
}
html[dir=rtl] .pc-card-period-tracker__header .rc-icon-forward svg {
transform: rotate(180deg);
}
html[dir=rtl] .pc-card-period-tracker__content-right {
text-align: right;
}
html[dir=rtl] .pc-card-period-tracker__content-left {
margin-left: 0;
margin-right: -15px;
}
/**
* Step-Tracker
*/
.pc-popup-step-tracker-introduction .gc-popup-sub-text-body {
margin-bottom: 20px;
}
.pc-step-tracker-skeleton .pc-step-tracker-skeleton-connection {
margin: 20px;
}
.pc-step-tracker-skeleton .pc-step-tracker-skeleton__date {
display: flex;
gap: 8px;
}
.pc-step-tracker-skeleton .pc-step-tracker-skeleton__date .gc-placeholder {
padding: 10px 20px;
}
.pc-step-tracker-skeleton .pc-step-tracker-skeleton-nutrition {
margin-top: 16px;
margin-bottom: 30px;
}
.pc-step-tracker-skeleton .pc-step-tracker-skeleton-nutrition .gc-placeholder {
margin-bottom: 8px;
}
.pc-step-tracker-skeleton .pc-step-tracker-skeleton__section-graph {
display: flex;
align-items: baseline;
justify-content: space-around;
margin-bottom: 40px;
}
.pc-step-tracker-skeleton .pc-step-tracker-skeleton__section-graph .gc-placeholder {
display: inline-block;
}
.pc-step-tracker-skeleton .pc-step-tracker-skeleton__step {
display: flex;
align-items: center;
gap: 20px;
margin-top: 16px;
margin-bottom: 20px;
}
.pc-popup-period-tracker-enable__skip {
cursor: pointer;
}
.pc-popup-period-tracker-enable__error-title {
color: #FB3865;
}
.pc-popup-period-tracker-enable__content {
text-align: center;
}
.pc-popup-period-tracker-enable__check-box-input {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.pc-popup-period-tracker-enable__description {
margin-bottom: 28px;
}
.pc-popup-period-tracker-enable__warning-text {
color: #FB3865;
}
.pc-popup-period-tracker-enable__warning-wrapper {
padding: 16px;
border: 1px dashed #FB3865;
border-radius: 10px;
display: flex;
text-align: left;
}
.pc-popup-period-tracker-enable__warning-wrapper .gc-alert-injury__icon {
margin-right: 8px;
padding: 0;
}
.pc-popup-period-tracker-enable__warning-wrapper .gc-alert-injury__icon svg {
width: 16px;
height: 16px;
}
.pc-popup-period-tracker-enable__check-box {
margin-right: 12px;
}
.pc-popup-period-tracker-enable__check-box .rc-icon-tick svg path {
fill: #FFFFFF;
}
.pc-popup-period-tracker-enable__check-box-input-label {
margin-bottom: 0;
font-size: 14px;
}
.pc-push-notification-card {
display: flex;
margin-bottom: 32px;
justify-content: space-between;
}
.pc-push-notification-card .pc-push-notification-card-details {
margin-right: 20px;
}
.pc-push-notification-card .pc-push-notification-card-details__title {
color: var(--text-primary-on-bg);
}
.pc-push-notification-card .pc-push-notification-card-details__title .rc-text-content {
height: 24px;
line-height: 24px;
}
.pc-push-notification-card .pc-push-notification-card-details__description {
margin-top: 2px;
}
.pc-push-notification-card .pc-push-notification-card-details__description .rc-text-content {
color: var(--text-secondary-on-bg);
}
html[dir="rtl"] .pc-push-notification-card .pc-push-notification-card-details {
margin-right: 0;
margin-left: 20px;
}
.pc-popup-period-tracker-enable__skip {
cursor: pointer;
}
.pc-popup-period-tracker-enable__error-title {
color: #FB3865;
}
.pc-popup-period-tracker-enable__content {
text-align: center;
}
.pc-popup-period-tracker-enable__check-box-input {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.pc-popup-period-tracker-enable__description {
margin-bottom: 28px;
}
.pc-popup-period-tracker-enable__warning-text {
color: #FB3865;
}
.pc-popup-period-tracker-enable__warning-wrapper {
padding: 16px;
border: 1px dashed #FB3865;
border-radius: 10px;
display: flex;
text-align: left;
}
.pc-popup-period-tracker-enable__warning-wrapper .gc-alert-injury__icon {
margin-right: 8px;
padding: 0;
}
.pc-popup-period-tracker-enable__warning-wrapper .gc-alert-injury__icon svg {
width: 16px;
height: 16px;
}
.pc-popup-period-tracker-enable__check-box {
margin-right: 12px;
}
.pc-popup-period-tracker-enable__check-box .rc-icon-tick svg path {
fill: #FFFFFF;
}
.pc-popup-period-tracker-enable__check-box-input-label {
margin-bottom: 0;
font-size: 14px;
}
/**
* Step-Tracker
*/
.pc-popup-step-tracker-introduction .gc-popup-sub-text-body {
margin-bottom: 20px;
}
.pc-container-custom-video-slider {
margin-bottom: 24px;
}
.pc-dashboard__video-slider--disable {
margin-bottom: 24px;
}
.pc-content__container-top {
padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
.pc-content__container-top {
max-width: 720px;
}
.pc-content-text:not(.pc-video-container .pc-content-text) {
margin-bottom: 52px;
}
}
@media only screen and (min-width: 992px) {
.pc-content__container-top {
max-width: 960px;
}
.pc-content-text:not(.pc-video-container .pc-content-text) {
margin-bottom: 52px;
}
}
.inside-native-app .pc-content__container-top {
padding-left: 0;
padding-right: 0;
}
@media only screen and (max-width: 767px) {
.pc-content__container-top {
padding: 24px 0 0;
max-width: fit-content;
}
.pc-content__no-main-image {
padding-top: 36px;
}
}
@media only screen and (max-width: 767px) {
.pc-content-text:not(.pc-video-container .pc-content-text) p {
padding-left: 20px;
padding-right: 20px;
}
.pc-content-text:not(.pc-video-container .pc-content-text) {
margin-bottom: 44px;
}
}
.pc-content__video .pc-content-text:first-child .app-content-wrap {
margin-top: 0;
padding-top: 0;
}
@media (max-width: 576px) {
.pc-content__video .pc-content-text {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.pc-content__video-cover-image {
height: 260px !important;
padding-top: 0 !important;
margin-top: 0 !important;
margin-left: 0px;
margin-right: 0px;
border-radius: 10px;
}
}
.pc-container-custom-video-slider {
margin-bottom: 24px;
}
.pc-dashboard__video-slider--disable {
margin-bottom: 24px;
}
.pc-container-custom-video-slider {
margin-bottom: 24px;
}
.pc-dashboard__video-slider--disable {
margin-bottom: 24px;
}
.pc-content__container-top {
padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
.pc-content__container-top {
max-width: 720px;
}
.pc-content-text:not(.pc-video-container .pc-content-text) {
margin-bottom: 52px;
}
}
@media only screen and (min-width: 992px) {
.pc-content__container-top {
max-width: 960px;
}
.pc-content-text:not(.pc-video-container .pc-content-text) {
margin-bottom: 52px;
}
}
.inside-native-app .pc-content__container-top {
padding-left: 0;
padding-right: 0;
}
@media only screen and (max-width: 767px) {
.pc-content__container-top {
padding: 24px 0 0;
max-width: fit-content;
}
.pc-content__no-main-image {
padding-top: 36px;
}
}
@media only screen and (max-width: 767px) {
.pc-content-text:not(.pc-video-container .pc-content-text) p {
padding-left: 20px;
padding-right: 20px;
}
.pc-content-text:not(.pc-video-container .pc-content-text) {
margin-bottom: 44px;
}
}
.pc-content__video .pc-content-text:first-child .app-content-wrap {
margin-top: 0;
padding-top: 0;
}
@media (max-width: 576px) {
.pc-content__video .pc-content-text {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 992px) {
.pc-content__video-cover-image {
height: 260px !important;
padding-top: 0 !important;
margin-top: 0 !important;
margin-left: 0px;
margin-right: 0px;
border-radius: 10px;
}
}
.gc-popup-spotify {
display: flex;
justify-content: space-between;
background-color: #f7e3ce;
}
.gc-popup-spotify__button-container {
position: absolute;
bottom: 113px;
width: 100%;
margin-bottom: env(safe-area-inset-bottom);
}
.gc-popup-spotify__button-container button {
height: 56px;
}
.gc-popup-spotify__cancel-button {
margin-top: 20px;
}
.gc-popup-spotify__info-body {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
height: calc(calc(100vh - 12vh) - 245px);
}
.gc-popup-spotify__spotify-icon {
display: block;
margin: auto;
height: 54.66px;
width: 54.66px;
}
.gc-popup-spotify__spotify-icon svg path {
fill: #1ED760;
}
.gc-popup-spotify__info {
display: flex;
flex-direction: column;
align-items: center;
background: #f7e3ce;
}
.gc-popup-spotify__info div {
margin-left: 11px;
margin-right: 11px;
}
.gc-popup-spotify__spotify-text {
color: #003314;
text-align: center;
margin-top: 27.47px;
line-height: 26px;
}
.gc-popup-spotify__error_info {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 50px;
background: #f7e3ce;
position: absolute;
top: 0;
left: 0;
height: 70vh;
margin-top: 30px;
width: 100%;
justify-content: center;
}
.gc-popup-spotify__error-icon {
text-align: center;
width: 50px;
}
.gc-popup-spotify__error-icon svg {
width: 50px;
height: 44.86px;
}
.gc-popup-spotify__error-icon svg path {
fill: #FB3865;
}
.gc-popup-spotify__no-premium-text {
color: #003314;
text-align: center;
margin-top: 20px;
line-height: 26px;
}
.gc-tab-spotify__info-wrapper {
display: flex;
height: 34px;
align-items: center;
}
@supports (padding-top: env(safe-area-inset-bottom)) {
.gc-tab-spotify__info {
position: fixed;
display: flex;
left: 0;
bottom: 0;
width: 100%;
padding-bottom: env(safe-area-inset-bottom);
background-color: #1ED760;
align-content: center;
align-items: center;
z-index: 10;
}
}
@supports not (padding-top: env(safe-area-inset-bottom)) {
.gc-tab-spotify__info {
position: fixed;
display: flex;
left: 0;
bottom: 0;
width: 100%;
background-color: #1ED760;
align-content: center;
align-items: center;
z-index: 10;
}
}
.gc-tab-spotify__info-content {
position: absolute;
padding-left: 20px;
padding-right: 20px;
align-items: center;
}
.gc-tab-spotify__connect {
display: flex;
flex-direction: row;
align-items: center;
}
.gc-tab-spotify__connect-icon {
padding-left: 10px;
}
.gc-tab-spotify__connect-icon svg {
max-width: 69.07px;
max-height: 24.94px;
}
.gc-tab-spotify__connect-icon svg path {
fill: white;
}
.gc-tab-spotify__text {
color: white;
}
.gc-tab-spotify__icon-forward {
position: absolute;
right: 5px;
color: white;
}
.gc-tab-spotify__icon-forward svg {
height: 15px;
}
.gc-tab-spotify__icon-forward svg path {
fill: white;
}
.body-spotify {
background-color: #1ED760;
}
.gc-popup-spotify-player {
display: flex;
justify-content: space-between;
background-color: #f7e3ce;
}
.gc-popup-spotify-player__info-body {
position: absolute;
max-width: 540px;
right: -20px;
left: -20px;
}
.gc-popup-spotify-player__empty-info-body {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.gc-popup-spotify-player__empty-info-inner {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 122.88px;
background: #f7e3ce;
}
.gc-popup-spotify-player__info {
display: flex;
flex-direction: column;
align-items: center;
top: 60px;
height: 209px;
background: #f7e3ce;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}
.gc-popup-spotify-player__info-play {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 111px;
background: #f7e3ce;
}
.gc-popup-spotify-player__image {
height: 60px;
width: 60px;
border: 2px solid #FFFFFF;
filter: drop-shadow(0px 5px 6px rgba(0, 0, 0, 0.25));
}
.gc-popup-spotify-player__play-button {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
margin-top: 15px;
background-color: #003314;
border-radius: 32.5px;
}
.gc-popup-spotify-player__play-icon {
display: inline-block;
margin-left: 5px;
}
.gc-popup-spotify-player__play-icon path {
fill: white;
}
.gc-popup-spotify-player__pause-icon {
display: inline-block;
}
.gc-popup-spotify-player__pause-icon path {
fill: white;
}
.gc-popup-spotify-player__exit-icon {
position: absolute;
right: 0;
top: 0;
}
.gc-popup-spotify-player__exit-icon svg {
width: 28px;
height: 28px;
}
.gc-popup-spotify-player__exit-icon path {
fill: #003314;
}
.gc-popup-spotify-player__album-title-text {
position: relative;
margin-top: 15px;
height: 26px;
color: #003314;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 80%;
}
.gc-popup-spotify-player__artist-text {
color: #003314;
line-height: 19px;
height: 19px;
margin-top: 1px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 80%;
}
.gc-popup-spotify-player__playlist {
margin-top: 5px;
overflow-y: scroll;
height: calc(calc(var(--vh, 1vh) * 88) - 289px);
margin-left: 20px;
padding-right: 20px;
background-color: #f7e3ce;
}
.gc-popup-spotify-player__playlist-text {
color: #003314;
line-height: 24px;
margin-top: 20px;
margin-bottom: 15px;
}
.gc-popup-spotify-player__playlist-item {
display: flex;
flex-direction: row;
padding-bottom: 15px;
font-size: 10px;
}
.gc-popup-spotify-player__playlist-item-image {
height: 50px;
width: 50px;
object-fit: cover;
border: 2px solid #FFFFFF;
box-sizing: border-box;
}
.gc-popup-spotify-player__playlist-title-text {
display: flex;
align-items: center;
color: #003314;
margin-left: 15px;
}
.gc-tab-spotify__section-playing {
display: flex;
}
.gc-tab-spotify__text_song {
color: white;
max-width: 160px;
text-overflow: ellipsis;
height: 1em;
overflow: hidden;
white-space: nowrap;
}
.gc-popup-spotify-logout {
display: flex;
justify-content: space-between;
background-color: #f7e3ce;
}
.gc-popup-spotify-logout__info-body {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.gc-popup-spotify-logout__info {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin-top: 5px;
background: #f7e3ce;
}
.gc-popup-spotify-logout__spotify-title {
color: #003314;
text-align: center;
line-height: 45px;
}
.gc-popup-spotify-logout__spotify-sub-title {
color: #003314;
margin-top: 34px;
text-align: center;
line-height: 26px;
height: 78px;
margin-left: 3px;
margin-right: 3px;
}
.gc-popup-spotify-logout__button-container {
padding-top: 123px;
width: 100%;
}
.gc-popup-spotify-logout__button-container button {
height: 56px;
}
.gc-popup-spotify-logout__activity {
margin-top: 41px;
margin-left: auto;
margin-right: auto;
}
.gc-popup-spotify-logout__activity div {
height: 20px !important;
width: 20px !important;
}
.gc-popup-spotify-logout__cancel-button {
margin-top: 20px;
}
.gc-popup-spotify-logout__spotify-icon {
display: block;
margin: auto;
height: 54.66px;
width: 54.66px;
}
.gc-popup-spotify-logout__spotify-icon svg path {
fill: #1ED760;
}
.spotify-success-area {
background: white;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.spotify-success-area__content {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.spotify-success-area__text {
margin-top: 22.47px;
color: #003314;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 20px;
margin-right: 20px;
line-height: 22px;
}