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