/* Download and Save beside a figure an app page draws without the newsroom's
   figure chrome: two small named buttons, the glyph sized to the label. */

.pitch-site--app .graphic-export .btn {
  align-items: center;
  display: inline-flex;
  gap: var(--space-xxs, 0.25rem);
  min-block-size: 0;
  min-width: 0;
  padding: 0.4rem 0.9rem;
}

.pitch-site--app .graphic-export .btn svg {
  block-size: 1.1em;
  flex: none;
  inline-size: 1.1em;
}

.pitch-site--app .league-map-toolbar {
  align-items: flex-start;
}

.pitch-site--app .graphic-export--panel {
  margin-block-start: var(--space-xs);
}

.pitch-site--app .graphic-export + .card {
  margin-block-start: var(--space-s);
}

/* The dialog of a spider kept in a stage panel previews the picture the file
   holds, so the panel's own dark-turf recolouring of the spider is handed
   back to the chart's paper colours inside it. */
.pitch-site--app .stage-statpanel--spider .figure-export :is(
  .spider-plot__ring, .spider-plot__axis-line, .spider-plot__label, .spider-plot__series polygon,
  .spider-plot__series circle, .spider-plot__sample
) {
  color: revert-layer;
  fill: revert-layer;
  fill-opacity: revert-layer;
  font-family: revert-layer;
  font-size: revert-layer;
  font-weight: revert-layer;
  letter-spacing: revert-layer;
  stroke: revert-layer;
  text-transform: revert-layer;
}

.pitch-site--app .stage-statpanel--spider .figure-export {
  color: var(--ps-ink);
}