.quiz-container{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;font-weight:500;overflow-x:hidden;position:relative;max-width:100vw;margin:0 auto}.quiz-header{width:100%;background-color:#fff;position:sticky;top:0;z-index:10;padding:.2rem .5rem}.quiz-header-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:1100px;margin:0 auto;padding:0 1rem}@media (max-width: 900px){.quiz-header-content{max-width:95vw;padding:.25rem .5rem}}.quiz-back-button{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;color:#333}.quiz-logo{width:96px;height:48px}.quiz-logo img{width:100%;height:100%;object-fit:contain}.quiz-progress{font-weight:400;color:#333}.quiz-progress-bar{width:100%;height:4px;background-color:#384b48;margin:0}.progress-bar-fill{height:4px;background:#111917;transition:width .3s ease-in-out}.quiz-content{width:100%;display:flex;justify-content:center;padding:20px 0;position:relative}.quiz-content-wrapper{display:flex;align-items:none;justify-content:center}@media (min-width: 768px){.quiz-content-wrapper{min-height:100%;height:100%}}.video-wrapper{width:100%;max-width:1200px;margin:0 auto;position:relative}.flex{display:flex}.items-center{align-items:center}.min-h-\[70vh\]{min-height:70vh}@media (min-width: 768px){.md\:min-h-full{min-height:100%}.md\:h-full{height:100%}}.bg-quad-gradient{background:radial-gradient(circle at top right,#69807c 10%,#39524e 40%,#69807c 90%);position:fixed;top:0;right:0;bottom:0;left:0;z-index:-20}.question-container-wrapper{max-width:800px;margin:.5em auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.question-title{font-size:1.6rem;font-weight:500;color:#fff;margin:2rem 0 1.5rem;text-align:center;max-width:700px}.question-subtitle{font-size:.8rem;color:#fff!important;margin:.5em auto 1.5em;font-weight:500;text-transform:uppercase;max-width:600px;padding:0 1rem;letter-spacing:.05em;text-align:center;word-wrap:break-word}.options-wrapper{display:flex;flex-direction:column;margin:10px auto;padding:0 1rem;gap:10px;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom));max-width:500px}@media (min-width: 768px){.options-wrapper{padding-bottom:0}}.option,.option2{position:relative;cursor:pointer;padding:10px 15px;display:flex;justify-content:space-between;text-align:left;align-items:center;margin-bottom:0;color:#1d3d39;font-weight:500;font-size:1rem;transition:all .12s ease-out;background:#fff;border:none;box-shadow:0 2px 8px #5a8a760a;border-radius:.375rem;min-height:35px;word-wrap:break-word;overflow-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (hover: hover) and (min-width: 769px){.option:hover{background:#111917!important;color:#fff!important}.option2:hover{background:#111917;color:#fff}.option2:hover svg path{fill:#fff}}@media (max-width: 768px){.option,.option2{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;padding:15px 20px;min-height:48px}.options-wrapper{gap:12px;padding:0 1rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.option:hover,.option:active,.option2:hover,.option2:active{background:#fff!important;color:#111917!important}.option2:hover svg path,.option2:active svg path{fill:#121917!important}.option.selected,.option.selected:hover,.option.selected:active,.option2.selected,.option2.selected:hover,.option2.selected:active{background:#111917!important;color:#fff!important}.option2.selected svg path,.option2.selected:hover svg path,.option2.selected:active svg path{fill:#fff!important}}.option,.option2,.option svg,.option2 svg{will-change:background-color,color,transform;transition:all .2s ease-in-out}.option.selected,.option2.selected{background:#111917!important;color:#fff!important}.option2 svg{margin-left:4px;transition:all .2s ease-in-out;flex-shrink:0}.input-wrapper{width:100%;max-width:600px;margin:0 auto;padding:0 20px}.input-field{width:100%;max-width:500px;padding:1rem;font-size:1rem;border:none;border-radius:.5rem;background:#fff;margin-bottom:1.5rem}.input-field:focus{outline:none;box-shadow:0 0 0 2px #4aa75e4d}.info-page-wrapper{width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:1rem;padding:1rem;overflow-x:hidden}@media (min-width: 768px){.info-page-wrapper{flex-direction:row;gap:2rem;padding:2rem;margin-top:4rem}}.info-content{width:100%;max-width:500px;padding:0 1rem}@media (min-width: 768px){.info-content{width:33.333%;padding:0}}.info-title{margin-bottom:1rem;font-size:1.875rem;font-weight:600;line-height:1.25}@media (min-width: 768px){.info-title{margin-bottom:2.5rem;font-size:3rem}}.info-description{margin-bottom:.5rem;font-size:.875rem;line-height:1.5}@media (min-width: 768px){.info-description{margin-bottom:1.25rem;font-size:1rem}}.info-feature-list{margin-bottom:.75rem}@media (min-width: 768px){.info-feature-list{margin-bottom:1.5rem}}.info-feature-item{display:flex;flex-direction:row;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.875rem}@media (min-width: 768px){.info-feature-item{margin-bottom:.5rem;font-size:1rem}}.info-feature-icon{width:1rem;height:1rem}.info-image-container{width:100%;max-width:300px;height:300px;position:relative}@media (min-width: 768px){.info-image-container{max-width:500px;height:400px}}.info-image{width:100%;height:100%;object-fit:contain}.calculation-page{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:800px;margin:0 auto;padding:20px}.calculation-image{width:220px;height:220px;margin-bottom:40px;position:relative}.calculation-image img{width:100%;height:100%;object-fit:contain}.calculation-title{font-size:24px;font-weight:600;color:#000}.quiz-button{background:#01a76f;color:#fff;padding:1rem 1.5rem;border-radius:.5rem;border:none;font-size:1rem;font-weight:500;cursor:pointer;width:100%;max-width:500px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.quiz-button:hover{background:#01a76f}.quiz-button:disabled{background:#01a76f;opacity:.4;cursor:not-allowed}.quiz-button svg{margin-left:.5rem}.fixed-bottom-button{position:fixed;bottom:0;box-sizing:border-box;left:0;width:100%;padding:1rem;background:#fff;box-shadow:0 -2px 10px #0000000d;z-index:10;display:flex;justify-content:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 768px){.quiz-container{padding:0}.quiz-header-content{padding:.25rem}.quiz-logo{width:80px;height:40px}.info-image{width:min(180px,50vw);height:min(180px,50vw);margin-bottom:1.5rem}.info-content{padding:0 1rem}.info-description,.feature-item{font-size:clamp(.875rem,2vw,1rem)}.option,.option2{min-height:35px;padding:15px 20px}.fixed-bottom-button{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.quiz-button{min-height:50px}}@supports (padding: max(0px)){.fixed-bottom-button{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.options-wrapper{padding-bottom:max(5.5rem,calc(5.5rem + env(safe-area-inset-bottom)))}}.option *,.option2 *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.weight-page-wrapper{display:flex;flex-direction:row;flex-wrap:wrap-reverse;align-items:center;justify-content:center;width:100%;gap:20px;margin:0 auto}.weight-page-content{text-align:center;width:83.333333%}.weight-page-title{margin-top:1.25rem;margin-bottom:2.5rem;font-size:1.875rem;font-weight:500}.weight-unit-toggle{background:#efefff;color:#000;width:100%;display:flex;flex-direction:row;justify-content:center;margin:0 auto;padding:.25rem;border-radius:6px;gap:.5rem;cursor:pointer}.weight-unit-option{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:6px;transition:background-color .2s ease-in-out}.weight-unit-option.active{background-color:#fff}.weight-unit-option p{font-weight:500;font-size:.875rem}.weight-inputs-wrapper{width:100%;max-width:33.333333%;margin:0 auto 1.25rem}.weight-label{text-align:center;font-size:.875rem;font-weight:500;color:#585764;margin:1.25rem 0}.weight-input-container{position:relative;width:100%;margin:.75rem 0}.weight-input{display:block;width:100%;padding:1.25rem .625rem .625rem;font-size:16px;color:#111827;background-color:#f9fafb;border:0;border-radius:.375rem;-webkit-appearance:none;appearance:none}.weight-input:focus{outline:none;ring:0}.weight-input-label{position:absolute;top:1rem;left:1rem;font-size:.875rem;color:#6b7280;transform-origin:0;transition:transform .3s;z-index:10}.weight-input:not(:placeholder-shown)+.weight-input-label,.weight-input:focus+.weight-input-label{transform:translateY(-1rem) scale(.75)}.weight-error-message{font-size:.875rem;color:#ef4444}.input-page-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:5rem auto 0}.input-page-content{text-align:center;width:83.333333%}.input-page-title{font-size:1.875rem;font-weight:500;color:#000;margin-bottom:1.5rem}.input-page-subtitle{margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.input-container{width:100%;max-width:33.333333%;margin:0 auto}.input-field-container{position:relative;display:flex;flex-direction:column}.input-field{display:block;width:100%;padding:1.25rem .625rem .625rem;font-size:16px;color:#111827;background-color:#fff;border:0;-webkit-appearance:none;appearance:none}.input-field:focus{outline:none;ring:0}.input-field-label{position:absolute;top:1rem;left:1rem;font-size:.875rem;color:#6b7280;transform-origin:0;transition:transform .3s;z-index:10}.input-field:not(:placeholder-shown)+.input-field-label,.input-field:focus+.input-field-label{transform:translateY(-1rem) scale(.75)}.input-error-message{font-size:.875rem;color:#ef4444;margin-top:.75rem}@media (max-width: 768px){.weight-page-wrapper,.input-page-wrapper{margin-top:1rem}.weight-inputs-wrapper,.input-container{max-width:100%;padding:0 1rem}.weight-page-title,.input-page-title{font-size:1.5rem}}.quiz2 .weight-error-message,.quiz2 .input-error-message{color:#ef4444}.quiz2 .weight-page-title,.quiz2 .input-page-title,.quiz2 .weight-label,.quiz2 .input-page-subtitle{color:#000}.info-button-container{position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:1rem;display:flex;justify-content:center;align-items:center;box-shadow:0 -2px 10px #0000000d;z-index:10}@media (min-width: 768px){.info-button-container{position:static;background:none;box-shadow:none;padding:1rem 0;margin-top:1rem}}.info-button{width:100%;max-width:500px;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#7ebf90;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;border:none;font-weight:500;cursor:pointer;transition:all .2s}.info-button:hover{transform:scale(1.05)}.feature-list{margin:1rem 0}.feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.25}@media (min-width: 768px){.feature-item{font-size:1rem;margin-bottom:.75rem}}.animate-fade-in{animation:fadeIn 1s ease-in-out}.unit-toggle{display:flex;overflow:hidden;background-color:#f5f7ff;border-radius:.5rem;margin:1.5rem auto;width:100%;max-width:400px}.unit-option{flex:1;padding:.75rem 1.5rem;text-align:center;cursor:pointer;font-weight:500;transition:background-color .2s ease;color:#333}.unit-option.active{background-color:#fff;color:#000;box-shadow:0 2px 8px #0000001a}.input-label{font-weight:400;color:#777;margin-bottom:.5rem;font-size:.9rem}.section-label{text-align:center;font-size:.9rem;font-weight:500;color:#000;margin:1.5rem 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.input-group{width:100%;max-width:500px;margin:0 auto}.input-container{margin-bottom:1rem}
/*# sourceMappingURL=/cdn/shop/t/1/assets/weight-loss-1-quiz.css.map */