:root { --app-bar-color: var(--color-primary); --app-bar-text-color: var(--color-text-main); --app-bar-height: 44px; --app-bar-padding: 0 10px; --app-bar-title-line-height: 44px;}.ppsv-app-bar { position: relative; display: flex; justify-content: center; align-items: center; height: var(--app-bar-height); padding: var(--app-bar-padding); background: var(--app-bar-color); color: var(--app-bar-text-color);}.ppsv-app-bar__title { flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: var(--app-bar-title-line-height); display: flex;}.ppsv-app-bar__title-center { justify-content: center;}.ppsv-app-bar__title-left { justify-content: flex-start;}.ppsv-app-bar__title-right { justify-content: flex-end;}.ppsv-app-bar__left,.ppsv-app-bar__right { display: flex; justify-content: flex-start; align-items: center; height: 100%; z-index: 2;}.ppsv-app-bar__left { position: absolute; top: 0; left: 0;}.ppsv-app-bar__right { position: absolute; top: 0; right: 0;}