.box-wrap[data-v-01566948]{width:4vw;height:4vw;border:var(--outer-border-width) solid var(--outer-border-color);padding:var(--outer-padding);box-sizing:border-box;border-radius:var(--border-radius)}.box[data-v-01566948]{position:relative;width:100%;height:100%;box-sizing:border-box;border-radius:var(--border-radius);z-index:1;overflow:hidden;background-color:var(--inner-background)}.fill-area[data-v-01566948]{position:absolute;left:0;bottom:-123.33%;width:100%;height:100%;transform:translateY(calc(0% - var(--water-height)));background-color:var(--front-color)}.waves[data-v-01566948]{position:absolute;left:0;bottom:100%;width:200%;stroke:none;box-shadow:0 10px 4px 4px var(--front-color)}.front-wave[data-v-01566948]{fill:var(--front-color);transform:translate(-50%);animation:front-wave-move-data-v-01566948 3s linear infinite}.back-wave[data-v-01566948]{display:var(--wave-display);fill:var(--back-color);transform:translate(0);animation:back-wave-move-data-v-01566948 1.5s linear infinite}@keyframes front-wave-move-data-v-01566948{to{transform:translate(0)}}@keyframes back-wave-move-data-v-01566948{to{transform:translate(-50%)}}.slot-content[data-v-01566948]{position:absolute;left:0;top:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:1.1vw}