<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/***********************************************************************************************************************************
######## ##     ## ########  #######  ########  ####    ###    ##       
   ##    ##     ##    ##    ##     ## ##     ##  ##    ## ##   ##       
   ##    ##     ##    ##    ##     ## ##     ##  ##   ##   ##  ##       
   ##    ##     ##    ##    ##     ## ########   ##  ##     ## ##       
   ##    ##     ##    ##    ##     ## ##   ##    ##  ######### ##       
   ##    ##     ##    ##    ##     ## ##    ##   ##  ##     ## ##       
   ##     #######     ##     #######  ##     ## #### ##     ## ########
/***********************************************************************************************************************************/

.operation-tutorial--animate{
	animation: operationTutorial 2s 1;
}
@keyframes operationTutorial {
	0% {transform: translateY(200%);}
	50% {transform: translateY(200%);}
	100% {transform: translateY(0);}
}
.operation-tutorial--animate .operation-tutorial-title,
.operation-tutorial--animate .operation-tutorial-content,
.operation-tutorial--animate .operation-tutorial-progression{
	animation: operationTutorialInner 4s 1;
}
@keyframes operationTutorialInner {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
.operation-tutorial--animate .operation-tutorial-image{
	animation: operationTutorialImage 20s infinite linear;
}
@keyframes operationTutorialImage {
	0% {transform: scale(1);}
	50% {transform: scale(1.05);}
	100% {transform: scale(1);}
}
</pre></body></html>