.module-hero svg.block-animation.teal rect {
  fill: #00E2C1;
}

.module-hero svg.block-animation.dark rect {
  fill: #000042;
}

.module-hero svg.block-animation.light rect {
  fill: #fff;
}

.module-hero svg.horizontal-line-animation.light .s0 {
  fill: #ffffff;
}

.module-hero svg.horizontal-line-animation.dark .s0 {
  fill: #000042;
}

.module-hero svg.horizontal-bar-animation.dark path {
  fill: none;
  stroke: #000042;
  stroke-width: 16px;
}

.module-hero svg.horizontal-bar-animation.light path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 16px;
}
/*
.module-hero svg.grid-animation g rect{
  transform-origin: bottom left;
}

.module-hero svg.grid-animation g.animating rect:first-child {
  animation: firstblockAnimation 1s ease-in-out;
}
.module-hero svg.grid-animation g.animating rect:last-child {
  animation: lastblockAnimation 1s ease-in-out;
}
@keyframes firstblockAnimation {
  0%   {scaleY: 0;}
  50%  {scaleY: 1;}
  100% {scaleY: 1;}
}
@keyframes lastblockAnimation {
  0%   {scaleY: 0;}
  50%  {scaleY: 1;}
  100% {scaleY: 1; translate: 0 8px;}
}*/
.module-hero svg.grid-animation.gold rect {
  fill: #E5AC2E;
}
.module-hero svg.grid-animation.teal rect {
  fill: #00E2C1;
}

.module-hero svg.grid-animation.neon rect {
  fill: #D2FF3E;
}

.module-hero svg.grid-animation.dark rect {
  fill: #000042;
}

.module-hero svg.vertical-bar-animation.magenta rect {
  fill: #F48DFF;
}

.module-hero svg.vertical-bar-animation.dark rect {
  fill: #000042;
}

.module-hero svg.vertical-bar-animation.light rect {
  fill: #ffffff;
}

.module-hero svg.vertical-line-animation.gold .s0 {
  fill: none;
  stroke: #E5AC2E;
  stroke-width: 16px;
}

.module-hero svg.vertical-line-animation.dark .s0 {
  fill: #000042;
}

.module-hero svg.vertical-line-animation.light .s0 {
  fill: #ffffff;
}
.module-hero svg.wave-animation.dark path {
  fill: none;
  stroke: #000042;
  stroke-width: 1px;
}

.module-hero svg.wave-animation.light path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1px;
}