.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content{z-index:999999}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap{background:radial-gradient(var(--oxfordBlue-1000),var(--chineseBlack-1000));background-image:url(/assets/new/spin-wheel/spin_wheel_modal_bg_img.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;width:100%;max-width:700px;box-shadow:0 4px 68.1px 5px #fff3}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body{flex-grow:1;padding-bottom:20px}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .text-box{text-align:center;margin-bottom:1.5rem;display:block}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .text-box .title-text{color:var(--white-1000);margin-bottom:1.25rem;font-size:1.5rem;font-weight:500;line-height:1.25}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .text-box .title-text-1{margin-bottom:1.25rem;font-weight:500;line-height:1.25;font-size:1.2rem!important}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .text-box .spin-again-text{margin:2rem 0;font-weight:800;line-height:1.25;font-size:1.5rem!important}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .text-box .pera-text{color:var(--white-1000);font-size:1rem;font-weight:400;line-height:1.4}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .text-box .pera-text:not(:last-child){margin-bottom:.75rem}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .timer-text-box{text-align:center;justify-content:center;align-items:center;gap:.5rem;margin:1.5rem auto;display:flex}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .timer-text-box .digit-text{color:var(--white-1000);font-size:2.5rem;font-weight:700;line-height:1.25;display:inline-block}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .timer-text-box .colon-text{color:var(--white-1000);font-size:1.5rem;font-weight:700;line-height:1.4;display:inline-block}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .spin-wheel-container{min-height:50vh}@media screen and (max-width:767.98px){.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .spin-wheel-container{min-height:30vh}}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .spin-wheel-container #pixi-spin-wheel{justify-content:center;align-items:center;width:100%;display:flex}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .spin-wheel-container #pixi-spin-wheel canvas{width:100%;max-width:70%}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .congratulations-wrap{position:relative}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .congratulations-wrap .congratulations-ribon-box{pointer-events:none;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .congratulations-wrap .congratulations-text-box{aspect-ratio:1/.5;text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:1.5rem auto;display:flex;position:relative}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .congratulations-wrap .congratulations-text-box .title-text{color:#ffefc7;margin:.75rem auto;font-size:2.5rem;font-weight:700;line-height:1.25}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .congratulations-wrap .congratulations-text-box .pera-text{color:var(--white-1000);font-size:1.5rem;font-weight:400;line-height:1.4}@media screen and (max-width:767.98px){.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .text-box .title-text{font-size:1.25rem}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .text-box .pera-text{font-size:.875rem}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .timer-text-box .digit-text{font-size:1.75rem}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .timer-text-box .colon-text{font-size:1rem}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .congratulations-wrap .congratulations-text-box .title-text{margin:1.5rem auto;font-size:1.75rem}.dialog-wrapper.spin-wheel-dialog-wrapper .dialog-content .dialog-wrap .dialog-body .congratulations-wrap .congratulations-text-box .pera-text{font-size:1rem;font-weight:600}}
.loader{--s:25px;--g:5px;width:calc(3*(1.353*var(--s) + var(--g)));aspect-ratio:3;--_m:linear-gradient(90deg,#0000,#000 15px calc(100% - 15px),#0000);-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);justify-items:end;display:grid;overflow:hidden}.loader:before{content:"";background:conic-gradient(from -90deg at var(--s)calc(.353*var(--s)),#fff 135deg,#666 0 270deg,#aaa 0);--_m:linear-gradient(to bottom right,#0000 calc(.25*var(--s)),#000 0 calc(100% - calc(.25*var(--s)) - 1.414*var(--g)),#0000 0),conic-gradient(from -90deg at right var(--g)bottom var(--g),#000 90deg,#0000 0);width:133.333%;-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-in;background-size:25% 100%;animation:1s linear infinite l8;-webkit-mask-size:25% 100%;mask-size:25% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes l8{to{transform:translate(25%)}}