/* home-koala */

.home-koala {
  .svg-elem-1 {
    stroke-dashoffset: 146.5201416015625px;
    stroke-dasharray: 146.5201416015625px;
    fill: transparent;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(185, 230, 246);
  }

  .svg-elem-2 {
    stroke-dashoffset: 119.30863952636719px;
    stroke-dasharray: 119.30863952636719px;
    fill: transparent;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(185, 230, 246);
  }

  .svg-elem-3 {
    stroke-dashoffset: 592.4296875px;
    stroke-dasharray: 592.4296875px;
    fill: transparent;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
  }

  &.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(205, 223, 243);
  }

  .svg-elem-4 {
    stroke-dashoffset: 137.5599365234375px;
    stroke-dasharray: 137.5599365234375px;
    fill: transparent;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15000000000000002s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

  &.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(205, 223, 243);
  }

  .svg-elem-5 {
    stroke-dashoffset: 484.81903076171875px;
    stroke-dasharray: 484.81903076171875px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

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

  .svg-elem-6 {
    stroke-dashoffset: 52.840023040771484px;
    stroke-dasharray: 52.840023040771484px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

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

  .svg-elem-7 {
    stroke-dashoffset: 87.84710693359375px;
    stroke-dasharray: 87.84710693359375px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

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

  .svg-elem-8 {
    stroke-dashoffset: 188.49790954589844px;
    stroke-dasharray: 188.49790954589844px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  }

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

  .svg-elem-9 {
    stroke-dashoffset: 136.48812866210938px;
    stroke-dasharray: 136.48812866210938px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }

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

  .svg-elem-10 {
    stroke-dashoffset: 118.98143005371094px;
    stroke-dasharray: 118.98143005371094px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
  }

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

  .svg-elem-11 {
    stroke-dashoffset: 158.5029754638672px;
    stroke-dasharray: 158.5029754638672px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }

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

  .svg-elem-12 {
    stroke-dashoffset: 95.68711853027344px;
    stroke-dasharray: 95.68711853027344px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

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

  .svg-elem-13 {
    stroke-dashoffset: 114.7595443725586px;
    stroke-dasharray: 114.7595443725586px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  }

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

  .svg-elem-14 {
    stroke-dashoffset: 14.803927421569824px;
    stroke-dasharray: 14.803927421569824px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }

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

  .svg-elem-15 {
    stroke-dashoffset: 11.219922065734863px;
    stroke-dasharray: 11.219922065734863px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  }

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

  .svg-elem-16 {
    stroke-dashoffset: 307.06768798828125px;
    stroke-dasharray: 307.06768798828125px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

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

  .svg-elem-17 {
    stroke-dashoffset: 198.41598510742188px;
    stroke-dasharray: 198.41598510742188px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

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

  .svg-elem-18 {
    stroke-dashoffset: 186.11215209960938px;
    stroke-dasharray: 186.11215209960938px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }

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

  .svg-elem-19 {
    stroke-dashoffset: 8.755568027496338px;
    stroke-dasharray: 8.755568027496338px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
  }

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

  .svg-elem-20 {
    stroke-dashoffset: 10.540868759155273px;
    stroke-dasharray: 10.540868759155273px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  }

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

  .svg-elem-21 {
    stroke-dashoffset: 9.645646095275879px;
    stroke-dasharray: 9.645646095275879px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  }

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

  .svg-elem-22 {
    stroke-dashoffset: 13.881379127502441px;
    stroke-dasharray: 13.881379127502441px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  }

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

  .svg-elem-23 {
    stroke-dashoffset: 11.645380020141602px;
    stroke-dasharray: 11.645380020141602px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  }

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

  .svg-elem-24 {
    stroke-dashoffset: 20.496566772460938px;
    stroke-dasharray: 20.496566772460938px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1500000000000001s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
  }

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

  .svg-elem-25 {
    stroke-dashoffset: 12.8043212890625px;
    stroke-dasharray: 12.8043212890625px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
  }

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

  .svg-elem-26 {
    stroke-dashoffset: 169.54478454589844px;
    stroke-dasharray: 169.54478454589844px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
  }

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

  .svg-elem-27 {
    stroke-dashoffset: 182.57394409179688px;
    stroke-dasharray: 182.57394409179688px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
  }

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

  .svg-elem-28 {
    stroke-dashoffset: 17.775875091552734px;
    stroke-dasharray: 17.775875091552734px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
  }

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

  .svg-elem-29 {
    stroke-dashoffset: 43.0812873840332px;
    stroke-dasharray: 43.0812873840332px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s;
  }

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

  .svg-elem-30 {
    stroke-dashoffset: 26.88083839416504px;
    stroke-dasharray: 26.88083839416504px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
  }

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

  .svg-elem-31 {
    stroke-dashoffset: 24.201263427734375px;
    stroke-dasharray: 24.201263427734375px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
  }

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

  .svg-elem-32 {
    stroke-dashoffset: 18.33756446838379px;
    stroke-dasharray: 18.33756446838379px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
  }

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

  .svg-elem-33 {
    stroke-dashoffset: 18.722810745239258px;
    stroke-dasharray: 18.722810745239258px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
  }

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

  .svg-elem-34 {
    stroke-dashoffset: 12.133992195129395px;
    stroke-dasharray: 12.133992195129395px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6500000000000001s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8000000000000003s;
  }

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

  .svg-elem-35 {
    stroke-dashoffset: 12.035907745361328px;
    stroke-dasharray: 12.035907745361328px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
  }

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

  .svg-elem-36 {
    stroke-dashoffset: 13.607625961303711px;
    stroke-dasharray: 13.607625961303711px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
  }

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

  .svg-elem-37 {
    stroke-dashoffset: 19.118473052978516px;
    stroke-dasharray: 19.118473052978516px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1s;
  }

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

  .svg-elem-38 {
    stroke-dashoffset: 134.0465087890625px;
    stroke-dasharray: 134.0465087890625px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
  }

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

  .svg-elem-39 {
    stroke-dashoffset: 146.1317596435547px;
    stroke-dasharray: 146.1317596435547px;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 4.300000000000001s;
  }

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

/* home-croc */

.home-croc {

  .svg-elem-1 {
    stroke-dashoffset: 325.6370849609375px;
    stroke-dasharray: 325.6370849609375px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(210, 229, 194);
  }

  .svg-elem-2 {
    stroke-dashoffset: 488.9730224609375px;
    stroke-dasharray: 488.9730224609375px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  }

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

  .svg-elem-3 {
    stroke-dashoffset: 375.7901611328125px;
    stroke-dasharray: 375.7901611328125px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
  }

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

  .svg-elem-4 {
    stroke-dashoffset: 81.68062591552734px;
    stroke-dasharray: 81.68062591552734px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

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

  .svg-elem-5 {
    stroke-dashoffset: 60.625301361083984px;
    stroke-dasharray: 60.625301361083984px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

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

  .svg-elem-6 {
    stroke-dashoffset: 160.17396545410156px;
    stroke-dasharray: 160.17396545410156px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

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

  .svg-elem-7 {
    stroke-dashoffset: 124.92031860351562px;
    stroke-dasharray: 124.92031860351562px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

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

  .svg-elem-8 {
    stroke-dashoffset: 100.88685607910156px;
    stroke-dasharray: 100.88685607910156px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  }

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

  .svg-elem-9 {
    stroke-dashoffset: 20.571516036987305px;
    stroke-dasharray: 20.571516036987305px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }

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

  .svg-elem-10 {
    stroke-dashoffset: 12.983081817626953px;
    stroke-dasharray: 12.983081817626953px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
  }

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

  .svg-elem-11 {
    stroke-dashoffset: 118.12062072753906px;
    stroke-dasharray: 118.12062072753906px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }

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

  .svg-elem-12 {
    stroke-dashoffset: 22.175357818603516px;
    stroke-dasharray: 22.175357818603516px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

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

  .svg-elem-13 {
    stroke-dashoffset: 30.592350006103516px;
    stroke-dasharray: 30.592350006103516px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  }

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

  .svg-elem-14 {
    stroke-dashoffset: 302.02252197265625px;
    stroke-dasharray: 302.02252197265625px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }

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

  .svg-elem-15 {
    stroke-dashoffset: 15.126936912536621px;
    stroke-dasharray: 15.126936912536621px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  }

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

  .svg-elem-16 {
    stroke-dashoffset: 29.984561920166016px;
    stroke-dasharray: 29.984561920166016px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

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

  .svg-elem-17 {
    stroke-dashoffset: 25.930280685424805px;
    stroke-dasharray: 25.930280685424805px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

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

  .svg-elem-18 {
    stroke-dashoffset: 33.17672348022461px;
    stroke-dasharray: 33.17672348022461px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }

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

  .svg-elem-19 {
    stroke-dashoffset: 30.291690826416016px;
    stroke-dasharray: 30.291690826416016px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
  }

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

  .svg-elem-20 {
    stroke-dashoffset: 40.77497863769531px;
    stroke-dasharray: 40.77497863769531px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.76s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  }

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

  .svg-elem-21 {
    stroke-dashoffset: 38.2093505859375px;
    stroke-dasharray: 38.2093505859375px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  }

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

  .svg-elem-22 {
    stroke-dashoffset: 27.96267318725586px;
    stroke-dasharray: 27.96267318725586px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  }

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

  .svg-elem-23 {
    stroke-dashoffset: 31.887754440307617px;
    stroke-dasharray: 31.887754440307617px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.88s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  }

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

  .svg-elem-24 {
    stroke-dashoffset: 33.17937660217285px;
    stroke-dasharray: 33.17937660217285px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
  }

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

  .svg-elem-25 {
    stroke-dashoffset: 30.550138473510742px;
    stroke-dasharray: 30.550138473510742px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
  }

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

  .svg-elem-26 {
    stroke-dashoffset: 29.85214614868164px;
    stroke-dasharray: 29.85214614868164px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
  }

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

  .svg-elem-27 {
    stroke-dashoffset: 33.90104866027832px;
    stroke-dasharray: 33.90104866027832px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
  }

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

  .svg-elem-28 {
    stroke-dashoffset: 42.51124572753906px;
    stroke-dasharray: 42.51124572753906px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
  }

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

  .svg-elem-29 {
    stroke-dashoffset: 35.79783630371094px;
    stroke-dasharray: 35.79783630371094px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s;
  }

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

  .svg-elem-30 {
    stroke-dashoffset: 33.278682708740234px;
    stroke-dasharray: 33.278682708740234px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.16s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
  }

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

  .svg-elem-31 {
    stroke-dashoffset: 29.514963150024414px;
    stroke-dasharray: 29.514963150024414px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
  }

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

  .svg-elem-32 {
    stroke-dashoffset: 38.79052734375px;
    stroke-dasharray: 38.79052734375px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
  }

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

  .svg-elem-33 {
    stroke-dashoffset: 43.146568298339844px;
    stroke-dasharray: 43.146568298339844px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
  }

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

  .svg-elem-34 {
    stroke-dashoffset: 43.06509780883789px;
    stroke-dasharray: 43.06509780883789px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8000000000000003s;
  }

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

  .svg-elem-35 {
    stroke-dashoffset: 35.38364028930664px;
    stroke-dasharray: 35.38364028930664px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.36s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
  }

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

  .svg-elem-36 {
    stroke-dashoffset: 32.56876182556152px;
    stroke-dasharray: 32.56876182556152px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
  }

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

  .svg-elem-37 {
    stroke-dashoffset: 41.52764129638672px;
    stroke-dasharray: 41.52764129638672px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1s;
  }

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

  .svg-elem-38 {
    stroke-dashoffset: 28.681537628173828px;
    stroke-dasharray: 28.681537628173828px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
  }

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

  .svg-elem-39 {
    stroke-dashoffset: 36.58794021606445px;
    stroke-dasharray: 36.58794021606445px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.300000000000001s;
  }

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

  .svg-elem-40 {
    stroke-dashoffset: 38.3053092956543px;
    stroke-dasharray: 38.3053092956543px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
  }

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

  .svg-elem-41 {
    stroke-dashoffset: 22.322933197021484px;
    stroke-dasharray: 22.322933197021484px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
  }

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

  .svg-elem-42 {
    stroke-dashoffset: 37.913082122802734px;
    stroke-dasharray: 37.913082122802734px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6400000000000001s, fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
  }

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

  .svg-elem-43 {
    stroke-dashoffset: 121.38052083641213px;
    stroke-dasharray: 121.38052083641213px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
  }

  &.active .svg-elem-43 {
    stroke-dashoffset: 0;
    fill: rgb(230, 229, 255);
  }

  .svg-elem-44 {
    stroke-dashoffset: 124.4039306640625px;
    stroke-dasharray: 124.4039306640625px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.72s, fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
  }

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

}

/* product-hedgehog */

.product-hedgehog {

  .svg-elem-1 {
    stroke-dashoffset: 23.36252212524414px;
    stroke-dasharray: 23.36252212524414px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.8s;
  }

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

  .svg-elem-2 {
    stroke-dashoffset: 13.730986595153809px;
    stroke-dasharray: 13.730986595153809px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.9s;
  }

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

  .svg-elem-3 {
    stroke-dashoffset: 24.48138999938965px;
    stroke-dasharray: 24.48138999938965px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1s;
  }

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

  .svg-elem-4 {
    stroke-dashoffset: 185.73182678222656px;
    stroke-dasharray: 185.73182678222656px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1s;
  }

  &.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(251, 176, 199);
  }

  .svg-elem-5 {
    stroke-dashoffset: 51.7742805480957px;
    stroke-dasharray: 51.7742805480957px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2000000000000002s;
  }

  &.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(251, 176, 199);
  }

  .svg-elem-6 {
    stroke-dashoffset: 16.037899017333984px;
    stroke-dasharray: 16.037899017333984px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.3s;
  }

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

  .svg-elem-7 {
    stroke-dashoffset: 10.612424850463867px;
    stroke-dasharray: 10.612424850463867px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.4000000000000001s;
  }

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

  .svg-elem-8 {
    stroke-dashoffset: 9.505899429321289px;
    stroke-dasharray: 9.505899429321289px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.5s;
  }

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

  .svg-elem-9 {
    stroke-dashoffset: 8.1172513961792px;
    stroke-dasharray: 8.1172513961792px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.6s;
  }

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

  .svg-elem-10 {
    stroke-dashoffset: 8.194926261901855px;
    stroke-dasharray: 8.194926261901855px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.7000000000000002s;
  }

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

  .svg-elem-11 {
    stroke-dashoffset: 9.004390716552734px;
    stroke-dasharray: 9.004390716552734px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.8s;
  }

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

  .svg-elem-12 {
    stroke-dashoffset: 11.350920677185059px;
    stroke-dasharray: 11.350920677185059px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.9000000000000001s;
  }

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

  .svg-elem-13 {
    stroke-dashoffset: 14.914714813232422px;
    stroke-dasharray: 14.914714813232422px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2s;
  }

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

  .svg-elem-14 {
    stroke-dashoffset: 14.441828727722168px;
    stroke-dasharray: 14.441828727722168px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.1s;
  }

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

  .svg-elem-15 {
    stroke-dashoffset: 16.934329986572266px;
    stroke-dasharray: 16.934329986572266px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.2s;
  }

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

  .svg-elem-16 {
    stroke-dashoffset: 8.073042869567871px;
    stroke-dasharray: 8.073042869567871px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.3s;
  }

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

  .svg-elem-17 {
    stroke-dashoffset: 14.734972953796387px;
    stroke-dasharray: 14.734972953796387px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.4000000000000004s;
  }

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

  .svg-elem-18 {
    stroke-dashoffset: 12.731060028076172px;
    stroke-dasharray: 12.731060028076172px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.5s;
  }

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

  .svg-elem-19 {
    stroke-dashoffset: 10.836736679077148px;
    stroke-dasharray: 10.836736679077148px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.6s;
  }

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

  .svg-elem-20 {
    stroke-dashoffset: 7.8019328117370605px;
    stroke-dasharray: 7.8019328117370605px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.7s;
  }

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

  .svg-elem-21 {
    stroke-dashoffset: 14.933829307556152px;
    stroke-dasharray: 14.933829307556152px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.8s;
  }

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

  .svg-elem-22 {
    stroke-dashoffset: 15.072534561157227px;
    stroke-dasharray: 15.072534561157227px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 2.9000000000000004s;
  }

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

  .svg-elem-23 {
    stroke-dashoffset: 11.586065292358398px;
    stroke-dasharray: 11.586065292358398px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3s;
  }

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

  .svg-elem-24 {
    stroke-dashoffset: 12.645065307617188px;
    stroke-dasharray: 12.645065307617188px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.1000000000000005s;
  }

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

  .svg-elem-25 {
    stroke-dashoffset: 7.762451171875px;
    stroke-dasharray: 7.762451171875px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.2s;
  }

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

  .svg-elem-26 {
    stroke-dashoffset: 15.7750244140625px;
    stroke-dasharray: 15.7750244140625px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.3s;
  }

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

  .svg-elem-27 {
    stroke-dashoffset: 9.52304220199585px;
    stroke-dasharray: 9.52304220199585px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.4000000000000004s;
  }

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

  .svg-elem-28 {
    stroke-dashoffset: 14.949531555175781px;
    stroke-dasharray: 14.949531555175781px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.5s;
  }

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

  .svg-elem-29 {
    stroke-dashoffset: 9.922977924346924px;
    stroke-dasharray: 9.922977924346924px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.6000000000000005s;
  }

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

  .svg-elem-30 {
    stroke-dashoffset: 21.54490089416504px;
    stroke-dasharray: 21.54490089416504px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.7s;
  }

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

  .svg-elem-31 {
    stroke-dashoffset: 17.536137580871582px;
    stroke-dasharray: 17.536137580871582px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.8s;
  }

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

  .svg-elem-32 {
    stroke-dashoffset: 19.11782455444336px;
    stroke-dasharray: 19.11782455444336px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.62s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 3.9000000000000004s;
  }

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

  .svg-elem-33 {
    stroke-dashoffset: 10.641064643859863px;
    stroke-dasharray: 10.641064643859863px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4s;
  }

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

  .svg-elem-34 {
    stroke-dashoffset: 8.167396545410156px;
    stroke-dasharray: 8.167396545410156px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.66s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.1000000000000005s;
  }

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

  .svg-elem-35 {
    stroke-dashoffset: 6.9320502281188965px;
    stroke-dasharray: 6.9320502281188965px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.2s;
  }

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

  .svg-elem-36 {
    stroke-dashoffset: 23.379440307617188px;
    stroke-dasharray: 23.379440307617188px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.3s;
  }

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

  .svg-elem-37 {
    stroke-dashoffset: 9.152331829071045px;
    stroke-dasharray: 9.152331829071045px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.4s;
  }

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

  .svg-elem-38 {
    stroke-dashoffset: 9.127084732055664px;
    stroke-dasharray: 9.127084732055664px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.74s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.5s;
  }

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

  .svg-elem-39 {
    stroke-dashoffset: 8.875165462493896px;
    stroke-dasharray: 8.875165462493896px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.76s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.6000000000000005s;
  }

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

  .svg-elem-40 {
    stroke-dashoffset: 9.613615036010742px;
    stroke-dasharray: 9.613615036010742px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.7s;
  }

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

  .svg-elem-41 {
    stroke-dashoffset: 9.567371368408203px;
    stroke-dasharray: 9.567371368408203px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.8s;
  }

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

  .svg-elem-42 {
    stroke-dashoffset: 8.073001861572266px;
    stroke-dasharray: 8.073001861572266px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8200000000000001s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 4.9s;
  }

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

  .svg-elem-43 {
    stroke-dashoffset: 9.332413673400879px;
    stroke-dasharray: 9.332413673400879px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5s;
  }

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

  .svg-elem-44 {
    stroke-dashoffset: 9.820425510406494px;
    stroke-dasharray: 9.820425510406494px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.86s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.1s;
  }

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

  .svg-elem-45 {
    stroke-dashoffset: 9.085384845733643px;
    stroke-dasharray: 9.085384845733643px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.88s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.2s;
  }

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

  .svg-elem-46 {
    stroke-dashoffset: 22.99519157409668px;
    stroke-dasharray: 22.99519157409668px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.3s;
  }

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

  .svg-elem-47 {
    stroke-dashoffset: 17.9443302154541px;
    stroke-dasharray: 17.9443302154541px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.4s;
  }

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

  .svg-elem-48 {
    stroke-dashoffset: 42.25160217285156px;
    stroke-dasharray: 42.25160217285156px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9400000000000001s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.5s;
  }

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

  .svg-elem-49 {
    stroke-dashoffset: 73.55748748779297px;
    stroke-dasharray: 73.55748748779297px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.6000000000000005s;
  }

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

  .svg-elem-50 {
    stroke-dashoffset: 16.254502296447754px;
    stroke-dasharray: 16.254502296447754px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.98s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.7s;
  }

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

  .svg-elem-51 {
    stroke-dashoffset: 10.816946029663086px;
    stroke-dasharray: 10.816946029663086px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.8s;
  }

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

  .svg-elem-52 {
    stroke-dashoffset: 12.888772010803223px;
    stroke-dasharray: 12.888772010803223px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.02s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 5.9s;
  }

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

  .svg-elem-53 {
    stroke-dashoffset: 11.220343589782715px;
    stroke-dasharray: 11.220343589782715px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6s;
  }

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

  .svg-elem-54 {
    stroke-dashoffset: 12.27672290802002px;
    stroke-dasharray: 12.27672290802002px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.06s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.1000000000000005s;
  }

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

  .svg-elem-55 {
    stroke-dashoffset: 15.159333229064941px;
    stroke-dasharray: 15.159333229064941px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.2s;
  }

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

  .svg-elem-56 {
    stroke-dashoffset: 11.415155410766602px;
    stroke-dasharray: 11.415155410766602px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.3s;
  }

  &.active .svg-elem-56 {
    stroke-dashoffset: 0;
  }

  .svg-elem-57 {
    stroke-dashoffset: 11.112438201904297px;
    stroke-dasharray: 11.112438201904297px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.4s;
  }

  &.active .svg-elem-57 {
    stroke-dashoffset: 0;
  }

  .svg-elem-58 {
    stroke-dashoffset: 12.794880867004395px;
    stroke-dasharray: 12.794880867004395px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1400000000000001s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.5s;
  }

  &.active .svg-elem-58 {
    stroke-dashoffset: 0;
  }

  .svg-elem-59 {
    stroke-dashoffset: 17.905559539794922px;
    stroke-dasharray: 17.905559539794922px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.16s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.6000000000000005s;
  }

  &.active .svg-elem-59 {
    stroke-dashoffset: 0;
  }

  .svg-elem-60 {
    stroke-dashoffset: 10.688074111938477px;
    stroke-dasharray: 10.688074111938477px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.18s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.7s;
  }

  &.active .svg-elem-60 {
    stroke-dashoffset: 0;
  }

  .svg-elem-61 {
    stroke-dashoffset: 7.28116512298584px;
    stroke-dasharray: 7.28116512298584px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.8s;
  }

  &.active .svg-elem-61 {
    stroke-dashoffset: 0;
  }

  .svg-elem-62 {
    stroke-dashoffset: 10.446702003479004px;
    stroke-dasharray: 10.446702003479004px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.22s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 6.9s;
  }

  &.active .svg-elem-62 {
    stroke-dashoffset: 0;
  }

  .svg-elem-63 {
    stroke-dashoffset: 17.980403900146484px;
    stroke-dasharray: 17.980403900146484px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7s;
  }

  &.active .svg-elem-63 {
    stroke-dashoffset: 0;
  }

  .svg-elem-64 {
    stroke-dashoffset: 16.511049270629883px;
    stroke-dasharray: 16.511049270629883px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.26s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.1000000000000005s;
  }

  &.active .svg-elem-64 {
    stroke-dashoffset: 0;
  }

  .svg-elem-65 {
    stroke-dashoffset: 11.254142761230469px;
    stroke-dasharray: 11.254142761230469px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.2s;
  }

  &.active .svg-elem-65 {
    stroke-dashoffset: 0;
  }

  .svg-elem-66 {
    stroke-dashoffset: 24.084354400634766px;
    stroke-dasharray: 24.084354400634766px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.3s;
  }

  &.active .svg-elem-66 {
    stroke-dashoffset: 0;
  }

  .svg-elem-67 {
    stroke-dashoffset: 16.745150566101074px;
    stroke-dasharray: 16.745150566101074px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.4s;
  }

  &.active .svg-elem-67 {
    stroke-dashoffset: 0;
  }

  .svg-elem-68 {
    stroke-dashoffset: 12.837640762329102px;
    stroke-dasharray: 12.837640762329102px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.34s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.5s;
  }

  &.active .svg-elem-68 {
    stroke-dashoffset: 0;
  }

  .svg-elem-69 {
    stroke-dashoffset: 14.130345344543457px;
    stroke-dasharray: 14.130345344543457px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.36s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.6000000000000005s;
  }

  &.active .svg-elem-69 {
    stroke-dashoffset: 0;
  }

  .svg-elem-70 {
    stroke-dashoffset: 153.966796875px;
    stroke-dasharray: 153.966796875px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3800000000000001s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.7s;
  }

  &.active .svg-elem-70 {
    stroke-dashoffset: 0;
  }

  .svg-elem-71 {
    stroke-dashoffset: 63.91279983520508px;
    stroke-dasharray: 63.91279983520508px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.8s;
  }

  &.active .svg-elem-71 {
    stroke-dashoffset: 0;
  }

  .svg-elem-72 {
    stroke-dashoffset: 61.588409423828125px;
    stroke-dasharray: 61.588409423828125px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.42s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 7.9s;
  }

  &.active .svg-elem-72 {
    stroke-dashoffset: 0;
  }

  .svg-elem-73 {
    stroke-dashoffset: 61.588409423828125px;
    stroke-dasharray: 61.588409423828125px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8s;
  }

  &.active .svg-elem-73 {
    stroke-dashoffset: 0;
  }

  .svg-elem-74 {
    stroke-dashoffset: 15.25609016418457px;
    stroke-dasharray: 15.25609016418457px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.46s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.100000000000001s;
  }

  &.active .svg-elem-74 {
    stroke-dashoffset: 0;
  }

  .svg-elem-75 {
    stroke-dashoffset: 9.07446575164795px;
    stroke-dasharray: 9.07446575164795px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.200000000000001s;
  }

  &.active .svg-elem-75 {
    stroke-dashoffset: 0;
  }

  .svg-elem-76 {
    stroke-dashoffset: 42.5305061340332px;
    stroke-dasharray: 42.5305061340332px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.3s;
  }

  &.active .svg-elem-76 {
    stroke-dashoffset: 0;
  }

  .svg-elem-77 {
    stroke-dashoffset: 13.944123268127441px;
    stroke-dasharray: 13.944123268127441px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.4s;
  }

  &.active .svg-elem-77 {
    stroke-dashoffset: 0;
  }

  .svg-elem-78 {
    stroke-dashoffset: 13.507561683654785px;
    stroke-dasharray: 13.507561683654785px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.54s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.5s;
  }

  &.active .svg-elem-78 {
    stroke-dashoffset: 0;
  }

  .svg-elem-79 {
    stroke-dashoffset: 11.486883163452148px;
    stroke-dasharray: 11.486883163452148px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.600000000000001s;
  }

  &.active .svg-elem-79 {
    stroke-dashoffset: 0;
  }

  .svg-elem-80 {
    stroke-dashoffset: 121.69482421875px;
    stroke-dasharray: 121.69482421875px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.58s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.700000000000001s;
  }

  &.active .svg-elem-80 {
    stroke-dashoffset: 0;
  }

  .svg-elem-81 {
    stroke-dashoffset: 68.70789337158203px;
    stroke-dasharray: 68.70789337158203px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.8s;
  }

  &.active .svg-elem-81 {
    stroke-dashoffset: 0;
  }

  .svg-elem-82 {
    stroke-dashoffset: 16.84647274017334px;
    stroke-dasharray: 16.84647274017334px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.62s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 8.9s;
  }

  &.active .svg-elem-82 {
    stroke-dashoffset: 0;
  }

  .svg-elem-83 {
    stroke-dashoffset: 14.12999153137207px;
    stroke-dasharray: 14.12999153137207px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6400000000000001s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.000000000000002s;
  }

  &.active .svg-elem-83 {
    stroke-dashoffset: 0;
  }

  .svg-elem-84 {
    stroke-dashoffset: 11.227022171020508px;
    stroke-dasharray: 11.227022171020508px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6600000000000001s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.100000000000001s;
  }

  &.active .svg-elem-84 {
    stroke-dashoffset: 0;
  }

  .svg-elem-85 {
    stroke-dashoffset: 104.45276641845703px;
    stroke-dasharray: 104.45276641845703px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.200000000000001s;
  }

  &.active .svg-elem-85 {
    stroke-dashoffset: 0;
  }

  .svg-elem-86 {
    stroke-dashoffset: 76.86888122558594px;
    stroke-dasharray: 76.86888122558594px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.3s;
  }

  &.active .svg-elem-86 {
    stroke-dashoffset: 0;
  }

  .svg-elem-87 {
    stroke-dashoffset: 137.2183380126953px;
    stroke-dasharray: 137.2183380126953px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.72s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.4s;
  }

  &.active .svg-elem-87 {
    stroke-dashoffset: 0;
  }

  .svg-elem-88 {
    stroke-dashoffset: 144.3036651611328px;
    stroke-dasharray: 144.3036651611328px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.74s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.500000000000002s;
  }

  &.active .svg-elem-88 {
    stroke-dashoffset: 0;
  }

  .svg-elem-89 {
    stroke-dashoffset: 131.94149780273438px;
    stroke-dasharray: 131.94149780273438px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.76s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.600000000000001s;
  }

  &.active .svg-elem-89 {
    stroke-dashoffset: 0;
  }

  .svg-elem-90 {
    stroke-dashoffset: 107.91170501708984px;
    stroke-dasharray: 107.91170501708984px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.78s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.700000000000001s;
  }

  &.active .svg-elem-90 {
    stroke-dashoffset: 0;
    fill: rgb(221, 216, 241);
  }

  .svg-elem-91 {
    stroke-dashoffset: 107.91234588623047px;
    stroke-dasharray: 107.91234588623047px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.8s;
  }

  &.active .svg-elem-91 {
    stroke-dashoffset: 0;
    fill: rgb(244, 157, 196);
  }

  .svg-elem-92 {
    stroke-dashoffset: 107.9119873046875px;
    stroke-dasharray: 107.9119873046875px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.82s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 9.9s;
  }

  &.active .svg-elem-92 {
    stroke-dashoffset: 0;
    fill: rgb(141, 124, 207);
  }

  .svg-elem-93 {
    stroke-dashoffset: 3.2928547859191895px;
    stroke-dasharray: 3.2928547859191895px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.84s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.000000000000002s;
  }

  &.active .svg-elem-93 {
    stroke-dashoffset: 0;
  }

  .svg-elem-94 {
    stroke-dashoffset: 2.5240020751953125px;
    stroke-dasharray: 2.5240020751953125px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.86s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.100000000000001s;
  }

  &.active .svg-elem-94 {
    stroke-dashoffset: 0;
  }

  .svg-elem-95 {
    stroke-dashoffset: 4.050651550292969px;
    stroke-dasharray: 4.050651550292969px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8800000000000001s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.200000000000001s;
  }

  &.active .svg-elem-95 {
    stroke-dashoffset: 0;
  }

  .svg-elem-96 {
    stroke-dashoffset: 3.7683156728744507px;
    stroke-dasharray: 3.7683156728744507px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.3s;
  }

  &.active .svg-elem-96 {
    stroke-dashoffset: 0;
  }

  .svg-elem-97 {
    stroke-dashoffset: 3.6887969970703125px;
    stroke-dasharray: 3.6887969970703125px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.400000000000002s;
  }

  &.active .svg-elem-97 {
    stroke-dashoffset: 0;
  }

  .svg-elem-98 {
    stroke-dashoffset: 4.311965465545654px;
    stroke-dasharray: 4.311965465545654px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.94s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.500000000000002s;
  }

  &.active .svg-elem-98 {
    stroke-dashoffset: 0;
  }

  .svg-elem-99 {
    stroke-dashoffset: 5.1487507820129395px;
    stroke-dasharray: 5.1487507820129395px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.96s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.600000000000001s;
  }

  &.active .svg-elem-99 {
    stroke-dashoffset: 0;
  }

  .svg-elem-100 {
    stroke-dashoffset: 4.071343660354614px;
    stroke-dasharray: 4.071343660354614px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.98s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.700000000000001s;
  }

  &.active .svg-elem-100 {
    stroke-dashoffset: 0;
  }

  .svg-elem-101 {
    stroke-dashoffset: 7.0785136222839355px;
    stroke-dasharray: 7.0785136222839355px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s,
      fill 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 10.8s;
  }

  &.active .svg-elem-101 {
    stroke-dashoffset: 0;
  }

}

/* product waves */

.prod-wave-7,
.prod-wave-1 {

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

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

}
.prod-wave-8,
.prod-wave-2 {

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

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

}

.prod-wave-3 {

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

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

}
.prod-wave-6,
.prod-wave-4 {

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

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

}

.prod-wave-5 {

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

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

}

/* pagination */

.pag-1 {
  .svg-elem-1 {
    stroke-dashoffset: 142.8802490234375px;
    stroke-dasharray: 142.8802490234375px;
    transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  }

  &:hover .svg-elem-1,
  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
  }

  .svg-elem-2 {
    stroke-dashoffset: 119.64794158935547px;
    stroke-dasharray: 119.64794158935547px;
    transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
  }

  &:hover .svg-elem-2,
  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
  }
}

.pag-2 {
  .svg-elem-1 {
    stroke-dashoffset: 125.62252044677734px;
    stroke-dasharray: 125.62252044677734px;
    transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  }

  &:hover .svg-elem-1,
  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
  }

  .svg-elem-2 {
    stroke-dashoffset: 134.35508728027344px;
    stroke-dasharray: 134.35508728027344px;
    transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
  }

  &:hover .svg-elem-2,
  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
  }
}

.pag-3 {
  .svg-elem-1 {
    stroke-dashoffset: 142.97128295898438px;
    stroke-dasharray: 142.97128295898438px;
    transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  }

  &:hover .svg-elem-1,
  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
  }

  .svg-elem-2 {
    stroke-dashoffset: 138.1956024169922px;
    stroke-dasharray: 138.1956024169922px;
    transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
  }

  &:hover .svg-elem-2,
  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
  }
}

.blog-heading {

  .svg-elem-1 {
    stroke-dashoffset: 121.92090606689453px;
    stroke-dasharray: 121.92090606689453px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(254, 234, 212);
  }

  .svg-elem-2 {
    stroke-dashoffset: 106.51214599609375px;
    stroke-dasharray: 106.51214599609375px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(254, 234, 212);
  }

  .svg-elem-3 {
    stroke-dashoffset: 364.122802734375px;
    stroke-dasharray: 364.122802734375px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  }

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

  .svg-elem-4 {
    stroke-dashoffset: 109.12260437011719px;
    stroke-dasharray: 109.12260437011719px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
  }

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

  .svg-elem-5 {
    stroke-dashoffset: 127.16992950439453px;
    stroke-dasharray: 127.16992950439453px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  }

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

  .svg-elem-6 {
    stroke-dashoffset: 122.76993560791016px;
    stroke-dasharray: 122.76993560791016px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }

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

  .svg-elem-7 {
    stroke-dashoffset: 23.15960121154785px;
    stroke-dasharray: 23.15960121154785px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
  }

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

  .svg-elem-8 {
    stroke-dashoffset: 19.310752868652344px;
    stroke-dasharray: 19.310752868652344px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
  }

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

  .svg-elem-9 {
    stroke-dashoffset: 23.345552444458008px;
    stroke-dasharray: 23.345552444458008px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

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

  .svg-elem-10 {
    stroke-dashoffset: 18.836467742919922px;
    stroke-dasharray: 18.836467742919922px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

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

  .svg-elem-11 {
    stroke-dashoffset: 10.020528793334961px;
    stroke-dasharray: 10.020528793334961px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

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

  .svg-elem-12 {
    stroke-dashoffset: 181.1732635498047px;
    stroke-dasharray: 181.1732635498047px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

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

  .svg-elem-13 {
    stroke-dashoffset: 14.878657341003418px;
    stroke-dasharray: 14.878657341003418px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  }

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

  .svg-elem-14 {
    stroke-dashoffset: 98.690185546875px;
    stroke-dasharray: 98.690185546875px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }

  &.active .svg-elem-14 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-15 {
    stroke-dashoffset: 101.32347106933594px;
    stroke-dasharray: 101.32347106933594px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  }

  &.active .svg-elem-15 {
    stroke-dashoffset: 0;
    fill: rgb(182, 184, 219);
  }

  .svg-elem-16 {
    stroke-dashoffset: 101.32527160644531px;
    stroke-dasharray: 101.32527160644531px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }

  &.active .svg-elem-16 {
    stroke-dashoffset: 0;
    fill: rgb(182, 184, 219);
  }

  .svg-elem-17 {
    stroke-dashoffset: 101.32357788085938px;
    stroke-dasharray: 101.32357788085938px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

  &.active .svg-elem-17 {
    stroke-dashoffset: 0;
    fill: rgb(182, 184, 219);
  }

  .svg-elem-18 {
    stroke-dashoffset: 124.40800476074219px;
    stroke-dasharray: 124.40800476074219px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  }

  &.active .svg-elem-18 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-19 {
    stroke-dashoffset: 244.65615844726562px;
    stroke-dasharray: 244.65615844726562px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }

  &.active .svg-elem-19 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-20 {
    stroke-dashoffset: 417.4881286621094px;
    stroke-dasharray: 417.4881286621094px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  }

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

  .svg-elem-21 {
    stroke-dashoffset: 63.02294158935547px;
    stroke-dasharray: 63.02294158935547px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

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

  .svg-elem-22 {
    stroke-dashoffset: 63.50699996948242px;
    stroke-dasharray: 63.50699996948242px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

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

  .svg-elem-23 {
    stroke-dashoffset: 177.18247985839844px;
    stroke-dasharray: 177.18247985839844px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }

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

  .svg-elem-24 {
    stroke-dashoffset: 143.48350524902344px;
    stroke-dasharray: 143.48350524902344px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
  }

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

  .svg-elem-25 {
    stroke-dashoffset: 139.2296905517578px;
    stroke-dasharray: 139.2296905517578px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  }

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

  .svg-elem-26 {
    stroke-dashoffset: 44.81087875366211px;
    stroke-dasharray: 44.81087875366211px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  }

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

  .svg-elem-27 {
    stroke-dashoffset: 173.29867553710938px;
    stroke-dasharray: 173.29867553710938px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  }

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

  .svg-elem-28 {
    stroke-dashoffset: 1559.230224609375px;
    stroke-dasharray: 1559.230224609375px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  }

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

  .svg-elem-29 {
    stroke-dashoffset: 59.945743560791016px;
    stroke-dasharray: 59.945743560791016px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
  }

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

  .svg-elem-30 {
    stroke-dashoffset: 28.28233528137207px;
    stroke-dasharray: 28.28233528137207px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
  }

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

  .svg-elem-31 {
    stroke-dashoffset: 147.05987548828125px;
    stroke-dasharray: 147.05987548828125px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
  }

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

  .svg-elem-32 {
    stroke-dashoffset: 429.6282043457031px;
    stroke-dasharray: 429.6282043457031px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.62s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
  }

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

  .svg-elem-33 {
    stroke-dashoffset: 488.6687316894531px;
    stroke-dasharray: 488.6687316894531px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
  }

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

  .svg-elem-34 {
    stroke-dashoffset: 125.63314819335938px;
    stroke-dasharray: 125.63314819335938px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.66s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s;
  }

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

  .svg-elem-35 {
    stroke-dashoffset: 104.91673278808594px;
    stroke-dasharray: 104.91673278808594px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
  }

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

  .svg-elem-36 {
    stroke-dashoffset: 134.09799194335938px;
    stroke-dasharray: 134.09799194335938px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
  }

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

  .svg-elem-37 {
    stroke-dashoffset: 138.19573974609375px;
    stroke-dasharray: 138.19573974609375px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
  }

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

  .svg-elem-38 {
    stroke-dashoffset: 134.35626220703125px;
    stroke-dasharray: 134.35626220703125px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.74s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
  }

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

  .svg-elem-39 {
    stroke-dashoffset: 120.9385757446289px;
    stroke-dasharray: 120.9385757446289px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.76s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8000000000000003s;
  }

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

  .svg-elem-40 {
    stroke-dashoffset: 69.2361831665039px;
    stroke-dasharray: 69.2361831665039px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
  }

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

  .svg-elem-41 {
    stroke-dashoffset: 114.30342864990234px;
    stroke-dasharray: 114.30342864990234px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
  }

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

  .svg-elem-42 {
    stroke-dashoffset: 50.69236755371094px;
    stroke-dasharray: 50.69236755371094px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8200000000000001s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
  }

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

  .svg-elem-43 {
    stroke-dashoffset: 110.8310775756836px;
    stroke-dasharray: 110.8310775756836px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
  }

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

  .svg-elem-44 {
    stroke-dashoffset: 101.32341003417969px;
    stroke-dasharray: 101.32341003417969px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.86s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
  }

  &.active .svg-elem-44 {
    stroke-dashoffset: 0;
    fill: rgb(182, 184, 219);
  }

  .svg-elem-45 {
    stroke-dashoffset: 84.19486999511719px;
    stroke-dasharray: 84.19486999511719px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.88s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
  }

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

  .svg-elem-46 {
    stroke-dashoffset: 197.3863983154297px;
    stroke-dasharray: 197.3863983154297px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
  }

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

  .svg-elem-47 {
    stroke-dashoffset: 82.20339965820312px;
    stroke-dasharray: 82.20339965820312px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
  }

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

  .svg-elem-48 {
    stroke-dashoffset: 189.35006713867188px;
    stroke-dasharray: 189.35006713867188px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9400000000000001s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
  }

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

  .svg-elem-49 {
    stroke-dashoffset: 423.33306884765625px;
    stroke-dasharray: 423.33306884765625px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.800000000000001s;
  }

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

  .svg-elem-50 {
    stroke-dashoffset: 421.10223388671875px;
    stroke-dasharray: 421.10223388671875px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.98s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
  }

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

  .svg-elem-51 {
    stroke-dashoffset: 528.615966796875px;
    stroke-dasharray: 528.615966796875px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
  }

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

  .svg-elem-52 {
    stroke-dashoffset: 20.98877716064453px;
    stroke-dasharray: 20.98877716064453px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.02s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1000000000000005s;
  }

  &.active .svg-elem-52 {
    stroke-dashoffset: 0;
    fill: rgb(29, 29, 27);
  }

  .svg-elem-53 {
    stroke-dashoffset: 20.988405227661133px;
    stroke-dasharray: 20.988405227661133px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
  }

  &.active .svg-elem-53 {
    stroke-dashoffset: 0;
    fill: rgb(29, 29, 27);
  }

  .svg-elem-54 {
    stroke-dashoffset: 98.69058227539062px;
    stroke-dasharray: 98.69058227539062px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.06s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.300000000000001s;
  }

  &.active .svg-elem-54 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-55 {
    stroke-dashoffset: 25.336320877075195px;
    stroke-dasharray: 25.336320877075195px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
  }

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

  .svg-elem-56 {
    stroke-dashoffset: 31.634634017944336px;
    stroke-dasharray: 31.634634017944336px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s;
  }

  &.active .svg-elem-56 {
    stroke-dashoffset: 0;
  }

  .svg-elem-57 {
    stroke-dashoffset: 38.23942947387695px;
    stroke-dasharray: 38.23942947387695px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6000000000000005s;
  }

  &.active .svg-elem-57 {
    stroke-dashoffset: 0;
  }

  .svg-elem-58 {
    stroke-dashoffset: 26.764432907104492px;
    stroke-dasharray: 26.764432907104492px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1400000000000001s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s;
  }

  &.active .svg-elem-58 {
    stroke-dashoffset: 0;
  }

  .svg-elem-59 {
    stroke-dashoffset: 26.72350311279297px;
    stroke-dasharray: 26.72350311279297px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.16s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.800000000000001s;
  }

  &.active .svg-elem-59 {
    stroke-dashoffset: 0;
  }

  .svg-elem-60 {
    stroke-dashoffset: 24.880691528320312px;
    stroke-dasharray: 24.880691528320312px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.18s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s;
  }

  &.active .svg-elem-60 {
    stroke-dashoffset: 0;
  }

  .svg-elem-61 {
    stroke-dashoffset: 22.127182006835938px;
    stroke-dasharray: 22.127182006835938px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
  }

  &.active .svg-elem-61 {
    stroke-dashoffset: 0;
  }

  .svg-elem-62 {
    stroke-dashoffset: 29.38331413269043px;
    stroke-dasharray: 29.38331413269043px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.22s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.1000000000000005s;
  }

  &.active .svg-elem-62 {
    stroke-dashoffset: 0;
  }

  .svg-elem-63 {
    stroke-dashoffset: 31.605728149414062px;
    stroke-dasharray: 31.605728149414062px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
  }

  &.active .svg-elem-63 {
    stroke-dashoffset: 0;
  }

  .svg-elem-64 {
    stroke-dashoffset: 32.03984069824219px;
    stroke-dasharray: 32.03984069824219px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.26s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.300000000000001s;
  }

  &.active .svg-elem-64 {
    stroke-dashoffset: 0;
  }

  .svg-elem-65 {
    stroke-dashoffset: 26.95525360107422px;
    stroke-dasharray: 26.95525360107422px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
  }

  &.active .svg-elem-65 {
    stroke-dashoffset: 0;
  }

  .svg-elem-66 {
    stroke-dashoffset: 24.361724853515625px;
    stroke-dasharray: 24.361724853515625px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s;
  }

  &.active .svg-elem-66 {
    stroke-dashoffset: 0;
  }

  .svg-elem-67 {
    stroke-dashoffset: 30.91497802734375px;
    stroke-dasharray: 30.91497802734375px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6000000000000005s;
  }

  &.active .svg-elem-67 {
    stroke-dashoffset: 0;
  }

  .svg-elem-68 {
    stroke-dashoffset: 21.51734161376953px;
    stroke-dasharray: 21.51734161376953px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.34s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.7s;
  }

  &.active .svg-elem-68 {
    stroke-dashoffset: 0;
  }

  .svg-elem-69 {
    stroke-dashoffset: 27.30097770690918px;
    stroke-dasharray: 27.30097770690918px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.36s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.800000000000001s;
  }

  &.active .svg-elem-69 {
    stroke-dashoffset: 0;
  }

  .svg-elem-70 {
    stroke-dashoffset: 27.906864166259766px;
    stroke-dasharray: 27.906864166259766px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3800000000000001s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 6.9s;
  }

  &.active .svg-elem-70 {
    stroke-dashoffset: 0;
  }

  .svg-elem-71 {
    stroke-dashoffset: 16.866557121276855px;
    stroke-dasharray: 16.866557121276855px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7s;
  }

  &.active .svg-elem-71 {
    stroke-dashoffset: 0;
  }

  .svg-elem-72 {
    stroke-dashoffset: 63.02280807495117px;
    stroke-dasharray: 63.02280807495117px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.42s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7.1000000000000005s;
  }

  &.active .svg-elem-72 {
    stroke-dashoffset: 0;
    fill: rgb(254, 234, 212);
  }

  .svg-elem-73 {
    stroke-dashoffset: 301.7639465332031px;
    stroke-dasharray: 301.7639465332031px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7.2s;
  }

  &.active .svg-elem-73 {
    stroke-dashoffset: 0;
  }

  .svg-elem-74 {
    stroke-dashoffset: 67.15093994140625px;
    stroke-dasharray: 67.15093994140625px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.46s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7.300000000000001s;
  }

  &.active .svg-elem-74 {
    stroke-dashoffset: 0;
  }

  .svg-elem-75 {
    stroke-dashoffset: 141.79270935058594px;
    stroke-dasharray: 141.79270935058594px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4s;
  }

  &.active .svg-elem-75 {
    stroke-dashoffset: 0;
  }

  .svg-elem-76 {
    stroke-dashoffset: 63.61687088012695px;
    stroke-dasharray: 63.61687088012695px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7.5s;
  }

  &.active .svg-elem-76 {
    stroke-dashoffset: 0;
  }

  .svg-elem-77 {
    stroke-dashoffset: 876.7401733398438px;
    stroke-dasharray: 876.7401733398438px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s,
      fill 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 7.6000000000000005s;
  }

  &.active .svg-elem-77 {
    stroke-dashoffset: 0;
  }

}

.prod-list-elephant {

  .svg-elem-1 {
    stroke-dashoffset: 100.56544494628906px;
    stroke-dasharray: 100.56544494628906px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-2 {
    stroke-dashoffset: 76.07621765136719px;
    stroke-dasharray: 76.07621765136719px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-3 {
    stroke-dashoffset: 34.050086975097656px;
    stroke-dasharray: 34.050086975097656px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

  &.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(251, 229, 235);
  }

  .svg-elem-4 {
    stroke-dashoffset: 86.49546813964844px;
    stroke-dasharray: 86.49546813964844px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s;
  }

  &.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-5 {
    stroke-dashoffset: 19.401634216308594px;
    stroke-dasharray: 19.401634216308594px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

  &.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(251, 229, 235);
  }

  .svg-elem-6 {
    stroke-dashoffset: 792.6190185546875px;
    stroke-dasharray: 792.6190185546875px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s;
  }

  &.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-7 {
    stroke-dashoffset: 102.05328369140625px;
    stroke-dasharray: 102.05328369140625px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

  &.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-8 {
    stroke-dashoffset: 226.29217529296875px;
    stroke-dasharray: 226.29217529296875px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1500000000000001s;
  }

  &.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-9 {
    stroke-dashoffset: 172.74404907226562px;
    stroke-dasharray: 172.74404907226562px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  }

  &.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-10 {
    stroke-dashoffset: 163.99844360351562px;
    stroke-dasharray: 163.99844360351562px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s;
  }

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

  .svg-elem-11 {
    stroke-dashoffset: 163.11651611328125px;
    stroke-dasharray: 163.11651611328125px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }

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

  .svg-elem-12 {
    stroke-dashoffset: 309.4037780761719px;
    stroke-dasharray: 309.4037780761719px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6599999999999999s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s;
  }

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

  .svg-elem-13 {
    stroke-dashoffset: 69.36994934082031px;
    stroke-dasharray: 69.36994934082031px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  }

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

  .svg-elem-14 {
    stroke-dashoffset: 134.061767578125px;
    stroke-dasharray: 134.061767578125px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s;
  }

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

  .svg-elem-15 {
    stroke-dashoffset: 262.2493896484375px;
    stroke-dasharray: 262.2493896484375px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }

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

  .svg-elem-16 {
    stroke-dashoffset: 34.65043640136719px;
    stroke-dasharray: 34.65043640136719px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s;
  }

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

  .svg-elem-17 {
    stroke-dashoffset: 8.802849769592285px;
    stroke-dasharray: 8.802849769592285px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

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

  .svg-elem-18 {
    stroke-dashoffset: 301.0850830078125px;
    stroke-dasharray: 301.0850830078125px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.02s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6500000000000001s;
  }

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

  .svg-elem-19 {
    stroke-dashoffset: 42.144901275634766px;
    stroke-dasharray: 42.144901275634766px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  }

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

  .svg-elem-20 {
    stroke-dashoffset: 163.05252075195312px;
    stroke-dasharray: 163.05252075195312px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.14s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s;
  }

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

  .svg-elem-21 {
    stroke-dashoffset: 48.02223205566406px;
    stroke-dasharray: 48.02223205566406px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }

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

  .svg-elem-22 {
    stroke-dashoffset: 132.2555694580078px;
    stroke-dasharray: 132.2555694580078px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.26s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s;
  }

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

  .svg-elem-23 {
    stroke-dashoffset: 72.06878662109375px;
    stroke-dasharray: 72.06878662109375px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  }

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

  .svg-elem-24 {
    stroke-dashoffset: 141.98240661621094px;
    stroke-dasharray: 141.98240661621094px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.38s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s;
  }

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

  .svg-elem-25 {
    stroke-dashoffset: 204.1300048828125px;
    stroke-dasharray: 204.1300048828125px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

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

  .svg-elem-26 {
    stroke-dashoffset: 22.864622116088867px;
    stroke-dasharray: 22.864622116088867px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.05s;
  }

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

  .svg-elem-27 {
    stroke-dashoffset: 23.24299430847168px;
    stroke-dasharray: 23.24299430847168px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

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

  .svg-elem-28 {
    stroke-dashoffset: 23.24258804321289px;
    stroke-dasharray: 23.24258804321289px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6199999999999999s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1500000000000004s;
  }

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

  .svg-elem-29 {
    stroke-dashoffset: 38.457881927490234px;
    stroke-dasharray: 38.457881927490234px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }

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

  .svg-elem-30 {
    stroke-dashoffset: 45.26729965209961px;
    stroke-dasharray: 45.26729965209961px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.74s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.25s;
  }

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

  .svg-elem-31 {
    stroke-dashoffset: 59.963714599609375px;
    stroke-dasharray: 59.963714599609375px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
  }

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

  .svg-elem-32 {
    stroke-dashoffset: 68.25386810302734px;
    stroke-dasharray: 68.25386810302734px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8599999999999999s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.35s;
  }

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

  .svg-elem-33 {
    stroke-dashoffset: 68.39706420898438px;
    stroke-dasharray: 68.39706420898438px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  }

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

  .svg-elem-34 {
    stroke-dashoffset: 83.3350830078125px;
    stroke-dasharray: 83.3350830078125px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.98s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s;
  }

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

  .svg-elem-35 {
    stroke-dashoffset: 19.487112045288086px;
    stroke-dasharray: 19.487112045288086px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  }

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

  .svg-elem-36 {
    stroke-dashoffset: 19.092994689941406px;
    stroke-dasharray: 19.092994689941406px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.55s;
  }

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

  .svg-elem-37 {
    stroke-dashoffset: 12.119223594665527px;
    stroke-dasharray: 12.119223594665527px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  }

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

  .svg-elem-38 {
    stroke-dashoffset: 7.7249579429626465px;
    stroke-dasharray: 7.7249579429626465px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2199999999999998s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6500000000000004s;
  }

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

  .svg-elem-39 {
    stroke-dashoffset: 37.746585845947266px;
    stroke-dasharray: 37.746585845947266px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  }

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

  .svg-elem-40 {
    stroke-dashoffset: 20.75444984436035px;
    stroke-dasharray: 20.75444984436035px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.34s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s;
  }

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

  .svg-elem-41 {
    stroke-dashoffset: 96.30012494891781px;
    stroke-dasharray: 96.30012494891781px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
  }

  &.active .svg-elem-41 {
    stroke-dashoffset: 0;
    fill: rgb(185, 230, 246);
  }

  .svg-elem-42 {
    stroke-dashoffset: 137.92486572265625px;
    stroke-dasharray: 137.92486572265625px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2.46s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8500000000000005s;
  }

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


}

.prod-list-decor {
  .svg-elem-1 {
    stroke-dashoffset: 247.36623004530406px;
    stroke-dasharray: 247.36623004530406px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(185, 230, 246);
  }

  .svg-elem-2 {
    stroke-dashoffset: 247.36623004530406px;
    stroke-dasharray: 247.36623004530406px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(224, 254, 135);
  }

  .svg-elem-3 {
    stroke-dashoffset: 247.36623004530406px;
    stroke-dasharray: 247.36623004530406px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

  &.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(175, 199, 255);
  }

  .svg-elem-4 {
    stroke-dashoffset: 308.87200927734375px;
    stroke-dasharray: 308.87200927734375px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s;
  }

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

  .svg-elem-5 {
    stroke-dashoffset: 324.5669250488281px;
    stroke-dasharray: 324.5669250488281px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

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

  .svg-elem-6 {
    stroke-dashoffset: 215.78465270996094px;
    stroke-dasharray: 215.78465270996094px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s;
  }

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

  .svg-elem-7 {
    stroke-dashoffset: 121.91950988769531px;
    stroke-dasharray: 121.91950988769531px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

  &.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(254, 234, 212);
  }

  .svg-elem-8 {
    stroke-dashoffset: 106.5115737915039px;
    stroke-dasharray: 106.5115737915039px;
    fill: transparent;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1500000000000001s;
  }

  &.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(254, 234, 212);
  }

  .svg-elem-9 {
    stroke-dashoffset: 364.1229553222656px;
    stroke-dasharray: 364.1229553222656px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  }

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

  .svg-elem-10 {
    stroke-dashoffset: 109.12289428710938px;
    stroke-dasharray: 109.12289428710938px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s;
  }

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

  .svg-elem-11 {
    stroke-dashoffset: 127.17050170898438px;
    stroke-dasharray: 127.17050170898438px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }

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

  .svg-elem-12 {
    stroke-dashoffset: 122.76947784423828px;
    stroke-dasharray: 122.76947784423828px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6599999999999999s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s;
  }

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

  .svg-elem-13 {
    stroke-dashoffset: 23.159414291381836px;
    stroke-dasharray: 23.159414291381836px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  }

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

  .svg-elem-14 {
    stroke-dashoffset: 19.311405181884766px;
    stroke-dasharray: 19.311405181884766px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s;
  }

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

  .svg-elem-15 {
    stroke-dashoffset: 23.346208572387695px;
    stroke-dasharray: 23.346208572387695px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }

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

  .svg-elem-16 {
    stroke-dashoffset: 18.837066650390625px;
    stroke-dasharray: 18.837066650390625px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s;
  }

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

  .svg-elem-17 {
    stroke-dashoffset: 10.019662857055664px;
    stroke-dasharray: 10.019662857055664px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

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

  .svg-elem-18 {
    stroke-dashoffset: 542.672607421875px;
    stroke-dasharray: 542.672607421875px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.02s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6500000000000001s;
  }

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

  .svg-elem-19 {
    stroke-dashoffset: 60.21162796020508px;
    stroke-dasharray: 60.21162796020508px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  }

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

  .svg-elem-20 {
    stroke-dashoffset: 55.98517990112305px;
    stroke-dasharray: 55.98517990112305px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.14s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s;
  }

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

  .svg-elem-21 {
    stroke-dashoffset: 46.79964065551758px;
    stroke-dasharray: 46.79964065551758px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }

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

  .svg-elem-22 {
    stroke-dashoffset: 41.376502990722656px;
    stroke-dasharray: 41.376502990722656px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.26s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s;
  }

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

  .svg-elem-23 {
    stroke-dashoffset: 38.54914093017578px;
    stroke-dasharray: 38.54914093017578px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  }

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

  .svg-elem-24 {
    stroke-dashoffset: 25.24334144592285px;
    stroke-dasharray: 25.24334144592285px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.38s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s;
  }

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

  .svg-elem-25 {
    stroke-dashoffset: 36.09043884277344px;
    stroke-dasharray: 36.09043884277344px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

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

  .svg-elem-26 {
    stroke-dashoffset: 36.673179626464844px;
    stroke-dasharray: 36.673179626464844px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.05s;
  }

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

  .svg-elem-27 {
    stroke-dashoffset: 53.703548431396484px;
    stroke-dasharray: 53.703548431396484px;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
      fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

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

}

.home-hedgehog {

  .svg-elem-1 {
    stroke-dashoffset: 229.35580444335938px;
    stroke-dasharray: 229.35580444335938px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(251, 176, 199);
  }

  .svg-elem-2 {
    stroke-dashoffset: 63.82428741455078px;
    stroke-dasharray: 63.82428741455078px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(251, 176, 199);
  }

  .svg-elem-3 {
    stroke-dashoffset: 19.475496292114258px;
    stroke-dasharray: 19.475496292114258px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  }

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

  .svg-elem-4 {
    stroke-dashoffset: 12.530613899230957px;
    stroke-dasharray: 12.530613899230957px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15000000000000002s;
  }

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

  .svg-elem-5 {
    stroke-dashoffset: 11.1409912109375px;
    stroke-dasharray: 11.1409912109375px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  }

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

  .svg-elem-6 {
    stroke-dashoffset: 9.503993034362793px;
    stroke-dasharray: 9.503993034362793px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s;
  }

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

  .svg-elem-7 {
    stroke-dashoffset: 9.61088514328003px;
    stroke-dasharray: 9.61088514328003px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
  }

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

  .svg-elem-8 {
    stroke-dashoffset: 10.732032775878906px;
    stroke-dasharray: 10.732032775878906px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s;
  }

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

  .svg-elem-9 {
    stroke-dashoffset: 13.94458293914795px;
    stroke-dasharray: 13.94458293914795px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  }

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

  .svg-elem-10 {
    stroke-dashoffset: 18.555030822753906px;
    stroke-dasharray: 18.555030822753906px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s;
  }

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

  .svg-elem-11 {
    stroke-dashoffset: 17.891952514648438px;
    stroke-dasharray: 17.891952514648438px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }

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

  .svg-elem-12 {
    stroke-dashoffset: 21.118146896362305px;
    stroke-dasharray: 21.118146896362305px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s;
  }

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

  .svg-elem-13 {
    stroke-dashoffset: 9.78483772277832px;
    stroke-dasharray: 9.78483772277832px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
  }

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

  .svg-elem-14 {
    stroke-dashoffset: 18.424850463867188px;
    stroke-dasharray: 18.424850463867188px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s;
  }

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

  .svg-elem-15 {
    stroke-dashoffset: 15.694393157958984px;
    stroke-dasharray: 15.694393157958984px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
  }

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

  .svg-elem-16 {
    stroke-dashoffset: 13.21442699432373px;
    stroke-dasharray: 13.21442699432373px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s;
  }

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

  .svg-elem-17 {
    stroke-dashoffset: 9.526683807373047px;
    stroke-dasharray: 9.526683807373047px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

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

  .svg-elem-18 {
    stroke-dashoffset: 18.29197883605957px;
    stroke-dasharray: 18.29197883605957px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s;
  }

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

  .svg-elem-19 {
    stroke-dashoffset: 18.683103561401367px;
    stroke-dasharray: 18.683103561401367px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

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

  .svg-elem-20 {
    stroke-dashoffset: 14.017705917358398px;
    stroke-dasharray: 14.017705917358398px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s;
  }

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

  .svg-elem-21 {
    stroke-dashoffset: 15.553787231445312px;
    stroke-dasharray: 15.553787231445312px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

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

  .svg-elem-22 {
    stroke-dashoffset: 9.326939105987549px;
    stroke-dasharray: 9.326939105987549px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s;
  }

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

  .svg-elem-23 {
    stroke-dashoffset: 19.528865814208984px;
    stroke-dasharray: 19.528865814208984px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

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

  .svg-elem-24 {
    stroke-dashoffset: 11.41515827178955px;
    stroke-dasharray: 11.41515827178955px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1500000000000001s;
  }

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

  .svg-elem-25 {
    stroke-dashoffset: 18.143442153930664px;
    stroke-dasharray: 18.143442153930664px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  }

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

  .svg-elem-26 {
    stroke-dashoffset: 11.800117492675781px;
    stroke-dasharray: 11.800117492675781px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s;
  }

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

  .svg-elem-27 {
    stroke-dashoffset: 25.96749496459961px;
    stroke-dasharray: 25.96749496459961px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }

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

  .svg-elem-28 {
    stroke-dashoffset: 21.28136444091797px;
    stroke-dasharray: 21.28136444091797px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s;
  }

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

  .svg-elem-29 {
    stroke-dashoffset: 22.962047576904297px;
    stroke-dasharray: 22.962047576904297px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  }

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

  .svg-elem-30 {
    stroke-dashoffset: 12.678576469421387px;
    stroke-dasharray: 12.678576469421387px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s;
  }

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

  .svg-elem-31 {
    stroke-dashoffset: 9.76050615310669px;
    stroke-dasharray: 9.76050615310669px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }

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

  .svg-elem-32 {
    stroke-dashoffset: 8.24885368347168px;
    stroke-dasharray: 8.24885368347168px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.62s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s;
  }

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

  .svg-elem-33 {
    stroke-dashoffset: 28.45017433166504px;
    stroke-dasharray: 28.45017433166504px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

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

  .svg-elem-34 {
    stroke-dashoffset: 10.791725158691406px;
    stroke-dasharray: 10.791725158691406px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.66s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6500000000000001s;
  }

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

  .svg-elem-35 {
    stroke-dashoffset: 10.757002830505371px;
    stroke-dasharray: 10.757002830505371px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  }

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

  .svg-elem-36 {
    stroke-dashoffset: 10.406304359436035px;
    stroke-dasharray: 10.406304359436035px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s;
  }

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

  .svg-elem-37 {
    stroke-dashoffset: 11.293231010437012px;
    stroke-dasharray: 11.293231010437012px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }

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

  .svg-elem-38 {
    stroke-dashoffset: 11.24009895324707px;
    stroke-dasharray: 11.24009895324707px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.74s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s;
  }

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

  .svg-elem-39 {
    stroke-dashoffset: 9.582306385040283px;
    stroke-dasharray: 9.582306385040283px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.76s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  }

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

  .svg-elem-40 {
    stroke-dashoffset: 11.068272590637207px;
    stroke-dasharray: 11.068272590637207px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s;
  }

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

  .svg-elem-41 {
    stroke-dashoffset: 11.926700592041016px;
    stroke-dasharray: 11.926700592041016px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

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

  .svg-elem-42 {
    stroke-dashoffset: 11.046098709106445px;
    stroke-dasharray: 11.046098709106445px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8200000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0500000000000003s;
  }

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

  .svg-elem-43 {
    stroke-dashoffset: 29.190166473388672px;
    stroke-dasharray: 29.190166473388672px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

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

  .svg-elem-44 {
    stroke-dashoffset: 22.78229522705078px;
    stroke-dasharray: 22.78229522705078px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.86s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s;
  }

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

  .svg-elem-45 {
    stroke-dashoffset: 54.16750717163086px;
    stroke-dasharray: 54.16750717163086px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.88s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }

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

  .svg-elem-46 {
    stroke-dashoffset: 92.03754425048828px;
    stroke-dasharray: 92.03754425048828px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.25s;
  }

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

  .svg-elem-47 {
    stroke-dashoffset: 20.600635528564453px;
    stroke-dasharray: 20.600635528564453px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
  }

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

  .svg-elem-48 {
    stroke-dashoffset: 13.492140769958496px;
    stroke-dasharray: 13.492140769958496px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9400000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.35s;
  }

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

  .svg-elem-49 {
    stroke-dashoffset: 16.130961418151855px;
    stroke-dasharray: 16.130961418151855px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  }

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

  .svg-elem-50 {
    stroke-dashoffset: 13.823455810546875px;
    stroke-dasharray: 13.823455810546875px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.98s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s;
  }

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

  .svg-elem-51 {
    stroke-dashoffset: 15.052236557006836px;
    stroke-dasharray: 15.052236557006836px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  }

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

  .svg-elem-52 {
    stroke-dashoffset: 18.547883987426758px;
    stroke-dasharray: 18.547883987426758px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.02s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5500000000000003s;
  }

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

  .svg-elem-53 {
    stroke-dashoffset: 13.798162460327148px;
    stroke-dasharray: 13.798162460327148px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  }

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

  .svg-elem-54 {
    stroke-dashoffset: 13.838594436645508px;
    stroke-dasharray: 13.838594436645508px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.06s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6500000000000004s;
  }

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

  .svg-elem-55 {
    stroke-dashoffset: 16.098543167114258px;
    stroke-dasharray: 16.098543167114258px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  }

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

  .svg-elem-56 {
    stroke-dashoffset: 22.507911682128906px;
    stroke-dasharray: 22.507911682128906px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s;
  }

  &.active .svg-elem-56 {
    stroke-dashoffset: 0;
  }

  .svg-elem-57 {
    stroke-dashoffset: 13.234186172485352px;
    stroke-dasharray: 13.234186172485352px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
  }

  &.active .svg-elem-57 {
    stroke-dashoffset: 0;
  }

  .svg-elem-58 {
    stroke-dashoffset: 8.81348705291748px;
    stroke-dasharray: 8.81348705291748px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1400000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.85s;
  }

  &.active .svg-elem-58 {
    stroke-dashoffset: 0;
  }

  .svg-elem-59 {
    stroke-dashoffset: 12.596198081970215px;
    stroke-dasharray: 12.596198081970215px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.16s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
  }

  &.active .svg-elem-59 {
    stroke-dashoffset: 0;
  }

  .svg-elem-60 {
    stroke-dashoffset: 22.02005958557129px;
    stroke-dasharray: 22.02005958557129px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.18s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.95s;
  }

  &.active .svg-elem-60 {
    stroke-dashoffset: 0;
  }

  .svg-elem-61 {
    stroke-dashoffset: 20.022920608520508px;
    stroke-dasharray: 20.022920608520508px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
  }

  &.active .svg-elem-61 {
    stroke-dashoffset: 0;
  }

  .svg-elem-62 {
    stroke-dashoffset: 13.428526878356934px;
    stroke-dasharray: 13.428526878356934px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.22s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0500000000000003s;
  }

  &.active .svg-elem-62 {
    stroke-dashoffset: 0;
  }

  .svg-elem-63 {
    stroke-dashoffset: 29.80864715576172px;
    stroke-dasharray: 29.80864715576172px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
  }

  &.active .svg-elem-63 {
    stroke-dashoffset: 0;
  }

  .svg-elem-64 {
    stroke-dashoffset: 20.529277801513672px;
    stroke-dasharray: 20.529277801513672px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.26s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1500000000000004s;
  }

  &.active .svg-elem-64 {
    stroke-dashoffset: 0;
  }

  .svg-elem-65 {
    stroke-dashoffset: 15.565048217773438px;
    stroke-dasharray: 15.565048217773438px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
  }

  &.active .svg-elem-65 {
    stroke-dashoffset: 0;
  }

  .svg-elem-66 {
    stroke-dashoffset: 17.29554557800293px;
    stroke-dasharray: 17.29554557800293px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.25s;
  }

  &.active .svg-elem-66 {
    stroke-dashoffset: 0;
  }

  .svg-elem-67 {
    stroke-dashoffset: 193.61871337890625px;
    stroke-dasharray: 193.61871337890625px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s;
  }

  &.active .svg-elem-67 {
    stroke-dashoffset: 0;
  }

  .svg-elem-68 {
    stroke-dashoffset: 80.59262084960938px;
    stroke-dasharray: 80.59262084960938px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.34s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.35s;
  }

  &.active .svg-elem-68 {
    stroke-dashoffset: 0;
  }

  .svg-elem-69 {
    stroke-dashoffset: 77.7690658569336px;
    stroke-dasharray: 77.7690658569336px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.36s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
  }

  &.active .svg-elem-69 {
    stroke-dashoffset: 0;
  }

  .svg-elem-70 {
    stroke-dashoffset: 77.76829528808594px;
    stroke-dasharray: 77.76829528808594px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3800000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.45s;
  }

  &.active .svg-elem-70 {
    stroke-dashoffset: 0;
  }

  .svg-elem-71 {
    stroke-dashoffset: 19.105079650878906px;
    stroke-dasharray: 19.105079650878906px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
  }

  &.active .svg-elem-71 {
    stroke-dashoffset: 0;
  }

  .svg-elem-72 {
    stroke-dashoffset: 10.83788776397705px;
    stroke-dasharray: 10.83788776397705px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.42s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5500000000000003s;
  }

  &.active .svg-elem-72 {
    stroke-dashoffset: 0;
  }

  .svg-elem-73 {
    stroke-dashoffset: 52.185455322265625px;
    stroke-dasharray: 52.185455322265625px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
  }

  &.active .svg-elem-73 {
    stroke-dashoffset: 0;
  }

  .svg-elem-74 {
    stroke-dashoffset: 16.756744384765625px;
    stroke-dasharray: 16.756744384765625px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.46s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6500000000000004s;
  }

  &.active .svg-elem-74 {
    stroke-dashoffset: 0;
  }

  .svg-elem-75 {
    stroke-dashoffset: 16.427003860473633px;
    stroke-dasharray: 16.427003860473633px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
  }

  &.active .svg-elem-75 {
    stroke-dashoffset: 0;
  }

  .svg-elem-76 {
    stroke-dashoffset: 13.876360893249512px;
    stroke-dasharray: 13.876360893249512px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.75s;
  }

  &.active .svg-elem-76 {
    stroke-dashoffset: 0;
  }

  .svg-elem-77 {
    stroke-dashoffset: 152.59007263183594px;
    stroke-dasharray: 152.59007263183594px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8000000000000003s;
  }

  &.active .svg-elem-77 {
    stroke-dashoffset: 0;
  }

  .svg-elem-78 {
    stroke-dashoffset: 87.40887451171875px;
    stroke-dasharray: 87.40887451171875px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.54s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.85s;
  }

  &.active .svg-elem-78 {
    stroke-dashoffset: 0;
  }

  .svg-elem-79 {
    stroke-dashoffset: 20.970983505249023px;
    stroke-dasharray: 20.970983505249023px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
  }

  &.active .svg-elem-79 {
    stroke-dashoffset: 0;
  }

  .svg-elem-80 {
    stroke-dashoffset: 17.500712394714355px;
    stroke-dasharray: 17.500712394714355px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.58s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.95s;
  }

  &.active .svg-elem-80 {
    stroke-dashoffset: 0;
  }

  .svg-elem-81 {
    stroke-dashoffset: 13.70991039276123px;
    stroke-dasharray: 13.70991039276123px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
  }

  &.active .svg-elem-81 {
    stroke-dashoffset: 0;
  }

  .svg-elem-82 {
    stroke-dashoffset: 130.30996704101562px;
    stroke-dasharray: 130.30996704101562px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.62s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.05s;
  }

  &.active .svg-elem-82 {
    stroke-dashoffset: 0;
  }

  .svg-elem-83 {
    stroke-dashoffset: 96.18521881103516px;
    stroke-dasharray: 96.18521881103516px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6400000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
  }

  &.active .svg-elem-83 {
    stroke-dashoffset: 0;
  }

  .svg-elem-84 {
    stroke-dashoffset: 171.7420196533203px;
    stroke-dasharray: 171.7420196533203px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6600000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.15s;
  }

  &.active .svg-elem-84 {
    stroke-dashoffset: 0;
  }

  .svg-elem-85 {
    stroke-dashoffset: 181.82769775390625px;
    stroke-dasharray: 181.82769775390625px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
  }

  &.active .svg-elem-85 {
    stroke-dashoffset: 0;
  }

  .svg-elem-86 {
    stroke-dashoffset: 165.34010314941406px;
    stroke-dasharray: 165.34010314941406px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.25s;
  }

  &.active .svg-elem-86 {
    stroke-dashoffset: 0;
  }

  .svg-elem-87 {
    stroke-dashoffset: 135.56454467773438px;
    stroke-dasharray: 135.56454467773438px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.72s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
  }

  &.active .svg-elem-87 {
    stroke-dashoffset: 0;
    fill: rgb(185, 230, 246);
  }

  .svg-elem-88 {
    stroke-dashoffset: 135.56712341308594px;
    stroke-dasharray: 135.56712341308594px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.74s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3500000000000005s;
  }

  &.active .svg-elem-88 {
    stroke-dashoffset: 0;
    fill: rgb(128, 206, 245);
  }

  .svg-elem-89 {
    stroke-dashoffset: 135.56350708007812px;
    stroke-dasharray: 135.56350708007812px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.76s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
  }

  &.active .svg-elem-89 {
    stroke-dashoffset: 0;
    fill: rgb(112, 221, 246);
  }

  .svg-elem-90 {
    stroke-dashoffset: 3.6079118251800537px;
    stroke-dasharray: 3.6079118251800537px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.78s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.45s;
  }

  &.active .svg-elem-90 {
    stroke-dashoffset: 0;
  }

  .svg-elem-91 {
    stroke-dashoffset: 2.68499755859375px;
    stroke-dasharray: 2.68499755859375px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
  }

  &.active .svg-elem-91 {
    stroke-dashoffset: 0;
  }

  .svg-elem-92 {
    stroke-dashoffset: 4.5610575675964355px;
    stroke-dasharray: 4.5610575675964355px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.82s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.55s;
  }

  &.active .svg-elem-92 {
    stroke-dashoffset: 0;
  }

  .svg-elem-93 {
    stroke-dashoffset: 4.168381690979004px;
    stroke-dasharray: 4.168381690979004px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.84s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
  }

  &.active .svg-elem-93 {
    stroke-dashoffset: 0;
  }

  .svg-elem-94 {
    stroke-dashoffset: 4.0570068359375px;
    stroke-dasharray: 4.0570068359375px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.86s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.65s;
  }

  &.active .svg-elem-94 {
    stroke-dashoffset: 0;
  }

  .svg-elem-95 {
    stroke-dashoffset: 4.826271295547485px;
    stroke-dasharray: 4.826271295547485px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8800000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
  }

  &.active .svg-elem-95 {
    stroke-dashoffset: 0;
  }

  .svg-elem-96 {
    stroke-dashoffset: 6.108100414276123px;
    stroke-dasharray: 6.108100414276123px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.75s;
  }

  &.active .svg-elem-96 {
    stroke-dashoffset: 0;
  }

  .svg-elem-97 {
    stroke-dashoffset: 4.641242980957031px;
    stroke-dasharray: 4.641242980957031px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.800000000000001s;
  }

  &.active .svg-elem-97 {
    stroke-dashoffset: 0;
  }

  .svg-elem-98 {
    stroke-dashoffset: 8.19483470916748px;
    stroke-dasharray: 8.19483470916748px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.94s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8500000000000005s;
  }

  &.active .svg-elem-98 {
    stroke-dashoffset: 0;
  }

  .svg-elem-99 {
    stroke-dashoffset: 109.72211456298828px;
    stroke-dasharray: 109.72211456298828px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.96s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
  }

  &.active .svg-elem-99 {
    stroke-dashoffset: 0;
  }

  .svg-elem-100 {
    stroke-dashoffset: 103.6594467163086px;
    stroke-dasharray: 103.6594467163086px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.98s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.95s;
  }

  &.active .svg-elem-100 {
    stroke-dashoffset: 0;
    fill: rgb(251, 229, 235);
  }

  .svg-elem-101 {
    stroke-dashoffset: 121.255859375px;
    stroke-dasharray: 121.255859375px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 2s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
  }

  &.active .svg-elem-101 {
    stroke-dashoffset: 0;
  }

  .svg-elem-102 {
    stroke-dashoffset: 117.40798950195312px;
    stroke-dasharray: 117.40798950195312px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 2.02s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.050000000000001s;
  }

  &.active .svg-elem-102 {
    stroke-dashoffset: 0;
    fill: rgb(251, 229, 235);
  }

  .svg-elem-103 {
    stroke-dashoffset: 203.57215881347656px;
    stroke-dasharray: 203.57215881347656px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1000000000000005s;
  }

  &.active .svg-elem-103 {
    stroke-dashoffset: 0;
  }

  .svg-elem-104 {
    stroke-dashoffset: 28.105106353759766px;
    stroke-dasharray: 28.105106353759766px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 2.06s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.15s;
  }

  &.active .svg-elem-104 {
    stroke-dashoffset: 0;
  }

  .svg-elem-105 {
    stroke-dashoffset: 28.717134475708008px;
    stroke-dasharray: 28.717134475708008px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 2.08s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
  }

  &.active .svg-elem-105 {
    stroke-dashoffset: 0;
  }

  .svg-elem-106 {
    stroke-dashoffset: 26.322847366333008px;
    stroke-dasharray: 26.322847366333008px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.25s;
  }

  &.active .svg-elem-106 {
    stroke-dashoffset: 0;
  }

  .svg-elem-107 {
    stroke-dashoffset: 895.0599365234375px;
    stroke-dasharray: 895.0599365234375px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 2.12s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.300000000000001s;
  }

  &.active .svg-elem-107 {
    stroke-dashoffset: 0;
  }

}

.home-elephant {

  .svg-elem-1 {
    stroke-dashoffset: 361.44525146484375px;
    stroke-dasharray: 361.44525146484375px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  }

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

  .svg-elem-2 {
    stroke-dashoffset: 121.38052083641213px;
    stroke-dasharray: 121.38052083641213px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(185, 230, 246);
  }

  .svg-elem-3 {
    stroke-dashoffset: 118.19532775878906px;
    stroke-dasharray: 118.19532775878906px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  }

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

  .svg-elem-4 {
    stroke-dashoffset: 119.57389068603516px;
    stroke-dasharray: 119.57389068603516px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15000000000000002s;
  }

  &.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-5 {
    stroke-dashoffset: 90.36334991455078px;
    stroke-dasharray: 90.36334991455078px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  }

  &.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-6 {
    stroke-dashoffset: 40.23316192626953px;
    stroke-dasharray: 40.23316192626953px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s;
  }

  &.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(251, 229, 235);
  }

  .svg-elem-7 {
    stroke-dashoffset: 102.79315948486328px;
    stroke-dasharray: 102.79315948486328px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
  }

  &.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-8 {
    stroke-dashoffset: 22.75748062133789px;
    stroke-dasharray: 22.75748062133789px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s;
  }

  &.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(251, 229, 235);
  }

  .svg-elem-9 {
    stroke-dashoffset: 945.0977172851562px;
    stroke-dasharray: 945.0977172851562px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  }

  &.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-10 {
    stroke-dashoffset: 121.35003662109375px;
    stroke-dasharray: 121.35003662109375px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s;
  }

  &.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-11 {
    stroke-dashoffset: 269.55010986328125px;
    stroke-dasharray: 269.55010986328125px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }

  &.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-12 {
    stroke-dashoffset: 205.67214965820312px;
    stroke-dasharray: 205.67214965820312px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s;
  }

  &.active .svg-elem-12 {
    stroke-dashoffset: 0;
    fill: rgb(252, 197, 197);
  }

  .svg-elem-13 {
    stroke-dashoffset: 195.24046325683594px;
    stroke-dasharray: 195.24046325683594px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
  }

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

  .svg-elem-14 {
    stroke-dashoffset: 194.18841552734375px;
    stroke-dasharray: 194.18841552734375px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s;
  }

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

  .svg-elem-15 {
    stroke-dashoffset: 368.6887512207031px;
    stroke-dasharray: 368.6887512207031px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
  }

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

  .svg-elem-16 {
    stroke-dashoffset: 82.36300659179688px;
    stroke-dasharray: 82.36300659179688px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s;
  }

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

  .svg-elem-17 {
    stroke-dashoffset: 86.7256851196289px;
    stroke-dasharray: 86.7256851196289px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

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

  .svg-elem-18 {
    stroke-dashoffset: 312.4391784667969px;
    stroke-dasharray: 312.4391784667969px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s;
  }

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

  .svg-elem-19 {
    stroke-dashoffset: 40.94712829589844px;
    stroke-dasharray: 40.94712829589844px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

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

  .svg-elem-20 {
    stroke-dashoffset: 10.1143798828125px;
    stroke-dasharray: 10.1143798828125px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s;
  }

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

  .svg-elem-21 {
    stroke-dashoffset: 358.7655944824219px;
    stroke-dasharray: 358.7655944824219px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

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

  .svg-elem-22 {
    stroke-dashoffset: 49.88746643066406px;
    stroke-dasharray: 49.88746643066406px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s;
  }

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

  .svg-elem-23 {
    stroke-dashoffset: 194.1117706298828px;
    stroke-dasharray: 194.1117706298828px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

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

  .svg-elem-24 {
    stroke-dashoffset: 56.897422790527344px;
    stroke-dasharray: 56.897422790527344px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1500000000000001s;
  }

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

  .svg-elem-25 {
    stroke-dashoffset: 157.37586975097656px;
    stroke-dasharray: 157.37586975097656px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  }

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

  .svg-elem-26 {
    stroke-dashoffset: 85.58245849609375px;
    stroke-dasharray: 85.58245849609375px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s;
  }

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

  .svg-elem-27 {
    stroke-dashoffset: 168.97982788085938px;
    stroke-dasharray: 168.97982788085938px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }

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

  .svg-elem-28 {
    stroke-dashoffset: 243.1144561767578px;
    stroke-dasharray: 243.1144561767578px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s;
  }

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

  .svg-elem-29 {
    stroke-dashoffset: 26.888938903808594px;
    stroke-dasharray: 26.888938903808594px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  }

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

  .svg-elem-30 {
    stroke-dashoffset: 27.34027862548828px;
    stroke-dasharray: 27.34027862548828px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s;
  }

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

  .svg-elem-31 {
    stroke-dashoffset: 27.33999252319336px;
    stroke-dasharray: 27.33999252319336px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }

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

  .svg-elem-32 {
    stroke-dashoffset: 45.48863220214844px;
    stroke-dasharray: 45.48863220214844px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.62s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s;
  }

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

  .svg-elem-33 {
    stroke-dashoffset: 53.60986328125px;
    stroke-dasharray: 53.60986328125px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

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

  .svg-elem-34 {
    stroke-dashoffset: 71.14213562011719px;
    stroke-dasharray: 71.14213562011719px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.66s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6500000000000001s;
  }

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

  .svg-elem-35 {
    stroke-dashoffset: 81.03242492675781px;
    stroke-dasharray: 81.03242492675781px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  }

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

  .svg-elem-36 {
    stroke-dashoffset: 81.20203399658203px;
    stroke-dasharray: 81.20203399658203px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s;
  }

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

  .svg-elem-37 {
    stroke-dashoffset: 99.02570343017578px;
    stroke-dasharray: 99.02570343017578px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }

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

  .svg-elem-38 {
    stroke-dashoffset: 22.8597412109375px;
    stroke-dasharray: 22.8597412109375px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.74s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s;
  }

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

  .svg-elem-39 {
    stroke-dashoffset: 22.389305114746094px;
    stroke-dasharray: 22.389305114746094px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.76s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  }

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

  .svg-elem-40 {
    stroke-dashoffset: 14.070602416992188px;
    stroke-dasharray: 14.070602416992188px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s;
  }

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

  .svg-elem-41 {
    stroke-dashoffset: 8.829073905944824px;
    stroke-dasharray: 8.829073905944824px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

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

  .svg-elem-42 {
    stroke-dashoffset: 44.64107894897461px;
    stroke-dasharray: 44.64107894897461px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8200000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0500000000000003s;
  }

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

  .svg-elem-43 {
    stroke-dashoffset: 24.371593475341797px;
    stroke-dasharray: 24.371593475341797px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

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


}

.home-cat {

  .svg-elem-1 {
    stroke-dashoffset: 110.97728729248047px;
    stroke-dasharray: 110.97728729248047px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(185, 230, 246);
  }

  .svg-elem-2 {
    stroke-dashoffset: 55.9666633605957px;
    stroke-dasharray: 55.9666633605957px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(227, 242, 241);
  }

  .svg-elem-3 {
    stroke-dashoffset: 100.621337890625px;
    stroke-dasharray: 100.621337890625px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  }

  &.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(104, 198, 232);
  }

  .svg-elem-4 {
    stroke-dashoffset: 379.6324157714844px;
    stroke-dasharray: 379.6324157714844px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15000000000000002s;
  }

  &.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(227, 242, 241);
  }

  .svg-elem-5 {
    stroke-dashoffset: 358.62255859375px;
    stroke-dasharray: 358.62255859375px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  }

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

  .svg-elem-6 {
    stroke-dashoffset: 153.9657440185547px;
    stroke-dasharray: 153.9657440185547px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s;
  }

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

  .svg-elem-7 {
    stroke-dashoffset: 78.3601303100586px;
    stroke-dasharray: 78.3601303100586px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
  }

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

  .svg-elem-8 {
    stroke-dashoffset: 56.75461959838867px;
    stroke-dasharray: 56.75461959838867px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s;
  }

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

  .svg-elem-9 {
    stroke-dashoffset: 18.700809478759766px;
    stroke-dasharray: 18.700809478759766px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  }

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

  .svg-elem-10 {
    stroke-dashoffset: 125.62230682373047px;
    stroke-dasharray: 125.62230682373047px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s;
  }

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

  .svg-elem-11 {
    stroke-dashoffset: 199.15493774414062px;
    stroke-dasharray: 199.15493774414062px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }

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

  .svg-elem-12 {
    stroke-dashoffset: 169.1510009765625px;
    stroke-dasharray: 169.1510009765625px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s;
  }

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

  .svg-elem-13 {
    stroke-dashoffset: 107.47965240478516px;
    stroke-dasharray: 107.47965240478516px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
  }

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

  .svg-elem-14 {
    stroke-dashoffset: 85.27304077148438px;
    stroke-dasharray: 85.27304077148438px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s;
  }

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

  .svg-elem-15 {
    stroke-dashoffset: 43.23175811767578px;
    stroke-dasharray: 43.23175811767578px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
  }

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

  .svg-elem-16 {
    stroke-dashoffset: 79.4578628540039px;
    stroke-dasharray: 79.4578628540039px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s;
  }

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

  .svg-elem-17 {
    stroke-dashoffset: 52.194644927978516px;
    stroke-dasharray: 52.194644927978516px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

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

  .svg-elem-18 {
    stroke-dashoffset: 36.65858840942383px;
    stroke-dasharray: 36.65858840942383px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s;
  }

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

  .svg-elem-19 {
    stroke-dashoffset: 64.06566619873047px;
    stroke-dasharray: 64.06566619873047px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

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

  .svg-elem-20 {
    stroke-dashoffset: 49.41116714477539px;
    stroke-dasharray: 49.41116714477539px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s;
  }

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

  .svg-elem-21 {
    stroke-dashoffset: 14.715422630310059px;
    stroke-dasharray: 14.715422630310059px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

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

  .svg-elem-22 {
    stroke-dashoffset: 7.143239974975586px;
    stroke-dasharray: 7.143239974975586px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s;
  }

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

  .svg-elem-23 {
    stroke-dashoffset: 131.22190856933594px;
    stroke-dasharray: 131.22190856933594px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

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

  .svg-elem-24 {
    stroke-dashoffset: 52.92757034301758px;
    stroke-dasharray: 52.92757034301758px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1500000000000001s;
  }

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

  .svg-elem-25 {
    stroke-dashoffset: 47.045406341552734px;
    stroke-dasharray: 47.045406341552734px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  }

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

  .svg-elem-26 {
    stroke-dashoffset: 35.51288986206055px;
    stroke-dasharray: 35.51288986206055px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s;
  }

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

  .svg-elem-27 {
    stroke-dashoffset: 30.943635940551758px;
    stroke-dasharray: 30.943635940551758px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }

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

  .svg-elem-28 {
    stroke-dashoffset: 31.401874542236328px;
    stroke-dasharray: 31.401874542236328px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s;
  }

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

  .svg-elem-29 {
    stroke-dashoffset: 32.60577392578125px;
    stroke-dasharray: 32.60577392578125px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  }

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

  .svg-elem-30 {
    stroke-dashoffset: 318.6700134277344px;
    stroke-dasharray: 318.6700134277344px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s;
  }

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

  .svg-elem-31 {
    stroke-dashoffset: 123.20089721679688px;
    stroke-dasharray: 123.20089721679688px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }

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

  .svg-elem-32 {
    stroke-dashoffset: 17.33714485168457px;
    stroke-dasharray: 17.33714485168457px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.62s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s;
  }

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

  .svg-elem-33 {
    stroke-dashoffset: 7.32452917098999px;
    stroke-dasharray: 7.32452917098999px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

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

  .svg-elem-34 {
    stroke-dashoffset: 9.668982982635498px;
    stroke-dasharray: 9.668982982635498px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.66s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6500000000000001s;
  }

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

  .svg-elem-35 {
    stroke-dashoffset: 22.31743812561035px;
    stroke-dasharray: 22.31743812561035px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  }

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

  .svg-elem-36 {
    stroke-dashoffset: 11.692569732666016px;
    stroke-dasharray: 11.692569732666016px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s;
  }

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

  .svg-elem-37 {
    stroke-dashoffset: 25.709211349487305px;
    stroke-dasharray: 25.709211349487305px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }

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

  .svg-elem-38 {
    stroke-dashoffset: 8.713142395019531px;
    stroke-dasharray: 8.713142395019531px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.74s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s;
  }

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

  .svg-elem-39 {
    stroke-dashoffset: 11.664447784423828px;
    stroke-dasharray: 11.664447784423828px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.76s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  }

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

  .svg-elem-40 {
    stroke-dashoffset: 31.2227840423584px;
    stroke-dasharray: 31.2227840423584px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s;
  }

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

  .svg-elem-41 {
    stroke-dashoffset: 33.32889747619629px;
    stroke-dasharray: 33.32889747619629px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

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

  .svg-elem-42 {
    stroke-dashoffset: 3.35958731174469px;
    stroke-dasharray: 3.35958731174469px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8200000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0500000000000003s;
  }

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

  .svg-elem-43 {
    stroke-dashoffset: 3.5038020610809326px;
    stroke-dasharray: 3.5038020610809326px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

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

  .svg-elem-44 {
    stroke-dashoffset: 4.603614091873169px;
    stroke-dasharray: 4.603614091873169px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.86s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s;
  }

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

  .svg-elem-45 {
    stroke-dashoffset: 3.6105841398239136px;
    stroke-dasharray: 3.6105841398239136px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.88s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }

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

  .svg-elem-46 {
    stroke-dashoffset: 5.393409967422485px;
    stroke-dasharray: 5.393409967422485px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.25s;
  }

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

  .svg-elem-47 {
    stroke-dashoffset: 10.427435874938965px;
    stroke-dasharray: 10.427435874938965px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
  }

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

  .svg-elem-48 {
    stroke-dashoffset: 8.200060367584229px;
    stroke-dasharray: 8.200060367584229px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9400000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.35s;
  }

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

  .svg-elem-49 {
    stroke-dashoffset: 11.773435592651367px;
    stroke-dasharray: 11.773435592651367px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  }

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

  .svg-elem-50 {
    stroke-dashoffset: 12.717264175415039px;
    stroke-dasharray: 12.717264175415039px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 0.98s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s;
  }

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

  .svg-elem-51 {
    stroke-dashoffset: 11.133888244628906px;
    stroke-dasharray: 11.133888244628906px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  }

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

  .svg-elem-52 {
    stroke-dashoffset: 12.504386901855469px;
    stroke-dasharray: 12.504386901855469px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.02s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5500000000000003s;
  }

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

  .svg-elem-53 {
    stroke-dashoffset: 10.29336929321289px;
    stroke-dasharray: 10.29336929321289px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  }

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

  .svg-elem-54 {
    stroke-dashoffset: 9.010639667510986px;
    stroke-dasharray: 9.010639667510986px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.06s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6500000000000004s;
  }

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

  .svg-elem-55 {
    stroke-dashoffset: 7.526735305786133px;
    stroke-dasharray: 7.526735305786133px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  }

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

  .svg-elem-56 {
    stroke-dashoffset: 7.142247200012207px;
    stroke-dasharray: 7.142247200012207px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s;
  }

  &.active .svg-elem-56 {
    stroke-dashoffset: 0;
  }

  .svg-elem-57 {
    stroke-dashoffset: 8.723641395568848px;
    stroke-dasharray: 8.723641395568848px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
  }

  &.active .svg-elem-57 {
    stroke-dashoffset: 0;
  }

  .svg-elem-58 {
    stroke-dashoffset: 121.38052083641213px;
    stroke-dasharray: 121.38052083641213px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1400000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.85s;
  }

  &.active .svg-elem-58 {
    stroke-dashoffset: 0;
    fill: rgb(185, 230, 246);
  }

  .svg-elem-59 {
    stroke-dashoffset: 121.38052083641213px;
    stroke-dasharray: 121.38052083641213px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.16s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
  }

  &.active .svg-elem-59 {
    stroke-dashoffset: 0;
    fill: rgb(230, 229, 255);
  }

  .svg-elem-60 {
    stroke-dashoffset: 121.38052083641213px;
    stroke-dasharray: 121.38052083641213px;
    fill: transparent;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.18s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.95s;
  }

  &.active .svg-elem-60 {
    stroke-dashoffset: 0;
    fill: rgb(249, 229, 245);
  }

  .svg-elem-61 {
    stroke-dashoffset: 128.88768005371094px;
    stroke-dasharray: 128.88768005371094px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
  }

  &.active .svg-elem-61 {
    stroke-dashoffset: 0;
  }

  .svg-elem-62 {
    stroke-dashoffset: 151.29470825195312px;
    stroke-dasharray: 151.29470825195312px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.22s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0500000000000003s;
  }

  &.active .svg-elem-62 {
    stroke-dashoffset: 0;
  }

  .svg-elem-63 {
    stroke-dashoffset: 175.42282104492188px;
    stroke-dasharray: 175.42282104492188px;
    transition: stroke-dashoffset 0.15s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
  }

  &.active .svg-elem-63 {
    stroke-dashoffset: 0;
  }

}

/* home hero cat */

.home-hero-cat {
  .svg-elem-1 {
    stroke-dashoffset: 703.8384399414062px;
    stroke-dasharray: 703.8384399414062px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(232, 59, 136);
  }

  .svg-elem-2 {
    stroke-dashoffset: 142.92584228515625px;
    stroke-dasharray: 142.92584228515625px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-3 {
    stroke-dashoffset: 137.26788330078125px;
    stroke-dasharray: 137.26788330078125px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  }

  &.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-4 {
    stroke-dashoffset: 175.5843048095703px;
    stroke-dasharray: 175.5843048095703px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15000000000000002s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }

  &.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-5 {
    stroke-dashoffset: 142.80967712402344px;
    stroke-dasharray: 142.80967712402344px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
  }

  &.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-6 {
    stroke-dashoffset: 124.56962585449219px;
    stroke-dasharray: 124.56962585449219px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
  }

  &.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-7 {
    stroke-dashoffset: 139.70648193359375px;
    stroke-dasharray: 139.70648193359375px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

  &.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-8 {
    stroke-dashoffset: 87.60673522949219px;
    stroke-dasharray: 87.60673522949219px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9000000000000001s;
  }

  &.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-9 {
    stroke-dashoffset: 62.69198989868164px;
    stroke-dasharray: 62.69198989868164px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

  &.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-10 {
    stroke-dashoffset: 95.50216674804688px;
    stroke-dasharray: 95.50216674804688px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

  &.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-11 {
    stroke-dashoffset: 96.53715515136719px;
    stroke-dasharray: 96.53715515136719px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  }

  &.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-12 {
    stroke-dashoffset: 421.0722351074219px;
    stroke-dasharray: 421.0722351074219px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }

  &.active .svg-elem-12 {
    stroke-dashoffset: 0;
    fill: rgb(255, 143, 183);
  }

  .svg-elem-13 {
    stroke-dashoffset: 421.07147216796875px;
    stroke-dasharray: 421.07147216796875px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  }

  &.active .svg-elem-13 {
    stroke-dashoffset: 0;
    fill: rgb(255, 181, 108);
  }

  .svg-elem-14 {
    stroke-dashoffset: 379.27020263671875px;
    stroke-dasharray: 379.27020263671875px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.65s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }

  &.active .svg-elem-14 {
    stroke-dashoffset: 0;
    fill: rgb(128, 206, 245);
  }

  .svg-elem-15 {
    stroke-dashoffset: 358.7821350097656px;
    stroke-dasharray: 358.7821350097656px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

  &.active .svg-elem-15 {
    stroke-dashoffset: 0;
    fill: rgb(150, 220, 216);
  }

  .svg-elem-16 {
    stroke-dashoffset: 223.3731231689453px;
    stroke-dasharray: 223.3731231689453px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.75s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
  }

  &.active .svg-elem-16 {
    stroke-dashoffset: 0;
    fill: rgb(255, 181, 108);
  }

  .svg-elem-17 {
    stroke-dashoffset: 530.8668212890625px;
    stroke-dasharray: 530.8668212890625px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  }

  &.active .svg-elem-17 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-18 {
    stroke-dashoffset: 155.7917938232422px;
    stroke-dasharray: 155.7917938232422px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8500000000000001s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  }

  &.active .svg-elem-18 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-19 {
    stroke-dashoffset: 868.9557495117188px;
    stroke-dasharray: 868.9557495117188px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

  &.active .svg-elem-19 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-20 {
    stroke-dashoffset: 576.4036254882812px;
    stroke-dasharray: 576.4036254882812px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

  &.active .svg-elem-20 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-21 {
    stroke-dashoffset: 576.5756225585938px;
    stroke-dasharray: 576.5756225585938px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }

  &.active .svg-elem-21 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-22 {
    stroke-dashoffset: 397.43316650390625px;
    stroke-dasharray: 397.43316650390625px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.05s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
  }

  &.active .svg-elem-22 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-23 {
    stroke-dashoffset: 461.2467041015625px;
    stroke-dasharray: 461.2467041015625px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  }

  &.active .svg-elem-23 {
    stroke-dashoffset: 0;
    fill: rgb(145, 163, 221);
  }

  .svg-elem-24 {
    stroke-dashoffset: 341.41754150390625px;
    stroke-dasharray: 341.41754150390625px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1500000000000001s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5000000000000004s;
  }

  &.active .svg-elem-24 {
    stroke-dashoffset: 0;
    fill: rgb(255, 181, 108);
  }

  .svg-elem-25 {
    stroke-dashoffset: 259.7918701171875px;
    stroke-dasharray: 259.7918701171875px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6000000000000005s;
  }

  &.active .svg-elem-25 {
    stroke-dashoffset: 0;
    fill: rgb(255, 143, 183);
  }

  .svg-elem-26 {
    stroke-dashoffset: 338.0885009765625px;
    stroke-dasharray: 338.0885009765625px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  }

  &.active .svg-elem-26 {
    stroke-dashoffset: 0;
    fill: rgb(151, 219, 182);
  }

  .svg-elem-27 {
    stroke-dashoffset: 218.08399963378906px;
    stroke-dasharray: 218.08399963378906px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
  }

  &.active .svg-elem-27 {
    stroke-dashoffset: 0;
    fill: rgb(239, 135, 174);
  }

  .svg-elem-28 {
    stroke-dashoffset: 174.00479125976562px;
    stroke-dasharray: 174.00479125976562px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.35s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
  }

  &.active .svg-elem-28 {
    stroke-dashoffset: 0;
    fill: rgb(255, 181, 108);
  }

  .svg-elem-29 {
    stroke-dashoffset: 87.19149017333984px;
    stroke-dasharray: 87.19149017333984px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0000000000000004s;
  }

  &.active .svg-elem-29 {
    stroke-dashoffset: 0;
    fill: rgb(227, 242, 241);
  }

  .svg-elem-30 {
    stroke-dashoffset: 157.6669158935547px;
    stroke-dasharray: 157.6669158935547px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4500000000000002s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
  }

  &.active .svg-elem-30 {
    stroke-dashoffset: 0;
    fill: rgb(254, 154, 186);
  }

  .svg-elem-31 {
    stroke-dashoffset: 598.0364990234375px;
    stroke-dasharray: 598.0364990234375px;
    fill: transparent;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
  }

  &.active .svg-elem-31 {
    stroke-dashoffset: 0;
    fill: rgb(227, 242, 241);
  }

  .svg-elem-32 {
    stroke-dashoffset: 564.8939208984375px;
    stroke-dasharray: 564.8939208984375px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s;
  }

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

  .svg-elem-33 {
    stroke-dashoffset: 241.8481903076172px;
    stroke-dasharray: 241.8481903076172px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
  }

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

  .svg-elem-34 {
    stroke-dashoffset: 122.52169799804688px;
    stroke-dasharray: 122.52169799804688px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6500000000000001s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5000000000000004s;
  }

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

  .svg-elem-35 {
    stroke-dashoffset: 88.417724609375px;
    stroke-dasharray: 88.417724609375px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
  }

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

  .svg-elem-36 {
    stroke-dashoffset: 28.35430335998535px;
    stroke-dasharray: 28.35430335998535px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.75s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
  }

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

  .svg-elem-37 {
    stroke-dashoffset: 197.14085388183594px;
    stroke-dasharray: 197.14085388183594px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8000000000000003s;
  }

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

  .svg-elem-38 {
    stroke-dashoffset: 313.1952209472656px;
    stroke-dasharray: 313.1952209472656px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
  }

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

  .svg-elem-39 {
    stroke-dashoffset: 265.8326721191406px;
    stroke-dasharray: 265.8326721191406px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
  }

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

  .svg-elem-40 {
    stroke-dashoffset: 168.49156188964844px;
    stroke-dasharray: 168.49156188964844px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9500000000000002s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
  }

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

  .svg-elem-41 {
    stroke-dashoffset: 133.4351806640625px;
    stroke-dasharray: 133.4351806640625px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
  }

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

  .svg-elem-42 {
    stroke-dashoffset: 67.08891296386719px;
    stroke-dasharray: 67.08891296386719px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0500000000000003s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.300000000000001s;
  }

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

  .svg-elem-43 {
    stroke-dashoffset: 124.24644470214844px;
    stroke-dasharray: 124.24644470214844px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
  }

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

  .svg-elem-44 {
    stroke-dashoffset: 81.22190856933594px;
    stroke-dasharray: 81.22190856933594px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
  }

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

  .svg-elem-45 {
    stroke-dashoffset: 56.70882034301758px;
    stroke-dasharray: 56.70882034301758px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
  }

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

  .svg-elem-46 {
    stroke-dashoffset: 99.97004699707031px;
    stroke-dasharray: 99.97004699707031px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.25s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
  }

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

  .svg-elem-47 {
    stroke-dashoffset: 76.8348388671875px;
    stroke-dasharray: 76.8348388671875px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.800000000000001s;
  }

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

  .svg-elem-48 {
    stroke-dashoffset: 22.080915451049805px;
    stroke-dasharray: 22.080915451049805px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.35s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
  }

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

  .svg-elem-49 {
    stroke-dashoffset: 10.122401237487793px;
    stroke-dasharray: 10.122401237487793px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.000000000000001s;
  }

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

  .svg-elem-50 {
    stroke-dashoffset: 205.95809936523438px;
    stroke-dasharray: 205.95809936523438px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1000000000000005s;
  }

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

  .svg-elem-51 {
    stroke-dashoffset: 82.38020324707031px;
    stroke-dasharray: 82.38020324707031px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
  }

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

  .svg-elem-52 {
    stroke-dashoffset: 73.10218048095703px;
    stroke-dasharray: 73.10218048095703px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5500000000000003s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.300000000000001s;
  }

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

  .svg-elem-53 {
    stroke-dashoffset: 54.88343048095703px;
    stroke-dasharray: 54.88343048095703px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
  }

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

  .svg-elem-54 {
    stroke-dashoffset: 47.679508209228516px;
    stroke-dasharray: 47.679508209228516px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6500000000000004s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.500000000000001s;
  }

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

  .svg-elem-55 {
    stroke-dashoffset: 48.41080856323242px;
    stroke-dasharray: 48.41080856323242px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6000000000000005s;
  }

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

  .svg-elem-56 {
    stroke-dashoffset: 50.30678939819336px;
    stroke-dasharray: 50.30678939819336px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s;
  }

  &.active .svg-elem-56 {
    stroke-dashoffset: 0;
  }

  .svg-elem-57 {
    stroke-dashoffset: 501.83599853515625px;
    stroke-dasharray: 501.83599853515625px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.800000000000001s;
  }

  &.active .svg-elem-57 {
    stroke-dashoffset: 0;
  }

  .svg-elem-58 {
    stroke-dashoffset: 193.30043029785156px;
    stroke-dasharray: 193.30043029785156px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.85s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s;
  }

  &.active .svg-elem-58 {
    stroke-dashoffset: 0;
  }

  .svg-elem-59 {
    stroke-dashoffset: 26.199068069458008px;
    stroke-dasharray: 26.199068069458008px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.000000000000001s;
  }

  &.active .svg-elem-59 {
    stroke-dashoffset: 0;
  }

  .svg-elem-60 {
    stroke-dashoffset: 10.401090621948242px;
    stroke-dasharray: 10.401090621948242px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.95s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.1000000000000005s;
  }

  &.active .svg-elem-60 {
    stroke-dashoffset: 0;
  }

  .svg-elem-61 {
    stroke-dashoffset: 14.101688385009766px;
    stroke-dasharray: 14.101688385009766px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
  }

  &.active .svg-elem-61 {
    stroke-dashoffset: 0;
  }

  .svg-elem-62 {
    stroke-dashoffset: 34.071781158447266px;
    stroke-dasharray: 34.071781158447266px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0500000000000003s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.300000000000001s;
  }

  &.active .svg-elem-62 {
    stroke-dashoffset: 0;
  }

  .svg-elem-63 {
    stroke-dashoffset: 17.288347244262695px;
    stroke-dasharray: 17.288347244262695px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
  }

  &.active .svg-elem-63 {
    stroke-dashoffset: 0;
  }

  .svg-elem-64 {
    stroke-dashoffset: 39.409507751464844px;
    stroke-dasharray: 39.409507751464844px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1500000000000004s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.500000000000001s;
  }

  &.active .svg-elem-64 {
    stroke-dashoffset: 0;
  }

  .svg-elem-65 {
    stroke-dashoffset: 12.597890853881836px;
    stroke-dasharray: 12.597890853881836px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6000000000000005s;
  }

  &.active .svg-elem-65 {
    stroke-dashoffset: 0;
  }

  .svg-elem-66 {
    stroke-dashoffset: 17.247078895568848px;
    stroke-dasharray: 17.247078895568848px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.25s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.7s;
  }

  &.active .svg-elem-66 {
    stroke-dashoffset: 0;
  }

  .svg-elem-67 {
    stroke-dashoffset: 48.129146575927734px;
    stroke-dasharray: 48.129146575927734px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.800000000000001s;
  }

  &.active .svg-elem-67 {
    stroke-dashoffset: 0;
  }

  .svg-elem-68 {
    stroke-dashoffset: 51.4400634765625px;
    stroke-dasharray: 51.4400634765625px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.35s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 6.9s;
  }

  &.active .svg-elem-68 {
    stroke-dashoffset: 0;
  }

  .svg-elem-69 {
    stroke-dashoffset: 4.143890857696533px;
    stroke-dasharray: 4.143890857696533px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.000000000000001s;
  }

  &.active .svg-elem-69 {
    stroke-dashoffset: 0;
  }

  .svg-elem-70 {
    stroke-dashoffset: 4.371392488479614px;
    stroke-dasharray: 4.371392488479614px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.45s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.1000000000000005s;
  }

  &.active .svg-elem-70 {
    stroke-dashoffset: 0;
  }

  .svg-elem-71 {
    stroke-dashoffset: 6.106243133544922px;
    stroke-dasharray: 6.106243133544922px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.2s;
  }

  &.active .svg-elem-71 {
    stroke-dashoffset: 0;
  }

  .svg-elem-72 {
    stroke-dashoffset: 4.542971611022949px;
    stroke-dasharray: 4.542971611022949px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5500000000000003s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.300000000000001s;
  }

  &.active .svg-elem-72 {
    stroke-dashoffset: 0;
  }

  .svg-elem-73 {
    stroke-dashoffset: 7.35915470123291px;
    stroke-dasharray: 7.35915470123291px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4s;
  }

  &.active .svg-elem-73 {
    stroke-dashoffset: 0;
  }

  .svg-elem-74 {
    stroke-dashoffset: 15.292150497436523px;
    stroke-dasharray: 15.292150497436523px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6500000000000004s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.500000000000001s;
  }

  &.active .svg-elem-74 {
    stroke-dashoffset: 0;
  }

  .svg-elem-75 {
    stroke-dashoffset: 11.785347938537598px;
    stroke-dasharray: 11.785347938537598px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.6000000000000005s;
  }

  &.active .svg-elem-75 {
    stroke-dashoffset: 0;
  }

  .svg-elem-76 {
    stroke-dashoffset: 17.4224271774292px;
    stroke-dasharray: 17.4224271774292px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.75s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.7s;
  }

  &.active .svg-elem-76 {
    stroke-dashoffset: 0;
  }

  .svg-elem-77 {
    stroke-dashoffset: 18.92534828186035px;
    stroke-dasharray: 18.92534828186035px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8000000000000003s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.800000000000001s;
  }

  &.active .svg-elem-77 {
    stroke-dashoffset: 0;
  }

  .svg-elem-78 {
    stroke-dashoffset: 16.429850578308105px;
    stroke-dasharray: 16.429850578308105px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.85s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 7.9s;
  }

  &.active .svg-elem-78 {
    stroke-dashoffset: 0;
  }

  .svg-elem-79 {
    stroke-dashoffset: 18.57251739501953px;
    stroke-dasharray: 18.57251739501953px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8s;
  }

  &.active .svg-elem-79 {
    stroke-dashoffset: 0;
  }

  .svg-elem-80 {
    stroke-dashoffset: 15.08848762512207px;
    stroke-dasharray: 15.08848762512207px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.95s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8.1s;
  }

  &.active .svg-elem-80 {
    stroke-dashoffset: 0;
  }

  .svg-elem-81 {
    stroke-dashoffset: 13.073963165283203px;
    stroke-dasharray: 13.073963165283203px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8.2s;
  }

  &.active .svg-elem-81 {
    stroke-dashoffset: 0;
  }

  .svg-elem-82 {
    stroke-dashoffset: 10.721253395080566px;
    stroke-dasharray: 10.721253395080566px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.05s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8.299999999999999s;
  }

  &.active .svg-elem-82 {
    stroke-dashoffset: 0;
  }

  .svg-elem-83 {
    stroke-dashoffset: 10.114249229431152px;
    stroke-dasharray: 10.114249229431152px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s;
  }

  &.active .svg-elem-83 {
    stroke-dashoffset: 0;
  }

  .svg-elem-84 {
    stroke-dashoffset: 12.625945091247559px;
    stroke-dasharray: 12.625945091247559px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.15s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8.5s;
  }

  &.active .svg-elem-84 {
    stroke-dashoffset: 0;
  }

  .svg-elem-85 {
    stroke-dashoffset: 396.727783203125px;
    stroke-dasharray: 396.727783203125px;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s,
      fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 8.6s;
  }

  &.active .svg-elem-85 {
    stroke-dashoffset: 0;
  }
}

/* ciekawy-decor */

.ciekawy-decor {
  .svg-elem-1 {
    stroke-dashoffset: 244.2487335205078px;
    stroke-dasharray: 244.2487335205078px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(253, 194, 229);
  }

  .svg-elem-2 {
    stroke-dashoffset: 235.0599822998047px;
    stroke-dasharray: 235.0599822998047px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(160, 142, 224);
  }

  .svg-elem-3 {
    stroke-dashoffset: 24.882278442382812px;
    stroke-dasharray: 24.882278442382812px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
  }

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

  .svg-elem-4 {
    stroke-dashoffset: 12.252976417541504px;
    stroke-dasharray: 12.252976417541504px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
  }

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

  .svg-elem-5 {
    stroke-dashoffset: 8.015791416168213px;
    stroke-dasharray: 8.015791416168213px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

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

  .svg-elem-6 {
    stroke-dashoffset: 32.88235282897949px;
    stroke-dasharray: 32.88235282897949px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

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

  .svg-elem-7 {
    stroke-dashoffset: 17.223590850830078px;
    stroke-dasharray: 17.223590850830078px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

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

  .svg-elem-8 {
    stroke-dashoffset: 9.342090606689453px;
    stroke-dasharray: 9.342090606689453px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

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

  .svg-elem-9 {
    stroke-dashoffset: 200.11085510253906px;
    stroke-dasharray: 200.11085510253906px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  }

  &.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(255, 203, 235);
  }

  .svg-elem-10 {
    stroke-dashoffset: 208.70770263671875px;
    stroke-dasharray: 208.70770263671875px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  }

  &.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(254, 153, 207);
  }

  .svg-elem-11 {
    stroke-dashoffset: 214.9298553466797px;
    stroke-dasharray: 214.9298553466797px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
  }

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

  .svg-elem-12 {
    stroke-dashoffset: 204.66607666015625px;
    stroke-dasharray: 204.66607666015625px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6599999999999999s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  }

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

  .svg-elem-13 {
    stroke-dashoffset: 244.24867248535156px;
    stroke-dasharray: 244.24867248535156px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

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

  .svg-elem-14 {
    stroke-dashoffset: 235.06057739257812px;
    stroke-dasharray: 235.06057739257812px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  }

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

  .svg-elem-15 {
    stroke-dashoffset: 46.385284423828125px;
    stroke-dasharray: 46.385284423828125px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8000000000000003s;
  }

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

  .svg-elem-16 {
    stroke-dashoffset: 30.095115661621094px;
    stroke-dasharray: 30.095115661621094px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
  }

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

  .svg-elem-17 {
    stroke-dashoffset: 16.78203296661377px;
    stroke-dasharray: 16.78203296661377px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

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

  .svg-elem-18 {
    stroke-dashoffset: 4.406005859375px;
    stroke-dasharray: 4.406005859375px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.02s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

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

  .svg-elem-19 {
    stroke-dashoffset: 43.03255844116211px;
    stroke-dasharray: 43.03255844116211px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }

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

  .svg-elem-20 {
    stroke-dashoffset: 12.774700164794922px;
    stroke-dasharray: 12.774700164794922px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.14s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
  }

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

}

/* zwinny-decor */

.zwinny-decor {
  .svg-elem-1 {
    stroke-dashoffset: 290.76751708984375px;
    stroke-dasharray: 290.76751708984375px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(255, 244, 242);
  }

  .svg-elem-2 {
    stroke-dashoffset: 136.74607849121094px;
    stroke-dasharray: 136.74607849121094px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(250, 213, 0);
  }

  .svg-elem-3 {
    stroke-dashoffset: 211.79013061523438px;
    stroke-dasharray: 211.79013061523438px;
    fill: transparent;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
  }

  &.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(254, 217, 34);
  }

  .svg-elem-4 {
    stroke-dashoffset: 290.7659606933594px;
    stroke-dasharray: 290.7659606933594px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
  }

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

  .svg-elem-5 {
    stroke-dashoffset: 547.7119750976562px;
    stroke-dasharray: 547.7119750976562px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

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

  .svg-elem-6 {
    stroke-dashoffset: 136.74703979492188px;
    stroke-dasharray: 136.74703979492188px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

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

  .svg-elem-7 {
    stroke-dashoffset: 211.7906036376953px;
    stroke-dasharray: 211.7906036376953px;
    transition: stroke-dashoffset 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

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

}

.home-hero-mobile {

  .svg-elem-1 {
    stroke-dashoffset: 302.1177673339844px;
    stroke-dasharray: 302.1177673339844px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  }

  &.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(232, 59, 136);
  }

  .svg-elem-2 {
    stroke-dashoffset: 62.74309158325195px;
    stroke-dasharray: 62.74309158325195px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  }

  &.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-3 {
    stroke-dashoffset: 60.304359436035156px;
    stroke-dasharray: 60.304359436035156px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
  }

  &.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-4 {
    stroke-dashoffset: 76.81987762451172px;
    stroke-dasharray: 76.81987762451172px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  }

  &.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-5 {
    stroke-dashoffset: 62.69309997558594px;
    stroke-dasharray: 62.69309997558594px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
  }

  &.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-6 {
    stroke-dashoffset: 54.83109664916992px;
    stroke-dasharray: 54.83109664916992px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  }

  &.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-7 {
    stroke-dashoffset: 61.35547637939453px;
    stroke-dasharray: 61.35547637939453px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
  }

  &.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-8 {
    stroke-dashoffset: 38.89876174926758px;
    stroke-dasharray: 38.89876174926758px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  }

  &.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-9 {
    stroke-dashoffset: 28.160367965698242px;
    stroke-dasharray: 28.160367965698242px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  }

  &.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-10 {
    stroke-dashoffset: 42.30129623413086px;
    stroke-dasharray: 42.30129623413086px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  }

  &.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-11 {
    stroke-dashoffset: 42.74844741821289px;
    stroke-dasharray: 42.74844741821289px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  }

  &.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
  }

  .svg-elem-12 {
    stroke-dashoffset: 182.63134765625px;
    stroke-dasharray: 182.63134765625px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  }

  &.active .svg-elem-12 {
    stroke-dashoffset: 0;
    fill: rgb(255, 143, 183);
  }

  .svg-elem-13 {
    stroke-dashoffset: 182.6324005126953px;
    stroke-dasharray: 182.6324005126953px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3000000000000003s;
  }

  &.active .svg-elem-13 {
    stroke-dashoffset: 0;
    fill: rgb(255, 181, 108);
  }

  .svg-elem-14 {
    stroke-dashoffset: 164.61419677734375px;
    stroke-dasharray: 164.61419677734375px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  }

  &.active .svg-elem-14 {
    stroke-dashoffset: 0;
    fill: rgb(128, 206, 245);
  }

  .svg-elem-15 {
    stroke-dashoffset: 155.78347778320312px;
    stroke-dasharray: 155.78347778320312px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5000000000000002s;
  }

  &.active .svg-elem-15 {
    stroke-dashoffset: 0;
    fill: rgb(150, 220, 216);
  }

  .svg-elem-16 {
    stroke-dashoffset: 97.41808319091797px;
    stroke-dasharray: 97.41808319091797px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  }

  &.active .svg-elem-16 {
    stroke-dashoffset: 0;
    fill: rgb(255, 181, 108);
  }

  .svg-elem-17 {
    stroke-dashoffset: 229.95523071289062px;
    stroke-dasharray: 229.95523071289062px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  }

  &.active .svg-elem-17 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-18 {
    stroke-dashoffset: 68.28814697265625px;
    stroke-dasharray: 68.28814697265625px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8000000000000003s;
  }

  &.active .svg-elem-18 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-19 {
    stroke-dashoffset: 375.6828308105469px;
    stroke-dasharray: 375.6828308105469px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  }

  &.active .svg-elem-19 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-20 {
    stroke-dashoffset: 249.58546447753906px;
    stroke-dasharray: 249.58546447753906px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  }

  &.active .svg-elem-20 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-21 {
    stroke-dashoffset: 249.6586151123047px;
    stroke-dasharray: 249.6586151123047px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  }

  &.active .svg-elem-21 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-22 {
    stroke-dashoffset: 172.44436645507812px;
    stroke-dasharray: 172.44436645507812px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  }

  &.active .svg-elem-22 {
    stroke-dashoffset: 0;
    fill: rgb(140, 123, 208);
  }

  .svg-elem-23 {
    stroke-dashoffset: 199.94808959960938px;
    stroke-dasharray: 199.94808959960938px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s;
  }

  &.active .svg-elem-23 {
    stroke-dashoffset: 0;
    fill: rgb(145, 163, 221);
  }

  .svg-elem-24 {
    stroke-dashoffset: 148.29824829101562px;
    stroke-dasharray: 148.29824829101562px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  }

  &.active .svg-elem-24 {
    stroke-dashoffset: 0;
    fill: rgb(255, 181, 108);
  }

  .svg-elem-25 {
    stroke-dashoffset: 113.11595153808594px;
    stroke-dasharray: 113.11595153808594px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5000000000000004s;
  }

  &.active .svg-elem-25 {
    stroke-dashoffset: 0;
    fill: rgb(255, 143, 183);
  }

  .svg-elem-26 {
    stroke-dashoffset: 146.86366271972656px;
    stroke-dasharray: 146.86366271972656px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  }

  &.active .svg-elem-26 {
    stroke-dashoffset: 0;
    fill: rgb(151, 219, 182);
  }

  .svg-elem-27 {
    stroke-dashoffset: 95.13795471191406px;
    stroke-dasharray: 95.13795471191406px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  }

  &.active .svg-elem-27 {
    stroke-dashoffset: 0;
    fill: rgb(239, 135, 174);
  }

  .svg-elem-28 {
    stroke-dashoffset: 76.13902282714844px;
    stroke-dasharray: 76.13902282714844px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s;
  }

  &.active .svg-elem-28 {
    stroke-dashoffset: 0;
    fill: rgb(255, 181, 108);
  }

  .svg-elem-29 {
    stroke-dashoffset: 38.71749496459961px;
    stroke-dasharray: 38.71749496459961px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
  }

  &.active .svg-elem-29 {
    stroke-dashoffset: 0;
    fill: rgb(227, 242, 241);
  }

  .svg-elem-30 {
    stroke-dashoffset: 69.09735870361328px;
    stroke-dasharray: 69.09735870361328px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0000000000000004s;
  }

  &.active .svg-elem-30 {
    stroke-dashoffset: 0;
    fill: rgb(254, 154, 186);
  }

  .svg-elem-31 {
    stroke-dashoffset: 258.90802001953125px;
    stroke-dasharray: 258.90802001953125px;
    fill: transparent;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
  }

  &.active .svg-elem-31 {
    stroke-dashoffset: 0;
    fill: rgb(227, 242, 241);
  }

  .svg-elem-32 {
    stroke-dashoffset: 244.62472534179688px;
    stroke-dasharray: 244.62472534179688px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.62s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
  }

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

  .svg-elem-33 {
    stroke-dashoffset: 105.3805160522461px;
    stroke-dasharray: 105.3805160522461px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s;
  }

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

  .svg-elem-34 {
    stroke-dashoffset: 53.94831085205078px;
    stroke-dasharray: 53.94831085205078px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.66s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
  }

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

  .svg-elem-35 {
    stroke-dashoffset: 39.24955368041992px;
    stroke-dasharray: 39.24955368041992px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5000000000000004s;
  }

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

  .svg-elem-36 {
    stroke-dashoffset: 13.360567092895508px;
    stroke-dasharray: 13.360567092895508px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s;
  }

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

  .svg-elem-37 {
    stroke-dashoffset: 86.11131286621094px;
    stroke-dasharray: 86.11131286621094px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
  }

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

  .svg-elem-38 {
    stroke-dashoffset: 136.1339111328125px;
    stroke-dasharray: 136.1339111328125px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.74s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8000000000000003s;
  }

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

  .svg-elem-39 {
    stroke-dashoffset: 115.72002410888672px;
    stroke-dasharray: 115.72002410888672px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.76s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
  }

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

  .svg-elem-40 {
    stroke-dashoffset: 73.76311492919922px;
    stroke-dasharray: 73.76311492919922px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
  }

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

  .svg-elem-41 {
    stroke-dashoffset: 58.65208435058594px;
    stroke-dasharray: 58.65208435058594px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1s;
  }

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

  .svg-elem-42 {
    stroke-dashoffset: 30.05552864074707px;
    stroke-dasharray: 30.05552864074707px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8200000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
  }

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

  .svg-elem-43 {
    stroke-dashoffset: 54.69196319580078px;
    stroke-dasharray: 54.69196319580078px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
  }

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

  .svg-elem-44 {
    stroke-dashoffset: 36.14654541015625px;
    stroke-dasharray: 36.14654541015625px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.86s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3999999999999995s;
  }

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

  .svg-elem-45 {
    stroke-dashoffset: 25.582386016845703px;
    stroke-dasharray: 25.582386016845703px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.88s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
  }

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

  .svg-elem-46 {
    stroke-dashoffset: 44.227684020996094px;
    stroke-dasharray: 44.227684020996094px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6s;
  }

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

  .svg-elem-47 {
    stroke-dashoffset: 34.25596237182617px;
    stroke-dasharray: 34.25596237182617px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
  }

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

  .svg-elem-48 {
    stroke-dashoffset: 10.656182289123535px;
    stroke-dasharray: 10.656182289123535px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9400000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
  }

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

  .svg-elem-49 {
    stroke-dashoffset: 5.500958681106567px;
    stroke-dasharray: 5.500958681106567px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
  }

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

  .svg-elem-50 {
    stroke-dashoffset: 89.91101837158203px;
    stroke-dasharray: 89.91101837158203px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.98s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
  }

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

  .svg-elem-51 {
    stroke-dashoffset: 36.64663314819336px;
    stroke-dasharray: 36.64663314819336px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s;
  }

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

  .svg-elem-52 {
    stroke-dashoffset: 32.6478271484375px;
    stroke-dasharray: 32.6478271484375px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.02s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
  }

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

  .svg-elem-53 {
    stroke-dashoffset: 24.79465103149414px;
    stroke-dasharray: 24.79465103149414px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s;
  }

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

  .svg-elem-54 {
    stroke-dashoffset: 21.689584732055664px;
    stroke-dasharray: 21.689584732055664px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.06s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
  }

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

  .svg-elem-55 {
    stroke-dashoffset: 22.00440216064453px;
    stroke-dasharray: 22.00440216064453px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s;
  }

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

  .svg-elem-56 {
    stroke-dashoffset: 22.820213317871094px;
    stroke-dasharray: 22.820213317871094px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6s;
  }

  &.active .svg-elem-56 {
    stroke-dashoffset: 0;
  }

  .svg-elem-57 {
    stroke-dashoffset: 217.44239807128906px;
    stroke-dasharray: 217.44239807128906px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s;
  }

  &.active .svg-elem-57 {
    stroke-dashoffset: 0;
  }

  .svg-elem-58 {
    stroke-dashoffset: 84.45681762695312px;
    stroke-dasharray: 84.45681762695312px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1400000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s;
  }

  &.active .svg-elem-58 {
    stroke-dashoffset: 0;
  }

  .svg-elem-59 {
    stroke-dashoffset: 12.431707382202148px;
    stroke-dasharray: 12.431707382202148px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.16s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s;
  }

  &.active .svg-elem-59 {
    stroke-dashoffset: 0;
  }

  .svg-elem-60 {
    stroke-dashoffset: 5.6207594871521px;
    stroke-dasharray: 5.6207594871521px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.18s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
  }

  &.active .svg-elem-60 {
    stroke-dashoffset: 0;
  }

  .svg-elem-61 {
    stroke-dashoffset: 7.216986179351807px;
    stroke-dasharray: 7.216986179351807px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.1s;
  }

  &.active .svg-elem-61 {
    stroke-dashoffset: 0;
  }

  .svg-elem-62 {
    stroke-dashoffset: 15.825065612792969px;
    stroke-dasharray: 15.825065612792969px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.22s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
  }

  &.active .svg-elem-62 {
    stroke-dashoffset: 0;
  }

  .svg-elem-63 {
    stroke-dashoffset: 8.590378761291504px;
    stroke-dasharray: 8.590378761291504px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.3s;
  }

  &.active .svg-elem-63 {
    stroke-dashoffset: 0;
  }

  .svg-elem-64 {
    stroke-dashoffset: 18.124603271484375px;
    stroke-dasharray: 18.124603271484375px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.26s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
  }

  &.active .svg-elem-64 {
    stroke-dashoffset: 0;
  }

  .svg-elem-65 {
    stroke-dashoffset: 6.568733215332031px;
    stroke-dasharray: 6.568733215332031px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s;
  }

  &.active .svg-elem-65 {
    stroke-dashoffset: 0;
  }

  .svg-elem-66 {
    stroke-dashoffset: 8.570785999298096px;
    stroke-dasharray: 8.570785999298096px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s;
  }

  &.active .svg-elem-66 {
    stroke-dashoffset: 0;
  }

  .svg-elem-67 {
    stroke-dashoffset: 21.883012771606445px;
    stroke-dasharray: 21.883012771606445px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.7s;
  }

  &.active .svg-elem-67 {
    stroke-dashoffset: 0;
  }

  .svg-elem-68 {
    stroke-dashoffset: 23.309629440307617px;
    stroke-dasharray: 23.309629440307617px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.34s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.8s;
  }

  &.active .svg-elem-68 {
    stroke-dashoffset: 0;
  }

  .svg-elem-69 {
    stroke-dashoffset: 2.9243670105934143px;
    stroke-dasharray: 2.9243670105934143px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.36s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.9s;
  }

  &.active .svg-elem-69 {
    stroke-dashoffset: 0;
  }

  .svg-elem-70 {
    stroke-dashoffset: 3.02321195602417px;
    stroke-dasharray: 3.02321195602417px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3800000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 7s;
  }

  &.active .svg-elem-70 {
    stroke-dashoffset: 0;
  }

  .svg-elem-71 {
    stroke-dashoffset: 3.7698622941970825px;
    stroke-dasharray: 3.7698622941970825px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.1s;
  }

  &.active .svg-elem-71 {
    stroke-dashoffset: 0;
  }

  .svg-elem-72 {
    stroke-dashoffset: 3.095779776573181px;
    stroke-dasharray: 3.095779776573181px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.42s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.2s;
  }

  &.active .svg-elem-72 {
    stroke-dashoffset: 0;
  }

  .svg-elem-73 {
    stroke-dashoffset: 4.309832572937012px;
    stroke-dasharray: 4.309832572937012px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.3s;
  }

  &.active .svg-elem-73 {
    stroke-dashoffset: 0;
  }

  .svg-elem-74 {
    stroke-dashoffset: 7.730058193206787px;
    stroke-dasharray: 7.730058193206787px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.46s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4s;
  }

  &.active .svg-elem-74 {
    stroke-dashoffset: 0;
  }

  .svg-elem-75 {
    stroke-dashoffset: 6.217614650726318px;
    stroke-dasharray: 6.217614650726318px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.5s;
  }

  &.active .svg-elem-75 {
    stroke-dashoffset: 0;
  }

  .svg-elem-76 {
    stroke-dashoffset: 8.64740800857544px;
    stroke-dasharray: 8.64740800857544px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.6s;
  }

  &.active .svg-elem-76 {
    stroke-dashoffset: 0;
  }

  .svg-elem-77 {
    stroke-dashoffset: 9.295125961303711px;
    stroke-dasharray: 9.295125961303711px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.7s;
  }

  &.active .svg-elem-77 {
    stroke-dashoffset: 0;
  }

  .svg-elem-78 {
    stroke-dashoffset: 8.21901559829712px;
    stroke-dasharray: 8.21901559829712px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.54s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.8s;
  }

  &.active .svg-elem-78 {
    stroke-dashoffset: 0;
  }

  .svg-elem-79 {
    stroke-dashoffset: 9.143951892852783px;
    stroke-dasharray: 9.143951892852783px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.9s;
  }

  &.active .svg-elem-79 {
    stroke-dashoffset: 0;
  }

  .svg-elem-80 {
    stroke-dashoffset: 7.640496253967285px;
    stroke-dasharray: 7.640496253967285px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.58s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 8s;
  }

  &.active .svg-elem-80 {
    stroke-dashoffset: 0;
  }

  .svg-elem-81 {
    stroke-dashoffset: 6.772482872009277px;
    stroke-dasharray: 6.772482872009277px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.1s;
  }

  &.active .svg-elem-81 {
    stroke-dashoffset: 0;
  }

  .svg-elem-82 {
    stroke-dashoffset: 5.758771896362305px;
    stroke-dasharray: 5.758771896362305px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.62s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.2s;
  }

  &.active .svg-elem-82 {
    stroke-dashoffset: 0;
  }

  .svg-elem-83 {
    stroke-dashoffset: 5.4972968101501465px;
    stroke-dasharray: 5.4972968101501465px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6400000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.3s;
  }

  &.active .svg-elem-83 {
    stroke-dashoffset: 0;
  }

  .svg-elem-84 {
    stroke-dashoffset: 6.579861640930176px;
    stroke-dasharray: 6.579861640930176px;
    transition: stroke-dashoffset 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6600000000000001s,
      fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 8.4s;
  }

  &.active .svg-elem-84 {
    stroke-dashoffset: 0;
  }

}