.selection-bg{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.cody-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;z-index:1}.cody-logo{width:25vw;margin-top:4vw;z-index:2}.cody-logo img{width:100%}.cody-container>h2{color:#fff;font-family:moranga;font-weight:700;font-size:7vw;text-align:center;line-height:110%;margin:4vw 0;z-index:2;color:#f9ce0a}.character-wrapper{position:relative;width:100%;height:65vh;display:flex;align-items:center;justify-content:center;z-index:2;touch-action:pan-y}.character{position:absolute;width:60vw;height:90vw;transition:z-index 0s;cursor:pointer}.character img{width:100%;height:100%;object-fit:contain;cursor:none}.selectionTradeMark{position:absolute;color:#fff;font-family:Helvetica-Bold;font-size:1.8vw;z-index:10;bottom:18%;right:15%;text-align:right;-webkit-text-stroke:.5vw black;paint-order:stroke fill}.nav-arrows{position:absolute;top:50%;left:0;right:0;z-index:12;display:flex;justify-content:space-between;padding:0 3vw;pointer-events:none}.nav-arrow-btn{pointer-events:all;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1vw}.nav-arrow-btn img{width:8vw}.nav-arrow-btn span{color:#fff;font-family:unity;font-weight:700;font-size:2vw;text-align:center;line-height:120%}.selection-bottom-bar{position:fixed;bottom:0;left:0;width:100%;z-index:12;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:4vw 6vw}.selection-bottom-bar h2{color:#f9ce0a;font-family:moranga;font-weight:700;font-size:6vw}.selection-bottom-bar h2 span{font-size:3vw;vertical-align:super}.selection-bottom-bar button{background-color:#f9ce0a;border:none;padding:2.5vw 8vw;border-radius:2vw;font-family:moranga;font-weight:700;font-size:4vw;cursor:pointer;color:#000}@media (max-width: 480px){.cody-container{height:100%;position:absolute}}.bottle-container{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100%;width:100%;position:absolute;overflow:hidden}.background-image{position:absolute;width:100%;height:100%;object-fit:cover}.bottle-logo{width:30%;z-index:1}.bottle-logo img{width:100%}.bottle-wrapper{position:relative;width:200px;width:25vw;height:400px;height:65vw;z-index:1}.bottle-parcent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;font-size:7vw;font-family:moranga;font-weight:700}.bottle-base{position:absolute;width:100%;height:100%;z-index:2}.liquid{position:absolute;width:100%;height:100%;background:url(https://wwe-mm-ai-asset-bucket.customphotoexperience.com/bottleliquid.webp) no-repeat;background-size:100% 98%;background-position:100% 4907%;bottom:0;z-index:2;mask-image:url(https://wwe-mm-ai-asset-bucket.customphotoexperience.com/bottle-fill-mask.webp);-webkit-mask-image:url(https://wwe-mm-ai-asset-bucket.customphotoexperience.com/bottle-fill-mask.webp);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:bottom;-webkit-mask-position:bottom}.bottle-overlay{position:absolute;width:20%;top:0;left:50%;transform:translate(-50%);z-index:3}.text-content{margin-top:20px;text-align:center;color:#fff;z-index:1}.text-content h2{font-size:9vw;line-height:1.2;margin-bottom:5vw;font-family:moranga;font-weight:700}@keyframes fillBottle{0%{background-position-y:4907%}90%{background-position-y:707%}to{background-position-y:100%}}@font-face{font-family:moranga;src:url(https://wwe-mm-ai-asset-bucket.customphotoexperience.com/fonts/Moranga\ Font/Moranga-Bold.otf);font-weight:700}@font-face{font-family:moranga;src:url(https://wwe-mm-ai-asset-bucket.customphotoexperience.com/fonts/Moranga\ Font/Moranga-Regular.otf);font-weight:400}@font-face{font-family:moranga;src:url(https://wwe-mm-ai-asset-bucket.customphotoexperience.com/fonts/Moranga\ Font/Moranga-Medium.otf);font-weight:medium}@font-face{font-family:moranga;src:url(https://wwe-mm-ai-asset-bucket.customphotoexperience.com/fonts/Moranga\ Font/Moranga-Light.otf);font-weight:lighter}@font-face{font-family:unity;src:url(https://wwe-mm-ai-asset-bucket.customphotoexperience.com/fonts/TCCC-UnityText/TCCC-UnityText-Regular.ttf);font-weight:400}@font-face{font-family:unity;src:url(https://wwe-mm-ai-asset-bucket.customphotoexperience.com/fonts/TCCC-UnityText/TCCC-UnityText-Medium.ttf);font-weight:700}@font-face{font-family:unity;src:url(https://wwe-mm-ai-asset-bucket.customphotoexperience.com/fonts/TCCC-UnityText/TCCC-UnityText-Light.ttf);font-weight:lighter}@font-face{font-family:Helvetica-Bold;src:url(./Helvetica-Bold-DbiQUL7g.ttf)}.loader img{animation:loaderanime 2s linear infinite}@keyframes loaderanime{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body,html{width:100%;height:100%;overflow:hidden;touch-action:pan-x pan-y}*{margin:0;padding:0;box-sizing:border-box}button,img{-webkit-tap-highlight-color:transparent}.home{position:relative;width:100%;height:100vh;color:#fff;background-color:#000;display:flex;overflow:hidden}.home>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.home>div{height:100%;width:100%;padding:0 8%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.home>div>h1{width:100%;font-family:moranga;font-size:9vw;line-height:110%;letter-spacing:.1vw}.home>div>p{width:100%;font-family:unity;font-weight:lighter;margin:6% 0;font-size:3.3vw}.home>div>div>img{width:100%}.home>div>button{background-color:#e8272c;padding:3% 6%;border:none;border-radius:6vw;color:#fff;font-family:moranga;font-weight:700;letter-spacing:.1vw;font-size:4vw;margin-top:8%;align-self:flex-start}.home>div>.home-logo{position:absolute;bottom:5%;left:8%;width:31%}.doom{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.doom h2{font-size:6vw}.doom>img{width:100%;height:100vh;z-index:-1;position:fixed;top:0;left:0}.doom>div{padding:10% 0;text-align:center}.doom>div h1{font-size:8vw}.doom>div>img{width:25vw}.doom>div:nth-child(2){color:#f9ce0a;font-family:moranga}.doom>div:nth-child(3){color:#fff;width:75%;margin-top:60vw}.doom>div:nth-child(3)>p:nth-child(1){font-family:unity;font-weight:700;font-size:3.5vw;margin:5% 0}.doom>div:nth-child(3)>p:nth-child(2){font-family:unity;font-size:3vw;margin:2% 0}.doom>div:nth-child(3)>button{background-color:#f9ce0a;border:none;padding:2vw 6vw;font-size:4vw;margin-top:2vw;border-radius:25px;font-family:moranga;font-weight:700}.mike{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.mike>img{width:100%;height:100%;z-index:-1;position:fixed;top:0;left:0;object-fit:cover}.mike>div{padding:10% 0;text-align:center}.mike>div>img{width:30%}.mike>div:nth-child(2){color:#f9ce0a;font-family:moranga}.mike>div:nth-child(3){color:#fff;width:75%}.mike>div:nth-child(3)>p:nth-child(1){font-family:unity;font-weight:700;font-size:3.5vw;margin:5% 0}.mike>div:nth-child(3)>p:nth-child(2){font-family:unity;font-size:3vw;margin:2% 0}.mike>div:nth-child(3)>button{background-color:#f9ce0a;border:none;padding:2vw 3vw;border-radius:10px;font-family:moranga;font-weight:700}.cody{background-color:#000;width:100%;height:100vh}.cody h2,.cody h1{font-size:7vw}.cody>img{width:100%;height:100%;z-index:-1;position:fixed;top:0;left:0;object-fit:cover}.cody>div{padding:10% 0;text-align:center}.cody>div>img{width:25%}.cody>div:nth-child(2){color:#f9ce0a;font-family:moranga}.cody>div:nth-child(3){color:#fff;width:75%;display:flex;justify-content:space-between;align-items:center;margin-top:54vw;margin-top:60vw}.cody>div:nth-child(3) h2{color:#f9ce0a}.bianca{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.bianca>img{width:100%;height:100%;z-index:-1;position:fixed;top:0;left:0;object-fit:cover}.bianca>div{padding:10% 0;text-align:center}.bianca>div>img{width:30%}.bianca>div:nth-child(2){color:#f9ce0a;font-family:moranga}.bianca>div:nth-child(3){color:#fff;width:75%;display:flex;justify-content:space-between;align-items:center}.bianca>div:nth-child(3) h2{color:#f9ce0a}.selection2{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative}.selection2-bg{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.selection2-character{position:absolute;height:72%;top:30%;left:50%;transform:translate(-50%);object-fit:contain;object-position:top;z-index:1;pointer-events:none}.selection2-overlay{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2}.selection2>div{padding:10% 0;text-align:center;z-index:3;position:relative}.selection2>div>img{width:30%}.selection2>div:nth-child(3){text-align:center}.selection2>div:nth-child(3) h2{color:#f9ce0a;font-size:8vw;font-family:moranga;line-height:110%;margin-top:4vw}.selection2>div:nth-child(4){color:#fff;width:75%;display:flex;justify-content:center;align-items:center;position:absolute;left:12.5%;bottom:2%;z-index:20;pointer-events:none}.selection2>div>button{background-color:#f9ce0a;font-size:4vw;border:none;padding:3vw 10vw;border-radius:10vw;font-family:moranga;font-weight:700;color:#000;pointer-events:auto;touch-action:manipulation;cursor:pointer}.td{position:relative;transform:translate(+20%,-150%)}.td>div{width:30%;position:absolute}.td .position1{top:0;left:0;transition:.5s ease-in-out}.td .position2{top:0;right:0;transition:.5s ease-in-out}.td .position3{top:100%;left:50%;transform:translate(-50%);transition:.5s ease-in-out}.td button{background-color:#fff}.td>div>img{width:100%}.selection-button{width:100%;font-size:6vw;color:#fff;display:flex;justify-content:space-around;align-items:center}.gender{width:100%;height:90vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center;color:#fff;padding:0% 15%}.gender>img{width:100%;height:100%;z-index:-1;position:fixed;top:0;left:0;object-fit:cover}.gender>div{width:100%;text-align:center}.gender>div>h2{font-size:7vw;font-family:moranga;font-weight:700}.gender>div>img{width:25vw}.gender-type>div{display:flex;justify-content:space-between;align-items:center;padding:10%}.gender-type>div>h2{width:50%;text-transform:capitalize;font-size:6vw;font-family:moranga;font-weight:700;text-align:left;padding-left:4vw}.gender-type>div>div{width:40%}.gender-type>div img{width:100%;border-radius:2vw}.camera{width:100%;height:100vh;background-color:#000;color:#fff}.camera-circle{width:50vw;height:70vw;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:5px solid white;background-color:transparent}.camera>div{display:flex;justify-content:center;align-items:center;gap:7%;padding:5%}.camera>div h2{font-family:moranga;font-weight:600;font-size:4vw}.camera>div>div{width:25%}.camera>div img{width:100%}.camera-button{position:fixed;bottom:10%;left:50%;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;width:15vw;height:15vw;z-index:2;background-color:#fff}.camera-button:active{border:2px solid white;transform:translate(-50%,-50%) scale(.8)}.camera-instruction{width:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:#3e3e3e;font-size:4vw;font-family:unity;font-weight:400}.countdown{position:fixed;bottom:5%;left:50%;transform:translate(-50%,-50%);font-family:moranga;font-weight:700;font-size:12vw}.bottle{width:100%;height:90vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;font-family:moranga;font-weight:700;font-size:7vw}.bottle>img{width:100%;height:100%;z-index:-1;position:fixed;top:0;left:0;object-fit:cover}.bottle>div{padding:10% 0;text-align:center}.bottle>div>img{width:30%}.bottle>div:nth-child(2){width:100%;text-align:center}.bottle>div:nth-child(3){width:75%;display:flex;justify-content:center;align-items:center}.result{width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5%}.result>img{width:100%;height:100%;z-index:-1;position:fixed;top:0;left:0;object-fit:cover}.result>div:nth-child(2){text-align:center;color:#fff}.result>div:nth-child(2)>h2{margin:5% 0;font-family:moranga;line-height:110%;font-size:6vw}.result>div:nth-child(2)>img{width:30%}.result>div:nth-child(4){width:80%;padding:0 9%;text-align:center}.result>div:nth-child(4) p{font-family:unity;font-weight:700;font-size:4vw}.result>div>img{width:100%}.result .result-image{width:70%}.result>div>button{background-color:#fff;border:none;padding:3vw 10vw;border-radius:10vw;font-size:3.7vw;font-family:moranga;font-weight:900}.qr{width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5%}.qr>img{width:100%;height:100%;z-index:-1;position:fixed;top:0;left:0;object-fit:cover}.qr>div:nth-child(2){text-align:center;color:#fff}.qr>div:nth-child(2)>h2{margin:5% 0;font-family:moranga;line-height:110%;font-size:6vw}.qr>div:nth-child(4){padding:0 10%;text-align:center}.qr>div:nth-child(4) p{font-family:unity;font-weight:900;font-size:4vw}.qr>div>canvas{width:100%!important;height:100%!important}.qr .qr-image{width:70%;margin-top:25%}.qr>div>button{background-color:#fff;border:none;padding:3vw 10vw;border-radius:10vw;font-size:3.7vw;font-family:moranga;font-weight:900}.selection2>.selectionTradeMarkName{position:absolute;color:#fff;font-family:Helvetica-Bold;font-size:2vw;z-index:10;bottom:11%;left:0;right:0;text-align:center;-webkit-text-stroke:.8vw black;paint-order:stroke fill;pointer-events:none}@media (max-width: 500px){.doom{position:fixed;justify-content:space-between}.doom>img{object-fit:cover}.selection2>div:nth-child(4){position:absolute;bottom:3%}.home>div>div>img{width:40%}.home>div>p{line-height:160%}.home>div>button{margin-top:5%}.doom h2{position:relative;top:2%}.doom>div h1{position:relative;top:2%}.gender-type{margin-bottom:58%}.gender{height:100%;position:absolute}}@media (min-width: 2000px){.home>div>div>img{width:34%}.home>div>h1{width:100%;font-size:9vw;margin:2vw 0}.home>div>p{font-family:unity;font-size:large;font-size:3.2vw;line-height:130%;width:100%}.home>div>button{padding:3vw 6vw;font-size:3.8vw;border-radius:10vw;margin-top:8%}.doom>div:nth-child(3){margin-top:65vw}.doom>div:nth-child(3)>button{padding:3vw 8vw;border-radius:10vw}}