/* Container-free component icons and approved explanatory diagrams. */
.ppwg-icon{display:inline-block;width:var(--ppwg-icon-size,48px);height:var(--ppwg-icon-size,48px);max-width:none;object-fit:contain;vertical-align:middle;background:none;border:0;border-radius:0;box-shadow:none;flex:none}
.ppwg-figure{display:block;width:100%;max-width:880px;margin:0;min-width:0;background:none;border:0;border-radius:0;box-shadow:none}
.ppwg-stage{position:relative;display:block;width:100%;aspect-ratio:8/5;overflow:visible;background:none}
.ppwg-poster,.ppwg-live,.ppwg-live>img,.ppwg-inline-svg{display:block;width:100%;height:100%;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
.ppwg-poster{position:relative;object-fit:contain;opacity:1}
.ppwg-live{position:absolute;inset:0;opacity:0;pointer-events:none}
.ppwg-live>img{object-fit:contain}
.ppwg-figure[data-ppwg-active="true"][data-ppwg-ready="true"]>.ppwg-stage>.ppwg-live{opacity:1}
.ppwg-figure[data-ppwg-active="true"][data-ppwg-ready="true"]>.ppwg-stage>.ppwg-poster{opacity:0}
.ppwg-figure[data-ppwg-active="false"] .ppwg-inline-svg,.ppwg-figure[data-ppwg-active="false"] .ppwg-inline-svg *{animation-play-state:paused!important}
.ppwg-caption{margin:12px 0 0;color:var(--ppwg-caption-color,#56636b);font:inherit;font-size:.95em;line-height:1.55;max-width:74ch}
.ppwg-figure[data-ppwg-theme="dark"]>.ppwg-caption{color:var(--ppwg-caption-color,#bfc8ce)}
@media(prefers-reduced-motion:reduce){.ppwg-figure .ppwg-live{opacity:0!important}.ppwg-figure .ppwg-poster{opacity:1!important}.ppwg-inline-svg,.ppwg-inline-svg *{animation:none!important;transition:none!important}}