@font-face{font-family:Proxima-Nova;src:url(https://us.roborock.com/cdn/shop/t/86/assets/proximanova-ProximaNova-Regular.otf)}@font-face{font-family:ProximaNova-Bold;src:url(https://us.roborock.com/cdn/shop/t/86/assets/proximanova-ProximaNova-Bold.otf?v=1766345840296033861)}@font-face{font-family:ProximaNova-Semibold;src:url(https://us.roborock.com/cdn/shop/t/86/assets/proximanova-ProximaNova-Semibold.otf)}.draw-message-container{position:fixed;top:25px;left:50%;transform:translate(-50%);z-index:99000}.draw-message{display:flex;align-items:center;min-width:260px;padding:10px 16px;margin-bottom:12px;border-radius:6px;font-size:16px;box-shadow:0 2px 8px #00000026;transition:all .3s ease;line-height:1;opacity:0;transform:translateY(-20px);animation:fadeInDown .3s ease forwards}.draw-message svg{width:18px;margin-right:6px}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}.draw-message.fade-out{animation:fadeOutUp .4s ease forwards}@keyframes fadeOutUp{to{opacity:0;transform:translateY(-20px)}}.draw-message-icon{width:18px;height:18px;margin-right:10px;flex-shrink:0}.draw-message-success{background-color:#f0f9eb;color:#67c23a}.draw-message-info{background-color:#f4f4f5;color:#909399}.draw-message-warning{background-color:#fdf6ec;color:#e6a23c}.draw-message-error{background-color:#fef0f0;color:#f56c6c}.drawContentSectionFJ{visibility:hidden}.drawContentSection{width:100%;height:auto;font-family:Proxima-Nova}.drawContentSection ul,.drawContentSection li{margin:0;padding:0;list-style:none}.drawContentSection .mark{width:100%;height:100vh;background-color:#0006;position:fixed;z-index:90000;top:0;left:0}.drawContentSection .drawcontainer{width:1128px;height:590px;background:#dbc3cf;position:absolute;top:50%;left:50%;border-radius:16px;transform:translate3d(-50%,-50%,0);display:flex;align-items:center;padding-right:60px;padding-left:0;overflow:hidden}.drawContentSection .drawcontainer .closebtn{position:absolute;top:16px;right:16px;cursor:pointer}.drawContentSection .turntable{width:670px;height:100%;padding:0 60px}.drawContentSection .turntable #wheel-container{position:relative;width:1100px;height:1100px;background-color:#fff;box-shadow:0 0 9.61px #d8545440 inset;border-radius:50%;transform:scale(.5);margin-top:-255px;margin-left:-275px;margin-right:-275px}.drawContentSection .turntable .round{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);width:330px;height:372px;border-radius:50%;z-index:1;cursor:pointer}.drawContentSection .turntable .round img{width:100%;height:100%}.drawContentSection .turntable .round span{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%) rotate(0);font-family:ProximaNova-Semibold;font-size:50px;text-align:center;color:#6a3b4a;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.drawContentSection .turntable .isdisable{cursor:not-allowed}.drawContentSection .turntable .isdisable span{color:#cd9898}.drawContentSection .textcontain{flex:1;margin-left:20px;line-height:1.2;padding:40px 0;display:flex;flex-direction:column;height:100%;width:calc(1005 - 690px)}.drawContentSection .textcontain .title{margin-top:40px;font-size:40px;font-family:ProximaNova-Semibold}.drawContentSection .textcontain .subtitle{font-size:16px;color:#6c6d6e;margin-top:10px}.drawContentSection .textcontain .NumericalRegion{margin-top:40px;width:100%;height:auto;border-radius:8px;padding:8px 16px;background:#fff;font-size:16px}.drawContentSection .textcontain .NumericalRegion p{margin:8px 0}.drawContentSection .textcontain .NumericalRegion .p2{font-family:ProximaNova-Semibold}.drawContentSection .textcontain .NumericalRegion span,.drawContentSection .textcontain .NumericalRegion a{color:#fe3d3d}.drawContentSection .textcontain .btnlist{margin-top:24px;display:flex;font-size:14px;justify-content:center}.drawContentSection .textcontain .btnlist>div{margin-right:12px;text-decoration:underline;cursor:pointer}.drawContentSection .textcontain .reserve{flex:1}.drawContentSection .textcontain .winninglist{width:100%;height:48px;overflow:hidden;border-radius:4px;padding:4px 16px;background:#fff9;font-size:14px}.drawContentSection .textcontain .winninglist .scrollList{transition:transform .5s ease-in-out}.drawContentSection .textcontain .winninglist li{height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawContentSection .markother{background-color:#0006;position:absolute;z-index:100;width:100%;height:100vh;top:0;left:0}.drawContentSection .markother .doubleLayer{width:640px;height:566px;padding:46px 40px 40px;position:absolute;top:50%;left:50%;border-radius:16px;transform:translate3d(-50%,-50%,0);background:#fff;display:flex;flex-direction:column;align-items:center;line-height:1.2}.drawContentSection .markother .doubleLayer .closebtn{position:absolute;top:16px;right:16px;cursor:pointer}.drawContentSection .markother .doubleLayer .title{font-family:ProximaNova-Semibold;font-size:24px;text-align:center}.drawContentSection .markother .doubleLayer .imginfo{width:40%;margin-top:14px}.drawContentSection .markother .doubleLayer .imginfo img{width:100%}.drawContentSection .markother .doubleLayer .imginfo p{margin-top:10px;font-family:ProximaNova-Semibold;font-size:16px;text-align:center}.drawContentSection .markother .doubleLayer .btn{margin-top:24px;font-family:ProximaNova-Semibold;font-size:14px;line-height:1;color:#fff;border-radius:100px;padding:11px 16px;background:#ea0029;cursor:pointer}.drawContentSection .markother .doubleLayer .richText{margin-top:24px;width:100%;height:100%;overflow-y:auto}.drawContentSection .markother .doubleLayer .richText pre{font-family:Proxima-Nova;font-size:14px;line-height:1.3;color:#282828;white-space:pre-wrap}.drawContentSection .markother .doubleLayer .subtitle{margin-top:10px;font-size:14px;text-align:center}.drawContentSection .markother .doubleLayer .subscribecontent{margin-top:48px;width:100%}.drawContentSection .markother .doubleLayer .subscribecontent>div{display:flex;align-items:center;line-height:1;margin-bottom:14px}.drawContentSection .markother .doubleLayer .subscribecontent .inputdis{color:#282828;border-radius:8px;padding:17px 16px;background:#f2f2f2;flex:1}.drawContentSection .markother .doubleLayer .subscribecontent .sub{padding:17px 24px;margin-left:10px;margin-top:0;min-width:112px;max-height:50px;display:flex;justify-content:center}.drawContentSection .markother .doubleLayer .subscribecontent .disable{background:#bdbdbd;cursor:not-allowed}.drawContentSection .markother .doubleLayer .subscribecontent .checkbox{margin-right:10px;border:1px solid #D6D6D6;border-radius:4px;cursor:pointer;line-height:1;width:16px;height:16px;position:relative}.drawContentSection .markother .doubleLayer .subscribecontent .checkbox .check{position:absolute;top:-1px;left:-1px;visibility:hidden}.drawContentSection .markother .doubleLayer .subscribecontent .checkbox .active{visibility:visible}.drawContentSection .markother .doubleLayer .subscribecontent .succes{font-size:16px;font-family:ProximaNova-Semibold;margin-bottom:8px}.drawContentSection .markother .doubleLayer .subscribecontent .agree{font-size:14px;color:#535353;flex:1}.drawContentSection .markother .doubleLayer .subscribecontent .agree a{color:#000;text-decoration:underline}.drawContentSection .markother .doubleLayer .rewardslist{margin-top:24px;width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;line-height:1.2}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem{width:100%;height:auto;border-radius:8px;padding:14px 16px;background:#f9f9f9;display:flex;align-items:center;margin-bottom:12px}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem img{width:80px;margin-right:16px}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem .name{font-family:ProximaNova-Semibold;font-size:15px}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem .brief{font-size:13px;color:#6c6d6e;margin:6px 0 10px}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem .shopNow{border-radius:50px;padding:6px 12px;border:1px solid #EA0029;color:#ea0029;font-size:14px;margin:0;line-height:1;display:inline-block;cursor:pointer}.drawContentSection .markother .doubleLayer .rewardslist .nodatatips{max-width:240px;margin-top:24px;font-size:14px;text-align:center}.drawContentSection .markother .winning{width:354px;height:auto}.drawContentSection .lotterynarrowing{position:fixed;right:0;bottom:204px;z-index:2000;max-width:42px;height:44px;background:#ea0029d9!important;border-radius:4px 0 0 4px;padding:12px;cursor:pointer;transition:all .5s ease-out}.drawContentSection .lotterynarrowing:hover{width:auto;max-width:300px}.drawContentSection .lotterynarrowing:active{background:#ea0029!important}.drawContentSection .lotterynarrowing .icon-default{width:18px;height:20px;flex-shrink:0}.drawContentSection .lotterynarrowing .arrow{transform:rotate(180deg);transition:all .3s ease-out}.drawContentSection .lotterynarrowing .narrowingcontent{width:100%;height:100%;display:flex;align-items:center}.drawContentSection .lotterynarrowing .spinbtn{width:14px;height:100%;overflow:hidden;position:relative;margin:0 8px 0 4px}.drawContentSection .lotterynarrowing .spinbtn .spinchr{font-size:12px;font-family:ProximaNova-Semibold;line-height:1;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}.drawContentSection .lotterynarrowing .dashedline{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:6px 0}.drawContentSection .lotterynarrowing .dashedline span{display:inline-block;width:2px;height:3px;border-radius:5px;background-color:#6a3b4a}.drawContentSection .lotterynarrowing .content{flex-shrink:0;width:auto;font-family:Proxima-Nova;font-size:14px;line-height:20px;color:#fff;white-space:nowrap;margin-left:12px}.drawContentSection .lotterynarrowing .content .red{margin-top:12px;display:flex;align-items:center;color:#6a3b4a;font-size:12px}.drawContentSection .lotterynarrowing .content .red svg{width:10px;margin-left:5px}.drawContentSection .lotterynarrowing.retract{right:-116px}.drawContentSection .lotterynarrowing.retract .arrow{transform:rotate(0)}.drawContentSection .loading-overlay{position:absolute;top:-2px;left:-2px;z-index:1000;width:calc(100% + 4px);height:calc(100% + 4px);background-color:#ffffffe6;display:flex;align-items:center;justify-content:center}.drawContentSection .loading-spinner{border-radius:50%;width:30px;height:30px;background:conic-gradient(from 90deg,#409eff,#ffffff1a 360deg);animation:spin .7s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (max-width: 767px){.drawContentSection .lotterynarrowing{width:42px!important}}@media (max-width: 750px){.drawContentSection .drawcontainer{width:calc(100% - 32px);height:auto;max-height:calc(100% - 100px);flex-direction:column;align-items:center;padding-right:0;padding-left:0;overflow-y:auto}.drawContentSection .turntable{width:100%;height:360px;padding:24px 0 0;display:flex;justify-content:center}.drawContentSection .turntable #wheel-container{width:620px;height:620px;margin-top:-155px;margin-left:-155px;margin-right:-155px}.drawContentSection .turntable .round{width:184px;height:210px}.drawContentSection .turntable .round span{font-size:34px}.drawContentSection .textcontain{margin-left:0;padding:0 24px;height:auto;width:100%}.drawContentSection .textcontain .title{margin-top:0;font-size:24px}.drawContentSection .textcontain .NumericalRegion{margin-top:16px;padding:12px;font-size:14px}.drawContentSection .textcontain .NumericalRegion .p2{margin-top:4px}.drawContentSection .textcontain .btnlist{margin-top:10px;font-size:12px}.drawContentSection .textcontain .winninglist{margin-top:16px;width:calc(100% + 48px);height:30px;margin-left:-24px;border-radius:0;padding:0 16px;font-size:12px}.drawContentSection .textcontain .winninglist li{height:30px;line-height:30px;padding-left:10px}.drawContentSection .markother .doubleLayer{width:calc(100% - 34px);height:550px;padding:46px 16px 20px}.drawContentSection .markother .doubleLayer .title{font-size:18px;max-width:calc(100% - 70px)}.drawContentSection .markother .doubleLayer .subtitle{margin-top:14px}.drawContentSection .markother .doubleLayer .subscribecontent{margin-top:24px;width:100%}.drawContentSection .markother .doubleLayer .subscribecontent>div{line-height:1.2}.drawContentSection .markother .doubleLayer .subscribecontent .subscribebox{flex-direction:column;align-items:flex-start;line-height:1}.drawContentSection .markother .doubleLayer .subscribecontent .inputdis{width:100%}.drawContentSection .markother .doubleLayer .subscribecontent .sub{padding:12px 16px;margin-left:0;margin-top:12px}.drawContentSection .markother .doubleLayer .rewardslist .rewarditem img{width:70px}.drawContentSection .markother .winning{width:calc(100% - 64px);height:auto}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/active-prize-draw.css.map */