@keyframes ad{  to{             opacity(0.99); }}
@keyframes ae{        to{             transform: translateY(-40px); opacity: 0; }}
.aa{  animation: ae 2s linear 1s 1 forwards;}
.ab{     animation: ad 4s linear 0s 1 forwards;}
@keyframes af{  to{             transform: translateX(-30px); }}
.gira_base{    animation: af 2s linear 0.5s 1 forwards;}
.base_girada{ transform: translateX(-30px); }
@keyframes ag{    to{             transform: translateX(0px); }}
.gira_base_volta{      animation: ag 2s linear 0.5s 1 forwards;}
@keyframes ah{   to{ opacity: 1; }}
@keyframes ai{    to{ opacity: 0; }}
@keyframes aj{ from{ opacity: 1;     transform: translateX( 0vh );   }       to{             opacity: 0;     transform: translateX( -5vh );  }}
@keyframes ak{      from{   height: 50%;    }       to{     height: 1%;     }}
.ba{      height: 50%;}
.mostra{ opacity: 1; }
.esconde{ opacity: 0; } 
.posicao_bracoD_baixo{ transform: rotate(0deg);}
.ad{  animation: ah 0.01s 2s forwards;}
.ac{  animation: ai 0.01s 2s forwards;}
.ae{  animation: aj 2s 2s forwards;}
.af{  animation: aj 2s 2.2s forwards;}
.ag{  animation: aj 2s 2.4s forwards;}
.ah{  animation: ak 2.4s 2s forwards;}
@keyframes al{ to{ opacity: 1; }}
@keyframes am{   to{ opacity: 0; }}
@keyframes an{       0%{    transform: rotate(0deg);        }       100%{  transform: rotate(38.144659deg);        }}
.bb{       height: 1%;} 
.ak{  animation: an 2s 0.2s forwards;}
.aj{  animation: al 0.01s 2s forwards;}
.ai{  animation: am 0.01s 2s forwards;}
.bc{  transform: rotate(38.144659deg);}
@keyframes ao{      from{   height: 1%;     }       to{     height: 100%;   }}
@keyframes ap{       from{   transform: matrix( 1, 0, 0, 1, 0, 0 );  }       to{     transform: matrix( 1.2, 0, 0, 1, -2.6, 0 );     }}
.am{  animation: ao 5s 0s forwards;}
.al{  animation: ap 5s 0s forwards;}
@keyframes aq{       from{ transform: rotate(38.144659deg); }        to{ transform: rotate(0deg); }}
@keyframes ar{  to{ opacity: 1; }}
@keyframes as{ to{ opacity: 0; }}
.be{     height: 100%;} 
.bf{ transform: matrix( 1.2, 0, 0, 1, -2.6, 0 );}
.ap{  animation: aq 2s 0.2s forwards;}
.an{  animation: ar 0.01s 0.2s forwards;}
.ao{  animation: as 0.01s 0.2s forwards;}
.aq{
animation: at 10s 1 forwards; 
animation-timing-function: steps(11); 
}
@keyframes at{
0%{
margin-left: 0vw;
}
100%{
margin-left: -66vw; 
}
}
@keyframes au{   to{ opacity: 1; }}
@keyframes av{  to{ opacity: 0; }}
@keyframes aw{ from{ opacity: 1;     transform: translateX( 0vh );   }       to{     opacity: 0;     transform: translateX( -5vh );  }}
@keyframes ax{      from{   height: 100%;   }       to{     height: 1%;     }}
@keyframes ay{        from{   transform: matrix( 1.2, 0, 0, 1, -2.6, 0 );     }       to{     transform: matrix( 1, 0, 0, 1, 0, 0 );  }}
.av{  animation: au 0.01s 2s forwards;}
.au{  animation: av 0.01s 2s forwards;}
.ar{  animation: aw 6s 2s forwards;}
.as{  animation: aw 6s 2.2s forwards;}
.at{  animation: aw 6s 2.4s forwards;}
.aw{  animation: ay 6.3s 2s forwards;}
.ax{  animation: ax 6.4s 2s forwards;}
@keyframes az{      to{             transform: translateY(-61px); }}
.tirar_capsula_inalador__mover{        animation: az 2s linear 1s 1 forwards;}
.bj{ transform: translateY(-40px); opacity: 0;}
@keyframes ba{      to{             transform: translateY(0px); opacity: 1 }}
.ay{        animation: ba 2s linear 0s 1 forwards;}