@keyframes reanimate-underline-1px {
  0% {
    background-position: 100% 100%;
    background-size: 100% 1px;
  }
  49% {
    background-position: 100% 100%;
    background-size: 0% 1px;
  }
  50% {
    background-position: 0% 100%;
    background-size: 0% 1px;
  }
  100% {
    background-position: 0% 100%;
    background-size: 100% 1px;
  }
}
@keyframes reanimate-underline-2px {
  0% {
    background-position: 100% 100%;
    background-size: 100% 2px;
  }
  49% {
    background-position: 100% 100%;
    background-size: 0% 2px;
  }
  50% {
    background-position: 0% 100%;
    background-size: 0% 2px;
  }
  100% {
    background-position: 0% 100%;
    background-size: 100% 2px;
  }
}
@keyframes reanimate-underline-3px {
  0% {
    background-position: 100% 100%;
    background-size: 100% 3px;
  }
  49% {
    background-position: 100% 100%;
    background-size: 0% 3px;
  }
  50% {
    background-position: 0% 100%;
    background-size: 0% 3px;
  }
  100% {
    background-position: 0% 100%;
    background-size: 100% 3px;
  }
}
@keyframes reanimate-underline-4px {
  0% {
    background-position: 100% 100%;
    background-size: 100% 4px;
  }
  49% {
    background-position: 100% 100%;
    background-size: 0% 4px;
  }
  50% {
    background-position: 0% 100%;
    background-size: 0% 4px;
  }
  100% {
    background-position: 0% 100%;
    background-size: 100% 4px;
  }
}
@keyframes reanimate-underline-5px {
  0% {
    background-position: 100% 100%;
    background-size: 100% 5px;
  }
  49% {
    background-position: 100% 100%;
    background-size: 0% 5px;
  }
  50% {
    background-position: 0% 100%;
    background-size: 0% 5px;
  }
  100% {
    background-position: 0% 100%;
    background-size: 100% 5px;
  }
}
/** Usage

    ```scss
      .lds { 
        @include ldsRingAnimation($foreground-color: #fff, $width: 2px, $size: 25px);
      }
    ```

    ```html
      <div class="lds">
        <div></div>
        <div></div>
        <div></div>
      </div>
    ```
 */
.forgot-password-modal--hidden {
  display: none;
}
.forgot-password-modal--header {
  text-align: center;
  margin-bottom: 20px;
  text-align: center;
}
.forgot-password-modal .modal--content {
  padding: 30px 25px 50px 25px;
}
@media screen and (min-width: 1000px) {
  .forgot-password-modal .modal--content {
    padding: 50px 72px 90px 72px;
  }
}
.forgot-password-modal--sub-header {
  text-align: center;
  margin-bottom: 40px;
}
.forgot-password-modal--sub-header.success-message {
  margin: 40px 10px;
}
@media screen and (min-width: 1000px) {
  .forgot-password-modal--sub-header.success-message {
    margin: 48px 30px 40px 30px;
  }
}
.forgot-password-modal--submit-button {
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .forgot-password-modal--submit-button {
    text-align: left;
  }
}
.forgot-password-modal--submit-button a {
  padding: 12px 60px !important;
}
.forgot-password-modal--button-container {
  margin-top: 50px;
}