body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:gray;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{background-color:#fff;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;font-size:15px;height:40px}.case{-webkit-box-reflect:below 8px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(70%,transparent),to(hsla(0,0%,98%,.1)));align-items:center;background-color:#d2d2d2;border-radius:40px;box-shadow:inset 0 0 20px 3px #000;display:flex;flex-direction:column;height:500px;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;display:flex;height:20px;margin-top:-1px;min-height:20px;width:270px}.heading{margin:1px 5px;padding:0}.time{margin:auto;padding:0}.battery{height:20px;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}.leaf,.menu{background-color:#e3f2fd;height:190px;width:135px}.leaf{border-left:1px solid #000}h3{margin:0;text-align:center}h3,ul{padding:0}ul{list-style:none;width:100%}li{padding:10px 0}.active{background-color:#3796dc;color:#fff;padding-left:5px;position:relative}.active:after{content:">";position:absolute;right:2px}.leaf-img{border:2px solid #000;height:188px;width:135px}.music{background-color:#e3f2fd;height:190px;width:270px}h3{margin:1px}.music #song1{padding:0}.settings{background-color:#e3f2fd;height:200px;width:270px}li{padding-left:5px}h2{margin:7px -5px -5px 6px}.now-playing-container{background-color:#e3f2fd;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;flex-direction:column;height:210px;margin-top:25px;padding:3px}.blank-div,.display{display:flex;width:270px}.blank-div{align-items:center;background-color:#e3f2fd;height:200px;justify-content:center;text-align:center}.empty-text{margin:5px;text-align:center}.theme-li{padding:1px}
/*# sourceMappingURL=main.7d2b2749.css.map*/