.pg-quiz{background:#080716;margin:0}.pg-quiz a{color:#f5b83d}.pg-quiz a:hover{color:#ffd27a}.pg-quiz .beam{animation:9s ease-in-out infinite alternate beam}.pg-quiz .beam2{animation:11s ease-in-out infinite alternate-reverse beam}@keyframes beam{0%{rotate:-16deg}to{rotate:16deg}}.pg-quiz .halo{animation:4s ease-in-out infinite halo}@keyframes halo{0%,to{opacity:.55;scale:1}50%{opacity:.9;scale:1.06}}.pg-quiz .q-in-a{animation:.55s cubic-bezier(.2,.9,.3,1.1) both qina}.pg-quiz .q-in-b{animation:.55s cubic-bezier(.2,.9,.3,1.1) both qinb}@keyframes qina{0%{opacity:0;translate:0 18px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes qinb{0%{opacity:0;translate:0 18px;scale:.96}to{opacity:1;translate:0;scale:1}}.pg-quiz .a-in-a{animation:.45s cubic-bezier(.2,.9,.3,1.1) both ainA}.pg-quiz .a-in-b{animation:.45s cubic-bezier(.2,.9,.3,1.1) both ainB}@keyframes ainA{0%{opacity:0;translate:-24px}to{opacity:1;translate:0}}@keyframes ainB{0%{opacity:0;translate:-24px}to{opacity:1;translate:0}}.pg-quiz .ans{transition:filter .15s,background .25s,box-shadow .25s,opacity .3s}.pg-quiz .ans:hover{filter:brightness(1.2)}.pg-quiz .ans-lock{animation:.45s ease-in-out infinite alternate lockblink}@keyframes lockblink{0%{filter:brightness()}to{filter:brightness(1.35)}}.pg-quiz .ans-right{animation:.3s ease-in-out 4 rightflash}@keyframes rightflash{0%,to{filter:brightness()}50%{filter:brightness(1.5)}}.pg-quiz .ans-wrong{animation:.5s ease-in-out shake}@keyframes shake{0%,to{translate:0}20%{translate:-10px}40%{translate:9px}60%{translate:-6px}80%{translate:4px}}.pg-quiz .tick-warn{animation:.5s ease-in-out infinite alternate tickwarn}@keyframes tickwarn{0%{scale:1}to{scale:1.1}}.pg-quiz .ladder-cur{animation:1.4s ease-in-out infinite laddercur}@keyframes laddercur{0%,to{box-shadow:0 0 0 2px #ffe08a,0 0 12px #ffd66e80}50%{box-shadow:0 0 0 2px #fff,0 0 24px #ffd66ef2}}.pg-quiz .ring{animation:.18s ease-in-out infinite alternate ring}@keyframes ring{0%{rotate:-12deg}to{rotate:12deg}}.pg-quiz .bar{transition:height .9s cubic-bezier(.2,.9,.3,1)}.pg-quiz .think{animation:1s ease-in-out infinite think}@keyframes think{0%,to{opacity:.5}50%{opacity:1}}.pg-quiz .pop{animation:.4s cubic-bezier(.2,.9,.3,1.3) both pop}@keyframes pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.pg-quiz .banner-pop{animation:1.6s ease-out forwards bannerpop}.pg-quiz .banner-pop2{animation:1.6s ease-out forwards bannerpop2}@keyframes bannerpop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}28%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-64%)scale(1.03)}}@keyframes bannerpop2{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}28%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-64%)scale(1.03)}}.pg-quiz .confetti{animation:fall var(--dur) linear var(--delay) forwards}@keyframes fall{0%{opacity:1;translate:0 -6vh;rotate:0deg}85%{opacity:1}to{translate:var(--dx) 105vh;rotate:var(--rot);opacity:0}}.pg-quiz .cannon{animation:shoot var(--dur) linear var(--delay) both, flip var(--fd) linear var(--delay) infinite}@keyframes shoot{0%{opacity:1;animation-timing-function:cubic-bezier(.12,.75,.35,1);translate:0;rotate:0deg}30%{translate:var(--x1) var(--y1);animation-timing-function:cubic-bezier(.45,0,.85,.55)}88%{opacity:1}to{translate:var(--x2) 6vh;rotate:var(--rot);opacity:0}}@keyframes flip{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}.pg-quiz .fade-in{animation:.35s ease-out fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}.pg-quiz .amount-in{animation:.9s cubic-bezier(.2,.9,.3,1.2) both amountin}@keyframes amountin{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}