/***************************************************
 * Generated by SVG Artista on 1/23/2026, 10:25:07 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .hmi-elem-1 {
  stroke-dashoffset: 7.444170951843262px;
  stroke-dasharray: 7.444170951843262px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

svg.active .hmi-elem-1 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-2 {
  stroke-dashoffset: 2182.61962890625px;
  stroke-dasharray: 2182.61962890625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s;
}

svg.active .hmi-elem-2 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-3 {
  stroke-dashoffset: 1338.1749267578125px;
  stroke-dasharray: 1338.1749267578125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
}

svg.active .hmi-elem-3 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-4 {
  stroke-dashoffset: 3031.105224609375px;
  stroke-dasharray: 3031.105224609375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15000000000000002s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15000000000000002s;
}

svg.active .hmi-elem-4 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-5 {
  stroke-dashoffset: 2377.519287109375px;
  stroke-dasharray: 2377.519287109375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}

svg.active .hmi-elem-5 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-6 {
  stroke-dashoffset: 3144.476806640625px;
  stroke-dasharray: 3144.476806640625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s;
}

svg.active .hmi-elem-6 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-7 {
  stroke-dashoffset: 1957.246337890625px;
  stroke-dasharray: 1957.246337890625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
}

svg.active .hmi-elem-7 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-8 {
  stroke-dashoffset: 339.12164306640625px;
  stroke-dasharray: 339.12164306640625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s;
}

svg.active .hmi-elem-8 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-9 {
  stroke-dashoffset: 83.77994537353516px;
  stroke-dasharray: 83.77994537353516px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

svg.active .hmi-elem-9 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-10 {
  stroke-dashoffset: 402.2735595703125px;
  stroke-dasharray: 402.2735595703125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s;
}

svg.active .hmi-elem-10 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-11 {
  stroke-dashoffset: 314.18170166015625px;
  stroke-dasharray: 314.18170166015625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}

svg.active .hmi-elem-11 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-12 {
  stroke-dashoffset: 63.84027099609375px;
  stroke-dasharray: 63.84027099609375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s;
}

svg.active .hmi-elem-12 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-13 {
  stroke-dashoffset: 85.21552276611328px;
  stroke-dasharray: 85.21552276611328px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
}

svg.active .hmi-elem-13 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-14 {
  stroke-dashoffset: 343.66888427734375px;
  stroke-dasharray: 343.66888427734375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s;
}

svg.active .hmi-elem-14 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-15 {
  stroke-dashoffset: 94.23677062988281px;
  stroke-dasharray: 94.23677062988281px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
}

svg.active .hmi-elem-15 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-16 {
  stroke-dashoffset: 484.77032470703125px;
  stroke-dasharray: 484.77032470703125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s;
}

svg.active .hmi-elem-16 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-17 {
  stroke-dashoffset: 97.33879852294922px;
  stroke-dasharray: 97.33879852294922px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .hmi-elem-17 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-18 {
  stroke-dashoffset: 192.03038024902344px;
  stroke-dasharray: 192.03038024902344px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s;
}

svg.active .hmi-elem-18 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-19 {
  stroke-dashoffset: 203.6773681640625px;
  stroke-dasharray: 203.6773681640625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .hmi-elem-19 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-20 {
  stroke-dashoffset: 24.421838760375977px;
  stroke-dasharray: 24.421838760375977px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s;
}

svg.active .hmi-elem-20 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-21 {
  stroke-dashoffset: 44.8209114074707px;
  stroke-dasharray: 44.8209114074707px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .hmi-elem-21 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-22 {
  stroke-dashoffset: 141.13609313964844px;
  stroke-dasharray: 141.13609313964844px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s;
}

svg.active .hmi-elem-22 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-23 {
  stroke-dashoffset: 238.619384765625px;
  stroke-dasharray: 238.619384765625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .hmi-elem-23 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-24 {
  stroke-dashoffset: 49.10886764526367px;
  stroke-dasharray: 49.10886764526367px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1500000000000001s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1500000000000001s;
}

svg.active .hmi-elem-24 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-25 {
  stroke-dashoffset: 143.43814086914062px;
  stroke-dasharray: 143.43814086914062px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .hmi-elem-25 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-26 {
  stroke-dashoffset: 242.53099060058594px;
  stroke-dasharray: 242.53099060058594px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s;
}

svg.active .hmi-elem-26 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-27 {
  stroke-dashoffset: 51.42796325683594px;
  stroke-dasharray: 51.42796325683594px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .hmi-elem-27 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-28 {
  stroke-dashoffset: 217.98007202148438px;
  stroke-dasharray: 217.98007202148438px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s;
}

svg.active .hmi-elem-28 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-29 {
  stroke-dashoffset: 87.23921966552734px;
  stroke-dasharray: 87.23921966552734px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .hmi-elem-29 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-30 {
  stroke-dashoffset: 361.8873596191406px;
  stroke-dasharray: 361.8873596191406px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s;
}

svg.active .hmi-elem-30 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-31 {
  stroke-dashoffset: 418.77874755859375px;
  stroke-dasharray: 418.77874755859375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .hmi-elem-31 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-32 {
  stroke-dashoffset: 26.28234100341797px;
  stroke-dasharray: 26.28234100341797px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s;
}

svg.active .hmi-elem-32 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-33 {
  stroke-dashoffset: 89.78545379638672px;
  stroke-dasharray: 89.78545379638672px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .hmi-elem-33 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-34 {
  stroke-dashoffset: 61.00656509399414px;
  stroke-dasharray: 61.00656509399414px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6500000000000001s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6500000000000001s;
}

svg.active .hmi-elem-34 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-35 {
  stroke-dashoffset: 217.5457000732422px;
  stroke-dasharray: 217.5457000732422px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .hmi-elem-35 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-36 {
  stroke-dashoffset: 63.30488967895508px;
  stroke-dasharray: 63.30488967895508px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s;
}

svg.active .hmi-elem-36 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-37 {
  stroke-dashoffset: 282.90460205078125px;
  stroke-dasharray: 282.90460205078125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .hmi-elem-37 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-38 {
  stroke-dashoffset: 62.747737884521484px;
  stroke-dasharray: 62.747737884521484px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s;
}

svg.active .hmi-elem-38 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-39 {
  stroke-dashoffset: 67.18096923828125px;
  stroke-dasharray: 67.18096923828125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .hmi-elem-39 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-40 {
  stroke-dashoffset: 57.97865295410156px;
  stroke-dasharray: 57.97865295410156px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s;
}

svg.active .hmi-elem-40 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-41 {
  stroke-dashoffset: 71.88932800292969px;
  stroke-dasharray: 71.88932800292969px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .hmi-elem-41 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-42 {
  stroke-dashoffset: 183.45188903808594px;
  stroke-dasharray: 183.45188903808594px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0500000000000003s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0500000000000003s;
}

svg.active .hmi-elem-42 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-43 {
  stroke-dashoffset: 254.49107360839844px;
  stroke-dasharray: 254.49107360839844px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .hmi-elem-43 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-44 {
  stroke-dashoffset: 62.157508850097656px;
  stroke-dasharray: 62.157508850097656px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s;
}

svg.active .hmi-elem-44 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-45 {
  stroke-dashoffset: 142.68240356445312px;
  stroke-dasharray: 142.68240356445312px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .hmi-elem-45 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-46 {
  stroke-dashoffset: 71.73109436035156px;
  stroke-dasharray: 71.73109436035156px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.25s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.25s;
}

svg.active .hmi-elem-46 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-47 {
  stroke-dashoffset: 126.70477294921875px;
  stroke-dasharray: 126.70477294921875px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
}

svg.active .hmi-elem-47 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-48 {
  stroke-dashoffset: 37.652549743652344px;
  stroke-dasharray: 37.652549743652344px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.35s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.35s;
}

svg.active .hmi-elem-48 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-49 {
  stroke-dashoffset: 60.074100494384766px;
  stroke-dasharray: 60.074100494384766px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .hmi-elem-49 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-50 {
  stroke-dashoffset: 607.8949584960938px;
  stroke-dasharray: 607.8949584960938px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s;
}

svg.active .hmi-elem-50 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-51 {
  stroke-dashoffset: 37.924095153808594px;
  stroke-dasharray: 37.924095153808594px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .hmi-elem-51 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-52 {
  stroke-dashoffset: 52.390899658203125px;
  stroke-dasharray: 52.390899658203125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5500000000000003s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5500000000000003s;
}

svg.active .hmi-elem-52 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-53 {
  stroke-dashoffset: 178.47250366210938px;
  stroke-dasharray: 178.47250366210938px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .hmi-elem-53 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-54 {
  stroke-dashoffset: 35.539710998535156px;
  stroke-dasharray: 35.539710998535156px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6500000000000004s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6500000000000004s;
}

svg.active .hmi-elem-54 {
  stroke-dashoffset: 0;
}

svg .hmi-elem-55 {
  stroke-dashoffset: 53.90071487426758px;
  stroke-dasharray: 53.90071487426758px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
          transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .hmi-elem-55 {
  stroke-dashoffset: 0;
}