html,body,#root{height:100%;padding:0;margin:0;overflow:hidden}.trivia-game{padding:0;margin:0;height:100%;text-align:center}.gameContainer{padding:0;margin:0 auto;height:100%;width:80%}.game{margin:0;padding:0;height:100%;border-radius:8px}.header{display:flex;align-items:center;justify-content:space-between;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);height:56px;padding:6px 24px}.stepContainer{display:flex;justify-self:flex-start}.step{width:44px;height:8px;background-color:#00000029;display:inline-block;text-align:center;border-radius:15px;margin:0 5px}.step.step-default{background-color:#00000029}.step.step-correct{background-color:#009e81}.step.step-wrong,.step-wrong .stepIcon{background-color:#d91717}.stepIcon{display:block;border-radius:100%;font-size:12px;background-color:#009e81;position:relative;height:24px;width:24px;top:calc(50% - 12px);left:calc(50% - 12px)}.step-default .stepIcon{display:none}.stepIconContent{display:flex;align-content:center;justify-content:center;text-align:center;align-items:center;height:100%;color:#fff;font-weight:bolder}.closeButtonContainer{justify-self:flex-end;justify-content:flex-end;justify-items:flex-end;margin-left:auto}.closeButtonContainer button{border:none;background-color:transparent;cursor:pointer;font-size:26px;padding:20px;font-weight:bolder}.question{font-size:24px;margin-top:33%;margin-bottom:2%;font-weight:700;text-align:left}.answers{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:5px}.answer{display:block;width:100%;color:#161617;text-align:center;font-weight:500;margin:0 10px 5px;padding:10px;font-size:18px;background-color:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);cursor:pointer;border-radius:48px;border:1px solid rgba(0,0,0,.2)}:root{--generic-icon-top: 0px;--generic-icon-left: 0px;--icon1-top: calc(60% + var(--generic-icon-top));--icon1-left: calc(20 + var(--generic-icon-left));--icon2-top: calc(30% + var(--generic-icon-top));--icon2-left: calc(50% + var(--generic-icon-left));--icon3-top: calc(30% + var(--generic-icon-top));--icon3-left: calc(60% + var(--generic-icon-left));--icon4-top: calc(10% + var(--generic-icon-top));--icon4-left: calc(60% + var(--generic-icon-left));--icon5-top: calc(30% + var(--generic-icon-top));--icon5-left: calc(60% + var(--generic-icon-left));--icon6-top: calc(90% + var(--generic-icon-top));--icon6-left: calc(10% + var(--generic-icon-left));--icon7-top: calc(80 + var(--generic-icon-top));--icon7-left: calc(70% + var(--generic-icon-left));--icon8-top: calc(70% + var(--generic-icon-top) -);--icon8-left: calc(30% + var(--generic-icon-left));--icon9-top: calc(70% + var(--generic-icon-top));--icon9-left: calc(30% + var(--generic-icon-left) -);--icon10-top: calc(70% + var(--generic-icon-top));--icon10-left: calc(15% + var(--generic-icon-left))}.floating-animation-wrapper{z-index:-1}.floating-emoji-1{position:absolute;font-size:min(260px,25vw);top:var(--icon1-top);left:var(--icon1-left);transform:rotate(333deg)}.floating-emoji-2{position:absolute;font-size:min(100px,10vw);top:var(--icon2-top);left:var(--icon2-left);transform:rotate(22deg);filter:blur(3px)}.floating-emoji-3{position:absolute;font-size:min(170px,11vw);top:var(--icon3-top);left:var(--icon3-left);transform:rotate(318deg);filter:blur(6px)}.floating-emoji-4{position:absolute;font-size:min(260px,19vw);top:var(--icon4-top);left:var(--icon4-left);transform:rotate(1deg)}.floating-emoji-5{position:absolute;font-size:min(130px,7vw);top:var(--icon5-top);left:var(--icon5-left);transform:rotate(337deg);filter:blur(5px)}.floating-emoji-6{position:absolute;font-size:min(210px,12vw);top:var(--icon6-top);left:var(--icon6-left);transform:rotate(32deg);filter:blur(5px)}.floating-emoji-7{position:absolute;font-size:min(230px,14vw);top:var(--icon7-top);left:var(--icon7-left);transform:rotate(319deg);filter:blur(3px)}.floating-emoji-8{position:absolute;font-size:min(150px,8vw);top:var(--icon8-top);left:var(--icon8-left);transform:rotate(334deg);filter:blur(5px)}.floating-emoji-9{position:absolute;font-size:min(200px,11vw);top:var(--icon9-top);left:var(--icon9-left);transform:rotate(309deg);filter:blur(5px)}.floating-emoji-10{position:absolute;font-size:min(275px,45vw);top:var(--icon10-top);left:var(--icon10-left);transform:rotate(45deg)}.gameResultScreen{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:32px;align-items:center;justify-content:center;align-self:center;padding:0;margin:0 auto;height:100%;-webkit-user-select:none;user-select:none}.gameResultHeader{color:#009e81;font-size:24px;font-weight:700;display:flex;flex-direction:column;justify-content:center;flex:1 0 0;align-self:stretch;padding:3px}.gameResultDescription{color:#161617;font-size:16px;font-style:normal;font-weight:300;line-height:20px;letter-spacing:-.4px}.screen-result{background-color:#ffc244;width:100%;height:100%}.gameResultContainer{align-items:center;justify-content:center;gap:24px;background-color:#fff;display:flex;padding:20px 20px 16px;flex-direction:column;gap:32px;border-radius:15px;overflow:hidden;top:-6%;position:relative}.scratch-redeem-button{border-radius:48px;background-color:#009e81;text-align:center;font-size:18px;font-weight:500;height:48px;padding:14px 20px;border:none;color:#fff;font-weight:700;width:100%}.scratch-skip-button{border-radius:48px;background-color:transparent;text-align:center;font-size:18px;font-weight:500;height:48px;padding:14px 20px;border:none;color:#161617;font-weight:700;width:100%}html,body{height:100%;width:100%}body{margin:0;padding:0;font-family:Arial,sans-serif;justify-content:center;align-items:center;background-color:#fff;background-size:contain;background-position:center}.floating-animation-wrapper{-webkit-user-select:none;user-select:none}.floating-animation{display:inline-block;position:absolute;animation:float 3s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-13px) rotate(-20deg)}}.ScratchCard__Canvas{left:0}.scratch-card-container{display:inline-flex;align-items:center;width:100%;height:100%;justify-content:center}.scratch-card-amount{font-size:36px;color:#009e81;flex-grow:.3;font-weight:bolder;font-weight:700;line-height:40px;text-align:center;flex-grow:.1}.scratch-card-text{text-align:left;font-size:14px;font-weight:300;line-height:14px;letter-spacing:-.2px;font-weight:700}