/* SCSS Variables */
/* Mixins */
/*
 * Styles for Animated Illustration block
 * The parent container MUST have position: relative for this to work.
 */
.wp-block-youthhostels-animated-illustration {
  position: absolute;
  z-index: 1;
  width: var(--svg-width, 150px);
  height: var(--svg-height, auto);
}
.wp-block-youthhostels-animated-illustration:not(.block-editor-block-list__block) {
  pointer-events: none;
}
.wp-block-youthhostels-animated-illustration svg {
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(0.75);
}
@media (min-width: 782px) {
  .wp-block-youthhostels-animated-illustration svg {
    transform: scale(1);
  }
}
.wp-block-youthhostels-animated-illustration svg [class*=svg-elem-] {
  stroke-dashoffset: var(--stroke-length, 100px);
  transition: stroke-dashoffset var(--stroke-duration, 1s) var(--stroke-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) var(--stroke-delay, 0s), fill var(--fill-duration, 0.7s) var(--fill-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) var(--fill-delay, 0.8s);
}
.wp-block-youthhostels-animated-illustration svg.active [class*=svg-elem-] {
  stroke-dashoffset: 0 !important;
}
.wp-block-youthhostels-animated-illustration svg.active .dashed {
  stroke-dasharray: 3.2 3.2;
}
.wp-block-youthhostels-animated-illustration svg.active .svg-fill-animate {
  fill: var(--fill-color, currentColor) !important;
}
.wp-block-youthhostels-animated-illustration svg.is-animating .svg-stroke-animate {
  stroke-dashoffset: var(--stroke-length, 100);
  transition: stroke-dashoffset var(--stroke-duration, 1s) var(--stroke-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) var(--stroke-delay, 0s);
}
.wp-block-youthhostels-animated-illustration svg.is-animating .svg-stroke-animate.animate {
  stroke-dashoffset: 0;
}
.wp-block-youthhostels-animated-illustration svg.is-animating .svg-fill-animate {
  fill: transparent;
  transition: fill var(--fill-duration, 0.7s) var(--fill-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) var(--fill-delay, 0.8s);
}
.wp-block-youthhostels-animated-illustration svg.is-animating .svg-fill-animate.animate {
  fill: var(--fill-color, currentColor);
}
.wp-block-youthhostels-animated-illustration svg.is-animating .svg-animation-fade {
  opacity: 0;
  transition: opacity var(--fade-duration, 0.6s) var(--fade-easing, ease-in-out) var(--fade-delay, 0s);
}
.wp-block-youthhostels-animated-illustration svg.is-animating .svg-animation-fade.animate {
  opacity: 1;
}
.wp-block-youthhostels-animated-illustration svg.svg-animation-slow {
  --animation-duration: 1.5s;
}
.wp-block-youthhostels-animated-illustration svg.svg-animation-fast {
  --animation-duration: 0.5s;
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-youthhostels-animated-illustration svg.active [class*=svg-elem-],
  .wp-block-youthhostels-animated-illustration svg.active .svg-stroke-animate,
  .wp-block-youthhostels-animated-illustration svg.active .svg-fill-animate,
  .wp-block-youthhostels-animated-illustration svg.active .svg-animation-fade, .wp-block-youthhostels-animated-illustration svg.is-animating [class*=svg-elem-],
  .wp-block-youthhostels-animated-illustration svg.is-animating .svg-stroke-animate,
  .wp-block-youthhostels-animated-illustration svg.is-animating .svg-fill-animate,
  .wp-block-youthhostels-animated-illustration svg.is-animating .svg-animation-fade {
    transition: none;
  }
  .wp-block-youthhostels-animated-illustration svg.active [class*=svg-elem-],
  .wp-block-youthhostels-animated-illustration svg.active .svg-stroke-animate, .wp-block-youthhostels-animated-illustration svg.is-animating [class*=svg-elem-],
  .wp-block-youthhostels-animated-illustration svg.is-animating .svg-stroke-animate {
    stroke-dashoffset: 0;
  }
  .wp-block-youthhostels-animated-illustration svg.active .svg-fill-animate, .wp-block-youthhostels-animated-illustration svg.is-animating .svg-fill-animate {
    fill: var(--fill-color, currentColor);
  }
  .wp-block-youthhostels-animated-illustration svg.active .svg-animation-fade, .wp-block-youthhostels-animated-illustration svg.is-animating .svg-animation-fade {
    opacity: 1;
  }
}
.wp-block-youthhostels-animated-illustration #animated-icon-bike .svg-elem-1 {
  stroke-dashoffset: var(--stroke-length-1, 83.6463623047px);
  stroke-dasharray: var(--stroke-length-1, 83.6463623047px);
  transition: stroke-dashoffset var(--stroke-duration, 1s) var(--stroke-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) calc(var(--stroke-delay, 0s) + 0s), fill var(--fill-duration, 0.7s) var(--fill-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) calc(var(--fill-delay, 0.8s) + 0s);
}
.wp-block-youthhostels-animated-illustration #animated-icon-bike .svg-elem-2 {
  stroke-dashoffset: var(--stroke-length-2, 254.4474639893px);
  stroke-dasharray: var(--stroke-length-2, 254.4474639893px);
  transition: stroke-dashoffset var(--stroke-duration, 1s) var(--stroke-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) calc(var(--stroke-delay, 0s) + 0.12s), fill var(--fill-duration, 0.7s) var(--fill-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) calc(var(--fill-delay, 0.8s) + 0.12s);
}
.wp-block-youthhostels-animated-illustration #animated-icon-bike .svg-elem-3 {
  stroke-dashoffset: var(--stroke-length-3, 69.8778152466px);
  stroke-dasharray: var(--stroke-length-3, 69.8778152466px);
  transition: stroke-dashoffset var(--stroke-duration, 1s) var(--stroke-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) calc(var(--stroke-delay, 0s) + 0.24s), fill var(--fill-duration, 0.7s) var(--fill-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) calc(var(--fill-delay, 0.8s) + 0.24s);
}
.wp-block-youthhostels-animated-illustration #animated-icon-bike .svg-elem-4 {
  stroke-dashoffset: var(--stroke-length-4, 69.8771820068px);
  stroke-dasharray: var(--stroke-length-4, 69.8771820068px);
  transition: stroke-dashoffset var(--stroke-duration, 1s) var(--stroke-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) calc(var(--stroke-delay, 0s) + 0.36s), fill var(--fill-duration, 0.7s) var(--fill-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) calc(var(--fill-delay, 0.8s) + 0.36s);
}
.wp-block-youthhostels-animated-illustration #animated-icon-bike .svg-elem-5 {
  stroke-dashoffset: var(--stroke-length-5, 442px);
  stroke-dasharray: var(--stroke-length-5, 442px);
  fill: transparent;
  transition: stroke-dashoffset var(--stroke-duration, 1s) var(--stroke-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) calc(var(--stroke-delay, 0s) + 0.48s), fill var(--fill-duration, 0.7s) var(--fill-easing, cubic-bezier(0.47, 0, 0.745, 0.715)) calc(var(--fill-delay, 0.8s) + 0.48s);
}
.wp-block-youthhostels-animated-illustration #animated-icon-terrace .svg-elem-1 {
  stroke-dashoffset: 79.0891723633px;
  stroke-dasharray: 79.0891723633px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-terrace .svg-elem-2 {
  stroke-dashoffset: 19.7771873474px;
  stroke-dasharray: 19.7771873474px;
  -webkit-transition: stroke-dashoffset 1s 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;
  transition: stroke-dashoffset 1s 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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-terrace .svg-elem-3 {
  stroke-dashoffset: 9.1115221977px;
  stroke-dasharray: 9.1115221977px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-terrace .svg-elem-4 {
  stroke-dashoffset: 19.7703742981px;
  stroke-dasharray: 19.7703742981px;
  -webkit-transition: stroke-dashoffset 1s 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;
  transition: stroke-dashoffset 1s 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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-terrace .svg-elem-5 {
  stroke-dashoffset: 9.1168069839px;
  stroke-dasharray: 9.1168069839px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-terrace .svg-elem-6 {
  stroke-dashoffset: 20.6500377655px;
  stroke-dasharray: 20.6500377655px;
  -webkit-transition: stroke-dashoffset 1s 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;
  transition: stroke-dashoffset 1s 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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-terrace .svg-elem-7 {
  stroke-dashoffset: 176.3708953857px;
  stroke-dasharray: 176.3708953857px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-terrace .svg-elem-8 {
  stroke-dashoffset: 65.7448577881px;
  stroke-dasharray: 65.7448577881px;
  -webkit-transition: stroke-dashoffset 1s 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;
  transition: stroke-dashoffset 1s 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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-terrace .svg-elem-9 {
  stroke-dashoffset: 322px;
  stroke-dasharray: 322px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s 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;
  transition: stroke-dashoffset 1s 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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-1 {
  stroke-dashoffset: 562px;
  stroke-dasharray: 562px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-2 {
  stroke-dashoffset: 144.7974243164px;
  stroke-dasharray: 144.7974243164px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-3 {
  stroke-dashoffset: 192.1438293457px;
  stroke-dasharray: 192.1438293457px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-4 {
  stroke-dashoffset: 41.2151374817px;
  stroke-dasharray: 41.2151374817px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-5 {
  stroke-dashoffset: 41.1893844604px;
  stroke-dasharray: 41.1893844604px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-6 {
  stroke-dashoffset: 11.9037761688px;
  stroke-dasharray: 11.9037761688px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-7 {
  stroke-dashoffset: 11.9037742615px;
  stroke-dasharray: 11.9037742615px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-8 {
  stroke-dashoffset: 33.6857700348px;
  stroke-dasharray: 33.6857700348px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-9 {
  stroke-dashoffset: 20.8297367096px;
  stroke-dasharray: 20.8297367096px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-10 {
  stroke-dashoffset: 14.5269947052px;
  stroke-dasharray: 14.5269947052px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-11 {
  stroke-dashoffset: 20.3176784515px;
  stroke-dasharray: 20.3176784515px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-pillow .svg-elem-12 {
  stroke-dashoffset: 14.5269832611px;
  stroke-dasharray: 14.5269832611px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-1 {
  stroke-dashoffset: 402px;
  stroke-dasharray: 402px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-2 {
  stroke-dashoffset: 194.3807678223px;
  stroke-dasharray: 194.3807678223px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-3 {
  stroke-dashoffset: 5.7442359924px;
  stroke-dasharray: 5.7442359924px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-4 {
  stroke-dashoffset: 5.3725941181px;
  stroke-dasharray: 5.3725941181px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-5 {
  stroke-dashoffset: 5.7497756481px;
  stroke-dasharray: 5.7497756481px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-6 {
  stroke-dashoffset: 5.7497756481px;
  stroke-dasharray: 5.7497756481px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-7 {
  stroke-dashoffset: 121.4340057373px;
  stroke-dasharray: 121.4340057373px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-8 {
  stroke-dashoffset: 9.6600542068px;
  stroke-dasharray: 9.6600542068px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-9 {
  stroke-dashoffset: 5.6454501152px;
  stroke-dasharray: 5.6454501152px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-10 {
  stroke-dashoffset: 9.6600375175px;
  stroke-dasharray: 9.6600375175px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-11 {
  stroke-dashoffset: 5.655380249px;
  stroke-dasharray: 5.655380249px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-12 {
  stroke-dashoffset: 9.6600499153px;
  stroke-dasharray: 9.6600499153px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-13 {
  stroke-dashoffset: 5.6556797028px;
  stroke-dasharray: 5.6556797028px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-14 {
  stroke-dashoffset: 9.6600489616px;
  stroke-dasharray: 9.6600489616px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-15 {
  stroke-dashoffset: 5.6556797028px;
  stroke-dasharray: 5.6556797028px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-compass .svg-elem-16 {
  stroke-dashoffset: 56.1734161377px;
  stroke-dasharray: 56.1734161377px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-meal .svg-elem-1 {
  stroke-dashoffset: 422px;
  stroke-dasharray: 422px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-meal .svg-elem-2 {
  stroke-dashoffset: 70.0354232788px;
  stroke-dasharray: 70.0354232788px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-meal .svg-elem-3 {
  stroke-dashoffset: 95.8781280518px;
  stroke-dasharray: 95.8781280518px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-meal .svg-elem-4 {
  stroke-dashoffset: 87.8993682861px;
  stroke-dasharray: 87.8993682861px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-meal .svg-elem-5 {
  stroke-dashoffset: 16.1515464783px;
  stroke-dasharray: 16.1515464783px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-meal .svg-elem-6 {
  stroke-dashoffset: 85.0186920166px;
  stroke-dasharray: 85.0186920166px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-meal .svg-elem-7 {
  stroke-dashoffset: 70.1159439087px;
  stroke-dasharray: 70.1159439087px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-kayak .svg-elem-1 {
  stroke-dashoffset: 482px;
  stroke-dasharray: 482px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-kayak .svg-elem-2 {
  stroke-dashoffset: 118.3555526733px;
  stroke-dasharray: 118.3555526733px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-kayak .svg-elem-3 {
  stroke-dashoffset: 90.6981658936px;
  stroke-dasharray: 90.6981658936px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-kayak .svg-elem-4 {
  stroke-dashoffset: 107.9297866821px;
  stroke-dasharray: 107.9297866821px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-kayak .svg-elem-5 {
  stroke-dashoffset: 32.8117523193px;
  stroke-dasharray: 32.8117523193px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-kayak .svg-elem-6 {
  stroke-dashoffset: 35.4053153992px;
  stroke-dasharray: 35.4053153992px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-kayak .svg-elem-7 {
  stroke-dashoffset: 32.8083152771px;
  stroke-dasharray: 32.8083152771px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-lecker .svg-elem-1 {
  stroke-dashoffset: 575.4000244141px;
  stroke-dasharray: 575.4000244141px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-lecker .svg-elem-2 {
  stroke-dashoffset: 172.5208129883px;
  stroke-dasharray: 172.5208129883px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s 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;
  transition: stroke-dashoffset 1s 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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-lecker .svg-elem-3 {
  stroke-dashoffset: 296.6990661621px;
  stroke-dasharray: 296.6990661621px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-lecker .svg-elem-4 {
  stroke-dashoffset: 93.1529464722px;
  stroke-dasharray: 93.1529464722px;
  -webkit-transition: stroke-dashoffset 1s 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;
  transition: stroke-dashoffset 1s 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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-lecker .svg-elem-5 {
  stroke-dashoffset: 264.061340332px;
  stroke-dasharray: 264.061340332px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-smiley .svg-elem-1 {
  stroke-dashoffset: 78.6446151733px;
  stroke-dasharray: 78.6446151733px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}
.wp-block-youthhostels-animated-illustration #animated-icon-smiley .svg-elem-2 {
  stroke-dashoffset: 138.2799987793px;
  stroke-dasharray: 138.2799987793px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s 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;
  transition: stroke-dashoffset 1s 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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-arrow01 .svg-elem-1 {
  stroke-dashoffset: 432.9918212891px;
  stroke-dasharray: 432.9918212891px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-arrow01 .svg-elem-2 {
  stroke-dashoffset: 24.1471595764px;
  stroke-dasharray: 24.1471595764px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-arrow02 .svg-elem-1 {
  stroke-dashoffset: 75.1806259155px;
  stroke-dasharray: 75.1806259155px;
  -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;
}
.wp-block-youthhostels-animated-illustration #animated-icon-arrow02 .svg-elem-2 {
  stroke-dashoffset: 26.4437828064px;
  stroke-dasharray: 26.4437828064px;
  -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;
}