@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZg.ttf) format('truetype')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZg.ttf) format('truetype')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZg.ttf) format('truetype')}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.Regular{font-family:'Inter',sans-serif;font-weight:400}
.Medium{font-family:'Inter',sans-serif;font-weight:500}
.Bold{font-family:'Inter',sans-serif;font-weight:700}
.pointer:hover{cursor:pointer}
.pointer:hover *{cursor:pointer}
.image-cover picture,.image-cover img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.image-cover picture img,.image-cover img img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.modal.modal_wheel{width:1232px;height:534px;background:#fff;border-radius:50px 275px 275px 50px;padding:48px;font-size:16px;color:#000;font-family:'Inter',sans-serif;font-weight:400;position:relative;box-sizing:border-box}
.modal.modal_wheel>*{box-sizing:border-box}
.modal.modal_wheel .modal_wrap{height:100%;display:flex;justify-content:space-between}
.modal.modal_wheel .modal-left{max-width:638px;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.modal.modal_wheel .modal-left:before{position:absolute;content:'';opacity:0;transition:opacity .4s linear,transform .4s linear;transition-delay:.3s;transform:scale(.5);margin-left:26px}
.modal.modal_wheel .modal-right{width:532px}
.modal.modal_wheel .before-title{display:flex;grid-gap:16px;margin-bottom:24px}
.modal.modal_wheel .before-title .date{border-radius:40px;background:rgba(240,67,35,0.08);line-height:32px;border-radius:16px;color:#F04323;font-family:'Inter',sans-serif;font-weight:500;padding:0 16px;width:auto}
.modal.modal_wheel .before-title .count{line-height:32px;border-radius:16px;border:1px solid rgba(0,0,0,0.24);padding:0 16px;font-family:'Inter',sans-serif;font-weight:500}
.modal.modal_wheel .modal-title{font-family:'Inter',sans-serif;font-weight:700;font-size:31px;line-height:1.25;margin-bottom:24px}
.modal.modal_wheel .modal-title b{color:#04BF68;font-family:'Inter',sans-serif;font-weight:700}
.modal.modal_wheel .modal-title b.red{color:#F12600}
.modal.modal_wheel .modal-subtitle{color:rgba(0,0,0,0.48);line-height:1.5;margin-bottom:16px}
.modal.modal_wheel .modal-subtitle b{font-family:'Inter',sans-serif;font-weight:400;color:#000}
.modal.modal_wheel .modal-form{max-width:416px;position:relative;margin-top:auto}
.modal.modal_wheel .modal-form .form-step{width:100%;display:none;flex-direction:column;grid-gap:16px}
.modal.modal_wheel .modal-form .form-step.form-step-1{display:flex}
.modal.modal_wheel .modal-form:before{width:118px;height:118px;background:url(../img/gift.png) center center no-repeat;background-size:contain;position:absolute;left:100%;margin-left:60px;top:20px;content:'';transform:rotate(-7deg)}
.modal.modal_wheel .modal-form .submit-btn{border-radius:16px;border:0;box-shadow:0 16px 24px 0 rgba(240,67,35,0.16);height:72px;font-size:24px;font-family:'Inter',sans-serif;font-weight:500;color:#fff;position:relative;transition:all .2s linear}
.modal.modal_wheel .modal-form .submit-btn:hover{cursor:pointer}
.modal.modal_wheel .modal-form .submit-btn:hover *{cursor:pointer}
.modal.modal_wheel .modal-form .submit-btn span{position:relative;z-index:1}
.modal.modal_wheel .modal-form .submit-btn:before,.modal.modal_wheel .modal-form .submit-btn:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;border-radius:inherit}
.modal.modal_wheel .modal-form .submit-btn:before{background:linear-gradient(135deg, #F04323 0%, #F12600 100%)}
.modal.modal_wheel .modal-form .submit-btn:after{opacity:0;background:linear-gradient(135deg, #FF7056 0%, #FF5535 100%);transition:all .2s linear}
.modal.modal_wheel .input-wrap{position:relative}
.modal.modal_wheel .input-wrap label{color:rgba(0,0,0,0.32);font-size:24px;font-family:'Inter',sans-serif;font-weight:500;padding:0 4px;line-height:32px;top:21px;left:20px;transition:all .2s linear}
.modal.modal_wheel .input-wrap label:hover{cursor:text}
.modal.modal_wheel .input-wrap.active label{font-size:13px;line-height:16px;top:-8px;background:#fff;color:rgba(0,0,0,0.48)}
.modal.modal_wheel .input-wrap.valid .input{border-color:#04BF68}
.modal.modal_wheel .input-wrap.invalid .input{border-color:#F04323}
.modal.modal_wheel .input-wrap.invalid label{color:#F04323}
.modal.modal_wheel .input{width:100%;height:72px;padding:0 24px;font-size:24px;font-family:'Inter',sans-serif;font-weight:500;border-radius:16px;border:1px solid rgba(0,0,0,0.24);transition:all .2s linear;box-sizing:border-box}
.modal.modal_wheel .input::placeholder{color:rgba(0,0,0,0.32)}
.modal.modal_wheel .input:focus{outline:0}
.modal.modal_wheel .agreement{color:rgba(0,0,0,0.48);font-size:14px;line-height:1.42}
.modal.modal_wheel .agreement a{color:#000;border-bottom:1px solid #000;display:inline-block;line-height:1;text-decoration:none;transition:all .2s linear}
.modal.modal_wheel .dop-conditions {color:#878483;font-size: 14px;margin-top: -5px;}
.modal.modal_wheel .modal_close{width:24px;height:24px;position:absolute;top:0;right:0;background:url(../img/close.svg) center center no-repeat;background-size:contain;opacity:.72}
.modal.modal_wheel .modal_close:hover{cursor:pointer}
.modal.modal_wheel .modal_close:hover *{cursor:pointer}
.modal.modal_wheel.win-modal .modal-left{position:relative}
.modal.modal_wheel.win-modal .modal-left:before{width:186px;height:402px;position:absolute;content:'';top:0;background:url(../img/win-images.png) center center no-repeat;background-size:contain;left:100%;opacity:1;transform:none}
.modal.modal_wheel.win-modal .modal-form:before{display:none}
.wheel{width:516px;height:516px;background:url(../img/wheel-img-2.png?v=2) center center no-repeat;background-size:contain;position:absolute;top:9px;right:10px}
.wheel:before{top:-10px;right:-10px;left:-10px;bottom:-10px;content:'';position:absolute;background:url(../img/wheel-border.png) center center no-repeat;background-size:contain;box-shadow:0 0 120px 0 rgba(4,191,104,0.32);border-radius:50%;will-change:transform;animation:3s spinner ease-in-out infinite}
.wheel.stop-animate:before{transform:rotate(0);transition:transform .2s linear;animation:none}
.wheel.animatedTo1:before{animation:2s spinToSector1 ease-out forwards}
.wheel.animatedTo2:before{animation:2s spinToSector2 ease-out forwards}
.wheel.animatedTo3:before{animation:2s spinToSector3 ease-out forwards}
.wheel.animatedTo4:before{animation:2s spinToSector4 ease-out forwards}
.wheel.animatedTo5:before{animation:2s spinToSector5 ease-out forwards}
.wheel.animatedTo6:before{animation:2s spinToSector6 ease-out forwards}
.wheel.done:before{animation:7s done linear}
.arcticmodal-overlay{background:rgba(0,0,0,0.8)}
.success-block{width:416px;border-radius:32px;background:rgba(4,191,104,0.08);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;margin-top:auto}
.success-block-title{font-size:24px;font-family:'Inter',sans-serif;font-weight:500;line-height:1.16;position:relative;padding-top:60px}
.success-block-title:before{width:48px;height:48px;background:#04BF68 url(../img/checked.svg) center center no-repeat;background-size:16px 12px;border-radius:50%;position:absolute;top:0;left:0;content:''}
.success-block-title b{font-family:'Inter',sans-serif;font-weight:500;color:#04BF68}
.success-block-subtitle{color:rgba(0,0,0,0.48);line-height:1.5;margin-top:8px}
@keyframes spinner{0%{transform:rotate(-3deg)}
50%{transform:rotate(3deg)}
100%{transform:rotate(-3deg)}
}
@keyframes spinToSector1{0%{transform:rotate(0)}
100%{transform:rotate(750deg)}
}
@keyframes spinToSector2{0%{transform:rotate(0)}
100%{transform:rotate(810deg)}
}
@keyframes spinToSector3{0%{transform:rotate(0)}
100%{transform:rotate(865deg)}
}
@keyframes spinToSector4{0%{transform:rotate(0)}
100%{transform:rotate(930deg)}
}
@keyframes spinToSector5{0%{transform:rotate(0)}
100%{transform:rotate(990deg)}
}
@keyframes spinToSector6{0%{transform:rotate(0)}
100%{transform:rotate(1050deg)}
}
@keyframes done{0%{transform:rotate(730deg)}
100%{transform:rotate(720deg)}
}
@media (hover:hover){.modal.modal_wheel .modal-form .submit-btn:hover:after{opacity:1}
.modal.modal_wheel .modal_close{transition:all .2s linear}
.modal.modal_wheel .modal_close:hover{opacity:1}
.modal.modal_wheel .agreement a:hover{color:#F12600}
}
@media screen and (max-width:1260px){.modal.modal_wheel{width:944px;padding:30px;height:466px}
.modal.modal_wheel .modal-left{max-width:500px}
.wheel{width:448px;height:448px}
.modal.modal_wheel .modal-right{width:448px}
.modal.modal_wheel .modal-title{font-size:22px}
.modal.modal_wheel.win-modal .modal-left:before{display:none}
.modal.modal_wheel.win-modal .modal-title{position:relative;padding-right:60px}
.modal.modal_wheel.win-modal .modal-title:before{width:43px;height:43px;position:absolute;top:0;right:0;background:url(../img/gift-icon.png) center center no-repeat;background-size:contain;content:'';transform:rotate(-80deg)}
.modal.modal_wheel.win-modal .modal-subtitle{position:relative;padding-right:50px}
.modal.modal_wheel.win-modal .modal-subtitle:before{width:32px;height:32px;position:absolute;top:0;right:0;background:url(../img/gift-icon.png) center center no-repeat;background-size:contain;content:'';transform:rotate(24deg);margin-top:0}
}
@media screen and (max-width:1000px){.modal.modal_wheel{width:92vw;height:auto;border-radius:50px}
.modal.modal_wheel .modal_wrap{flex-direction:column;padding-bottom:460px}
.wheel{width:448px;height:448px;right:auto;bottom:0;top:auto;left:50%;transform:translateX(-50%)}
.modal.modal_wheel .modal-left{max-width:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start}
.modal.modal_wheel .modal-form{max-width:100%;width:100%}
.modal.modal_wheel .modal-form:before{display:none}
.modal.modal_wheel .modal-subtitle{padding-right:60px;position:relative}
.modal.modal_wheel .modal-subtitle:before{width:42px;height:42px;background:url(../img/gift.png) center center no-repeat;background-size:contain;position:absolute;top:50%;margin-top:-21px;right:0;content:'';transform:rotate(-7deg)}
.modal.modal_wheel .modal_close{width:42px;height:42px;background-image:url(../img/close-mob.svg);opacity:1}
.success-block{height:auto;padding:24px;width:100%}
.success-block-title:before{width:40px;height:40px}
.success-block-title{padding-top:52px;font-size:16px}
.success-block-subtitle{font-size:14px}
}
@media screen and (max-width:760px){.modal.modal_wheel .modal_wrap{padding-bottom:92vw}
.wheel{width:92vw;height:92vw}
.wheel:before{top:0;left:0;right:0;bottom:0}
.modal.modal_wheel{border-radius:32px 32px 46vw 46vw}
.modal.modal_wheel .modal_close{width:32px;height:32px;top:-8px;right:-8px}
.modal.modal_wheel .input{height:56px;padding:0 20px;font-size:16px}
.modal.modal_wheel .input-wrap label{font-size:16px;top:12px;left:18px}
.modal.modal_wheel .modal-form .submit-btn{height:56px;font-size:16px}
.modal.modal_wheel .modal-form .form-step{grid-gap:8px}
.modal.modal_wheel .modal-subtitle{font-size:14px}
.modal.modal_wheel .before-title .date,.modal.modal_wheel .before-title .count{line-height:24px;font-size:14px;padding:0 10px}
}
@media screen and (max-width:590px){.modal.modal_wheel .before-title .date,.modal.modal_wheel .before-title .count{font-size:13px}
.modal.modal_wheel .before-title{grid-gap:8px;margin-bottom:16px}
.modal.modal_wheel .before-title .mob-hidden{display:none}
.modal.modal_wheel{padding:24px}
.modal.modal_wheel .modal-title{font-size:4vw}
.modal.modal_wheel .agreement{font-size:12px}
.modal.modal_wheel .dop-conditions {font-size: 12px}
}
@media screen and (max-width:350px){.modal.modal_wheel{padding:24px 12px}
.modal.modal_wheel .before-title .date,.modal.modal_wheel .before-title .count{font-size:12px}
}