#wrapper[data-v-ee68b72c]{margin:auto;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;position:relative}#termometer[data-v-ee68b72c]{width:30px;background:#38383f;height:100%;position:relative;border:9px solid #2a2a2e;border-radius:20px;z-index:1;margin-bottom:50px}#termometer[data-v-ee68b72c]:before,#termometer[data-v-ee68b72c]:after{position:absolute;content:"";border-radius:50%}#termometer[data-v-ee68b72c]:before{width:100%;height:34px;bottom:9px;background:#38383f;z-index:-1}#termometer[data-v-ee68b72c]:after{transform:translate(-50%);width:50px;height:50px;background-color:#3dcadf;bottom:-41px;border:9px solid #2a2a2e;z-index:-3;left:50%}#termometer #graduations[data-v-ee68b72c]{height:59%;top:20%;width:50%}#termometer #graduations[data-v-ee68b72c],#termometer #graduations[data-v-ee68b72c]:before{position:absolute;border-top:2px solid rgba(0,0,0,.5);border-bottom:2px solid rgba(0,0,0,.5)}#termometer #graduations[data-v-ee68b72c]:before{content:"";height:34%;width:100%;top:32%}#termometer #temperature[data-v-ee68b72c]{bottom:0;background:linear-gradient(#f17a65,#3dcadf) no-repeat bottom;width:100%;border-radius:20px;background-size:100% 240px;transition:all .2s ease-in-out}#termometer #temperature[data-v-ee68b72c],#termometer #temperature[data-v-ee68b72c]:before,#termometer #temperature[data-v-ee68b72c]:after{position:absolute}#termometer #temperature[data-v-ee68b72c]:before{content:attr(data-value);background:#000000b3;color:#fff;z-index:2;padding:5px 10px;border-radius:5px;font-size:1em;line-height:1;transform:translateY(50%);left:calc(100% + .6666666667em);top:calc(-1em - 5px)}#termometer #temperature[data-v-ee68b72c]:after{content:"";border-top:.4545454545em solid transparent;border-bottom:.4545454545em solid transparent;border-right:.6666666667em solid rgba(0,0,0,.7);left:100%;top:calc(-.4545454545em + 5px)}
