.login-banner{width:100%;max-width:500px;height:auto;margin:20px auto}.result-banner{width:100%;max-width:500px;height:auto;margin-top:32px}.stamp_card{display:flex;flex-direction:column;align-items:center}.stamp_grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:1rem}.stamp{width:50px;height:50px;perspective:1000px;aspect-ratio:1/1;border-radius:50%;border-width:1px;border-style:solid;border-color:#d3d3d3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.stamp.collected{border:none}.flip-card{background-color:transparent;width:100%;height:100%;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transform-style:preserve-3d;animation:stampSlip 5s linear infinite!important}@keyframes stampSlip{0%{rotate:y 0deg}to{rotate:y 360deg}}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}.mission_card{display:flex;justify-content:center;align-items:center}.mission_card .mission{width:100%;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.mission_card .mission .mission_details{display:flex;flex-direction:column;justify-content:center;align-items:start;font-size:16px}.mission_card .mission .mission_status{color:#8e8e8e;border:1px solid #8E8E8E;border-radius:25px;min-width:100px;display:flex;align-items:center;justify-content:center;height:34px}.mission_card .mission .mission_status.completed,.mission_card .mission .mission_status.redeemed{color:#429761;border-color:#429761}.mission_card .mission .mission_status.canRedeem{color:#fff;border:none;background-color:#429761}.mission_card .mission .mission_status p{margin:0}html,body{margin:0;padding:0;height:100%;background-color:#011425;color:#fff;font-family:jf-openhuninn,sans-serif;justify-content:center;align-items:center;text-align:center;font-size:18px;line-height:1.6}html .background,html .background_home,html .background_quiz,html .background_kiosk,body .background,body .background_home,body .background_quiz,body .background_kiosk{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:0;min-height:100vh}html .background,body .background{background-image:url(/assets/background_stamp-DZ0KsxCG.png)}html .background_home,body .background_home{background-image:url(/assets/background_home-vd6SB84L.jpg)}html .background_quiz,body .background_quiz{background-image:url(/assets/background_quiz-BnDIZDG4.jpg)}html .background_kiosk,body .background_kiosk{background-image:url(/assets/background_quiz-BnDIZDG4.jpg)}@media (max-width: 768px){html .background,html .background_home,html .background_quiz,html .background_kiosk,body .background,body .background_home,body .background_quiz,body .background_kiosk{background-attachment:scroll;background-size:cover;background-position:center}}@media (min-width: 769px){html .background,html .background_home,html .background_quiz,html .background_kiosk,body .background,body .background_home,body .background_quiz,body .background_kiosk{background-attachment:fixed}}html .animation_home,body .animation_home{width:100%}html .flex-container,body .flex-container{height:auto;width:100%;overflow-y:scroll;display:flex;flex-direction:column;align-items:center;align-content:center;justify-self:center;padding-bottom:16px}html .flex-item,body .flex-item{margin-top:24px}html .logo,body .logo{margin-top:24px;margin-bottom:24px;height:34px;width:200px}html .outlined_button,body .outlined_button{border-radius:55px;border-color:#fff;background:#0000004d;color:#fff;height:auto;padding:10px;width:300px;text-align:center;font-size:22px;font-family:jf-openhuninn,sans-serif;line-height:1.3}html .label-container,body .label-container{display:flex;align-items:center}html input[type=checkbox],body input[type=checkbox]{transform:scale(1.5);margin-right:10px}html .loader-container,body .loader-container{display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:#fff;border-radius:10%;box-shadow:0 4px 8px #0003}html input,body input{border-radius:4px;border-color:#fff;padding:10px;height:20px;width:280px;font-size:18px}html .header,body .header{position:relative;display:flex;justify-content:center;align-items:center;padding-top:24px;padding-bottom:24px}html .header-icon-container,body .header-icon-container{display:flex;justify-content:center;align-items:center;width:100%}html .header-icon,body .header-icon{width:200px;height:34px}html .home-button,body .home-button{position:absolute;left:0;transform:translateY(-50%);height:34px;width:50px}html .circle-button,body .circle-button{width:70px;height:70px;border:none;border-radius:50%;background-color:transparent;cursor:pointer;display:flex;justify-content:center;align-items:center}html .circle-image,body .circle-image{width:100%;height:auto;border-radius:50%}html .question,body .question{margin:16px 45px 32px;text-align:left}html .quiz_result,body .quiz_result{width:100%;height:auto;max-width:300px;margin:20px auto;display:block;object-fit:contain}html .button-container,body .button-container{display:flex;justify-content:space-between;margin-top:20px}html .left-button,body .left-button{margin-right:auto}html .right-button,body .right-button{margin-left:auto}html .mindar-container,body .mindar-container{position:relative;height:300px;width:300px;overflow:hidden;margin:20px auto;border-radius:10px}html .result-image,body .result-image{width:100%;height:auto;object-fit:fill}html .quiz_progress_bar,body .quiz_progress_bar{height:40px}html .a-dialog-allow-button,body .a-dialog-allow-button{background-color:red}html .a-dialog-deny-button,body .a-dialog-deny-button{background-color:#00f}html .a-dialog-ok-button,body .a-dialog-ok-button{background-color:green}html .alert,body .alert{text-align:left;color:red;margin:10px auto;width:280px;height:20px;font-size:16px;display:flex;align-items:center;padding:10px}html .stamp_card,body .stamp_card{background-color:#fff;border-radius:15px;margin:5px auto;width:90%;height:auto;padding-top:12px;padding-bottom:24px;box-shadow:0 4px 8px #0000001a;color:#000}html .mission_card,body .mission_card{background-color:#fff;border-radius:15px;margin:5px auto;width:90%;height:auto;padding:20px 0;box-shadow:0 4px 8px #0000001a;color:#000}@font-face{font-family:jf-openhuninn;src:url(/assets/jf-openhuninn-2.1-BEJueSXx.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Open-Sans;src:url(/assets/OpenSans-VariableFont_wdth-BZBpG5Iz.ttf) format("truetype")}.fade-in{animation:fadeIn .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
