.disk[data-v-458eaf71]{overflow:hidden;position:relative;padding-top:100%;border-radius:50%;left:8px;transform:translateY(-50%) scale(.8);transform-origin:center bottom;transition:all .6s}.disk input[data-v-458eaf71]{display:none}.disk_cover[data-v-458eaf71]{position:absolute;top:0;bottom:0;left:0;right:0;background-image:radial-gradient(circle,#444,#333);background-position:50%;background-size:cover}.disk_cover[data-v-458eaf71]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background-image:linear-gradient(45deg,#fff,#daada1)}.disk__playing[data-v-458eaf71]{transform:translateY(-60%);box-shadow:0 20px 20px rgba(0,0,0,.3),0 10px 25px rgba(11,207,241,.8)}.disk__playing .disk_cover[data-v-458eaf71]{-webkit-animation:rotateAnima-data-v-458eaf71 6s linear infinite;animation:rotateAnima-data-v-458eaf71 6s linear infinite}@-webkit-keyframes rotateAnima-data-v-458eaf71{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotateAnima-data-v-458eaf71{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.control[data-v-89cc93f0]{display:flex;justify-content:space-around;align-items:center;height:100%;position:relative}.control_btn[data-v-89cc93f0]{color:#aaa;font-size:16px;border-radius:4px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.control_btn[data-v-89cc93f0]:hover{background-color:#aaa;color:#fff}.control_btn__side[data-v-89cc93f0]{font-size:16px}.play-btn[data-v-89cc93f0]{display:inline-block;position:relative;left:2px;width:20px;height:20px}.play-btn[data-v-89cc93f0]:before{content:"";position:absolute;width:0;height:0;border:14px solid transparent;border-top-width:10px;border-bottom-width:10px;border-left-color:#aaa;transition:all .2s ease}.play-btn[data-v-89cc93f0]:after{content:"";position:absolute;width:0;height:20px;border:0 solid transparent;border-width:0 0 0 6px;border-left-color:#aaa;transition:all .2s ease;opacity:0;transform:scale(0)}.control__playing .play-btn[data-v-89cc93f0]:before{border-width:0 0 0 6px;height:20px;left:8px}.control__playing .play-btn[data-v-89cc93f0]:after{opacity:1;transform:scale(1)}.control_btn:hover .play-btn[data-v-89cc93f0]:before{border-left-color:#fff}.control_btn:hover .play-btn[data-v-89cc93f0]:after{border-color:#fff}.progress{padding-left:40%;padding-right:5%;width:100%;height:100%;border-radius:8px 8px 0 0;background-color:hsla(0,0%,82.4%,.8);transition:all .6s ease}.progress__playing{transform:translateY(-90%)}.progress_title{padding-top:6px;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress_text{padding-top:2px;font-size:16px;font-weight:700;color:#aaa;transform:scale(.8);transform-origin:left top}.progress_line{height:6px;border-radius:6px;overflow:hidden;background-color:#fff}.progress_line span{display:block;height:100%;background-color:#ec51a5}.canvas{max-width:300px;min-height:130px;max-height:260px;width:60vw;border-radius:15px;background-color:#aaa;color:#f30}#player[data-v-462aa192]{display:flex;flex-direction:column}.player[data-v-462aa192]{display:flex;position:relative;max-width:300px;max-height:75px;width:60vw;height:15vh;background-color:#fff;border-radius:15px;box-shadow:0 30px 50px rgba(0,0,0,.3),0 20px 20px rgba(5,226,255,.3)}.player_disk[data-v-462aa192]{flex:1.2}.player_control[data-v-462aa192]{flex:2}.player_progress[data-v-462aa192]{position:absolute;width:90%;height:80%;top:-10%;left:5%;z-index:-1}.home[data-v-6978bf42]{display:flex;width:100%;height:100%;background-color:#fff;z-index:0;position:relative;justify-content:center;align-items:center}*{margin:0;padding:0;box-sizing:border-box}#app{width:100vw;height:100vh}