/* Auto-generated by sprite-generator — do not edit */
.px-icon {
  display: inline-block;
  background-repeat: no-repeat;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  vertical-align: middle;
  background-image: url('ui-icons.png');
}

.icon-virus { width: 24px; height: 24px; background-position: 0px 0px; background-size: 224px 112px; }
.icon-coins { width: 24px; height: 24px; background-position: -28px 0px; background-size: 224px 112px; }
.icon-heart { width: 24px; height: 24px; background-position: -56px 0px; background-size: 224px 112px; }
.icon-hospital { width: 24px; height: 24px; background-position: -84px 0px; background-size: 224px 112px; }
.icon-trend-up { width: 24px; height: 24px; background-position: -112px 0px; background-size: 224px 112px; }
.icon-trend-down { width: 24px; height: 24px; background-position: -140px 0px; background-size: 224px 112px; }
.icon-trend-flat { width: 24px; height: 24px; background-position: -168px 0px; background-size: 224px 112px; }
.icon-spread-up { width: 24px; height: 24px; background-position: -196px 0px; background-size: 224px 112px; }
.icon-spread-down { width: 24px; height: 24px; background-position: 0px -28px; background-size: 224px 112px; }
.icon-warning { width: 24px; height: 24px; background-position: -28px -28px; background-size: 224px 112px; }
.icon-lock { width: 24px; height: 24px; background-position: -56px -28px; background-size: 224px 112px; }
.icon-lightning { width: 24px; height: 24px; background-position: -84px -28px; background-size: 224px 112px; }
.icon-lightning-off { width: 24px; height: 24px; background-position: -112px -28px; background-size: 224px 112px; }
.icon-pol-shield { width: 24px; height: 24px; background-position: -140px -28px; background-size: 224px 112px; }
.icon-pol-phone { width: 24px; height: 24px; background-position: -168px -28px; background-size: 224px 112px; }
.icon-pol-flask { width: 24px; height: 24px; background-position: -196px -28px; background-size: 224px 112px; }
.icon-pol-syringe { width: 24px; height: 24px; background-position: 0px -56px; background-size: 224px 112px; }
.icon-pol-medteam { width: 24px; height: 24px; background-position: -28px -56px; background-size: 224px 112px; }
.icon-pol-construct { width: 24px; height: 24px; background-position: -56px -56px; background-size: 224px 112px; }
.icon-pol-tent { width: 24px; height: 24px; background-position: -84px -56px; background-size: 224px 112px; }
.icon-pol-triage { width: 24px; height: 24px; background-position: -112px -56px; background-size: 224px 112px; }
.icon-pol-factory { width: 24px; height: 24px; background-position: -140px -56px; background-size: 224px 112px; }
.icon-pol-laptop { width: 24px; height: 24px; background-position: -168px -56px; background-size: 224px 112px; }
.icon-pol-box { width: 24px; height: 24px; background-position: -196px -56px; background-size: 224px 112px; }
.icon-pol-unlock { width: 24px; height: 24px; background-position: 0px -84px; background-size: 224px 112px; }
.icon-pol-gate { width: 24px; height: 24px; background-position: -28px -84px; background-size: 224px 112px; }
.icon-pol-hands { width: 24px; height: 24px; background-position: -56px -84px; background-size: 224px 112px; }
.icon-pol-heart-green { width: 24px; height: 24px; background-position: -84px -84px; background-size: 224px 112px; }
.icon-pol-paper { width: 24px; height: 24px; background-position: -112px -84px; background-size: 224px 112px; }
.icon-phase-label { width: 24px; height: 24px; background-position: -140px -84px; background-size: 224px 112px; }
.icon-chain-dot-full { width: 24px; height: 24px; background-position: -168px -84px; background-size: 224px 112px; }
.icon-chain-dot-empty { width: 24px; height: 24px; background-position: -196px -84px; background-size: 224px 112px; }

/* Panel nine-patch — Auto-generated */

.panel-dark {
  border: 4px solid transparent;
  border-image-source: url('panel-dark.png');
  border-image-slice: 4 fill;
  border-image-width: 8px;
  border-image-outset: 0;
  border-image-repeat: repeat;
  image-rendering: pixelated;
}

.panel-card {
  border: 4px solid transparent;
  border-image-source: url('panel-card.png');
  border-image-slice: 4 fill;
  border-image-width: 8px;
  border-image-outset: 0;
  border-image-repeat: repeat;
  image-rendering: pixelated;
}

.panel-alert {
  border: 4px solid transparent;
  border-image-source: url('panel-alert.png');
  border-image-slice: 4 fill;
  border-image-width: 8px;
  border-image-outset: 0;
  border-image-repeat: repeat;
  image-rendering: pixelated;
}

/* Card illustration sprites — Auto-generated */
.card-illust {
  display: inline-block;
  background-repeat: no-repeat;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  background-image: url('card-illustrations.png');
}

.illust-lockdown-city { width: 96px; height: 96px; background-position: 0px 0px; background-size: 800px 600px; }
.illust-medical-surge { width: 96px; height: 96px; background-position: -100px 0px; background-size: 800px 600px; }
.illust-economy-crash { width: 96px; height: 96px; background-position: -200px 0px; background-size: 800px 600px; }
.illust-morale-dusk { width: 96px; height: 96px; background-position: -300px 0px; background-size: 800px 600px; }
.illust-supply-depot { width: 96px; height: 96px; background-position: -400px 0px; background-size: 800px 600px; }
.illust-policy-announce { width: 96px; height: 96px; background-position: -500px 0px; background-size: 800px 600px; }
.illust-emergency-fire { width: 96px; height: 96px; background-position: -600px 0px; background-size: 800px 600px; }
.illust-good-news-sun { width: 96px; height: 96px; background-position: -700px 0px; background-size: 800px 600px; }
.illust-lockdown-streets { width: 96px; height: 96px; background-position: 0px -100px; background-size: 800px 600px; }
.illust-lockdown-apartment { width: 96px; height: 96px; background-position: -100px -100px; background-size: 800px 600px; }
.illust-lockdown-checkpoint { width: 96px; height: 96px; background-position: -200px -100px; background-size: 800px 600px; }
.illust-lockdown-night { width: 96px; height: 96px; background-position: -300px -100px; background-size: 800px 600px; }
.illust-lockdown-community { width: 96px; height: 96px; background-position: -400px -100px; background-size: 800px 600px; }
.illust-medical-hospital { width: 96px; height: 96px; background-position: -500px -100px; background-size: 800px 600px; }
.illust-medical-testing { width: 96px; height: 96px; background-position: -600px -100px; background-size: 800px 600px; }
.illust-medical-supplies { width: 96px; height: 96px; background-position: -700px -100px; background-size: 800px 600px; }
.illust-medical-vaccine { width: 96px; height: 96px; background-position: 0px -200px; background-size: 800px 600px; }
.illust-medical-emergency { width: 96px; height: 96px; background-position: -100px -200px; background-size: 800px 600px; }
.illust-economy-shutdown { width: 96px; height: 96px; background-position: -200px -200px; background-size: 800px 600px; }
.illust-economy-market { width: 96px; height: 96px; background-position: -300px -200px; background-size: 800px 600px; }
.illust-economy-workers { width: 96px; height: 96px; background-position: -400px -200px; background-size: 800px 600px; }
.illust-economy-recovery { width: 96px; height: 96px; background-position: -500px -200px; background-size: 800px 600px; }
.illust-economy-trade { width: 96px; height: 96px; background-position: -600px -200px; background-size: 800px 600px; }
.illust-morale-isolation { width: 96px; height: 96px; background-position: -700px -200px; background-size: 800px 600px; }
.illust-morale-community { width: 96px; height: 96px; background-position: 0px -300px; background-size: 800px 600px; }
.illust-morale-night { width: 96px; height: 96px; background-position: -100px -300px; background-size: 800px 600px; }
.illust-morale-hope { width: 96px; height: 96px; background-position: -200px -300px; background-size: 800px 600px; }
.illust-morale-protest { width: 96px; height: 96px; background-position: -300px -300px; background-size: 800px 600px; }
.illust-supply-delivery { width: 96px; height: 96px; background-position: -400px -300px; background-size: 800px 600px; }
.illust-supply-shortage { width: 96px; height: 96px; background-position: -500px -300px; background-size: 800px 600px; }
.illust-supply-warehouse { width: 96px; height: 96px; background-position: -600px -300px; background-size: 800px 600px; }
.illust-supply-distribution { width: 96px; height: 96px; background-position: -700px -300px; background-size: 800px 600px; }
.illust-supply-logistics { width: 96px; height: 96px; background-position: 0px -400px; background-size: 800px 600px; }
.illust-policy-meeting { width: 96px; height: 96px; background-position: -100px -400px; background-size: 800px 600px; }
.illust-policy-broadcast { width: 96px; height: 96px; background-position: -200px -400px; background-size: 800px 600px; }
.illust-policy-enforcement { width: 96px; height: 96px; background-position: -300px -400px; background-size: 800px 600px; }
.illust-policy-reform { width: 96px; height: 96px; background-position: -400px -400px; background-size: 800px 600px; }
.illust-policy-cooperation { width: 96px; height: 96px; background-position: -500px -400px; background-size: 800px 600px; }
.illust-emergency-outbreak { width: 96px; height: 96px; background-position: -600px -400px; background-size: 800px 600px; }
.illust-emergency-evacuation { width: 96px; height: 96px; background-position: -700px -400px; background-size: 800px 600px; }
.illust-emergency-rescue { width: 96px; height: 96px; background-position: 0px -500px; background-size: 800px 600px; }
.illust-emergency-crisis { width: 96px; height: 96px; background-position: -100px -500px; background-size: 800px 600px; }
.illust-emergency-response { width: 96px; height: 96px; background-position: -200px -500px; background-size: 800px 600px; }
.illust-positive-recovery { width: 96px; height: 96px; background-position: -300px -500px; background-size: 800px 600px; }
.illust-positive-celebration { width: 96px; height: 96px; background-position: -400px -500px; background-size: 800px 600px; }
.illust-positive-reunion { width: 96px; height: 96px; background-position: -500px -500px; background-size: 800px 600px; }
.illust-positive-reopening { width: 96px; height: 96px; background-position: -600px -500px; background-size: 800px 600px; }
.illust-positive-heroes { width: 96px; height: 96px; background-position: -700px -500px; background-size: 800px 600px; }

/* Stamp sprites — Auto-generated */
.stamp-icon {
  display: inline-block;
  background-repeat: no-repeat;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  background-image: url('stamps.png');
}

.stamp-grade-s { width: 32px; height: 32px; background-position: 0px 0px; background-size: 216px 36px; }
.stamp-grade-a { width: 32px; height: 32px; background-position: -36px 0px; background-size: 216px 36px; }
.stamp-grade-b { width: 32px; height: 32px; background-position: -72px 0px; background-size: 216px 36px; }
.stamp-grade-c { width: 32px; height: 32px; background-position: -108px 0px; background-size: 216px 36px; }
.stamp-grade-d { width: 32px; height: 32px; background-position: -144px 0px; background-size: 216px 36px; }
.stamp-dilemma-stamp { width: 32px; height: 32px; background-position: -180px 0px; background-size: 216px 36px; }

/* Ending scene sprites — Auto-generated */
.ending-scene {
  display: inline-block;
  background-repeat: no-repeat;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  background-image: url('ending-scenes.png');
}

.ending-ending-infection { width: 240px; height: 160px; background-position: 0px 0px; background-size: 732px 328px; }
.ending-ending-economy { width: 240px; height: 160px; background-position: -244px 0px; background-size: 732px 328px; }
.ending-ending-morale { width: 240px; height: 160px; background-position: -488px 0px; background-size: 732px 328px; }
.ending-ending-medical { width: 240px; height: 160px; background-position: 0px -164px; background-size: 732px 328px; }
.ending-ending-victory { width: 240px; height: 160px; background-position: -244px -164px; background-size: 732px 328px; }
.ending-ending-perfect { width: 240px; height: 160px; background-position: -488px -164px; background-size: 732px 328px; }

/* City thumbnail sprites — Auto-generated */
.city-thumb {
  display: inline-block;
  background-repeat: no-repeat;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  background-image: url('city-thumbnails.png');
}

.thumb-city-wuhan { width: 128px; height: 96px; background-position: 0px 0px; background-size: 660px 100px; }
.thumb-city-shanghai { width: 128px; height: 96px; background-position: -132px 0px; background-size: 660px 100px; }
.thumb-city-beijing { width: 128px; height: 96px; background-position: -264px 0px; background-size: 660px 100px; }
.thumb-city-urumqi { width: 128px; height: 96px; background-position: -396px 0px; background-size: 660px 100px; }
.thumb-city-custom { width: 128px; height: 96px; background-position: -528px 0px; background-size: 660px 100px; }