body.popup{overflow:hidden}body.popup div.popup.active{display:block;overflow-y:auto}body.popup div.popup.active .popup-content.active{opacity:1;visibility:visible;top:50%}div.popup{display:none;z-index:9999;position:fixed;width:100%;background-color:rgba(42,39,74,.6)}div.popup,div.popup .popup-backdrop{overflow:hidden;top:0;left:0;height:100%}div.popup .popup-backdrop{position:absolute;width:100vw;min-height:100vh;background-color:rgba(0,0,0,0)}div.popup .popup-content{z-index:1;opacity:0;visibility:hidden;position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:50px 40px 60px;max-width:580px;background-color:#fff;-webkit-transition:opacity .3s,visibility .3s,top .3s,left .3s;transition:opacity .3s,visibility .3s,top .3s,left .3s}div.popup .popup-content .nav-link-btn{margin-left:5px}div.popup .popup-content .nav-link-btn,div.popup .popup-content p{padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:20px}div.popup .popup-content p a{font-weight:400;color:#6358ec}div.popup .popup-content p a:hover{text-decoration:underline}div.popup .popup-content .nav-link-btn{color:#6358ec}div.popup .popup-content .nav-link-btn:hover{text-decoration:underline}div.popup .popup-content .wrapper{text-align:right}div.popup .popup-content .wrapper button.close svg path{-webkit-transition:stroke .2s;transition:stroke .2s}div.popup .popup-content .wrapper button.close:hover svg path{stroke:#6358ec}div.popup .popup-content .popup-error-wrap .error{position:absolute;bottom:0;left:0;width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background-color:#e56962}div.popup .popup-content .popup-error-wrap .error svg{margin-right:10px}div.popup .popup-content .popup-error-wrap .error svg path{fill:#fff}#no-auth-popup .popup-content .btns-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:40px 0 20px}#no-auth-popup .popup-content .btns-wrap .btn{width:48%}#no-auth-popup .popup-content .btns-wrap .btn.primary{margin:0}@media screen and (max-width:768px){body.popup div.popup-content{top:0;left:-5%}body.popup div.popup.active .popup-content.active{min-height:100vh;max-width:100%;width:100vw;top:0;left:0;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}#no-auth-popup.active .popup-content .btns-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#no-auth-popup.active .popup-content .btns-wrap .btn{-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px;margin-top:15px;width:100%}}form.step{width:0;height:0;opacity:0;overflow:hidden;margin-left:-50px;-webkit-transition:opacity .25s,margin-left .25s;transition:opacity .25s,margin-left .25s}form.step.active{width:auto;height:auto;opacity:1;overflow:visible;margin-left:0}form h3.title{margin-top:10px;font-family:Manrope,sans-serif;font-size:32px;font-weight:700;line-height:42px}form h3.title,form p.sub-title{margin-bottom:15px;color:#1c1933}form p.sub-title{font-size:18px;font-style:normal;font-weight:400;line-height:normal}form p.sub-title span{font-weight:600}form button.btn.primary{margin:30px 0;padding:16px;width:100%;-webkit-transition:color .2s;transition:color .2s}form input{width:100%}.form-group.base-form.phone{position:relative}.form-group.base-form.phone span.phone-code{position:absolute;display:inline-block;left:16px;top:16px;font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#9795b2}.form-group.base-form.phone span.phone-code:before{position:absolute;content:"";right:-10px;top:5px;width:1px;height:16px;background:#d9d8e9}.form-group.base-form.phone input{padding-left:62px}.form-group.base-form{position:relative;margin-bottom:5px}.form-group.base-form button.password-eye-icon.hide svg.show-icon{display:block}.form-group.base-form button.password-eye-icon.hide svg.hide-icon{display:none}.form-group.base-form button.password-eye-icon{position:absolute;right:10px;top:17px;width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-group.base-form button.password-eye-icon svg.show-icon{display:none}.form-group.base-form button.password-eye-icon svg.hide-icon{display:block}.form-group.base-form button.password-eye-icon:hover svg path{fill:#6358ec}.form-group.base-form button.password-eye-icon svg{width:20px}.form-group.base-form button.password-eye-icon svg path{fill:#9795b2;-webkit-transition:fill .2s;transition:fill .2s}.form-group.base-form input::-webkit-input-placeholder{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#9795b2}.form-group.base-form input::-moz-placeholder{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#9795b2}.form-group.base-form input:-ms-input-placeholder{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#9795b2}.form-group.base-form input::-ms-input-placeholder{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#9795b2}.form-group.base-form input::placeholder{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#9795b2}.form-group.base-form input{padding:16px 40px 16px 16px;font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;border-radius:8px;color:#6358ec;border:1px solid #d9d8e9;background:#f6f6fa}.form-group.base-form input:focus{border:1px solid #ac9dee}.form-group.base-form .form-group__errors{opacity:0;padding-left:15px;font-size:14px;line-height:22px;color:#e56962;-webkit-transition:opacity .3s;transition:opacity .3s}.form-group.base-form.invalid .form-group__errors{opacity:1}.form-group.base-form.invalid input{border:1px solid #e56962}.toast-wrapper.active.deactive{opacity:0;top:0;visibility:hidden}.toast-wrapper.active{opacity:1;visibility:visible;top:5px}.toast-wrapper{font-family:Manrope,sans-serif;visibility:hidden;opacity:0;top:20px;z-index:9999;position:fixed;right:5px;margin-left:5px;max-width:430px;min-width:320px;min-height:60px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:10px;border:solid #81c784;border-width:0 0 0 8px;color:#4caf50;background-color:#fff;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.1411764705882353),0 1px 18px rgba(0,0,0,.12156862745098039);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.1411764705882353),0 1px 18px rgba(0,0,0,.12156862745098039);-webkit-transition:top .3s,opacity .3s,visibility .3s;transition:top .3s,opacity .3s,visibility .3s}.toast-wrapper .btn-icon{position:absolute;right:5px;top:4px;width:15px;height:15px;border-radius:50%;background-color:rgba(0,0,0,0);-webkit-transition:background-color .3s;transition:background-color .3s}.toast-wrapper .btn-icon:after,.toast-wrapper .btn-icon:before{position:absolute;content:"";left:0;width:12px;height:1px;font-size:16px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#c3c4c8;-webkit-transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s}.toast-wrapper .btn-icon:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.toast-wrapper .btn-icon:hover{cursor:pointer}.toast-wrapper .btn-icon:hover:after,.toast-wrapper .btn-icon:hover:before{background-color:#d9d8da;-webkit-transform:rotate(45deg) scale(1.2);-ms-transform:rotate(45deg) scale(1.2);transform:rotate(45deg) scale(1.2)}.toast-wrapper .btn-icon:hover:after{-webkit-transform:rotate(135deg) scale(1.2);-ms-transform:rotate(135deg) scale(1.2);transform:rotate(135deg) scale(1.2)}.toast-wrapper .toast-message{margin:0 10px 0 5px;font-size:14px}