.audio-line-svg{position:relative}.audio-line-svg svg{width:100%;height:100%;position:absolute;top:0;left:0}.audio-line-svg svg rect{fill:currentColor}.podcast-item{background:#f2f5f8;border-radius:3px;margin-bottom:30px;padding:30px 20px 20px}.podcast-item .podcast-player .thumbnail{display:none}.podcast-item .podcast-player .content{margin-bottom:20px}.podcast-item .podcast-player .content .timeline{margin-bottom:20px;position:relative}.podcast-item .podcast-player .content .timeline:after{content:"";z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.podcast-item .podcast-player .content .timeline .timers{justify-content:space-between;margin-bottom:10px;display:flex}.podcast-item .podcast-player .content .timeline .timers .timer{white-space:nowrap;border-radius:3px;padding:4px 7px;font-size:12px;line-height:1}.podcast-item .podcast-player .content .timeline .timers .timer.current-time{color:#fff;background:#252e38;transition:all .2s}.podcast-item .podcast-player .content .timeline .timers .timer.current-time .hover{display:none}.podcast-item .podcast-player .content .timeline .timers .timer.full-time{background:#f2f5f8}.podcast-item .podcast-player .content .timeline:hover .timers .timer.current-time{background:#727f8c}.podcast-item .podcast-player .content .timeline:hover .timers .timer.current-time .hover{display:block}.podcast-item .podcast-player .content .timeline:hover .timers .timer.current-time .real{display:none}.podcast-item .podcast-player .content .timeline .audio-line{height:60px;position:relative}.podcast-item .podcast-player .content .timeline .audio-line .audio-line-svg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.podcast-item .podcast-player .content .timeline .audio-line .audio-line-svg.background{color:#646f7b}.podcast-item .podcast-player .content .timeline .audio-line .current{color:#da9e49;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.podcast-item .podcast-player .content .timeline .audio-line:before{content:"";z-index:2;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";width:100%;height:50%;filter:alpha(opacity=80);background:#f2f5f8;position:absolute;top:50%;left:0}.podcast-item .podcast-player .content .controls{flex-wrap:wrap;align-items:center;display:flex;position:relative}.podcast-item .podcast-player .content .controls .play-pause{color:#fff;background:#252e38;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;transition:all .2s;display:flex}.podcast-item .podcast-player .content .controls .play-pause.play{color:#252e38;background:#da9e49}.podcast-item .podcast-player .content .controls .title{width:calc(100% - 40px);max-height:40px;color:inherit;padding-left:30px;font-size:12px;line-height:20px;text-decoration:none;display:flex;overflow:hidden}.podcast-item .podcast-player .content .controls .volume{align-items:center;width:calc(100% - 165px);margin:10px auto 0;display:flex;position:absolute;bottom:-45px;right:0}.podcast-item .podcast-player .content .controls .volume .icon{border:8px solid #0000;border-left-width:0;border-right-color:#646f7b;width:0;height:0;margin-right:10px;position:relative}.podcast-item .podcast-player .content .controls .volume .icon:before{content:"";background:#727f8c;width:8px;height:6px;margin-top:-3px;position:absolute;top:50%;left:0}.podcast-item .podcast-player .content .controls .volume .volume-bar{background:#727f8c;border-radius:1px;width:90px;height:2px;position:relative}.podcast-item .podcast-player .content .controls .volume .volume-bar .volume-value{background:#252e38;border-radius:1px;height:2px;position:absolute;top:0;left:0}.podcast-item .podcast-player .content .controls .volume .volume-bar .volume-value:after{content:"";background:#252e38;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;right:-4px}.podcast-item .buttons{align-items:center;margin-bottom:20px;display:flex}.podcast-item .buttons .btn{width:auto;min-height:32px;padding:3px 10px}.podcast-item .buttons .btn .svg-icon{margin-right:10px}.podcast-item .buttons .btn.transparent{color:#252e38;margin-right:20px;font-size:0}.podcast-item .buttons .btn.transparent .svg-icon{margin-right:0;font-size:13px}.podcast-item .meta{color:#646f7b;font-size:12px;display:flex}.podcast-item .meta .item{align-items:center;margin-right:20px;display:flex}.podcast-item .meta .item .svg-icon{margin-right:5px;font-size:12px}.podcast-item .meta .item.liked{color:#da9e49}.lang-ar .podcast-item .meta .item .svg-icon{margin-left:5px;margin-right:0}.lang-ar .podcast-item .buttons .btn{margin-left:20px;margin-right:0}.lang-ar .podcast-item .buttons .btn .svg-icon{margin-left:10px;margin-right:0}.lang-ar .podcast-item .buttons .btn.transparent .svg-icon{margin-left:0}.lang-ar .podcast-item .podcast-player .content .controls{direction:ltr}.lang-ar .podcast-item .podcast-player .content .controls .title{direction:rtl}.lang-ar .podcast-item .podcast-player .content .controls .volume{left:0;right:auto}.lang-ar .podcast-item .podcast-player .content .timeline{direction:ltr}@media screen and (width>=560px){.podcast-item{padding:20px}.podcast-item .podcast-player{margin-bottom:30px;display:flex}.podcast-item .podcast-player .thumbnail{border-radius:3px;flex:none;width:140px;height:140px;margin-right:20px;display:block;overflow:hidden}.podcast-item .podcast-player .thumbnail img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.podcast-item .podcast-player .content{width:100%;margin-bottom:0}.podcast-item .podcast-player .content .timeline{margin-bottom:10px}.podcast-item .podcast-player .content .controls{flex-wrap:nowrap}.podcast-item .podcast-player .content .controls .title{font-weight:700}.podcast-item .podcast-player .content .controls .volume{flex:none;width:108px;margin-left:20px;position:static}.podcast-item .item-content{justify-content:space-between;align-items:center;display:flex}.podcast-item .item-content .buttons{margin:0}.podcast-item .item-content .buttons .btn.transparent{font-size:14px}.podcast-item .item-content .buttons .btn.transparent .svg-icon{margin-right:10px}.podcast-item .item-content .meta .item{margin:0 0 0 20px}.lang-ar .podcast-item .podcast-player .thumbnail{margin-left:20px;margin-right:0}.lang-ar .podcast-item .item-content .buttons .btn .svg-icon{margin-left:10px;margin-right:0}}@media screen and (width>=820px){.podcast-item{padding:30px}.podcast-item .podcast-player .thumbnail{margin-right:45px}.podcast-item .podcast-player .content .timeline{cursor:grab}.podcast-item .podcast-player .content .controls .play-pause:hover{font-size:15px}.podcast-item .podcast-player .content .controls .volume{cursor:grab}.podcast-item .item-content .meta .item.likes{cursor:pointer;transition:all .2s}.podcast-item .item-content .meta .item.likes:hover{color:#252e38}.podcast-item .item-content .meta .item.likes.liked:hover{color:#d69334}}.podcast-item .play-error{color:#c0392b;margin-top:8px;font-size:13px}