body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{background:#262527;margin:0;padding:0}.App{height:100vh;justify-content:center}.App,.main-wrapper{align-items:center;display:flex;flex-direction:column}.main-wrapper{background-color:inherit}.component-container{align-items:center;background-color:#faebd7;background:linear-gradient(180deg,#939295,#262527);border-radius:38px;box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);display:flex;flex-direction:column;height:650px;padding-top:30px;width:450px}.main{align-self:center;background-color:#221f1f;width:400px}#screen,.main{display:flex;justify-content:center}#screen{align-items:center;background-color:#000;border-radius:48px;color:#fff;flex-direction:column;height:300px;position:relative;width:350px}.screen-wrapper{background:linear-gradient(180deg,#8e8d90,#5f5d5e);padding-bottom:18px}.progress{background-color:#000;border-radius:20px;margin:.5rem;width:250px}.progress input{width:100%}#song-info{align-items:center;background-color:#000;color:#f0f8ff;display:flex;flex-direction:column;margin-bottom:2rem;padding-left:0;width:350px}h4{background:#000}.progress-wrapper{background-color:#000}.progress-container{color:#fff}#button-container,.progress-container{align-items:center;background-color:#000;display:flex;justify-content:center}#button-container{border:0;border-radius:50%;flex-direction:column;height:200px;padding:10px;width:200px}.dot{background:linear-gradient(180deg,#939295,#262527);border-radius:50%;height:100px;width:100px}.dot-wrapper{background-color:#000}.row2{display:flex}button{background-color:#000;border:none;color:#fff;font-size:20px;font-weight:700;padding:8.5px}.button-wrapper{background:linear-gradient(180deg,#5c5c5e,#383739)}span{color:#fff}.player{background-color:#000}
/*# sourceMappingURL=main.6f95a7e2.css.map*/