.dimension-portrait .panel-title{margin-bottom:12px}
.dimension-bar-row{display:grid;grid-template-columns:80px minmax(0,1fr) 62px;align-items:center;gap:14px;min-height:46px}
.dimension-bar-name{font-size:13px;font-weight:500;color:#365272}
.dimension-bar-track{height:9px;overflow:hidden;border-radius:8px;background:#edf3fc}
.dimension-bar-track>span{display:block;height:100%;border-radius:inherit;background:#6399ed}
.dimension-bar-track.unknown{background:repeating-linear-gradient(120deg,#e8edf4 0,#e8edf4 5px,#f5f7fa 5px,#f5f7fa 10px)}
.dimension-bar-status{justify-self:end;padding:4px 7px;border-radius:6px;font-size:11px;line-height:1.4;font-weight:500;white-space:nowrap;background:#edf3fd;color:#4874ae}
.dimension-bar-status.steady{background:#eaf2ff;color:#2765c7}
.dimension-bar-status.foundation,.dimension-bar-status.practice{background:#fff0e8;color:#aa603b}
.dimension-bar-status.unknown{background:#f0f3f7;color:#738095}
@media(max-width:760px){
 .dimension-portrait .panel-title h2{font-size:15px}
 .dimension-bar-row{grid-template-columns:66px minmax(0,1fr) 54px;gap:10px;min-height:43px}
 .dimension-bar-name{font-size:12px}
 .dimension-bar-track{height:8px}
 .dimension-bar-status{font-size:10px;padding:4px 6px}
}