/* The line-number gutter is outside the horizontally scrolling reference. */
body[data-ui-page] #codeOverlay .wb-reference-body{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden;border:1px solid var(--ed-line);border-top:0;border-radius:0 0 9px 9px;background:var(--ed-code)}
body[data-ui-page] #codeOverlay .wb-reference-gutter{flex:0 0 4.2em;min-width:4.2em;margin:0;padding:14px 10px 14px 4px;text-align:right;white-space:pre;overflow:hidden;box-sizing:border-box;user-select:none;color:var(--ed-dim);background:var(--ed-panel);border-right:1px solid var(--ed-line)}
body[data-ui-page] #codeOverlay .wb-reference-body .overlay-source-panel{flex:1;min-height:0;min-width:0;padding:14px 12px;border:0;border-radius:0}
body[data-ui-page] #codeOverlay .wb-reference-pane .hl-line::before{display:none;content:none}
body[data-ui-page] #codeOverlay .overlay-editor-wrap.split[data-compare-layout=side]{flex-direction:row;overflow:hidden}
body[data-ui-page] #codeOverlay .overlay-editor-wrap.split[data-compare-layout=side] .overlay-editor-area{flex:0 0 calc(var(--split-pct,50%) - 15px);min-height:0}
body[data-ui-page] #codeOverlay .overlay-editor-wrap.split[data-compare-layout=side] .wb-reference-pane{flex:1;min-height:0}
body[data-ui-page] #codeOverlay .overlay-editor-wrap.split[data-compare-layout=side] .overlay-resize-handle{display:block}
body[data-ui-page] #codeOverlay .overlay-editor-wrap.split[data-compare-layout=stack]{flex-direction:column;overflow:auto;gap:10px}
body[data-ui-page] #codeOverlay .overlay-editor-wrap.split[data-compare-layout=stack] :is(.overlay-editor-area,.wb-reference-pane){flex:1 0 42%;min-height:240px}
body[data-ui-page] #codeOverlay .overlay-editor-wrap.split[data-compare-layout=stack] .overlay-resize-handle{display:none}
body[data-ui-page] #codeOverlay .wb-pane-header{flex-wrap:wrap}
body[data-ui-page] #codeOverlay #projectCompareLayout{max-width:112px}