:root{overscroll-behavior:none}html{overscroll-behavior:none}@media(max-width: 1024px){main{padding-top:1.5rem}}body:not(.homepage) main>section:first-child{padding:0}#header{height:7rem}#footer-wrap{min-height:7rem;display:none}.quiz-container{margin-top:-7rem}.quiz-section{min-height:100vh;transition:all ease-out .5s}.quiz-section.bg-1{background-color:#a45a95}.quiz-section.bg-2{background-color:#416ba9}.quiz-section.bg-3{background-color:#88a750}.quiz-questions{position:relative}@media(max-width: 576px){.quiz-questions .quiz-page{min-height:auto}.quiz-questions .quiz-page .content-wrap{margin-top:2.5rem}}.quiz-page{min-height:calc(100vh - 8rem);position:absolute;top:0;width:100%;background-color:#0033a1;transition:all ease-out .5s;opacity:1}.quiz-page .quiz-graphic{z-index:0;position:absolute;width:100%;height:100%;top:50%;transform:translate(0%, -50%)}.quiz-page .quiz-graphic img{max-width:150%;width:130%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:-10vw 60%;object-position:-10vw 60%}@media(max-width: 1024px)and (orientation: portrait){.quiz-page .quiz-graphic img{height:90%;width:100%;-o-object-position:-35vw 59%;object-position:-35vw 59%}}@media(max-width: 576px){.quiz-page .quiz-graphic img{height:70%;width:100%;-o-object-position:-38vw 0%;object-position:-38vw 0%}}.quiz-page .content-wrap{z-index:1;margin-top:1rem;position:relative}@media(max-width: 576px){.quiz-page .content-wrap{margin-top:3.5rem}}.quiz-page.quiz-landing{z-index:3;position:absolute;transition:all ease-out .7s;min-height:100dvh}.quiz-page.quiz-landing .title{font-size:4rem;line-height:1.7em}@media(max-width: 1200px){.quiz-page.quiz-landing .title{font-size:3.5rem}}@media(max-width: 576px){.quiz-page.quiz-landing .title{font-size:2.1rem}}.quiz-page.quiz-landing .description{font-size:1.1rem;line-height:2em}@media(max-width: 768px){.quiz-page.quiz-landing .description{max-width:calc(100% - 3rem)}}@media(max-width: 576px){.quiz-page.quiz-landing .description{font-size:.8rem}}.quiz-page .start-quiz-btn .btn-special:before{transform:translate(-50%, -50%) rotate(-8deg)}.quiz-page .start-quiz-btn .btn-special:hover:before{transform:translate(-50%, -50%) rotate(-4deg)}main{padding-top:0}.quiz-page-wrap{min-height:100vh;top:0%;transition:all ease-in-out .5s;opacity:1;background-color:#a45a95}@media(max-width: 576px){.quiz-page-wrap{overflow-y:auto;overflow-x:hidden}}.quiz-page-wrap.quiz-questions{padding-top:8rem}.quiz-page-wrap .quiz-question-graphic>*{transform:scale(0);transition:all ease-in-out 1s}.quiz-page-wrap.is-animating .quiz-question-graphic .vector-1{transform:scale(1);transition-delay:0s}.quiz-page-wrap.is-animating .quiz-question-graphic .vector-2{transform:scale(1);transition-delay:.2s}.quiz-page-wrap.is-animating .quiz-question-graphic .vector-3{transform:scale(1);transition-delay:.4s}.quiz-page-wrap.is-animating .quiz-question-graphic .vector-4{transform:scale(1);transition-delay:.6s}.quiz-page-wrap.is-animating .quiz-question-graphic .vector-5{transform:scale(1);transition-delay:.8s}.quiz-page-wrap.bg-1{background-color:#a45a95}.quiz-page-wrap.bg-1 .option-1:before{background-color:#ec7700}.quiz-page-wrap.bg-1 .option-2:before{background-color:#88a750}.quiz-page-wrap.bg-2{background-color:#88a750}.quiz-page-wrap.bg-2 .option-1:before{background-color:#0297a9}.quiz-page-wrap.bg-2 .option-2:before{background-color:#a45a95}.quiz-page-wrap.bg-2 .quiz-question-graphic .vector-1 path{fill:#0097ce}.quiz-page-wrap.bg-2 .quiz-question-graphic .vector-2 path{fill:#ec7700}.quiz-page-wrap.bg-2 .quiz-question-graphic .vector-3 path{fill:#a45a95}.quiz-page-wrap.bg-2 .quiz-question-graphic .vector-4 path{fill:#ff8189}.quiz-page-wrap.bg-2 .quiz-question-graphic .vector-5 path{fill:#0033a1}.quiz-page-wrap.bg-3{background-color:#416ba9}.quiz-page-wrap.bg-3 .option-1:before{background-color:#a45a95}.quiz-page-wrap.bg-3 .option-2:before{background-color:#0297a9}.quiz-page-wrap.bg-3 .quiz-question-graphic .vector-1 path{fill:#ec7700}.quiz-page-wrap.bg-3 .quiz-question-graphic .vector-2 path{fill:#88a750}.quiz-page-wrap.bg-3 .quiz-question-graphic .vector-3 path{fill:#0033a1}.quiz-page-wrap.bg-3 .quiz-question-graphic .vector-4 path{fill:#0297a9}.quiz-page-wrap.bg-3 .quiz-question-graphic .vector-5 path{fill:#ff8189}.quiz-page-wrap .quiz-question-graphic svg{position:absolute}.quiz-page-wrap .quiz-question-graphic svg.vector-1{left:-7%;top:-5%;width:28%}@media(max-width: 1024px){.quiz-page-wrap .quiz-question-graphic svg.vector-1{width:40%}}@media(max-width: 576px){.quiz-page-wrap .quiz-question-graphic svg.vector-1{left:-35%;top:-18%;width:80%}}.quiz-page-wrap .quiz-question-graphic svg.vector-2{top:55%;left:1%;width:5%}@media(max-width: 1024px){.quiz-page-wrap .quiz-question-graphic svg.vector-2{width:15%;top:85%}}@media(max-width: 576px){.quiz-page-wrap .quiz-question-graphic svg.vector-2{width:20%}}.quiz-page-wrap .quiz-question-graphic svg.vector-3{top:-5%;right:5%;width:18%}@media(max-width: 1024px){.quiz-page-wrap .quiz-question-graphic svg.vector-3{width:30%}}@media(max-width: 576px){.quiz-page-wrap .quiz-question-graphic svg.vector-3{top:-15%;right:-15%;width:50%}}.quiz-page-wrap .quiz-question-graphic svg.vector-4{right:10%;top:35%;width:7%}@media(max-width: 1024px){.quiz-page-wrap .quiz-question-graphic svg.vector-4{top:24%;width:15%}}@media(max-width: 576px){.quiz-page-wrap .quiz-question-graphic svg.vector-4{top:25%;width:25%;right:-13%}}.quiz-page-wrap .quiz-question-graphic svg.vector-5{right:1%;top:60%;width:4%}@media(max-width: 1024px){.quiz-page-wrap .quiz-question-graphic svg.vector-5{top:70%;width:15%}}@media(max-width: 576px){.quiz-page-wrap .quiz-question-graphic svg.vector-5{top:80%;width:20%;right:2%}}.quiz-page-wrap .quiz-page{opacity:0;visibility:hidden;background-color:rgba(0,0,0,0);justify-content:flex-start;padding-bottom:5rem}@media(max-width: 1024px){.quiz-page-wrap .quiz-page{justify-content:center}}@media(max-width: 576px){.quiz-page-wrap .quiz-page{justify-content:flex-start;padding-bottom:5rem}}.quiz-page-wrap .quiz-page.active{opacity:1;visibility:visible;position:relative}.quiz-page-wrap .quiz-question{font-size:2.4vw;line-height:1.8em;max-width:70%;margin:0 auto;text-transform:uppercase}@media(max-width: 1024px){.quiz-page-wrap .quiz-question{font-size:2.2rem;line-height:1.7em;max-width:calc(100% - 3rem)}}@media(max-width: 576px){.quiz-page-wrap .quiz-question{font-size:1.4rem;line-height:1.7em}}.quiz-page-wrap .quiz-selection{width:92%;margin:0 auto;margin-top:10vw;gap:7rem}@media(max-width: 1024px){.quiz-page-wrap .quiz-selection{gap:5rem}}@media(max-width: 576px){.quiz-page-wrap .quiz-selection{margin-top:4rem;flex-direction:column;gap:6rem}}.quiz-page-wrap .quiz-selection .btn{flex:1;width:auto;min-height:18vw;max-width:100%;font-size:1.6vw;line-height:2em;text-transform:none;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;flex-direction:column;min-height:18vw}@media(max-width: 1024px){.quiz-page-wrap .quiz-selection .btn{min-height:13rem}}@media(max-width: 576px){.quiz-page-wrap .quiz-selection .btn{min-height:11rem}}.quiz-page-wrap .quiz-selection .btn:has(.selection-image){padding-top:3rem;min-height:22vw;padding:2rem 1.5rem}@media(max-width: 1024px){.quiz-page-wrap .quiz-selection .btn:has(.selection-image){min-height:25vw}}.quiz-page-wrap .quiz-selection .btn:has(.selection-image):before{height:100%}.quiz-page-wrap .quiz-selection .btn .selection-image{margin-top:-12vw;width:55%;text-align:center;margin-bottom:.5rem}.quiz-page-wrap .quiz-selection .btn .selection-image img{width:100%}@media(max-width: 1024px){.quiz-page-wrap .quiz-selection .btn .selection-image{width:60%}}@media(max-width: 576px){.quiz-page-wrap .quiz-selection .btn .selection-image{width:75%;margin-top:-14vw}}.quiz-page-wrap .quiz-selection .btn .image-credit{font-size:.7rem;line-height:1rem;padding:.5rem 0;width:65%;margin:0 auto}@media(max-width: 1024px){.quiz-page-wrap .quiz-selection .btn .image-credit{width:100%;font-size:.6rem;line-height:.8rem}}@media(max-width: 576px){.quiz-page-wrap .quiz-selection .btn .image-credit{width:80%;font-size:.7rem;padding:.3rem 0;padding-bottom:1rem}}@media(max-width: 1024px){.quiz-page-wrap .quiz-selection .btn{font-size:.85rem}}.quiz-page-wrap .quiz-selection .btn span{transition:all ease-out .4s}.quiz-page-wrap .quiz-selection .btn:before{height:18vw;width:100%;border-bottom:.5rem solid rgba(0,0,0,0)}@media(max-width: 1024px){.quiz-page-wrap .quiz-selection .btn:before{height:13rem}}@media(max-width: 576px){.quiz-page-wrap .quiz-selection .btn:before{height:11rem}}.quiz-page-wrap .quiz-selection .btn.selection-1.selected:before,.quiz-page-wrap .quiz-selection .btn.selection-1:hover:before{transform:translate(-50%, -50%) rotate(-5deg)}@media(max-width: 576px){.quiz-page-wrap .quiz-selection .btn.selection-1.selected:before,.quiz-page-wrap .quiz-selection .btn.selection-1:hover:before{transform:translate(-50%, -50%) rotate(-3deg)}}.quiz-page-wrap .quiz-selection .btn.selection-1:before{transform:translate(-50%, -50%) rotate(-8deg)}@media(max-width: 576px){.quiz-page-wrap .quiz-selection .btn.selection-1:before{transform:translate(-50%, -50%) rotate(-3deg)}.quiz-page-wrap .quiz-selection .btn.selection-1:before:hover:before{transform:translate(-50%, -50%) rotate(-3deg)}}.quiz-page-wrap .quiz-selection .btn.selection-2{transform:translateY(-2rem)}.quiz-page-wrap .quiz-selection .btn.selection-2.selected:before,.quiz-page-wrap .quiz-selection .btn.selection-2:hover:before{transform:translate(-50%, -50%) rotate(9deg)}@media(max-width: 576px){.quiz-page-wrap .quiz-selection .btn.selection-2.selected:before,.quiz-page-wrap .quiz-selection .btn.selection-2:hover:before{transform:translate(-50%, -50%) rotate(3deg)}}.quiz-page-wrap .quiz-selection .btn.selection-2:before{transform:translate(-50%, -50%) rotate(8deg)}@media(max-width: 576px){.quiz-page-wrap .quiz-selection .btn.selection-2:before{transform:translate(-50%, -50%) rotate(3deg)}}.quiz-page-wrap .quiz-selection .btn.selected:before,.quiz-page-wrap .quiz-selection .btn:hover:before{background-color:#0033a1;border-color:#e21836}.quiz-page-wrap .quiz-selection .btn.not-selected{pointer-events:none}.quiz-page-wrap .quiz-selection .btn.not-selected:before{background-color:#7b868c}.quiz-page-wrap .quiz-selection .btn.not-selected span{opacity:.8}.question-number{margin-bottom:1.5rem}@media(max-width: 576px){.question-number{margin-bottom:1rem;font-size:.85rem}}.quiz-result{min-height:100vh;padding:10rem 0}@media(max-width: 1024px){.quiz-result{height:auto;padding:6rem 0;padding-top:7rem}}.quiz-result.bg-1 .quiz-page .quiz-graphic{background-color:#a45a95}.quiz-result.bg-1 .quiz-page .quiz-graphic svg path{fill:#88a750}.quiz-result.bg-1 .quiz-page .quiz-graphic .potrait-img:before{background-color:#ff8189}.quiz-result.bg-2 .quiz-page .quiz-graphic{background-color:#416ba9}.quiz-result.bg-2 .quiz-page .quiz-graphic svg path{fill:#a45a95}.quiz-result.bg-2 .quiz-page .quiz-graphic .potrait-img:before{background-color:#10cfc9}.quiz-result.bg-3 .quiz-page .quiz-graphic{background-color:#88a750}.quiz-result.bg-3 .quiz-page .quiz-graphic svg path{fill:#416ba9}.quiz-result.bg-3 .quiz-page .quiz-graphic .potrait-img:before{background-color:#ec7700}.quiz-result .quiz-page{background-color:rgba(0,0,0,0);position:relative;justify-self:flex-start}@media(max-width: 1024px){.quiz-result .quiz-page{height:auto;position:relative}}@media(max-width: 576px){.quiz-result .quiz-page{justify-self:flex-start}}.quiz-result .title{font-size:2.6rem;line-height:1.7em}@media(max-width: 1200px){.quiz-result .title{font-size:2.3rem;margin-bottom:1rem;margin-top:2rem}}@media(max-width: 1024px){.quiz-result .title{margin-bottom:3rem}}@media(max-width: 576px){.quiz-result .title{font-size:1.1rem;width:90%;margin:2rem auto;margin-top:.5rem}}.quiz-result .quiz-graphic svg{position:absolute;left:50%;top:50%;transform:translate(-90%, -50%);width:80%}@media(max-width: 1024px){.quiz-result .quiz-graphic svg{transform:translate(-85%, -75%);width:90%}}.quiz-result .result-wrap{max-width:80%;margin:0 auto;line-height:1.7em;align-items:center;gap:4rem}@media(max-width: 1024px){.quiz-result .result-wrap{flex-direction:column}}@media(max-width: 576px){.quiz-result .result-wrap{max-width:90%;gap:3.5rem}}.quiz-result .result-wrap .potrait-img{padding:1rem;flex:auto;position:relative;min-width:30%}@media(max-width: 1024px){.quiz-result .result-wrap .potrait-img{max-width:70%}}@media(max-width: 576px){.quiz-result .result-wrap .potrait-img{max-width:90%;display:flex;align-items:center;gap:.8rem;padding:.8rem}}.quiz-result .result-wrap .potrait-img::before{z-index:0;background-color:#ff8189;content:"";width:110%;top:50%;left:50%;height:110%;padding:10px;position:absolute;transform:translate(-50%, -50%) rotate(3deg);transition:all ease-in-out .4s}@media(max-width: 1024px){.quiz-result .result-wrap .potrait-img::before{transform:translate(-50%, -50%) rotate(-3deg)}}.quiz-result .result-wrap .potrait-img .image{position:relative}@media(max-width: 576px){.quiz-result .result-wrap .potrait-img .image{flex:0 0 calc(50% - .4rem);margin-bottom:0;max-height:10rem}}.quiz-result .result-wrap .potrait-img .image img{width:100%}@media(max-width: 1024px){.quiz-result .result-wrap .potrait-img .image img{max-height:10rem;width:auto;margin:0 auto}}@media(max-width: 1024px){.quiz-result .result-wrap .potrait-img .image .image-wrap{position:relative;height:100%;width:auto;margin:0 auto}}.quiz-result .result-wrap .potrait-img .potrait-detail{position:relative;color:#45545f;font-size:.8rem;line-height:1.5em}@media(max-width: 576px){.quiz-result .result-wrap .potrait-img .potrait-detail{flex:0 0 calc(50% - .4rem);font-size:.68rem}}.quiz-result .result-wrap .details{flex:auto}.quiz-result .result-wrap .share-row{transition:all ease-in-out .4s;font-size:1.2rem;padding-bottom:5%}.quiz-result .result-wrap .share-row .share>img,.quiz-result .result-wrap .share-row .try-again>img{width:1.35rem}@media(max-width: 576px){.quiz-result .result-wrap .share-row{font-size:.85rem}.quiz-result .result-wrap .share-row.active{padding-bottom:12rem}}.quiz-result .potrait-title{line-height:2.3rem}@media(max-width: 576px){.quiz-result .potrait-title{font-size:1rem;margin-bottom:1.5rem;line-height:1.5em}}@media(max-width: 576px){.quiz-result .potrait-description{line-height:1.7rem;margin-bottom:1.5rem}}@media(max-width: 576px){.quiz-result .match-title{margin-bottom:1.5rem}}@media(max-width: 576px){.quiz-result .potrait-link{margin-bottom:1.5rem}}.quiz-result .hashtag{display:none}@media(max-width: 576px){.quiz-result .hashtag{display:block;font-size:.75rem;margin-bottom:2.5rem}}.potrait-link .external-link{padding-right:0;align-items:center}.potrait-link .external-link:after{right:0;position:relative;transform:none;margin-left:.3rem;display:inline-block}.pass{opacity:0;visibility:hidden}.pssst{display:none;bottom:2rem;right:0rem}@media(max-width: 576px){.pssst{padding-left:1.4rem;padding-right:1.5rem}}@keyframes logo-loop{0%{background-color:red}16%{background-color:#ff0}32%{background-color:blue}48%{background-color:blue}48%{background-color:blue}100%{background-color:green}}.logo:nth-child(1){animation-delay:0s}.logo:nth-child(2){animation-delay:4s}.logo:nth-child(3){animation-delay:8s}.logo:nth-child(4){animation-delay:12s}@keyframes fadeLoop{0%{opacity:0}5%{opacity:1}10%{opacity:1}30%{opacity:0}100%{opacity:0}}.gift-box-wrap{position:relative}.gift-box-wrap .logos>img{position:absolute;top:50%;left:50%;transform:translate(-50%, -25%);width:70%;opacity:0;animation:fadeLoop 7s infinite;transition:all ease-in-out .4s}.gift-box-wrap .logos>img:nth-child(1){animation-delay:0s}.gift-box-wrap .logos>img:nth-child(2){animation-delay:1s}.gift-box-wrap .logos>img:nth-child(3){animation-delay:2s}.gift-box-wrap .logos>img:nth-child(4){animation-delay:3s}.gift-box-wrap .logos>img:nth-child(5){animation-delay:4s}.gift-box-wrap .logos>img:nth-child(6){animation-delay:5s}.gift-box-wrap .logos>img:nth-child(7){animation-delay:6s}.potrait-link .link,.lucky-draw-details .link,.try-again{transition:all ease-in-out .4s}.potrait-link .link:hover,.lucky-draw-details .link:hover,.try-again:hover{color:#dedede}@media(max-width: 576px){.lucky-draw-details .link{font-size:1rem}}@media(max-width: 576px){.lucky-draw-row{gap:1rem}.lucky-draw-row .lucky-draw-icon{width:7rem;flex:0 0 7rem}}.quiz-back-btn{cursor:pointer;font-size:1.2rem;position:relative;padding-left:2rem;top:18%;z-index:2;opacity:0;visibility:hidden;transition:all ease-in-out .4s}.quiz-back-btn a{display:flex;align-items:center;gap:1rem}.quiz-back-btn a:hover{text-decoration:underline}.quiz-back-btn a svg{width:1.5rem}@media(max-width: 1024px){.quiz-back-btn a svg{width:.8rem}}.quiz-back-btn.active{opacity:1;visibility:visible}@media(max-width: 1024px){.quiz-back-btn{font-size:1rem;top:18%}}@media(max-width: 576px){.quiz-back-btn{font-size:.8rem;padding-left:1.5rem;top:14%}}.share{position:relative;z-index:2;cursor:pointer}.share>span.share-text{transition:all ease-in-out .4s}.share:hover>span.share-text{color:#dedede}.share.active .share-box{visibility:visible}.share.active .share-box::before{background-color:#45545f;height:100%;width:100%;transform:translate(-50%, -50%) rotate(0deg);left:50%;top:50%}.share.active .share-box .copy,.share.active .share-box .share-to,.share.active .share-box .share-title{opacity:1;visibility:visible}.share.active .share-box::after{opacity:1}.share.active .btn-special::before{background-color:#45545f;transform:translate(-50%, -50%) rotate(0deg)}.share-box{position:absolute;padding-top:2rem;top:-1rem;max-width:550px;min-width:320px;left:-2rem;width:-moz-max-content;width:max-content;visibility:hidden}.share-box .share-title{margin-bottom:1rem;opacity:0;visibility:hidden;padding-bottom:1rem;border-bottom:1px solid #fff}@media(max-width: 576px){.share-box{max-width:calc(100vw - 4rem);left:0}}.share-box>*{position:relative}.share-box::before{background-color:rgba(0,0,0,0);content:"";width:15rem;top:3.5rem;left:7.5rem;height:4.5rem;padding:10px;position:absolute;transform:translate(-50%, -50%) rotate(8deg);transition:all ease-in-out .5s}@media(max-width: 768px){.share-box::before{width:14rem;left:7rem}}.share-box .copy,.share-box .share-to{opacity:0;visibility:hidden;transition:all ease-in-out .5s}.share-box .share-to .title{font-size:1rem}@media(max-width: 576px){.share-box .share-to .title{margin-top:0rem;margin-bottom:0rem}}.link-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:2rem;width:100%;line-height:2rem;color:#000}@media(max-width: 576px){.link-text{font-size:.95rem}}.copied{opacity:0;display:none}.copied.show{display:flex;opacity:1}.image-lightbox{transition:all ease-in-out .5s;opacity:0;visibility:hidden;position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.9);z-index:22}.image-lightbox .image{width:50%;margin-bottom:1rem}@media(max-width: 576px){.image-lightbox .image{width:95%}}.image-lightbox .image img{width:100%}.image-lightbox .credits{max-width:50%;color:#fff}@media(max-width: 576px){.image-lightbox .credits{font-size:.95rem;max-width:90%}}.image-lightbox .close-btn{position:absolute;right:2rem;top:2rem;cursor:pointer}.image-lightbox.active{opacity:1;visibility:visible}.enlarge-btn{position:absolute;bottom:.3rem;right:.5rem}.enlarge-btn svg{width:2rem}@media(max-width: 576px){.enlarge-btn svg{height:2rem}}@media(max-width: 576px){.enlarge-btn{right:5%;bottom:5%}}.share-list button{transition:all ease-in-out .3s;cursor:pointer}.share-list button img{width:2rem}.share-list button:hover{transform:translateY(-0.1rem)}/*# sourceMappingURL=quiz.min.css.map */