.player-ctn{position:relative}.player-ctn #myProgress{position:absolute;top:0;bottom:0;left:40px;right:0;height:auto;display:none;border-radius:0;border-bottom:3px solid #1c5162 !important;background:transparent}.player-ctn #myBar{width:0%;border-radius:0px;background:rgba(28,81,98,.5)}.player-ctn .artist{text-align:center;width:100%;margin-bottom:1rem}.player-ctn .btn-action{cursor:pointer;padding-top:10px;width:30px}.player-ctn .btn-ctn{margin:auto;display:flex}.player-ctn .btn-ctn>div{padding:5px}.player-ctn .btn-ctn,.player-ctn .infos-ctn{display:flex;align-items:center;justify-content:center}.player-ctn .infos-ctn{width:100%;padding:0;display:flex}.player-ctn .infos-ctn>div{color:#fff}.player-ctn .infos-ctn .duration{text-align:right}.player-ctn .infos-ctn .timer,.player-ctn .infos-ctn .duration{width:3rem;font-size:.75rem}.player-ctn .card-img-container{position:relative}.player-ctn .card-img-container .card-img-overlay{display:flex;align-items:flex-end;justify-content:flex-end;flex-flow:column}.player-ctn .card-img-container .card-img-overlay:before{position:absolute;content:"";top:0;bottom:0;left:0;right:0;background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, black 100%);background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, black 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, black 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0)}.player-ctn .card-img-container .card-img-overlay>*{z-index:1;position:relative}.player-ctn .first-btn{margin-left:3px}.player-ctn .list-group{border-top-color:#2e2e2e !important}.player-ctn .list-group-item{padding-left:55px;background:transparent;border-color:#2e2e2e}.player-ctn .list-group-item,.player-ctn .list-group-item-action:focus,.player-ctn .list-group-item-action:hover{background:transparent}.player-ctn .playlist-track-ctn{display:flex;cursor:pointer}.player-ctn .playlist-track-ctn:before{position:absolute;top:0;bottom:0;left:0;width:40px;display:flex;align-items:center;justify-content:center;font-family:"Font Awesome 5 Pro",serif;font-size:.75rem;font-weight:900;color:#959595;border-right:1px solid #2e2e2e}.player-ctn .playlist-track-ctn:before,.player-ctn .playlist-track-ctn.paused:before{content:""}.player-ctn .playlist-track-ctn.active-track:before{color:#fff;background:#1c5162;border-right:1px solid #1c5162}.player-ctn .playlist-track-ctn.active-track>.playlist-info-track,.player-ctn .playlist-track-ctn.active-track>.playlist-duration,.player-ctn .playlist-track-ctn.active-track>.playlist-btn-play{color:#fff}.player-ctn .playlist-track-ctn.active-track #myProgress{display:flex}.player-ctn .playlist-track-ctn .active-track,.player-ctn .playlist-track-ctn .list-group-item.active{background:transparent;border-color:#2e2e2e}.player-ctn .playlist-track-ctn.playing:before{content:""}.player-ctn .playlist-track-ctn .playlist-info-track{font-weight:bold}.player-ctn .playlist-track-ctn .playlist-info-track,.player-ctn .playlist-track-ctn .playlist-duration{color:#959595;font-size:14px;pointer-events:none;z-index:1}.player-ctn .playlist-track-ctn .playlist-btn-play{position:absolute;top:0;bottom:0;left:0;width:40px;display:none;justify-content:center;align-items:center}.player-ctn .fas{font-size:20px}.player-ctn .title{text-align:center;font-weight:bold;width:100%;font-size:1.25rem}