/* /av-fire.css — a hot listing burns (goes with /av-fire.webp).

   Abdul, 26 Sep 2026: "do house listing hot, i want live running flame like it's
   on fire with light smoke", then "i want real looking flames", then "too fast and
   not around the circle ... natural flames are like slow flames". A hot listing
   (every house of ours, and any listing marked hot) burns in a ring AROUND its
   dot: a painted flipbook of 64 frames (96x120 each, an 8x8 sheet, drawn at
   56x70) played slowly - 12 a second, a 5.3 s loop. The middle is clear so the
   dot and its colour show; it sits under the dots and takes no taps. The map
   draws it as L.divIcon({className: 'av-fire', html: '<i></i>', iconSize: [56, 70],
   iconAnchor: [28, 51]}) in a pane of its own under the dots.
   "why there is a gap between circle and flames?" - the ring starts right at the
   dot's white border. */
.av-fire{pointer-events:none;background:none;border:0}
.av-fire i{position:absolute;left:0;top:0;width:56px;height:70px;background:url(/av-fire.webp) 0 0/448px 560px no-repeat;animation:avFire 5.3333s step-end infinite;will-change:background-position}
@keyframes avFire{
  0%{background-position:0px 0px}
  1.5625%{background-position:-56px 0px}
  3.125%{background-position:-112px 0px}
  4.6875%{background-position:-168px 0px}
  6.25%{background-position:-224px 0px}
  7.8125%{background-position:-280px 0px}
  9.375%{background-position:-336px 0px}
  10.9375%{background-position:-392px 0px}
  12.5%{background-position:0px -70px}
  14.0625%{background-position:-56px -70px}
  15.625%{background-position:-112px -70px}
  17.1875%{background-position:-168px -70px}
  18.75%{background-position:-224px -70px}
  20.3125%{background-position:-280px -70px}
  21.875%{background-position:-336px -70px}
  23.4375%{background-position:-392px -70px}
  25%{background-position:0px -140px}
  26.5625%{background-position:-56px -140px}
  28.125%{background-position:-112px -140px}
  29.6875%{background-position:-168px -140px}
  31.25%{background-position:-224px -140px}
  32.8125%{background-position:-280px -140px}
  34.375%{background-position:-336px -140px}
  35.9375%{background-position:-392px -140px}
  37.5%{background-position:0px -210px}
  39.0625%{background-position:-56px -210px}
  40.625%{background-position:-112px -210px}
  42.1875%{background-position:-168px -210px}
  43.75%{background-position:-224px -210px}
  45.3125%{background-position:-280px -210px}
  46.875%{background-position:-336px -210px}
  48.4375%{background-position:-392px -210px}
  50%{background-position:0px -280px}
  51.5625%{background-position:-56px -280px}
  53.125%{background-position:-112px -280px}
  54.6875%{background-position:-168px -280px}
  56.25%{background-position:-224px -280px}
  57.8125%{background-position:-280px -280px}
  59.375%{background-position:-336px -280px}
  60.9375%{background-position:-392px -280px}
  62.5%{background-position:0px -350px}
  64.0625%{background-position:-56px -350px}
  65.625%{background-position:-112px -350px}
  67.1875%{background-position:-168px -350px}
  68.75%{background-position:-224px -350px}
  70.3125%{background-position:-280px -350px}
  71.875%{background-position:-336px -350px}
  73.4375%{background-position:-392px -350px}
  75%{background-position:0px -420px}
  76.5625%{background-position:-56px -420px}
  78.125%{background-position:-112px -420px}
  79.6875%{background-position:-168px -420px}
  81.25%{background-position:-224px -420px}
  82.8125%{background-position:-280px -420px}
  84.375%{background-position:-336px -420px}
  85.9375%{background-position:-392px -420px}
  87.5%{background-position:0px -490px}
  89.0625%{background-position:-56px -490px}
  90.625%{background-position:-112px -490px}
  92.1875%{background-position:-168px -490px}
  93.75%{background-position:-224px -490px}
  95.3125%{background-position:-280px -490px}
  96.875%{background-position:-336px -490px}
  98.4375%{background-position:-392px -490px}
  100%{background-position:0 0}
}
/* Around our own listing dot, which is the app's size (radius 9 + its white
   border; AVMarket.radius(z, 'listing')): the flames drawn as the app draws them,
   72x90 with the ring 65 px down - this sheet scaled 9/7 about its ring. */
.av-fire-own i{transform:scale(1.285714);transform-origin:28px 51px}
@media (prefers-reduced-motion:reduce){.av-fire i{animation:none}}