.design-document-bar{box-sizing:border-box;flex:none;height:60px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:24px 14px;gap:2px 14px;padding:10px 16px;border-bottom:1px solid #3a424d;background:#20252d}
#designDocumentName{grid-column:1;grid-row:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;color:#f0f3f8;font-size:18px;font-weight:650;letter-spacing:0;line-height:24px}
#designDocumentStatus{grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap;color:#b8c4d4;font-size:12px;line-height:18px}
#designDocumentContext{grid-column:1;grid-row:2;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;color:#adb8c9;font-size:10px;line-height:14px}
.design-document-bar[data-status="saved"] #designDocumentStatus{color:#c7f3a6}.design-document-bar[data-status="modified"] #designDocumentStatus,.design-document-bar[data-status="unavailable"] #designDocumentStatus{color:#f1cf9c}.design-document-bar[data-status="saving"] #designDocumentStatus,.design-document-bar[data-status="loading"] #designDocumentStatus{color:#c1dcff}.design-document-bar[data-status="review"] #designDocumentStatus{color:#e3d0ff}
@media(max-width:759px){.design-document-bar{height:64px;grid-template-columns:minmax(0,1fr);grid-template-rows:22px 14px 12px;gap:2px;padding:6px 10px}#designDocumentName{line-height:22px}#designDocumentStatus{grid-column:1;grid-row:2;align-self:start;font-size:11px;line-height:14px}#designDocumentContext{grid-row:3;line-height:12px}}