.game-container .story-quest .question-btn {
    transition: transform ease-in 166ms;
}

.game-container .story-quest .question-btn.ng-hide {
    transform: translateY(-100%) translateX(-50%);
    display: inherit !important;
}

.game-container .story-quest .bonus-meter {
    transition: transform ease-in 333ms;
}

.game-container .story-quest .bonus-meter.ng-hide {
    transform: translateY(20vh);
    display: inherit !important;
}

.game-container .story-quest .bonus-meter-meter {
    transition: transform ease-in 333ms;
}

.game-container .story-quest .bonus-meter-meter.ng-hide {
    transform: translateY(20vh);
    display: inherit !important;
}

.game-container .story-quest .story-reader-animator {
    animation-duration: 999ms;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

.game-container .story-quest .story-reader-animator.enter-left {
    animation-name: slideInLeft;
}

.game-container .story-quest .story-reader-animator.exit-left {
    animation-name: slideInLeft;
    animation-direction: reverse;
}

.game-container .story-quest .story-reader-animator.enter-right {
    animation-name: slideInRight;
}

.game-container .story-quest .story-reader-animator.exit-right {
    animation-name: slideInRight;
    animation-direction: reverse;
}

.game-container .story-quest .question-container {
    animation-duration: 999ms;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

.game-container .story-quest .question-container.enter-left {
    animation-name: slideInLeftQ;
}

.game-container .story-quest .question-container.exit-left {
    animation-name: slideInLeftQ;
    animation-direction: reverse;
}

.game-container .story-quest .question-container.enter-right {
    animation-name: slideInRightQ;
}

.game-container .story-quest .question-container.exit-right {
    animation-name: slideInRightQ;
    animation-direction: reverse;
}

.game-container .story-quest .start-story-button.ng-hide {
    display: inherit !important;
    transform: translateY(-100%);
}

@keyframes slideInLeft {
    0% {
    	display: inherit !important;
        transform: translate3d(133vh, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    0% {
    	display: inherit !important;
        transform: translate3d(-133vh, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeftQ {
    0% {
    	display: inherit !important;
        transform: translate3d(133vh, 0, 0) scale(0.8);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.8);
    }
}

@keyframes slideInRightQ {
    0% {
    	display: inherit !important;
        transform: translate3d(-133vh, 0, 0) scale(0.8);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.8);
    }
}