*{padding:0px;margin:0px;border:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}a,a:link,a:visited{text-decoration:none;color:inherit}a:hover{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;background:none;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}.wrapper{min-height:100vh;min-width:100%;background-color:#121826;background-image:url(../img/gradient-bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;font-family:"Inter",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}.music-player-box{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:1.25rem 1.25rem 1.75rem 1.25rem;background-color:#212936;border-radius:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.img-box{margin-bottom:1rem;border-radius:1rem;overflow:hidden}.img-box__item{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover;max-width:100%;max-height:100%}.name-box{margin-bottom:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem}.song-name{font-size:1rem;font-weight:600;color:#e5e7eb}.song-author{font-size:0.75rem;font-weight:400;color:#4d5562}.progress-bar{margin-bottom:2.25rem;width:100%}.progress-bar__time-row{font-size:0.625rem;font-weight:400;color:#4d5562;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.progress-bar__time-line{width:100%;max-height:0.25rem;border-radius:0.1875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;-webkit-transition:background 0.3s ease;transition:background 0.3s ease}.progress-bar__time-line::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0;background:transparent;border:none}.progress-bar__time-line::-moz-range-thumb{width:0;height:0;background:transparent;border:none}.progress-bar__time-line::-webkit-slider-runnable-track{height:0.25rem;background:transparent;border-radius:3px}.progress-bar__time-line::-moz-range-track{height:6px;background:transparent;border-radius:3px}.controll-buttons-box{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem}.control-btn{cursor:pointer}.control-btn--prev{max-width:100%;max-height:100%}.control-btn--play{min-height:3.125rem;min-width:3.125rem;border-radius:50%;background-color:#c93b76;-webkit-filter:drop-shadow(0px 8px 16px rgba(201,59,118,0.25));filter:drop-shadow(0px 8px 16px rgba(201,59,118,0.25));-webkit-transition:-webkit-filter 150ms ease-in-out;transition:-webkit-filter 150ms ease-in-out;transition:filter 150ms ease-in-out;transition:filter 150ms ease-in-out,-webkit-filter 150ms ease-in-out}.control-btn--play:active{-webkit-filter:drop-shadow(0px 0px 0px rgba(201,59,118,0.25));filter:drop-shadow(0px 0px 0px rgba(201,59,118,0.25))}.control-btn--next{max-width:100%;max-height:100%}