1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4187,6652,4389],{6652:function(n,e,t){t.r(e),t.d(e,{default:function(){return x}});var r=t(828),o=t(7297),i=t(5893),l=t(7294),s=t(603),a=t(5697),u=t.n(a),d=t(5257),c=t(331),p=t(1483),f=t(3935),v=function(n){var e=n.children,t=n.wrapperId,r=(0,l.useState)(null),o=r[0],i=r[1];(0,l.useLayoutEffect)((function(){var n=document.getElementById(t),e=!1;return n||(n=s(t),e=!0),i(n),function(){e&&n.parentNode&&n.parentNode.removeChild(n)}}),[t]);var s=function(n){var e=document.createElement("div");return e.setAttribute("id",n),document.body.appendChild(e),e};return o?(0,f.createPortal)(e,o):null};function h(){var n=(0,o.Z)(["\n background-color: rgba(0, 0, 0, 0.4);\n "]);return h=function(){return n},n}v.propTypes={children:u().object,wrapperId:u().string};var y=function(n){var e=n.t,t=n.children,o=n.show,a=n.setShow,u=n.noBackdrop,f=void 0!==u&&u,h=n.title,y=void 0===h?"":h,x=n.config,g=n.sendData,w=void 0===g?null:g,b=(0,l.useRef)(null),_=(0,r.Z)((0,c.Z)(),2),k=_[0],j=_[1],C=(0,p.I)((function(n){return n.setEvent})),E=(0,l.useCallback)((function(n){"Escape"===n.key&&a({show:""})}),[a]);(0,l.useEffect)((function(){if(o)return k(),null===document||void 0===document||document.addEventListener("keydown",E),function(){j(),null===document||void 0===document||document.removeEventListener("keydown",E)};j(),w&&w(),"Contacts"===(null===x||void 0===x?void 0:x.id)&&C("")}),[j,k,E,o,w,C,null===x||void 0===x?void 0:x.id]);var N=function(){a({show:""}),w&&w()};return(0,i.jsx)(i.Fragment,{children:o&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:m,onClick:function(){return f?null:N()}}),(0,i.jsx)(v,{wrapperId:x.id,children:(0,i.jsxs)("div",{className:(0,s.cx)("contacts"===x.id.toLowerCase()?"sm:w-[32.03vw] sm:min-w-[410px] h-full sm:h-max bg-white p-4 sm:p-6 sm:rounded-3xl":(null===x||void 0===x?void 0:x.header)?"pt-14 w-full h-full":"w-fit h-fit","fixed top-0 right-0 left-0 bottom-0 z-[151] m-auto flex flex-col text-left text-dark-200"),ref:b,children:[x.header&&(0,i.jsxs)("div",{className:"contacts"===x.id.toLowerCase()?"relative pt-4 pb-8":"",children:[y&&(0,i.jsx)("h3",{style:{maxWidth:"80%"},className:"text-4xl font-medium pr-6",children:y}),x.text&&(0,i.jsx)("p",{className:"mt-4 mb-10",children:e(x.text)}),(0,i.jsx)("button",{"aria-label":"Close",type:"button",onClick:N,className:(0,s.cx)("contacts"===x.id.toLowerCase()?"top-0 right-0 sm:-top-2 sm:-right-2 w-max h-max hover:opacity-50":"top-2 right-2 p-2 w-10 h-10 bg-white rounded-xl","absolute pointer"),children:(0,i.jsx)(d.J,{type:"close",color:"var(--dark-200)"})})]}),t]})})]})})};y.propTypes={t:u().func,children:u().object,show:u().bool,setShow:u().func,title:u().oneOfType([u().string,u().array]),config:u().object,sendData:u().func};var x=y,m="fixed top-0 right-0 left-0 bottom-0 z-[150] flex items-center justify-center overflow-x-hidden overflow-y-auto "+(0,s.iv)(h())},4187:function(n,e,t){t.r(e);var r=t(7297),o=t(5893),i=t(7294),l=t(603),s=t(5357),a=t(1483),u=t(7380),d=t(1114),c=t(6652),p=t(5257);t(9854);function f(){var n=(0,r.Z)(["\n width: 100vw;\n max-width: 998px;\n box-shadow: 6px 6px 36px rgba(0, 0, 0, 0.1), 12px 12px 72px rgba(0, 0, 0, 0.2);\n\n .plyr {\n &--video,\n &--video.plyr--hide-controls {\n .plyr__controls {\n padding: 10px 24px;\n background: #2f344b;\n border-radius: 24px;\n }\n }\n\n &--video {\n .plyr__control:focus-visible,\n .plyr__control:hover,\n .plyr__control[aria-expanded='true'] {\n background: transparent;\n }\n }\n\n &__control {\n &[data-plyr='play'] {\n padding: 0;\n width: 32px;\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n svg.icon--pressed {\n height: 16px;\n fill: transparent;\n stroke: #ffffff;\n stroke-width: 1.5px;\n }\n\n svg.icon--not-pressed {\n width: 24px;\n height: 24px;\n }\n }\n\n &[data-plyr='mute'] {\n padding: 0;\n width: 32px;\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n svg {\n width: 24px;\n fill: transparent;\n stroke: #ffffff;\n stroke-width: 1.5px;\n }\n }\n }\n\n &__progress {\n width: 100%;\n }\n\n &__progress__buffer,\n &--full-ui {\n input[type='range'] {\n border-radius: 12px;\n }\n }\n }\n"]);return f=function(){return n},n}e.default=function(){var n=u.I.dialogs.find((function(n){return"Tutorial"===n.id})),e=(0,i.useState)(""),t=e[0],r=e[1],f=(0,a.I)((function(n){return n.show})),h=(0,a.I)((function(n){return n.setShow})),y={type:"video",sources:[{src:d.y,provider:"youtube"}]},x={controls:d.A},m=(0,i.useRef)(null);return(0,i.useEffect)((function(){return setTimeout((function(){var n,e;null===(n=m.current)||void 0===n||null===(e=n.plyr)||void 0===e||e.on("ready",(function(){var n;return null===(n=document.querySelector('[data-plyr="play"]'))||void 0===n?void 0:n.click()}))}),10),setTimeout((function(){var n,e;null===(n=m.current)||void 0===n||null===(e=n.plyr)||void 0===e||e.on("ready",(function(){m.current.plyr.currentTime=49,m.current.plyr.volume=1}))}),20),function(){m.current=null}})),(0,o.jsx)(c.default,{show:f===n.id.toLowerCase(),setShow:h,title:t,config:n,sendData:function(){return r("")},children:(0,o.jsxs)("div",{className:(0,l.cx)(v,"relative m-auto w-full h-fit roun
1ded-3xl overflow-hidden"),children:[(0,o.jsx)("button",{"aria-label":"Close",type:"button",onClick:function(){return h({show:""})},className:"absolute top-[5px] right-[5px] lg:top-[15px] lg:right-[15px] z-10 w-[34px] h-[34px] flex justify-center items-center rounded-xl cursor-pointer",children:(0,o.jsx)(p.J,{type:"close",color:"var(--white)"})}),(0,o.jsx)(s.Z,{ref:m,source:y,options:x})]})})};var v=(0,l.iv)(f())},1114:function(n,e,t){t.d(e,{A:function(){return o},y:function(){return r}});var r="hbkMPEbuiRs",o='\n<div class="plyr__controls">\n <button type="button" class="plyr__control" aria-label="Play, {title}" data-plyr="play">\n <svg class="icon--pressed"><use xlink:href="#plyr-pause"></use></svg>\n <svg class="icon--not-pressed" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M7 5L19 12L7 19V5Z"\n stroke="white"\n fill="transparent"\n stroke-width="1.5"\n stroke-linecap="round"\n stroke-linejoin="round"\n />\n </svg>\n </button>\n <div class="plyr__progress">\n <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" aria-label="Seek">\n <progress class="plyr__progress__buffer" max="100" value="0">% buffered</progress>\n <span role="tooltip" class="plyr__tooltip">00:00</span>\n </div>\n <div class="plyr__time plyr__time--current" aria-label="Current time">00:00</div>\n <button type="button" class="plyr__control" aria-label="Mute" data-plyr="mute">\n <svg class="icon--pressed"><use xlink:href="#plyr-muted"></use></svg>\n <svg class="icon--not-pressed"><use xlink:href="#plyr-volume"></use></svg>\n </button>\n <div class="plyr__volume">\n <input data-plyr="volume" type="range" min="0" max="1" step="0.05" value="1" autocomplete="off" aria-label="Volume">\n </div>\n</div>\n'},331:function(n,e,t){var r=t(7294),o="undefined"!==typeof document?document:{};e.Z=function(){var n=(0,r.useRef)(),e=o.documentElement,t=o.body;return[function(){if(t&&t.style&&!n.current){var r=window.innerWidth-e.clientWidth,o=parseInt(window.getComputedStyle(t).getPropertyValue("padding-right"))||0;e.style.position="relative",e.style.overflow="hidden",t.style.position="relative",t.style.overflow="hidden",t.style.paddingRight="".concat(o+r,"px"),n.current=!0}},function(){t&&t.style&&n.current&&(e.style.position="",e.style.overflow="",t.style.position="",t.style.overflow="",t.style.paddingRight="",n.current=!1)}]}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.