.indicator {
    position: absolute;
    width: 128px;
    height: 128px;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -64px; 
  }
  
  .indicator::before,
  .indicator::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  
  .indicator.circle::before {
    border: 2px solid #ddd;
    border-top-color: #9D1546;
    z-index: 3;
    border-radius: 1000px;
    animation: rotate 1s infinite linear;
  }

  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(90deg);
    }
    50% {
      transform: rotate(180deg);
    }
    75% {
      transform: rotate (270deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  .indicator.check::before {
    transform: scaleX(-1) rotate(135deg);
    transform-origin: top left;
    border-top: 3px solid #eee;
    border-right: 3px solid #eee;
    border-color: #9D1546;
    z-index: 3;
    height: 50%;
    width: 25%;
    margin-top: 54%;
    margin-left: 25%;
    animation: check 1s ease;
  }
  
  .indicator.check::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5000px;
    border: 2px solid #eee;
    /* border-color: #9D1546; */
    z-index: 3;
  }

  .indicator.times {
    position: absolute;
    border-radius: 5000px;
    border: 2px solid #eee;
    z-index: 3;
  }
  
  .indicator.times::after {
    transform: rotate(45deg) translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transform-origin: top left;
    border-bottom: 3px solid #eee;
    z-index: 3;
    width: 50%;
    height: 0;
    animation: times1 1s ease;
  }

  .indicator.times::before {
    transform: rotate(-45deg) translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transform-origin: top left;
    border-top: 3px solid #eee;
    z-index: 3;
    width: 50%;
    height: 0;
    animation: times2 1s ease;
  }

  @keyframes times1 {
    0% {
      width: 0;
    }
    50% {
      width: 50%;
    }
    100% {
      width: 50%;
    }
  }
  
  @keyframes times2 {
    0% {
      width: 0;
    }
    50% {
      width: 0;
    }
    100% {
      width: 50%;
    }
  }

  @keyframes check {
    0% {
      height: 0;
      width: 0;
    }
    20% {
      height: 0%;
      width: 25%;
    }
    40% {
      height: 50%;
      width: 25%;
    }
    100% {
      height: 50%;
      width: 25%;
    }
  }



  .ng-leave.-bounce {
    animation-name: bounce; }
    
    .ng-leave.-flash {
    animation-name: flash; }
    
    .ng-leave.-pulse {
    animation-name: pulse; }
    
    .ng-leave.-rubberBand {
    animation-name: rubberBand; }
    
    .ng-leave.-shake {
    animation-name: shake; }
    
    .ng-leave.-swing {
    animation-name: swing; }
    
    .ng-leave.-tada {
    animation-name: tada; }
    
    .ng-leave.-wobble {
    animation-name: wobble; }
    
    .ng-leave.-jello {
    animation-name: jello; }
    
    .ng-leave.-heartBeat {
    animation-name: heartBeat; }
    
    .ng-leave.-bounceIn {
    animation-name: bounceIn; }
    
    .ng-leave.-bounceInDown {
    animation-name: bounceInDown; }
    
    .ng-leave.-bounceInLeft {
    animation-name: bounceInLeft; }
    
    .ng-leave.-bounceInRight {
    animation-name: bounceInRight; }
    
    .ng-leave.-bounceInUp {
    animation-name: bounceInUp; }
    
    .ng-leave.-fadeIn {
    animation-name: fadeIn; }
    
    .ng-leave.-fadeInDown {
    animation-name: fadeInDown; }
    
    .ng-leave.-fadeInDownBig {
    animation-name: fadeInDownBig; }
    
    .ng-leave.-fadeInLeft {
    animation-name: fadeInLeft; }
    
    .ng-leave.-fadeInLeftBig {
    animation-name: fadeInLeftBig; }
    
    .ng-leave.-fadeInRight {
    animation-name: fadeInRight; }
    
    .ng-leave.-fadeInRightBig {
    animation-name: fadeInRightBig; }
    
    .ng-leave.-fadeInUp {
    animation-name: fadeInUp; }
    
    .ng-leave.-fadeInUpBig {
    animation-name: fadeInUpBig; }
    
    .ng-leave.-flip {
    animation-name: flip; }
    
    .ng-leave.-flipInX {
    animation-name: flipInX; }
    
    .ng-leave.-flipInY {
    animation-name: flipInY; }
    
    .ng-leave.-lightSpeedIn {
    animation-name: lightSpeedIn; }
    
    .ng-leave.-rotateIn {
    animation-name: rotateIn; }
    
    .ng-leave.-rotateInDownLeft {
    animation-name: rotateInDownLeft; }
    
    .ng-leave.-rotateInDownRight {
    animation-name: rotateInDownRight; }
    
    .ng-leave.-rotateInUpLeft {
    animation-name: rotateInUpLeft; }
    
    .ng-leave.-rotateInUpRight {
    animation-name: rotateInUpRight; }
    
    .ng-leave.-slideInUp {
    animation-name: slideInUp; }
    
    .ng-leave.-slideInDown {
    animation-name: slideInDown; }
    
    .ng-leave.-slideInLeft {
    animation-name: slideInLeft; }
    
    .ng-leave.-slideInRight {
    animation-name: slideInRight; }
    
    .ng-leave.-zoomIn {
    animation-name: zoomIn; }
    
    .ng-leave.-zoomInDown {
    animation-name: zoomInDown; }
    
    .ng-leave.-zoomInLeft {
    animation-name: zoomInLeft; }
    
    .ng-leave.-zoomInRight {
    animation-name: zoomInRight; }
    
    .ng-leave.-zoomInUp {
    animation-name: zoomInUp; }
    
    .ng-leave.-hinge {
    animation-name: hinge; }
    
    .ng-leave.-jackInTheBox {
    animation-name: jackInTheBox; }
    
    .ng-leave.-rollIn {
    animation-name: rollIn; }
    
    .ng-leave.bounceOut- {
    animation-name: bounceOut; }
    
    .ng-leave.bounceOutDown- {
    animation-name: bounceOutDown; }
    
    .ng-leave.bounceOutLeft- {
    animation-name: bounceOutLeft; }
    
    .ng-leave.bounceOutRight- {
    animation-name: bounceOutRight; }
    
    .ng-leave.bounceOutUp- {
    animation-name: bounceOutUp; }
    
    .ng-leave.fadeOut- {
    animation-name: fadeOut; }
    
    .ng-leave.fadeOutDown- {
    animation-name: fadeOutDown; }
    
    .ng-leave.fadeOutDownBig- {
    animation-name: fadeOutDownBig; }
    
    .ng-leave.fadeOutLeft- {
    animation-name: fadeOutLeft; }
    
    .ng-leave.fadeOutLeftBig- {
    animation-name: fadeOutLeftBig; }
    
    .ng-leave.fadeOutRight- {
    animation-name: fadeOutRight; }
    
    .ng-leave.fadeOutRightBig- {
    animation-name: fadeOutRightBig; }
    
    .ng-leave.fadeOutUp- {
    animation-name: fadeOutUp; }
    
    .ng-leave.fadeOutUpBig- {
    animation-name: fadeOutUpBig; }
    
    .ng-leave.flipOutX- {
    animation-name: flipOutX; }
    
    .ng-leave.flipOutY- {
    animation-name: flipOutY; }
    
    .ng-leave.lightSpeedOut- {
    animation-name: lightSpeedOut; }
    
    .ng-leave.rotateOut- {
    animation-name: rotateOut; }
    
    .ng-leave.rotateOutDownLeft- {
    animation-name: rotateOutDownLeft; }
    
    .ng-leave.rotateOutDownRight- {
    animation-name: rotateOutDownRight; }
    
    .ng-leave.rotateOutUpLeft- {
    animation-name: rotateOutDownRight; }
    
    .ng-leave.rotateOutUpRight- {
    animation-name: rotateOutUpLeft; }
    
    .ng-leave.slideOutUp- {
    animation-name: slideOutUp; }
    
    .ng-leave.slideOutDown- {
    animation-name: slideOutDown; }
    
    .ng-leave.slideOutLeft- {
    animation-name: slideOutLeft; }
    
    .ng-leave.slideOutRight- {
    animation-name: slideOutRight; }
    
    .ng-leave.zoomOut- {
    animation-name: zoomOut; }
    
    .ng-leave.zoomOutDown- {
    animation-name: zoomOutDown; }
    
    .ng-leave.zoomOutLeft- {
    animation-name: zoomOutLeft; }
    
    .ng-leave.zoomOutRight- {
    animation-name: zoomOutRight; }
    
    .ng-leave.zoomOut- {
    animation-name: zoomOut; }