.player{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#1d2851;color:#fff;border-radius:20px;margin-top:1rem;-webkit-box-shadow:2px 2px 18px 0 rgba(0,0,0,.25);box-shadow:2px 2px 18px 0 rgba(0,0,0,.25);border:1px solid #fff;padding:1rem 1.5rem}.player-thumb{border:1px solid #fff;border-radius:10px;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.25);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);-ms-flex-negative:0;flex-shrink:0;margin-right:1.5rem}.player-title{font-size:1.2rem;font-weight:700}.player-wrap{width:100%}.player-controls{margin-top:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player-play{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:60px;height:60px;border-radius:50%;background:linear-gradient(134deg,#0ab1d6 15.17%,#2b68b8 90.19%)}.player-play:before{position:absolute;left:50%;top:50%;content:"";background:url(../img/elem/play.svg) 0 0/contain no-repeat;width:50%;height:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.player-play.load:before{background-image:url(../img/elem/audio-load.svg)!important}.player-play.active:before{background-image:url(../img/elem/pause.svg)}.player-mute{-ms-flex-negative:0;flex-shrink:0;width:25px;height:25px;background:url(../img/elem/sound.svg) 0 0/contain no-repeat}.player-mute.active{background-image:url(../img/elem/sound-off.svg)}.player-progress{position:relative;height:8px;padding-left:20px;width:100%;margin:0 1rem;border-radius:10px;background:#58607e;cursor:pointer}.player-progress__bar{height:8px;width:0%;position:relative;-webkit-transition:width .1s linear;transition:width .1s linear}.player-progress__bar:before{content:"";position:absolute;right:0;top:50%;width:20px;height:20px;background:#fff;border-radius:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.player-time{position:absolute;left:0;right:0;display:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:1rem}.player-time.active{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:768px){.player-thumb{display:none}.player-play{width:40px;height:40px}}@media (max-width:576px){.player-title{display:none}.player-trackname{text-align:center}}