.ControlBar{border-top:var(--border-main);background:var(--bg-main);position:fixed;bottom:0;width:100%;z-index:3;transition:height var(--animate-fast) ease}@media(min-width:1024px){.ControlBar{height:50px}}@media(min-width:1024px){.ControlBar.minimize{height:50px}}.ControlBar--container{display:flex;flex-direction:column-reverse;height:100%}@media(min-width:1024px){.ControlBar--container{display:block;position:relative}}.ControlBar--player{display:flex;flex-direction:column}@media(min-width:1024px){.ControlBar--player{width:100%;height:100%}}.ControlBar--playlist{padding:0 12px;border-left:var(--border-main);overflow:hidden}@media(min-width:1024px){.ControlBar--playlist{width:400px;position:fixed;bottom:50px;right:0;background:var(--bg-main);height:0;padding:12;border-top:none;transition:height var(--animate-fast) ease,padding var(--animate-fast) ease;overflow:hidden;box-sizing:border-box}}@media(min-width:1024px){.ControlBar:not(.minimize) .ControlBar--playlist{height:calc(100vh - 84px + (16px * var(--scroll-progress, 0)) - 26px);border-left:var(--border-main);border-top:var(--border-main)}}