.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:-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-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);-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,.1),0 5px 15px rgba(0,0,0,.1);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:-webkit-gradient(linear,left top,left bottom,from(var(--water-color-b)),color-stop(50%,var(--water-color)),to(var(--water-color-a)));background:linear-gradient(180deg,var(--water-color-b) 0,var(--water-color) 50%,var(--water-color-a));-webkit-transition:height .6s cubic-bezier(.4,0,.2,1);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%;-webkit-animation:bubble-rise-54e9dc72 3s ease-in infinite;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);-webkit-filter:blur(2px);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:-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-54e9dc72]{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-54e9dc72]{margin:0 0 0 3px}.attribute-panel .cylinder .info-layer .ilabel[data-v-54e9dc72]{line-height:1.2}@-webkit-keyframes bubble-rise-54e9dc72{0%{bottom:-10px;opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}10%{opacity:.8}90%{opacity:.3}to{bottom:100%;opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes bubble-rise-54e9dc72{0%{bottom:-10px;opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}10%{opacity:.8}90%{opacity:.3}to{bottom:100%;opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}}