/* The entire composition follows the mailbox. Only wings and transforms animate. */
.mail-gift-preview{position:absolute;z-index:2;pointer-events:none;user-select:none}
.mail-gift-scene{display:block;width:100%;height:100%;overflow:visible}
.mail-gift-scene image{pointer-events:none}
.mail-gift-hover{transform-origin:207px 178px;animation:mail-gift-hover 4.8s ease-in-out infinite}
.mail-bird{transform-origin:385px 949px;animation:mail-bird-balance var(--rock) ease-in-out var(--rock-delay) infinite}
.mail-bird-wing{transform-origin:0 0;animation-duration:var(--beat);animation-delay:var(--beat-delay);animation-iteration-count:infinite;animation-timing-function:linear}
.mail-bird-wing--near{animation-name:mail-wing-near}
.mail-bird-wing--far{animation-name:mail-wing-far}
.mail-carried-gift{transform-origin:204px 201px;animation:mail-gift-sway 4.8s ease-in-out -.6s infinite}
@keyframes mail-wing-near{
  0%,100%{transform:rotate(-34deg) scaleY(.92)}
  17%{transform:rotate(-14deg) scaleY(.98)}
  42%{transform:rotate(37deg) scaleY(.53)}
  55%{transform:rotate(43deg) scaleY(.38)}
  76%{transform:rotate(4deg) scaleY(.68)}
}
@keyframes mail-wing-far{
  0%,100%{transform:rotate(31deg) scaleY(.88)}
  17%{transform:rotate(13deg) scaleY(.92)}
  42%{transform:rotate(-34deg) scaleY(.50)}
  55%{transform:rotate(-40deg) scaleY(.38)}
  76%{transform:rotate(-1deg) scaleY(.65)}
}
@keyframes mail-gift-hover{
  0%,100%{transform:translate(0,0) rotate(-.7deg)}
  32%{transform:translate(2px,-5px) rotate(.6deg)}
  67%{transform:translate(-1px,-2px) rotate(-.2deg)}
}
@keyframes mail-bird-balance{
  0%,100%{transform:rotate(-1.2deg)}
  50%{transform:rotate(1.2deg)}
}
@keyframes mail-gift-sway{
  0%,100%{transform:rotate(1.8deg)}
  50%{transform:rotate(-1.8deg)}
}
.mail-gift-preview.is-paused *,
body.scene-overlay-open .mail-gift-preview *{animation-play-state:paused!important}
body.editing .mail-gift-preview,
body.branch-round-active .mail-gift-preview,
body.visiting-friend .mail-gift-preview{visibility:hidden}
body.editing .mail-gift-preview *,
body.branch-round-active .mail-gift-preview *,
body.visiting-friend .mail-gift-preview *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  .mail-gift-preview *{animation:none!important}
  .mail-bird-wing--near{transform:rotate(-12deg)}
  .mail-bird-wing--far{transform:rotate(12deg)}
}