.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:flex;flex-direction:column;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);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:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.attribute-panel .cylinder .info-layer .ivalue[data-v-3837a59b]{line-height:1.2;display:flex;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}