player-view
{
   position: fixed;
   bottom: 0px;
   display: flex;
   flex-direction: column;
   background: var(--kl-body-bg-color);
   z-index: 20;
   transition: height 0.3s ease-out;
   overflow: hidden;
}
player-view[open="false"]
{
   height: 0px;
}
player-view[open="true"]
{
   height: 100vh;
}
player-view regular-icon[type="arrow-down"]
{
   width: 32px;
   height: 32px;
   margin: 32px auto 32px 16px;
}
player-view img
{
   box-sizing: border-box;
   width: 100vw;
   height: auto;
   padding: 0px 10px;
}
player-view .song-container
{
   position: absolute;
   bottom: 0px;
   width: 100vw;
   display: flex;
   flex-direction: column;
   align-items: center;
   transition: height 0.3s ease-out;
   overflow: hidden;
}
player-view[open="false"] .song-container
{
   height: 0px;
}
player-view[open="true"] .song-container
{
   height: 450px;
}
player-view .song-container img
{
   width: 180px;
   height: 180px;
}
player-view .song-container > .artist
{
   margin-top: 30px;
   font-size: 20px;
   font-weight: 700;
   line-height: 26px;
}
player-view .song-container > .title
{
   font-size: 13px;
   font-weight: 300;
   line-height: 17px;
}
player-view .song-container > .vote
{
   display: flex;
   justify-content: center;
   column-gap: 18px;
   margin-top: 30px;
}
player-view .song-container > .vote > regular-icon
{
   width: 32px;
   height: 32px;
}
player-view .song-container regular-icon[type="state"]
{
   width: 54px;
   height: 54px;
   margin: 30px 0px 50px;
}