.compatibility-block{--compatibility-columns:3;--compatibility-gap:12px;min-width:0}.compatibility-viewport{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;border-radius:20px;overflow:hidden}.compatibility-animations{gap:var(--compatibility-gap);width:100%;display:flex}.compatibility-animations[data-moving=true]{transition:transform .28s}.compatibility-example{flex:0 0 calc((100% - (var(--compatibility-columns) - 1) * var(--compatibility-gap)) / var(--compatibility-columns));box-sizing:border-box;color:#612731;background:#bbd0f0;border-radius:20px;min-width:0;margin:0;padding:0 8px 14px;overflow:hidden}.compatibility-3d{aspect-ratio:1.12;width:100%;position:relative}.compatibility-example figcaption{text-align:center;text-wrap:balance;place-items:center;min-height:2.6em;font-size:12px;line-height:1.3;display:grid}.compatibility-controls{color:#612731;justify-content:center;align-items:center;gap:14px;padding-top:16px;display:flex}.compatibility-controls button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #61273130;border-radius:50%;flex:none;place-items:center;padding:0;font:24px/1 sans-serif;display:grid}.compatibility-controls button:hover{background:#ffd8e2}.compatibility-controls .compatibility-autoplay{font-size:15px}.compatibility-counter{text-align:center;font-variant-numeric:tabular-nums;min-width:38px;font-size:13px}.compatibility-viewport:focus-visible,.compatibility-controls button:focus-visible{outline-offset:3px;outline:2px solid #612731}.compatibility-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.compatibility-block{--compatibility-columns:2}}@media (max-width:600px){.compatibility-block{--compatibility-columns:1}.compatibility-example figcaption{font-size:14px}}@media (prefers-reduced-motion:reduce){.compatibility-animations[data-moving=true]{transition:none}}