.ma-wrap{margin:0 auto}.ma-ball,.ma-wrap{width:100%;max-width:500px}.ma-ball{height:auto;position:relative;margin:10px auto;cursor:pointer;overflow:hidden;transform-origin:center center;opacity:1;transition:opacity .8s ease-in-out}.ma-ball.is-hidden{opacity:0}.ma-ball img{max-width:100%;height:auto}.ma-back{position:relative}.ma-back,.ma-front{display:block;width:100%}.ma-front{position:absolute;left:0;top:0;height:100%;transition:opacity .8s ease-in-out}.ma-ball.show-answer .ma-front{opacity:0}.ma-response{position:absolute;opacity:0;z-index:2;text-align:center;left:30%;top:30%;right:30%;bottom:30%;padding:2cqw;container:card/size;font-family:Verdana,Arial,Helvetica,sans-serif;text-shadow:0 0 2px #080622;border-radius:50rem;overflow:hidden;color:#64aed8;transition:transform .8s ease-in-out 6s}.ma-ball.show-answer .ma-response{opacity:1;transition:opacity .8s ease-in-out .4s}.ma-response:after{position:absolute;left:2%;top:2%;width:96%;height:96%;content:"";z-index:99;border-radius:50rem;background:linear-gradient(138deg,rgba(255,255,255,.2),rgba(255,255,255,0) 50%)}.ma-flex{justify-content:center;position:absolute;left:22%;top:22%;width:56%;height:56%;z-index:3;background:linear-gradient(138deg,rgba(50,50,250,.95),rgba(20,20,100,.8));border-radius:6px;box-shadow:0 0 6px 1px #1a2bde;padding:6cqw;overflow:hidden;line-height:1.2;font-size:min(15cqw,1rem);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ma-cta,.ma-flex{display:flex;align-items:center}.ma-cta{flex-direction:column;padding:1rem}.ma-textbox{width:100%;margin-bottom:10px;padding:12px 15px;min-height:44px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:17px;line-height:1.3;border:1px solid rgba(60,60,67,.29);border-radius:20px;background-color:rgba(118,118,128,.12);color:#fff;resize:none;-webkit-appearance:none}.ma-textbox:focus{outline:0;border-color:var(--accent)}.ma-textbox::placeholder{color:#8e8e93;opacity:.6}.ma-btn{background:#000;color:#fff;padding:1rem 2rem;border-radius:80px;font:inherit;font-size:1rem;border:1px solid rgba(255,255,255,.18);cursor:pointer}.ma-btn:hover{opacity:.9}.ma-btn:disabled{cursor:wait;opacity:.7}@media (max-width:768px){.ma-textbox{font-size:16px}}.shake-hard{display:inherit;transform-origin:center center}.shake-hard.shake-constant{animation-name:shake-hard;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes shake-hard{2%{transform:translate(-9px,3px) rotate(2.5deg)}4%{transform:translateY(7px) rotate(.5deg)}6%{transform:translate(5px,-1px) rotate(-1.5deg)}8%{transform:translate(1px,7px) rotate(.5deg)}10%{transform:translate(-9px,-9px) rotate(-2.5deg)}12%{transform:translate(-1px,4px) rotate(-2.5deg)}14%{transform:translate(-2px,-3px) rotate(-.5deg)}16%{transform:translate(3px) rotate(3.5deg)}18%{transform:translate(5px,-2px) rotate(-1.5deg)}20%{transform:translate(2px,9px) rotate(1.5deg)}22%{transform:translate(-9px,5px) rotate(-.5deg)}24%{transform:translate(6px,8px) rotate(1.5deg)}26%{transform:translate(-4px,1px) rotate(-2.5deg)}28%{transform:translate(-4px,6px) rotate(.5deg)}30%{transform:translate(10px,-6px) rotate(1.5deg)}32%{transform:translate(-8px,5px) rotate(-2.5deg)}34%{transform:translate(9px,4px) rotate(-1.5deg)}36%{transform:translate(-9px,4px) rotate(.5deg)}38%{transform:translate(7px,-8px) rotate(3.5deg)}40%{transform:translate(8px,1px) rotate(3.5deg)}42%{transform:translateY(-8px) rotate(2.5deg)}44%{transform:translate(-2px,-5px) rotate(2.5deg)}46%{transform:translate(-1px,-3px) rotate(3.5deg)}48%{transform:translate(2px,5px) rotate(-1.5deg)}50%{transform:translate(8px) rotate(2.5deg)}52%{transform:translate(-1px) rotate(3.5deg)}54%{transform:translate(-5px,-3px) rotate(-1.5deg)}56%{transform:translate(-4px,7px) rotate(-.5deg)}58%{transform:translate(1px,-1px) rotate(1.5deg)}60%{transform:translate(4px,8px) rotate(.5deg)}62%{transform:translate(5px,-7px) rotate(1.5deg)}64%{transform:translate(-1px,-4px) rotate(-.5deg)}66%{transform:translate(-9px,-2px) rotate(-1.5deg)}68%{transform:translate(4px,6px) rotate(2.5deg)}70%{transform:translate(-6px,5px) rotate(-1.5deg)}72%{transform:translate(-4px,2px) rotate(1.5deg)}74%{transform:translate(-4px,-5px) rotate(-1.5deg)}76%{transform:translate(3px,9px) rotate(-.5deg)}78%{transform:translate(2px,1px) rotate(-1.5deg)}80%{transform:translate(4px,4px) rotate(2.5deg)}82%{transform:translate(-6px,9px) rotate(-2.5deg)}84%{transform:translate(4px,6px) rotate(3.5deg)}86%{transform:translate(5px,9px) rotate(-1.5deg)}88%{transform:translate(1px,4px) rotate(-1.5deg)}90%{transform:translate(5px,3px) rotate(1.5deg)}92%{transform:translate(9px,-2px) rotate(1.5deg)}94%{transform:translate(9px,3px) rotate(2.5deg)}96%{transform:translate(-1px,6px) rotate(.5deg)}98%{transform:translate(-6px,-2px) rotate(-.5deg)}0%,to{transform:translate(0) rotate(0)}}@media (prefers-reduced-motion:reduce){.shake-hard.shake-constant{animation:none}.ma-front,.ma-response{transition-duration:.2s}}