.scale-enter-active,.scale-leave-active{transition:transform .35s ease-in-out,opacity .35s ease-in-out}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.8)}.icon{color:#acb8cc;display:inline-block;height:1em;width:40px;stroke-width:0;stroke:currentColor;fill:currentColor}.player{background:#eef3f7;border-radius:15px;box-shadow:0 15px 35px -5px #32588252;box-sizing:border-box;max-width:410px;min-height:480px;padding:30px;width:410px}@media(max-height:500px),screen and (max-width:576px){.player{max-width:400px;min-height:auto;padding:30px;width:95%}}.player__embed{box-shadow:none;height:auto;margin-top:0;max-width:none;min-height:auto;padding:30px 30px 20px;width:100%}.player__top{align-items:flex-start;display:flex;position:relative;z-index:4}@media(max-height:500px),screen and (max-width:576px){.player__top{flex-wrap:wrap}}.player-controls{align-items:center;display:flex;flex:1;flex-direction:column;padding-left:20px}@media(max-height:500px),screen and (max-width:576px){.player-controls{flex:unset;flex-direction:row;padding-left:0;width:100%}}.player-controls__item{align-items:center;color:#acb8cc;cursor:pointer;display:inline-flex;font-size:30px;height:50px;justify-content:center;margin-bottom:10px;padding:5px;position:relative;transition:all .3s ease-in-out;width:50px}@media(max-height:500px),screen and (max-width:576px){.player-controls__item{color:#acb8cc;cursor:pointer;font-size:26px;height:40px;margin-bottom:0;margin-right:10px;padding:5px;width:40px}}.player-controls__item:before{background:#fff;border-radius:50%;box-shadow:0 5px 10px #4c467c33;content:"";height:100%;opacity:0;position:absolute;transform:scale(.5);transition:all .3s ease-in-out;transition:all .4s cubic-bezier(.35,.57,.13,.88);width:100%}@media screen and (min-width:500px){.player-controls__item:hover{color:#532ab9}.player-controls__item:hover:before{opacity:1;transform:scale(1.3)}}@media(max-height:500px),screen and (max-width:576px){.player-controls__item:active{color:#532ab9}.player-controls__item:active:before{opacity:1;transform:scale(1.3)}}.player-controls__item .icon{position:relative;z-index:2}.player-controls__item.-xl{color:#fff;display:inline-flex;filter:drop-shadow(0 11px 6px rgba(172,184,204,.45));font-size:95px;margin-bottom:0;width:auto}@media(max-height:500px),screen and (max-width:576px){.player-controls__item.-xl{font-size:75px;margin-left:auto;margin-right:0}}.player-controls__item.-xl .icon{color:#fff;height:95px;margin-left:20px;position:relative;text-align:right;width:95px}.player-controls__item.-xl:before{display:none}.player-controls__item.-favorite.active{color:red}[v-cloak]{display:none}[v-cloak]>*{display:none}.progress{margin-top:-15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.progress__top{align-items:flex-end;display:flex;justify-content:space-between}.progress__duration{color:#71829e;font-size:20px;font-weight:700;opacity:.5}.progress__time{color:#71829e;font-size:16px;font-weight:700;margin-top:2px;opacity:.7}.progress__bar{background-color:#d0d8e6;border-radius:10px;cursor:pointer;display:inline-block;height:6px;width:100%}.progress__current{background-color:#a3b3ce;border-radius:10px;height:inherit;width:0}.album-info{color:#71829e;flex:1;padding-right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-height:500px),screen and (max-width:576px){.album-info{padding-right:0}}.album-info__name{font-size:20px;font-weight:700;line-height:1.3em;margin-bottom:12px}@media(max-height:500px),screen and (max-width:576px){.album-info__name{font-size:18px;margin-bottom:9px}}.album-info__track{font-size:20px;font-weight:400;line-height:1.3em;min-height:52px;opacity:.7}@media(max-height:500px),screen and (max-width:576px){.album-info__track{font-size:18px;min-height:50px}}.scale-out-enter-active,.scale-out-leave-active{transition:all .35s ease-in-out}.scale-out-enter{opacity:0;pointer-events:none;transform:scale(.55)}.scale-out-leave-to{opacity:0;pointer-events:none;transform:scale(1.2)}.scale-in-enter-active,.scale-in-leave-active{transition:all .35s ease-in-out}.scale-in-enter{opacity:0;pointer-events:none;transform:scale(1.2)}.scale-in-leave-to{opacity:0;pointer-events:none;transform:scale(.55)}