@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0}body{background-color:initial;font-family:Arial,sans-serif}.content{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center}.main{align-items:center;display:flex;justify-content:center;margin:40px 0 0}.arrow{display:flex;height:70px;left:44.7%;position:absolute;top:-13px;width:60px;z-index:999999}.arrow.display_none{display:none}.wheel-canvas{color:#fff!important;display:flex}.wheel-canvas.display_none{display:none}.central_circle{align-items:center;animation:surpriseAnimation2 2s forwards;background-color:#fff;border-radius:50%;box-shadow:0 0 90px #ffc400cc;display:flex;flex-direction:column;height:240px;justify-content:center;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:240px;z-index:999999999}@keyframes surpriseAnimation2{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.central_circle_progress{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 90px #ffc400cc;display:flex;flex-direction:column;height:240px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:240px;z-index:999999999}.central_circle_progress.display_none{display:none}.central_circle_0{background:radial-gradient(circle at 30% 30%,#fff8e1,#ffd54f,#ffb300,#ff8f00);border:0 solid #252b31;border-radius:50%;box-shadow:0 10px 20px #0000004d,inset 0 -5px 10px #0003,inset 0 5px 10px #fff9;flex-direction:column;height:125px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:125px;z-index:999999999}.central_circle_0,.central_circle_0_1{align-items:center;cursor:pointer;display:flex;justify-content:center}.central_circle_0_1{background-color:#252b31;border-radius:50%;box-shadow:0 8px 15px #0000001a,inset 0 4px 6px #ffffff1a,inset 0 -4px 6px #0009;height:105px;width:105px}.central_circle_0_1 h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffd54f,#fff,#fff,#ffd54f);-webkit-background-clip:text;font-size:30px;margin:0;text-align:center}.central_circle.display_none,.central_circle_0.display_none{display:none}.central_circle_progress h2{color:#252b31;font-size:26px;line-height:26px;text-align:center}.central_circle_progress .span2{color:#bc0022;font-size:46px;line-height:26px;text-align:center}.central_circle_progress span{color:#fa0;font-size:26px;line-height:31px;text-align:center}.central_circle h2{color:#bc0022;font-size:50px;line-height:18px;position:absolute;text-align:center;top:0}.central_circle span{font-size:18px}.central_circle button{background-color:#006dbc;border:none;border-radius:7px;bottom:40px;color:#fff;cursor:pointer;font-size:16px;height:40px;left:calc(50% - 70px);position:absolute;width:140px;z-index:1}.spinner{background-clip:padding-box,border-box;background-color:#252b31;background-image:linear-gradient(#252b31,#252b31),radial-gradient(circle,gold,#fa0);background-origin:border-box;border:4px solid #0000;border-radius:50%;padding:30px;position:relative;z-index:99}.dotted-circle{left:-4px;position:absolute;top:0;z-index:999}.central_circle_2{align-items:center;background-color:#f5f5f5;border-radius:50%;display:none;flex-direction:column;height:500px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px;z-index:99999999999}.central_circle_2 h2{color:#bc0022;font-size:30px;position:absolute;top:60px}.central_circle_2.display_none{display:flex!important}.main-dotted{display:flex}.main-dotted-350,.main-dotted-410,.main-dotted-580{display:none}@media (max-width:580px){.wheel-canvas{height:350px;width:350px}.spinner button{font-size:14px;height:30px;width:80px}.spinner{height:350px!important;padding:20px;width:350px!important}.central_circle{height:300px;width:300px}.central_circle h2{font-size:38px}.arrow{left:42.4%}.main-dotted{display:none}.main-dotted-580{display:flex!important}.main-dotted-350,.main-dotted-410{display:none}.central_circle_progress{height:180px;width:180px}.central_circle_2{height:350px;width:350px}.couponCard{height:auto!important;padding:8px 0 0!important;width:290px!important}.left_cut,.right_cut{height:25px!important;width:25px!important}.couponCard h4{font-size:28px!important;margin:0 0 5px!important}.couponCard p{font-size:12px!important}.couponCard h3{font-size:16px!important}.couponCard button{display:none!important}.central_circle_2 h2{font-size:25px!important;top:45px!important}.spinner button{left:auto!important}}@media (max-width:410px){.wheel-canvas{height:300px;width:300px}.spinner button{font-size:14px;height:30px;left:55px;width:80px}.spinner{height:300px!important;padding:20px;width:300px!important}.central_circle{height:290px;width:290px}.underlined-input{width:260px!important}.central_circle h2{font-size:38px}.arrow{left:41.4%}.central_circle_progress{height:140px;width:140px}.central_circle_progress h2,.central_circle_progress span{font-size:22px!important}.central_circle_progress .span2{font-size:41px!important}.central_circle_2{height:325px;width:325px}.couponCard{height:auto!important;padding:8px 0 0!important;width:260px!important}.couponCard h4{font-size:23px!important;margin:0 0 12px!important}.couponCard p{font-size:12px!important}.couponCard h3{font-size:16px!important}.couponCard button{display:none!important}.central_circle_2 h2{font-size:20px!important;top:40px!important}}@media (max-width:350px){.wheel-canvas{height:270px;width:270px}.spinner button{font-size:14px;height:30px;width:80px}.spinner{height:270px!important;padding:20px;width:270px!important}.central_circle{height:250px;width:250px}.underlined-input{width:230px!important}.arrow{left:41.4%}.central_circle_progress{height:130px;width:130px}.central_circle_2{height:290px;width:290px}.couponCard{height:auto!important;padding:5px 0 0!important;width:240px!important}.couponCard h4{font-size:18px!important;margin:0 0 5px!important}.couponCard p{font-size:9px!important}.couponCard h3{font-size:16px!important}.couponCard button{display:none!important}.central_circle_2 h2{font-size:20px!important;top:30px!important}}.underlined-input{border:none;color:#252b31;font-family:Poppins;font-size:14px;outline:none;padding:8px 0}.underlined-input,.underlined-input:focus{border-bottom:2px solid #fa0}.coupon_card_pre{position:absolute}.couponCard{align-items:center;animation:surpriseAnimation 2s forwards;background-color:#fff;border-radius:20px;box-shadow:0 7px 29px 0 #64646f33;display:flex;flex-direction:column;height:230px;justify-content:flex-start;margin:0 auto;opacity:0;padding:20px 0 0;position:relative;transform:scale(0) rotate(15deg);width:400px}@keyframes surpriseAnimation{0%{opacity:0;transform:scale(0) rotate(40deg)}50%{opacity:.5;transform:scale(1.05) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.couponCard button{background-color:#006dbc;border:none;border-radius:7px;bottom:-20px;color:#fff;cursor:pointer;font-size:16px;height:40px;left:calc(50% - 90px);position:absolute;width:180px;z-index:1}.couponCard h3{color:#252b31;font-size:19px;font-weight:600;margin:0}.couponCard h3,.couponCard h4{font-family:Poppins;text-align:center;width:80%}.couponCard h4{color:#bc0022;font-size:40px;font-weight:700;margin:0 0 30px}.couponCard p{color:#ad0404;font-family:Poppins;font-size:14px;font-weight:500;margin:0;text-align:center;width:80%}.left_cut{border-radius:0 50% 50% 0;left:0;transform:translate(-50%,-50%)}.left_cut,.right_cut{background-color:#f5f5f5;height:50px;position:absolute;top:50%;width:50px}.right_cut{border-radius:50% 0 0 50%;right:0;transform:translate(50%,-50%)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.blink{animation:blink 1s infinite}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.shake{animation:shake .5s ease-in-out}
/*# sourceMappingURL=main.82736029.css.map*/