.player{background-color:var(--main-color);color:var(--inversed-main-color);z-index:1000;flex-direction:row;flex-grow:2;justify-content:space-between;align-items:center;gap:20px;max-width:755px;height:100%;padding:8px 25px;transition:background-color .15s ease-in-out,max-width .1s ease-in-out .15s;display:flex;position:relative}@media screen and (max-width:600px){.player{gap:10px;padding:8px 15px}}@media screen and (min-width:1500px){.player{justify-content:center;gap:2%}}.player audio{display:none}.player .closed-hidden{opacity:0;visibility:hidden;width:0;transition:all .12s ease-in-out;display:none}.player__name-container{font-size:1.1rem}@media screen and (max-width:1500px){.player__name-container{font-size:1rem}}.player__name-container__heading{font-weight:700}.player__actions{display:flex}.player__actions button{cursor:pointer;background:0 0;border:none}.player__actions button:hover svg{filter:drop-shadow(0 0 5px #7c7c7c);transform:scale(1.1)}.player__artwork{aspect-ratio:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}@media screen and (max-width:600px){.player__artwork{height:80%}}.player__artwork img{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.player__closed-play{background-color:#fff0}.player__title{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.1rem;display:-webkit-box;overflow:hidden}@media screen and (max-width:500px){.player__title{display:none}}.player__animation{width:0;height:100%}@media screen and (max-width:1070px){.player__animation{display:none}}@media screen and (max-width:900px){.player__volume{display:none!important}}.player-open .player{max-width:100vw;transition:background-color .15s ease-in-out,max-width .45s ease-in-out}.player-open .player .closed-hidden{opacity:1;width:initial;visibility:visible;transition:all .35s ease-in-out .25s;display:flex}@media screen and (max-width:900px){.player-open .player .player__volume{display:none!important}}.player-open .player .player__animation{width:40%}