@import"https://fonts.googleapis.com/css?family=Roboto";*{margin:0}.music-player{align-self:center;margin:auto;display:block;width:472px;height:515px;border-radius:20px;overflow:hidden;box-shadow:0 4px 10px #0000001a}.player-main{position:relative;width:100%;min-width:472px;padding:24px;box-sizing:border-box;background-color:#e6dbf1cc}.main-current{margin-bottom:36px;display:flex;justify-content:flex-start}.main-current .current-keyvisual{position:relative;display:inline-block}.main-current .current-keyvisual img{position:relative;z-index:2;width:132px;height:auto;border-radius:4px}.main-current .current-keyvisual:before{content:"";display:block;position:absolute;bottom:0;right:0;z-index:1;width:95%;height:80%;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/329679/music-player-freebie-photo.png);background-size:cover;filter:blur(35px)}.main-current .current-info{display:inline-block;padding:15px 0 0 24px;box-sizing:content-box;vertical-align:top}.main-current .current-info h1,.main-current .current-info p{margin:auto;padding:0}.main-current .current-info h1{margin-bottom:13px;font-size:20px;color:#26107b}.main-current .current-info p{font-size:12px;color:#26107b}.main-control{position:relative;line-height:0;margin-bottom:24px}.main-control .btn{display:inline-block;width:30px;height:25px;vertical-align:middle;background-size:auto 100%;background-repeat:no-repeat;background-position:center center;cursor:pointer;opacity:.75}.main-control .btn:hover{opacity:1}.main-control .btn._previous{margin-right:17px;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/329679/music-player-freebie-previous.svg);background-size:auto 80%}.main-control .btn._pause{margin-right:17px;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/329679/music-player-freebie-pause.svg)}.main-control .btn._next{margin-right:24px;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/329679/music-player-freebie-next.svg);background-size:auto 80%}.main-control .btn._timeline{vertical-align:middle;height:auto;width:auto;opacity:1}.main-control .btn._timeline>span{display:inline-block;vertical-align:middle;font-size:12px;color:#26107b}.main-control .btn._timeline>span.timescope{position:relative;margin:auto 12px;width:180px;height:3px;border-radius:20px}.main-control .btn._timeline>span.timescope:before,.main-control .btn._timeline>span.timescope:after,.main-control .btn._timeline>span.timescope .timescope-dot{content:"";position:absolute;top:0;left:0;display:block;width:0;height:100%;background-color:#26107b;cursor:pointer;z-index:1}.main-control .btn._timeline>span.timescope:before{width:100%;opacity:.2}.main-control .btn._timeline>span.timescope:after{width:63%}.main-control .btn._timeline>span.timescope .timescope-dot{top:-2.5px;left:63%;z-index:3;width:8px;height:8px;border-radius:100%}.player-list{margin:auto;min-width:472px;padding:24px;background:#fff;list-style:none;overflow-y:scroll;height:150px}.player-list li{display:flex;justify-content:flex-start;margin-bottom:18px;cursor:pointer}.player-list li .list-cover,.player-list li .list-info{display:inline-block;vertical-align:middle}.player-list li .list-cover.list-cover,.player-list li .list-info.list-cover{margin-right:9px;width:39px;height:auto;border-radius:100%}.player-list li .list-cover.list-info .info-title,.player-list li .list-info.list-info .info-title{margin-bottom:3px;font-size:12px;color:#8d8d8d}.player-list li .list-cover.list-info .info-artist,.player-list li .list-info.list-info .info-artist{font-size:10px;color:#cdcdcd}.player-list li:last-child{margin-bottom:0}.glassmorphic-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-weight:700;transition:transform .2s ease,background .2s ease}.glassmorphic-button:hover{background:#fff3;transform:scale(1.05)}.spotify-icon{width:24px;height:24px;fill:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.7))}