.scene-pie{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,440px);align-items:center;justify-content:center;gap:32px;min-width:0;padding:0 8px 8px;color:#626262}
.scene-pie-legend{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;min-width:0}
.scene-pie-legend>li{margin:0;padding:0;min-width:0}
.scene-pie-key{display:grid;grid-template-columns:11px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:35px;padding:6px 8px;border:0;border-radius:4px;background:transparent;text-align:left;font-size:15px;line-height:1.4;color:inherit;transition:background .18s,color .18s,opacity .18s}
.scene-pie-key.is-active{color:#292929;background:#f3f1ef}
.scene-pie-key:focus-visible{outline:2px solid var(--accent,#8c1515);outline-offset:2px}
.scene-pie-swatch{display:block;width:11px;height:11px;border-radius:1px}
.scene-pie-label{min-width:0}
.scene-pie-value{color:#888;white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}
.scene-pie-key.is-active .scene-pie-value{color:#555}
.scene-pie-stage{position:relative;min-width:0;width:100%;aspect-ratio:1;align-self:center}
.scene-pie-svg{display:block;width:100%;height:auto;overflow:visible}
.scene-pie-slice{stroke:#fff;stroke-width:1.25;stroke-linejoin:round;cursor:pointer;transform-origin:200px 200px;transition:transform .2s ease,opacity .2s ease,filter .2s ease;outline:none}
.scene-pie.has-active .scene-pie-slice:not(.is-active){opacity:.6}
.scene-pie-slice.is-active{transform:translate(var(--slice-x),var(--slice-y));filter:drop-shadow(0 2px 3px #00000016)}
.scene-pie-slice:focus-visible{stroke:#333;stroke-width:2}
.scene-pie-tooltip{position:absolute;z-index:2;max-width:calc(100% - 16px);box-sizing:border-box;padding:9px 12px;border:1px solid #e9e5e1;border-left:3px solid var(--slice-color,#8c1515);border-radius:4px;background:#fffffffa;box-shadow:0 3px 14px #0000000e;pointer-events:none;color:#333;font-size:15px;line-height:1.4;white-space:nowrap}
.scene-pie-tooltip[hidden]{display:none}
.scene-pie-tooltip strong{display:block;font-weight:600}
.scene-pie-tooltip>span{display:block;margin-top:2px;color:#777;font-size:14px;font-variant-numeric:tabular-nums}
@media(max-width:850px){.scene-pie{grid-template-columns:minmax(225px,260px) minmax(0,1fr);gap:18px;padding-inline:0}.scene-pie-key{gap:8px;font-size:14px}.scene-pie-value{font-size:13px}}
@media(max-width:600px){.scene-pie{grid-template-columns:minmax(0,1fr);gap:8px;padding-bottom:0}.scene-pie-stage{grid-row:1;width:min(100%,360px);justify-self:center}.scene-pie-legend{width:min(100%,360px);justify-self:center;gap:2px}.scene-pie-key{min-height:37px;padding:7px 8px;font-size:15px;gap:10px}.scene-pie-value{font-size:14px}.scene-pie-tooltip{font-size:14px}.scene-pie-tooltip>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.scene-pie-slice,.scene-pie-key{transition:none}.scene-pie-slice.is-active{transform:none}}

/* Match the surrounding UMI type scale at both desktop font sizes. */
.scene-pie{grid-template-columns:minmax(0,20em) minmax(0,25em);gap:2em;padding:0 0 .5em;color:#a2a2a2}
.scene-pie-key{font-size:1em;line-height:1.5;padding:.3em .5em;min-height:2em;gap:.625em}
.scene-pie-value{font-size:.9375em}.scene-pie-legend{gap:.125em}
.scene-pie-tooltip{font-size:1em}.scene-pie-tooltip>span{font-size:.875em}