.page-top-bar{background-color:rgb(var(--sdk5-gray-100));border-color:rgb(var(--sdk5-blue-400));-moz-column-gap:1rem;border-style:solid;border-width:1px;border-radius:.5rem;column-gap:1rem;width:100%;padding:1rem;display:flex}.page-top-bar--borderless{border-width:0;padding:0}.page-top-bar__details-list{background-color:#f6f7ff;border-radius:.25rem;align-items:flex-start;gap:.75rem;width:100%;padding:.5rem .75rem;display:flex}.page-top-bar__details-list__body{grid-template-columns:repeat(auto-fit,minmax(7.5rem,8.5rem));gap:.75rem;width:100%;display:grid}.page-top-bar__details-list--full-width{justify-content:space-between;display:flex}.page-top-bar__details-item{flex-direction:column;row-gap:.125rem;display:flex;overflow:hidden}.page-top-bar__details-title,.page-top-bar__details-value{color:rgb(var(--sdk5-gray-500));font-size:.75rem;line-height:1.125rem}.page-top-bar__details-title{font-weight:500}.page-top-bar__details-value{text-overflow:ellipsis;font-weight:400;overflow:hidden}.page-top-bar__details-value .app-badge{padding-left:0}