.clear[data-v-54e9dc72]{clear:both;height:0;overflow:hidden}.img-circle[data-v-54e9dc72]{border-radius:50%}.attribute-panel[data-v-54e9dc72]{--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);--water-color-light:rgba(0,160,160,0.3);--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-54e9dc72]{position:relative;overflow:hidden;margin:0 auto;width:var(--width);height:var(--height);border-radius:var(--ellipse-border-radius);background-color:var(--container-color);box-shadow:inset 0 0 20px rgba(0,0,0,.1),0 5px 15px rgba(0,0,0,.1)}.attribute-panel .cylinder[data-v-54e9dc72]:before{top:0;background-color:var(--container-color-b)}.attribute-panel .cylinder[data-v-54e9dc72]:after,.attribute-panel .cylinder[data-v-54e9dc72]:before{position:absolute;left:0;width:var(--width);height:var(--ellipse-height);border-radius:var(--ellipse-border-radius);content:"";z-index:2}.attribute-panel .cylinder[data-v-54e9dc72]:after{bottom:0;background-color:var(--container-color-a)}.attribute-panel .cylinder .water[data-v-54e9dc72]{position:absolute;left:0;bottom:0;width:var(--width);height:0;padding-top:var(--ellipse-height);border-radius:var(--ellipse-border-radius);background:linear-gradient(180deg,var(--water-color-b) 0,var(--water-color) 50%,var(--water-color-a));transition:height .6s cubic-bezier(.4,0,.2,1);overflow:hidden}.attribute-panel .cylinder .water[data-v-54e9dc72]:before{top:0;background-color:var(--water-color-b)}.attribute-panel .cylinder .water[data-v-54e9dc72]:after,.attribute-panel .cylinder .water[data-v-54e9dc72]: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-54e9dc72]:after{bottom:0;background-color:var(--water-color-a)}.attribute-panel .cylinder .water .bubbles[data-v-54e9dc72]{position:absolute;width:100%;height:100%;top:0;left:0}.attribute-panel .cylinder .water .bubbles .bubble[data-v-54e9dc72]{position:absolute;bottom:-10px;background:hsla(0,0%,100%,.4);border-radius:50%;animation:bubble-rise-54e9dc72 3s ease-in infinite}.attribute-panel .cylinder .highlight[data-v-54e9dc72]{position:absolute;top:15%;left:15%;width:25%;height:40%;border-radius:50%;background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.1) 50%,transparent);filter:blur(2px);z-index:5;pointer-events:none}.attribute-panel .cylinder .info-layer[data-v-54e9dc72]{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-54e9dc72]{line-height:1.2;display:flex;align-items:baseline}.attribute-panel .cylinder .info-layer .ivalue .iunit[data-v-54e9dc72]{margin:0 0 0 3px}.attribute-panel .cylinder .info-layer .ilabel[data-v-54e9dc72]{line-height:1.2}@keyframes bubble-rise-54e9dc72{0%{bottom:-10px;opacity:0;transform:translateX(0)}10%{opacity:.8}90%{opacity:.3}to{bottom:100%;opacity:0;transform:translateX(10px)}}