:root { --progress: #e2e4e8; --progress-track: #EDC9AA; --type-options-images-name-background: #fff; --type-options-images-name-color: #282828; --type-options-images-name-svg-path-stroke: transparent; --type-options-images-container-height: 150px; --type-options-images-img-height: 150px; --type-options-images-name-font-size: 20px; --type-title-text-color: #000000; --type-title-font-weight: 600; --type-title-font-size: 28px; --type-title-line-height: 130%; --type-button-border-radius: 50px; --type-button-background-color: #77C26A; --type-button-text-color: #FFFFFF; --type-button-disabled-background: #C9E5C4; --type-button-disabled-text-color: white; --type-button-container-border-radius: 50px; --type-button-height: 70px; --type-button-font-size: 17px; --type-button-font-weight: 700; --type-input-form-input-border: 2px solid #DDDDDD; --type-input-form-input-border-radius: 16px; --type-input-form-input-background: #fafafa; --type-input-form-input-color: black; --type-input-form-input-focus-border-color: #DDDDDD; --type-input-form-input-placeholder-color: #707070; --type-input-form-input-padding: 15px; --type-input-form-label-font-weight: 600; --type-input-form-input-font-size: 16px; --type-options-descr-border-radius: 16px; --type-options-multiple-square-border: 2px solid #F5F6F8; --type-options-label-selected-descr-background: #FBD0AA; --type-options-label-selected-descr-color: #000000; --type-options-descr-color: #282828; --type-options-descr-svg-path-stroke: transparent; --type-options-multiple-label-selected-square-background: #FBD0AA; --type-options-multiple-square-svg-path-fill: #F89A1F; --type-options-descr-font-weight: 700; --type-options-evaluation-list-border-radius: 16px; --type-options-evaluation-list-age-weight-border-radius: 16px; --type-options-evaluation-value-color: black; --type-options-evaluation-list-background-color: transparent; --type-options-evaluation-count-selected-background: white; --type-options-evaluation-count-selected-color: black; --type-options-evaluation-count-num-background: white; --type-options-evaluation-count-num-hover-background: white; --type-options-evaluation-count-num-width: 63px; --type-options-evaluation-count-num-height: 63px; --type-options-evaluation-count-selected-box-shadow: 0 0 0 2px #F69C1E; --type-options-evaluation-value-font-size: 0px; --type-options-evaluation-count-num-font-size: 20px; --type-options-evaluation-bottom-font-size: 15px; --type-options-multiple-images-checkbox-border: 2px solid #F89A1F; --type-progress-circle-number-color: black; --type-progress-circle-max-width: 200px; --type-progress-circle-max-height: 200px; } @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Quicksand:wght@300..700&display=swap'); html, body { font-family: "Quicksand", sans-serif; } .button-spinner.blocked { pointer-events: none; opacity: 0.6; cursor: not-allowed; user-select: none; } .graph .type-slider-results:first-of-type { border-radius: 16px; } .type-input__form-input.type-input__form-input--text{ border-radius: unset; border-bottom: 2px solid #C1BBB7; border-top: none; border-left: none; border-right: none; text-align: center; width: 90%; font-family: "Lato", sans-serif; } .type-input__form-input.type-input__form-input--text:focus{ border-bottom: 2px solid #658FCA; box-shadow: none; } .graph .type-slider-results .type-slider-results__slide img { -webkit-mask-image: linear-gradient( to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) ); mask-image: linear-gradient( to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; border-radius: 16px; } .type-customers-joined__name-badge { border-radius: 6px; padding: 3px 15px; } .graph .type-customers-joined__title { font-size: 31px; } .start { padding: unset; } .type-title, .subs { font-weight: 700; } .type-button { padding-right: 10px; font-family: "Quicksand", sans-serif; } .type-button__text { flex-grow: 0; } .type-button::after { content: ''; display: block; width: 21px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0123 9.57481L12.6998 16.8873C12.5474 17.0398 12.3406 17.1254 12.125 17.1254C11.9094 17.1254 11.7026 17.0398 11.5502 16.8873C11.3977 16.7349 11.312 16.5281 11.312 16.3125C11.312 16.0969 11.3977 15.8901 11.5502 15.7376L17.4763 9.81246H1.5625C1.34701 9.81246 1.14035 9.72686 0.987976 9.57449C0.835603 9.42212 0.75 9.21545 0.75 8.99996C0.75 8.78448 0.835603 8.57781 0.987976 8.42544C1.14035 8.27307 1.34701 8.18746 1.5625 8.18746H17.4763L11.5502 2.26231C11.3977 2.10985 11.312 1.90307 11.312 1.68746C11.312 1.47186 11.3977 1.26508 11.5502 1.11262C11.7026 0.960162 11.9094 0.874512 12.125 0.874512C12.3406 0.874512 12.5474 0.960162 12.6998 1.11262L20.0123 8.42512C20.0879 8.50058 20.1478 8.59019 20.1887 8.68883C20.2296 8.78746 20.2506 8.89319 20.2506 8.99996C20.2506 9.10674 20.2296 9.21247 20.1887 9.3111C20.1478 9.40974 20.0879 9.49935 20.0123 9.57481Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .type-progress-bars__progress-descr { text-align: left; } .head-main { position: relative; background-color: transparent; } .chart-circle1, .svg-chart-values-vertical{ display: none; } svg.quiz__btn-prev-icon path { stroke: black; } .quiz__btn-prev-icon path:first-of-type { display: none; } .chart-line-text { left: 10px; top: -2px; } .chart-line-text { position: absolute; z-index: 5; background: #FFBC81; color: #ffffff; font-weight: 700; font-size: 14px; padding: 4px 14px; border-radius: 4px; text-align: center; line-height: 1.2; } .chart-line-text + .chart-line-text { display: none; } .progress__bar { height: 9px; width: 0; } .quiz__progress.with_circles .quiz__progress_bar_circles .quiz__progress_bar_circle_item { width: 2px; height: 10px; top: 2.5px; border: 4px solid rgba(0, 0, 0, 0); border-radius: 0px; border-color: #FFF7F0; background: #FFF7F0; } .quiz__progress.with_circles .quiz__progress_bar_circles .quiz__progress_bar_circle_item.active { border-color: #FFF7F0; background: #FFF7F0; } .great [data-block-area-index="3"] { text-align: left; width: auto; } @media (max-width: 768px) { .great [data-block-area-index="3"] { width: 94vw; } } .single-choice_title { font-size: 16px !important; font-weight: 700 !important; } .single-choice_descr { font-size: 15px !important; font-weight: 600 !important; color: #28282880; } .quiz__progress_bar_line { position: relative; z-index: 1; } .quiz__progress_bar_circles .quiz__progress_bar_circle_item { position: relative; z-index: 2; background: #fff; border: 2px solid #f69c1e; } .brand-name { padding: 20px; display: flex; align-items: baseline; gap: 15px; border: 2px solid #e3e3e3; border-radius: 16px; background: #ffffff; justify-content: space-between; } .brand-name img { max-width: 97px; opacity: 50%; } .pulse-button { animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(246, 156, 30, 0.7); } 70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(246, 156, 30, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(246, 156, 30, 0); } } .type-options-images__label { border: 1px solid #e3e3e3; border-radius: 12px; } .type-options-images__name { justify-content: center; } .type-dimension-input__tabs { display: flex; align-items: center; width: 200px; } .type-dimension-input .main__dimension-content.active { gap: 10px; } .type-dimension-input { background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center; } .type-dimension-input .main__dimension-content input { background: transparent; border-color: #C1BBB7; text-align: center; font-weight: 700; font-size: 24px; color: #282828; font-family: "Lato"; } .type-dimension-input .main__dimension-content span { right: 10px; color: #C1BBB7; top: 25px; font-size: 16px; } .type-dimension-input .main__dimension-content input:focus, .type-dimension-input .main__dimension-content input:invalid { border-bottom: 2px solid #658FCA; } .yo-yo_effect .container-type-list { position: absolute; margin-top: 20px; bottom: 0; padding-bottom: 80px; margin-left: auto; margin-right: auto; width: 90%; max-width: 540px; text-align: center; } .bmi, #weight-loss-result { padding: 20px; color: #282828; font-weight: 400 !important; background: white; border-radius: 15px; } .workout-main { margin-top: -225px; } .workout-main__top { display: flex; align-items: center; gap: 10px; justify-content: center; margin-bottom: 15px; } .workout-main__title { font-size: 30px; font-family: "Quicksand", sans-serif; font-weight: 600; margin-bottom: 15px; } .workout-main__subtitle { font-size: 23px; line-height: 120%; font-weight: 600; font-family: "Quicksand", sans-serif; } .type-input__form-input { border-bottom: 3px solid #000000; background: transparent; } .body-screen-email .type-input__form-input { border-bottom: 1px solid #C1BBB7; border-radius: 50px; background: #ffffff; } .type-button[disabled], .type-button:disabled { opacity: 1; } .info-items { display: flex; align-items: flex-start; padding: 0 10px; gap: 10px; } .info-item { display: flex; align-items: center; flex-direction: column; gap: 20px; font-size: 13px; width: 33%; } .brands-items { padding: 15px 0; background: #fdf5e8; } .brands-items__imgs { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; justify-content: space-around; padding: 0 10px; } .brands-items__imgs img { max-width: 112px; } .brand-title { color: rgb(111, 105, 88); font-size: 20px; font-weight: 700; margin-bottom: 35px; } .type-title { font-family: "Quicksand", sans-serif; } .container-type-slider-results { padding: 0 10px; } .reviewes-slider { background: transparent; } .reviewes-slider .type-slider-results__card-title { font-size: 20px; color: black; text-align: start; display: block; margin-top: 20px; } .reviewes-slider .type-slider-results__card-description { color: black; font-size: 18px; color: black; font-weight: 400; text-align: start; line-height: 175%; } .stars { margin: 20px 0 10px 0; } .type-options--multiple .type-options__label.selected .type-options__square svg path { stroke: white; fill: white; } .type-options--multiple .type-options__square { display: none; } .type-options-evaluation__count-num { border-radius: 16px; } .cuisines-type .type-options__square { display: none; } .cuisines-type .type-options__descr { max-height: 70px; } .body-screen-still .type-slider-results__card-image { margin-top: -20px; } .type-slider-results .type-slider-results__pagination { display: none; } .body-screen-still .type-slider-results__card-title { margin-bottom: unset; } .body-screen-still .type-slider-results__card-content { padding: 10px; } .plan .type-slider-results .type-slider-results__card-title { text-align: start; } .plan .type-slider-results .type-slider-results__card-description { text-align: start; } .plan .type-slider-results__card-image { margin-top: -10px; } .graph .type-slider-results__card-image { margin-top: -20px; } .graph .type-slider-results__card-title { margin-bottom: unset; } .likes_buttons{ display: flex; justify-content: space-between; align-items: center; color: #FFFFFF; font-family: 'Quicksand'; font-weight: 700; } .likes_buttons_like { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; width: 140px; height: 66px; background: #77C26A; border-radius: 40px; } .likes_buttons_dislike { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; width: 140px; height: 66px; background: #A6C0DD; border-radius: 40px; } .rate-popup { background: rgb(242, 212, 136); font-size: 20px; color: #282828cc; line-height: 130%; padding: 20px; border-radius: 16px; padding: 30px; } .rate-popup__btn { color: white; padding: 15px 0; background: #f69c1e; width: 100%; border-radius: 16px; margin-top: 5px; } .chart-circle1 { padding: 5px 10px; color: white; background: rgb(247, 38, 14); border-radius: 4px; top: -5px; left: -5px; } .svg-chart-values { justify-content: space-between; font-weight: 700; font-size: 16px; } .item-method { padding: 15px; background: white; border-radius: 16px; display: flex; flex-direction: column; gap: 25px; position: relative; margin-bottom: 30px; } .item-method__title { font-size: 28px; color: #282828; line-height: 130%; } .item-method__title span { color: #f69c1e; } .item-method__list { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; gap: 20px; margin: 0 auto; font-size: 20px; } .item-method__img { max-width: 180px; position: absolute; top: 80px; right: 0; } .type-customers-joined__title { font-size: 20px; } .type-list__item, #goal-text { display: flex; align-items: center; gap: 10px; color: #28282880; font-weight: 700; } .type-progress-bars__popup-title { line-height: 130%; } .title-country { border-top: 1px solid #ddd; padding-top: 15px; } .type-progress-bars__popup { max-width: 540px; } .type-customers-joined::before, .type-customers-joined::after { display: none; } .slider-container { position: relative; overflow: hidden; width: 100%; max-width: 100%; margin: 0 auto; } .slider-images { display: flex; flex-wrap: nowrap; min-width: 0; will-change: transform; animation: slide-left 20s linear infinite; } @keyframes slide-left { from { transform: translateX(0); } to { transform: translateX(-50%); } } .slider-item { flex: 0 0 45%; height: 100%; margin-right: 15px; background: #ffffff; padding: 10px; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; } .slider-item img { flex-shrink: 0; width: 100%; height: 60%; object-fit: cover; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .slider-item .recipe-title { padding-top: 10px; text-align: center; font-size: 14px; } .prev-button, .next-button { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px 15px; font-size: 24px; cursor: pointer; z-index: 1; border-radius: 4px; transition: background-color 0.3s ease; } .prev-button:hover, .next-button:hover { background-color: rgba(0, 0, 0, 0.8); } .prev-button { left: 10px; } .next-button { right: 10px; } /*.great [data-block-area-index="3"] { text-align: left; width: 94vw; }*/ .body-screen-congrats .container-type-html { padding-left: 40px; padding-right: 40px; } .list-item { display: flex; align-items: flex-start; margin-bottom: 10px; font-size: 20px; font-weight: 400; color: #000000; } .list_checkmark { width: 17px; height: 17px; flex-shrink: 0; margin-right: 6px; } .list-id { margin-right: 6px; font-weight: 700; color:#000000; } .list-text { word-wrap: break-word; text-align: left; } #info-block-to-show { display: none; position: absolute; height: 180px; bottom: 0; max-width: 500px; left: 50%; transform: translateX(-50%); padding: 16px; font-weight: 700; font-size: 17px; line-height: 22px; border-radius: 16px; background-color: #EDEDED; color: #282828; } #info-block-to-show.visible { display: block; } @media (max-width: 600px) { #info-block-to-show { left: 0; transform: none; width: 100%; max-width: none; padding-left: 16px; padding-right: 16px; box-sizing: border-box; } } #toast { position: fixed; top: -100px; left: 50%; transform: translateX(-50%); color: white; padding: 15px 25px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); transition: top 0.5s ease; z-index: 9999; font-family: sans-serif; cursor: pointer; font-size: 16px; } #toast.show { top: 20px; } #toast.success { background-color: #52c41a; } #toast.error { background-color: #ff4d4f; } #toast.info { background-color: #1a55c4; }