@layer icons {

  [data-icon^=item],
  [data-icon^=recipe],
  [data-icon^=tech] {
    width: 80px;
    aspect-ratio: 1
  }

  [data-icon^=item],
  [data-icon^=recipe] {
    background: var(--icon-image) top left / 1400% auto no-repeat;
    background-image: -webkit-image-set(var(--icon-image) type("image/webp"));
    background-image: image-set(var(--icon-image) type("image/webp"));
  }

  [data-icon="item.1001"] {
    background-position: 0% 0%
  }

  [data-icon="item.1002"] {
    background-position: 7.6923% 0%
  }

  [data-icon="item.1003"] {
    background-position: 15.3846% 0%
  }

  [data-icon="item.1004"] {
    background-position: 23.0769% 0%
  }

  [data-icon="item.1005"] {
    background-position: 30.7692% 0%
  }

  [data-icon="item.1006"] {
    background-position: 38.4615% 0%
  }

  [data-icon="item.1030"] {
    background-position: 46.1538% 0%
  }

  [data-icon="item.1031"] {
    background-position: 53.8461% 0%
  }

  [data-icon="item.1011"] {
    background-position: 61.5384% 0%
  }

  [data-icon="item.1012"] {
    background-position: 69.2307% 0%
  }

  [data-icon="item.1013"] {
    background-position: 76.9230% 0%
  }

  [data-icon="item.1014"] {
    background-position: 84.6153% 0%
  }

  [data-icon="item.1015"] {
    background-position: 92.3076% 0%
  }

  [data-icon="item.1016"] {
    background-position: 100% 0%
  }

  [data-icon="item.1101"] {
    background-position: 0% 7.6923%
  }

  [data-icon="item.1104"] {
    background-position: 7.6923% 7.6923%
  }

  [data-icon="item.1105"] {
    background-position: 15.3846% 7.6923%
  }

  [data-icon="item.1106"] {
    background-position: 23.0769% 7.6923%
  }

  [data-icon="item.1108"] {
    background-position: 30.7692% 7.6923%
  }

  [data-icon="item.1109"] {
    background-position: 38.4615% 7.6923%
  }

  [data-icon="item.1103"] {
    background-position: 46.1538% 7.6923%
  }

  [data-icon="item.1107"] {
    background-position: 53.8461% 7.6923%
  }

  [data-icon="item.1110"] {
    background-position: 61.5384% 7.6923%
  }

  [data-icon="item.1119"] {
    background-position: 69.2307% 7.6923%
  }

  [data-icon="item.1111"] {
    background-position: 76.9230% 7.6923%
  }

  [data-icon="item.1112"] {
    background-position: 84.6153% 7.6923%
  }

  [data-icon="item.1113"] {
    background-position: 92.3076% 7.6923%
  }

  [data-icon="item.1201"] {
    background-position: 100% 7.6923%
  }

  [data-icon="item.1102"] {
    background-position: 0% 15.3846%
  }

  [data-icon="item.1202"] {
    background-position: 7.6923% 15.3846%
  }

  [data-icon="item.1203"] {
    background-position: 15.3846% 15.3846%
  }

  [data-icon="item.1204"] {
    background-position: 23.0769% 15.3846%
  }

  [data-icon="item.1205"] {
    background-position: 30.7692% 15.3846%
  }

  [data-icon="item.1206"] {
    background-position: 38.4615% 15.3846%
  }

  [data-icon="item.1127"] {
    background-position: 46.1538% 15.3846%
  }

  [data-icon="item.1301"] {
    background-position: 53.8461% 15.3846%
  }

  [data-icon="item.1303"] {
    background-position: 61.5384% 15.3846%
  }

  [data-icon="item.1305"] {
    background-position: 69.2307% 15.3846%
  }

  [data-icon="item.1302"] {
    background-position: 76.9230% 15.3846%
  }

  [data-icon="item.1304"] {
    background-position: 84.6153% 15.3846%
  }

  [data-icon="item.1402"] {
    background-position: 92.3076% 15.3846%
  }

  [data-icon="item.1401"] {
    background-position: 100% 15.3846%
  }

  [data-icon="item.1404"] {
    background-position: 0% 23.0769%
  }

  [data-icon="item.1501"] {
    background-position: 7.6923% 23.0769%
  }

  [data-icon="item.1000"] {
    background-position: 15.3846% 23.0769%
  }

  [data-icon="item.1007"] {
    background-position: 23.0769% 23.0769%
  }

  [data-icon="item.1114"] {
    background-position: 30.7692% 23.0769%
  }

  [data-icon="item.1116"] {
    background-position: 38.4615% 23.0769%
  }

  [data-icon="item.1120"] {
    background-position: 46.1538% 23.0769%
  }

  [data-icon="item.1121"] {
    background-position: 53.8461% 23.0769%
  }

  [data-icon="item.1122"] {
    background-position: 61.5384% 23.0769%
  }

  [data-icon="item.1208"] {
    background-position: 69.2307% 23.0769%
  }

  [data-icon="item.1801"] {
    background-position: 76.9230% 23.0769%
  }

  [data-icon="item.1802"] {
    background-position: 84.6153% 23.0769%
  }

  [data-icon="item.1803"] {
    background-position: 92.3076% 23.0769%
  }

  [data-icon="item.1804"] {
    background-position: 100% 23.0769%
  }

  [data-icon="item.1115"] {
    background-position: 0% 30.7692%
  }

  [data-icon="item.1123"] {
    background-position: 7.6923% 30.7692%
  }

  [data-icon="item.1124"] {
    background-position: 15.3846% 30.7692%
  }

  [data-icon="item.1117"] {
    background-position: 23.0769% 30.7692%
  }

  [data-icon="item.1118"] {
    background-position: 30.7692% 30.7692%
  }

  [data-icon="item.1126"] {
    background-position: 38.4615% 30.7692%
  }

  [data-icon="item.1128"] {
    background-position: 46.1538% 30.7692%
  }

  [data-icon="item.1129"] {
    background-position: 53.8461% 30.7692%
  }

  [data-icon="item.1130"] {
    background-position: 61.5384% 30.7692%
  }

  [data-icon="item.1209"] {
    background-position: 69.2307% 30.7692%
  }

  [data-icon="item.1210"] {
    background-position: 76.9230% 30.7692%
  }

  [data-icon="item.1403"] {
    background-position: 84.6153% 30.7692%
  }

  [data-icon="item.1407"] {
    background-position: 92.3076% 30.7692%
  }

  [data-icon="item.1405"] {
    background-position: 100% 30.7692%
  }

  [data-icon="item.1406"] {
    background-position: 0% 38.4615%
  }

  [data-icon="item.5003"] {
    background-position: 7.6923% 38.4615%
  }

  [data-icon="item.5001"] {
    background-position: 15.3846% 38.4615%
  }

  [data-icon="item.5002"] {
    background-position: 23.0769% 38.4615%
  }

  [data-icon="item.1125"] {
    background-position: 30.7692% 38.4615%
  }

  [data-icon="item.1502"] {
    background-position: 38.4615% 38.4615%
  }

  [data-icon="item.1503"] {
    background-position: 46.1538% 38.4615%
  }

  [data-icon="item.1131"] {
    background-position: 53.8461% 38.4615%
  }

  [data-icon="item.1141"] {
    background-position: 61.5384% 38.4615%
  }

  [data-icon="item.1142"] {
    background-position: 69.2307% 38.4615%
  }

  [data-icon="item.1143"] {
    background-position: 76.9230% 38.4615%
  }

  [data-icon="item.1601"] {
    background-position: 84.6153% 38.4615%
  }

  [data-icon="item.1602"] {
    background-position: 92.3076% 38.4615%
  }

  [data-icon="item.1603"] {
    background-position: 100% 38.4615%
  }

  [data-icon="item.1604"] {
    background-position: 0% 46.1538%
  }

  [data-icon="item.1605"] {
    background-position: 7.6923% 46.1538%
  }

  [data-icon="item.1606"] {
    background-position: 15.3846% 46.1538%
  }

  [data-icon="item.1607"] {
    background-position: 23.0769% 46.1538%
  }

  [data-icon="item.1608"] {
    background-position: 30.7692% 46.1538%
  }

  [data-icon="item.1609"] {
    background-position: 38.4615% 46.1538%
  }

  [data-icon="item.1610"] {
    background-position: 46.1538% 46.1538%
  }

  [data-icon="item.1611"] {
    background-position: 53.8461% 46.1538%
  }

  [data-icon="item.1612"] {
    background-position: 61.5384% 46.1538%
  }

  [data-icon="item.1613"] {
    background-position: 69.2307% 46.1538%
  }

  [data-icon="item.5101"] {
    background-position: 76.9230% 46.1538%
  }

  [data-icon="item.5102"] {
    background-position: 84.6153% 46.1538%
  }

  [data-icon="item.5103"] {
    background-position: 92.3076% 46.1538%
  }

  [data-icon="item.5111"] {
    background-position: 100% 46.1538%
  }

  [data-icon="item.5112"] {
    background-position: 0% 53.8461%
  }

  [data-icon="item.5201"] {
    background-position: 7.6923% 53.8461%
  }

  [data-icon="item.5202"] {
    background-position: 15.3846% 53.8461%
  }

  [data-icon="item.5203"] {
    background-position: 23.0769% 53.8461%
  }

  [data-icon="item.5204"] {
    background-position: 30.7692% 53.8461%
  }

  [data-icon="item.5205"] {
    background-position: 38.4615% 53.8461%
  }

  [data-icon="item.5206"] {
    background-position: 46.1538% 53.8461%
  }

  [data-icon="item.2001"] {
    background-position: 53.8461% 53.8461%
  }

  [data-icon="item.2002"] {
    background-position: 61.5384% 53.8461%
  }

  [data-icon="item.2003"] {
    background-position: 69.2307% 53.8461%
  }

  [data-icon="item.2011"] {
    background-position: 76.9230% 53.8461%
  }

  [data-icon="item.2012"] {
    background-position: 84.6153% 53.8461%
  }

  [data-icon="item.2013"] {
    background-position: 92.3076% 53.8461%
  }

  [data-icon="item.2014"] {
    background-position: 100% 53.8461%
  }

  [data-icon="item.2020"] {
    background-position: 0% 61.5384%
  }

  [data-icon="item.2040"] {
    background-position: 7.6923% 61.5384%
  }

  [data-icon="item.2030"] {
    background-position: 15.3846% 61.5384%
  }

  [data-icon="item.2313"] {
    background-position: 23.0769% 61.5384%
  }

  [data-icon="item.2107"] {
    background-position: 30.7692% 61.5384%
  }

  [data-icon="item.2101"] {
    background-position: 38.4615% 61.5384%
  }

  [data-icon="item.2102"] {
    background-position: 46.1538% 61.5384%
  }

  [data-icon="item.2106"] {
    background-position: 53.8461% 61.5384%
  }

  [data-icon="item.2303"] {
    background-position: 61.5384% 61.5384%
  }

  [data-icon="item.2304"] {
    background-position: 69.2307% 61.5384%
  }

  [data-icon="item.2305"] {
    background-position: 76.9230% 61.5384%
  }

  [data-icon="item.2318"] {
    background-position: 84.6153% 61.5384%
  }

  [data-icon="item.2201"] {
    background-position: 92.3076% 61.5384%
  }

  [data-icon="item.2202"] {
    background-position: 100% 61.5384%
  }

  [data-icon="item.2212"] {
    background-position: 0% 69.2307%
  }

  [data-icon="item.2203"] {
    background-position: 7.6923% 69.2307%
  }

  [data-icon="item.2204"] {
    background-position: 15.3846% 69.2307%
  }

  [data-icon="item.2211"] {
    background-position: 23.0769% 69.2307%
  }

  [data-icon="item.2213"] {
    background-position: 30.7692% 69.2307%
  }

  [data-icon="item.2301"] {
    background-position: 38.4615% 69.2307%
  }

  [data-icon="item.2316"] {
    background-position: 46.1538% 69.2307%
  }

  [data-icon="item.2306"] {
    background-position: 53.8461% 69.2307%
  }

  [data-icon="item.2302"] {
    background-position: 61.5384% 69.2307%
  }

  [data-icon="item.2315"] {
    background-position: 69.2307% 69.2307%
  }

  [data-icon="item.2319"] {
    background-position: 76.9230% 69.2307%
  }

  [data-icon="item.2307"] {
    background-position: 84.6153% 69.2307%
  }

  [data-icon="item.2308"] {
    background-position: 92.3076% 69.2307%
  }

  [data-icon="item.2309"] {
    background-position: 100% 69.2307%
  }

  [data-icon="item.2317"] {
    background-position: 0% 76.9230%
  }

  [data-icon="item.2314"] {
    background-position: 7.6923% 76.9230%
  }

  [data-icon="item.2205"] {
    background-position: 15.3846% 76.9230%
  }

  [data-icon="item.2206"] {
    background-position: 23.0769% 76.9230%
  }

  [data-icon="item.2207"] {
    background-position: 30.7692% 76.9230%
  }

  [data-icon="item.2311"] {
    background-position: 38.4615% 76.9230%
  }

  [data-icon="item.2208"] {
    background-position: 46.1538% 76.9230%
  }

  [data-icon="item.2312"] {
    background-position: 53.8461% 76.9230%
  }

  [data-icon="item.2209"] {
    background-position: 61.5384% 76.9230%
  }

  [data-icon="item.2310"] {
    background-position: 69.2307% 76.9230%
  }

  [data-icon="item.2210"] {
    background-position: 76.9230% 76.9230%
  }

  [data-icon="item.2103"] {
    background-position: 84.6153% 76.9230%
  }

  [data-icon="item.2104"] {
    background-position: 92.3076% 76.9230%
  }

  [data-icon="item.2105"] {
    background-position: 100% 76.9230%
  }

  [data-icon="item.2901"] {
    background-position: 0% 84.6153%
  }

  [data-icon="item.2902"] {
    background-position: 7.6923% 84.6153%
  }

  [data-icon="item.3001"] {
    background-position: 15.3846% 84.6153%
  }

  [data-icon="item.3002"] {
    background-position: 23.0769% 84.6153%
  }

  [data-icon="item.3003"] {
    background-position: 30.7692% 84.6153%
  }

  [data-icon="item.3004"] {
    background-position: 38.4615% 84.6153%
  }

  [data-icon="item.3005"] {
    background-position: 46.1538% 84.6153%
  }

  [data-icon="item.3006"] {
    background-position: 53.8461% 84.6153%
  }

  [data-icon="item.3007"] {
    background-position: 61.5384% 84.6153%
  }

  [data-icon="item.3008"] {
    background-position: 69.2307% 84.6153%
  }

  [data-icon="item.3009"] {
    background-position: 76.9230% 84.6153%
  }

  [data-icon="item.3010"] {
    background-position: 84.6153% 84.6153%
  }

  [data-icon="item.6001"] {
    background-position: 92.3076% 84.6153%
  }

  [data-icon="item.6002"] {
    background-position: 100% 84.6153%
  }

  [data-icon="item.6003"] {
    background-position: 0% 92.3076%
  }

  [data-icon="item.6004"] {
    background-position: 7.6923% 92.3076%
  }

  [data-icon="item.6005"] {
    background-position: 15.3846% 92.3076%
  }

  [data-icon="item.6006"] {
    background-position: 23.0769% 92.3076%
  }

  [data-icon="recipe.16"] {
    background-position: 30.7692% 92.3076%
  }

  [data-icon="recipe.29"] {
    background-position: 38.4615% 92.3076%
  }

  [data-icon="recipe.32"] {
    background-position: 46.1538% 92.3076%
  }

  [data-icon="recipe.35"] {
    background-position: 53.8461% 92.3076%
  }

  [data-icon="recipe.54"] {
    background-position: 61.5384% 92.3076%
  }

  [data-icon="recipe.58"] {
    background-position: 69.2307% 92.3076%
  }

  [data-icon="recipe.61"] {
    background-position: 76.9230% 92.3076%
  }

  [data-icon="recipe.62"] {
    background-position: 84.6153% 92.3076%
  }

  [data-icon="recipe.69"] {
    background-position: 92.3076% 92.3076%
  }

  [data-icon="recipe.74"] {
    background-position: 100% 92.3076%
  }

  [data-icon="recipe.79"] {
    background-position: 0% 100%
  }

  [data-icon="recipe.100"] {
    background-position: 7.6923% 100%
  }

  [data-icon="recipe.115"] {
    background-position: 15.3846% 100%
  }

  [data-icon="recipe.121"] {
    background-position: 23.0769% 100%
  }

  [data-icon="tech.1"] {
    background-position: 0% 0%;
    --x: 0;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1001"] {
    background-position: 5.8823% 0%;
    --x: 1;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1002"] {
    background-position: 11.7647% 0%;
    --x: 2;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1101"] {
    background-position: 17.6470% 0%;
    --x: 3;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1102"] {
    background-position: 23.5294% 0%;
    --x: 4;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1103"] {
    background-position: 29.4117% 0%;
    --x: 5;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1104"] {
    background-position: 35.2941% 0%;
    --x: 6;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1111"] {
    background-position: 41.1764% 0%;
    --x: 7;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1112"] {
    background-position: 47.0588% 0%;
    --x: 8;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1113"] {
    background-position: 52.9411% 0%;
    --x: 9;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1114"] {
    background-position: 58.8235% 0%;
    --x: 10;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1120"] {
    background-position: 64.7058% 0%;
    --x: 11;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1121"] {
    background-position: 70.5882% 0%;
    --x: 12;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1122"] {
    background-position: 76.4705% 0%;
    --x: 13;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1123"] {
    background-position: 82.3529% 0%;
    --x: 14;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1124"] {
    background-position: 88.2352% 0%;
    --x: 15;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1125"] {
    background-position: 94.1176% 0%;
    --x: 16;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1126"] {
    background-position: 100% 0%;
    --x: 17;
    --y: 0;
    --rows: 14
  }

  [data-icon="tech.1131"] {
    background-position: 0% 5.8823%;
    --x: 0;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1132"] {
    background-position: 5.8823% 5.8823%;
    --x: 1;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1133"] {
    background-position: 11.7647% 5.8823%;
    --x: 2;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1134"] {
    background-position: 17.6470% 5.8823%;
    --x: 3;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1141"] {
    background-position: 23.5294% 5.8823%;
    --x: 4;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1142"] {
    background-position: 29.4117% 5.8823%;
    --x: 5;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1143"] {
    background-position: 35.2941% 5.8823%;
    --x: 6;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1144"] {
    background-position: 41.1764% 5.8823%;
    --x: 7;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1145"] {
    background-position: 47.0588% 5.8823%;
    --x: 8;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1151"] {
    background-position: 52.9411% 5.8823%;
    --x: 9;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1152"] {
    background-position: 58.8235% 5.8823%;
    --x: 10;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1153"] {
    background-position: 64.7058% 5.8823%;
    --x: 11;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1201"] {
    background-position: 70.5882% 5.8823%;
    --x: 12;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1202"] {
    background-position: 76.4705% 5.8823%;
    --x: 13;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1203"] {
    background-position: 82.3529% 5.8823%;
    --x: 14;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1302"] {
    background-position: 88.2352% 5.8823%;
    --x: 15;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1303"] {
    background-position: 94.1176% 5.8823%;
    --x: 16;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1304"] {
    background-position: 100% 5.8823%;
    --x: 17;
    --y: 1;
    --rows: 14
  }

  [data-icon="tech.1305"] {
    background-position: 0% 11.7647%;
    --x: 0;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1311"] {
    background-position: 5.8823% 11.7647%;
    --x: 1;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1312"] {
    background-position: 11.7647% 11.7647%;
    --x: 2;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1401"] {
    background-position: 17.6470% 11.7647%;
    --x: 3;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1402"] {
    background-position: 23.5294% 11.7647%;
    --x: 4;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1403"] {
    background-position: 29.4117% 11.7647%;
    --x: 5;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1411"] {
    background-position: 35.2941% 11.7647%;
    --x: 6;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1412"] {
    background-position: 41.1764% 11.7647%;
    --x: 7;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1413"] {
    background-position: 47.0588% 11.7647%;
    --x: 8;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1414"] {
    background-position: 52.9411% 11.7647%;
    --x: 9;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1415"] {
    background-position: 58.8235% 11.7647%;
    --x: 10;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1416"] {
    background-position: 64.7058% 11.7647%;
    --x: 11;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1417"] {
    background-position: 70.5882% 11.7647%;
    --x: 12;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1501"] {
    background-position: 76.4705% 11.7647%;
    --x: 13;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1502"] {
    background-position: 82.3529% 11.7647%;
    --x: 14;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1503"] {
    background-position: 88.2352% 11.7647%;
    --x: 15;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1504"] {
    background-position: 94.1176% 11.7647%;
    --x: 16;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1505"] {
    background-position: 100% 11.7647%;
    --x: 17;
    --y: 2;
    --rows: 14
  }

  [data-icon="tech.1506"] {
    background-position: 0% 17.6470%;
    --x: 0;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1507"] {
    background-position: 5.8823% 17.6470%;
    --x: 1;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1508"] {
    background-position: 11.7647% 17.6470%;
    --x: 2;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1511"] {
    background-position: 17.6470% 17.6470%;
    --x: 3;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1512"] {
    background-position: 23.5294% 17.6470%;
    --x: 4;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1513"] {
    background-position: 29.4117% 17.6470%;
    --x: 5;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1521"] {
    background-position: 35.2941% 17.6470%;
    --x: 6;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1522"] {
    background-position: 41.1764% 17.6470%;
    --x: 7;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1523"] {
    background-position: 47.0588% 17.6470%;
    --x: 8;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1601"] {
    background-position: 52.9411% 17.6470%;
    --x: 9;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1602"] {
    background-position: 58.8235% 17.6470%;
    --x: 10;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1603"] {
    background-position: 64.7058% 17.6470%;
    --x: 11;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1604"] {
    background-position: 70.5882% 17.6470%;
    --x: 12;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1605"] {
    background-position: 76.4705% 17.6470%;
    --x: 13;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1606"] {
    background-position: 82.3529% 17.6470%;
    --x: 14;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1607"] {
    background-position: 88.2352% 17.6470%;
    --x: 15;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1608"] {
    background-position: 94.1176% 17.6470%;
    --x: 16;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1701"] {
    background-position: 100% 17.6470%;
    --x: 17;
    --y: 3;
    --rows: 14
  }

  [data-icon="tech.1702"] {
    background-position: 0% 23.5294%;
    --x: 0;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1703"] {
    background-position: 5.8823% 23.5294%;
    --x: 1;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1704"] {
    background-position: 11.7647% 23.5294%;
    --x: 2;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1705"] {
    background-position: 17.6470% 23.5294%;
    --x: 3;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1711"] {
    background-position: 23.5294% 23.5294%;
    --x: 4;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1712"] {
    background-position: 29.4117% 23.5294%;
    --x: 5;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1801"] {
    background-position: 35.2941% 23.5294%;
    --x: 6;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1802"] {
    background-position: 41.1764% 23.5294%;
    --x: 7;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1803"] {
    background-position: 47.0588% 23.5294%;
    --x: 8;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1804"] {
    background-position: 52.9411% 23.5294%;
    --x: 9;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1805"] {
    background-position: 58.8235% 23.5294%;
    --x: 10;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1806"] {
    background-position: 64.7058% 23.5294%;
    --x: 11;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1807"] {
    background-position: 70.5882% 23.5294%;
    --x: 12;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1808"] {
    background-position: 76.4705% 23.5294%;
    --x: 13;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1809"] {
    background-position: 82.3529% 23.5294%;
    --x: 14;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1810"] {
    background-position: 88.2352% 23.5294%;
    --x: 15;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1811"] {
    background-position: 94.1176% 23.5294%;
    --x: 16;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1812"] {
    background-position: 100% 23.5294%;
    --x: 17;
    --y: 4;
    --rows: 14
  }

  [data-icon="tech.1813"] {
    background-position: 0% 29.4117%;
    --x: 0;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1814"] {
    background-position: 5.8823% 29.4117%;
    --x: 1;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1815"] {
    background-position: 11.7647% 29.4117%;
    --x: 2;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1816"] {
    background-position: 17.6470% 29.4117%;
    --x: 3;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1817"] {
    background-position: 23.5294% 29.4117%;
    --x: 4;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1818"] {
    background-position: 29.4117% 29.4117%;
    --x: 5;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1819"] {
    background-position: 35.2941% 29.4117%;
    --x: 6;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1820"] {
    background-position: 41.1764% 29.4117%;
    --x: 7;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1821"] {
    background-position: 47.0588% 29.4117%;
    --x: 8;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1822"] {
    background-position: 52.9411% 29.4117%;
    --x: 9;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1823"] {
    background-position: 58.8235% 29.4117%;
    --x: 10;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1824"] {
    background-position: 64.7058% 29.4117%;
    --x: 11;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1826"] {
    background-position: 70.5882% 29.4117%;
    --x: 12;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1901"] {
    background-position: 76.4705% 29.4117%;
    --x: 13;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1902"] {
    background-position: 82.3529% 29.4117%;
    --x: 14;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1903"] {
    background-position: 88.2352% 29.4117%;
    --x: 15;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.1904"] {
    background-position: 94.1176% 29.4117%;
    --x: 16;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.2101"] {
    background-position: 100% 29.4117%;
    --x: 17;
    --y: 5;
    --rows: 14
  }

  [data-icon="tech.2102"] {
    background-position: 0% 35.2941%;
    --x: 0;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2103"] {
    background-position: 5.8823% 35.2941%;
    --x: 1;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2104"] {
    background-position: 11.7647% 35.2941%;
    --x: 2;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2105"] {
    background-position: 17.6470% 35.2941%;
    --x: 3;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2106"] {
    background-position: 23.5294% 35.2941%;
    --x: 4;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2201"] {
    background-position: 29.4117% 35.2941%;
    --x: 5;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2202"] {
    background-position: 35.2941% 35.2941%;
    --x: 6;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2203"] {
    background-position: 41.1764% 35.2941%;
    --x: 7;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2204"] {
    background-position: 47.0588% 35.2941%;
    --x: 8;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2205"] {
    background-position: 52.9411% 35.2941%;
    --x: 9;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2206"] {
    background-position: 58.8235% 35.2941%;
    --x: 10;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2207"] {
    background-position: 64.7058% 35.2941%;
    --x: 11;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2208"] {
    background-position: 70.5882% 35.2941%;
    --x: 12;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2301"] {
    background-position: 76.4705% 35.2941%;
    --x: 13;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2302"] {
    background-position: 82.3529% 35.2941%;
    --x: 14;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2303"] {
    background-position: 88.2352% 35.2941%;
    --x: 15;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2304"] {
    background-position: 94.1176% 35.2941%;
    --x: 16;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2305"] {
    background-position: 100% 35.2941%;
    --x: 17;
    --y: 6;
    --rows: 14
  }

  [data-icon="tech.2306"] {
    background-position: 0% 41.1764%;
    --x: 0;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2307"] {
    background-position: 5.8823% 41.1764%;
    --x: 1;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2401"] {
    background-position: 11.7647% 41.1764%;
    --x: 2;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2402"] {
    background-position: 17.6470% 41.1764%;
    --x: 3;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2403"] {
    background-position: 23.5294% 41.1764%;
    --x: 4;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2404"] {
    background-position: 29.4117% 41.1764%;
    --x: 5;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2405"] {
    background-position: 35.2941% 41.1764%;
    --x: 6;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2406"] {
    background-position: 41.1764% 41.1764%;
    --x: 7;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2407"] {
    background-position: 47.0588% 41.1764%;
    --x: 8;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2501"] {
    background-position: 52.9411% 41.1764%;
    --x: 9;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2502"] {
    background-position: 58.8235% 41.1764%;
    --x: 10;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2503"] {
    background-position: 64.7058% 41.1764%;
    --x: 11;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2504"] {
    background-position: 70.5882% 41.1764%;
    --x: 12;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2505"] {
    background-position: 76.4705% 41.1764%;
    --x: 13;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2506"] {
    background-position: 82.3529% 41.1764%;
    --x: 14;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2601"] {
    background-position: 88.2352% 41.1764%;
    --x: 15;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2602"] {
    background-position: 94.1176% 41.1764%;
    --x: 16;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2603"] {
    background-position: 100% 41.1764%;
    --x: 17;
    --y: 7;
    --rows: 14
  }

  [data-icon="tech.2604"] {
    background-position: 0% 47.0588%;
    --x: 0;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2605"] {
    background-position: 5.8823% 47.0588%;
    --x: 1;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2606"] {
    background-position: 11.7647% 47.0588%;
    --x: 2;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2701"] {
    background-position: 17.6470% 47.0588%;
    --x: 3;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2702"] {
    background-position: 23.5294% 47.0588%;
    --x: 4;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2703"] {
    background-position: 29.4117% 47.0588%;
    --x: 5;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2704"] {
    background-position: 35.2941% 47.0588%;
    --x: 6;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2705"] {
    background-position: 41.1764% 47.0588%;
    --x: 7;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2801"] {
    background-position: 47.0588% 47.0588%;
    --x: 8;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2802"] {
    background-position: 52.9411% 47.0588%;
    --x: 9;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2803"] {
    background-position: 58.8235% 47.0588%;
    --x: 10;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2804"] {
    background-position: 64.7058% 47.0588%;
    --x: 11;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2805"] {
    background-position: 70.5882% 47.0588%;
    --x: 12;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2806"] {
    background-position: 76.4705% 47.0588%;
    --x: 13;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2807"] {
    background-position: 82.3529% 47.0588%;
    --x: 14;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2901"] {
    background-position: 88.2352% 47.0588%;
    --x: 15;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2902"] {
    background-position: 94.1176% 47.0588%;
    --x: 16;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2903"] {
    background-position: 100% 47.0588%;
    --x: 17;
    --y: 8;
    --rows: 14
  }

  [data-icon="tech.2904"],
  [data-icon="tech.2905"],
  [data-icon="tech.2906"] {
    background-position: 0% 52.9411%;
    --x: 0;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.2951"] {
    background-position: 5.8823% 52.9411%;
    --x: 1;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.2952"] {
    background-position: 11.7647% 52.9411%;
    --x: 2;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.2953"] {
    background-position: 17.6470% 52.9411%;
    --x: 3;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.2954"] {
    background-position: 23.5294% 52.9411%;
    --x: 4;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.2955"] {
    background-position: 29.4117% 52.9411%;
    --x: 5;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.2956"] {
    background-position: 35.2941% 52.9411%;
    --x: 6;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3101"] {
    background-position: 41.1764% 52.9411%;
    --x: 7;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3102"] {
    background-position: 47.0588% 52.9411%;
    --x: 8;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3103"] {
    background-position: 52.9411% 52.9411%;
    --x: 9;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3104"] {
    background-position: 58.8235% 52.9411%;
    --x: 10;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3105"] {
    background-position: 64.7058% 52.9411%;
    --x: 11;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3106"] {
    background-position: 70.5882% 52.9411%;
    --x: 12;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3201"] {
    background-position: 76.4705% 52.9411%;
    --x: 13;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3202"] {
    background-position: 82.3529% 52.9411%;
    --x: 14;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3203"] {
    background-position: 88.2352% 52.9411%;
    --x: 15;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3204"] {
    background-position: 94.1176% 52.9411%;
    --x: 16;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3205"] {
    background-position: 100% 52.9411%;
    --x: 17;
    --y: 9;
    --rows: 14
  }

  [data-icon="tech.3206"] {
    background-position: 0% 58.8235%;
    --x: 0;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3207"] {
    background-position: 5.8823% 58.8235%;
    --x: 1;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3208"] {
    background-position: 11.7647% 58.8235%;
    --x: 2;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3301"] {
    background-position: 17.6470% 58.8235%;
    --x: 3;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3302"] {
    background-position: 23.5294% 58.8235%;
    --x: 4;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3303"] {
    background-position: 29.4117% 58.8235%;
    --x: 5;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3304"] {
    background-position: 35.2941% 58.8235%;
    --x: 6;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3305"] {
    background-position: 41.1764% 58.8235%;
    --x: 7;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3306"] {
    background-position: 47.0588% 58.8235%;
    --x: 8;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3311"] {
    background-position: 52.9411% 58.8235%;
    --x: 9;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3312"] {
    background-position: 58.8235% 58.8235%;
    --x: 10;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3313"] {
    background-position: 64.7058% 58.8235%;
    --x: 11;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3314"] {
    background-position: 70.5882% 58.8235%;
    --x: 12;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3315"] {
    background-position: 76.4705% 58.8235%;
    --x: 13;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.3316"] {
    background-position: 82.3529% 58.8235%;
    --x: 14;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.4001"] {
    background-position: 88.2352% 58.8235%;
    --x: 15;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.4002"] {
    background-position: 94.1176% 58.8235%;
    --x: 16;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.4003"] {
    background-position: 100% 58.8235%;
    --x: 17;
    --y: 10;
    --rows: 14
  }

  [data-icon="tech.4004"] {
    background-position: 0% 64.7058%;
    --x: 0;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.4005"] {
    background-position: 5.8823% 64.7058%;
    --x: 1;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3401"] {
    background-position: 11.7647% 64.7058%;
    --x: 2;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3402"] {
    background-position: 17.6470% 64.7058%;
    --x: 3;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3403"] {
    background-position: 23.5294% 64.7058%;
    --x: 4;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3404"] {
    background-position: 29.4117% 64.7058%;
    --x: 5;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3405"] {
    background-position: 35.2941% 64.7058%;
    --x: 6;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3406"] {
    background-position: 41.1764% 64.7058%;
    --x: 7;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3407"] {
    background-position: 47.0588% 64.7058%;
    --x: 8;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3501"] {
    background-position: 52.9411% 64.7058%;
    --x: 9;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3502"] {
    background-position: 58.8235% 64.7058%;
    --x: 10;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3503"] {
    background-position: 64.7058% 64.7058%;
    --x: 11;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3504"] {
    background-position: 70.5882% 64.7058%;
    --x: 12;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3505"] {
    background-position: 76.4705% 64.7058%;
    --x: 13;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3506"] {
    background-position: 82.3529% 64.7058%;
    --x: 14;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3507"] {
    background-position: 88.2352% 64.7058%;
    --x: 15;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3508"] {
    background-position: 94.1176% 64.7058%;
    --x: 16;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3509"] {
    background-position: 100% 64.7058%;
    --x: 17;
    --y: 11;
    --rows: 14
  }

  [data-icon="tech.3510"] {
    background-position: 0% 70.5882%;
    --x: 0;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3801"] {
    background-position: 5.8823% 70.5882%;
    --x: 1;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3802"] {
    background-position: 11.7647% 70.5882%;
    --x: 2;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3803"] {
    background-position: 17.6470% 70.5882%;
    --x: 3;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3601"] {
    background-position: 23.5294% 70.5882%;
    --x: 4;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3602"] {
    background-position: 29.4117% 70.5882%;
    --x: 5;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3603"] {
    background-position: 35.2941% 70.5882%;
    --x: 6;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3604"] {
    background-position: 41.1764% 70.5882%;
    --x: 7;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3605"] {
    background-position: 47.0588% 70.5882%;
    --x: 8;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3606"] {
    background-position: 52.9411% 70.5882%;
    --x: 9;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3701"] {
    background-position: 58.8235% 70.5882%;
    --x: 10;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3702"] {
    background-position: 64.7058% 70.5882%;
    --x: 11;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3703"] {
    background-position: 70.5882% 70.5882%;
    --x: 12;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3704"] {
    background-position: 76.4705% 70.5882%;
    --x: 13;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3705"] {
    background-position: 82.3529% 70.5882%;
    --x: 14;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3706"] {
    background-position: 88.2352% 70.5882%;
    --x: 15;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3901"] {
    background-position: 94.1176% 70.5882%;
    --x: 16;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3902"] {
    background-position: 100% 70.5882%;
    --x: 17;
    --y: 12;
    --rows: 14
  }

  [data-icon="tech.3903"] {
    background-position: 0% 76.4705%;
    --x: 0;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.3904"] {
    background-position: 5.8823% 76.4705%;
    --x: 1;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.4101"] {
    background-position: 11.7647% 76.4705%;
    --x: 2;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.4102"] {
    background-position: 17.6470% 76.4705%;
    --x: 3;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.4103"] {
    background-position: 23.5294% 76.4705%;
    --x: 4;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.4104"] {
    background-position: 29.4117% 76.4705%;
    --x: 5;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5001"] {
    background-position: 35.2941% 76.4705%;
    --x: 6;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5002"] {
    background-position: 41.1764% 76.4705%;
    --x: 7;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5003"] {
    background-position: 47.0588% 76.4705%;
    --x: 8;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5004"] {
    background-position: 52.9411% 76.4705%;
    --x: 9;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5005"] {
    background-position: 58.8235% 76.4705%;
    --x: 10;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5006"] {
    background-position: 64.7058% 76.4705%;
    --x: 11;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5101"] {
    background-position: 70.5882% 76.4705%;
    --x: 12;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5102"] {
    background-position: 76.4705% 76.4705%;
    --x: 13;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5103"] {
    background-position: 82.3529% 76.4705%;
    --x: 14;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5104"] {
    background-position: 88.2352% 76.4705%;
    --x: 15;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5105"] {
    background-position: 94.1176% 76.4705%;
    --x: 16;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5106"] {
    background-position: 100% 76.4705%;
    --x: 17;
    --y: 13;
    --rows: 14
  }

  [data-icon="tech.5201"] {
    background-position: 0% 82.3529%;
    --x: 0;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5202"] {
    background-position: 5.8823% 82.3529%;
    --x: 1;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5203"] {
    background-position: 11.7647% 82.3529%;
    --x: 2;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5204"] {
    background-position: 17.6470% 82.3529%;
    --x: 3;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5205"] {
    background-position: 23.5294% 82.3529%;
    --x: 4;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5206"] {
    background-position: 29.4117% 82.3529%;
    --x: 5;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5301"] {
    background-position: 35.2941% 82.3529%;
    --x: 6;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5302"] {
    background-position: 41.1764% 82.3529%;
    --x: 7;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5303"] {
    background-position: 47.0588% 82.3529%;
    --x: 8;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5304"] {
    background-position: 52.9411% 82.3529%;
    --x: 9;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5305"] {
    background-position: 58.8235% 82.3529%;
    --x: 10;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5401"] {
    background-position: 64.7058% 82.3529%;
    --x: 11;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5402"] {
    background-position: 70.5882% 82.3529%;
    --x: 12;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5403"] {
    background-position: 76.4705% 82.3529%;
    --x: 13;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5404"] {
    background-position: 82.3529% 82.3529%;
    --x: 14;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5405"] {
    background-position: 88.2352% 82.3529%;
    --x: 15;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5601"] {
    background-position: 94.1176% 82.3529%;
    --x: 16;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5602"] {
    background-position: 100% 82.3529%;
    --x: 17;
    --y: 14;
    --rows: 14
  }

  [data-icon="tech.5603"] {
    background-position: 0% 88.2352%;
    --x: 0;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5604"] {
    background-position: 5.8823% 88.2352%;
    --x: 1;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5605"] {
    background-position: 11.7647% 88.2352%;
    --x: 2;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5701"] {
    background-position: 17.6470% 88.2352%;
    --x: 3;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5702"] {
    background-position: 23.5294% 88.2352%;
    --x: 4;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5703"] {
    background-position: 29.4117% 88.2352%;
    --x: 5;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5704"] {
    background-position: 35.2941% 88.2352%;
    --x: 6;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5705"] {
    background-position: 41.1764% 88.2352%;
    --x: 7;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5801"] {
    background-position: 47.0588% 88.2352%;
    --x: 8;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5802"] {
    background-position: 52.9411% 88.2352%;
    --x: 9;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5803"] {
    background-position: 58.8235% 88.2352%;
    --x: 10;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5804"] {
    background-position: 64.7058% 88.2352%;
    --x: 11;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5805"] {
    background-position: 70.5882% 88.2352%;
    --x: 12;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5806"] {
    background-position: 76.4705% 88.2352%;
    --x: 13;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5807"] {
    background-position: 82.3529% 88.2352%;
    --x: 14;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5901"] {
    background-position: 88.2352% 88.2352%;
    --x: 15;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5902"] {
    background-position: 94.1176% 88.2352%;
    --x: 16;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5903"] {
    background-position: 100% 88.2352%;
    --x: 17;
    --y: 15;
    --rows: 14
  }

  [data-icon="tech.5904"] {
    background-position: 0% 94.1176%;
    --x: 0;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.5905"] {
    background-position: 5.8823% 94.1176%;
    --x: 1;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.5906"] {
    background-position: 11.7647% 94.1176%;
    --x: 2;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.5907"] {
    background-position: 17.6470% 94.1176%;
    --x: 3;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6001"] {
    background-position: 23.5294% 94.1176%;
    --x: 4;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6002"] {
    background-position: 29.4117% 94.1176%;
    --x: 5;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6003"] {
    background-position: 35.2941% 94.1176%;
    --x: 6;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6004"] {
    background-position: 41.1764% 94.1176%;
    --x: 7;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6005"] {
    background-position: 47.0588% 94.1176%;
    --x: 8;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6006"] {
    background-position: 52.9411% 94.1176%;
    --x: 9;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6101"] {
    background-position: 58.8235% 94.1176%;
    --x: 10;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6102"] {
    background-position: 64.7058% 94.1176%;
    --x: 11;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6103"] {
    background-position: 70.5882% 94.1176%;
    --x: 12;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6104"] {
    background-position: 76.4705% 94.1176%;
    --x: 13;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6105"] {
    background-position: 82.3529% 94.1176%;
    --x: 14;
    --y: 16;
    --rows: 14
  }

  [data-icon="tech.6106"] {
    background-position: 88.2352% 94.1176%;
    --x: 15;
    --y: 16;
    --rows: 14
  }
}