/* DayZ HUD icon helpers.
   Example: <span class="hud-icon hud-icon--battery hud-icon--med" aria-hidden="true"></span> */
.hud-icon {
  --hud-icon-size: 170px;

  display: inline-block;
  flex: 0 0 var(--hud-icon-size);
  width: var(--hud-icon-size);
  height: var(--hud-icon-size);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.hud-icon--full {
  --hud-icon-size: 170px;
}

.hud-icon--big {
  --hud-icon-size: 125px;
}

.hud-icon--med {
  --hud-icon-size: 64px;
}

.hud-icon--small {
  --hud-icon-size: 32px;
}

.hud-icon--min {
  --hud-icon-size: 24px;
}

/* Keeps a decorative HUD icon behind a block's content. */
.hud-block {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.hud-block__content {
  position: relative;
  z-index: 1;
}

.hud-block__icon {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  opacity: 0.16;
}

.hud-block__icon--top-right {
  top: 0;
  right: 0;
  transform: translate(18%, -18%);
}

.hud-block__icon--bottom-right {
  right: 0;
  bottom: 0;
  transform: translate(18%, 18%);
}

.hud-icon--ak-buttstock {
  background-image: url("/img/icons/hud/h_akButtstock.png");
}

.hud-icon--backpack {
  background-image: url("/img/icons/hud/h_backpack.png");
}

.hud-icon--bandage {
  background-image: url("/img/icons/hud/h_bandage.png");
}

.hud-icon--barbed-down {
  background-image: url("/img/icons/hud/h_barbedDown.png");
}

.hud-icon--barbed-up {
  background-image: url("/img/icons/hud/h_barbedUp.png");
}

.hud-icon--barbed-wire {
  background-image: url("/img/icons/hud/h_barbedWire.png");
}

.hud-icon--barrel {
  background-image: url("/img/icons/hud/h_barrel.png");
}

.hud-icon--battery {
  background-image: url("/img/icons/hud/h_battery.png");
}

.hud-icon--bayonet {
  background-image: url("/img/icons/hud/h_bayonet.png");
}

.hud-icon--belt {
  background-image: url("/img/icons/hud/h_belt.png");
}

.hud-icon--berry {
  background-image: url("/img/icons/hud/h_berry.png");
}

.hud-icon--bolt {
  background-image: url("/img/icons/hud/h_bolt.png");
}

.hud-icon--book {
  background-image: url("/img/icons/hud/h_book.png");
}

.hud-icon--bow {
  background-image: url("/img/icons/hud/h_bow.png");
}

.hud-icon--box {
  background-image: url("/img/icons/hud/h_box.png");
}

.hud-icon--brezent {
  background-image: url("/img/icons/hud/h_brezent.png");
}

.hud-icon--bullet {
  background-image: url("/img/icons/hud/h_bullet.png");
}

.hud-icon--camo-gun {
  background-image: url("/img/icons/hud/h_camoGun.png");
}

.hud-icon--campfire {
  background-image: url("/img/icons/hud/h_campfire.png");
}

.hud-icon--camp-flag {
  background-image: url("/img/icons/hud/h_campFlag.png");
}

.hud-icon--camp-ramp {
  background-image: url("/img/icons/hud/h_campRamp.png");
}

.hud-icon--camp-stones {
  background-image: url("/img/icons/hud/h_campStones.png");
}

.hud-icon--camp-stones-big {
  background-image: url("/img/icons/hud/h_campStonesBig.png");
}

.hud-icon--camp-wall {
  background-image: url("/img/icons/hud/h_campWall.png");
}

.hud-icon--camp-wall-complete {
  background-image: url("/img/icons/hud/h_campWallComplete.png");
}

.hud-icon--camp-wall-full {
  background-image: url("/img/icons/hud/h_campWallFull.png");
}

.hud-icon--can-open {
  background-image: url("/img/icons/hud/h_canOpen.png");
}

.hud-icon--car-battery {
  background-image: url("/img/icons/hud/h_carBattery.png");
}

.hud-icon--car-body {
  background-image: url("/img/icons/hud/h_carBody.png");
}

.hud-icon--car-door-back {
  background-image: url("/img/icons/hud/h_carDoorBack.png");
}

.hud-icon--car-door-front {
  background-image: url("/img/icons/hud/h_carDoorFront.png");
}

.hud-icon--car-down {
  background-image: url("/img/icons/hud/h_carDown.png");
}

.hud-icon--car-engine {
  background-image: url("/img/icons/hud/h_carEngine.png");
}

.hud-icon--car-hood {
  background-image: url("/img/icons/hud/h_CarHood.png");
}

.hud-icon--carlamp {
  background-image: url("/img/icons/hud/h_carlamp.png");
}

.hud-icon--carlight {
  background-image: url("/img/icons/hud/h_carlight.png");
}

.hud-icon--car-radiator {
  background-image: url("/img/icons/hud/h_carRadiator.png");
}

.hud-icon--car-supperssor {
  background-image: url("/img/icons/hud/h_carSupperssor.png");
}

.hud-icon--car-trunk {
  background-image: url("/img/icons/hud/h_carTrunk.png");
}

.hud-icon--chemlight {
  background-image: url("/img/icons/hud/h_chemlight.png");
}

.hud-icon--cleaner {
  background-image: url("/img/icons/hud/h_cleaner.png");
}

.hud-icon--cloth {
  background-image: url("/img/icons/hud/h_cloth.png");
}

.hud-icon--codelock {
  background-image: url("/img/icons/hud/h_codelock.png");
}

.hud-icon--coffee {
  background-image: url("/img/icons/hud/h_coffee.png");
}

.hud-icon--colimator {
  background-image: url("/img/icons/hud/h_colimator.png");
}

.hud-icon--compensator {
  background-image: url("/img/icons/hud/h_compensator.png");
}

.hud-icon--cooking {
  background-image: url("/img/icons/hud/h_cooking.png");
}

.hud-icon--cook-pot {
  background-image: url("/img/icons/hud/h_cookPot.png");
}

.hud-icon--explosive {
  background-image: url("/img/icons/hud/h_explosive.png");
}

.hud-icon--feet {
  background-image: url("/img/icons/hud/h_feet.png");
}

.hud-icon--fire-indoor {
  background-image: url("/img/icons/hud/h_fireIndoor.png");
}

.hud-icon--flag {
  background-image: url("/img/icons/hud/h_flag.png");
}

.hud-icon--forest-triagle {
  background-image: url("/img/icons/hud/h_forestTriagle.png");
}

.hud-icon--gas {
  background-image: url("/img/icons/hud/h_gas.png");
}

.hud-icon--gas-filter {
  background-image: url("/img/icons/hud/h_gasFilter.png");
}

.hud-icon--gloves {
  background-image: url("/img/icons/hud/h_gloves.png");
}

.hud-icon--goggles {
  background-image: url("/img/icons/hud/h_goggles.png");
}

.hud-icon--grenade {
  background-image: url("/img/icons/hud/h_grenade.png");
}

.hud-icon--grille {
  background-image: url("/img/icons/hud/h_grille.png");
}

.hud-icon--hand {
  background-image: url("/img/icons/hud/h_hand.png");
}

.hud-icon--handbandage {
  background-image: url("/img/icons/hud/h_handbandage.png");
}

.hud-icon--handcross {
  background-image: url("/img/icons/hud/h_handcross.png");
}

.hud-icon--hat {
  background-image: url("/img/icons/hud/h_hat.png");
}

.hud-icon--heat {
  background-image: url("/img/icons/hud/h_heat.png");
}

.hud-icon--hook {
  background-image: url("/img/icons/hud/h_hook.png");
}

.hud-icon--huinya {
  background-image: url("/img/icons/hud/h_huinya.png");
}

.hud-icon--inventory {
  background-image: url("/img/icons/hud/h_inventory.png");
}

.hud-icon--jacket {
  background-image: url("/img/icons/hud/h_jacket.png");
}

.hud-icon--jacket2 {
  background-image: url("/img/icons/hud/h_jacket2.png");
}

.hud-icon--knife {
  background-image: url("/img/icons/hud/h_knife.png");
}

.hud-icon--knife-wear {
  background-image: url("/img/icons/hud/h_knifeWear.png");
}

.hud-icon--kobura {
  background-image: url("/img/icons/hud/h_kobura.png");
}

.hud-icon--kobura2 {
  background-image: url("/img/icons/hud/h_kobura2.png");
}

.hud-icon--lights {
  background-image: url("/img/icons/hud/h_lights.png");
}

.hud-icon--logs {
  background-image: url("/img/icons/hud/h_logs.png");
}

.hud-icon--mags-pounch {
  background-image: url("/img/icons/hud/h_magsPounch.png");
}

.hud-icon--mask {
  background-image: url("/img/icons/hud/h_mask.png");
}

.hud-icon--mask2 {
  background-image: url("/img/icons/hud/h_mask2.png");
}

.hud-icon--meat {
  background-image: url("/img/icons/hud/h_meat.png");
}

.hud-icon--message {
  background-image: url("/img/icons/hud/h_message.png");
}

.hud-icon--metal-list {
  background-image: url("/img/icons/hud/h_metalList.png");
}

.hud-icon--mosin-mag {
  background-image: url("/img/icons/hud/h_mosinMag.png");
}

.hud-icon--m-priklad {
  background-image: url("/img/icons/hud/h_mPriklad.png");
}

.hud-icon--nails {
  background-image: url("/img/icons/hud/h_nails.png");
}

.hud-icon--naruchniki {
  background-image: url("/img/icons/hud/h_naruchniki.png");
}

.hud-icon--net {
  background-image: url("/img/icons/hud/h_net.png");
}

.hud-icon--optic {
  background-image: url("/img/icons/hud/h_optic.png");
}

.hud-icon--pants {
  background-image: url("/img/icons/hud/h_pants.png");
}

.hud-icon--papper {
  background-image: url("/img/icons/hud/h_papper.png");
}

.hud-icon--pistol {
  background-image: url("/img/icons/hud/h_pistol.png");
}

.hud-icon--pistol-flashlight {
  background-image: url("/img/icons/hud/h_pistolFlashlight.png");
}

.hud-icon--pistol-flashlight-reverse {
  background-image: url("/img/icons/hud/h_pistolFlashlightReverse.png");
}

.hud-icon--pistolmag {
  background-image: url("/img/icons/hud/h_pistolmag.png");
}

.hud-icon--pistol-signal {
  background-image: url("/img/icons/hud/h_pistolSignal.png");
}

.hud-icon--plus {
  background-image: url("/img/icons/hud/h_plus.png");
}

.hud-icon--pnv {
  background-image: url("/img/icons/hud/h_pnv.png");
}

.hud-icon--radio {
  background-image: url("/img/icons/hud/h_radio.png");
}

.hud-icon--radio-compass {
  background-image: url("/img/icons/hud/h_radioCompass.png");
}

.hud-icon--radio-compass-reverse {
  background-image: url("/img/icons/hud/h_radioCompassReverse.png");
}

.hud-icon--riflemag {
  background-image: url("/img/icons/hud/h_riflemag.png");
}

.hud-icon--rope {
  background-image: url("/img/icons/hud/h_rope.png");
}

.hud-icon--semechki {
  background-image: url("/img/icons/hud/h_semechki.png");
}

.hud-icon--skin {
  background-image: url("/img/icons/hud/h_skin.png");
}

.hud-icon--skin-circle {
  background-image: url("/img/icons/hud/h_skinCircle.png");
}

.hud-icon--sparkplug {
  background-image: url("/img/icons/hud/h_sparkplug.png");
}

.hud-icon--sticks {
  background-image: url("/img/icons/hud/h_sticks.png");
}

.hud-icon--sticks2 {
  background-image: url("/img/icons/hud/h_sticks2.png");
}

.hud-icon--sticks-book {
  background-image: url("/img/icons/hud/h_sticksBook.png");
}

.hud-icon--stones {
  background-image: url("/img/icons/hud/h_stones.png");
}

.hud-icon--supperssor {
  background-image: url("/img/icons/hud/h_supperssor.png");
}

.hud-icon--trinoga {
  background-image: url("/img/icons/hud/h_trinoga.png");
}

.hud-icon--trinoga-cook-pot {
  background-image: url("/img/icons/hud/h_trinogaCookPot.png");
}

.hud-icon--visor {
  background-image: url("/img/icons/hud/h_visor.png");
}

.hud-icon--voltage {
  background-image: url("/img/icons/hud/h_voltage.png");
}

.hud-icon--water-can {
  background-image: url("/img/icons/hud/h_waterCan.png");
}

.hud-icon--water-pocket {
  background-image: url("/img/icons/hud/h_waterPocket.png");
}

.hud-icon--weapons {
  background-image: url("/img/icons/hud/h_weapons.png");
}

.hud-icon--weapons-reversed {
  background-image: url("/img/icons/hud/h_weaponsReversed.png");
}

.hud-icon--wheels {
  background-image: url("/img/icons/hud/h_wheels.png");
}

.hud-icon--wheels-double {
  background-image: url("/img/icons/hud/h_wheelsDouble.png");
}

.hud-icon--wire {
  background-image: url("/img/icons/hud/h_wire.png");
}

.hud-icon--wood-cora {
  background-image: url("/img/icons/hud/h_woodCora.png");
}

.hud-icon--wood-crate {
  background-image: url("/img/icons/hud/h_woodCrate.png");
}

.hud-icon--wood-log {
  background-image: url("/img/icons/hud/h_woodLog.png");
}

.hud-icon--wood-log-big {
  background-image: url("/img/icons/hud/h_woodLogBig.png");
}

.hud-icon--wood-log-vertical {
  background-image: url("/img/icons/hud/h_woodLogVertical.png");
}

.hud-icon--wood-plank {
  background-image: url("/img/icons/hud/h_woodPlank.png");
}

.hud-icon--worm {
  background-image: url("/img/icons/hud/h_worm.png");
}