.apo-approach-art{display:block;width:100%;height:auto;aspect-ratio:12/7;overflow:visible;pointer-events:none;user-select:none}

@media(prefers-reduced-motion:no-preference){
  [data-apo-approach][data-approach-running] [data-approach-panel]:not([hidden]) .apo-approach-art{
    animation:apo-approach-art-sequence 7s linear both
  }
  [data-apo-approach][data-approach-running] [data-approach-panel]:not([hidden]) .apo-approach-art__scene{
    animation:apo-art-unfold 1.5s .15s cubic-bezier(.24,.7,.3,1) both;transform-origin:50% 115px
  }
  [data-apo-approach][data-approach-running] [data-approach-panel]:not([hidden]) .apo-approach-art__glint{
    animation:apo-art-glint 2.1s 1.45s ease-out both
  }
  [data-apo-approach][data-approach-running] [data-approach-panel]:not([hidden]) .apo-approach-art__card{
    animation:apo-art-slip 1.5s .1s cubic-bezier(.22,.8,.28,1) both
  }
  [data-apo-approach][data-approach-running] [data-approach-panel]:not([hidden]) .apo-approach-art__heart{
    animation:apo-art-bookmark 1.25s 1.1s cubic-bezier(.22,.8,.28,1) both
  }
  [data-apo-approach][data-approach-running] [data-approach-panel]:not([hidden]) :is(.apo-approach-art__reply-one,.apo-approach-art__phrase-a){
    animation:apo-art-reply 1.15s .2s cubic-bezier(.22,.8,.28,1) both
  }
  [data-apo-approach][data-approach-running] [data-approach-panel]:not([hidden]) :is(.apo-approach-art__reply-two,.apo-approach-art__phrase-b){
    animation:apo-art-reply 1.15s 1s cubic-bezier(.22,.8,.28,1) both
  }
  [data-apo-approach][data-approach-running] [data-approach-panel]:not([hidden]) .apo-approach-art__plane{
    animation:apo-art-flight 2s 1.4s cubic-bezier(.2,.6,.4,1) both
  }
  [data-apo-approach][data-approach-running] [data-approach-panel]:not([hidden]) .apo-approach-art__globe{
    transform-origin:139px 91px;animation:apo-art-turn 2.45s .15s ease-out both
  }
  [data-apo-approach][data-approach-paused] :is(.apo-approach-art,.apo-approach-art *){
    animation-play-state:paused!important
  }
}

@keyframes apo-approach-art-sequence{from{opacity:.85}12%,to{opacity:1}}
@keyframes apo-art-unfold{from{transform:translateY(6px) scaleY(.88);opacity:.5}to{transform:none;opacity:1}}
@keyframes apo-art-glint{from{opacity:0}55%{opacity:1}to{opacity:.75}}
@keyframes apo-art-slip{from{transform:translate(3px,10px);opacity:.6}to{transform:none;opacity:1}}
@keyframes apo-art-bookmark{from{transform:translateY(-7px);opacity:.1}to{transform:none;opacity:1}}
@keyframes apo-art-reply{from{transform:translateY(7px);opacity:.2}to{transform:none;opacity:1}}
@keyframes apo-art-flight{from{transform:translate(-15px,9px);opacity:.2}to{transform:none;opacity:1}}
@keyframes apo-art-turn{from{transform:rotate(-9deg)}to{transform:rotate(0)}}