.metronome[data-v-0e298fd8]{height:100vh}.metronome .metronome-container[data-v-0e298fd8]{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);width:80%;height:80%;background-color:#9ac59c;color:#2c4b42;font-size:47Px;border-radius:10px;text-align:center;padding:40px;box-sizing:border-box}.metronome .metronome-container .unit[data-v-0e298fd8]{font-size:15Px}.metronome .metronome-container .slider[data-v-0e298fd8]{display:flex;gap:28px;flex-direction:column;align-items:center;font-size:27Px}.metronome .metronome-container .beat-container[data-v-0e298fd8]{display:flex;width:-moz-fit-content;width:fit-content;justify-content:space-between;margin:53px auto;gap:10px}.metronome .metronome-container .beat-container .beat[data-v-0e298fd8]{width:20px;height:20px;border-radius:50%;border:2px solid #10524c}.metronome .metronome-container .beat-active[data-v-0e298fd8]{background-color:#10524c}.metronome .metronome-container .note[data-v-0e298fd8]{width:30px;height:30px;border-radius:50%;cursor:pointer;padding:5px;border:2px solid #53906b}.metronome .metronome-container .note-active[data-v-0e298fd8]{background-color:#73b07b}[data-v-0e298fd8] .el-slider__bar{background-color:#10524c!important}[data-v-0e298fd8] .el-slider__button{border:2px solid #10524c!important}[data-v-0e298fd8] .el-slider__runway.show-input{margin-right:0!important;width:90%!important}[data-v-0e298fd8] input{margin-top:0!important}