.water-tank[data-v-10a55ec0]{display:flex;justify-content:center;align-items:center}.water-tank--image[data-v-10a55ec0],.water-tank .tank-wrapper[data-v-10a55ec0]{position:relative;width:100%;height:100%}.water-tank--image[data-v-10a55ec0]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3}.water-tank .tank-inner[data-v-10a55ec0]{--knob-size:50px;position:absolute;bottom:var(--water-offset);width:100%;height:var(--tank-inner-height);display:flex;justify-content:center;align-items:flex-end}.water-tank .tank-inner .water[data-v-10a55ec0]{width:100%;height:100%;touch-action:none}.water-tank .tank-inner .water .first-line[data-v-10a55ec0],.water-tank .tank-inner .water .second-line[data-v-10a55ec0]{position:absolute;width:70%;height:5px;left:15%;z-index:2;pointer-events:none}.water-tank .tank-inner .water .first-line[data-v-10a55ec0]{background-color:var(--first-line-background);bottom:var(--first-line-level,0)}.water-tank .tank-inner .water .second-line[data-v-10a55ec0]{background-color:var(--second-line-background);bottom:var(--second-line-level,0)}.water-tank .tank-inner .water .handle[data-v-10a55ec0]{position:absolute;display:flex;align-items:center;gap:6px;z-index:4;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;cursor:grab;transform:translateY(40%);flex-direction:column-reverse}.water-tank .tank-inner .water .handle.left[data-v-10a55ec0]{left:calc(var(--knob-size)*-0.7)}.water-tank .tank-inner .water .handle.right[data-v-10a55ec0]{right:calc(var(--knob-size)*-0.7)}.water-tank .tank-inner .water .handle .handle-dot[data-v-10a55ec0]{width:var(--knob-size);height:var(--knob-size);border:2px solid hsla(0,0%,100%,.8);box-shadow:0 2px 6px rgba(0,0,0,.35);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.water-tank .tank-inner .water .handle .handle-dot--second[data-v-10a55ec0]{background:var(--second-line-background);border:2px solid var(--second-line-border)}.water-tank .tank-inner .water .handle .handle-dot--second[data-v-10a55ec0]:before{content:"";position:absolute;top:30%;left:-23%;height:40%;width:40%;border-bottom-left-radius:5px;border-top-width:0!important;border-right-width:0!important;opacity:1;background:var(--second-line-background);border:2px solid var(--second-line-border);rotate:45deg}.water-tank .tank-inner .water .handle .handle-dot--second i[data-v-10a55ec0]{background:var(--second-line-color);height:60%;width:60%}.water-tank .tank-inner .water .handle .handle-dot--first[data-v-10a55ec0]{background:var(--first-line-background);border:2px solid var(--first-line-border)}.water-tank .tank-inner .water .handle .handle-dot--first[data-v-10a55ec0]:before{content:"";position:absolute;top:32%;right:-23%;height:40%;width:40%;border-top-right-radius:5px;border-bottom-width:0!important;border-left-width:0!important;opacity:1;background:var(--first-line-background);border:2px solid var(--first-line-border);rotate:45deg}.water-tank .tank-inner .water .handle .handle-dot--first i[data-v-10a55ec0]{background:var(--first-line-color);height:60%;width:60%}.water-tank .tank-inner .water .handle .handle-tag[data-v-10a55ec0]{position:absolute;background:rgba(0,0,0,.45098039215686275);color:#fff;font-size:calc(var(--knob-size)/3.5);font-weight:600;line-height:1;padding:6px 8px;border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;z-index:4;top:calc(var(--knob-size)*-0.7)}.water-tank .tank-inner .water .handle .handle-tag.right[data-v-10a55ec0]{right:0}.water-tank .tank-inner .water .handle .handle-tag.left[data-v-10a55ec0]{left:0}.water-tank .tank-inner .water .handle[data-v-10a55ec0]:active{cursor:grabbing}.fade-water-tank-enter-active[data-v-10a55ec0],.fade-water-tank-leave-active[data-v-10a55ec0]{transition:opacity .1s}.fade-water-tank-enter[data-v-10a55ec0],.fade-water-tank-leave-to[data-v-10a55ec0]{opacity:0}