:root{--bg-primary:#0d6efd;--bg-secondary:#fff;--bg-tertiary:#e8f1ff;--text-primary:#000;--text-secondary:#fff;--text-tertiary:#f2f2f2;--color-border:#1918251a;--color-shadow:#0000001a;--font-family-primary:"Inter",sans-serif;--font-size-h1:1.938rem;--font-size-h2:1.75rem;--font-size-h3:1.25rem;--font-size-content:1rem;--font-size-xs:.875rem;--font-size-sm:.9375rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-button:var(--font-size-content);--font-size-label:var(--font-size-content);--font-weight-title:700;--font-weight-content:400;--line-height-title:2;--line-height-content:1.5;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--label-spacing-inline:20%;--label-spacing-none:0;--radius-xxl:.75rem;--radius-xl:.5rem;--radius-lg:.375rem;--radius-md:.25rem;--radius-sm:.125rem;--radius-xs:.0625rem;--radius-none:0}h4,h5,h6,h3,h2,h1{line-height:var(--line-height-title);font-weight:var(--font-weight-title);font-family:var(--font-family-primary),sans-serif;color:var(--text-primary)}.container{max-width:100%;margin:auto;padding:0}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{font-size:var(--font-size-content);font-weight:var(--font-weight-content);color:var(--text--primary);line-height:var(--line-height-content);font-family:var(--font-family-primary),sans-serif}span{font-size:var(--font-size-label);font-weight:var(--font-weight-content)}button{background:var(--bg-primary);font-size:var(--font-size-button);font-weight:var(--font-weight-title);line-height:var(--line-height-title);color:var(--text-invert);border-radius:var(--radius-xxl);cursor:pointer;align-items:center;gap:var(--spacing-xs);border:1px solid #0000;transition:all .2s ease-in-out;display:flex}@media (width>=768px){:root{--font-size-h1:2.125rem}body{margin:auto}.container{padding:0 var(--spacing-md);max-width:720px}}@media (width>=1080px){:root{--font-size-h1:2.5rem}.container{padding:0 var(--spacing-lg);max-width:1220px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-primary),serif;color:var(--text-primary);background-color:var(--bg-tertiary)}img{max-width:100%;display:block}button,input,textarea{font:inherit}.flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-auto{flex:auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-1{flex-basis:100%}.flex-2{flex-basis:50%}.flex-3{flex-basis:33.33%}.flex-4{flex-basis:25%}.flex-center{justify-content:center;align-items:center}.flex-start{justify-content:flex-start;align-items:center}.flex-end{justify-content:flex-end;align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.item-center{align-self:center}.item-start{align-self:flex-start}.item-end{align-self:flex-end}.item-stretch{align-self:stretch}.item-baseline{align-self:baseline}.self-center{align-items:center}.self-start{align-items:flex-start}.self-end{align-items:flex-end}.self-stretch{align-items:stretch}.self-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.w-auto{width:auto}.w-half{width:50%}.w-third{width:33.33%}.w-quarter{width:25%}.w-fit{width:fit-content}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-l-0{padding-left:0}.p-l-xs{padding-left:var(--spacing-xs)}.p-l-sm{padding-left:var(--spacing-sm)}.p-l-md{padding-left:var(--spacing-md)}.p-l-lg{padding-left:var(--spacing-lg)}.p-r-0{padding-right:0}.p-r-xs{padding-right:var(--spacing-xs)}.p-r-sm{padding-right:var(--spacing-sm)}.p-r-md{padding-right:var(--spacing-md)}.p-r-lg{padding-right:var(--spacing-lg)}.p-t-0{padding-top:0}.p-t-xs{padding-top:var(--spacing-xs)}.p-t-sm{padding-top:var(--spacing-sm)}.p-t-md{padding-top:var(--spacing-md)}.p-t-lg{padding-top:var(--spacing-lg)}.p-b-0{padding-bottom:0}.p-b-xs{padding-bottom:var(--spacing-xs)}.p-b-sm{padding-bottom:var(--spacing-sm)}.p-b-md{padding-bottom:var(--spacing-md)}.p-b-lg{padding-bottom:var(--spacing-lg)}.p-x-0{padding-left:0;padding-right:0}.p-x-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.p-x-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.p-x-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.p-x-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.p-y-0{padding-top:0;padding-bottom:0}.p-y-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.p-y-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.p-y-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.p-y-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-l-0{margin-left:0}.m-l-xs{margin-left:var(--spacing-xs)}.m-l-sm{margin-left:var(--spacing-sm)}.m-l-md{margin-left:var(--spacing-md)}.m-l-lg{margin-left:var(--spacing-lg)}.m-r-0{margin-right:0}.m-r-xs{margin-right:var(--spacing-xs)}.m-r-sm{margin-right:var(--spacing-sm)}.m-r-md{margin-right:var(--spacing-md)}.m-r-lg{margin-right:var(--spacing-lg)}.m-t-0{margin-top:0}.m-t-xs{margin-top:var(--spacing-xs)}.m-t-sm{margin-top:var(--spacing-sm)}.m-t-md{margin-top:var(--spacing-md)}.m-t-lg{margin-top:var(--spacing-lg)}.m-b-0{margin-bottom:0}.m-b-xs{margin-bottom:var(--spacing-xs)}.m-b-sm{margin-bottom:var(--spacing-sm)}.m-b-md{margin-bottom:var(--spacing-md)}.m-b-lg{margin-bottom:var(--spacing-lg)}.m-x-0{margin-left:0;margin-right:0}.m-x-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.m-x-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.m-x-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.m-x-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.m-y-0{margin-top:0;margin-bottom:0}.m-y-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.m-y-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.m-y-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.m-y-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.color-primary{color:var(--text-primary)}.color-secondary{color:var(--text-secondary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.font-primary{font-family:var(--font-family-primary),sans-serif}.font-bold{font-weight:var(--font-weight-title)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xxl{border-radius:var(--radius-xxl)}.rounded-none{border-radius:0}.rounded-1{border-radius:1rem}.rounded-2{border-radius:2rem}.rounded-3{border-radius:3rem}.rounded-4{border-radius:4rem}.rounded-5{border-radius:5rem}.rounded-6{border-radius:6rem}.hidden{display:none}.visible{display:block}.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}#recommendation-list{padding-left:4rem}.header-information-wrapper{background-color:var(--bg-primary)}.footer-information-wrapper{background-color:#233f67}.phone-icon{background-color:var(--bg-secondary);border-radius:50%;width:2.5rem;height:2.5rem}.phone-number{color:var(--bg-secondary);font-size:1.2rem;font-weight:700}.phone-number:hover{color:var(--bg-primary)}.gender-toggle button{background-color:var(--bg-tertiary);border-radius:6rem}.gender-toggle .active{background-color:var(--bg-secondary)}.gender-toggle span{font-size:var(--font-size-h3);color:var(--text-primary)}#form-section{border-radius:var(--radius-xxl);width:40%;box-shadow:var(--shadow-xs);border:1px solid #0000}.bmi-form-wrapper{background-color:#fff;border:2px solid #dee2e6;border-radius:12px;transition:box-shadow .3s;box-shadow:0 4px 12px #0000000d}.bmi-form-wrapper:hover{box-shadow:0 6px 20px #0000001a}.bmi-form-wrapper input{transition:border-color .2s,box-shadow .2s}.bmi-form-wrapper input:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 2px #0d6efd40}#result-section{width:100%}#bmi-content{flex-flow:column wrap;width:55%;display:flex}.bmi-result-line{flex-direction:column;width:12.5%;display:flex}.bmi-result-line span{width:100%;height:6px}#grade-3-lean span{background-color:#fe0100}#grade-2-lean span{background-color:#fe9900}#grade-1-lean span{background-color:#ffbc7c}#grade-normal span{background-color:#01b203}#grade-pre-obese span{background-color:#cc99fe}#grade-1-obese span{background-color:#993365}#grade-2-obese span{background-color:#81017f}#grade-3-obese span{background-color:#343399}.bmi-result-line .bmi-arrow{justify-content:center;width:100%;margin-top:.5rem;display:flex}.information-view p,i{width:100%}
/*# sourceMappingURL=app.5dfed8bf.css.map */