@keyframes loading-logo {
        0% {
            transform: rotate(0);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    #loading img 
    {
        /*animation: 1s linear infinite loading-logo;*/
    }

#loading img {
    max-width: 90%;
}
#loading > div > div {
    width: 100%;
    display: flex;
    justify-content: center;
}
    /* default .loading styles, .loading should be invisible, opacity: 0, z-index: -1 */
    #loading {
        
        transition: opacity 2s ease-in-out;
        position: fixed;
        height: 100%;
        width: 100%;

        top: 0;
        left: 0;

        justify-content: center;
        align-items: center;
        display: flex;
    }
    /* .loading screen is visible when app is not bootstrapped yet, my-app is empty */
    my-app[ng-version] ~ #loading {
        opacity: 0;
        z-index: -100;
    }


    @keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
      opacity: .2;
    }
}

#loading span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

#loading span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

#loading span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}
.token-input::placeholder {
	color: #ffffff;
}