/* A miniature exhibition, drawn in CSS without adding download work. */
.loading-gallery { position:relative; width:190px; height:114px; margin-bottom:9px; perspective:500px; }
.loading-gallery-floor { position:absolute; width:164px; height:1px; bottom:12px; left:13px; background:#b5c0b1; }
.loading-frame { position:absolute; top:18px; width:44px; height:60px; padding:5px; border:1px solid #77917d; background:#fafbf6; box-shadow:0 7px 13px #71816f12; animation:gallery-hang 4.8s ease-in-out infinite; }
.loading-frame-0 { left:12px; --tilt:-5deg; }
.loading-frame-1 { left:73px; top:9px; --tilt:3deg; animation-delay:-1.6s; }
.loading-frame-2 { left:134px; --tilt:-3deg; animation-delay:-3.2s; }
.loading-picture { position:relative; height:100%; overflow:hidden; background:#e0e8db; }
.loading-picture::before { content:''; position:absolute; width:42px; height:42px; left:-9px; bottom:-19px; background:#88a18d; transform:rotate(35deg); }
.loading-picture::after { content:''; position:absolute; width:29px; height:29px; right:-11px; bottom:-5px; background:#aec2aa; transform:rotate(30deg); }
.loading-picture b { position:absolute; width:8px; height:8px; border-radius:50%; background:#faf6d5; top:7px; right:6px; }
.loading-firefly { position:absolute; width:5px; height:5px; top:18px; left:32px; border-radius:50%; background:#d7b76b; box-shadow:0 0 9px #d7b76b80; animation:gallery-light 4.8s ease-in-out infinite; }
.loading-track { width:100px; height:2px; background:#dce4d6; overflow:hidden; }
.loading-track i { display:block; height:2px; background:#658469; }
.loading-track:not(.is-known) i { width:100%; }
.loading small { height:12px; font-size:9px; color:#7a8476; font-variant-numeric:tabular-nums; }
@keyframes gallery-hang { 0%,100% { transform:translateY(0) rotate(0); } 18% { transform:translateY(-4px) rotate(var(--tilt)); } 40% { transform:translateY(0) rotate(0); } }
@keyframes gallery-light { 0%,100% { transform:translate(0,0); opacity:.4; } 30% { transform:translate(63px,-13px); opacity:1; } 65% { transform:translate(126px,9px); opacity:.7; } }

.loading-track.is-known i { animation:none; }
