.chartContainer{--greenBar: #d4eac9;--aquaBar: #c2fafe;--lightBlueBar: #c4ddee;--mediumBlueBar: #90c2e6;--darkBlueBar: #5ab2ec;--redBar: #f5cfcc;--greyBar: #e7e7e7;--greenBC: #74bc54;--aquaBC: #a7d9e4;--lightBlueBC: #4d8293;--mediumBlueBC: #4d8293;--darkBlueBC: #4d8293;--redBC: #e68279;--greyBC: #a4a4a4}.green{--keyColor: var(--greenBar);--keyBorderColor: var(--greenBC);--barColor: var(--greenBar);--barBorderColor: var(--greenBC)}.aqua{--keyColor: var(--aquaBar);--keyBorderColor: var(--aquaBC);--barColor: var(--aquaBar);--barBorderColor: var(--aquaBC)}.lightBlue{--keyColor: var(--lightBlueBar);--keyBorderColor: var(--lightBlueBC);--barColor: var(--lightBlueBar);--barBorderColor: var(--lightBlueBC)}.mediumBlue{--keyColor: var(--mediumBlueBar);--keyBorderColor: var(--mediumBlueBC);--barColor: var(--mediumBlueBar);--barBorderColor: var(--mediumBlueBC)}.darkBlue{--keyColor: var(--darkBlueBar);--keyBorderColor: var(--darkBlueBC);--barColor: var(--darkBlueBar);--barBorderColor: var(--darkBlueBC)}.red{--keyColor: var(--redBar);--keyBorderColor: var(--redBC);--barColor: var(--redBar);--barBorderColor: var(--redBC)}.grey{--keyColor: var(--greyBar);--keyBorderColor: var(--greyBC);--barColor: var(--greyBar);--barBorderColor: var(--greyBC)}.sleep{--barVal: 24.3%}.hydration{--barVal: 32.2%}.fruits{--barVal: 31.5%}.veggies{--barVal: 31.9%}.desserts{--barVal: 36.7%}.activity{--barVal: 21.5%}.social{--barVal: 45%}.cheerful{--barVal: 11.8%}.calm{--barVal: 18.9%}.active{--barVal: 26.9%}.refreshed{--barVal: 31.1%}.interested{--barVal: 15.1%}.chartKey{padding-left:18px}.chartKey .key:before{padding:0 8px;background-color:var(--keyColor, #d4eac9);border:2px solid var(--keyBorderColor, #afd39f);border-radius:5px;margin-right:5px;content:""}.chartKey .key{padding-left:0}.canvas{background-color:#f5f5f5;border:2px solid #bfbfbf}ul.chart{padding-left:9px;list-style:none}.chart .bar{background-color:var(--barColor, #d4eac9);position:relative;height:2em;width:var(--barVal);border-radius:7px;border:2px solid var(--barBorderColor, #afd39f)}.chart .bar.bar:hover{opacity:.7}.chart .bar:before{content:attr(data-name);left:100%;padding:0 10px;display:inline-block;white-space:nowrap;position:absolute}@media only screen and (min-width: 992px){.chart .bar:before{display:none}.chart .bar{height:2.5em}ul.chart li{font-size:2em}ul.chart li.text-end{font-weight:bolder}}@media only screen and (max-width: 991px){ul.chart{padding-right:50px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/chart.css.map */