/* Language flags, round: written by .tools/build-flags.mjs, do not edit. */
.flag {
  display: inline-block;
  flex: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: url("flags.svg?v=2551a09f30") 0 0 / 2600% 100% no-repeat;
  box-shadow: inset 0 0 0 1px rgba(19, 19, 18, 0.16);
  vertical-align: middle;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .flag {box-shadow: inset 0 0 0 1px rgba(245, 237, 227, 0.26); }
}
:root[data-theme="dark"] .flag {box-shadow: inset 0 0 0 1px rgba(245, 237, 227, 0.26); }
.flag-us { background-position-x: 0%; }
.flag-tr { background-position-x: 4%; }
.flag-es { background-position-x: 8%; }
.flag-br { background-position-x: 12%; }
.flag-de { background-position-x: 16%; }
.flag-fr { background-position-x: 20%; }
.flag-it { background-position-x: 24%; }
.flag-nl { background-position-x: 28%; }
.flag-pl { background-position-x: 32%; }
.flag-ro { background-position-x: 36%; }
.flag-id { background-position-x: 40%; }
.flag-vn { background-position-x: 44%; }
.flag-gr { background-position-x: 48%; }
.flag-ru { background-position-x: 52%; }
.flag-ua { background-position-x: 56%; }
.flag-bg { background-position-x: 60%; }
.flag-am { background-position-x: 64%; }
.flag-sa { background-position-x: 68%; }
.flag-il { background-position-x: 72%; }
.flag-ir { background-position-x: 76%; }
.flag-jp { background-position-x: 80%; }
.flag-kr { background-position-x: 84%; }
.flag-cn { background-position-x: 88%; }
.flag-tw { background-position-x: 92%; }
.flag-th { background-position-x: 96%; }
.flag-in { background-position-x: 100%; }