.audio_pl_item2 {
display:inline-block;
width:153px;
height:210px;
padding:5px;
box-sizing:border-box;
vertical-align:top;
position:relative
}
.audio_pl_item2 .audio_pl__cover {
width:143px;
height:143px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h72v72h-72z%22%2F%3E%3Cpath%20d%3D%22m42.5%2018h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm0%2012h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm-33%2015c-.82842712%200-1.5-.6715729-1.5-1.5s.67157288-1.5%201.5-1.5h23c.8284271%200%201.5.6715729%201.5%201.5s-.6715729%201.5-1.5%201.5zm44.5%201.2665767c0%209.0247975-1.7494466%2010.7668864-8.7488058%2011.684387-3.3364518.4373539-7.2511942-1.0769136-7.2511942-6.3234191%200-2.5628074%201.603626-4.996526%204.9222856-5.6324987%202.5344608-.4856924-.1815623.0363869%205.5521446-1.0280794%201.3919505-.2584165%201.5496826-.75646%201.5496826-1.8175819%200-.5328188-.0026365-5.1902877-.0192719-8.3880674v-8.6356283s-.010892-4.116544%200-6.1747951c.0130272-2.4617298%201.3592916-3.3664367%205.3275843-4.1679516%200%200%206.0464225-1.1479356%209.3704503-1.7508398.7355662-.1334152%201.2971245.1403611%201.2971245.9840516%200%200-.0213548%205.2442021%200%208.1086771.0062012.8318081-.3368479%201.208402-1.1799422%201.3580445-3.3633975.596976-9.7298555%201.7207236-9.7298555%201.7207236-.7477585.1836552-1.0902023.7099992-1.0902023%201.4665831z%22%20fill%3D%22%236f98c7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-color:#e7edf5;
background-repeat:no-repeat;
background-position:50%;
border-radius:8px;
position:relative;
cursor:pointer;
display:block;
overflow:hidden
}
.audio_pl_item2 .audio_pl__actions_wrap {
opacity:0;
background-color:rgba(0,0,0,0.5);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:8px;
transition:opacity 80ms linear
}
.audio_pl_item2 .audio_pl__actions_btns {
position:absolute;
width:100%;
left:0;
top:53px;
opacity:0;
transition:top 160ms ease,opacity 160ms linear;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center
}
.audio_pl_item2 .audio_pl__cover:hover .audio_pl__actions_btns {
top:47px;
opacity:1
}
.audio_pl_item2 .audio_pl__actions_btn {
margin:0 6px;
cursor:pointer;
opacity:1;
transition:opacity 60ms linear
}
.audio_pl_item2 .audio_pl__actions_btn:hover {
opacity:0.85
}
.audio_pl_item2 .audio_pl__actions_btn:active {
position:relative;
top:1px
}
.audio_pl_item2 .audio_pl__actions_add {
width:24px;
height:24px;
overflow:hidden;
position:relative
}
.audio_pl_item2 .audio_pl__actions_add:after,.audio_pl_item2 .audio_pl__actions_add:before {
content:"";
display:block;
position:absolute;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m11%2011v-7.571c0-.79.403-1.429.9-1.429s.9.64.9%201.429v7.571h7.771c.79%200%201.429.403%201.429.9s-.64.9-1.429.9h-7.77v7.771c0%20.79-.404%201.429-.9%201.429-.498%200-.9-.64-.9-1.429v-7.771h-7.573c-.79%200-1.429-.403-1.429-.9s.64-.9%201.429-.9z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22240%25%22%20width%3D%22240%25%22%20x%3D%22-70%25%22%20y%3D%22-65%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%22.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width:100%;
height:100%;
top:0;
left:0;
transition:top 160ms ease
}
.audio_pl_item2 .audio_pl__actions_add:after {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m4%2015%204%204%2012-12%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22348.3%25%22%20width%3D%22286.2%25%22%20x%3D%22-93.1%25%22%20y%3D%22-115.8%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%221.4%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20radius%3D%221.5%22%20result%3D%22shadowInner%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowInner%22%20result%3D%22shadowInner%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetOuter1%22%20in2%3D%22shadowInner%22%20operator%3D%22out%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20height%3D%2224%22%20opacity%3D%22.5%22%20rx%3D%222%22%20width%3D%2224%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
top:100%
}
.audio_pl_item2.audio_pl__followed .audio_pl__actions_add:before {
top:-100%
}
.audio_pl_item2.audio_pl__followed .audio_pl__actions_add:after {
top:0
}
.audio_pl_item2 .audio_pl__actions_edit {
display:none;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m4.95%2017.15%201.705%201.679-.508.5-1.91.653c-.17.058-.26-.035-.227-.2l.433-2.131.508-.5zm1.492-1.467%2010.548-10.387a1.017%201.017%200%200%201%201.427.001l.28.275a.977.977%200%200%201%200%201.405l-10.549%2010.384-1.705-1.678z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22286.7%25%22%20width%3D%22286.8%25%22%20x%3D%22-93.4%25%22%20y%3D%22-86.7%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%22.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width:24px;
height:24px
}
.audio_pl_item2.audio_pl__canedit .audio_pl__actions_edit {
display:block
}
.audio_pl_item2.audio_pl__canedit .audio_pl__actions_add {
display:none
}
.audio_pl_item2.audio_pl__no_author {
height:177px
}
.audio_pl_item2 .audio_pl__actions_play {
width:40px;
height:45px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2248%22%20viewBox%3D%220%200%2042%2048%22%20width%3D%2242%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m15.514776%2038.5872125c-1.3888724.899654-2.514776.2768039-2.514776-1.363785v-26.4438996c0-1.65285169%201.1242033-2.26454039%202.514776-1.36378494l20.757036%2013.44554834c.9721331.6297076.9697008%201.6522408%200%202.2803728z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22193.3%25%22%20width%3D%22216.7%25%22%20x%3D%22-58.3%25%22%20y%3D%22-43.3%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2223%22%20r%3D%2224%22%2F%3E%3Cg%20transform%3D%22translate(-4%20-1)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_pl_item2.audio_pl__playing .audio_pl__actions_play {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2248%22%20viewBox%3D%220%200%2040%2048%22%20width%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m13%2010.5082641c0-.83299127.6764628-1.5082641%201.5063976-1.5082641h5.9872048c.8319604%200%201.5063976.66865487%201.5063976%201.5082641v26.9834718c0%20.8329913-.6764628%201.5082641-1.5063976%201.5082641h-5.9872048c-.8319604%200-1.5063976-.6686549-1.5063976-1.5082641zm13%200c0-.83299127.6764628-1.5082641%201.5063976-1.5082641h5.9872048c.8319604%200%201.5063976.66865487%201.5063976%201.5082641v26.9834718c0%20.8329913-.6764628%201.5082641-1.5063976%201.5082641h-5.9872048c-.8319604%200-1.5063976-.6686549-1.5063976-1.5082641z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22193.3%25%22%20width%3D%22227.3%25%22%20x%3D%22-63.6%25%22%20y%3D%22-43.3%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2223%22%20r%3D%2224%22%2F%3E%3Cg%20transform%3D%22translate(-4%20-1)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_pl_item2.audio_pl__empty .audio_pl__actions_play,.audio_pl_item2.audio_pl__empty .audio_pl__actions_play:hover {
opacity:0.5
}
.audio_pl_item2.audio_pl__empty .audio_pl__actions_play:active {
position:relative;
top:0
}
.audio_pl_item2 .audio_pl__actions_share {
width:24px;
height:24px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m13%208.75v-4.348a.417.417%200%200%201%20.687-.318l8.94%207.598a.417.417%200%200%201%200%20.636l-8.94%207.598a.417.417%200%200%201%20-.687-.318v-4.348c-5.361%200-9.16%201.04-11.398%203.121a.25.25%200%200%201%20-.413-.241c1.496-6.253%205.434-9.38%2011.811-9.38z%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_pl_item2 .audio_pl__cover_stats {
color:#fff;
position:absolute;
bottom:13px;
width:100%;
text-align:center
}
.audio_pl_item2 .audio_pl__stats_count,.audio_pl_item2 .audio_pl__stats_listens {
display:inline-block;
position:relative;
padding:0 0 0 15px;
text-shadow:0 1px 4px rgba(0,0,0,0.4)
}
.audio_pl_item2 .audio_pl__stats_count {
margin-right:8px
}
.audio_pl_item2 .audio_pl__stats_count:before {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m0%204.5c0-.27614237.22247315-.5.50966585-.5h7.9806683c.28148068%200%20.50966585.23193359.50966585.5%200%20.27614237-.22247314.5-.50966585.5h-7.9806683c-.28148068%200-.50966585-.23193359-.50966585-.5zm0%206c0-.2761424.21484375-.5.49769878-.5h4.00460244c.27487144%200%20.49769878.2319336.49769878.5%200%20.2761424-.21484375.5-.49769878.5h-4.00460244c-.27487144%200-.49769878-.2319336-.49769878-.5zm0-3c0-.27614237.22247315-.5.50966585-.5h7.9806683c.28148068%200%20.50966585.23193359.50966585.5%200%20.27614237-.22247314.5-.50966585.5h-7.9806683c-.28148068%200-.50966585-.23193359-.50966585-.5z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22285.7%25%22%20width%3D%22244.4%25%22%20x%3D%22-72.2%25%22%20y%3D%22-78.6%25%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(4%20-1)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
content:" ";
display:block;
position:absolute;
width:17px;
height:15px;
left:-2px;
top:1px
}
.audio_pl_item2 .audio_pl__stats_listens:before {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m8.75111916%208.97953431c.16125158-.46337323.24888084-.96122032.24888084-1.47953431%200-2.48528137-2.01471863-4.5-4.5-4.5s-4.5%202.01471863-4.5%204.5c0%20.51831399.08762926%201.01616108.24888084%201.47953431-.15398662.26641276-.24888084.60126401-.24888084%201.02046569%200%201.6666667%201.5%202%202.25%202s.75-.8954305.75-2%200-2-.75-2c-.24584017%200-.57226353.03581475-.90002774.14266307-.04213802-.20765337-.06425797-.42257503-.06425797-.64266307%200-1.77520098%201.43908473-3.21428571%203.21428571-3.21428571s3.21428571%201.43908473%203.21428571%203.21428571c0%20.22008804-.02211995.4350097-.06425797.64266307-.32776421-.10684832-.65418757-.14266307-.90002774-.14266307-.75%200-.75.8954305-.75%202s0%202%20.75%202%202.25-.3333333%202.25-2c0-.41920168-.09489422-.75405293-.24888084-1.02046569z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22244.4%25%22%20width%3D%22244.4%25%22%20x%3D%22-72.2%25%22%20y%3D%22-61.1%25%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(4)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
content:" ";
display:block;
position:absolute;
width:17px;
height:15px;
left:-2px;
top:0
}
.audio_pl_item2 .audio_pl__cover:hover .audio_pl__actions_wrap {
opacity:1
}
.audio_pl_item2 .audio_pl__actions {
position:absolute;
top:6px;
right:0;
opacity:0;
transition:opacity 50ms linear
}
.audio_pl_item2 .audio_pl__actions .audio_pl__action {
width:28px;
height:28px;
background-color:#000;
opacity:0.5;
margin-right:6px;
border-radius:2px;
cursor:pointer;
transition:opacity 50ms linear,background-position 150ms ease;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2284%22%20viewBox%3D%220%2068%2028%2084%22%20width%3D%2228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(0%20124)%22%3E%3Crect%20height%3D%2228%22%20opacity%3D%22.5%22%20rx%3D%222.33%22%20width%3D%2228%22%2F%3E%3Cpath%20d%3D%22m15%2013v-4c0-.54-.45-1-1-1-.56%200-1%20.45-1%201v4h-4c-.54%200-1%20.45-1%201%200%20.56.45%201%201%201h4v4c0%20.54.45%201%201%201%20.56%200%201-.45%201-1v-4h4c.54%200%201-.45%201-1%200-.56-.45-1-1-1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%2096)%22%3E%3Crect%20height%3D%2228%22%20opacity%3D%22.5%22%20rx%3D%222.33%22%20width%3D%2228%22%2F%3E%3Cpath%20d%3D%22m8.7%2015.3c-.38-.4-1.02-.4-1.4%200-.4.38-.4%201.02%200%201.4l3%203c.38.4%201.02.4%201.4%200l9-9c.4-.38.4-1.02%200-1.4-.38-.4-1.02-.4-1.4%200l-8.3%208.3z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%2068)%22%3E%3Crect%20height%3D%2228%22%20opacity%3D%22.5%22%20rx%3D%222.33%22%20width%3D%2228%22%2F%3E%3Cpath%20d%3D%22m9.22%2017.28%201.5%201.5-.72.72c-.23.23-2%20.5-2%20.5s.27-1.77.5-2zm1.06-1.06%208-7.93c.4-.4%201.04-.4%201.43%200%20.4.38.4%201.02%200%201.4l-7.92%208.02-1.5-1.5z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
display:none
}
.audio_pl_item2 .audio_pl__actions .audio_pl__action:hover {
opacity:0.6
}
.audio_pl_item2 .audio_pl__actions .audio_pl__action:active {
margin-top:1px
}
.audio_pl_item2 .audio_pl__actions .audio_pl__action_follow {
background-position:0 -56px
}
.audio_pl_item2.audio_pl__followed .audio_pl__action_follow {
background-position:0 -28px
}
.audio_pl_item2.audio_pl__canedit .audio_pl__action_edit,.audio_pl_item2.audio_pl__canfollow .audio_pl__action_follow {
display:inline-block
}
.audio_pl_item2 .audio_pl__play {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%225%205%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m5%205h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m14%2023.9c-.5.3-1%20.1-1-.6v-12.6c0-.7.5-.9%201-.6l9.4%206.2c.6.4.6%201%200%201.4z%22%20fill%3D%22%233d6899%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width:34px;
height:34px;
background-repeat:no-repeat;
background-color:#fff;
background-position:50%;
border-radius:50%;
box-shadow:0 0 2px 1px rgba(0,0,0,0.12);
position:absolute;
bottom:8px;
left:8px;
opacity:0;
transition:opacity 50ms linear
}
.audio_pl_item2 .audio_pl__play:active {
bottom:7px
}
.audio_pl_item2.audio_pl__empty .audio_pl__play {
display:none!important
}
.audio_pl_item2:hover .audio_pl__play {
opacity:0.8
}
.audio_pl_item2:hover .audio_pl__play:hover {
opacity:1
}
.audio_pl_item2.audio_pl__playing .audio_pl__play {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%225%205%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m5%205h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m12%2010.6c0-.33.26-.6.6-.6h2.8c.34%200%20.6.27.6.6v12.8c0%20.33-.26.6-.6.6h-2.8c-.34%200-.6-.27-.6-.6zm6%200c0-.33.26-.6.6-.6h2.8c.34%200%20.6.27.6.6v12.8c0%20.33-.26.6-.6.6h-2.8c-.34%200-.6-.27-.6-.6z%22%20fill%3D%22%233d6899%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_pl_item2:hover .audio_pl__actions {
opacity:1
}
.audio_pl_item2 .audio_pl__info {
overflow:hidden;
white-space:nowrap;
margin-top:8px;
text-overflow:ellipsis
}
.audio_pl_item2 .audio_pl_artist_link {
color:#939393
}
.audio_pl_item2 .audio_pl__subtitle {
color:#939393;
margin-top:2px
}
.audio_pl_item2 .audio_pl__subtitle>a {
color:#000
}
.audio_pl_item2 .audio_pl__subtitle,.audio_pl_item2 .audio_pl__title,.audio_pl_item2 .audio_pl__year_subtitle {
overflow:hidden;
text-overflow:ellipsis
}
.audio_pl_item2.audio_pl__explicit .audio_item__title {
max-width:100%;
display:block;
overflow:hidden;
text-overflow:ellipsis
}
.audio_pl_item2.audio_pl__explicit .audio_pl__title {
padding-right:18px
}
.audio_pl_item2.audio_pl__explicit .audio_pl__title:after {
display:block;
content:"";
position:absolute;
top:1px;
right:0;
width:13px;
height:13px;
background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20width%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1%202.841v7.318c0%201.014.816%201.841%201.823%201.841h7.354a1.828%201.828%200%200%200%201.823-1.841v-7.319a1.834%201.834%200%200%200%20-1.823-1.84h-7.354a1.828%201.828%200%200%200%20-1.823%201.841zm-1%20.121a2.95%202.95%200%200%201%202.944-2.962h7.112a2.955%202.955%200%200%201%202.944%202.962v7.076a2.95%202.95%200%200%201%20-2.944%202.962h-7.112a2.955%202.955%200%200%201%20-2.944-2.962zm6%203.038v1h2v-1zm0-2v1h2v-1zm0%204v1h2v-1zm-1-4v5h1v-5z%22%20fill%3D%22%23828a99%22%20fill-opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E") no-repeat 50%;
margin-left:5px
}
.audio_artist_page .audio_pl_item2.audio_pl__new:after {
display:block;
content:"New";
position:absolute;
top:8px;
right:1px;
width:36px;
height:18px;
background:#f66261;
border-radius:3px;
color:#fff;
text-align:center;
font-size:12px;
letter-spacing:-0.2px;
line-height:18px
}
.audio_pl_item2 .audio_pl__year_subtitle {
margin-top:2px;
color:#939393
}
.audio_pl_item2 .audio_pl__title {
display:inline-block;
position:relative;
max-width:100%;
box-sizing:border-box
}
.audio_pl_item2.audio_pl__blocked .audio_pl__actions_add,.audio_pl_item2.audio_pl__blocked .audio_pl__actions_play,.audio_pl_item2.audio_pl__blocked .audio_pl__actions_share {
display:none
}
.audio_pl_item2.audio_pl__blocked.audio_pl__followed .audio_pl__actions_add {
display:block
}
.CatalogSection__columns {
display:-ms-flexbox;
display:flex
}
.CatalogSection__leftColumn {
padding-right:20px;
max-width:514px;
-ms-flex:1;
flex:1;
border-right:1px solid #e7e8ec
}
.CatalogSection__rightColumn {
padding-left:20px;
max-width:198px
}
.CatalogSection__stickyColumn {
position:sticky;
top:110px
}
.CatalogBlock--divided,.CatalogSection {
padding:16px 20px 10px;
position:relative;
box-shadow:none;
background:#fff;
border-radius:4px;
margin:15px 0 0
}
.CatalogBlock--divided:first-child,.CatalogSection {
margin:0;
border-radius:0 0 4px 4px
}
.CatalogBlock--divided:before,.CatalogSection:before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:-1;
box-shadow:0 1px 0 0 #d7d8db,0 0 0 1px #e3e4e8;
border-radius:4px
}
.CatalogBlock--divided:first-child:before,.CatalogSection:first-child:before {
border-radius:0 0 4px 4px
}
.CatalogSection--divided {
padding:0;
background:initial;
margin:0
}
.CatalogSection--divided:before {
box-shadow:none
}
.audio_layer_container .CatalogSection {
margin:0;
border-radius:0
}
.audio_layer_container .CatalogSection:before {
display:none
}
.audio_layer_container .CatalogSection__stickyColumn {
top:10px
}
.audio_layer_container .CatalogSection__leftColumn {
max-width:410px;
padding-right:10px
}
.audio_layer_container .CatalogBlock__audio_friends {
margin-left:-15px;
margin-right:-20px
}
.audio_layer_container .CatalogSection__rightColumn {
max-width:183px;
padding-left:15px
}
.audio_layer_container .CatalogSection__rightColumn .CatalogBlock__horizontal_buttons {
padding:10px 15px
}
.audio_layer_container .CatalogBlock .CatalogBlock__itemsContainer .audio_friend {
padding-left:15px
}
._audio_section__friends_updates .CatalogSection {
padding-top:31px;
padding-right:24px
}
.CatalogBlock--divided:before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:-1;
box-shadow:0 1px 0 0 #d7d8db,0 0 0 1px #e3e4e8;
border-radius:4px
}
.CatalogBlock--divided:first-child:before {
border-radius:0 0 4px 4px
}
.CatalogBlock--divided:first-child .CatalogBlock__header:first-child {
margin-top:0
}
.CatalogBlock__separator {
height:1px;
background-color:#e7e8ec;
margin:20px 0 15px;
box-sizing:border-box
}
.CatalogBlock__title {
margin:0
}
.CatalogBlock__header {
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-align:center;
align-items:center;
margin:0 0 15px;
width:100%
}
.CatalogBlock__title--small {
font-size:14px
}
.CatalogBlock__header:not(:first-child),.CatalogBlock:not(:first-child) .CatalogBlock__header {
margin-top:20px
}
.CatalogBlock:first-child .CatalogBlock__header {
margin-top:4px
}
.CatalogBlock__separator+.CatalogBlock .CatalogBlock__header {
margin-top:0
}
.CatalogBlock.CatalogBlock--divided .CatalogBlock__header:not(:first-child) {
margin-top:20px
}
.CatalogBlock.CatalogBlock--divided .CatalogBlock__header {
margin-top:4px
}
.CatalogBlock:last-child .CatalogBlock__separator {
display:none
}
.CatalogBlock .videocat_grid_wrap {
margin-left:-5px;
margin-right:-5px
}
.CatalogBlock .audio_page_block__playlists_items .audio_pl_item2 {
margin-bottom:-5px
}
.CatalogBlock--divided .audio_page_block__playlists_items .audio_pl_item2 {
margin-bottom:0
}
.CatalogBlock__audio_friends .ui_search.ui_search_new {
margin:0
}
.CatalogBlock__audio_friends .PlaceholderSmall__text {
color:#939393
}
.CatalogBlock__audio_friends_separator {
margin:10px 0 20px
}
.CatalogBlock__audio_friendsButton .flat_button {
width:100%
}
.CatalogSection__columns .CatalogBlock:first-child .CatalogBlock__header {
margin-top:0
}
.CatalogSection__friends_updates .CatalogBlock__list ._audio_page__playlists,.CatalogSection__friends_updates .CatalogBlock__list .audio_page__audio_list_block {
padding-left:65px;
margin-top:-15px
}
.CatalogBlock .CatalogBlock__itemsContainer .audio_friend {
padding-left:0
}
.page_block.audio_block .CatalogBlock:first-child .CatalogBlock__header {
margin-top:0
}
.page_block.audio_block .CatalogBlock .CatalogBlock__header {
margin-top:20px
}
.LinkSnippet {
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center
}
.LinkSnippet__iconLink {
margin-right:15px
}
.LinkSnippet__text {
color:#999;
line-height:16px;
padding-bottom:15px
}
.LinkSnippet__titleLink {
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto
}
.Placeholder {
padding:10px 50px 20px 50px
}
.Placeholder__iconContainer {
text-align:center;
padding:10px 0;
height:70px
}
.Placeholder__text {
color:#939393;
font-size:14px;
text-align:center;
line-height:22px
}
.Placeholder__text strong {
word-break:break-all
}
.PlaceholderSmall__title {
font-size:13px;
text-align:center;
color:#000;
font-weight:700;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
margin:4px 0
}
.PlaceholderSmall__text {
font-size:13px;
line-height:1.38;
text-align:center;
color:#222;
margin:6px 0 10px
}
.PlaceholderSmall_button {
display:block
}
.BannerItem {
display:inline-block;
margin-right:10px;
width:351px;
height:126px;
border-radius:8px;
background-color:var(--steel_gray_40);
padding:15px;
box-sizing:border-box
}
.BannerItem:last-child {
margin-right:0
}
.BannerItem__content {
display:-ms-flexbox;
display:flex;
text-decoration:none;
cursor:pointer
}
.BannerItem__content:hover {
text-decoration:none
}
.BannerItem__image {
width:96px;
height:96px;
border-radius:4px;
margin-right:15px;
background-size:cover
}
.BannerItem__title {
margin-top:9px;
font-size:16px;
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
line-height:1.25;
color:var(--gray_900)
}
.BannerItem__text {
font-size:13px;
line-height:1.23;
margin-top:4px;
color:var(--gray_400)
}
.BannerItem__button {
margin-top:12px
}
.audio_page_player {
position:static;
box-sizing:border-box
}
.eltt.top_audio_layer .audio_page_player {
border-radius:3px 3px 0 0
}
.audio_page_player .audio_page_player_ctrl {
float:left;
border:none;
outline:none;
background:none;
margin:0
}
.audio_page_player .audio_page_player_ctrl.audio_page_player_btns {
float:right;
padding:0 10px 0 5px
}
.audio_page_player .audio_page_player_ctrl.audio_page_player_track {
float:none;
overflow:hidden
}
.audio_page_player .audio_page_player_play {
padding:13px 4px 13px 14px;
cursor:pointer
}
.audio_page_player .audio_page_player_play .icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2229%22%20viewBox%3D%220%200%2028%2029%22%20width%3D%2228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m11.8%2019.9c-.4.3-.8.1-.8-.4v-11c0-.5.4-.7.8-.4l7.7%205.5c.4.2.3.6%200%20.8z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
width:28px;
height:28px;
border-radius:50%;
background-color:var(--blue_400)
}
.audio_page_player .audio_page_player_play:hover .icon {
background-color:var(--blue_400);
opacity:0.88
}
.audio_page_player .audio_page_player_play:active .icon {
background-color:var(--blue_420)
}
.audio_page_player .audio_page_player_play.audio_playing .icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2229%22%20viewBox%3D%2236%200%2028%2029%22%20width%3D%2228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m46%208.6c0-.3.3-.6.6-.6h1.8c.3%200%20.6.3.6.6v10.8c0%20.3-.3.6-.6.6h-1.8c-.3%200-.6-.3-.6-.6zm5%200c0-.3.3-.6.6-.6h1.8c.3%200%20.6.3.6.6v10.8c0%20.3-.3.6-.6.6h-1.8c-.3%200-.6-.3-.6-.6z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_next,.audio_page_player .audio_page_player_prev {
padding:22px 6px;
cursor:pointer;
opacity:0.7
}
.audio_page_player .audio_page_player_next .icon,.audio_page_player .audio_page_player_prev .icon {
width:9px;
height:10px;
background-position:50%
}
.audio_page_player .audio_page_player_next:hover,.audio_page_player .audio_page_player_prev:hover {
opacity:1
}
.audio_page_player .audio_page_player_prev .icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%3E%3Cpath%20fill%3D%22%234A76A8%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%204.709V.596A.604.604%200%200%200%201.4%200H.6C.27%200%200%20.267%200%20.596v8.808c0%20.33.278.596.6.596h.8c.331%200%20.6-.267.6-.596V5.291c.033.04.074.079.123.114L8.19%209.803c.447.324.81.138.81-.408V.604c0-.55-.359-.735-.81-.408L2.123%204.594A.65.65%200%200%200%202%204.71z%22%2F%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_next .icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%3E%3Cpath%20fill%3D%22%234A76A8%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7%204.709V.596C7%20.266%207.278%200%207.6%200h.8c.331%200%20.6.267.6.596v8.808a.604.604%200%200%201-.6.596h-.8a.598.598%200%200%201-.6-.596V5.291a.653.653%200%200%201-.123.114L.81%209.803c-.447.324-.81.138-.81-.408V.604c0-.55.359-.735.81-.408l6.067%204.398A.65.65%200%200%201%207%204.71z%22%2F%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_btn {
border:none;
background:none;
outline:none;
box-sizing:content-box;
cursor:pointer;
padding:15px 4px;
margin:0;
float:left;
position:relative
}
.audio_page_player .audio_page_player_btn .btn_icon {
width:24px;
height:24px;
background-position:50%;
background-repeat:no-repeat;
transition:background-position 150ms ease,opacity 60ms linear;
opacity:0.7
}
.audio_page_player .audio_page_player_btn:hover .btn_icon {
opacity:0.85
}
.audio_page_player .audio_page_player_btn:active .btn_icon {
position:relative;
top:1px
}
.audio_page_player .audio_page_player_add .btn_icon {
background-position:50% -18px
}
.audio_page_player .audio_page_player_add .btn_icon,.audio_page_player .audio_player_btn_added .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2237%22%20viewBox%3D%220%200%2016%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M-4%2018h24v24H-4z%22%2F%3E%3Cpath%20d%3D%22M7%2029H2c-.552%200-1%20.448-1%201s.448%201%201%201h5v5c0%20.552.448%201%201%201s1-.448%201-1v-5h5c.552%200%201-.448%201-1s-.448-1-1-1H9v-5c0-.552-.448-1-1-1s-1%20.448-1%201v5z%22%20fill%3D%22%23828A99%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cg%20transform%3D%22translate(-4%20-6)%22%3E%3Crect%20opacity%3D%22.5%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke%3D%22%23356CA9%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2013l4%204L19%207%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_player_btn_added .btn_icon {
background-position:50% 6px
}
.audio_page_player .audio_page_player_shuffle .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2218%22%20height%3D%2214%22%20viewBox%3D%220%200%2018%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate(-3%20-5)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M15.99%207c-2.934%200-4.4%202.315-5.86%204.25C8.84%2012.96%207.753%2014.955%206%2015H3v2h3c2.935%200%204.237-2.59%205.698-4.527C13.01%2010.733%2014.16%209%2015.99%209H17V7h-1.01zM9.952%208.844C9.427%208.376%208.567%207.75%207.907%207.46%207.247%207.173%206.51%207%205.664%207H3v2h3c.445%200%20.81.076%201.14.217.45.193%201.142.7%201.58%201.11.125-.153.877-1.074%201.232-1.483zM16%2015h1v2h-1c-1.773%200-3.242-1.084-4.32-2.147.416-.494%201.233-1.5%201.233-1.5C13.71%2014.182%2014.883%2015%2016%2015zm1%204v-6l4%203-4%203zm0-8V5l4%203-4%203z%22%20fill%3D%22%23828A99%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_shuffle.audio_page_player_btn_enabled .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%22627%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m16%207c-2.94%200-4.4%202.3-5.87%204.25-1.3%201.7-2.38%203.7-4.13%203.75h-3v2h3c2.93%200%204.24-2.6%205.7-4.53%201.3-1.74%202.46-3.47%204.3-3.47h1v-2zm-6.06%201.84c-.52-.46-1.38-1.1-2.04-1.38-.64-.3-1.4-.46-2.23-.46h-2.67v2h3c.44%200%20.8.08%201.14.22.45.2%201.14.7%201.58%201.1l1.23-1.48zm6.06%206.16h1v2h-1c-1.77%200-3.24-1.08-4.32-2.15l1.23-1.5c.8.83%201.98%201.65%203.1%201.65zm1%204v-6l4%203zm0-8v-6l4%203z%22%20fill%3D%22%23356ca9%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(627)%22%2F%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_repeat .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate(-2%20-6)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M14.002%206h3C18.656%206%2020%207.35%2020%209.006V14h-2V9.506C18%208.676%2017.326%208%2016.494%208H9v-.002C9%206.895%209.894%206%2011.003%206h3zm-1.005%2012H7c-1.657%200-3-1.35-3-3.006V10h2v4.494C6%2015.324%206.674%2016%207.506%2016H15v.002C15%2017.105%2014.106%2018%2012.997%2018zM8%2010H2l3-4%203%204zm8%204h6l-3%204-3-4z%22%20fill%3D%22%23828A99%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_repeat.audio_page_player_btn_enabled .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%22138%202%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m152%208h3c1.7%200%203%201.3%203%203v5h-2v-4.5c0-.8-.7-1.5-1.5-1.5h-7.5c0-1.1.9-2%202-2zm2%208h6l-3%204zm-6%204h-3c-1.7%200-3-1.3-3-3v-5h2v4.5c0%20.8.7%201.5%201.5%201.5h7.5c0%201.1-.9%202-2%202zm-2-8h-6l3-4z%22%20fill%3D%22%23356ca9%22%2F%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_recoms .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate(-5%20-5)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M18.598%2014.343c.26-.733.402-1.52.402-2.343%200-3.866-3.134-7-7-7s-7%203.134-7%207c0%20.822.142%201.61.402%202.343C5.156%2014.76%205%2015.303%205%2016c0%202.5%202%203%203%203s1-1.343%201-3%200-3-1-3c-.246%200-.553.03-.876.113C7.044%2012.755%207%2012.383%207%2012c0-2.76%202.24-5%205-5s5%202.24%205%205c0%20.383-.043.755-.124%201.113-.323-.083-.63-.113-.876-.113-1%200-1%201.343-1%203s0%203%201%203%203-.5%203-3c0-.697-.156-1.24-.402-1.657z%22%20fill%3D%22%23828A99%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_status .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2020%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20opacity%3D%22.4%22%20d%3D%22M-2-5h24v24H-2z%22%2F%3E%3Cpath%20d%3D%22M10%209c-1.105%200-2-.895-2-2s.895-2%202-2%202%20.895%202%202-.895%202-2%202zM5.77%202.316c.378-.403%201.01-.423%201.414-.046.403.378.423%201.01.046%201.414-.132.14-.362.447-.6.888C6.237%205.312%206%206.128%206%207c0%20.872.236%201.69.63%202.428.238.44.468.748.6.888.377.403.357%201.036-.046%201.414-.403.377-1.036.357-1.414-.046-.243-.26-.575-.703-.9-1.312C4.326%209.362%204%208.228%204%207c0-1.228.327-2.36.87-3.372.325-.61.657-1.052.9-1.312zm7.023%201.39c-.39-.39-.39-1.023%200-1.413.39-.39%201.024-.39%201.414%200%20.25.25.59.684.92%201.29C15.674%204.584%2016%205.73%2016%207c0%201.272-.327%202.418-.872%203.416-.33.607-.67%201.04-.92%201.29-.39.392-1.025.392-1.415%200-.39-.39-.39-1.023%200-1.413.124-.124.348-.41.58-.834C13.764%208.74%2014%207.915%2014%207c0-.916-.235-1.74-.628-2.46-.23-.423-.455-.71-.58-.833zM2.293.294c.39-.39%201.024-.39%201.414%200%20.39.39.39%201.024%200%201.414-.03.03-.108.12-.22.268-.2.266-.4.59-.593.972C2.337%204.062%202%205.41%202%207c0%201.59.337%202.938.894%204.053.192.382.394.706.593.972.112.148.19.238.22.268.39.39.39%201.024%200%201.414-.39.39-1.024.39-1.414%200-.322-.322-.76-.907-1.187-1.76C.413%2010.562%200%208.91%200%207c0-1.91.413-3.562%201.106-4.947C1.532%201.2%201.97.615%202.293.293zm14%201.414c-.39-.39-.39-1.024%200-1.414.39-.39%201.024-.39%201.414%200%20.322.322.76.907%201.187%201.76C19.587%203.438%2020%205.09%2020%207c0%201.91-.413%203.562-1.106%204.947-.426.853-.865%201.438-1.187%201.76-.39.39-1.024.39-1.414%200-.39-.39-.39-1.024%200-1.414.03-.03.108-.12.22-.268.2-.266.4-.59.593-.972C17.663%209.938%2018%208.59%2018%207c0-1.59-.337-2.938-.894-4.053-.192-.382-.394-.706-.594-.972-.11-.148-.19-.238-.22-.268z%22%20fill%3D%22%23828A99%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_status.audio_page_player_btn_enabled .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2020%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20opacity%3D%22.4%22%20d%3D%22M-2-5h24v24H-2z%22%2F%3E%3Cpath%20d%3D%22M10%209c-1.105%200-2-.895-2-2s.895-2%202-2%202%20.895%202%202-.895%202-2%202zM5.77%202.316c.378-.403%201.01-.423%201.414-.046.403.378.423%201.01.046%201.414-.132.14-.362.447-.6.888C6.237%205.312%206%206.128%206%207c0%20.872.236%201.69.63%202.428.238.44.468.748.6.888.377.403.357%201.036-.046%201.414-.403.377-1.036.357-1.414-.046-.243-.26-.575-.703-.9-1.312C4.326%209.362%204%208.228%204%207c0-1.228.327-2.36.87-3.372.325-.61.657-1.052.9-1.312zm7.023%201.39c-.39-.39-.39-1.023%200-1.413.39-.39%201.024-.39%201.414%200%20.25.25.59.684.92%201.29C15.674%204.584%2016%205.73%2016%207c0%201.272-.327%202.418-.872%203.416-.33.607-.67%201.04-.92%201.29-.39.392-1.025.392-1.415%200-.39-.39-.39-1.023%200-1.413.124-.124.348-.41.58-.834C13.764%208.74%2014%207.915%2014%207c0-.916-.235-1.74-.628-2.46-.23-.423-.455-.71-.58-.833zM2.293.294c.39-.39%201.024-.39%201.414%200%20.39.39.39%201.024%200%201.414-.03.03-.108.12-.22.268-.2.266-.4.59-.593.972C2.337%204.062%202%205.41%202%207c0%201.59.337%202.938.894%204.053.192.382.394.706.593.972.112.148.19.238.22.268.39.39.39%201.024%200%201.414-.39.39-1.024.39-1.414%200-.322-.322-.76-.907-1.187-1.76C.413%2010.562%200%208.91%200%207c0-1.91.413-3.562%201.106-4.947C1.532%201.2%201.97.615%202.293.293zm14%201.414c-.39-.39-.39-1.024%200-1.414.39-.39%201.024-.39%201.414%200%20.322.322.76.907%201.187%201.76C19.587%203.438%2020%205.09%2020%207c0%201.91-.413%203.562-1.106%204.947-.426.853-.865%201.438-1.187%201.76-.39.39-1.024.39-1.414%200-.39-.39-.39-1.024%200-1.414.03-.03.108-.12.22-.268.2-.266.4-.59.593-.972C17.663%209.938%2018%208.59%2018%207c0-1.59-.337-2.938-.894-4.053-.192-.382-.394-.706-.594-.972-.11-.148-.19-.238-.22-.268z%22%20fill%3D%22%23356CA9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_share .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%22202%202%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m207%2013.5v-1c0-1.5%201.6-2.5%203-2.5h5c.4%200%201.1-.2%202.7-1.3%201-.8%202.2-1.7%202.2-1.7h1.1v6%206h-1.1s-1.2-.9-2.2-1.7c-1.6-1.1-2.3-1.3-2.7-1.3h-5c-1.4%200-3-1-3-2.5zm7.5%205.5-1.1-3h-2.4l1.3%205c2%200%202.2-.7%202.2-2z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_fave {
display:none
}
.audio_page_player .audio_page_player_fave .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m12.464%205.013a.5.5%200%200%200%20-.925%200l-1.966%204.783-4.501.443a.5.5%200%200%200%20-.276.878l3.56%203.037-1.218%204.516a.5.5%200%200%200%20.766.543l4.098-2.811%204.183%202.812a.5.5%200%200%200%20.76-.553l-1.298-4.507%203.56-3.037a.5.5%200%200%200%20-.275-.878l-4.502-.443zm3.15%203.19%203.485.344a2.2%202.2%200%200%201%201.212%203.863l-2.727%202.327.994%203.454a2.2%202.2%200%200%201%20-3.341%202.434l-3.226-2.168-3.145%202.158a2.2%202.2%200%200%201%20-3.369-2.388l.938-3.477-2.742-2.34a2.2%202.2%200%200%201%201.212-3.863l3.484-.343%201.578-3.838a2.2%202.2%200%200%201%204.07%200l1.577%203.838z%22%20fill%3D%22%23828a99%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_fave.activated .btn_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m15.343%208.485%204.43.425c1.541.148%202.014%201.653.824%202.643l-3.468%202.882%201.287%204.695c.423%201.542-.889%202.475-2.202%201.547l-4.214-2.976-4.214%202.976c-1.308.925-2.625-.005-2.202-1.547l1.287-4.695-3.468-2.882c-1.195-.994-.724-2.495.824-2.643l4.429-.425%201.95-4.499c.612-1.408%202.177-1.408%202.787%200z%22%20fill%3D%22%23356ca9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_player .audio_page_player_play_rate {
display:none;
font-size:17px;
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
line-height:24px;
color:#828a99;
min-width:40px;
text-align:right
}
.audio_page_player .audio_page_player_play_rate:hover {
opacity:1
}
.audio_page_player .audio_page_player_play_rate .btn_icon {
width:auto;
min-width:24px
}
.audio_page_player.audio_player_podcast .audio_page_player_add,.audio_page_player.audio_player_podcast .audio_page_player_added,.audio_page_player.audio_player_podcast .audio_page_player_next,.audio_page_player.audio_player_podcast .audio_page_player_prev,.audio_page_player.audio_player_podcast .audio_page_player_recoms,.audio_page_player.audio_player_podcast .audio_page_player_repeat,.audio_page_player.audio_player_podcast .audio_page_player_shuffle,.audio_page_player.audio_player_podcast .audio_page_player_status {
display:none!important
}
.audio_page_player.audio_player_podcast .audio_page_player_fave,.audio_page_player.audio_player_podcast .audio_page_player_play_rate {
display:block
}
.audio_page_player.audio_player_podcast .audio_page_player__cover {
background:url(/images/podcast_placeholder_40.png) no-repeat 50%
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.audio_page_player.audio_player_podcast .audio_page_player__cover {
background-image:url(/images/podcast_placeholder_40_2x.png);
background-size:40px 40px
}

}
.audio_page_player.audio_player_podcast .audio_player_podcast_title {
color:var(--black)
}
.audio_page_player .audio_page_player_volume_wrap {
float:right;
width:50px;
padding:33px 8px 0 0
}
.audio_page_player .audio_page_player_track_wrap {
overflow:hidden;
padding:15px 20px 0 10px
}
.audio_page_player .audio_page_player_duration {
float:right;
padding:0 0 0 8px;
letter-spacing:0.02em
}
.audio_page_player .audio_page_player_track_info_wrap {
font-size:12.5px;
padding:0 0 1px 0;
line-height:14px;
height:17px
}
.audio_page_player .audio_page_player_title {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#393e42;
-ms-flex-negative:1;
flex-shrink:1;
-ms-flex-positive:1;
flex-grow:1;
display:-ms-flexbox;
display:flex
}
.audio_page_player .audio_page_player_title_song:before {
content:"\2013";
display:inline-block;
width:8px;
padding-left:4px
}
.audio_page_player.audio_song_is_explicit .audio_page_player_title:after {
content:" ";
display:inline-block;
background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20width%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1%202.506v5.988a1.5%201.5%200%200%200%201.491%201.506h6.019c.827%200%201.49-.674%201.49-1.506v-5.988a1.5%201.5%200%200%200%20-1.491-1.506h-6.019c-.827%200-1.49.674-1.49%201.506zm4%202.494v-1h2v-1h-3v5h3v-1h-2v-1h2v-1zm-5-2.494a2.496%202.496%200%200%201%202.491-2.506h6.019a2.5%202.5%200%200%201%202.49%202.506v5.988a2.496%202.496%200%200%201%20-2.491%202.506h-6.019a2.5%202.5%200%200%201%20-2.49-2.506z%22%20fill%3D%22%23828a99%22%20fill-opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E") no-repeat 50%;
width:14px;
height:13px;
margin-left:5px
}
.audio_page_player .audio_page_player_title_performer,.audio_page_player .audio_page_player_title_song {
overflow:hidden;
text-overflow:ellipsis
}
.audio_page_player .audio_page_player_title_song {
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto
}
.audio_page_player .audio_page_player_title_song_subtitle {
font-weight:400;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
color:#939393
}
.audio_page_player .audio_page_player_title_performer {
color:#393e42
}
.audio_page_player .audio_page_player_track_slider.slider,.audio_page_player .audio_page_player_volume_slider.slider {
padding-bottom:14px
}
.audio_page_player .audio_page_player_track_slider:not(.slider),.audio_page_player .audio_page_player_volume_slider:not(.slider) {
margin-top:3px;
height:2px;
background-color:#e1e8ee
}
.audio_page_player .audio_play {
background-image:url("/images/icons/audio_player_controls.png");
width:28px;
height:28px;
background-position:0 0;
outline:none
}
.audio_page_player .audio_play.audio_playing {
background-position:0 -56px
}
.audio_page_player .audio_play:active {
background-position:0 1px
}
.audio_page_player .audio_play_wrap {
float:left
}
.audio_page_player .audio_control_btn {
cursor:pointer;
position:relative
}
.audio_page_player .audio_control_btn .icon {
opacity:0.6;
background-image:url("/images/icons/audio_player_controls.png")
}
.audio_page_player .audio_control_btn.audio_enabled .icon {
opacity:1
}
.audio_page_player .audio_control_btn .icon:active {
position:relative;
top:1px
}
.audio_page_player .audio_play_controls_wrap {
float:left;
padding:11px 3px 0
}
.audio_page_player_remove_ads {
display:none;
margin-left:10px;
float:right;
border:none;
background:none;
color:var(--blue_600);
font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Geneva,"Noto Sans Armenian","Noto Sans Bengali","Noto Sans Cherokee","Noto Sans Devanagari","Noto Sans Ethiopic","Noto Sans Georgian","Noto Sans Hebrew","Noto Sans Kannada","Noto Sans Khmer","Noto Sans Lao","Noto Sans Osmanya","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Thai",sans-serif,arial,Tahoma,verdana;
font-size:13px;
outline:0;
padding:0;
line-height:1;
font-size:inherit;
line-height:14px
}
.audio_page_player_remove_ads:hover {
text-decoration:underline;
cursor:pointer
}
.audio_page_player_show_remove_ads .audio_page_player_remove_ads {
display:block
}
.audio_page_player_show_remove_ads .audio_page_player_title_performer {
max-width:100%
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.audio_page_player .audio_play,.audio_page_player .audio_control_btn .icon {
background-image:url("/images/icons/audio_player_controls_2x.png");
background-size:28px 228px
}

}
#audio_status_tt .audio_status_wrap {
max-height:260px;
overflow:hidden;
font-size:12.5px
}
#audio_status_tt .audio_status_wrap .ui_scroll_content {
padding:15px 30px 10px 15px
}
#audio_status_tt .hint_title {
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto
}
#audio_status_tt .hint_description {
margin:10px 0px 15px;
line-height:16px
}
#audio_status_tt .checkbox {
margin:9px 0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
#audio_status_tt .audio_share_cont {
padding:10px 17px;
background-color:var(--steel_gray_10);
border-top:1px solid var(--steel_gray_80);
border-radius:2px
}
#audio_status_tt .audio_share_link {
font-size:12.5px
}
#audio_status_tt .audio_status_sep {
height:1px;
width:100%;
background-color:#eaeaea
}
.audio_page_player.audio_page_player_fixed {
top:0;
position:fixed;
z-index:102;
margin:0;
border-radius:0;
transition:transform 250ms ease;
box-shadow:0 1px 0 0 rgba(0,0,0,0.11);
transform:translateY(-10px);
background-color:#fff
}
.audio_page_player.audio_page_player_fixed_shown {
transform:translateY(42px)
}
.audio_page_player.audio_page_player_fixed_transition {
transition:top 150ms ease
}
.audio_page_player .audio_page_player__cover {
width:54px;
height:54px;
float:left;
border-radius:2px 0 0 2px;
background-color:#e6edf5;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2221%22%20viewBox%3D%220%200%2013%2021%22%20width%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-21%20-17)%22%3E%3Cpath%20d%3D%22m0%200h54v54h-54z%22%2F%3E%3Cg%20fill%3D%22%23afbac6%22%3E%3Cpath%20d%3D%22m27%2021.007484c0-.5564181.4438648-1.007484%201-1.007484.5522847%200%201%20.4489202%201%201.007484v12.985032c0%20.5564181-.4438648%201.007484-1%201.007484-.5522847%200-1-.4489202-1-1.007484z%22%2F%3E%3Cpath%20d%3D%22m27%2018.7122688c0-.2796762.217172-.546457.4922264-.597192l6.0155472-1.1095954c.2718491-.0501438.4922264.1399143.4922264.4156052v2.8607495c0%20.2796762-.217172.546457-.4922264.597192l-6.0155472%201.1095954c-.2718491.0501438-.4922264-.1399143-.4922264-.4156052z%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2234%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat:no-repeat;
background-position:50%
}
.audio_page_player.audio_page_player_fixed .audio_page_player__cover {
border-radius:0
}
.audio_page_player .audio_page_player_duration {
float:right;
color:var(--gray_400);
cursor:pointer
}
.audio_page_player .audio_page_player_duration:hover {
color:#7f8184
}
.page_block._audio_page_content_block {
background:initial;
border-radius:4px 4px 0 0
}
.page_block._audio_page_content_block:before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:-1;
box-shadow:0 1px 0 0 #d7d8db,0 0 0 1px #e3e4e8;
border-radius:4px 4px 0 0
}
.audio_layer_wrap {
color:var(--black);
font-weight:400;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
line-height:1
}
.audio_empty_placeholder {
padding-bottom:80px
}
.audio_feed_post {
padding:15px 0;
border-bottom:1px solid #e6e7eb
}
.audio_feed_post:last-child {
border-bottom:none
}
.audio_feed_post .audio_feed_ava {
float:left;
margin-right:15px
}
.audio_feed_post .audio_feed_text {
margin-left:12px;
margin-top:10px;
color:#999;
line-height:16px
}
.audio_feed_post .audio_feed_author {
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto
}
.audio_feed_post .audio_feed_rows {
float:left;
box-sizing:border-box;
width:100%;
padding-left:61px;
margin-top:-15px
}
.audio_add_box {
padding:2px 25px
}
.audio_add_box .error {
display:none;
margin:18px 0 -3px
}
.audio_error_box {
padding:20px 25px
}
.audio_add_restrictions {
list-style:disc;
padding-left:15px;
line-height:20px;
margin:-6px 0 0;
font-size:12.5px
}
.audio_add_upload_btn {
margin:13px 0 23px;
text-align:center
}
.audio_friend_now:hover {
text-decoration:underline
}
.audio_friend_photo {
width:30px;
height:30px;
background:0 0 no-repeat;
border-radius:2px
}
.audio_friend_audios_count,.audio_friend_now {
color:var(--gray_400);
padding:0 0 0 10px;
max-width:145px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
display:inline-block;
vertical-align:top;
height:1.2em
}
.audio_friend_status .audio_friend_audios_count {
color:var(--gray_600)
}
.audio_friend_status .audio_friend_audios_count:hover,.audio_friend_audios_count[onclick]:hover {
text-decoration:underline
}
.audio_friend_name,.audio_friend_name_now {
padding:2px 0 3px 10px;
line-height:1.12em;
display:block;
width:137px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
display:inline-block;
vertical-align:top
}
.audio_friend_name:hover,.audio_friend_name_now:hover {
text-decoration:none
}
.audio_friend_name_now {
line-height:1.36em
}
.audio_page_layout .ui_search.ui_search_new.audio_search {
margin:0
}
.audio_page_layout .audio_search_wrapper {
background:#fff;
padding:20px 20px 0
}
.audio_page_layout .audio_search_wrapper .ui_search_new .ui_search_filters_pane.expanded {
margin:7px 0 0 0
}
.audio_page_layout .page_block_header {
margin:0
}
.audio_page_layout .audio_page__main_tabs_btn {
width:24px;
height:22px;
float:right;
padding:10px;
background-position:50%;
background-repeat:no-repeat;
margin-top:6px;
cursor:pointer;
opacity:0.7;
border:none;
background-color:transparent;
box-sizing:content-box
}
.audio_page_layout .audio_page__main_tabs_btn:hover {
opacity:1
}
.audio_page_layout .audio_page__main_tabs_btn:active {
margin-top:7px
}
.audio_page_layout .audio_page__add_playlist_btn {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%22711%2015%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m711%2015h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m712%2031h7m-7-5h12m-12-5h17m-5%2010h10m-5-5v10%22%20stroke%3D%22%23828a99%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_layout .audio_page__add_audio_btn {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2219%22%20viewBox%3D%220%200%2026%2019%22%20width%3D%2226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(1%20-3)%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cg%20stroke%3D%22%23828a99%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m7%2019h-3.5c-1.93299662%200-3.5-1.5670034-3.5-3.5s1.56700338-3.5%203.5-3.5c.17635542%200%20.34966443.0130432.51901498.0382177-.01260511-.1777657-.01901498-.3572432-.01901498-.5382177%200-4.14213562%203.35786438-7.5%207.5-7.5%203.6444251%200%206.6817285%202.59939677%207.3590229%206.0453029.2093602-.0298564.4233648-.0453029.6409771-.0453029%202.4852814%200%204.5%202.0147186%204.5%204.5s-2.0147186%204.5-4.5%204.5h-2.5%22%2F%3E%3Cpath%20d%3D%22m9%2014%203-3%203%203%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m12%2012v9%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_layout .audio_page_sections {
margin-bottom:20px
}
.audio_page_layout .audio_page_separator {
height:1px;
background-color:#e7e8ec;
margin:5px 0 15px;
box-sizing:border-box
}
.audio_page_layout .audio_page__audio_rows {
position:relative
}
.audio_page_layout .audio_page__audio_rows>h2 {
margin-top:20px;
font-size:14px
}
.audio_page_layout .audio_page__audio_rows .audio_page__sort_dd {
position:absolute;
right:0;
top:0
}
.audio_page_layout .audio_page__audio_rows .pr.audio_more_rows {
opacity:1;
text-align:center;
padding:20px 0 5px
}
.audio_page_layout .has_friends_block .audio_page__rows_wrap {
padding-right:20px;
width:514px;
border-right:1px solid #e7e8ec;
float:left
}
.audio_page_layout ._audio_page_titled_block.my_audios {
margin-top:0
}
.audio_page_layout .audio_friends_list_wrap {
float:left
}
.audio_page_layout .audio_friends_list_content {
width:218px
}
.audio_page_layout .audio_page_block__playlists_items {
margin:-5px -10px 0 -5px
}
.audio_page_layout .audio_page__search_playlists {
padding-top:10px
}
.audio_page_layout .audio_page__search_playlists>h2 {
margin-top:10px
}
.audio_page_layout .audio_page__search_playlists_items {
margin:-5px -10px 0 -5px
}
.audio_page_layout .no_rows.audio_page_block__playlists_empty {
display:none
}
.audio_page_layout .audio_section_empty .no_rows.audio_page_block__playlists_empty {
display:block
}
.audio_page_layout .no_rows.audio_page_block__playlists_empty {
padding-top:100px;
position:relative
}
.audio_page_layout .no_rows.audio_page_block__playlists_empty:after {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h72v72h-72z%22%2F%3E%3Cpath%20d%3D%22m42.5%2018h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm0%2012h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm-33%2015c-.82842712%200-1.5-.6715729-1.5-1.5s.67157288-1.5%201.5-1.5h23c.8284271%200%201.5.6715729%201.5%201.5s-.6715729%201.5-1.5%201.5zm44.5%201.2665767c0%209.0247975-1.7494466%2010.7668864-8.7488058%2011.684387-3.3364518.4373539-7.2511942-1.0769136-7.2511942-6.3234191%200-2.5628074%201.603626-4.996526%204.9222856-5.6324987%202.5344608-.4856924-.1815623.0363869%205.5521446-1.0280794%201.3919505-.2584165%201.5496826-.75646%201.5496826-1.8175819%200-.5328188-.0026365-5.1902877-.0192719-8.3880674v-8.6356283s-.010892-4.116544%200-6.1747951c.0130272-2.4617298%201.3592916-3.3664367%205.3275843-4.1679516%200%200%206.0464225-1.1479356%209.3704503-1.7508398.7355662-.1334152%201.2971245.1403611%201.2971245.9840516%200%200-.0213548%205.2442021%200%208.1086771.0062012.8318081-.3368479%201.208402-1.1799422%201.3580445-3.3633975.596976-9.7298555%201.7207236-9.7298555%201.7207236-.7477585.1836552-1.0902023.7099992-1.0902023%201.4665831z%22%20fill%3D%22%23C9D0D8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position:50%;
background-repeat:no-repeat;
content:" ";
display:block;
width:70px;
height:70px;
position:absolute;
left:50%;
top:16px;
margin-left:-30px
}
.audio_page_layout .audio_block_small_items_list {
margin-bottom:10px;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between
}
.audio_page_layout .audio_block_small_item {
-ms-flex-positive:1;
flex-grow:1;
-ms-flex-preferred-size:0;
flex-basis:0;
min-width:0;
margin-left:20px
}
.audio_layer_container .audio_page_layout .audio_block_small_item {
margin-left:15px
}
.audio_page_layout .audio_block_small_item:first-child {
margin-left:0
}
.audio_page_layout .audio_block_small_item .audio_block_small_item__avatar {
width:40px;
height:40px;
float:left;
margin-right:10px
}
.audio_page_layout .audio_block_small_item .audio_block_small_item__img {
display:block;
width:100%;
height:100%;
border-radius:50%;
background:no-repeat 50%;
background-size:cover
}
.audio_page_layout .audio_block_small_item.artist_no_image .audio_block_small_item__img {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22m13.0127481%2014.5071369-6.09698577%205.0808215c-.70632675.5886056-1.7449414.541493-2.39507757-.1086432-.65013616-.6501361-.69724878-1.6887508-.10864315-2.3950775l5.0808215-6.0969858c.65889199%201.5895578%201.93032719%202.860993%203.51988499%203.519885zm2.4872519-1.5071369c-2.4852814%200-4.5-2.0147186-4.5-4.5%200-2.48528137%202.0147186-4.5%204.5-4.5s4.5%202.01471863%204.5%204.5c0%202.4852814-2.0147186%204.5-4.5%204.5z%22%20fill%3D%22%23afbac6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-color:#ebedf0;
background-size:25px
}
.audio_page_layout .audio_block_small_item .audio_block_small_item__info {
height:40px;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:center;
justify-content:center;
font-size:13px;
line-height:18px;
white-space:nowrap
}
.audio_page_layout .audio_block_small_item .audio_block_small_item__title {
display:-ms-flexbox;
display:flex;
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
color:var(--blue_600)
}
.audio_page_layout .audio_block_small_item .audio_block_small_item__title .group_link,.audio_page_layout .audio_block_small_item .audio_block_small_item__title .mem_link,.audio_page_layout .audio_block_small_item .audio_block_small_item__title .title_link {
box-sizing:border-box;
max-width:100%;
display:inline-block;
vertical-align:middle;
overflow:hidden;
text-overflow:ellipsis;
line-height:18px
}
.audio_page_layout .audio_block_small_item .audio_block_small_item__title .page_verified {
left:0;
vertical-align:middle;
margin-left:4px
}
.audio_page_layout .audio_block_small_item .audio_block_small_item__subscribers {
color:var(--gray_400);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.audio_page_layout .audio_block_small_items_list.audio__artist_concerts .audio_block_small_item .audio_block_small_item__info,.audio_page_layout .audio_page_block__custom_items.audio__artist_concerts .audio_block_small_item .audio_block_small_item__info {
height:60px
}
.audio_page_layout .audio_page_block__custom_items {
padding:0 5px;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:-20px
}
.audio_page_layout .audio_page_block__custom_items .audio_block_small_item {
width:25%;
max-width:25%;
min-width:25%;
padding-right:5px;
box-sizing:border-box;
margin:0 0 20px 0
}
.audio_page_layout .audio_section_search__playlists_items {
padding:0 15px
}
.audio_layer_container .audio_page_layout .audio_section_search__playlists_items .audio_pl_item:nth-child(n+5) {
display:none
}
.audio_page_layout .audio_section_search__playlists {
padding:10px 0
}
.audio_page_layout .audio_section_search__playlists>h2 {
margin-top:12px;
padding-left:20px
}
.audio_page_layout .audio_section_search__playlists .audio_page_block__show_all_link {
margin-top:15px;
margin-right:20px
}
.audio_layer_container .audio_page_layout .audio_section_search__playlists .audio_page_block__show_all_link {
margin-right:40px
}
.audio_page_layout .audio_owner_items_wrap {
margin:0 -10px
}
.audio_page_layout .audio_owner_item {
display:inline-block;
vertical-align:top;
width:135px;
height:175px;
padding:10px;
position:relative
}
.audio_page_layout .audio_owner_item .audio_owner_item__img {
width:135px;
height:135px;
background-size:cover;
border-radius:50%;
background-position:50%;
-webkit-filter:brightness(1);
filter:brightness(1);
transition:-webkit-filter 50ms linear;
transition:filter 50ms linear;
transition:filter 50ms linear,-webkit-filter 50ms linear
}
.audio_page_layout .audio_owner_item.artist_no_image .audio_owner_item__img {
background:#ebedf0 url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22m15.133%2014.124c-2.056.516-3.383%202.23-3.383%204.251%200%20.59.088%201.134.248%201.625h-7.998a1%201%200%200%201%20-1-1v-1c0-3.5%205.333-4.5%208.004-4.5%201.109%200%202.675.172%204.13.624zm-.127-6.124a4%204%200%200%201%20-4.002%204%204%204%200%201%201%200-8%204%204%200%200%201%204.002%204zm4.498%208.643c0%202.788-.746%203.458-2.835%203.82-1.11.193-2.419-.355-2.419-2.088%200-.846.535-1.65%201.642-1.86.846-.16-.316.04%201.597-.312.464-.086.517-.25.517-.6%200-.176-.004-.319-.01-1.375v-2.851s-.003-1.36%200-2.04c.005-.812.625-1.111%201.949-1.376%200%200%201.514-.247%202.623-.446.245-.044.433.046.433.325v2.557c0%20.275-.113.4-.394.449-1.122.197-2.743.477-2.743.477-.25.061-.363.235-.363.485z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%;
background-size:75px
}
.audio_page_layout .audio_owner_item .audio_owner_item__info {
margin-top:8px;
white-space:nowrap;
text-align:center
}
.audio_page_layout .audio_owner_item .audio_owner_item__title a:first-child {
box-sizing:border-box;
max-width:100%;
display:inline-block;
vertical-align:middle;
overflow:hidden;
text-overflow:ellipsis;
line-height:17px
}
.audio_page_layout .audio_owner_item--verified .audio_owner_item__title a:first-child {
padding-right:18px
}
.audio_page_layout .audio_owner_item .page_verified {
left:-21px;
vertical-align:middle
}
.audio_page_layout .audio_owner_item .audio_owner_item__play {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2248%22%20viewBox%3D%2244%2044%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(44%2044)%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22%2F%3E%3Cpath%20d%3D%22m15.5%2038.6c-1.37.9-2.5.26-2.5-1.38v-26.44c0-1.65%201.12-2.27%202.5-1.36l20.77%2013.44c.97.63.97%201.65%200%202.28z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
top:0;
left:0;
cursor:pointer;
position:absolute;
width:100%;
height:155px;
background-repeat:no-repeat;
background-position:50%;
opacity:0;
transform:translateY(5px);
transition:transform 170ms ease,opacity 150ms linear
}
.audio_page_layout .audio_owner_item.audio_pl__playing .audio_owner_item__play {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2248%22%20viewBox%3D%2244%2044%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(44%2044)%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22%2F%3E%3Cpath%20d%3D%22m13%2010.5c0-.82.68-1.5%201.5-1.5h6c.83%200%201.5.67%201.5%201.5v27c0%20.82-.68%201.5-1.5%201.5h-6c-.83%200-1.5-.67-1.5-1.5zm13%200c0-.82.68-1.5%201.5-1.5h6c.83%200%201.5.67%201.5%201.5v27c0%20.82-.68%201.5-1.5%201.5h-6c-.83%200-1.5-.67-1.5-1.5z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_page_layout .audio_owner_item:hover .audio_owner_item__img {
-webkit-filter:brightness(0.5);
filter:brightness(0.5)
}
.audio_page_layout .audio_owner_item:hover .audio_owner_item__play {
opacity:1;
transform:translate(0px)
}
.audio_page_layout .audio_owner_item:hover .audio_owner_item__play:active {
transform:translateY(1px)
}
.audio_page_layout .audio_owner_item.no_play:hover .audio_owner_item__img {
-webkit-filter:none;
filter:none
}
.audio_layer_container .audio_page_layout .audio_owner_item:nth-child(5) {
display:none
}
.audio_page_layout .audio_item__title,.audio_page_layout .audio_item__title>a {
color:#222;
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
overflow:hidden;
text-overflow:ellipsis
}
.audio_page_layout .audio_item__subtitle,.audio_page_layout .audio_item__subtitle>a {
color:#939393;
font-weight:400;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
overflow:hidden;
text-overflow:ellipsis
}
.audio_page_layout .audio_section_global_search__audios_block {
padding:20px
}
.audio_page_layout .audio_section_global_search__audios_block>h2 {
margin-top:0
}
.audio_page_layout .audio_page__audio_rows_list {
margin:0 -4px
}
.audio_page_layout .no_rows:not(.audio_page_block__playlists_empty) {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%20width%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h64v64h-64z%22%2F%3E%3Cpath%20d%3D%22m23%204.25305857v.24321237c0%201.44985843-1.0368716%202.69225117-2.4633437%202.95160973l-8.5366563%201.55211933.0464712%2011.6674172-.0464712-11.36936636c0-1.78124892%200-3.56249784%200-5.34374676%200-.95995048.6820329-1.78450769%201.6249541-1.96452044l7-1.33636752c.1236205-.02360035.2491928-.03547956.3750459-.03547956%201.1045695%200%202%20.8954305%202%202zm-11%2024.82414243c0-.7348001.0464712-8.4072028.0464712-8.4072028s-.0464712%207.3300018-.0464712%209.8300018v1.5973397c0%202.2174432-1.7438606%204.4213402-3.89502158%204.9346168%200%200-2.10497842.9680435-4.60497842-.0319565s-3.5-4.5-1-6.5%209.4535288-.8000031%209.5-4.3000031%200%203.4998485%200%202.8772041z%22%20stroke%3D%22%2300244d%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%222%22%20transform%3D%22translate(20%2013)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position:center 5px;
background-repeat:no-repeat;
padding-bottom:10px;
padding-top:80px
}
.audio_layer_container .audio_page_layout .no_rows:not(.audio_page_block__playlists_empty) {
margin-top:25%
}
.audio_page_layout .audio_section_empty .audio_page__playlists_count_header {
display:none
}
.audio_page_layout .audio_page_block__show_all_link:after,.audio_page_layout .audio_page_block__show_all_link_arrow {
content:" ";
width:6px;
height:8px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%228%22%20viewBox%3D%2288%204%208%208%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m88%204h8v8h-8z%22%2F%3E%3Cpath%20d%3D%22m90.2%2010.8c-.2.3-.2.7.1.9s.7.2.9-.1l2.6-3.2c.2-.2.2-.6%200-.8l-2.6-3.2c-.2-.3-.6-.3-.9-.1s-.3.6-.1.9l2.3%202.8z%22%20fill%3D%22%239cb0c3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
display:block;
float:right;
margin-top:4px;
margin-left:5px;
left:0;
position:relative;
transition:left 60ms linear
}
.audio_page_layout .audio_page_block__show_all_link {
float:right;
margin-top:3px
}
.audio_page_layout .audio_page_block__show_all_link:hover:after {
left:2px
}
.audio_page_layout .audio_block {
padding:16px 20px 10px;
position:relative;
box-shadow:none
}
.audio_page_layout .audio_block:before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:-1;
box-shadow:0 1px 0 0 #d7d8db,0 0 0 1px #e3e4e8;
border-radius:4px
}
.audio_page_layout .audio_block:first-child {
border-top:none;
border-radius:0 0 4px 4px;
margin-top:0
}
.audio_page_layout .audio_block:first-child:before {
border-radius:0 0 4px 4px
}
.audio_page_layout .audio_block.artist {
padding:20px
}
.audio_page_layout .audio_owner_avatar {
display:block;
width:30px;
height:30px;
float:right;
margin:13px 10px 0;
border-radius:50%;
background-size:cover;
opacity:0.9;
transition:opacity 50ms linear
}
.audio_page_layout .audio_owner_avatar:hover {
opacity:1
}
.audio_page_layout .audio_page_block__audios_empty {
position:relative;
padding-top:90px
}
.audio_page_layout .audio_page_block__audios_empty:before {
content:" ";
display:none;
position:absolute;
left:50%;
margin-left:-30px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2273%22%20viewBox%3D%22687%20319%2072%2073%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(687%20319)%22%3E%3Cpath%20d%3D%22m0%200h72v72h-72z%22%2F%3E%3Cg%20fill%3D%22%23cdd1d7%22%3E%3Cpath%20d%3D%22m37%2021c0-.55.3-.67.68-.28l1.64%201.74c.38.4.68%201.16.68%201.72v24.82c0%20.55-.44%201-1%201h-1c-.55%200-1-.45-1-1z%22%2F%3E%3Cpath%20d%3D%22m37%2023.7c0%201.1.86%201.78%201.94%201.5l8.12-2c1.07-.28%201.94-1.4%201.94-2.5v-5c0-1.1-.86-1.78-1.94-1.5l-8.12%202c-1.07.28-1.94%201.4-1.94%202.5z%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2249%22%20r%3D%228%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat:no-repeat;
background-position:50%;
width:60px;
height:60px;
top:20px
}
.audio_page_layout .audio_page_section_layout:not(.no_playlists).has_friends_block .audio_page_separator,.audio_page_layout .audio_page_section_layout:not(.no_playlists):not(.no_audios) .audio_page_separator,.audio_page_layout .audio_page_section_layout.has_friends_block.no_audios .audio_page_block__audios_empty,.audio_page_layout .audio_page_section_layout.no_playlists.no_audios .audio_page_block__audios_empty {
display:block!important
}
.audio_page_layout .audio_page_section_layout.no_playlists.no_audios .audio_page__audio_rows,.audio_page_layout .audio_page_section_layout:not(.no_playlists).no_audios .audio_page__audio_rows {
display:none!important
}
.audio_page_layout .audio_section__artist_block .pr.audio_more_rows,.audio_page_layout .audio_section__my .pr.audio_more_rows,.audio_page_layout .audio_section__recoms_block .pr.audio_more_rows,.audio_page_layout .audio_section__search_block .pr.audio_more_rows {
opacity:1;
text-align:center;
padding:20px 0 5px
}
.audio_page_layout .audio_section__artist_block .audio_block_small_items_list {
margin-top:20px
}
.audio_page_layout .audio_friends_list_wrap {
padding:0
}
.audio_page_layout .audio_friends_list_wrap.audio_friends_fixed {
will-change:transform;
transform:translateZ(0);
position:sticky;
top:110px
}
.audio_page_layout .audio_friends_list_wrap .ui_search.ui_search_new {
margin:0 0 0 15px
}
.audio_page_layout .audio_friends_list {
padding:10px 0 5px;
opacity:1;
transition:opacity 150ms linear;
background-color:#fff
}
.audio_page_layout .audio_friend {
display:block;
cursor:pointer;
padding:6px 0 5px 15px;
white-space:nowrap;
clear:both;
font-size:12.5px;
position:relative
}
.audio_page_layout .audio_friend .pr {
position:absolute;
top:13px;
right:10px
}
.audio_page_layout .audio_friend_name:hover {
text-decoration:underline
}
.audio_page_layout .audio_friends_more_wrap {
padding:10px 0 10px 15px
}
.audio_page_layout .audio_friends_more_wrap .audio_more_friends_btn {
width:100%
}
.audio_page_layout .audio_page_admin_add_pl {
float:right;
margin-top:21px
}
.audio_page_layout2 .ui_search_params_button,.audio_page_layout2 .audio_section__search_block .audio_page__audio_rows>h2 {
display:none
}
.audio_page_content {
padding:0 20px
}
.audio_layer_container .audio_page_player2 {
position:fixed;
width:100%
}
.audio_layer_container .ui_scroll_bar_container {
position:fixed;
top:56px
}
.audio_layer_container .audio_page_player_status .ui_scroll_bar_container {
top:0
}
.audio_layer_container .audio_page__footer {
position:relative;
z-index:1
}
.audio_layer_container .audio_block:before {
box-shadow:none
}
.audio_pl_item {
display:inline-block;
width:153px;
height:200px;
padding:5px;
box-sizing:border-box;
vertical-align:top
}
.audio_pl_item .audio_pl__cover {
width:143px;
height:143px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h72v72h-72z%22%2F%3E%3Cpath%20d%3D%22m42.5%2018h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm0%2012h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm-33%2015c-.82842712%200-1.5-.6715729-1.5-1.5s.67157288-1.5%201.5-1.5h23c.8284271%200%201.5.6715729%201.5%201.5s-.6715729%201.5-1.5%201.5zm44.5%201.2665767c0%209.0247975-1.7494466%2010.7668864-8.7488058%2011.684387-3.3364518.4373539-7.2511942-1.0769136-7.2511942-6.3234191%200-2.5628074%201.603626-4.996526%204.9222856-5.6324987%202.5344608-.4856924-.1815623.0363869%205.5521446-1.0280794%201.3919505-.2584165%201.5496826-.75646%201.5496826-1.8175819%200-.5328188-.0026365-5.1902877-.0192719-8.3880674v-8.6356283s-.010892-4.116544%200-6.1747951c.0130272-2.4617298%201.3592916-3.3664367%205.3275843-4.1679516%200%200%206.0464225-1.1479356%209.3704503-1.7508398.7355662-.1334152%201.2971245.1403611%201.2971245.9840516%200%200-.0213548%205.2442021%200%208.1086771.0062012.8318081-.3368479%201.208402-1.1799422%201.3580445-3.3633975.596976-9.7298555%201.7207236-9.7298555%201.7207236-.7477585.1836552-1.0902023.7099992-1.0902023%201.4665831z%22%20fill%3D%22%236f98c7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-color:#e7edf5;
background-repeat:no-repeat;
background-position:50%;
border-radius:8px;
position:relative;
cursor:pointer;
display:block;
overflow:hidden
}
.audio_pl_item .audio_pl__actions_wrap {
opacity:0;
background-color:rgba(0,0,0,0.5);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:8px;
transition:opacity 80ms linear
}
.audio_pl_item .audio_pl__actions_btns {
position:relative;
top:0;
left:15px;
opacity:0;
transform:translateY(57px);
transition:transform 160ms ease,opacity 160ms linear
}
.audio_pl_item .audio_pl__cover:hover .audio_pl__actions_btns {
transform:translateY(53px);
opacity:1
}
.audio_pl_item .audio_pl__actions_btn {
float:left;
margin:0 3px;
cursor:pointer;
opacity:1;
transition:opacity 60ms linear
}
.audio_pl_item .audio_pl__actions_btn:hover {
opacity:0.85
}
.audio_pl_item .audio_pl__actions_btn:active {
position:relative;
top:1px
}
.audio_pl_item .audio_pl__actions_add {
width:28px;
height:28px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2255%22%20viewBox%3D%220%200%2034%2055%22%20width%3D%2234%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m11.000061%2011h-5.000061c-.55228475%200-1%20.4477153-1%201s.44771525%201%201%201h5.000061v5c0%20.5522847.4477153%201%201%201%20.5522848%200%201-.4477153%201-1v-5h4.999939c.5522847%200%201-.4477153%201-1s-.4477153-1-1-1h-4.999939v-5c0-.55228475-.4477152-1-1-1-.5522847%200-1%20.44771525-1%201z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22300%25%22%20width%3D%22300%25%22%20x%3D%22-100%25%22%20y%3D%22-92.9%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3Cpath%20id%3D%22c%22%20d%3D%22m5.70710678%2012.2928932c-.39052429-.3905243-1.02368927-.3905243-1.41421356%200s-.39052429%201.0236893%200%201.4142136l4%204c.39052429.3905243%201.02368927.3905243%201.41421356%200l10.00000002-10.00000002c.3905243-.39052429.3905243-1.02368927%200-1.41421356s-1.0236893-.39052429-1.4142136%200l-9.2928932%209.29289318z%22%2F%3E%3Cfilter%20id%3D%22d%22%20height%3D%22333.3%25%22%20width%3D%22275%25%22%20x%3D%22-87.5%25%22%20y%3D%22-108.3%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m5%2026h24v24h-24z%22%2F%3E%3Cg%20fill-rule%3D%22nonzero%22%20transform%3D%22translate(5%2026)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3Crect%20height%3D%2224%22%20opacity%3D%22.5%22%20rx%3D%222%22%20width%3D%2224%22%20x%3D%225%22%20y%3D%222%22%2F%3E%3Cg%20fill-rule%3D%22nonzero%22%20transform%3D%22translate(5%202)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23d)%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position:-3px -24px;
transition:background-position 160ms ease
}
.audio_pl_item.audio_pl__followed .audio_pl__actions_add {
background-position:-3px 0
}
.audio_pl_item .audio_pl__actions_edit {
display:none;
width:28px;
height:28px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m7.00723148%2015.0072315%201.98547057%201.9854705-.51090487.5109219-2.19710349.4394354c-.15126149.0302534-.25920135-.0705252-.22775495-.2277624l.4394207-2.1971764zm.99998341-1.0000166%207.70239431-7.70264988c.3948871-.39490016%201.0298385-.39805257%201.4195204-.00835778l.5742749.57429394c.3953567.3953699.38594%201.02525678-.0083575%201.41956744l-7.70236153%207.70261688z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22334.5%25%22%20width%3D%22334.4%25%22%20x%3D%22-117.2%25%22%20y%3D%22-108.9%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m3%202h24v24h-24z%22%2F%3E%3Cg%20transform%3D%22translate(3%202)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_pl_item.audio_pl__canedit .audio_pl__actions_edit {
display:block
}
.audio_pl_item.audio_pl__canedit .audio_pl__actions_add {
display:none
}
.audio_pl_item.audio_pl__no_author {
height:177px
}
.audio_pl_item .audio_pl__actions_play {
width:40px;
height:45px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2248%22%20viewBox%3D%220%200%2042%2048%22%20width%3D%2242%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m15.514776%2038.5872125c-1.3888724.899654-2.514776.2768039-2.514776-1.363785v-26.4438996c0-1.65285169%201.1242033-2.26454039%202.514776-1.36378494l20.757036%2013.44554834c.9721331.6297076.9697008%201.6522408%200%202.2803728z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22193.3%25%22%20width%3D%22216.7%25%22%20x%3D%22-58.3%25%22%20y%3D%22-43.3%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2223%22%20r%3D%2224%22%2F%3E%3Cg%20transform%3D%22translate(-4%20-1)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
margin-top:-9px
}
.audio_pl_item.audio_pl__playing .audio_pl__actions_play {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2248%22%20viewBox%3D%220%200%2040%2048%22%20width%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m13%2010.5082641c0-.83299127.6764628-1.5082641%201.5063976-1.5082641h5.9872048c.8319604%200%201.5063976.66865487%201.5063976%201.5082641v26.9834718c0%20.8329913-.6764628%201.5082641-1.5063976%201.5082641h-5.9872048c-.8319604%200-1.5063976-.6686549-1.5063976-1.5082641zm13%200c0-.83299127.6764628-1.5082641%201.5063976-1.5082641h5.9872048c.8319604%200%201.5063976.66865487%201.5063976%201.5082641v26.9834718c0%20.8329913-.6764628%201.5082641-1.5063976%201.5082641h-5.9872048c-.8319604%200-1.5063976-.6686549-1.5063976-1.5082641z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22193.3%25%22%20width%3D%22227.3%25%22%20x%3D%22-63.6%25%22%20y%3D%22-43.3%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2223%22%20r%3D%2224%22%2F%3E%3Cg%20transform%3D%22translate(-4%20-1)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_pl_item.audio_pl__empty .audio_pl__actions_play,.audio_pl_item.audio_pl__empty .audio_pl__actions_play:hover {
opacity:0.5
}
.audio_pl_item.audio_pl__empty .audio_pl__actions_play:active {
position:relative;
top:0
}
.audio_pl_item .audio_pl__actions_share {
width:28px;
height:28px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m5%2011.5v-1c0-1.5%201.57985258-2.5%203-2.5h5c.4422606%200%201.0859951-.15692308%202.6584767-1.27384615%201.081081-.8123077%202.2604422-1.72615385%202.2604422-1.72615385h1.0810811v6h-.0000747.0000747v6h-1.0810811s-1.1793612-.9138462-2.2604422-1.7261538c-1.5724816-1.1169231-2.2162161-1.2738462-2.6584767-1.2738462h-5c-1.42014742%200-3-1-3-2.5zm7.4545455%205.5-1.0909091-3h-2.3636364l1.2727273%205c2.0727272%200%202.1818182-.7%202.1818182-2z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22300%25%22%20width%3D%22300%25%22%20x%3D%22-100%25%22%20y%3D%22-92.9%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m4%203h24v24h-24z%22%20opacity%3D%22.4%22%2F%3E%3Cg%20transform%3D%22translate(4%203)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position:-3px 0
}
.audio_pl_item .audio_pl__cover_stats {
color:#fff;
position:absolute;
bottom:13px;
width:100%;
text-align:center
}
.audio_pl_item .audio_pl__stats_count,.audio_pl_item .audio_pl__stats_listens {
display:inline-block;
position:relative;
padding:0 0 0 15px;
text-shadow:0 1px 4px rgba(0,0,0,0.4)
}
.audio_pl_item .audio_pl__stats_count {
margin-right:8px
}
.audio_pl_item .audio_pl__stats_count:before {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m0%204.5c0-.27614237.22247315-.5.50966585-.5h7.9806683c.28148068%200%20.50966585.23193359.50966585.5%200%20.27614237-.22247314.5-.50966585.5h-7.9806683c-.28148068%200-.50966585-.23193359-.50966585-.5zm0%206c0-.2761424.21484375-.5.49769878-.5h4.00460244c.27487144%200%20.49769878.2319336.49769878.5%200%20.2761424-.21484375.5-.49769878.5h-4.00460244c-.27487144%200-.49769878-.2319336-.49769878-.5zm0-3c0-.27614237.22247315-.5.50966585-.5h7.9806683c.28148068%200%20.50966585.23193359.50966585.5%200%20.27614237-.22247314.5-.50966585.5h-7.9806683c-.28148068%200-.50966585-.23193359-.50966585-.5z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22285.7%25%22%20width%3D%22244.4%25%22%20x%3D%22-72.2%25%22%20y%3D%22-78.6%25%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(4%20-1)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
content:" ";
display:block;
position:absolute;
width:17px;
height:15px;
left:-2px;
top:1px
}
.audio_pl_item .audio_pl__stats_listens:before {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m8.75111916%208.97953431c.16125158-.46337323.24888084-.96122032.24888084-1.47953431%200-2.48528137-2.01471863-4.5-4.5-4.5s-4.5%202.01471863-4.5%204.5c0%20.51831399.08762926%201.01616108.24888084%201.47953431-.15398662.26641276-.24888084.60126401-.24888084%201.02046569%200%201.6666667%201.5%202%202.25%202s.75-.8954305.75-2%200-2-.75-2c-.24584017%200-.57226353.03581475-.90002774.14266307-.04213802-.20765337-.06425797-.42257503-.06425797-.64266307%200-1.77520098%201.43908473-3.21428571%203.21428571-3.21428571s3.21428571%201.43908473%203.21428571%203.21428571c0%20.22008804-.02211995.4350097-.06425797.64266307-.32776421-.10684832-.65418757-.14266307-.90002774-.14266307-.75%200-.75.8954305-.75%202s0%202%20.75%202%202.25-.3333333%202.25-2c0-.41920168-.09489422-.75405293-.24888084-1.02046569z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22244.4%25%22%20width%3D%22244.4%25%22%20x%3D%22-72.2%25%22%20y%3D%22-61.1%25%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(4)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
content:" ";
display:block;
position:absolute;
width:17px;
height:15px;
left:-2px;
top:0
}
.audio_pl_item .audio_pl__cover:hover .audio_pl__actions_wrap {
opacity:1
}
.audio_pl_item .audio_pl__actions {
position:absolute;
top:6px;
right:0;
opacity:0;
transition:opacity 50ms linear
}
.audio_pl_item .audio_pl__actions .audio_pl__action {
width:28px;
height:28px;
background-color:#000;
opacity:0.5;
margin-right:6px;
border-radius:2px;
cursor:pointer;
transition:opacity 50ms linear,background-position 150ms ease;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2284%22%20viewBox%3D%220%2068%2028%2084%22%20width%3D%2228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(0%20124)%22%3E%3Crect%20height%3D%2228%22%20opacity%3D%22.5%22%20rx%3D%222.33%22%20width%3D%2228%22%2F%3E%3Cpath%20d%3D%22m15%2013v-4c0-.54-.45-1-1-1-.56%200-1%20.45-1%201v4h-4c-.54%200-1%20.45-1%201%200%20.56.45%201%201%201h4v4c0%20.54.45%201%201%201%20.56%200%201-.45%201-1v-4h4c.54%200%201-.45%201-1%200-.56-.45-1-1-1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%2096)%22%3E%3Crect%20height%3D%2228%22%20opacity%3D%22.5%22%20rx%3D%222.33%22%20width%3D%2228%22%2F%3E%3Cpath%20d%3D%22m8.7%2015.3c-.38-.4-1.02-.4-1.4%200-.4.38-.4%201.02%200%201.4l3%203c.38.4%201.02.4%201.4%200l9-9c.4-.38.4-1.02%200-1.4-.38-.4-1.02-.4-1.4%200l-8.3%208.3z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%2068)%22%3E%3Crect%20height%3D%2228%22%20opacity%3D%22.5%22%20rx%3D%222.33%22%20width%3D%2228%22%2F%3E%3Cpath%20d%3D%22m9.22%2017.28%201.5%201.5-.72.72c-.23.23-2%20.5-2%20.5s.27-1.77.5-2zm1.06-1.06%208-7.93c.4-.4%201.04-.4%201.43%200%20.4.38.4%201.02%200%201.4l-7.92%208.02-1.5-1.5z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
display:none
}
.audio_pl_item .audio_pl__actions .audio_pl__action:hover {
opacity:0.6
}
.audio_pl_item .audio_pl__actions .audio_pl__action:active {
margin-top:1px
}
.audio_pl_item .audio_pl__actions .audio_pl__action_follow {
background-position:0 -56px
}
.audio_pl_item.audio_pl__followed .audio_pl__action_follow {
background-position:0 -28px
}
.audio_pl_item.audio_pl__canedit .audio_pl__action_edit,.audio_pl_item.audio_pl__canfollow .audio_pl__action_follow {
display:inline-block
}
.audio_pl_item .audio_pl__play {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%225%205%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m5%205h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m14%2023.9c-.5.3-1%20.1-1-.6v-12.6c0-.7.5-.9%201-.6l9.4%206.2c.6.4.6%201%200%201.4z%22%20fill%3D%22%233d6899%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width:34px;
height:34px;
background-repeat:no-repeat;
background-color:#fff;
background-position:50%;
border-radius:50%;
box-shadow:0 0 2px 1px rgba(0,0,0,0.12);
position:absolute;
bottom:8px;
left:8px;
opacity:0;
transition:opacity 50ms linear
}
.audio_pl_item .audio_pl__play:active {
bottom:7px
}
.audio_pl_item.audio_pl__empty .audio_pl__play {
display:none!important
}
.audio_pl_item:hover .audio_pl__play {
opacity:0.8
}
.audio_pl_item:hover .audio_pl__play:hover {
opacity:1
}
.audio_pl_item.audio_pl__playing .audio_pl__play {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%225%205%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m5%205h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m12%2010.6c0-.33.26-.6.6-.6h2.8c.34%200%20.6.27.6.6v12.8c0%20.33-.26.6-.6.6h-2.8c-.34%200-.6-.27-.6-.6zm6%200c0-.33.26-.6.6-.6h2.8c.34%200%20.6.27.6.6v12.8c0%20.33-.26.6-.6.6h-2.8c-.34%200-.6-.27-.6-.6z%22%20fill%3D%22%233d6899%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_pl_item:hover .audio_pl__actions {
opacity:1
}
.audio_pl_item .audio_pl__info {
overflow:hidden;
white-space:nowrap;
margin-top:8px;
text-overflow:ellipsis
}
.audio_pl_item .audio_pl_artist_link {
color:#939393
}
.audio_pl_item .audio_pl__subtitle {
margin-top:2px;
overflow:hidden;
text-overflow:ellipsis;
color:#939393
}
.audio_pl_item .audio_pl__subtitle>a {
color:#939393
}
.audio_pl_edit_box {
height:700px
}
.audio_pl_edit_box .ape_header {
background-color:#f2f3f5;
border-bottom:1px solid #e6e7eb;
padding:24px 24px 13px 24px;
overflow:hidden
}
.audio_pl_edit_box .ape_error_msg {
line-height:21px;
margin-bottom:0;
margin-top:42px
}
.audio_pl_edit_box .ape_cover {
width:78px;
height:78px;
border:1px solid #d3d8dd;
border-radius:2px;
position:relative;
cursor:pointer;
background-color:#fff;
box-sizing:border-box
}
.audio_pl_edit_box .ape_cover.ape_thumb_set {
border:none
}
.audio_pl_edit_box .ape_cover_progress {
background-image:url("/images/c_upload.gif");
position:absolute;
top:0;
width:100%;
height:100%;
background-color:#fff;
background-repeat:no-repeat;
background-position:50%
}
.audio_pl_edit_box .ape_cover_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%2226%2016%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m39%2027v-11h-2v11h-11v2h11v11h2v-11h11v-2z%22%20fill%3D%22%237193b7%22%20opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E");
background-repeat:no-repeat;
background-position:center 16px;
width:100%;
height:100%;
opacity:0.7
}
.audio_pl_edit_box .ape_cover:hover .ape_cover_icon {
opacity:1
}
.audio_pl_edit_box .ape_cover>input {
display:none
}
.audio_pl_edit_box .ape_cover_title {
color:var(--blue_600);
position:absolute;
top:47px;
font-size:11px;
width:100%;
text-align:center
}
.audio_pl_edit_box .ape_cover_thumb {
position:absolute;
width:100%;
height:100%;
top:0;
border-radius:2px;
background-size:cover;
cursor:default
}
.audio_pl_edit_box .ape_cover_accessibility_upload_btn {
left:0;
bottom:0;
width:100%
}
.audio_pl_edit_box .ape_cover_accessibility_upload_btn,.audio_pl_edit_box .ape_cover_delete {
position:absolute;
top:0;
right:0;
padding:0;
border:none;
background-color:transparent;
cursor:pointer
}
.audio_pl_edit_box .ape_cover_delete {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2218%22%20viewBox%3D%2258%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23ff0000%22%3E%3Cpath%20d%3D%22m58%200h15c1.7%200%203%201.4%203%203v15h-15c-1.7%200-3-1.4-3-3z%22%20fill%3D%22%231d2022%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22m67%207.9-2.9-2.9-1.1%201.1%202.9%202.9c-1.5%201.5-2.9%202.9-2.9%202.9l1.1%201.1%202.9-2.9%202.9%202.9%201.1-1.1-2.9-2.9%202.9-2.9-1.1-1.1s-1.9%201.9-2.8%202.8c0%200-.1.1-.1.1z%22%20fill%3D%22%23fff%22%20opacity%3D%22.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width:18px;
height:18px;
opacity:0
}
.audio_pl_edit_box .ape_cover_delete:hover {
opacity:1
}
.audio_pl_edit_box .ape_cover_thumb:hover .ape_cover_delete {
opacity:0.7
}
.audio_pl_edit_box .ape_pl_info {
float:right;
width:100%;
padding-left:100px;
box-sizing:border-box
}
.audio_pl_edit_box .ape_pl_description {
margin-top:18px
}
.audio_pl_edit_box .ape_pl_input {
width:100%
}
.audio_pl_edit_box .ape_pl_stat {
margin-top:12px;
color:#6b6b6b
}
.audio_pl_edit_box .ape_content_list {
padding:0 25px
}
.audio_pl_edit_box .ape_item_list {
overflow-y:auto;
overflow-x:hidden;
box-sizing:border-box;
padding:20px
}
.audio_pl_edit_box .ape_item_list[data-view=playlists] {
padding:0
}
.audio_pl_edit_box .ape_add_audios_btn,.audio_pl_edit_box .ape_add_pl_audios_btn {
box-sizing:border-box;
padding:16px 40px 16px 68px;
cursor:pointer;
border:none;
position:relative;
border-bottom:1px solid #e6e7eb;
display:block;
width:100%;
font-size:13px;
text-align:left;
font-weight:400;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
color:#000;
line-height:19px;
background-color:#fff
}
.audio_pl_edit_box .ape_add_audios_btn:hover,.audio_pl_edit_box .ape_add_pl_audios_btn:hover {
background-color:var(--steel_gray_40)
}
.audio_pl_edit_box .ape_add_audios_btn:before,.audio_pl_edit_box .ape_add_pl_audios_btn:before {
content:" ";
background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%225%2012%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5%2012h24v24H5%22%2F%3E%3Cpath%20d%3D%22M24%2029.52c0%201.92-1.57%203.48-3.5%203.48S17%2031.43%2017%2029.5s1.57-3.5%203.5-3.5c.54%200%201.05.12%201.5.34V17.4c0-.27.23-.53.5-.58l5-.9c.28-.06.5.12.5.4v2.27c0%20.27-.23.53-.5.58l-3.5.64v9.7zM8%2019c0-.55.46-1%201-1h10c.55%200%201%20.44%201%201%200%20.55-.46%201-1%201H9c-.55%200-1-.44-1-1zm0%204c0-.55.46-1%201-1h10c.55%200%201%20.44%201%201%200%20.55-.46%201-1%201H9c-.55%200-1-.44-1-1zm0%204c0-.55.45-1%201-1h6c.55%200%201%20.44%201%201%200%20.55-.45%201-1%201H9c-.55%200-1-.44-1-1z%22%20fill%3D%22%23A5ABB4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width:24px;
height:24px;
display:inline-block;
position:absolute;
left:31px;
top:13px
}
.audio_pl_edit_box .ape_add_audios_btn:after,.audio_pl_edit_box .ape_add_pl_audios_btn:after {
content:" ";
background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2214%22%20viewBox%3D%22490%2017%208%2014%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22%22%3E%3Cpath%20d%3D%22m491%2030%206-6-6-6%22%20style%3D%22stroke%3A%23828a99%3Bstroke-width%3A1.5%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bfill%3Anone%3Bopacity%3A.7%22%2F%3E%3C%2Fsvg%3E");
width:24px;
height:24px;
display:inline-block;
position:absolute;
right:32px;
top:13px;
background-repeat:no-repeat;
background-position:50%
}
.audio_pl_edit_box .ape_add_audios_btn .pr,.audio_pl_edit_box .ape_add_pl_audios_btn .pr {
float:right;
margin-top:8px;
margin-right:14px
}
.audio_pl_edit_box .ape_add_audios_btn:before {
background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%225%2012%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20transform%3D%22translate(5%2012)%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cg%20fill%3D%22%23a5abb4%22%3E%3Cpath%20d%3D%22m11%204h2v16h-2z%22%2F%3E%3Cpath%20d%3D%22m-1-8h2v16h-2z%22%20transform%3D%22matrix(0%201%20-1%200%2012%2012)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_pl_edit_box .ape_audio_item_wrap {
position:relative
}
.audio_pl_edit_box .ape_audio_item_wrap .audio_row em {
font-style:normal;
background-color:#e7edf2
}
.audio_pl_edit_box .ape_audio_item_wrap .ape_attach {
float:right;
cursor:pointer;
margin-top:11px;
color:var(--blue_600);
padding:0 7px 0 15px;
box-sizing:border-box;
text-align:center
}
.audio_pl_edit_box .ape_audio_item_wrap .ape_attach:hover {
text-decoration:underline
}
.audio_pl_edit_box .ape_audio_item_wrap .ape_added {
pointer-events:none;
color:#bfbfbf
}
.audio_pl_edit_box .ape_audio_item_wrap .audio_row {
overflow:hidden
}
.audio_pl_edit_box .ape_audio_item_wrap:last-child .ape_audio_item_inner {
border-bottom:none
}
.audio_pl_edit_box .ape_check {
cursor:pointer;
content:" ";
display:block;
opacity:1;
padding:8px 10px;
float:right
}
.audio_pl_edit_box .ape_check .ape_check_icon {
background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20width%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-1074%20-1823)%22%3E%3Crect%20fill%3D%22%23fff%22%20height%3D%2222%22%20rx%3D%2211%22%20width%3D%2222%22%20x%3D%221074%22%20y%3D%221823%22%2F%3E%3Crect%20height%3D%2221%22%20rx%3D%2210.5%22%20stroke%3D%22%23c1c9d1%22%20width%3D%2221%22%20x%3D%221074.5%22%20y%3D%221823.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0;
width:22px;
height:22px;
pointer-events:none
}
.audio_pl_edit_box .ape_selected .ape_check .ape_check_icon {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22%235181B8%22%20rx%3D%2211%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2012l3%203%207-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.audio_pl_edit_box .ape_pl_item {
padding:0 20px;
position:relative;
cursor:pointer;
margin-top:-1px;
border-top:1px solid transparent
}
.audio_pl_edit_box .ape_pl_item .ape_pl_item_inner {
border-bottom:1px solid var(--steel_gray_80);
padding:16px 60px 16px 47px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.audio_pl_edit_box .ape_pl_item .ape_pl_title {
max-width:270px;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
vertical-align:top
}
.audio_pl_edit_box .ape_pl_item .ape_pl_size {
color:#939393;
margin-left:7px
}
.audio_pl_edit_box .ape_pl_item .ape_pl_item_inner em {
font-style:normal;
background-color:#e7edf2
}
.audio_pl_edit_box .ape_pl_item:hover {
background-color:var(--steel_gray_40);
border-top:1px solid var(--steel_gray_80);
border-bottom:1px solid var(--steel_gray_80)
}
.audio_pl_edit_box .ape_pl_item:hover .ape_pl_item_inner {
border:none
}
.audio_pl_edit_box .ape_pl_item:last-child .ape_pl_item_inner {
border-bottom:none
}
.audio_pl_edit_box .ape_pl_item:before {
background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%225%2012%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5%2012h24v24H5%22%2F%3E%3Cpath%20d%3D%22M24%2029.52c0%201.92-1.57%203.48-3.5%203.48S17%2031.43%2017%2029.5s1.57-3.5%203.5-3.5c.54%200%201.05.12%201.5.34V17.4c0-.27.23-.53.5-.58l5-.9c.28-.06.5.12.5.4v2.27c0%20.27-.23.53-.5.58l-3.5.64v9.7zM8%2019c0-.55.46-1%201-1h10c.55%200%201%20.44%201%201%200%20.55-.46%201-1%201H9c-.55%200-1-.44-1-1zm0%204c0-.55.46-1%201-1h10c.55%200%201%20.44%201%201%200%20.55-.46%201-1%201H9c-.55%200-1-.44-1-1zm0%204c0-.55.45-1%201-1h6c.55%200%201%20.44%201%201%200%20.55-.45%201-1%201H9c-.55%200-1-.44-1-1z%22%20fill%3D%22%23A5ABB4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
left:31px
}
.audio_pl_edit_box .ape_pl_item:before,.audio_pl_edit_box .ape_pl_item:after {
content:" ";
width:24px;
height:24px;
display:inline-block;
position:absolute;
top:13px
}
.audio_pl_edit_box .ape_pl_item:after {
background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2214%22%20viewBox%3D%22490%2017%208%2014%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22%22%3E%3Cpath%20d%3D%22m491%2030%206-6-6-6%22%20style%3D%22stroke%3A%23828a99%3Bstroke-width%3A1.5%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bfill%3Anone%3Bopacity%3A.7%22%2F%3E%3C%2Fsvg%3E");
right:21px;
background-repeat:no-repeat;
background-position:50%
}
.audio_pl_edit_box .ape_pl_item .pr {
position:absolute;
right:55px;
top:23px
}
.audio_pl_edit_box .ape_list_header {
color:#828282;
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
background-color:#fff;
margin-top:-1px;
padding:17px 10px 12px;
position:relative
}
.audio_pl_edit_box .ape_scroll_content_list {
overflow-y:auto
}
.audio_pl_edit_box .ape_audios_empty_list {
position:relative;
padding-top:200px;
pointer-events:none
}
.audio_pl_edit_box .ape_audios_empty_list:before {
content:" ";
display:block;
position:absolute;
left:50%;
margin-left:-30px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2273%22%20viewBox%3D%22687%20319%2072%2073%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(687%20319)%22%3E%3Cpath%20d%3D%22m0%200h72v72h-72z%22%2F%3E%3Cg%20fill%3D%22%23cdd1d7%22%3E%3Cpath%20d%3D%22m37%2021c0-.55.3-.67.68-.28l1.64%201.74c.38.4.68%201.16.68%201.72v24.82c0%20.55-.44%201-1%201h-1c-.55%200-1-.45-1-1z%22%2F%3E%3Cpath%20d%3D%22m37%2023.7c0%201.1.86%201.78%201.94%201.5l8.12-2c1.07-.28%201.94-1.4%201.94-2.5v-5c0-1.1-.86-1.78-1.94-1.5l-8.12%202c-1.07.28-1.94%201.4-1.94%202.5z%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2249%22%20r%3D%228%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat:no-repeat;
background-position:50%;
width:60px;
height:60px;
top:120px
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.audio_pl_edit_box .ape_cover_progress {
background-image:url("/images/c_upload_2x.gif");
background-size:16px 16px
}

}
.ape_info {
color:#828282
}
.audio_page__shuffle_all {
margin:0 -4px 3px
}
.audio_page__shuffle_all .audio_page__shuffle_all_button {
display:block;
border:none;
background:transparent;
outline:none;
position:relative;
width:100%;
padding:4px;
padding-left:54px;
cursor:pointer;
text-align:left;
color:#000;
font-size:13px;
line-height:40px;
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto
}
.audio_page__shuffle_all .audio_page__shuffle_all_button:before {
content:"";
display:block;
position:absolute;
top:4px;
left:4px;
width:40px;
height:40px;
background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%22627%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m16%207c-2.94%200-4.4%202.3-5.87%204.25-1.3%201.7-2.38%203.7-4.13%203.75h-3v2h3c2.93%200%204.24-2.6%205.7-4.53%201.3-1.74%202.46-3.47%204.3-3.47h1v-2zm-6.06%201.84c-.52-.46-1.38-1.1-2.04-1.38-.64-.3-1.4-.46-2.23-.46h-2.67v2h3c.44%200%20.8.08%201.14.22.45.2%201.14.7%201.58%201.1l1.23-1.48zm6.06%206.16h1v2h-1c-1.77%200-3.24-1.08-4.32-2.15l1.23-1.5c.8.83%201.98%201.65%203.1%201.65zm1%204v-6l4%203zm0-8v-6l4%203z%22%20fill%3D%22%23356ca9%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(627)%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat
}
.audio_page__shuffle_all .audio_page__shuffle_all_button:active {
padding-top:5px;
padding-bottom:3px
}
.audio_page__shuffle_all .audio_page__shuffle_all_button:active:before {
transform:translate3d(0,1px,0)
}
.audio_page__shuffle_all .audio_page__shuffle_all_button:hover {
background-color:#f2f4f7;
border-radius:2px
}
.audio_page_player_wrap {
height:56px
}
.audio_layer_container {
border-radius:0 0 4px 4px;
overflow:hidden;
text-align:left
}
.audio_layer_container .audio_page__sort_dd {
display:none!important
}
.audio_layer_container .audio_page_content_block_wrap {
overflow-y:auto;
overflow-x:hidden;
height:700px;
z-index:1
}
.audio_layer_container .audio_page_player_wrap {
z-index:2;
background-color:var(--steel_gray_10);
border-bottom:1px solid #e7e8ec!important
}
.audio_layer_container .audio_page_layout .audio_search {
margin:20px 20px 10px
}
.audio_layer_container .page_block {
box-shadow:none;
border:none;
border-radius:0;
margin:0
}
.audio_layer_container .audio_page__add_playlist_btn {
display:none
}
.audio_layer_container .audio_page_player {
background-color:var(--steel_gray_10);
border-bottom:1px solid #e6e7eb
}
.audio_layer_container .page_block_h2 {
padding:0 20px
}
.audio_layer_container .ui_tabs {
padding:0
}
.audio_layer_container .ui_tab {
margin:0 8px -1px 0px
}
.audio_layer_container .has_friends_block .audio_page__rows_wrap {
width:410px;
padding-right:10px
}
.audio_layer_container .audio_friends_search {
display:none
}
.audio_layer_container .audio_friends_list_wrap {
width:218px;
margin-right:-20px
}
.audio_layer_container .audio_friends_list_wrap.audio_friends_fixed {
top:10px
}
.audio_layer_container .audio_friends_list {
padding-top:0
}
.audio_layer_container .audio_friend:hover {
background-color:#f0f2f5
}
.audio_layer_container .audio_friend_name:hover {
text-decoration:none
}
.audio_layer_container .audio_friends_more_wrap {
padding:10px 15px
}
.audio_layer_container .audio_page__audio_rows>h2 {
display:none
}
.audio_layer_container .audio_page_sections {
padding-bottom:0
}
.audio_layer_container .audio_page__footer {
padding:5px 10px
}
.audio_layer_container .audio_section_global_search__audios_block {
padding-top:10px
}
.audio_layer_container .audio_section_search__local_audios_header,.audio_layer_container .audio_section_search__local_playlists_header {
margin-top:5px
}
.audio_layer_container .audio_page__playlists_count_header {
margin-top:0
}
.audio_layer_container .audio_page__footer {
display:block;
padding:12px 0;
color:#939393;
border-top:1px solid #e6e7eb;
margin:0 20px
}
.audio_layer_container .audio_page__footer_now_playing {
white-space:nowrap;
width:450px;
overflow:hidden;
text-overflow:ellipsis;
display:inline-block;
vertical-align:bottom
}
.audio_layer_container .audio_page__footer_now_playing_link {
color:#939393
}
.audio_layer_container .audio_page__footer_clear_playlist {
float:right;
cursor:pointer
}
.audio_layer_container .audio_page__footer_clear_playlist:hover {
text-decoration:underline
}
.audio_layer_container .audio_page__main_tabs_btn {
display:none!important
}
.audio_page_layout .audio_blocks .recoms_special_recoms,.audio_page_layout .audio_section .recoms_special_recoms {
display:block;
position:relative;
height:154px;
text-decoration:none;
margin-top:4px;
margin-bottom:10px
}
.audio_page_layout .audio_blocks .recoms_special_thumb,.audio_page_layout .audio_section .recoms_special_thumb {
width:64px;
height:64px;
background-size:cover;
border-radius:4px;
position:absolute;
box-shadow:0 4px 8px 0 rgba(0,0,0,0.08)
}
.audio_page_layout .audio_blocks .recoms_special_thumb_0,.audio_page_layout .audio_section .recoms_special_thumb_0 {
right:0;
top:0
}
.audio_page_layout .audio_blocks .recoms_special_thumb_1,.audio_page_layout .audio_section .recoms_special_thumb_1 {
right:88px;
top:0
}
.audio_page_layout .audio_blocks .recoms_special_thumb_2,.audio_page_layout .audio_section .recoms_special_thumb_2 {
right:45px;
top:45px
}
.audio_page_layout .audio_blocks .recoms_special_thumb_3,.audio_page_layout .audio_section .recoms_special_thumb_3 {
right:133px;
top:45px
}
.audio_page_layout .audio_blocks .recoms_special_thumb_4,.audio_page_layout .audio_section .recoms_special_thumb_4 {
right:0;
top:90px
}
.audio_page_layout .audio_blocks .recoms_special_thumb_5,.audio_page_layout .audio_section .recoms_special_thumb_5 {
right:88px;
top:90px
}
.audio_page_layout .audio_blocks .recoms_special_thumb_6,.audio_page_layout .audio_section .recoms_special_thumb_6 {
right:176px;
top:90px
}
.audio_page_layout .audio_blocks .recoms_special_block_inner,.audio_page_layout .audio_section .recoms_special_block_inner {
padding:15px 0 0 20px
}
.audio_page_layout .audio_blocks .recoms_special_block_title,.audio_page_layout .audio_section .recoms_special_block_title {
font-size:22px;
color:var(--black);
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto
}
.audio_page_layout .audio_blocks .recoms_special_block_subtitle,.audio_page_layout .audio_section .recoms_special_block_subtitle {
font-size:16px;
color:#828282;
margin-top:6px;
width:500px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.audio_page_layout .audio_blocks #recoms_special_listen_all_btn,.audio_page_layout .audio_section #recoms_special_listen_all_btn {
margin-top:24px;
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
padding:11px 23px 11px 37px
}
.audio_page_layout .audio_blocks #recoms_special_listen_all_btn:before,.audio_page_layout .audio_section #recoms_special_listen_all_btn:before {
top:12px;
left:19px
}
.audio_page_layout .audio_blocks .recoms_info,.audio_page_layout .audio_section .recoms_info {
overflow:hidden
}
.audio_page_layout .audio_blocks .recoms_info_title,.audio_page_layout .audio_section .recoms_info_title {
font-size:19px;
font-weight:700;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
margin-top:10px
}
.audio_page_layout .audio_blocks .recoms_info_subtitle,.audio_page_layout .audio_section .recoms_info_subtitle {
font-size:14px;
margin-top:5px;
margin-bottom:18px
}
.audio_page_layout .audio_blocks .recoms_info_actions,.audio_page_layout .audio_section .recoms_info_actions {
margin-bottom:20px
}
.audio_page_layout .audio_blocks .recoms_info_more,.audio_page_layout .audio_section .recoms_info_more {
color:var(--blue_600);
cursor:pointer;
margin:15px 0 0 50px;
position:relative;
display:block
}
.audio_page_layout .audio_blocks .recoms_info_more:hover,.audio_page_layout .audio_section .recoms_info_more:hover {
text-decoration:underline
}
.audio_page_layout .audio_blocks .recoms_info_more:before,.audio_page_layout .audio_section .recoms_info_more:before {
display:block;
content:" ";
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20d%3D%22m5%2014c-1.1045695%200-2-.8954305-2-2s.8954305-2%202-2%202%20.8954305%202%202-.8954305%202-2%202zm7%200c-1.1045695%200-2-.8954305-2-2s.8954305-2%202-2%202%20.8954305%202%202-.8954305%202-2%202zm7%200c-1.1045695%200-2-.8954305-2-2s.8954305-2%202-2%202%20.8954305%202%202-.8954305%202-2%202z%22%20fill%3D%22%236085b7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width:24px;
height:24px;
position:absolute;
left:-40px;
top:-4px
}
.audio_page_layout .audio_blocks .audio_recoms_audios_block,.audio_page_layout .audio_section .audio_recoms_audios_block {
margin:4px -4px
}
.audio_page_layout .audio_blocks .audio_recoms_audios_block_col_left,.audio_page_layout .audio_blocks .audio_recoms_audios_block_col_right,.audio_page_layout .audio_section .audio_recoms_audios_block_col_left,.audio_page_layout .audio_section .audio_recoms_audios_block_col_right {
width:50%;
float:left;
box-sizing:border-box
}
.audio_page_layout .audio_blocks .audio_recoms_audios_block_col_left,.audio_page_layout .audio_section .audio_recoms_audios_block_col_left {
padding-right:2px
}
.audio_page_layout .audio_blocks .audio_recoms_audios_block_col_right,.audio_page_layout .audio_section .audio_recoms_audios_block_col_right {
padding-left:2px
}
.audio_atp_list {
overflow:auto
}
.audio_atp_list .ape_check {
padding:15px 10px 0
}
.audio_atp_list .ape_pl_item .ape_pl_item_inner {
overflow:visible
}
.audio_atp_content .ape_pl_item:after,.audio_atp_empty {
display:none
}
.audio_section_promo {
display:table;
width:100%
}
.audio_section_promo__wrap {
background-image:url("/images/landings/vkmusic/promoAlbumsWeb.png");
background-size:contain;
background-position:0;
background-repeat:no-repeat;
border-radius:2px;
display:table-cell;
vertical-align:top;
width:100%
}
.is_2x .audio_section_promo__wrap {
background-image:url("/images/landings/vkmusic/promoAlbumsWeb_2x.png")
}
.audio_section_promo__content {
padding:29px 40px 29px 100px
}
.audio_section_promo__title {
font-size:19px;
line-height:19px;
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
margin:0 0 8px;
color:#222
}
.audio_section_promo__title_arrow {
display:inline-block;
vertical-align:middle;
width:9px;
height:9px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%229%22%20viewBox%3D%220%200%209%209%22%20width%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h9v9h-9z%22%2F%3E%3Cpath%20d%3D%22m2.21723181%207.76114967c-.26018607.32564479-.21152041.80412895.10869779%201.06872427s.79072882.21510495%201.05091488-.11053985l2.9884059-3.74024188c.22302274-.27913175.22302274-.67905267%200-.95818442l-2.9884059-3.74024188c-.26018606-.3256448-.73069668-.37513517-1.05091488-.11053985s-.36888386.74307948-.10869779%201.06872427l2.60561729%203.26114967z%22%20fill%3D%22%23828a99%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
opacity:0.7;
transition:transform 0.4s ease;
transform:translateZ(0)
}
.audio_section_promo__desc {
font-size:14px;
line-height:18px;
color:#8a8a8a
}
.audio_section_promo__actions {
display:table-cell;
vertical-align:middle;
padding:0 30px
}
.audio_section_promo__link {
border-radius:100px;
background-color:#6690c7;
display:inline-block;
vertical-align:top;
color:#fff;
padding:9px 20px;
font-size:14px;
font-weight:400;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
transition:background-color 0.2s ease
}
.audio_section_promo__link:hover {
text-decoration:none;
background-color:#6c96cc
}
.audio_section_promo__link:active {
background-color:#5a85bd;
padding-top:10px;
padding-bottom:8px
}
.audio_section_promo__close {
position:absolute;
top:12px;
right:12px;
width:10px;
height:10px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23828A99%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5%203.691L1.578.27A.924.924%200%200%200%20.273.273.92.92%200%200%200%20.27%201.578L3.69%205%20.27%208.422a.924.924%200%200%200%20.004%201.305.92.92%200%200%200%201.305.004L5%206.31%208.422%209.73a.924.924%200%200%200%201.305-.004.92.92%200%200%200%20.004-1.305L6.31%205%209.73%201.578A.924.924%200%200%200%209.727.273.92.92%200%200%200%208.422.27L5%203.69z%22%2F%3E%0A%3C%2Fsvg%3E");
opacity:0.5;
transition:opacity 0.2s ease
}
.audio_section_promo__close:hover {
opacity:1
}
.audio_section_promo__close:after {
content:"";
top:-10px;
bottom:-10px;
left:-10px;
right:-10px;
position:absolute
}
.audio_section_promo__biglink,.audio_section_promo__biglink:hover {
text-decoration:none
}
.audio_section_promo__biglink:hover .audio_section_promo__title_arrow {
transform:translate3d(3px,0,0)
}
.audio_edit_row {
width:425px;
margin-bottom:7px
}
.audio_edit_label {
width:90px;
color:#555;
padding:7px 10px 0
}
.audio_edit_input {
width:306px
}
.audio_edit_autocover_cb {
margin-top:8px
}
.audio_edit_input.chk {
color:#555
}
.audio_edit_input.chk .checkbox_container table {
margin:0px
}
.audio_edit_input input,.audio_edit_input textarea {
width:305px;
padding:7px 5px 8px
}
.audio_edit_input textarea {
resize:vertical
}
#audio_edit_text_warn {
color:#555
}
#audio_extra_edit {
display:none
}
#audio_extra_link {
font-size:0.9em
}
.audio_button_save_wrap {
padding-top:15px
}
.audio_album_length {
color:#777;
display:inline-block;
max-width:400px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-top:7px;
margin-bottom:-13px
}
.audio_delete_album {
padding-top:4px
}
.audio_flash_new {
height:60px
}
.audio_progress_wrap {
width:250px;
height:18px;
margin:auto;
background:var(--steel_gray_10);
border:1px solid #e4e7eb;
border-radius:2px;
overflow:hidden
}
.audio_progress {
height:18px;
margin:-1px;
background:#5b88bd;
border:1px solid #5b88bd
}
.audio_subscription_popup .box_layout {
border-radius:3px;
overflow:hidden;
background-color:#fff
}
.audio_subscription_popup__info {
font-size:13px;
line-height:1.15;
overflow:hidden;
margin:20px 0
}
.audio_subscription_popup__title {
margin-bottom:7px;
margin-top:5px;
color:var(--gray_900)
}
.audio_subscription_popup__caption {
color:var(--gray_600)
}
.audio_subscription_popup__image-wrap {
float:left;
margin-right:15px;
background-color:#fff;
border:4px solid #fff;
border-radius:3px;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.06),0 0 1px 0 rgba(0,0,0,0.08)
}
.audio_subscription_popup__image {
border-radius:3px;
width:56px;
height:56px;
background:url(/images/icons/music_subscription.png)
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.audio_subscription_popup__image {
background-image:url(/images/icons/music_subscription_2x.png);
background-size:56px 56px
}

}
.audio_subscription_popup__subtitle {
margin-bottom:11px
}
.audio_subscription_popup__img {
width:160px;
height:160px;
background:url(/images/push_check.png) no-repeat;
margin:28px auto 25px
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.audio_subscription_popup__img {
background-image:url(/images/push_check_2x.png);
background-size:160px 160px
}

}
.audio_subscription_popup .box_title {
height:auto
}
.audio_subscription_popup .box_body {
text-align:center;
padding-top:28px;
padding-bottom:15px
}
.audio_subscription_popup .box_body a {
font-weight:500;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto
}
.audio_subscription_popup .box_controls {
background-color:#fff;
border-top:none;
padding-bottom:42px
}
.audio_subscription_popup .box_controls table {
float:none;
margin:0 auto
}
.audio_subscription_popup .box_controls button {
margin-left:0
}
.audio_artist_block {
position:relative;
border-radius:4px;
overflow:hidden
}
.audio_artist_block+._audio_page_titled_block {
margin-top:20px
}
.audio_artist_block:after {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0,0,0,0.3)
}
.audio_artist_block .audio_artist_block__link {
position:absolute;
z-index:2;
top:0;
left:0;
width:100%;
height:100%
}
.audio_artist_block .audio_artist_block__content {
position:relative;
z-index:3;
min-height:172px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:justify;
justify-content:space-between;
box-sizing:border-box;
padding:30px
}
.audio_artist_block .audio_artist_block__cover {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:50%;
background-size:cover;
background-color:#001433
}
.audio_artist_block .audio_artist_block__cover.blur {
-webkit-filter:blur(50px);
filter:blur(50px)
}
.audio_artist_block .audio_artist_block__info {
color:var(--white);
padding-bottom:4px;
overflow:hidden
}
.audio_artist_block .audio_artist_block__actions {
min-width:200px;
text-align:right
}
.audio_artist_block .audio_artist_block__title {
font-size:32px;
word-break:break-word;
max-height:72px;
margin:0;
color:var(--white);
font-weight:800;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
color:#fff;
margin:0
}
.audio_artist_block .audio_artist_block__subtitle {
margin-top:10px;
font-size:16px;
color:hsla(0,0%,100%,0.6)
}
.audio_artist_block .audio_artist_block__subtitle:empty {
display:none
}
.audio_artist_inner_block {
margin-top:20px
}
.audio_playback_box .box_body {
text-align:center;
padding:56px 60px
}
.audio_playback_box .audio_playback_box_title {
font-size:16px;
line-height:22px;
font-weight:600;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
padding-bottom:16px
}
.audio_playback_box .audio_playback_box_body {
font-size:13px;
line-height:20px;
padding-bottom:16px;
color:#939393
}
.audio_playback_box .flat_button {
padding:7px 53px
}
.audio_artist_tag {
position:absolute;
display:block;
top:31px;
right:13px;
z-index:10
}
.audio_artist_tag__link {
color:#fff;
font-size:12px;
font-weight:700;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
padding:3px 17px 3px 8px;
border-radius:3px;
letter-spacing:-0.2px
}
.audio_artist_tag__link:before {
content:"";
display:block;
position:absolute;
right:4px;
top:4px;
width:8px;
height:8px;
background:url("/images/svg_icons/audio/audio_tag_chevron.svg");
background-size:cover
}
.audio_artist_tag__link:hover {
text-decoration:none
}
.audio_artist_tag__link_award {
background-image:linear-gradient(261deg,#ff40a6,#9552c9 52%,#475fe2)
}
.audio_page_layout .audio_block ._audio_page_titled_block:first-child h2 {
margin-top:0
}
.audio_search .ui_search_filters_pane.expanded {
margin-bottom:0
}
.audio_block ._audio_page_titled_block {
margin-top:4px
}