.custom-file-upload{display:block;width:200px;height:15px;margin-left:auto;margin-right:auto;margin-bottom:10px;color:#fff;border-radius:5px;border:1px solid #fff;padding:3px 5px;box-shadow:4px 4px 35px 0 rgba(0,0,0,.2)}.custom-file-upload input[type=file]{display:none}.music_player{margin-left:auto;margin-right:auto;border-radius:5px;padding:3px;background-color:#fff;box-shadow:inset -1px -1px 33px 4px rgba(34,60,80,.28);margin-bottom:5px}.music_player table{width:100%;min-height:50%}.music_player tr{background-color:rgba(227,255,160,.089)}.music_player td{text-align:right;font-size:small}.active{background-color:#e3faa0!important}.playlist{display:block;max-width:600px;border-radius:5px;background-color:hsla(0,0%,100%,.411);box-shadow:4px 4px 35px 0 rgba(0,0,0,.2);padding:0;margin-left:auto;margin-right:auto}.playlist_name{display:block;height:25px;padding:3px 5px;color:#fff}.controlpanel{display:block;width:calc(100% - 10px);height:110px;padding:5px}.controlpanel table{width:100%}.f_cover{width:100px;height:100px;background-color:#fff;box-shadow:inset -1px -1px 20px 4px rgba(34,60,80,.28)}.f_cover,.f_panel{display:inline-block;border-radius:5px}.f_panel{width:calc(100% - 100px)}.track_buttons_elem{display:inline-block;width:30px;height:30px;margin-left:5px;margin-right:5px;border-radius:5px;color:#fff;background-color:hsla(0,0%,100%,0);&:hover{cursor:pointer;opacity:.9}}.track_buttons_elem svg:active{color:#eee}.track_volume_elem{display:inline-block;height:40px;float:right;padding-right:10px;color:#fff;font-size:small;font-weight:700}.track_name{min-height:20px;margin-bottom:.5rem}.track_name,.track_time{display:block;width:100%}.track_time{height:10px;margin-top:.5rem;font-size:small;color:#fff}.track_timeline{display:block;width:100%;height:20px}.track_rangetime{width:95%;margin-left:auto;margin-right:auto}.track_buttons{display:block;width:100%;height:50px}.playlist_arr{display:block;width:98%;min-height:50px;margin-left:auto;margin-right:auto;overflow-x:hidden;border-radius:5px;padding:3px}.rotating_rect{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:320px){.f_cover,.playlist,.playlist_name{width:310px;margin-left:auto;margin-right:auto}.f_cover{display:block;height:310px;margin-bottom:.5rem}.f_panel{display:block;width:310px}.controlpanel{min-height:400px}.track_volume_elem{display:block;width:310px;margin-left:auto;margin-right:auto}#svg_cover{width:300px;height:300px}}@media (min-width:321px) and (max-width:480px){.playlist,.playlist_name{width:320px}.f_cover,.playlist,.playlist_name{margin-left:auto;margin-right:auto}.f_cover{display:block;width:310px;height:310px;margin-bottom:.5rem}.f_panel{display:block;width:320px}.controlpanel{min-height:400px}.track_volume_elem{display:block;width:320px;margin-left:auto;margin-right:auto}#svg_cover{width:300px;height:300px}}@media (min-width:481px) and (max-width:768px){.playlist{min-height:90vh}.playlist,.playlist_name{width:475px}.f_cover,.playlist,.playlist_name{margin-left:auto;margin-right:auto}.f_cover{display:block;width:450px;height:450px;margin-bottom:.5rem}.f_panel{display:block;width:475px}.controlpanel{min-height:420px}.track_volume_elem{display:block;width:475px;margin-left:auto;margin-right:auto}#svg_cover{width:442px;height:442px}}@media (min-width:769px) and (max-width:992px){.playlist{width:760px;min-height:90vh}.playlist,.playlist_name{margin-left:auto;margin-right:auto}.playlist_name{width:600px}.f_panel{width:calc(100% - 110px)}.controlpanel{min-height:100px}.track_buttons{display:inline-block;width:calc(100% - 210px)}.track_volume_elem{width:200px;margin-left:auto;margin-right:auto}}@media (min-width:993px) and (max-width:1200px){.playlist{width:980px;min-height:90vh}.playlist,.playlist_name{margin-left:auto;margin-right:auto}.playlist_name{display:block}.f_panel{width:calc(100% - 110px)}.controlpanel{min-height:100px}.track_buttons{display:inline-block;width:calc(100% - 250px)}.track_volume_elem{display:inline-block;width:180px;margin-left:auto;margin-right:auto}}@media (min-width:1201px) and (max-width:1439px){.playlist{width:1190px}.playlist,.playlist_name{margin-left:auto;margin-right:auto}.playlist_name{display:block}.f_panel{width:calc(100% - 110px)}.controlpanel{min-height:100px}.track_buttons{display:inline-block;width:calc(100% - 250px)}.track_volume_elem{display:inline-block;width:180px;margin-left:auto;margin-right:auto}}@media (min-width:1440px){.playlist{width:1400px;max-width:1405px}.playlist,.playlist_name{margin-left:auto;margin-right:auto}.playlist_name{display:block}.controlpanel{display:inline-block;width:400px;height:auto}.playlist_arr{display:inline-block;width:950px;min-height:500px}.f_cover{height:390px;margin-left:auto;margin-right:auto;margin-bottom:.5rem}.f_cover,.f_panel{display:block;width:390px}#svg_cover{width:389px;height:389px}.track_buttons,.track_volume_elem{display:block;width:100%}}.V_main{display:block;width:99%;height:100%;margin-left:auto;margin-right:auto}@media (max-width:400px){.V_main{display:block;width:360px;margin-left:auto;margin-right:auto}}body{height:100%;padding:0;margin:0;background-color:#0c8eda}#app,body{display:block;width:100%}#app{animation:displace 10s linear infinite;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding:5px 0}