body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:90vh;justify-content:center;margin:0;width:100vw}.lock-display{font-size:100px;height:150px;opacity:.3}.bottom-div-lock,.lock-display{align-items:center;display:flex;justify-content:center;width:270px}.bottom-div-lock{background-color:#e3f2fd;border-radius:0 0 10px 10px;font-size:15px;height:40px}.case{-webkit-box-reflect:below 8px -webkit-gradient(linear,left top,left bottom,from(#0000),color-stop(70%,#0000),to(#fafafa1a));align-items:center;background-color:#d2d2d2;border-radius:40px;box-shadow:inset 0 0 20px 3px #000;display:flex;flex-direction:column;height:500px;margin-top:100px;width:300px}.wheel-container{display:flex;margin-bottom:20px;margin-top:auto}.wheel,.wheel-container{height:200px;position:relative;width:200px}.wheel{background-color:#fff;border-radius:50%;cursor:pointer}.controll{color:#d2d2d2;font-weight:900;position:absolute}#menu{font-size:18px;font-weight:900;height:20px;left:38%;top:11%;width:40px}#reverse{left:10%}#forward,#reverse{font-size:23px;top:45%}#forward{right:10%}#play-pause{bottom:11%;height:20px;left:44%;width:40px}.blank{background-color:#d2d2d2;border-radius:50%;height:80px;left:31%;position:absolute;top:30%;width:80px}.bar{background-color:#e3f2fd;border-bottom:1px solid #000;border-radius:10px 10px 0 0;display:flex;height:20px;margin-top:-1px;min-height:20px;width:270px}.heading{margin:1px 5px;padding:0}.time{font-size:16px;margin:auto}.battery{height:20px;margin-right:2px;width:22px}.right-container-nav{display:flex;flex-direction:row;margin-left:15px}.play-pause-nav{font-size:15px;margin:0 8px 0 0}.notification,.play-pause-nav{color:#039be5;padding:0;text-align:center}.notification{margin:auto}.menu-container{display:flex}.menu{background-color:#e3f2fd;border-radius:0 0 0 10px;height:190px;width:150px}h3{margin:0;padding:0;text-align:center}.menu ul{font-size:large;list-style:none;margin-right:5px;padding:0 0 4px 4px;width:90%}.menu li{margin:5px;padding:7px 0;text-align:center}.active{background-color:#3796dc;color:#fff;padding-left:5px;position:relative}.music{background-color:#e3f2fd;height:190px;width:270px}h3{margin:1px}.music #song1{padding:0}.music{border-radius:0 0 10px 10px;overflow-y:auto}.music ul{border-radius:0 0 0 10px;list-style:none;margin-right:4px;padding:0 0 2px}.music li{border-radius:5px;box-shadow:2px 2px 2px 2px #00000080;font-size:large;margin:5px;padding:2px;text-align:center}.music::-webkit-scrollbar{height:1px;visibility:hidden;width:1px}.music::-webkit-scrollbar-track{background:#000;visibility:hidden}.music::-webkit-scrollbar-thumb{border-radius:10px}.settings{background-color:#e3f2fd;border-radius:0 0 10px 10px;height:200px;width:270px}.settings ul{font-size:large;list-style:none;margin-right:5px;padding:0 0 4px 4px}li{border-radius:5px;box-shadow:2px 2px 2px 2px #00000080;margin:5px;padding:2px}h2{margin:7px -5px -5px 6px;text-align:center}.now-playing-container{background-color:#e3f2fd;border-radius:0 0 10px 10px;height:190px;width:270px}.song-details{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:10px}.song-details img{height:110px;margin:10px auto auto;width:110px}.song-details h6{font-size:18px;margin:2px 2px 2px 5px}.status{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}#progress{background-color:gray;height:10px;margin:0 5px;width:65%}#progress-bar{background-color:green;height:10px}.play-pause-nav{font-size:18px;margin-top:20px}.display{background-position:50%;background-size:cover;border:1.5px solid #000;border-radius:10px;flex-direction:column;height:210px;margin-top:25px;overflow:hidden;padding:3px}.blank-div,.display{display:flex;width:270px}.blank-div{align-items:center;background-color:#e3f2fd;border-radius:0 0 10px 10px;height:200px;justify-content:center;text-align:center}.empty-text{margin:5px;text-align:center}.theme-li{padding:1px}
/*# sourceMappingURL=main.51c13aa6.css.map*/