tab-container
{
   position: fixed;
   bottom: 0px;
   display: flex;
   height: 58px;
   width: 100vw;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   background: var(--kl-bg-color-2);
   border-radius: var(--kl-border-radius) var(--kl-border-radius) 0px 0px;
   border-top: 1px solid var(--kl-color-3);
}
tab-container > ul.list
{
   width: 100vw;
   height: 40px;
   justify-content: space-around;
   font-size: 13px;
   font-weight: 500;
   line-height: 16px;
}
tab-container > ul.list > li.list-item
{
   display: none;
}
tab-container > ul.list > li.list-item.tab
{
   display: list-item;
   padding: 4px 12px;
   box-sizing: border-box;
}
tab-container > ul.list > li.list-item.tab.active
{
   display: list-item;
   padding: 4px 12px;
   border-radius: var(--kl-border-radius);
   background: var(--kl-bg-color);
}
tab-container > ul.list > li.list-item > a
{
   line-height: 32px;
   vertical-align: middle;
   text-align: right;
   color: var(--kl-text-color-light);
}
tab-container > ul.list > li.list-item.home
{
   width: 95px;
}
tab-container > ul.list > li.list-item.playlist
{
   width: 102px;
}
tab-container > ul.list > li.list-item.news
{
   width: 100px;
}
tab-container > ul.list > li.list-item.tab:before
{
   width: 32px;
   height: 32px;
   display: block;
   position: absolute;
}
tab-container > ul.list > li.list-item.home:before
{
   content:url(/images/tab-container/home_inactive.svg);
}
tab-container > ul.list > li.list-item.home.active:before
{
   content:url(/images/tab-container/home_active.svg);
}
tab-container > ul.list > li.list-item.playlist:before
{
   content:url(/images/tab-container/playlist_inactive.svg);
}
tab-container > ul.list > li.list-item.playlist.active:before
{
   content:url(/images/tab-container/playlist_active.svg);
}
tab-container > ul.list > li.list-item.news:before
{
   content:url(/images/tab-container/news_inactive.svg);
}
tab-container > ul.list > li.list-item.news.active:before
{
   content:url(/images/tab-container/news_active.svg);
}

@media screen and (min-width: 744px)
{
   tab-container
   {
      display: none;
   }
}