.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-top:2.5rem;margin-bottom:2.5rem;display:flex;height:.5rem;width:100%;overflow:visible;border-radius:9999px;background-color:#e2e8f080}@media (min-width: 768px){.bmi-gauge-bar{height:.75rem}}.bmi-segment{height:100%}.bmi-segment:first-child{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bmi-segment:last-child{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.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));--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));--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)}@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;--tw-border-opacity: 1;border-top-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.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}}