/* WEB1010B (10.10.2026) «Свежая книга»: кольцо вокруг аватарки писателя, который выпустил
   книгу за последние 24 часа, как у историй. Класс ставит la_fresh.js (и avtor.php сразу в разметке).
   Кольцо рисуется самой картинкой: рамка с градиентом и полоска фона между рамкой и фото,
   поэтому разметку не оборачиваем и чужие правила вида «.x > img» не ломаются.
   box-sizing:border-box: кольцо занимает место внутри прежнего размера, страница не прыгает.
   Вращение через @property: где его нет, кольцо просто стоит на месте. */
@property --la-fr-a{syntax:"<angle>";inherits:false;initial-value:0deg}
img.la-fr-av{
  --la-fr-w:2.5px;--la-fr-g:2px;
  box-sizing:border-box!important;
  border:var(--la-fr-w) solid transparent!important;
  padding:var(--la-fr-g)!important;
  border-radius:50%!important;
  object-fit:cover;
  background:linear-gradient(var(--card,#fff),var(--card,#fff)) padding-box,
    conic-gradient(from var(--la-fr-a),#c64d53,#d65f4b,#e0894d,#f0ad3c,#e0894d,#d65f4b,#c64d53) border-box!important;
  cursor:pointer;
  /* на сайте общий transition:all: без этого рамка «наплывала» бы при появлении */
  transition-property:transform,opacity,filter!important;
  animation:la-fr-spin 9s linear infinite
}
img.la-fr-av.la-fr-s{--la-fr-w:2px;--la-fr-g:1.5px}
img.la-fr-av.la-fr-l{--la-fr-w:4px;--la-fr-g:3px}
img.la-fr-av.la-fr-off{animation-play-state:paused}
img.la-fr-av:focus-visible{outline:2px solid var(--brand,#c64d53);outline-offset:2px}
@media(hover:hover) and (pointer:fine){img.la-fr-av:hover{filter:saturate(1.15) brightness(1.04)}}
@keyframes la-fr-spin{to{--la-fr-a:360deg}}
@media(prefers-reduced-motion:reduce){img.la-fr-av{animation:none!important}}