/*Écoquartier - Scroll jack section*/
.scroll-jack-wrapper {
  position: relative;
}

.scroll-slide {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  box-sizing: border-box;
}

.scroll-slide#location-exal {
  position: sticky;
  top: 0;
  max-height: 100vh;
}

.scroll-slide#achat-fortissimo {
  margin-top: -1px;
  position: sticky;
  top: 0;
  max-height: 100vh;
}

/*Écoquartier - Slider des initiatives*/
.ecoquartier-initiatives-buttons-container {
  display: flex;
  gap: 24px;
}

.ecoquartier-initiatives-buttons-container .arrow {
  width: 84px;
  height: 84px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #eee8e0;
  border-radius: 100%;
  cursor: pointer;
}

.ecoquartier-initiatives-buttons-container .arrow svg{
  width: 11.96px;
  height: 22.51px;
}

.ecoquartier-initiatives-buttons-container .arrow:not(.disabled):hover {
  background-color: #eee8e0;
}

.ecoquartier-initiatives-buttons-container .arrow:not(.disabled):hover polyline {
  fill: #424938 !important;
}

.ecoquartier-initiatives-buttons-container .arrow.disabled {
  border: 1px solid #bba78d;
  cursor: unset !important;
}

.ecoquartier-initiatives-buttons-container .arrow.disabled polyline {
  fill: #bba78d !important;
}

.ecoquartier-initiatives-img {
  width: 1344px !important;
  height: 912px !important;
  object-fit: cover;
  object-position: center;
  max-width: unset !important;
  max-height: unset;
}

.ecoquartier-initiatives-title {
  font-family: 'Castoro', serif !important;
  font-size: 68px !important;
  line-height: 80px !important;
}

.ecoquartier-initiatives-current-number {
  font-family: 'Castoro', serif !important;
  font-size: 25px !important;
  color: #eee8e0;
}

.ecoquartier-initiatives-desc {
  display: block !important;
}

.intiatives-info-container .jet-listing-dynamic-repeater__item,
.intiatives-img-container .jet-listing-dynamic-repeater__item {
  position: absolute;
  opacity: 0;
  transition: all 300ms ease-out;
}

.intiatives-info-container .jet-listing-dynamic-repeater__item.active,
.intiatives-img-container .jet-listing-dynamic-repeater__item.active {
  display: block;
  position: relative;
  opacity: 1;
}


@media all and (max-height: 1200px) and (min-width: 1441px) {

  .scroll-slide-location,
  .scroll-slide-achat {
    padding-left: 68px !important;
    padding-bottom: 72px !important;
    gap: 64px !important
  }

  .scroll-slide-title * {
    font-size: 60px !important;
  }

  .scroll-slide-p * {
    font-size: 20px !important;
  }
}

/*Laptop*/
@media all and (max-width: 1440px) {
  #img-slide-in-container-885 {
    max-height: 640px !important;
  }

  #img-slide-in-container-740 {
    max-height: 540px !important;
  }

  .ecoquartier-initiatives-title {
    font-size: 40px !important;
    line-height: 52px !important;
  }
  .ecoquartier-initiatives-img {
    width: 80vw !important;
    height: 564px !important;
  }
}


@media all and (max-width: 1096px) {
  .scroll-jack-wrapper {
    overflow-x: scroll !important;
  }

  .scroll-slide {
    min-width: calc(100vw - 48px) !important;
    min-height: unset;
    max-height: unset !important;
    position: relative;
  }

  svg.ecoquartier-icon-line .svg-elem-1 {
    stroke-dashoffset: 100vw;
    stroke-dasharray: 100vw;
  }

  #img-slide-in-container-740 {
    max-height: 500px !important;
  }

}

@media all and (max-width: 767px) {
  #img-slide-in-container-740 {
    max-height: 372px !important;
  }

  .ecoquartier-initiatives-title {
    font-size: 32px !important;
    line-height: 40px !important;
  }
  .ecoquartier-initiatives-img {
    width: 100% !important;
    height: 320px !important;
  }
  .ecoquartier-initiatives-current-number {
    font-size: 16px !important;
  }

  .ecoquartier-initiatives-buttons-container .arrow {
    width: 40px;
    height: 40px;
  }
  .ecoquartier-initiatives-buttons-container .arrow svg{
    transform: scale(0.6);
  }
}


/*Écoquartier - Animations des pictogrammes*/

.ecoquartier-icon {
  fill: none;
  stroke: #383d31;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3px;
  overflow: visible;
}

.bikeCar-bike-path.ecoquartier-icon {
  stroke-width: 2px;
}

.horizontal-line {
  width: -webkit-fill-available;
}

svg.ecoquartier-icon-line .svg-elem-1 {
  stroke-dashoffset: 840px;
  stroke-dasharray: 840px;
  -webkit-transition: stroke-dashoffset 2.4s cubic-bezier(0.22, 1, 0.36, 1);
  transition: stroke-dashoffset 2.4s cubic-bezier(0.22, 1, 0.36, 1);
}

svg.ecoquartier-icon-line.active .svg-elem-1 {
  stroke-dashoffset: 0;
}

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

svg#gardenBox-icon.active .svg-elem-1 {
  stroke-dashoffset: 173.16629028320312px;
}

svg#gardenBox-icon .svg-elem-2 {
  stroke-dashoffset: 74.58000183105469px;
  stroke-dasharray: 74.58000183105469px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg#gardenBox-icon.active .svg-elem-2 {
  stroke-dashoffset: 149.16000366210938px;
}

svg#gardenBox-icon .svg-elem-3 {
  stroke-dashoffset: 74.58000183105469px;
  stroke-dasharray: 74.58000183105469px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg#gardenBox-icon.active .svg-elem-3 {
  stroke-dashoffset: 149.16000366210938px;
}

svg#gardenBox-icon .svg-elem-4 {
  stroke-dashoffset: 74.33999633789062px;
  stroke-dasharray: 74.33999633789062px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg#gardenBox-icon.active .svg-elem-4 {
  stroke-dashoffset: 148.67999267578125px;
}

svg#gardenBox-icon .svg-elem-5 {
  stroke-dashoffset: 99.1615219116211px;
  stroke-dasharray: 99.1615219116211px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg#gardenBox-icon.active .svg-elem-5 {
  stroke-dashoffset: 198.3230438232422px;
}

svg#gardenBox-icon .svg-elem-6 {
  stroke-dashoffset: 99.16154479980469px;
  stroke-dasharray: 99.16154479980469px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg#gardenBox-icon.active .svg-elem-6 {
  stroke-dashoffset: 198.32308959960938px;
}

svg#gardenBox-icon .svg-elem-7 {
  stroke-dashoffset: 61.06303405761719px;
  stroke-dasharray: 61.06303405761719px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg#gardenBox-icon.active .svg-elem-7 {
  stroke-dashoffset: 122.12606811523438px;
}

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

svg#benchTree-icon.active .svg-elem-1 {
  stroke-dashoffset: 32.55999755859375px;
}

svg#benchTree-icon .svg-elem-2 {
  stroke-dashoffset: 16.279998779296875px;
  stroke-dasharray: 16.279998779296875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg#benchTree-icon.active .svg-elem-2 {
  stroke-dashoffset: 32.55999755859375px;
}

svg#benchTree-icon .svg-elem-3 {
  stroke-dashoffset: 66.04000091552734px;
  stroke-dasharray: 66.04000091552734px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg#benchTree-icon.active .svg-elem-3 {
  stroke-dashoffset: 132.0800018310547px;
}

svg#benchTree-icon .svg-elem-4 {
  stroke-dashoffset: 149.74569702148438px;
  stroke-dasharray: 149.74569702148438px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg#benchTree-icon.active .svg-elem-4 {
  stroke-dashoffset: 299.49139404296875px;
}

svg#benchTree-icon .svg-elem-5 {
  stroke-dashoffset: 74.23999786376953px;
  stroke-dasharray: 74.23999786376953px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg#benchTree-icon.active .svg-elem-5 {
  stroke-dashoffset: 148.47999572753906px;
}

svg#benchTree-icon .svg-elem-6 {
  stroke-dashoffset: 148.9468994140625px;
  stroke-dasharray: 148.9468994140625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg#benchTree-icon.active .svg-elem-6 {
  stroke-dashoffset: 297.893798828125px;
}

svg#benchTree-icon .svg-elem-7 {
  stroke-dashoffset: 60.119441986083984px;
  stroke-dasharray: 60.119441986083984px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg#benchTree-icon.active .svg-elem-7 {
  stroke-dashoffset: 120.23888397216797px;
}

svg#benchTree-icon .svg-elem-8 {
  stroke-dashoffset: 161.08355712890625px;
  stroke-dasharray: 161.08355712890625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

svg#benchTree-icon.active .svg-elem-8 {
  stroke-dashoffset: 322.1671142578125px;
}

svg#benchTree-icon .svg-elem-9 {
  stroke-dashoffset: 10.95717716217041px;
  stroke-dasharray: 10.95717716217041px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

svg#benchTree-icon.active .svg-elem-9 {
  stroke-dashoffset: 21.91435432434082px;
}

svg#benchTree-icon .svg-elem-10 {
  stroke-dashoffset: 3.220001220703125px;
  stroke-dasharray: 3.220001220703125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

svg#benchTree-icon.active .svg-elem-10 {
  stroke-dashoffset: 6.44000244140625px;
}

svg#benchTree-icon .svg-elem-11 {
  stroke-dashoffset: 3.220001220703125px;
  stroke-dasharray: 3.220001220703125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg#benchTree-icon.active .svg-elem-11 {
  stroke-dashoffset: 6.44000244140625px;
}

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

svg#playground-icon.active .svg-elem-1 {
  stroke-dashoffset: 151.50027465820312px;
}

svg#playground-icon .svg-elem-2 {
  stroke-dashoffset: 75.75704193115234px;
  stroke-dasharray: 75.75704193115234px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg#playground-icon.active .svg-elem-2 {
  stroke-dashoffset: 151.5140838623047px;
}

svg#playground-icon .svg-elem-3 {
  stroke-dashoffset: 81.89985656738281px;
  stroke-dasharray: 81.89985656738281px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg#playground-icon.active .svg-elem-3 {
  stroke-dashoffset: 163.79971313476562px;
}

svg#playground-icon .svg-elem-4 {
  stroke-dashoffset: 11.848950386047363px;
  stroke-dasharray: 11.848950386047363px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg#playground-icon.active .svg-elem-4 {
  stroke-dashoffset: 23.697900772094727px;
}

svg#playground-icon .svg-elem-5 {
  stroke-dashoffset: 11.720000267028809px;
  stroke-dasharray: 11.720000267028809px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg#playground-icon.active .svg-elem-5 {
  stroke-dashoffset: 23.440000534057617px;
}

svg#playground-icon .svg-elem-6 {
  stroke-dashoffset: 11.720001220703125px;
  stroke-dasharray: 11.720001220703125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg#playground-icon.active .svg-elem-6 {
  stroke-dashoffset: 23.44000244140625px;
}

svg#playground-icon .svg-elem-7 {
  stroke-dashoffset: 11.480220794677734px;
  stroke-dasharray: 11.480220794677734px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg#playground-icon.active .svg-elem-7 {
  stroke-dashoffset: 22.96044158935547px;
}

svg#playground-icon .svg-elem-8 {
  stroke-dashoffset: 39px;
  stroke-dasharray: 39px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

svg#playground-icon.active .svg-elem-8 {
  stroke-dashoffset: 78px;
}

svg#playground-icon .svg-elem-9 {
  stroke-dashoffset: 39px;
  stroke-dasharray: 39px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

svg#playground-icon.active .svg-elem-9 {
  stroke-dashoffset: 78px;
}

svg#playground-icon .svg-elem-10 {
  stroke-dashoffset: 38.76000213623047px;
  stroke-dasharray: 38.76000213623047px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

svg#playground-icon.active .svg-elem-10 {
  stroke-dashoffset: 77.52000427246094px;
}

svg#playground-icon .svg-elem-11 {
  stroke-dashoffset: 38.76000213623047px;
  stroke-dasharray: 38.76000213623047px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg#playground-icon.active .svg-elem-11 {
  stroke-dashoffset: 77.52000427246094px;
}

svg#playground-icon .svg-elem-12 {
  stroke-dashoffset: 44.68993377685547px;
  stroke-dasharray: 44.68993377685547px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
}

svg#playground-icon.active .svg-elem-12 {
  stroke-dashoffset: 89.37986755371094px;
}

svg#playground-icon .svg-elem-13 {
  stroke-dashoffset: 44.731895446777344px;
  stroke-dasharray: 44.731895446777344px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
}

svg#playground-icon.active .svg-elem-13 {
  stroke-dashoffset: 89.46379089355469px;
}

svg#playground-icon .svg-elem-14 {
  stroke-dashoffset: 140.58164978027344px;
  stroke-dasharray: 140.58164978027344px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
}

svg#playground-icon.active .svg-elem-14 {
  stroke-dashoffset: 281.1632995605469px;
}

svg#playground-icon .svg-elem-15 {
  stroke-dashoffset: 56.19276428222656px;
  stroke-dasharray: 56.19276428222656px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
}

svg#playground-icon.active .svg-elem-15 {
  stroke-dashoffset: 112.38552856445312px;
}

svg#playground-icon .svg-elem-16 {
  stroke-dashoffset: 111.43950653076172px;
  stroke-dasharray: 111.43950653076172px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
}

svg#playground-icon.active .svg-elem-16 {
  stroke-dashoffset: 222.87901306152344px;
}

svg#playground-icon .svg-elem-17 {
  stroke-dashoffset: 16.41620635986328px;
  stroke-dasharray: 16.41620635986328px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.82s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
}

svg#playground-icon.active .svg-elem-17 {
  stroke-dashoffset: 32.83241271972656px;
}

svg#playground-icon .svg-elem-18 {
  stroke-dashoffset: 58.163291931152344px;
  stroke-dasharray: 58.163291931152344px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.94s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.94s;
}

svg#playground-icon.active .svg-elem-18 {
  stroke-dashoffset: 116.32658386230469px;
}

svg#playground-icon .svg-elem-19 {
  stroke-dashoffset: 9.747241497039795px;
  stroke-dasharray: 9.747241497039795px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.98s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.98s;
}

svg#playground-icon.active .svg-elem-19 {
  stroke-dashoffset: 19.49448299407959px;
}

svg#playground-icon .svg-elem-20 {
  stroke-dashoffset: 182.0902557373047px;
  stroke-dasharray: 182.0902557373047px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg#playground-icon.active .svg-elem-20 {
  stroke-dashoffset: 364.1805114746094px;
}

svg#playground-icon .svg-elem-21 {
  stroke-dashoffset: 54.199947357177734px;
  stroke-dasharray: 54.199947357177734px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg#playground-icon.active .svg-elem-21 {
  stroke-dashoffset: 108.39989471435547px;
}

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

svg#bike-icon.active .svg-elem-1 {
  stroke-dashoffset: 83.81815338134766px;
}

svg#bike-icon .svg-elem-2 {
  stroke-dashoffset: 55.50374984741211px;
  stroke-dasharray: 55.50374984741211px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg#bike-icon.active .svg-elem-2 {
  stroke-dashoffset: 111.00749969482422px;
}

svg#bike-icon .svg-elem-3 {
  stroke-dashoffset: 2.0682858377695084px;
  stroke-dasharray: 2.0682858377695084px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg#bike-icon.active .svg-elem-3 {
  stroke-dashoffset: 4.136571675539017px;
}

svg#bike-icon .svg-elem-4 {
  stroke-dashoffset: 135.01503295299185px;
  stroke-dasharray: 135.01503295299185px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg#bike-icon.active .svg-elem-4 {
  stroke-dashoffset: 270.0300659059837px;
}

svg#bike-icon .svg-elem-5 {
  stroke-dashoffset: 135.01503295299185px;
  stroke-dasharray: 135.01503295299185px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg#bike-icon.active .svg-elem-5 {
  stroke-dashoffset: 270.0300659059837px;
}

svg#bike-icon .svg-elem-6 {
  stroke-dashoffset: 92.99909973144531px;
  stroke-dasharray: 92.99909973144531px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg#bike-icon.active .svg-elem-6 {
  stroke-dashoffset: 185.99819946289062px;
}

svg#bike-icon .svg-elem-7 {
  stroke-dashoffset: 32.371334075927734px;
  stroke-dasharray: 32.371334075927734px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg#bike-icon.active .svg-elem-7 {
  stroke-dashoffset: 64.74266815185547px;
}

svg#bike-icon .svg-elem-8 {
  stroke-dashoffset: 30.4518985748291px;
  stroke-dasharray: 30.4518985748291px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

svg#bike-icon.active .svg-elem-8 {
  stroke-dashoffset: 60.9037971496582px;
}

svg#bike-icon .svg-elem-9 {
  stroke-dashoffset: 32.68883514404297px;
  stroke-dasharray: 32.68883514404297px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

svg#bike-icon.active .svg-elem-9 {
  stroke-dashoffset: 65.37767028808594px;
}

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

svg#bikeCar-icon.active .svg-elem-1 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-2 {
  stroke-dashoffset: 12.28397274017334px;
  stroke-dasharray: 12.28397274017334px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg#bikeCar-icon.active .svg-elem-2 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-3 {
  stroke-dashoffset: 16.892282485961914px;
  stroke-dasharray: 16.892282485961914px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg#bikeCar-icon.active .svg-elem-3 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-4 {
  stroke-dashoffset: 32.86823654174805px;
  stroke-dasharray: 32.86823654174805px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg#bikeCar-icon.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-5 {
  stroke-dashoffset: 116.2934341430664px;
  stroke-dasharray: 116.2934341430664px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg#bikeCar-icon.active .svg-elem-5 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-6 {
  stroke-dashoffset: 25.01000213623047px;
  stroke-dasharray: 25.01000213623047px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg#bikeCar-icon.active .svg-elem-6 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-7 {
  stroke-dashoffset: 5.220000267028809px;
  stroke-dasharray: 5.220000267028809px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg#bikeCar-icon.active .svg-elem-7 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-8 {
  stroke-dashoffset: 5.220063209533691px;
  stroke-dasharray: 5.220063209533691px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

svg#bikeCar-icon.active .svg-elem-8 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-9 {
  stroke-dashoffset: 36.44160461425781px;
  stroke-dasharray: 36.44160461425781px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

svg#bikeCar-icon.active .svg-elem-9 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-10 {
  stroke-dashoffset: 17.909652709960938px;
  stroke-dasharray: 17.909652709960938px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

svg#bikeCar-icon.active .svg-elem-10 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-11 {
  stroke-dashoffset: 33.787872314453125px;
  stroke-dasharray: 33.787872314453125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg#bikeCar-icon.active .svg-elem-11 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-12 {
  stroke-dashoffset: 13.950004577636719px;
  stroke-dasharray: 13.950004577636719px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
}

svg#bikeCar-icon.active .svg-elem-12 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-13 {
  stroke-dashoffset: 27.80234146118164px;
  stroke-dasharray: 27.80234146118164px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
}

svg#bikeCar-icon.active .svg-elem-13 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-14 {
  stroke-dashoffset: 27.802345275878906px;
  stroke-dasharray: 27.802345275878906px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
}

svg#bikeCar-icon.active .svg-elem-14 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-15 {
  stroke-dashoffset: 180.2596435546875px;
  stroke-dasharray: 180.2596435546875px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
}

svg#bikeCar-icon.active .svg-elem-15 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-16 {
  stroke-dashoffset: 55.28281021118164px;
  stroke-dasharray: 55.28281021118164px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
}

svg#bikeCar-icon.active .svg-elem-16 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-17 {
  stroke-dashoffset: 37.58184814453125px;
  stroke-dasharray: 37.58184814453125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
}

svg#bikeCar-icon.active .svg-elem-17 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-18 {
  stroke-dashoffset: 37.599029541015625px;
  stroke-dasharray: 37.599029541015625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s;
}

svg#bikeCar-icon.active .svg-elem-18 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-19 {
  stroke-dashoffset: 72.05690002441406px;
  stroke-dasharray: 72.05690002441406px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s;
}

svg#bikeCar-icon.active .svg-elem-19 {
  stroke-dashoffset: 0;
}

svg#bikeCar-icon .svg-elem-20 {
  stroke-dashoffset: 57.66071701049805px;
  stroke-dasharray: 57.66071701049805px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s;
}

svg#bikeCar-icon.active .svg-elem-20 {
  stroke-dashoffset: 0;
}

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

svg#shopping-icon.active .svg-elem-1 {
  stroke-dashoffset: 41.37371826171875px;
}

svg#shopping-icon .svg-elem-2 {
  stroke-dashoffset: 20.68686294555664px;
  stroke-dasharray: 20.68686294555664px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg#shopping-icon.active .svg-elem-2 {
  stroke-dashoffset: 41.37372589111328px;
}

svg#shopping-icon .svg-elem-3 {
  stroke-dashoffset: 118.31700134277344px;
  stroke-dasharray: 118.31700134277344px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg#shopping-icon.active .svg-elem-3 {
  stroke-dashoffset: 236.63400268554688px;
}

svg#shopping-icon .svg-elem-4 {
  stroke-dashoffset: 44.349998474121094px;
  stroke-dasharray: 44.349998474121094px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg#shopping-icon.active .svg-elem-4 {
  stroke-dashoffset: 88.69999694824219px;
}

svg#shopping-icon .svg-elem-5 {
  stroke-dashoffset: 119.60154724121094px;
  stroke-dasharray: 119.60154724121094px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg#shopping-icon.active .svg-elem-5 {
  stroke-dashoffset: 239.20309448242188px;
}

svg#shopping-icon .svg-elem-6 {
  stroke-dashoffset: 62.57252883911133px;
  stroke-dasharray: 62.57252883911133px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg#shopping-icon.active .svg-elem-6 {
  stroke-dashoffset: 125.14505767822266px;
}

svg#shopping-icon .svg-elem-7 {
  stroke-dashoffset: 46.05000305175781px;
  stroke-dasharray: 46.05000305175781px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg#shopping-icon.active .svg-elem-7 {
  stroke-dashoffset: 92.10000610351562px;
}

svg#shopping-icon .svg-elem-8 {
  stroke-dashoffset: 14.736467361450195px;
  stroke-dasharray: 14.736467361450195px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

svg#shopping-icon.active .svg-elem-8 {
  stroke-dashoffset: 29.47293472290039px;
}

svg#shopping-icon .svg-elem-9 {
  stroke-dashoffset: 39.5791015625px;
  stroke-dasharray: 39.5791015625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

svg#shopping-icon.active .svg-elem-9 {
  stroke-dashoffset: 79.158203125px;
}

svg#shopping-icon .svg-elem-10 {
  stroke-dashoffset: 96.07825469970703px;
  stroke-dasharray: 96.07825469970703px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

svg#shopping-icon.active .svg-elem-10 {
  stroke-dashoffset: 192.15650939941406px;
}

svg#shopping-icon .svg-elem-11 {
  stroke-dashoffset: 14.842206001281738px;
  stroke-dasharray: 14.842206001281738px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg#shopping-icon.active .svg-elem-11 {
  stroke-dashoffset: 29.684412002563477px;
}