https://www.lockobank.ru/_next/static/chunks/216.32f0f064e20e1212.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[216,7404],{8889:function(n,t,e){var a,o=e(67294),i=["title","titleId"];function r(){return(r=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a])}return n}).apply(this,arguments)}t.Z=function(n){var t=n.title,e=n.titleId,m=function(n,t){if(null==n)return{};var e,a,o=function(n,t){if(null==n)return{};var e,a,o={},i=Object.keys(n);for(a=0;a<i.length;a++)e=i[a],t.indexOf(e)>=0||(o[e]=n[e]);return o}(n,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(a=0;a<i.length;a++)e=i[a],!(t.indexOf(e)>=0)&&Object.prototype.propertyIsEnumerable.call(n,e)&&(o[e]=n[e])}return o}(n,i);return o.createElement("svg",r({width:14,height:17,viewBox:"0 0 14 17",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e},m),t?o.createElement("title",{id:e},t):null,a||(a=o.createElement("path",{d:"M13.365 2.906L7.24.362a.625.625 0 00-.48 0L.635 2.906a.625.625 0 00-.385.577v3.091c0 4.257 2.573 8.086 6.514 9.694a.626.626 0 00.472 0 10.467 10.467 0 006.514-9.694V3.483a.625.625 0 00-.385-.577zM12.5 6.574A9.219 9.219 0 017 15.011a9.219 9.219 0 01-5.5-8.437V3.9L7 1.616 12.5 3.9v2.674zM6.31 8.681l2.686-2.687a.625.625 0 11.883.884l-3.128 3.129a.625.625 0 01-.884 0L4.121 8.26a.625.625 0 11.883-.884L6.31 8.681z",fill:"#6A727E"})))}},81763:function(n,t,e){e.d(t,{Z:function(){return v}});var a=e(85893),o=e(67294),i=e(73935),r=function(n){var t=n.children,e=n.selector,a=(0,o.useRef)(null),r=(0,o.useState)(!1),m=r[0],d=r[1];return(0,o.useEffect)(function(){a.current=document.getElementById("modal"),d(!0)},[e]),m?(0,i.createPortal)(t,a.current):null},m=e(7297),d=e(50445),l=e(83902);function s(){var n=(0,m.Z)(["\n      margin-bottom: 12px;\n    "]);return s=function(){return n},n}function u(){var n=(0,m.Z)(["\n  margin-top: 33px;\n  margin-bottom: 18px;\n  font: 500 28px/32px Roboto;\n  color: ",";\n  text-align: center;\n\n  @media (max-width: ",") {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  ","\n"]);return u=function(){return n},n}function c(){var n=(0,m.Z)(["\n  position: fixed;\n  background-color: rgba(0, 0, 0, 0.7);\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n"]);return c=function(){return n},n}function f(){var n=(0,m.Z)(["\n      background: #7783d7;\n      ",", "," {\n        color: white;\n      }\n    "]);return f=function(){return n},n}function p(){var n=(0,m.Z)(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-width: 1200px;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 15px;\n  background-color: #eaf1f5;\n  position: absolute;\n  ","\n"]);return p=function(){return n},n}function x(){var n=(0,m.Z)(["\n  display: flex;\n  flex-direction: column;\n  padding: 40px 40px 40px 40px;\n\n  #floatingBarsG {\n    position: relative;\n    width: 124px;\n    height: 154px;\n    margin: auto;\n    @media (max-width: 480px) {\n      width: 60px;\n      height: 60px;\n      margin: auto;\n    }\n  }\n\n  .blockG {\n    position: absolute;\n    background-color: rgba(81, 149, 237, 0.98);\n    width: 2px;\n    height: 28px;\n    border-radius: 16px 16px 0 0;\n    -o-border-radius: 16px 16px 0 0;\n    -ms-border-radius: 16px 16px 0 0;\n    -webkit-border-radius: 16px 16px 0 0;\n    -moz-border-radius: 16px 16px 0 0;\n    transform: scale(0.4);\n    -o-transform: scale(0.4);\n    -ms-transform: scale(0.4);\n    -webkit-transform: scale(0.4);\n    -moz-transform: scale(0.4);\n    animation-name: fadeG;\n    -o-animation-name: fadeG;\n    -ms-animation-name: fadeG;\n    -webkit-animation-name: fadeG;\n    -moz-animation-name: fadeG;\n    animation-duration: 1.2s;\n    -o-animation-duration: 1.2s;\n    -ms-animation-duration: 1.2s;\n    -webkit-animation-duration: 1.2s;\n    -moz-animation-duration: 1.2s;\n    animation-iteration-count: infinite;\n    -o-animation-iteration-count: infinite;\n    -ms-animation-iteration-count: infinite;\n    -webkit-animation-iteration-count: infinite;\n    -moz-animation-iteration-count: infinite;\n    animation-direction: normal;\n    -o-animation-direction: normal;\n    -ms-animation-direction: normal;\n    -webkit-animation-direction: normal;\n    -moz-animation-direction: normal;\n    @media (max-width: 480px) {\n      position: absolute;\n      background-color: rgba(196, 227, 245, 0.97);\n      width: 2px;\n      height: 15px;\n      border-radius: 12px 12px 0 0;\n      -o-border-radius: 12px 12px 0 0;\n      -ms-border-radius: 12px 12px 0 0;\n      -webkit-border-radius: 12px 12px 0 0;\n      -moz-border-radius: 12px 12px 0 0;\n      transform: scale(0.4);\n      -o-transform: scale(0.4);\n      -ms-transform: scale(0.4);\n      -webkit-transform: scale(0.4);\n      -moz-transform: scale(0.4);\n      animation-name: fadeG;\n      -o-animation-name: fadeG;\n      -ms-animation-name: fadeG;\n      -webkit-animation-name: fadeG;\n      -moz-animation-name: fadeG;\n      animation-duration: 1.2s;\n      -o-animation-duration: 1.2s;\n      -ms-animation-duration: 1.2s;\n      -webkit-animation-duration: 1.2s;\n      -moz-animation-duration: 1.2s;\n      animation-iteration-count: infinite;\n      -o-animation-iteration-count: infinite;\n      -ms-animation-iteration-count: infinite;\n      -webkit-animation-iteration-count: infinite;\n      -moz-animation-iteration-count: infinite;\n      animation-direction: normal;\n      -o-animation-direction: normal;\n      -ms-animation-direction: normal;\n      -webkit-animation-direction: normal;\n      -moz-animation-direction: normal;\n    }\n  }\n\n  #rotateG_01 {\n    left: 0;\n    top: 56px;\n    animation-delay: 0.45s;\n    -o-animation-delay: 0.45s;\n    -ms-animation-delay: 0.45s;\n    -webkit-animation-delay: 0.45s;\n    -moz-animation-delay: 0.45s;\n    transform: rotate(-90deg);\n    -o-transform: rotate(-90deg);\n    -ms-transform: rotate(-90deg);\n    -webkit-transform: rotate(-90deg);\n    -moz-transform: rotate(-90deg);\n    @media (max-width: 480px) {\n      left: 8px;\n      top: 30px;\n    }\n  }\n\n  #rotateG_02 {\n    left: 16px;\n    top: 20px;\n    animation-delay: 0.6s;\n    -o-animation-delay: 0.6s;\n    -ms-animation-delay: 0.6s;\n    -webkit-animation-delay: 0.6s;\n    -moz-animation-delay: 0.6s;\n    transform: rotate(-45deg);\n    -o-transform: rotate(-45deg);\n    -ms-transform: rotate(-45deg);\n    -webkit-transform: rotate(-45deg);\n    -moz-transform: rotate(-45deg);\n    @media (max-width: 480px) {\n      left: 16px;\n      top: 12px;\n    }\n  }\n\n  #rotateG_03 {\n    left: 52px;\n    top: 6px;\n    animation-delay: 0.75s;\n    -o-animation-delay: 0.75s;\n    -ms-animation-delay: 0.75s;\n    -webkit-animation-delay: 0.75s;\n    -moz-animation-delay: 0.75s;\n    transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    -ms-transform: rotate(0deg);\n    -webkit-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    @media (max-width: 480px) {\n      left: 39px;\n      top: 5px;\n    }\n  }

1\n\n  #rotateG_04 {\n    right: 26px;\n    top: 20px;\n    animation-delay: 0.9s;\n    -o-animation-delay: 0.9s;\n    -ms-animation-delay: 0.9s;\n    -webkit-animation-delay: 0.9s;\n    -moz-animation-delay: 0.9s;\n    transform: rotate(45deg);\n    -o-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    -webkit-transform: rotate(45deg);\n    -moz-transform: rotate(45deg);\n    @media (max-width: 480px) {\n      right: 0px;\n      top: 12px;\n    }\n  }\n\n  #rotateG_05 {\n    right: 10px;\n    top: 56px;\n    animation-delay: 1.05s;\n    -o-animation-delay: 1.05s;\n    -ms-animation-delay: 1.05s;\n    -webkit-animation-delay: 1.05s;\n    -moz-animation-delay: 1.05s;\n    transform: rotate(90deg);\n    -o-transform: rotate(90deg);\n    -ms-transform: rotate(90deg);\n    -webkit-transform: rotate(90deg);\n    -moz-transform: rotate(90deg);\n    @media (max-width: 480px) {\n      right: -8px;\n      top: 30px;\n    }\n  }\n\n  #rotateG_06 {\n    right: 26px;\n    bottom: 36px;\n    animation-delay: 1.2s;\n    -o-animation-delay: 1.2s;\n    -ms-animation-delay: 1.2s;\n    -webkit-animation-delay: 1.2s;\n    -moz-animation-delay: 1.2s;\n    transform: rotate(135deg);\n    -o-transform: rotate(135deg);\n    -ms-transform: rotate(135deg);\n    -webkit-transform: rotate(135deg);\n    -moz-transform: rotate(135deg);\n    @media (max-width: 480px) {\n      right: -1px;\n      bottom: -1px;\n    }\n  }\n\n  #rotateG_07 {\n    bottom: 18px;\n    left: 56px;\n    animation-delay: 1.35s;\n    -o-animation-delay: 1.35s;\n    -ms-animation-delay: 1.35s;\n    -webkit-animation-delay: 1.35s;\n    -moz-animation-delay: 1.35s;\n    transform: rotate(180deg);\n    -o-transform: rotate(180deg);\n    -ms-transform: rotate(180deg);\n    -webkit-transform: rotate(180deg);\n    -moz-transform: rotate(180deg);\n    @media (max-width: 480px) {\n      bottom: -8px;\n      left: 39px;\n    }\n  }\n\n  #rotateG_08 {\n    left: 10px;\n    bottom: 35px;\n    animation-delay: 1.5s;\n    -o-animation-delay: 1.5s;\n    -ms-animation-delay: 1.5s;\n    -webkit-animation-delay: 1.5s;\n    -moz-animation-delay: 1.5s;\n    transform: rotate(-135deg);\n    -o-transform: rotate(-135deg);\n    -ms-transform: rotate(-135deg);\n    -webkit-transform: rotate(-135deg);\n    -moz-transform: rotate(-135deg);\n    @media (max-width: 480px) {\n      left: 17px;\n      bottom: -1px;\n    }\n  }\n\n  @keyframes fadeG {\n    0% {\n      background-color: rgb(1, 85, 181);\n    }\n\n    100% {\n      background-color: rgb(196, 227, 245);\n    }\n  }\n\n  @-o-keyframes fadeG {\n    0% {\n      background-color: rgb(1, 85, 181);\n    }\n\n    100% {\n      background-color: rgb(196, 227, 245);\n    }\n  }\n\n  @-ms-keyframes fadeG {\n    0% {\n      background-color: rgb(1, 85, 181);\n    }\n\n    100% {\n      background-color: rgb(196, 227, 245);\n    }\n  }\n\n  @-webkit-keyframes fadeG {\n    0% {\n      background-color: rgb(1, 85, 181);\n    }\n\n    100% {\n      background-color: rgb(196, 227, 245);\n    }\n  }\n\n  @-moz-keyframes fadeG {\n    0% {\n      background-color: rgb(1, 85, 181);\n    }\n\n    100% {\n      background-color: rgb(196, 227, 245);\n    }\n  }\n\n  @media (max-width: 480px) {\n    padding: 20px 20px 20px 20px;\n  }\n"]);return x=function(){return n},n}function g(){var n=(0,m.Z)(["\n  font-size: 40px;\n  font-weight: 700;\n  line-height: 50px;\n  text-align: center;\n  margin-top: 33px;\n  @media (max-width: 480px) {\n    font-size: 30px;\n    line-height: 36px;\n  }\n"]);return g=function(){return n},n}var b=d.ZP.p.withConfig({displayName:"Modal.styles__StyledText",componentId:"sc-4778c5ee-0"})(u(),l.DG.mainText,l.sp.mobile,function(n){return n.link&&(0,d.iv)(s())}),y=d.ZP.div.withConfig({displayName:"Modal.styles__StyledBackdrop",componentId:"sc-4778c5ee-1"})(c()),h=d.ZP.div.withConfig({displayName:"Modal.styles__StyledModal",componentId:"sc-4778c5ee-2"})(p(),function(n){return"violet"===n.background&&(0,d.iv)(f(),w,b)}),k=d.ZP.div.withConfig({displayName:"Modal.styles__StyledModalContent",componentId:"sc-4778c5ee-3"})(x()),w=d.ZP.p.withConfig({displayName:"Modal.styles__StyledTitle",componentId:"sc-4778c5ee-4"})(g());function v(n){var t=n.description,e=n.isOpen,o=n.title,i=n.background;return(0,a.jsx)(a.Fragment,{children:e&&(0,a.jsx)(r,{selector:"#modal",children:(0,a.jsx)(y,{children:(0,a.jsx)(h,{background:i,children:(0,a.jsxs)(k,{children:[(0,a.jsxs)("div",{id:"floatingBarsG",children:[(0,a.jsx)("div",{className:"blockG",id:"rotateG_01"}),(0,a.jsx)("div",{className:"blockG",id:"rotateG_02"}),(0,a.jsx)("div",{className:"blockG",id:"rotateG_03"}),(0,a.jsx)("div",{className:"blockG",id:"rotateG_04"}),(0,a.jsx)("div",{className:"blockG",id:"rotateG_05"}),(0,a.jsx)("div",{className:"blockG",id:"rotateG_06"}),(0,a.jsx)("div",{className:"blockG",id:"rotateG_07"}),(0,a.jsx)("div",{className:"blockG",id:"rotateG_08"})]}),(0,a.jsx)(w,{children:o}),(0,a.jsx)(b,{dangerouslySetInnerHTML:{__html:t}})]})})})})})}},27404:function(n,t,e){e.d(t,{hL:function(){return m},pE:function(){return g},t7:function(){return x},Io:function(){return r},Gc:function(){return f},Yg:function(){return c},Pd:function(){return p},TD:function(){return d},_H:function(){return l},zW:function(){return i},Nq:function(){return s},KT:function(){return o}});var a=e(74231),o=a.Z_().required("Обязательное поле").test("firstLetter","Пожалуйста, проверьте, что номер состоит только из цифр (без пробелов, тире, скобок или символов)",function(n){return["3","4","5","6","8","9"].includes(n.split("")[4])}).test("length","Телефон указан неверно. Должно быть 11 цифр",function(n){return 11===n.replace(/\D/g,"").length}),i=a.Z_().required("Обязательное поле").test("length","Телефон указан неверно. Должно быть 11 цифр",function(n){return 11===n.replace(/\D/g,"").length}).test("firstLetter","Укажите свой мобильный телефон начиная с 9-ки",function(n){return["9"].includes(n.split("")[4])}),r=a.Z_().required("Обязательное поле").email("Email введен некорректно"),m=a.O7().oneOf([!0],"Необходимо подтвердить"),d=a.Ry({value:a.Z_().required("Обязательное поле")}).typeError("Обязательное поле"),l=a.Ry({value:a.Z_()}).nullable();a.Ry({value:a.Z_()}).test("length","Телефон указан неверно. Должно быть 11 цифр",function(n){var t,e;return console.log(n),(null==n?void 0:null===(t=n.value)||void 0===t?void 0:t.length)>9&&(null==n?void 0:null===(e=n.value)||void 0===e?void 0:e.length)<13}).typeError("Обязательное поле");var s=a.Z_().required("Обязательное поле"),u=/[а-яё]/i,c=a.Ry().nullable(!0).required("Обязательное поле").test("cyrillic","Неверно указаны ФИО",function(n){return u.test(null==n?void 0:n.value)}).test("length","Необходимо указать фамилию и имя",function(n){return((null==n?void 0:n.value)||"").replace(/\s+/g," ").trim().split(" ").length>=2}),f=a.Ry().nullable(!0).required("Обязательное поле").test("cyrillic","Неверно указаны ФИО",function(n){return u.test(null==n?void 0:n.value)}).test("length","Необходимо указать фамилию, имя и отчество",function(n){return((null==n?void 0:n.value)||"").replace(/\s+/g," ").trim().split(" ").length>=3}),p=a.Ry().nullable(!0).required("Обязательное поле").test("cyrillic","Неверно указаны ФИО",function(n){return u.test(null==n?void 0:n.value)}),x=a.Z_().required("Обязательное поле"),g=a.Z_().required("Обязательное поле")}}]);