@font-face{font-family:NiseSegaSonic;font-style:normal;font-weight:400;src:url(/fonts/NiseSegaSonic.ttf?50aa166f8dfcd88882f125e25be7a587) format("truetype")}@font-face{font-family:ProductSans;font-style:normal;font-weight:400;src:url(/fonts/ProductSans.ttf?d165384076551a756b3c6e9b7c074381) format("truetype")}@font-face{font-family:Pricedown;font-style:normal;font-weight:400;src:url(/fonts/Pricedown.otf?6bea83af9fab92ca7c407607b21880ba) format("opentype")}@font-face{font-family:Oxanium;font-style:normal;font-weight:400;src:url(/fonts/Oxanium.ttf?50bb18b058c797a894384fb6049156dd) format("truetype")}@font-face{font-family:Oxanium-Bold;font-style:normal;font-weight:400;src:url(/fonts/Oxanium-Bold.ttf?63d600c63ec14ae4bb89216ace918898) format("truetype")}section.generative-image-quiz{background-image:url(/images/bg.jpg?7d0dcc5d95b866e9452079aaee8459ca);background-size:cover;margin:0;padding:0;width:100vw}section.generative-image-quiz.image-upload-page{height:auto}section.generative-image-quiz.image-upload-page .user-name-modal .modal-content{border-radius:32px;display:flex;flex-direction:column;gap:24px;padding:16px 16px 24px}section.generative-image-quiz.image-upload-page .user-name-modal .modal-content .modal-header{background-image:url(/images/modal-header-image.png?cf6e791454b977f0302913127279f8ca);border-radius:16px}section.generative-image-quiz.image-upload-page .user-name-modal .modal-content .modal-header .modal-title{text-align:left}section.generative-image-quiz.image-upload-page .user-name-modal .modal-content .modal-body{display:flex;flex-direction:column}section.generative-image-quiz.image-upload-page .user-name-modal .modal-content .modal-body button{align-self:center;border-radius:24px;padding:8px 16px;width:-moz-fit-content;width:fit-content}section.generative-image-quiz.image-upload-page .default-result-animation{align-items:center;backdrop-filter:blur(4px);cursor:pointer;display:flex;height:100vh;justify-content:center;margin:0;position:relative;width:100vw}section.generative-image-quiz.image-upload-page .default-result-animation .overflow{background-color:rgba(0,0,0,.314);height:100vh;position:fixed;width:100vw;z-index:0}section.generative-image-quiz.image-upload-page .default-result-animation .explosion{height:100vh;position:fixed;width:100vw;z-index:10}section.generative-image-quiz.image-upload-page .default-result-animation .bumper-container{align-items:center;gap:16px}section.generative-image-quiz.image-upload-page .default-result-animation .title{color:#fff;font-family:NiseSegaSonic,sans-serif;font-size:24px;padding:8px;text-align:center;text-transform:capitalize;z-index:99}section.generative-image-quiz.image-upload-page .default-result-animation .result{animation:zoom-in 2s ease;background-color:#fff;border-radius:32px;padding:8px;position:relative;width:30%;z-index:1}section.generative-image-quiz.image-upload-page .default-result-animation .result img{aspect-ratio:9/16;border-radius:24px;height:100%;width:100%}section.generative-image-quiz .minigame-question{background-color:rgba(61,56,172,.8);color:#fff;min-height:100vh;width:100vw}section.generative-image-quiz .minigame-question .question-section{display:flex;gap:48px;height:100vh;padding:24px 48px 24px 24px}section.generative-image-quiz .minigame-question .question-section .options-container{-ms-overflow-style:none;display:flex;flex:auto;flex-direction:column;gap:48px;overflow-y:auto;padding:24px 0;scrollbar-width:none;width:auto}section.generative-image-quiz .minigame-question .question-section .options-container::-webkit-scrollbar{display:none}section.generative-image-quiz .minigame-question .question-section .options-container .question-header{align-items:center;align-self:flex-end;display:flex;gap:16px}section.generative-image-quiz .minigame-question .question-section .options-container .question-header .question-number{font-weight:700}section.generative-image-quiz .minigame-question .question-section .options-container .question-header .question-icon{cursor:pointer}section.generative-image-quiz .minigame-question .question-section .question-image{aspect-ratio:9/16;border-radius:24px;box-shadow:0 0 4px 0 rgba(0,0,0,.08),0 8px 16px 0 rgba(0,0,0,.16);flex:none;height:100%;overflow:hidden;position:relative}section.generative-image-quiz .minigame-question .question-section .question-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}section.generative-image-quiz .minigame-question .question-section .question-image img.additional-image{height:auto;position:absolute;width:auto}section.generative-image-quiz .minigame-question .question-section .question-image img.additional-image.dsf-logo{left:24px;max-width:calc(100% - 48px);top:24px}section.generative-image-quiz .minigame-question .question-section .question-image img.additional-image.mitsubishi-text{bottom:24px;left:24px;max-width:calc(100% - 48px)}section.generative-image-quiz .minigame-question .question-section .question-image.image-upload-example{aspect-ratio:auto;border-radius:0;display:flex;gap:24px;width:auto}section.generative-image-quiz .minigame-question .question-section .question-image.image-upload-example .image-frame{background-color:#fff;border-radius:32px;color:#000;font-size:14px;font-weight:500;height:-moz-max-content;height:max-content;padding:16px;text-align:center;width:auto}section.generative-image-quiz .minigame-question .question-section .question-image.image-upload-example .image-frame img{border-radius:12px;height:400px;width:auto}section.generative-image-quiz .minigame-question .question-section .question-image.image-upload-example .image-frame .caption{font-size:14px;font-weight:500;margin:8px 0;text-align:center}section.generative-image-quiz .minigame-question .question-section .question-options{display:flex;flex-direction:column;gap:48px;height:100%;justify-content:center}section.generative-image-quiz .minigame-question .question-section .question-options .question-text{color:#fff;font-family:NiseSegaSonic,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:150%}section.generative-image-quiz .minigame-question .question-section .question-options .options-section{align-items:flex-start;align-self:stretch;display:flex;gap:24px;height:-moz-fit-content;height:fit-content}section.generative-image-quiz .minigame-question .question-section .question-options .options-section .option{align-items:center;align-self:stretch;background-color:#fff;border-radius:32px;color:#000;cursor:pointer;display:flex;flex-direction:column;gap:11px;padding:16px;text-align:center}section.generative-image-quiz .minigame-question .question-section .question-options .options-section .option label{cursor:pointer;display:flex;flex-direction:column;width:250px}section.generative-image-quiz .minigame-question .question-section .question-options .options-section .option label .text{margin-top:4px}section.generative-image-quiz .minigame-question .question-section .question-options .options-section .option label .option-image-container{aspect-ratio:3/2;border-radius:12px;height:100%;overflow:hidden;width:100%}section.generative-image-quiz .minigame-question .question-section .question-options .options-section .option label .option-image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}section.generative-image-quiz .minigame-question .question-section .question-options .navigations{display:flex;gap:24px}section.generative-image-quiz .minigame-question .question-section .question-options .navigations .nav-button{align-items:center;background:hsla(0,0%,100%,.24);border:1px solid #fff;border-radius:24px;color:var(--Gray-White,#fff);cursor:pointer;display:flex;font-family:NiseSegaSonic;font-size:16px;font-style:normal;font-weight:400;gap:10px;height:48px;justify-content:center;line-height:normal;padding:8px 24px;text-align:center;text-decoration:none;transition:.3s}section.generative-image-quiz .minigame-question .question-section .question-options .navigations .nav-button i{font-size:24px}section.generative-image-quiz .minigame-question .question-section .question-options .navigations .nav-button:hover{background-color:#fff;color:#3d38ac}section.generative-image-quiz .minigame-question .question-section .question-options .errors{margin:-32px 0}section.generative-image-quiz .minigame-question .question-section .question-options .errors .alert{background-color:#fff;border-radius:1rem;color:#f5164c;width:-moz-fit-content;width:fit-content}section.generative-image-quiz .minigame-question .question-section.result-section{height:auto;justify-content:center}section.generative-image-quiz .minigame-question.minigame-image-upload{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:16px}section.generative-image-quiz .minigame-question.minigame-image-upload .page-header{padding:0 16px}section.generative-image-quiz .minigame-question.minigame-image-upload .question-section{height:auto;justify-content:center}section.generative-image-quiz .minigame-question.minigame-image-upload .question-section .pdp-form{background-color:#fff;border-radius:32px;color:#000;padding:16px;width:480px}section.generative-image-quiz .minigame-question.minigame-image-upload .question-section .pdp-form .uploader-section{border:1px solid #ced4da;border-radius:4px;width:100%}section.generative-image-quiz .minigame-question.minigame-image-upload .question-section .pdp-form .uploader-section label{border-radius:0}section.generative-image-quiz .minigame-question.minigame-image-upload .question-section .pdp-form .header{background-image:url(/images/modal-header-image.png?cf6e791454b977f0302913127279f8ca);border-radius:16px;color:#fff;font-size:20px;font-weight:800;margin-bottom:24px;padding:24px}section.generative-image-quiz .minigame-question.minigame-image-upload .question-section .pdp-form .form-footer{margin-top:24px}section.generative-image-quiz .minigame-question.minigame-result-page{display:flex;flex-direction:column;justify-content:space-between;padding:16px}section.generative-image-quiz .quiz-mobile{display:none}section.generative-image-quiz .generate-ai-image-result-container{align-items:center;display:flex;height:100vh;justify-content:center;position:absolute;width:100vw}section.generative-image-quiz .generate-ai-image-result-container .loading-container{align-items:center;background-color:#fff;border-radius:32px;color:#000;display:flex;flex-direction:column;font-family:Oxanium,sans-serif;gap:16px;justify-content:center;padding:16px 16px 24px;width:400px}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container{background-color:#fff;border-radius:24px;color:#3d38ac;display:flex;flex-direction:column;font-family:Oxanium,sans-serif;max-width:40%;padding:24px}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .image-options{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:16px 0}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .image-options .result-option{align-items:center;display:flex;flex-direction:column;gap:16px;padding:16px;width:50%}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .image-options .result-option label .image-container{border-radius:24px;overflow:hidden}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .image-options .result-option label .image-container img{width:100%}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .title{background-image:url(/images/bg-header.jpg?b09208743fe2719c6991e5f4098e664a);background-repeat:no-repeat;background-size:cover;border-radius:16px;color:#fff;font-family:Oxanium-Bold,sans-serif;padding:16px 16px 24px;text-align:left}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .button{font-family:Oxanium,sans-serif;font-weight:700}section.generative-image-quiz .generate-ai-image-result-container .result-container{background-color:#fff;border-radius:24px;color:#3d38ac;display:flex;flex-direction:column;gap:16px;padding:16px 16px 24px}section.generative-image-quiz .generate-ai-image-result-container .result-container .generated-image{border-radius:12px;max-height:450px}section.generative-image-quiz .generate-ai-image-result-container .result-container .action-buttons-row{display:flex;gap:12px}section.generative-image-quiz .generate-ai-image-result-container .result-container .action-buttons-row .action-button{width:50%}section.generative-image-quiz .tippy-box[data-theme~=socmed]{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px 0 rgba(0,0,0,.149);color:#000;padding:4px 0}section.generative-image-quiz .tippy-box[data-theme~=socmed] .socmed-list{display:flex;flex-direction:column;gap:4px}section.generative-image-quiz .tippy-box[data-theme~=socmed] .socmed-item{align-items:center;color:#000;display:flex;gap:8px;text-decoration:none;transition:.3s ease}section.generative-image-quiz .tippy-box[data-theme~=socmed] .socmed-item:hover{background-color:#f5f5fa}section.generative-image-quiz .tippy-box[data-theme~=socmed] .tippy-arrow{color:#fff}section.generative-image-quiz .socmed-offcanvas{background-color:#fff;border-radius:24px 24px 0 0;bottom:0;box-shadow:0 16px 32px 0 rgba(0,0,0,.102),0 4px 16px 0 rgba(0,0,0,.051),0 2px 4px 0 rgba(0,0,0,.051);display:none;height:0;padding:16px;position:absolute;transition:height .6s ease-in-out;visibility:collapse;width:100%;z-index:5}section.generative-image-quiz .socmed-offcanvas .divider{background-color:#d9d9d9;border-radius:3px;height:6px;margin:0 auto;width:80px}section.generative-image-quiz .socmed-offcanvas .title{color:#000;font-size:20px;font-weight:700}section.generative-image-quiz .socmed-offcanvas .share-channel{display:flex}section.generative-image-quiz .socmed-offcanvas .share-channel .channel{align-items:center;display:flex;flex-direction:column;gap:8px;padding:16px;text-decoration:none;width:25%}section.generative-image-quiz .socmed-offcanvas .share-channel .channel .text{color:#000;font-size:12px}section.generative-image-quiz .black-overlay{background:rgba(0,0,0,.55);height:100vh;left:0;position:absolute;top:0;visibility:hidden;width:100vw}.splash-screen{align-items:center;background-image:url(/images/desktop_bg.jpg?6355c05539fb4244c4a5a26862da912a);background-position:100%;background-size:cover;display:flex;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:9999}.splash-screen .splash-screen-container{height:100vh;padding:16px;width:100vw}.splash-screen .splash-screen-container .desktop{display:flex;height:100%;justify-content:space-between;width:100%}.splash-screen .splash-screen-container .desktop .logos{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.splash-screen .splash-screen-container .desktop .logos .dsf-logo{height:10%;padding-right:30px}.splash-screen .splash-screen-container .desktop .logos .start-button{height:30%}.splash-screen .splash-screen-container .mobile{display:none}.splash-screen .splash-screen-container .start-button{cursor:pointer}.splash-screen .splash-screen-image{width:100%}.splash-screen .desktop-splash-screen-image{display:block}.splash-screen .mobile-splash-screen-image{display:none}.button{align-items:center;border-radius:19px;cursor:pointer;display:flex;font-family:NiseSegaSonic,sans-serif;height:-moz-fit-content;height:fit-content;justify-content:center;padding:8px 16px;text-align:center;text-decoration:none!important;transition:.3s}.main-button{background-color:#3d38ac!important;border:1px solid #3d38ac!important;color:#fff!important}.main-button:hover,.secondary-button{background-color:#fff;border:1px solid #3d38ac;color:#3d38ac}.secondary-button:hover{background-color:#3d38ac;color:#fff}.white-button{background-color:#fff!important;border:1px solid #fff!important;color:#3d38ac!important}.white-button:hover{background-color:#3d38ac!important;border:1px solid #3d38ac!important;color:#fff!important}.font-weight-300{font-weight:300!important}.font-weight-700{font-weight:700!important}.page-header{align-items:center;display:flex;justify-content:space-between}.page-header .question-header{align-items:center;align-self:flex-end;display:flex;gap:16px}.page-header .question-header .question-number{font-weight:700}.page-footer{font-size:32px}input[type=radio]{accent-color:#3d38ac;height:20px;width:20px}.uploader-section{background:#fff;border-radius:32px;color:#000;overflow:hidden;width:80%}.uploader-section label{background-color:#ced4da;border-radius:32px 0 0 32px;color:#212529;cursor:pointer;font-family:sans-serif;margin:0;padding:6px 12px}.uploader-section .file-name{font-family:sans-serif;margin-left:.3rem}.font-pricedown{font-family:Pricedown,sans-serif}.glass-overlay{backdrop-filter:blur(1px);background:rgba(61,56,172,.502)}.progress-bar-container{display:none;width:100%}.progress-bar-container .progress-bar{align-items:flex-end;background-color:#3d38ac;border-radius:16px;color:#fff;display:flex;font-size:14px;height:25px;justify-content:flex-end;padding-right:8px;width:0}.modal-link{color:#3d38ac;font-weight:700;text-decoration:underline}.about-ai-quiz{cursor:pointer}.ai-quiz-modal{font-family:Oxanium,sans-serif}.ai-quiz-modal .modal-dialog .modal-content{border-radius:32px;padding:16px}.ai-quiz-modal .modal-dialog .modal-content .modal-header{background-image:url(/images/bg-header.jpg?b09208743fe2719c6991e5f4098e664a);border-radius:16px;justify-content:flex-start}.ai-quiz-modal .modal-dialog .modal-content .modal-header .modal-title{font-size:20px;font-weight:800;width:-moz-fit-content;width:fit-content}.ai-quiz-modal .modal-dialog .modal-content .modal-body{color:#6c757d;padding:16px 0}@media screen and (max-width:992px){section.generative-image-quiz{background-image:url(/images/bg.jpg?7d0dcc5d95b866e9452079aaee8459ca);background-size:cover;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}section.generative-image-quiz.image-upload-page .default-result-animation .result{width:calc(100% - 80px)}section.generative-image-quiz.image-upload-page .default-result-animation .result .caption{font-size:12px}section.generative-image-quiz .minigame-question{display:none!important}section.generative-image-quiz .minigame-question.minigame-result-page{display:flex!important}section.generative-image-quiz .quiz-mobile{display:block;height:100%;position:relative}section.generative-image-quiz .quiz-mobile.uploader-main-section{overflow:hidden;position:unset}section.generative-image-quiz .quiz-mobile.uploader-main-section .background-image{height:100vh;width:auto}section.generative-image-quiz .quiz-mobile .background-image{height:auto;position:relative;width:100vw}section.generative-image-quiz .quiz-mobile .background-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}section.generative-image-quiz .quiz-mobile .header{align-items:center;display:flex;justify-content:space-between;left:0;padding:16px;position:absolute;top:0;width:100%;z-index:2}section.generative-image-quiz .quiz-mobile .header .default-brand{width:60%}section.generative-image-quiz .quiz-mobile .header .dsf-logo{width:100%}section.generative-image-quiz .quiz-mobile .question-section{bottom:0;position:fixed;width:100%;z-index:2}section.generative-image-quiz .quiz-mobile .question-section .additional-image{margin:16px;width:50%}section.generative-image-quiz .quiz-mobile .question-section .question-numbering{background-color:#3d38ac;border-radius:24px 24px 0 0;color:#fff;padding:16px 16px 32px}section.generative-image-quiz .quiz-mobile .question-section .main-question{background-color:#fff;border-radius:24px 24px 0 0;margin-top:-16px;padding:24px 16px 16px}section.generative-image-quiz .quiz-mobile .question-section .main-question .question-text{color:#212529;font-family:NiseSegaSonic,sans-serif;font-size:16px;margin-top:16px;text-align:center}section.generative-image-quiz .quiz-mobile .question-section .main-question .divider{background-color:#dee2e6;border-radius:2px;height:4px;margin:0 auto;width:48px}section.generative-image-quiz .quiz-mobile .question-section .main-question .options-section{display:flex;justify-content:space-between;margin:16px 0}section.generative-image-quiz .quiz-mobile .question-section .main-question .options-section .option{align-items:center;background-color:#f5f5fa;border-radius:24px;display:flex;flex-direction:column;gap:11px;padding:8px;width:calc(50% - 8px)}section.generative-image-quiz .quiz-mobile .question-section .main-question .options-section .option .image-container{border-radius:16px;height:auto;overflow:hidden;width:100%}section.generative-image-quiz .quiz-mobile .question-section .main-question .options-section .option .image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}section.generative-image-quiz .quiz-mobile .question-section .main-question .options-section .option .text{color:#190a0f;font-family:ProductSans,sans-serif;font-size:14px;margin-top:8px;text-align:center}section.generative-image-quiz .quiz-mobile .question-section .main-question .options-section .option input[type=radio]{display:none}section.generative-image-quiz .quiz-mobile .question-section .main-question .options-section.image-uploader{flex-direction:column}section.generative-image-quiz .quiz-mobile .question-section .main-question .image-upload-form .image-upload-example{display:flex}section.generative-image-quiz .quiz-mobile .question-section .main-question .image-upload-form .image-upload-example .image-frame{align-items:center;display:flex;flex-direction:column;padding:16px;width:50%}section.generative-image-quiz .quiz-mobile .question-section .main-question .image-upload-form .image-upload-example .image-frame img{border-radius:8px;width:100%}section.generative-image-quiz .quiz-mobile .question-section .main-question .image-upload-form .image-upload-example .image-frame .caption{margin-bottom:4px;text-align:center}section.generative-image-quiz .quiz-mobile .question-section .main-question .uploader-section{border:1px solid #ced4da;border-radius:4px;width:100%}section.generative-image-quiz .quiz-mobile .question-section .main-question .uploader-section label{border-radius:4px 0 0 4px}section.generative-image-quiz .quiz-mobile .question-section .main-question .errors .alert{color:#f5164c}section.generative-image-quiz .quiz-mobile .question-section .main-question .navigation{display:flex;gap:8px;justify-content:center}section.generative-image-quiz .quiz-mobile .question-section .main-question .navigation .nav-button{align-items:center;background-color:#fff;border:1px solid #3d38ac;border-radius:24px;color:#3d38ac;display:flex;font-family:NiseSegaSonic,sans-serif;font-size:14px;gap:10px;justify-content:center;padding:8px;width:100%}section.generative-image-quiz .generate-ai-image-result-container{padding:16px}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container{border-radius:24px;max-width:100%;padding:16px}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .image-options .result-option{border-radius:8px;overflow:hidden;padding:8px;width:50%}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .image-options .result-option input[type=radio]{display:none}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .image-options .result-option label{border-radius:8px;height:100%;opacity:.8;overflow:hidden;width:100%}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .image-options .result-option label .image-container{border-radius:0}section.generative-image-quiz .generate-ai-image-result-container .image-selector-container .image-options .result-option label.selected{border:3px solid #3d38ac;opacity:1}section.generative-image-quiz .generate-ai-image-result-container .loading-container{align-self:center;width:-moz-fit-content;width:fit-content}section.generative-image-quiz .generate-ai-image-result-container .loading-container img{width:100%}section.generative-image-quiz .generate-ai-image-result-container .result-container{border-radius:24px;max-height:100%;overflow:hidden;overflow-y:auto;width:100%}section.generative-image-quiz .generate-ai-image-result-container .result-container .generated-image{aspect-ratio:9/16;max-height:80%}section.generative-image-quiz .generate-ai-image-result-container .result-container .mobile-action-buttons{font-size:12px;gap:8px}section.generative-image-quiz .generate-ai-image-result-container .result-container .mobile-action-buttons .download-button{width:100%}section.generative-image-quiz .generate-ai-image-result-container .result-container .mobile-action-buttons .share-button{align-items:center;border-radius:50%;display:flex;justify-content:unset;padding:8px 12px}section.generative-image-quiz .generate-ai-image-result-container .result-container .mobile-action-buttons .share-button:hover{background-color:#3d38ac}.splash-screen{background-image:url(/images/mobile_bg.jpg?6c7b5b103a5e4a9c6051c84ee7541aed);background-position:100%;background-size:cover}.splash-screen .splash-screen-container{height:100vh;width:100vw}.splash-screen .splash-screen-container .desktop{display:none}.splash-screen .splash-screen-container .mobile{display:flex;flex-direction:column;height:100%;justify-content:space-between}.splash-screen .splash-screen-container .mobile .dsf-logo{width:30%}.splash-screen .desktop-splash-screen-image{display:none}.splash-screen .mobile-splash-screen-image{display:block}}