.dd-comp-wrap[data-v-4d5d10ff]{height:0;overflow:hidden}.dd-wrap[data-v-c059fcc2]{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.dd-wrap .input[data-v-c059fcc2]{width:300px;margin:auto}.music[data-v-c059fcc2]{width:220px;height:100px;display:flex;margin:20px auto}.music span[data-v-c059fcc2]{width:6px;border-radius:18px;margin:0 10px}.music span[data-v-c059fcc2]:first-child{animation:bar1-c059fcc2 2s linear .2s infinite}.music span[data-v-c059fcc2]:nth-child(2){animation:bar2-c059fcc2 2s linear .4s infinite}.music span[data-v-c059fcc2]:nth-child(3){animation:bar3-c059fcc2 2s linear .6s infinite}.music span[data-v-c059fcc2]:nth-child(4){animation:bar4-c059fcc2 2s linear .8s infinite}.music span[data-v-c059fcc2]:nth-child(5){animation:bar5-c059fcc2 2s linear 1s infinite}.music span[data-v-c059fcc2]:nth-child(6){animation:bar6-c059fcc2 2s linear 1.2s infinite}.music span[data-v-c059fcc2]:nth-child(7){animation:bar7-c059fcc2 2s linear 1.4s infinite}.music span[data-v-c059fcc2]:nth-child(8){animation:bar8-c059fcc2 2s linear 1.6s infinite}.music span[data-v-c059fcc2]:nth-child(9){animation:bar9-c059fcc2 2s linear 1.8s infinite}@keyframes bar1-c059fcc2{0%{background:#f677b0;margin-top:25%;height:10%}50%{background:#f677b0;height:100%;margin-top:0}to{background:#f677b0;height:10%;margin-top:25%}}@keyframes bar2-c059fcc2{0%{background:#df7ff2;margin-top:25%;height:10%}50%{background:#df7ff2;height:100%;margin-top:0}to{background:#df7ff2;height:10%;margin-top:25%}}@keyframes bar3-c059fcc2{0%{background:#8c7ff2;margin-top:25%;height:10%}50%{background:#8c7ff2;height:100%;margin-top:0}to{background:#8c7ff2;height:10%;margin-top:25%}}@keyframes bar4-c059fcc2{0%{background:#7fd0f2;margin-top:25%;height:10%}50%{background:#7fd0f2;height:100%;margin-top:0}to{background:#7fd0f2;height:10%;margin-top:25%}}@keyframes bar5-c059fcc2{0%{background:#7ff2d3;margin-top:25%;height:10%}50%{background:#7ff2d3;height:100%;margin-top:0}to{background:#7ff2d3;height:10%;margin-top:25%}}@keyframes bar6-c059fcc2{0%{background:#7ff2a0;margin-top:25%;height:10%}50%{background:#7ff2a0;height:100%;margin-top:0}to{background:#7ff2a0;height:10%;margin-top:25%}}@keyframes bar7-c059fcc2{0%{background:#adf27f;margin-top:25%;height:10%}50%{background:#adf27f;height:100%;margin-top:0}to{background:#adf27f;height:10%;margin-top:25%}}@keyframes bar8-c059fcc2{0%{background:#e7f27f;margin-top:25%;height:10%}50%{background:#e7f27f;height:100%;margin-top:0}to{background:#e7f27f;height:10%;margin-top:25%}}@keyframes bar9-c059fcc2{0%{background:#ecaa64;margin-top:25%;height:10%}50%{background:#ecaa64;height:100%;margin-top:0}to{background:#ecaa64;height:10%;margin-top:25%}}