/* The approved, exact hand-drawn user artwork is one transparent source image. */
@media(orientation:portrait){
 #app:has(.intro-content) .zw-seesaw-button{
  left:14%!important;top:33%!important;width:82%!important;height:72%!important;
  overflow:visible!important;
 }
}
#app:has(.intro-content) .zw-wippe-approved{
 display:block!important;position:absolute!important;
 inset:0!important;width:100%!important;height:100%!important;
 object-fit:contain!important;
 transform-origin:50% 76%!important;
 animation:zw-approved-idle 5s ease-in-out infinite!important;
 filter:drop-shadow(0 3px 2px #475b3663)!important;
 pointer-events:none!important;
}
#app:has(.intro-content) .zw-seesaw-tapped .zw-wippe-approved{
 animation:zw-approved-tap 2.2s ease-out both!important;
}
@keyframes zw-approved-idle{
 0%,100%{transform:rotate(-2.8deg)}
 50%{transform:rotate(2.8deg)}
}
@keyframes zw-approved-tap{
 0%{transform:rotate(-2.8deg)}
 15%{transform:rotate(9deg)}
 30%{transform:rotate(-9deg)}
 48%{transform:rotate(7deg)}
 65%{transform:rotate(-5deg)}
 82%{transform:rotate(3deg)}
 100%{transform:rotate(-2.8deg)}
}
@media(orientation:landscape) and (max-height:620px){
 #app:has(.intro-content) .zw-seesaw-button{height:85px!important;top:-15px!important;left:-2%!important;width:93%!important}
}
@media(prefers-reduced-motion:reduce){
 #app:has(.intro-content) .zw-wippe-approved{animation:none!important}
 #app:has(.intro-content) .zw-seesaw-tapped .zw-wippe-approved{animation:zw-approved-tap 1s ease-out 1!important}
}