.APNGDiff-module__egs-Vq__labels{grid-template-columns:1fr 1fr 1fr;margin-bottom:.5rlh;display:grid}.APNGDiff-module__egs-Vq__canvas{margin-bottom:.5rlh}.APNGDiff-module__egs-Vq__animationChanges{margin:0;padding-left:1.2em}.APNGDiff-module__egs-Vq__animationChangesNote{margin:.5lh 0 0}
.APNGFrameControls-module__FjQMKW__frameControls{max-width:100%}.APNGFrameControls-module__FjQMKW__transport{align-items:center;gap:.25rem;margin-bottom:.5rlh;display:flex}.APNGFrameControls-module__FjQMKW__transportButton{appearance:none;color:var(--text-color-medium-dark);cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex:none;justify-content:center;align-items:center;padding:.125rem;display:inline-flex}.APNGFrameControls-module__FjQMKW__transportButton:hover:not(:disabled){background-color:var(--color-gray-lightest)}.APNGFrameControls-module__FjQMKW__transportButton:disabled{cursor:default;opacity:.4}.APNGFrameControls-module__FjQMKW__frameStrip{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;gap:.5px;min-width:0;height:.875rem;margin-left:.25rem;display:flex}.APNGFrameControls-module__FjQMKW__frameStripItem{--border-radius:.25rlh;cursor:pointer;background-color:var(--color-gray-lighter);flex:1;min-width:.125rem;padding:0;position:relative}.APNGFrameControls-module__FjQMKW__frameStripItem:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius);border-left:none}.APNGFrameControls-module__FjQMKW__frameStripItem:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}.APNGFrameControls-module__FjQMKW__frameStripItemChanged{background-color:color-mix(in srgb, var(--color-primary) calc(25% + var(--frame-intensity,0) * 75%), var(--color-gray-lightest))}.APNGFrameControls-module__FjQMKW__frameStripItemCurrent{--outline-color:var(--color-primary)}.APNGFrameControls-module__FjQMKW__frameStripItemCurrent:focus-visible{--outline-color:var(--color-outline);outline:none}.APNGFrameControls-module__FjQMKW__frameStripItemCurrent:after{border-radius:var(--border-radius);box-shadow:0 0 0 .125rem var(--background-color);outline:.125rem solid var(--outline-color);outline-offset:.125rem;box-sizing:border-box;content:"";pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.APNGFrameControls-module__FjQMKW__status{text-align:right;overflow-wrap:anywhere;color:var(--text-color-medium-dark);margin-top:.1875rem;font-size:.625rem}.APNGFrameControls-module__FjQMKW__status a{color:inherit;text-decoration-line:none}.APNGFrameControls-module__FjQMKW__status a:hover,.APNGFrameControls-module__FjQMKW__status a:focus-visible{text-decoration-line:underline}
.animations-module__xCFeca__section{margin-bottom:2lh}.animations-module__xCFeca__lead{text-wrap:pretty;max-width:65ch}.animations-module__xCFeca__examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}@media (max-width:768px){.animations-module__xCFeca__examples{grid-template-columns:1fr;gap:1rem}}.animations-module__xCFeca__stage{border:1px solid var(--color-gray-lighter);border-radius:var(--border-radius-card);justify-content:center;align-items:center;height:220px;margin-bottom:1lh;display:flex;overflow:hidden}.animations-module__xCFeca__diff,.animations-module__xCFeca__tableWrapper{overflow-x:auto}.animations-module__xCFeca__concepts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1lh 2rem;margin:0 0 1lh;display:grid}@media (max-width:768px){.animations-module__xCFeca__concepts{grid-template-columns:1fr}}.animations-module__xCFeca__concepts dt{font-weight:700}.animations-module__xCFeca__concepts dd{color:var(--text-color-medium-dark);text-wrap:pretty;margin:0}.animations-module__xCFeca__code{border-radius:var(--border-radius-card);background:var(--color-gray-lightest);margin:0 0 1lh;padding:1rem;font-size:.85em;line-height:1.5;overflow-x:auto}.animations-module__xCFeca__code pre{margin:0}.animations-module__xCFeca__code .shiki{color:var(--shiki-light)}.animations-module__xCFeca__code .shiki span{color:var(--shiki-light)}[data-color-scheme=dark] .animations-module__xCFeca__code .shiki{color:var(--shiki-dark)}[data-color-scheme=dark] .animations-module__xCFeca__code .shiki span{color:var(--shiki-dark)}.animations-module__xCFeca__cta{border-top:1px solid var(--color-gray-lighter);text-align:center;margin-bottom:2lh;padding-top:1lh}.animations-module__xCFeca__ctaButtons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}