.bmi-input-group{border-bottom-width:4px;--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.bmi-input-group:focus-within{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.bmi-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4)}@keyframes progress-grow{0%{width:0}to{width:100%}}.animate-progress{animation:progress-grow 1s ease-out forwards}.active-gender{--tw-border-opacity: 1 !important;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.bmi-gauge-bar{position:relative;margin-bottom:2.5rem;margin-top:1.5rem;display:flex;height:1rem;width:100%;overflow:visible;border-radius:9999px;background-color:#e2e8f080;--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 768px){.bmi-gauge-bar{height:1.25rem}}.bmi-segments-container{display:flex;height:100%;width:100%;overflow:hidden;border-radius:9999px}.bmi-segment{height:100%;--tw-shadow: inset 0 1px 2px rgba(0,0,0,.1);--tw-shadow-colored: inset 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.bg-underweight{background-color:#93c5fd!important}.bg-normal{background-color:#2563eb!important}.bg-overweight{background-color:#fb923c!important}.bg-obese{background-color:#ea580c!important}.bg-severe{background-color:#ef4444!important}.text-underweight{color:#60a5fa!important}.text-normal{color:#2563eb!important}.text-overweight{color:#fb923c!important}.text-obese{color:#ea580c!important}.text-severe{color:#ef4444!important}.bmi-marker-pin{position:absolute;top:0;display:flex;--tw-translate-x: -50%;--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;align-items:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s;transition-timing-function:cubic-bezier(0,0,.2,1)}.pin-body{position:relative;margin-bottom:1rem;display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:4px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));background-color:var(--status-color,#ef4444);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width: 768px){.pin-body{height:3rem;width:3rem}}.pin-body:after{content:"";position:absolute;bottom:-8px;left:50%;height:0px;width:0px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-left-width:6px;border-right-width:6px;border-top-width:10px;border-left-color:transparent;border-right-color:transparent;border-top-color:var(--status-color,#ef4444);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.bmi-label-container{position:absolute;top:1.5rem;display:flex;width:100%;justify-content:space-between;padding-left:.25rem;padding-right:.25rem}.bmi-label{text-align:center;font-size:10px;font-weight:900;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.bmi-label{font-size:.875rem;line-height:1.25rem}}