.loading-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:1.5em 0}.loading-compare__panel{min-width:0;margin:0}.loading-compare__preview{min-height:230px;display:grid;place-content:center;justify-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--accent)}.loading-compare__preview p{margin:0}.loading-compare__preview--before p{font-family:var(--serif);font-size:.9rem;letter-spacing:.08em}.loading-compare__bars{display:flex;align-items:flex-end;gap:5px;height:32px}.loading-compare__bars span{width:7px;border-radius:999px;background:var(--accent);animation:loading-compare-bounce .7s ease-in-out infinite alternate}.loading-compare__bars span:nth-child(1){height:12px}.loading-compare__bars span:nth-child(2){height:26px;animation-delay:.14s}.loading-compare__bars span:nth-child(3){height:17px;animation-delay:.28s}@keyframes loading-compare-bounce{to{transform:translateY(-8px);opacity:.55}}.content .loading-compare__preview--after img{width:150px;height:150px;object-fit:contain;margin:0;border-radius:0}.loading-compare__preview--after{gap:12px}.loading-compare__preview--after p{font-family:var(--mono);font-size:.8rem;font-weight:700;letter-spacing:.16em}.loading-compare figcaption{margin-top:7px;text-align:center;color:var(--muted);font-size:.82rem}@media(max-width:600px){.loading-compare{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.loading-compare__bars span{animation:none}}