/* The expand button of a text-width figure (js/figure-expand.js): it hangs from a
   zero-height row just before the figure and is moved, by measurement, onto the figure's
   top-right corner, level with its tab strip. Chrome in the page's theme. */
.fig-expand-bar {
  position: relative;
  height: 0;
  margin: 0;
  z-index: 3;
}
.fig-expand-btn {
  position: absolute;
  right: 0;
  top: 0;
  font: 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  padding: 4px;
  color: var(--vx-muted, #6b6a63);
  background: var(--vx-surface, #fcfcfb);
  border: 1px solid var(--vx-rule, #d8d7cf);
  border-radius: 4px;
  cursor: pointer;
}
.fig-expand-btn:hover {
  color: var(--vx-ink, #16160f);
  border-color: var(--vx-muted, #6b6a63);
}
/* nothing to widen into on a narrow screen */
@media (max-width: 1000px) {
  .fig-expand-bar { display: none; }
}