/* A short arrival on each home render, including reloads. */
@media(min-width:0px){
 .tutorial-home .home-title-line{display:inline-block;overflow:clip;vertical-align:bottom}
 .tutorial-home .home-title-line>span{display:inline-block;animation:home-title-rise 720ms cubic-bezier(.16,1,.3,1) both}
 .tutorial-home .home-title-line:first-child>span{animation-delay:30ms}
 .tutorial-home em.home-title-line>span{animation-delay:130ms}
 .tutorial-home .home-caption,.tutorial-home .lead,.tutorial-home .home-assist,.tutorial-home .home-device-heading,.tutorial-home .device-card{animation:home-soft-arrival 580ms cubic-bezier(.16,1,.3,1) backwards}
 .tutorial-home .home-caption{animation-delay:50ms}
 .tutorial-home .lead{animation-delay:200ms}
 .tutorial-home .home-assist{animation-delay:260ms}
 .tutorial-home .home-device-heading{animation-delay:110ms}
 .tutorial-home .device-card:nth-child(1){animation-delay:160ms}
 .tutorial-home .device-card:nth-child(2){animation-delay:210ms}
 .tutorial-home .device-card:nth-child(3){animation-delay:260ms}
 .tutorial-home .device-card:focus-visible{animation:none}
 @keyframes home-title-rise{from{transform:translateY(110%);opacity:.15}to{transform:translateY(0);opacity:1}}
 @keyframes home-soft-arrival{from{translate:0 18px;opacity:0}to{translate:0 0;opacity:1}}
 @media(prefers-reduced-motion:reduce){
  .tutorial-home .home-title-line>span,.tutorial-home .home-caption,.tutorial-home .lead,.tutorial-home .home-assist,.tutorial-home .home-device-heading,.tutorial-home .device-card{animation:home-quiet-arrival 160ms ease-out both;animation-delay:0ms;transform:none;translate:none}
  @keyframes home-quiet-arrival{from{opacity:.7}to{opacity:1}}
 }
}