.clear[data-v-3837a59b]{clear:both;height:0;overflow:hidden}.img-circle[data-v-3837a59b]{border-radius:50%}.attribute-panel[data-v-3837a59b]{--container-color:hsla(0,0%,62.7%,0.5);--container-color-b:hsla(0,0%,62.7%,0.2);--container-color-a:hsla(0,0%,62.7%,0.4);--water-color:rgba(0,160,160,0.5);--water-color-b:rgba(0,160,160,0.2);--water-color-a:rgba(0,160,160,0.4);--width:100px;--height:300px;--ellipse-height:50px;--ellipse-border-radius:50px/25px;position:relative;padding:10px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.attribute-panel .cylinder[data-v-3837a59b]{position:relative;overflow:hidden;margin:0 auto;width:var(--width);height:var(--height);border-radius:var(--ellipse-border-radius);background-color:var(--container-color)}.attribute-panel .cylinder[data-v-3837a59b]:before{top:0;background-color:var(--container-color-b)}.attribute-panel .cylinder[data-v-3837a59b]:after,.attribute-panel .cylinder[data-v-3837a59b]:before{position:absolute;left:0;width:var(--width);height:var(--ellipse-height);border-radius:var(--ellipse-border-radius);content:""}.attribute-panel .cylinder[data-v-3837a59b]:after{bottom:0;background-color:var(--container-color-a)}.attribute-panel .cylinder .water[data-v-3837a59b]{position:absolute;left:0;bottom:0;width:var(--width);height:0;padding-top:var(--ellipse-height);border-radius:var(--ellipse-border-radius);background-color:var(--water-color);-webkit-transition:height .3s linear;transition:height .3s linear}.attribute-panel .cylinder .water[data-v-3837a59b]:before{top:0;background-color:var(--water-color-b)}.attribute-panel .cylinder .water[data-v-3837a59b]:after,.attribute-panel .cylinder .water[data-v-3837a59b]:before{position:absolute;left:0;width:var(--width);height:var(--ellipse-height);border-radius:var(--ellipse-border-radius);content:""}.attribute-panel .cylinder .water[data-v-3837a59b]:after{bottom:0;background-color:var(--water-color-a)}.attribute-panel .cylinder .info-layer[data-v-3837a59b]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10}.attribute-panel .cylinder .info-layer .ivalue[data-v-3837a59b]{line-height:1.2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.attribute-panel .cylinder .info-layer .ivalue .iunit[data-v-3837a59b]{margin:0 0 0 3px}.attribute-panel .cylinder .info-layer .ilabel[data-v-3837a59b]{line-height:1.2}