main.container.animation h2{margin:28px 0 10px;font-size:1.35rem;letter-spacing:-.01em}main.container.animation h3{margin:22px 0 8px;font-size:1.1rem}main.container.animation p{margin:10px 0}main.container.animation ul{margin:10px 0 10px 20px}main.container.animation li{margin:6px 0}main.container.animation figure{margin:14px 0 18px;padding:0}main.container.animation figure img,main.container.animation figure video{width:100%;display:block;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}main.container.animation figure img.natural-size,main.container.animation figure video.natural-size{width:auto;max-width:100%;height:auto}main.container.animation .rotation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}main.container.animation .rotation-grid figure{margin-top:14px}main.container.animation .rotation-grid figure img{width:100%;max-width:none;aspect-ratio:1/1;object-fit:contain}main.container.animation figure.transform-result img{width:min(100%,520px);max-width:100%}main.container.animation figcaption{margin-top:8px;color:var(--muted);font-size:.95rem}main.container.animation code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}main.container.animation pre{padding:14px 16px;border:1px solid var(--stroke);border-radius:var(--radius);background:color-mix(in oklab,var(--card),transparent 10%);overflow:auto}main.container.animation .math-display{margin:10px 0 16px;padding:14px 16px;border:1px solid var(--stroke);border-radius:var(--radius);background:color-mix(in oklab,var(--card),transparent 10%);overflow-x:auto}main.container.animation mjx-container{overflow-x:auto;overflow-y:hidden;max-width:100%}@media(max-width:700px){main.container.animation .rotation-grid{grid-template-columns:1fr}}