.title-bar{flex-shrink:0}.title-bar__content{justify-content:space-between;align-items:center;padding:4px 8px;font-size:.85em;font-weight:700;display:flex}.title-bar__status{margin-right:4px;font-size:.75em}.title-bar__play-icon{background:var(--lcd-text,#000);clip-path:polygon(0 0,100% 50%,0 100%);width:8px;height:10px;display:inline-block}.title-bar__pause-icon{background:var(--lcd-text,#000);width:3px;height:10px;box-shadow:5px 0 0 var(--lcd-text,#000);display:inline-block}.title-bar__stop-icon{background:var(--lcd-text,#000);width:9px;height:9px;display:inline-block}.title-bar__seek-icon{width:10px;height:10px;color:var(--lcd-text,#000);vertical-align:middle;display:inline-block}.title-bar__title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.title-bar__search-input{min-width:0;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:center;background:0 0;border:none;outline:none;flex:1;padding:0}.title-bar__search-input::placeholder{color:inherit;opacity:.45}.title-bar__battery{border:2px solid var(--lcd-text,#000);width:16px;height:8px;margin-left:4px;display:inline-block;position:relative}.title-bar__battery:before{content:"";width:calc(var(--battery-level,1) * 12px);background:var(--lcd-text,#000);position:absolute;top:1px;bottom:1px;left:1px}@keyframes battery-pulse{0%,to{opacity:1}50%{opacity:.3}}.title-bar__battery--charging:before{animation:1.5s ease-in-out infinite battery-pulse}.title-bar__battery:after{content:"";background:var(--lcd-text,#000);width:2px;height:4px;position:absolute;top:1px;right:-4px}.title-bar__divider{background:var(--lcd-text,#000);opacity:.4;height:1px}