/* «Возврат с оплаты» (techkarta-back#257) — движение знака состояния сверх кита. Файл не с макета: вид экрана —
   up-acct.css (раздел «Возврат с оплаты»), его не трогаем. Знак «выпрыгивает» правилом кита (up-home-pop у
   .up-acct-badge, .55 с с задержкой 120 мс) — здесь то, что идёт следом. prefers-reduced-motion выключает кит
   (`.up * { animation: none }`): знак сразу нарисован, стрелки стоят как на макете. */

/* Успех: круг, затем галочка рисуются один раз. Штрих задан только в кадрах — после анимации контур сплошной. */
.up-pay-mark.is-ok .up-pay-ring { animation: up-pay-draw .5s var(--ease-out) 240ms backwards; }
.up-pay-mark.is-ok .up-pay-tick { animation: up-pay-draw .32s var(--ease-out) 620ms backwards; }
@keyframes up-pay-draw {
  from { stroke-dasharray: 24; stroke-dashoffset: 24; }
  to { stroke-dasharray: 24; stroke-dashoffset: 0; }
}

/* Ожидание: стрелки часов идут по кругу — спокойный знак того, что платёж ещё сверяется. Только transform. */
.up-pay-hand { transform-box: view-box; transform-origin: 12px 12px; animation: up-pay-turn 8s linear infinite; }
.up-pay-hand.is-hour { animation-duration: 96s; }
@keyframes up-pay-turn { to { transform: rotate(360deg); } }