.lottie-animation-element {
  background-color: #ebebeb;
  color: #04042b;
}
.lottie-animation-element .left-gradient {
  background-image: url("/gradients/left-gradient.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 200px;
}
@media (min-width: 768px) {
  .lottie-animation-element .left-gradient {
    background-size: 250px;
  }
}
@media (min-width: 992px) {
  .lottie-animation-element .left-gradient {
    background-size: 400px;
  }
}
.lottie-animation-element .right-gradient {
  background-image: url("/gradients/right-gradient.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 200px;
}
@media (min-width: 768px) {
  .lottie-animation-element .right-gradient {
    background-size: 250px;
  }
}
@media (min-width: 992px) {
  .lottie-animation-element .right-gradient {
    background-size: 400px;
  }
}
.lottie-animation-element.dark {
  background-color: #04042b;
  color: #ffffff;
}
.lottie-animation-element .lottie-animation-wrapper {
  position: relative;
  max-width: 80%;
  width: 600px;
}
.lottie-animation-element .lottie-animation-holder {
  padding-top: 100%;
  position: relative;
}
.lottie-animation-element lottie-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*# sourceMappingURL=../../../dist/css/maps/elements/lottie-animation.css.map */