/* One circle for everything drawn round: the rings of a choice, the dots, the round buttons, the pictures of an account
   (owner, 2026-10-28: «بعضی ها بیضی شدن بعضیا مرکز دایره نیستن»; DECISIONS 36.4). Written by hand; checked by
   design/_tools/check_web_css.py as a component's sheet is. */

/* A circle is as tall as it is wide, whatever the box of the design measured (62.05 × 61.13, 7 × 8 on a phone). */
.circle {
  aspect-ratio: 1;
  block-size: auto;
  border-radius: 50%;
}

/* placed by a box of the design: it keeps the middle of that box */
.at.circle {
  margin-block-start: calc((var(--box-height) - var(--box-width)) / 2);
}