@font-face{font-family:CPN;font-style:normal;font-weight:400;font-display:swap;src:url(./CPNRegular-c702afe0.otf) format("truetype")}@font-face{font-family:CPN;font-style:bold;font-weight:700;font-display:swap;src:url(./CPNBold-c6cb8a92.otf) format("truetype")}:root{font-family:CPN,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#f0f0f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;display:flex;justify-content:center;align-items:center}a{font-weight:500;color:#646cff;text-decoration:inherit}body,html{width:100%;height:100vh;margin:0;font-family:CPN,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}h1{font-size:3.2em;line-height:1.1}.bannerImg{display:block;height:auto;height:100%;width:800px}.bannerImgMobile{display:block;height:auto;max-height:360px;width:100%}.rewardCoffeeWrapper,.rewardRouletteWrapper{width:100%}#root{display:flex;justify-content:center;align-items:center;flex-direction:column}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.form-otp{justify-content:center;display:flex;gap:12px}.input-otp{border:2px solid #5F5F5F;max-width:3rem;max-height:3rem;border-radius:12px;text-align:center;min-width:3rem;min-height:3rem;background-color:#fff;color:#000;font-size:16px}.input-otp:focus{outline:none;font-size:16px}.loginWrapper{width:600px!important}@media only screen and (max-width: 550px){.loginWrapper{max-width:350px!important;margin:0 5px}.input-otp{border:2px solid #5F5F5F;max-width:40px;border-radius:12px;text-align:center;font-size:16px;min-width:40px;background-color:#fff;color:#000}}.success-checkmark{width:80px;height:115px;margin:0 auto 20px}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4CAF50}.success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon:before,.success-checkmark .check-icon:after{content:"";height:100px;position:absolute;background:#FFFFFF;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}to{width:47px;right:8px;top:38px}}.modalText{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.randomWrapper{height:330px}.bannerTextSanta{max-width:800px;color:#000}.bannerText{max-width:800px;color:#fff}.otpMessage{text-align:center;margin-top:16px}.otpTimer{color:#000}.requirementCondition{margin:0 8px;padding-bottom:20px;max-width:800px}.loginHeader{margin-bottom:32px;font-weight:700}.popcornImg{display:block;object-fit:contain;height:350px;width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.loginLogoImg{height:100px}.loginLogoImgWrapper{text-align:center}.subHeaderText{font-weight:700;margin-top:16px;color:#fff}.subHeaderTextSanta{font-weight:700;margin-top:16px;color:#000}.headerText{text-align:center;font-size:16px}@media only screen and (max-width: 550px){.popcornImg{height:200px;width:100%}}.containersRandom{border:1px solid;background:#232323}.containerRandom{padding:10px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.animationReward{animation:fadeIn 2s;-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s;-o-animation:fadeIn 2s;-ms-animation:fadeIn 2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.roulette-body{background-color:#78c7a7}.roulette-wrapper{margin-top:32px;margin-left:8px;margin-right:8px}.roulette-header{display:flex;flex-direction:row;justify-content:space-between;width:100%}.logo-item-center{flex:1;display:flex;justify-content:center;order:2}.logo-item-end{flex:1;display:flex;justify-content:flex-end;order:3}.logo-spacer{flex:1;order:1}.mainWrapper{height:100vh;background-color:#f6f6f6}.loginCX{height:100vh;width:100%;background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/blt095e1af8b2d480a6/proxie-landing-desktop.png);background-repeat:no-repeat;background-size:100% 100%;position:relative;overflow-y:scroll}@media only screen and (max-width: 1025px){.loginCX{height:100vh;width:100%;background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/blta74962db5be00990/tablet-proxy.png);background-repeat:no-repeat;background-size:100% 100%;max-width:1025px;position:relative;overflow-y:scroll}}@media only screen and (max-width: 450px){.loginCX{height:100vh;width:100%;background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/blte5056dcc94eab6a2/mobile_proxie_bg.png);background-repeat:no-repeat;background-size:100% 100%;max-width:600px;position:relative;overflow-y:scroll}}.loginSantaCX{height:100vh;width:100%;background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/blt040ff0e286a7b217/santa-test-desktop-banner.png);background-repeat:no-repeat;background-size:100% 100%;position:relative;overflow-y:scroll}@media only screen and (max-width: 1025px){.loginSantaCX{height:100vh;width:100%;background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/blt248fcff7c413d06a/bg-tablet.png);background-repeat:no-repeat;background-size:100% 100%;max-width:1025px;position:relative;overflow-y:scroll}}@media only screen and (max-width: 450px){.loginSantaCX{height:100vh;width:100%;background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/blt99213cafd78f6d77/bg-mobile.png);background-repeat:no-repeat;background-size:100% 100%;max-width:450px;position:relative;overflow-y:scroll}}.mainCX{background:white;height:100%;width:100%;position:relative}.santaCX{background:white;height:100vh;width:100%;position:relative;overflow-y:scroll}.heroBannerLogin{width:100%}.rewardWrapper{background-color:#b31927}.rewardWrapperSanta{background-color:#fff}.imageBannerRedeem{line-height:0;margin-bottom:-1px;margin-left:auto;margin-right:auto;max-width:600px}.santaSuccessBG{background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/blt9b2d3b1fdeef2196/final_santa_success_desktop.png);background-repeat:no-repeat;background-size:100% 100%}@media only screen and (max-width: 1025px){.santaSuccessBG{background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/blt22122fab3e7998f8/santa_success_table.png);background-repeat:no-repeat;background-size:100% 100%}}@media only screen and (max-width: 450px){.santaSuccessBG{background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/blt3ab44b44f764576b/success_santa.png);background-repeat:no-repeat;background-size:100% 100%}}.outOfQuota{background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/blt6e8c0ee3b18df1e7/santa-desktop-out.png);background-repeat:no-repeat;background-size:100% 100%}@media only screen and (max-width: 1025px){.outOfQuota{background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/bltacda81b571d5d223/santa-tablet-out.png);background-repeat:no-repeat;background-size:100% 100%}}@media only screen and (max-width: 450px){.outOfQuota{background-image:url(https://images.contentstack.io/v3/assets/blt4f547acb4d113442/bltdb91ccbb24838827/santa-mobile-out.png);background-repeat:no-repeat;background-size:100% 100%}}.consent-button{display:flex;width:100%;justify-content:center}.first-wrapper{position:relative}.wheel-container{margin:22% auto 0;width:266px}#txt{color:#eaeaea}#wheel{width:250px;height:250px;border-radius:50%;position:relative;overflow:hidden;border:8px solid #fff;box-shadow:#0003 0 0 10px,#0000000d 0 3px;transform:rotate(0)}#inner-wheel{width:100%;height:100%;-webkit-transition:all 30s cubic-bezier(0,.99,.44,.99);-moz-transition:all 30 cubic-bezier(0,.99,.44,.99);-o-transition:all 30s cubic-bezier(0,.99,.44,.99);-ms-transition:all 30s cubic-bezier(0,.99,.44,.99);transition:all 30s cubic-bezier(0,.99,.44,.99)}#wheel div.sec{position:absolute;width:0;height:0;border-style:solid;border-width:130px 75px 0;border-color:#19c transparent;transform-origin:75px 129px;left:50px;top:-4px;opacity:1}#wheel div.sec:nth-child(1){transform:rotate(60deg);-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg);-ms-transform:rotate(60deg);border-color:#FF4106 transparent}#wheel div.sec:nth-child(2){transform:rotate(120deg);-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-o-transform:rotate(120deg);-ms-transform:rotate(120deg);border-color:#FFE696 transparent}#wheel div.sec:nth-child(3){transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);border-color:#FF4106 transparent}#wheel div.sec:nth-child(4){transform:rotate(240deg);-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-o-transform:rotate(240deg);-ms-transform:rotate(240deg);border-color:#FFE696 transparent}#wheel div.sec:nth-child(5){transform:rotate(300deg);-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-o-transform:rotate(300deg);-ms-transform:rotate(300deg);border-color:#FF4106 transparent}#wheel div.sec:nth-child(6){transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);border-color:#FFE696 transparent}#wheel div.sec .fa{position:relative;display:block;transform:rotate(90deg);left:8px;text-align:center;font-size:16px;font-weight:600;margin-top:-120px;margin-left:-15px;color:#000;white-space:nowrap}.headIcon{position:absolute;top:50%;left:50%;margin:-34px 0 0 -34px}.headIcon:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:0 20px 28px 20px;border-color:transparent transparent #CC6625 transparent;top:-12px;left:14px}#spin{width:68px;height:68px;position:absolute;top:50%;left:50%;margin:-34px 0 0 -34px;border-radius:50%;box-shadow:#0000001a 0 3px;z-index:1000;cursor:pointer;font-family:"Exo 2",sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}#inner-spin{width:54px;height:54px;position:absolute;top:50%;left:50%;margin:-27px 0 0 -27px;border-radius:50%;background:red;z-index:999;box-shadow:#fff 0 -2px inset,#fff 0 2px inset,#0006 0 0 5px;background:rgb(255,255,255);background:-moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(234,234,234) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(234,234,234)));background:-webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(234,234,234) 100%);background:-o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(234,234,234) 100%);background:-ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(234,234,234) 100%);background:radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(234,234,234) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eaeaea",GradientType=1)}#spin:active #inner-spin{box-shadow:#0006 0 0 5px inset}#spin:active:after{font-size:15px}#shine{width:250px;height:250px;position:absolute;top:0;left:0;background:-moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgba(255,255,255,.99) 1%,rgba(255,255,255,.91) 9%,rgba(255,255,255,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(1%,rgba(255,255,255,.99)),color-stop(9%,rgba(255,255,255,.91)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgba(255,255,255,.99) 1%,rgba(255,255,255,.91) 9%,rgba(255,255,255,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgba(255,255,255,.99) 1%,rgba(255,255,255,.91) 9%,rgba(255,255,255,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgba(255,255,255,.99) 1%,rgba(255,255,255,.91) 9%,rgba(255,255,255,0) 100%);background:radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgba(255,255,255,.99) 1%,rgba(255,255,255,.91) 9%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=1);opacity:.1}@-webkit-keyframes hh{0%,to{transform:rotate(0);-webkit-transform:rotate(0deg)}50%{transform:rotate(7deg);-webkit-transform:rotate(7deg)}}@keyframes hh{0%,to{transform:rotate(0);-webkit-transform:rotate(0deg)}50%{transform:rotate(7deg);-webkit-transform:rotate(7deg)}}.spin{-webkit-animation:hh .1s;animation:hh .1s}.bg-spinner-wheel{position:absolute}.inner-spin-circle{width:54px;height:54px;position:absolute;z-index:999}