.ui-art { display:inline-flex; position:relative; flex:none; width:var(--art-size); height:var(--art-size); align-items:center; justify-content:center; vertical-align:middle; pointer-events:none; }
.ui-art>img { width:100%; height:100%; object-fit:contain; border:0; border-radius:0; background:none; box-shadow:none; }
.ui-art-heading { display:flex; align-items:center; gap:10px; }
.ui-art-empty { display:flex; flex-direction:column; align-items:center; gap:12px; }
.search-out .ui-art-empty { padding:20px 12px; text-align:center; color:var(--text-2); }
.ui-art-celebrate::after { content:''; width:25px; height:25px; background:url('./icons/sparkle.svg') center/contain no-repeat; position:absolute; top:0; right:4px; font-size:25px; color:var(--accent); animation:ui-art-spark 1.2s ease-out both; }
@keyframes ui-art-spark { 0% { opacity:0; transform:scale(.5); } 30% { opacity:1; transform:scale(1.2); } 100% { opacity:0; transform:scale(.8); } }
@media(prefers-reduced-motion:reduce) { .ui-art-celebrate::after { animation:none; display:none; } }
html.memo .ui-art { display:none; }