:root{--primary: #1B515E;--primary-light: rgba(27, 81, 94, .1);--secondary: #2B6270;--text-primary: #2C2C2C;--text-secondary: #666666;--border-color: #D8D8D8;--background: #F5F5F5}.interactive-charts{padding:2rem 1rem;background:var(--background)}.interactive-charts .container{max-width:1200px;margin:0 auto;box-sizing:border-box;padding:0 1rem}.dashboard-header{margin-bottom:1.5rem;text-align:center}.dashboard-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-secondary);font-size:1rem;margin-top:0}.metrics-container{background:#fff;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;overflow:hidden}.input-panel{padding:1.5rem;border-bottom:1px solid var(--border-color);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-header{display:flex;align-items:center;margin-bottom:1rem}.input-icon{color:var(--primary);margin-right:.5rem}.input-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.input-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:1rem;max-width:100%}.input-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 640px){.input-grid{grid-template-columns:repeat(3,1fr)}}.input-group{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;border:1px solid rgba(27,81,94,.1);transition:all .3s ease}.input-group:hover{background:#ffffffe6;box-shadow:0 8px 32px #1b515e1a;transform:translateY(-2px)}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.input-hint{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:.25rem}.range-container{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;border:1px solid rgba(27,81,94,.05)}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#d8d8d880;border-radius:3px;outline:none;transition:background .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ffffffe6;border:2px solid var(--primary);cursor:pointer;margin-top:-7px;box-shadow:0 2px 8px #1b515e33;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffffffe6;border:2px solid var(--primary);cursor:pointer;box-shadow:0 2px 8px #1b515e33;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}input[type=range]::-webkit-slider-thumb:hover,input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #1b515e4d;background:#fff}.value-display{min-width:60px;padding:.5rem .75rem;border-radius:.5rem;background:#1b515ee6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;font-size:.875rem;font-weight:500;box-shadow:0 2px 8px #1b515e33;border:1px solid rgba(255,255,255,.1)}.bmi-display{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(27,81,94,.1);border-radius:1rem;margin-top:1rem;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.bmi-display:hover{background:#ffffffe6;box-shadow:0 8px 32px #1b515e26;transform:translateY(-1px)}.toggle-button{width:100%;background:none;border:none;padding:1rem 1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1.5rem;position:relative;transition:all .3s ease}.toggle-button:after{content:"Click to view details";position:absolute;right:1.5rem;font-size:1rem;color:var(--text-secondary);opacity:.7}.toggle-button.active:after{content:"Click to hide details"}.toggle-button svg{width:20px;height:20px;color:var(--primary);transition:transform .3s ease}.toggle-button:hover svg{transform:translateY(2px)}.toggle-button.active svg{transform:rotate(180deg)}.bmi-value{margin:0;font-size:.875rem;color:var(--text-primary);font-weight:500}#bmi-number{color:var(--primary);font-weight:600}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-10px)}.collapsible-content.active{max-height:2000px;opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.4,0,.2,1)}.charts-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}@media (min-width: 1024px){.charts-grid{grid-template-columns:1fr 1fr}}.chart-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(27,81,94,.1);border-radius:1rem;padding:1.5rem;min-height:250px;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.chart-card:hover{background:#ffffffe6;box-shadow:0 8px 32px #1b515e26;transform:translateY(-2px)}.chart-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.chart-card canvas{flex:1;width:100%!important;height:auto!important;border-radius:.5rem;background:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem}.disclaimer-panel{margin:0 1.5rem 1.5rem;padding:1rem;background:#1b515e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;border:1px solid rgba(27,81,94,.1);position:relative}.disclaimer-panel h4{color:var(--primary);font-size:1rem;font-weight:600;margin:0 0 .5rem;display:flex;align-items:center}.disclaimer-panel h4:before{content:"\24d8";margin-right:.5rem;font-size:1.25rem}.disclaimer-panel p{color:var(--text-primary);font-size:.75rem;line-height:1.4;margin:0}.disclaimer-panel .additional-info{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(27,81,94,.1)}.disclaimer-panel .additional-info p{color:var(--text-secondary);font-size:.75rem;margin:0}.important-info-toggle{width:100%;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(27,81,94,.1);border-radius:.75rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.important-info-toggle:hover{background:#ffffffe6;box-shadow:0 4px 12px #1b515e1a}.important-info-toggle span{font-size:1rem;color:var(--text-primary);font-weight:500}.important-info-toggle:after{content:"Click to see details";font-size:1rem;color:var(--text-secondary);margin-right:1rem}.important-info-toggle.active:after{content:"Click to hide details"}.important-info-toggle svg{width:24px;height:24px;color:var(--primary);transition:transform .3s ease}.important-info-toggle.active svg{transform:rotate(180deg)}.important-info-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-10px)}.important-info-content.active{max-height:1000px;opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.4,0,.2,1)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/interactive-charts.css.map */