header{display:none}body{background:#fffbf0;background-blend-mode:overlay}#app,.quiz-page{width:100%}.quiz-header{display:grid;align-items:center;padding-bottom:10px;margin-bottom:12px;background:#212324;grid-template-areas:"logo logo" "progress progress";position:relative}.header-back{width:32px;height:32px;background:transparent;border:none;color:#f9fafb;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:calc(50% - 30px)}.header-logo{grid-area:logo;max-width:180px;height:auto;padding-top:30.35px;padding-bottom:44.34px;margin:0 auto}.header-progress-wrapper{grid-area:progress;flex:1;height:3px;overflow:hidden;background:#e8f5e9;border-radius:5px}.header-progress-bar{height:100%;width:0%;background:#02b974;border-radius:inherit;transition:width .2s linear}.quiz-card{padding:16px;max-width:100%;margin:0 auto;width:100%}.quiz-card.animate-in{animation:slideIn .25s ease-out}.quiz-card.animate-out-forward{animation:slideOutLeft .25s ease-in}.quiz-card.animate-out-backward{animation:slideOutRight .25s ease-in}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.quiz-title{margin-bottom:18px;color:#0a0908;text-align:center;font-family:Poppins;font-size:26px;font-style:normal;font-weight:400;line-height:140%;text-transform:capitalize}.quiz-sub{font-size:.9rem;color:#4b5563;text-align:center;margin-bottom:18px}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.quiz-btn{width:100%;padding:16px 16px 16px 58px;border-radius:5px;border:2px solid #eaeaeb;background:#fff;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;color:#0a0908;font-family:Montserrat;font-size:14.4px;font-style:normal;font-weight:700;line-height:15.84px}.quiz-btn:hover{border:2px solid #02b974;background:linear-gradient(0deg,#ddf4eb 0% 100%),#02b974}.quiz-btn.selected{border:2px solid #02b974;background:linear-gradient(0deg,#ddf4eb 0% 100%),#02b974;color:#022c22}.quiz-footer{margin-top:16px}.quiz-cta{width:100%;padding:12px 16px;border-radius:999px;border:none;background:#f59e0b;color:#111827;font-weight:600;cursor:pointer;font-size:.95rem}.quiz-cta:disabled{opacity:.4;cursor:default}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.goal-card{background:#fff;overflow:hidden;border:2px solid #eaeaeb;cursor:pointer;display:flex;flex-direction:column;padding:16px;border-radius:5px}.goal-card.selected{border-color:#f97316;box-shadow:0 10px 24px #f89b3cb3}.goal-card img{width:100%;height:100%;object-fit:cover;border-radius:8px}.goal-card-label{color:#0a0908;text-align:center;font-family:Montserrat;font-size:14.4px;font-style:normal;font-weight:700;line-height:15.84px;padding-top:16px}.goal-all-btn{margin-top:4px;width:100%;padding:10px 14px;border-radius:5px;border:1px solid rgba(148,163,184,.9);background:#fff;cursor:pointer;color:#0a0908;font-family:Montserrat;font-size:14.4px;font-style:normal;font-weight:700;line-height:15.84px}.goal-all-btn.selected{border:2px solid #02b974;background:linear-gradient(0deg,#ddf4eb 0% 100%),#02b974;color:#022c22}.thinking-header{color:#0a0908;text-align:center;font-family:Poppins;font-size:26px;font-style:normal;font-weight:400;line-height:140%;text-transform:capitalize;margin-bottom:16px}.spinner{width:40px;height:40px;border-radius:999px;border:4px solid #bbf7d0;border-top-color:#22c55e;margin:0 auto 18px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.thinking-list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}.thinking-item{display:none;align-items:center;gap:8px;font-size:.9rem;color:#4b5563}.thinking-icon{width:18px;height:18px;border-radius:999px;border:2px solid #9ca3af;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:transparent}.thinking-item.done{display:flex}.thinking-item span{color:#0a0908;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.result-title{color:#0a0908;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:700;line-height:22.88px}.result-badge{color:#f04d4d;text-align:center;font-family:Montserrat;font-size:14.4px;font-style:normal;font-weight:700;line-height:21.6px;padding:4px 8px;border-radius:9.6px;background:#fce3e3;border:1px solid #f9bdbd}.result-body{padding:10px;border-radius:8px;background:#fff;box-shadow:0 0 10px #00000014}.result-photo{width:100%;border-radius:12px;object-fit:cover;display:block;margin:0 auto 10px;max-width:288px}.result-scale{margin-bottom:8px}.result-scale-bar{height:8px;border-radius:8px;background:linear-gradient(90deg,#96d9ff 1.63%,#b7f5a8 24.72%,#f9eb7c 54.9%,#e96b58 81.94%);position:relative;margin-bottom:4px}.result-scale-thumb{position:absolute;top:50%;left:0%;width:26.39px;height:26.39px;flex-shrink:0;transform:translate(-50%,-50%);transition:left .6s ease-out;border-radius:32px;border:4px solid rgba(63,72,82,.2);background:#fff;box-shadow:0 4.8px 11.2px #4446404d}.result-wrapper{border-radius:8px;background:#fce3e3;display:grid;grid-template-columns:auto auto;grid-template-areas:"icon heading-warning" "icon sub-heading-warning";padding:12px;place-content:start;gap:0 14px}.result-scale-labels{display:flex;justify-content:space-between;font-size:.7rem;color:#4b5563;padding:0 1rem}.result-scale-labels span{color:#0a0908;font-family:Montserrat;font-size:12.8px;font-style:normal;font-weight:400;line-height:17.92px}.result-text-icon{grid-area:icon;border-radius:6.4px;background:#f9bdbd;display:flex;width:38.39px;height:38.39px;padding:9.2px 9.59px 9.193px 9.6px;justify-content:center;align-items:center}.result-text-title{color:#0a0908;font-family:Montserrat;font-size:12.8px;font-style:normal;font-weight:700;line-height:17.92px;grid-area:heading-warning;margin-bottom:5px}.result-text-body{color:#0a0908;font-family:Montserrat;font-size:12.8px;font-style:normal;font-weight:400;line-height:17.92px;grid-area:sub-heading-warning}.result-cta,.goal-continue-btn{width:100%;margin-top:14px;padding:12px;border-radius:5px;border:none;background:#f59e0b;cursor:pointer;color:#000;text-align:center;font-family:Poppins;font-size:15px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:1px;text-transform:uppercase}.tooltiptext{color:#fff;text-align:center;font-family:Montserrat;font-size:14.4px;font-style:normal;font-weight:700;background-color:#3f4852;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-56px;width:112px;padding:6.2px 18.907px 6.2px 19.2px;border-radius:6.4px;box-shadow:0 4.8px 11.2px #4446404d}.tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#3F4852 transparent transparent transparent}@media screen and (min-width: 769px){.quiz-card{max-width:390px}.quiz-card.final-step{max-width:1140px}.result-text-icon{width:51.19px;height:51.19px;padding:15.59px 15.6px 15.6px 15.59px}.result-scale-thumb{width:32px;height:32px}.tooltiptext{font-size:19.2px;width:144px;margin-left:-72px;padding:4.8px 22.578px 4.8px 22.94px}.result-cta{max-width:358px;display:block;width:100%;margin-left:auto;margin-right:auto;margin-top:50px}.quiz-title{margin-bottom:50px}.header-back{left:36px}}
/*# sourceMappingURL=/cdn/shop/t/759/assets/heart-health-quiz.css.map */