/* 像素圖示（ADR-048）—— 由 tools/gen_ui_icons.py 產生，**請勿手改**。 */
/* 用法：<span class="px px-coin"></span>；語意化命名，換圖不用改呼叫點。 */
.px {
  display: inline-block; width: 16px; height: 16px; vertical-align: -3px;
  background-image: url("/assets/ui_icons.png");
  background-size: 512px 16px;
  background-repeat: no-repeat;
  image-rendering: pixelated;   /* 最近鄰放大才會是一格一格 */
  flex: none;
}
.px-coin { background-position-x: -0px; }
.px-gift { background-position-x: -16px; }
.px-sword { background-position-x: -32px; }
.px-beer { background-position-x: -48px; }
.px-chat { background-position-x: -64px; }
.px-crown { background-position-x: -80px; }
.px-shield { background-position-x: -96px; }
.px-mail { background-position-x: -112px; }
.px-dice { background-position-x: -128px; }
.px-mute { background-position-x: -144px; }
.px-boot { background-position-x: -160px; }
.px-star { background-position-x: -176px; }
.px-perform { background-position-x: -192px; }
.px-warn { background-position-x: -208px; }
.px-hammer { background-position-x: -224px; }
.px-move { background-position-x: -240px; }
.px-palette { background-position-x: -256px; }
.px-close { background-position-x: -272px; }
.px-check { background-position-x: -288px; }
.px-reload { background-position-x: -304px; }
.px-rotate { background-position-x: -320px; }
.px-flip { background-position-x: -336px; }
.px-violin { background-position-x: -352px; }
.px-axe { background-position-x: -368px; }
.px-flask { background-position-x: -384px; }
.px-fire { background-position-x: -400px; }
.px-chevron-down { background-position-x: -416px; }
.px-chevron-up { background-position-x: -432px; }
.px-chevron-right { background-position-x: -448px; }
.px-grid { background-position-x: -464px; }
.px-unknown { background-position-x: -480px; }
.px-mug { background-position-x: -496px; }