1import{r as c,j as t}from"./vendor-react-BGN68_Lp.js";import{t as N,fM as rt,u as R,q as E,N as M,aa as nt,g as L,bD as at,v as it,dK as Q,P as ot,fN as st,fO as pt,aB as V,fP as lt,w as O,fQ as ct,dQ as dt}from"./index-uear5Vpj.js";import{g as w}from"./vendor-styled-pkIKgjgv.js";import{M as ut}from"./Menu-BeK8HweK.js";import{a as J,u as K}from"./vendor-redux-D8sX5Eqv.js";import{u as C}from"./vendor-i18n-BWleq_Sd.js";import{b as X,u as gt}from"./vendor-router-CYD8mbvC.js";import"./vendor-socket-DSYo_sTV.js";const H=()=>{const e=J();return c.useCallback((r={},n)=>{N("support_chat_open_success",{...r,channel:"support_chat"}),e(rt({text:n,metadata:r}))},[e])},xt=w.div` 2 width: 100%; 3`,ht=w.div` 4 border-left: 1px solid #232c38; 5 display: flex; 6 flex-direction: column; 7 gap: 2px; 8 padding-left: 20px; 9 10 a, 11 button { 12 font-size: 14px; 13 line-height: 18px; 14 color: #d0d6de; 15 transition: color 0.2s ease; 16 padding: 8px 0; 17 display: block; 18 } 19 20 button { 21 background: transparent; 22 border: 0; 23 text-align: left; 24 } 25 26 a.selected, 27 a:hover, 28 button:hover { 29 color: #6080ff; 30 } 31`,ft=(e,r,n)=>{if(e==="updates"||e==="update")return 1;const o=n.find(i=>i.url===String(e))?.category,a=r.findIndex(i=>i.key===o);return a===-1?2:a+2},mt=e=>{const{t:r,i18n:n}=C(["translation","support"]),o=R(),a=H();c.useEffect(()=>{const s=ft(e.activeArticle,e.categories,e.articles);s!==e.activeNav&&e.setActiveNav(s)},[e.activeArticle,e.articles]);const i=()=>{o("/learn"),e.setActiveNav(1),e.setActiveArticle("updates")},h=()=>{a({source:"learn_nav",article_url:typeof window<"u"?window.location.href:"",language:n.resolvedLanguage||n.language})},l=s=>t.jsx(ht,{children:s.map(d=>t.jsx(M,{to:`/learn/${d.url}`,click:()=>{e.clearSearch(),e.setActiveArticle(d.url)},className:String(e.activeArticle)===d.url?"selected":"",dangerouslySetInnerHTML:{__html:d.title}},d.url))});return t.jsx(xt,{children:t.jsx(ut,{menuObject:[{title:r("Categories"),items:[{category:1,title:"Updates"},...e.categories.map((s,d)=>({category:d+2,title:E(s.title),content:l(e.articles.filter(p=>p.category===s.key))}))]},{title:r("Support"),items:[{title:"ContactSupport",onClick:h}]}],isCategoryVisible:()=>!0,isMenuItemVisible:()=>!0,setCategory:s=>{if(s===1){i();return}e.setActiveNav(s)},category:e.activeNav})})},G=5,$="learn_recent_articles",bt="popular",wt=30,yt=100,_t=[{terms:["ÑеÑÑ","ÑÑÑÑ"],value:"surf"},{terms:["Ð±Ñ Ð¾Ð¿"],value:"bhop"},{terms:["пÑем"],value:"premium"},{terms:["пÑайм"],value:"prime"},{terms:["Ñкин","ÑенджеÑ"],value:"skin"}],Z=e=>String(e??"").replace(/\s+/g," ").trim().slice(0,yt),F=e=>{const r=Z(e).toLowerCase();return _t.find(({terms:o})=>o.some(a=>r.includes(a)))?.value??r},vt=e=>e.flatMap(r=>{const n=E(r.title);return n?[{...r,title:n,text:E(r.text)}]:[]}),tt=(e,r)=>{const n=F(r);if(n.length<2)return[];const o=e.filter(i=>i.title.toLowerCase().includes(n)),a=e.filter(i=>!o.includes(i)&&i.text.toLowerCase().includes(n));return[...o,...a].slice(0,wt)},kt=e=>{const{t:r,i18n:n}=C(["translation","support"]),o=H(),a=c.useRef(null),[i,h]=c.useState(null),l=e.searchQuery.output,s=tt(e.articles,l),d=s.length===0,p=l.trim().toLowerCase(),g=i===p,x=()=>{if(!p||a.current===p)return;a.current=p,h(p);const f={source:"learn_search_empty",search_query:l,article_url:window.location.href,language:n.resolvedLanguage||n.language};N("help_search_empty_support_click",f),o(f,l)};return t.jsxs("div",{className:"support-article",children:[t.jsx("h2",{className:"support-article__title",children:d?`${r("SearchNothingFound1")} "${l}" ${r("SearchNothingFound2")}`:`${r("SearchResults")} "${l}"`}),t.jsx("div",{className:"support-article-part ss",children:d?t.jsxs("div",{className:"support-search-empty",children:[t.jsx("p",{children:r("learnSearchEmptyText")}),t.jsx("button",{disabled:g,onClick:x,children:r("ContactSupport")})]}):s.map(f=>t.jsxs("div",{className:"support-search-item",children:[t.jsx(M,{to:"/learn/"+f.url,children:t.jsx("h3",{dangerouslySetInnerHTML:{__html:f.title}}
31)}),t.jsx("span",{dangerouslySetInnerHTML:{__html:f.text}})]},f.url))})]})},St=w.div` 32 display: flex; 33 flex-direction: column; 34 justify-content: center; 35 align-items: center; 36 background: url(${L("/img/bg/support2.png")}) 37 no-repeat center center / cover; 38 padding: 67px 0 76px; 39 40 h5 { 41 font-weight: bold; 42 font-size: 16px; 43 text-transform: uppercase; 44 color: #6080ff; 45 } 46 47 h2 { 48 font-weight: 900; 49 font-size: 39px; 50 line-height: 46px; 51 margin: 8px 0 27px; 52 text-transform: uppercase; 53 } 54 55 @media all and (max-width: 840px) { 56 h5 { 57 font-size: 14px !important; 58 } 59 60 h2 { 61 font-size: 30px !important; 62 margin-bottom: 20px !important; 63 } 64 } 65 66 @media all and (max-width: 750px) { 67 padding-left: 24px; 68 padding-right: 24px; 69 } 70`,B=7,jt=e=>String(e??"").replace(/<[^>]*>/g,""),P=e=>String(e).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'"),Y=e=>String(e).replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),At=(e,r)=>{const n=jt(e),o=P(n),a=String(r??"").trim(),h=[a,F(a)].filter((l,s,d)=>l&&d.findIndex(p=>p.toLowerCase()===l.toLowerCase())===s).find(l=>new RegExp(Y(l),"i").test(n));return h?o.replace(new RegExp(`(${Y(P(h))})`,"i"),"<strong>$1</strong>"):o},U=()=>{if(typeof window>"u")return[];try{const e=JSON.parse(window.localStorage.getItem($));return Array.isArray(e)?e.map(r=>String(r)).slice(0,G):[]}catch{return[]}},Ct=({searchQuery:e,setSearchQuery:r,activeNav:n,setActiveNav:o,articles:a})=>{const{t:i}=C(["translation","support"]),h=R(),[l,s]=c.useState(!1),[d,p]=c.useState(U),g=c.useRef(null),x=c.useDeferredValue(e.input),f=c.useMemo(()=>{if(!F(x)){const u=d.map(y=>a.find(T=>T.url===y)).filter(Boolean).map(y=>({...y,isRecent:!0})),b=a.filter(y=>y.category===bt&&!d.includes(y.url));return[...u,...b].slice(0,B)}return tt(a,x).slice(0,B)},[a,x,d]),_=l&&f.length>0,S=u=>x.trim()?At(u,x):u,m=()=>{s(!1),n===1&&o(2)},k=u=>{r(b=>({...b,input:u.target.value}))},z=()=>{p(U()),s(!0)},j=u=>{const b=Z(u);b.length>=2?(h("/learn/search"),n===1&&o(2),r(y=>({...y,input:b,output:b})),s(!1)):it(i("EnterFullQuestion"))},A=()=>j(e.input);return t.jsxs(St,{children:[t.jsx("h5",{children:i("FindAnyAnswer")}),t.jsx("h2",{children:i("SupportCenter")}),t.jsxs("div",{className:"support-search__wrapper",children:[t.jsx("input",{value:e.input,onFocus:z,onBlur:()=>s(!1),onKeyDown:u=>u.code=="Enter"&&A(),onChange:u=>k(u),placeholder:i("EnterYourQuestion"),type:"text",className:`support-search ${_?"filled-input":""}`}),t.jsx(nt,{in:_,timeout:180,classNames:"support-autocomplete",nodeRef:g,mountOnEnter:!0,unmountOnExit:!0,children:t.jsx("div",{ref:g,className:"auto-complete-area",onMouseDown:u=>u.preventDefault(),children:f.map(u=>t.jsx("span",{children:t.jsxs(M,{to:"/learn/"+u.url,click:()=>m(),children:[t.jsx("img",{loading:"lazy",src:u.isRecent?L("/img/icons/support/clock.svg?543534"):L("/img/icons/support/search.svg"),alt:"",width:14,height:14}),t.jsx("p",{dangerouslySetInnerHTML:{__html:S(u.title)}})]})},`article-${u.url}`))})}),e.input?t.jsx("button",{type:"button","aria-label":i("MAPS-SEARCH-CANCEL"),onClick:()=>r(u=>({...u,input:""})),children:t.jsx(at,{size:16,color:"#576375",style:{opacity:.6}})}):t.jsx("button",{onClick:()=>A(),children:t.jsx("img",{loading:"lazy",src:L("/img/icons/support/search.svg"),alt:""})})]})]})},Nt=[1,5],Et=e=>{const r=/<span\b[^>]*>.*?<\/span>/gi;return e.replace(r,"")},Tt=e=>{if(!(!e||typeof window>"u"))try{const r=JSON.parse(window.localStorage.getItem($)),n=String(e),o=[n,...(Array.isArray(r)?r:[]).filter(a=>String(a)!==n)].slice(0,G);window.localStorage.setItem($,JSON.stringify(o))}catch{return}},Lt=w.h1` 71 position: relative; 72 display: block; 73 max-width: 100%; 74 text-transform: none; 75 padding-right: ${e=>e.byPartner?"142px":"0"}; 76 77 @media (min-width: 751px) { 78 padding-top: 24px; 79 padding-bottom: 24px; 80 margin-top: -24px; 81 } 82 83 @media (max-width: 480px) { 84 padding-right: ${e=>e.byPartner?"102px":"0"}; 85 } 86 87 &::after { 88 content: ''; 89 position: absolute; 90 right: 0; 91 top: 50%; 92 width: 130px; 93 transform: translateY(-50%); 94 height: 30px; 95 background: url(${e=>e.image}) no-repeat center center / contain; 96 ${e=>e.byPartner?"display: block;":"display: none;"} 97 98 @media (max-width: 480px) { 99 width: 90px; 100 } 101 } 102`,W=({title:e,text:r,activeNav:n,translationPrefix:o,searchQuery:a})=>{const{t:i,i18n:h}
102=C(["translation","updates","support"]),{pageId:l,updateId:s}=X(),d=gt(),p=H(),g=K(v=>v.root.partners),[x,f]=c.useState(null),_=c.useRef(!1),S=c.useRef(null),m=g.predictor_page?.id,k=h.resolvedLanguage||h.language,z=o.replace(":",""),j=h.hasLoadedNamespace(z),A=E(e),u=Et(A||""),b=l||s,y=a?.output||a?.input||"";c.useEffect(()=>{j&&!A&&d("/404")},[j,d,A]),c.useEffect(()=>{f(null),_.current=!1},[b]),c.useEffect(()=>{o==="support:"&&Tt(b)},[b,o]);const T=v=>({source:v,article_id:String(b??""),article_title:u,article_url:typeof window<"u"?window.location.href:`/learn/${b??""}`,search_query:y,language:k});c.useEffect(()=>{if(o!=="support:"||!j||!b)return;const v=`${b}:${k}`;S.current!==v&&(S.current=v,N("help_article_open",{source:y?"learn_search":"learn_article",article_id:String(b),article_title:u,article_url:window.location.href,search_query:y,language:k}))},[b,u,j,k,y,o]);const et=()=>{p(T("learn_article_feedback"))},D=v=>{_.current||(_.current=!0,f(v),N("help_article_feedback",{feedback:v,...T(y?"learn_search":"learn_article")}),v==="no"&&et())};return j?t.jsxs("div",{className:`support-article ${n===1&&"update-article"}`,children:[t.jsx(Q,{title:`${i("Support")} - ${u}`,descr:i("DESCR")}),t.jsx(Lt,{className:"support-article__title",dangerouslySetInnerHTML:{__html:A},image:ot[m]?.big_logo,byPartner:Nt.some(v=>String(v)===String(l))}),t.jsx("div",{className:"support-article-part",children:t.jsx("p",{dangerouslySetInnerHTML:{__html:E(r)}})}),o==="support:"&&t.jsxs("div",{className:"support-article__feedback",children:[t.jsx("h5",{children:i("learnArticleFeedbackTitle")}),t.jsxs("div",{className:"feedback-buttons",children:[t.jsx("button",{className:x==="yes"?"active":"",disabled:x!==null,onClick:()=>D("yes"),children:i("yes")}),t.jsx("button",{className:x==="no"?"active":"",disabled:x!==null,onClick:()=>D("no"),children:i("no")})]})]})]}):null},Rt=()=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[t.jsx("circle",{cx:"10",cy:"9.99988",r:"7.5",stroke:"#62B34E",strokeWidth:"2"}),t.jsx("path",{d:"M7 9.99994H13",stroke:"#62B34E",strokeWidth:"2",strokeLinecap:"round"}),t.jsx("path",{d:"M10 13V7",stroke:"#62B34E",strokeWidth:"2",strokeLinecap:"round"})]}),zt=()=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[t.jsx("circle",{cx:"10",cy:"9.99988",r:"7.5",stroke:"#FFAD33",strokeWidth:"2"}),t.jsx("path",{d:"M10 7L13 10",stroke:"#FFAD33",strokeWidth:"2",strokeLinecap:"round"}),t.jsx("path",{d:"M10 7L7 10",stroke:"#FFAD33",strokeWidth:"2",strokeLinecap:"round"}),t.jsx("path",{d:"M10 13V7",stroke:"#FFAD33",strokeWidth:"2",strokeLinecap:"round"})]}),It=()=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[t.jsx("circle",{cx:"10",cy:"9.99991",r:"7.5",stroke:"#FF3333",strokeWidth:"2"}),t.jsx("path",{d:"M7 9.99991H13",stroke:"#FF3333",strokeWidth:"2",strokeLinecap:"round"})]}),q=6,$t=4,Mt=w.div` 103 width: 100%; 104`,Ht=w.div` 105 margin-bottom: 27px; 106`,Ft=w.h2` 107 font-size: 24px; 108 font-weight: 700; 109 margin-bottom: 18px; 110 display: flex; 111 align-items: center; 112 gap: 24px; 113 white-space: nowrap; 114 115 span { 116 display: block; 117 height: 4px; 118 width: 100%; 119 border-radius: 24px; 120 background: rgba(82, 101, 133, 0.5); 121 } 122`,Dt=w.div` 123 gap: 12px; 124 display: flex; 125 flex-direction: column; 126 width: 100%; 127`,Ot=w.div` 128 border-radius: 3px; 129 overflow: hidden; 130`,Bt=w.div` 131 display: flex; 132 padding: 13px 18px; 133 align-items: center; 134 gap: 8px; 135 background: linear-gradient( 136 90deg, 137 rgba(101, 217, 72, 0.3) 0%, 138 rgba(54, 115, 38, 0.3) 100% 139 ); 140 color: #62b34e; 141 font-size: 16px; 142 font-weight: 600; 143 144 &.orange { 145 background: linear-gradient( 146 90deg, 147 rgba(217, 144, 72, 0.3) 0%, 148 rgba(115, 84, 38, 0.3) 100% 149 ); 150 color: #ffad33; 151 } 152 153 &.red { 154 background: linear-gradient( 155 90deg, 156 rgba(217, 72, 72, 0.3) 0%, 157 rgba(115, 38, 38, 0.3) 100% 158 ); 159 color: #f33; 160 } 161`,Pt=w.ul` 162 li { 163 display: flex; 164 padding: 9px 20px; 165 align-items: center; 166 background: rgba(82, 101, 133, 0.08); 167 168 &:nth-child(odd) { 169 background: rgba(82, 101, 133, 0.12); 170 } 171 } 172 173 button { 174 padding: 4px 8px; 175 border-radius: 4px; 176 white-space: nowrap; 177 background: rgba(82, 101, 133, 0.24); 178 margin-right: 12px; 179 text-transform: none; 180 color: #aab5c6; 181 font-size: 13px; 182 font-weight: 400; 183 } 184 185 h3 { 186 color: #aab5c6; 187 font-size: 14px; 188 text-transform: none; 189 font-weight: 400; 190 text-align: left; 191 } 192`,Yt=w.div` 193 min-width: 6px; 194 height: 6px; 195 background: #5b657e; 196 border-radius: 50%; 197 display: block; 198 margin-right: 17px; 199`,Ut=w.div` 200 height: 1px; 201`,I=({items:e,icon:r,title:n,className:o,onTagClick:a,t:i,filterItems:h})=>{const l=h?e.filter(h):e;return l.length===0?null:t.jsxs(Ot,{children:[t.jsxs(Bt,{className:o,children:[r,n]}),t.jsx(Pt,{children:l.map((s,d)=>t.jsxs("li",{children:[t.jsx(Yt,{}),t.jsx("button",{onClick:()=>a(s),children:s.name}),t.jsx("h3",{dangerouslySetInnerHTML:{__html:i("updates:"+s.description)}})]},`${s.description}-${d}`))})]})},Wt=({changelog:e})=>{const{t:r}=C(["translation","updates"]),n=R(),o=c.useRef(null),[a,i]=c.useState(q),h=c.useMemo(()=>e.slice(0,a),[e,a]),l=a<e.length;c.useEffect(()=>{i(q)},[e]),c.useEffect(()=>{const p=o.current;if(!l||!p)return;if(typeof window>"u"||typeof window.IntersectionObserver>"u"){i(e.length);return}const g=new window.IntersectionObserver(([x])=>{x.isIntersecting&&c.startTransition(()=>{i(f=>Math.min(f+$t,e.length))})},{rootMargin:"600px 0px"});return g.observe(p),()=>g.disconnect()},[e.length,l,a]);const s=p=>{if(p.url){if(st(p.url)){const g=new URL(pt(p.url));return n(`${g.pathname}${g.search}${g.hash}`)}window.open(p.url)}},d=p=>{const g=new Date(p*1e3),x=["Sunday","Monday","Tuesday","Wednesday","Thursday","Frid
201ay","Saturday"],f=["January","February","March","April","May","June","July","August","September","October","November","December"],_=r(x[g.getDay()]),S=g.getDate(),m=r(f[g.getMonth()]).toLowerCase(),k=g.getFullYear();return`${_}, ${S} ${m} ${k}`};return t.jsxs(Mt,{children:[h.map((p,g)=>t.jsxs(Ht,{children:[t.jsxs(Ft,{children:[d(p.unixtime),t.jsx("span",{})]}),t.jsxs(Dt,{children:[t.jsx(I,{items:p.log_feature,icon:t.jsx(Rt,{}),title:r("Added"),onTagClick:s,t:r}),t.jsx(I,{items:p.log_update,icon:t.jsx(zt,{}),title:r("Improved"),className:"orange",onTagClick:s,t:r}),t.jsx(I,{items:p.log_remove,icon:t.jsx(It,{}),title:r("Removed"),className:"red",onTagClick:s,t:r,filterItems:x=>x.name})]})]},`${p.unixtime}-${g}`)),l&&t.jsx(Ut,{ref:o,"aria-hidden":!0})]})},qt={getChangelog:()=>V("/api/v1/blog/changelog/list",{id_games:2})},Qt={getList:()=>V("/api/v1/blog/learn/list",{id_games:2})},Vt=w.div` 202 position: sticky; 203 top: 0px; 204 align-self: start; 205 display: flex; 206 flex-direction: column; 207 gap: 24px; 208 margin-bottom: 24px; 209 210 @media (max-width: 1367px) { 211 position: relative; 212 213 .banner { 214 display: none; 215 } 216 } 217`,Jt=w.div` 218 font-family: Roboto; 219 220 video, 221 .support-screen { 222 width: 100%; 223 display: block; 224 border-radius: 10px; 225 margin: 40px 0px; 226 } 227 228 .update-article img { 229 border-radius: 10px; 230 width: 100%; 231 } 232 233 .support-search__wrapper { 234 position: relative; 235 } 236 237 .support-search__wrapper input { 238 width: 401px; 239 height: 48px; 240 background: rgb(27 33 45); 241 border: none !important; 242 border-radius: 9px; 243 padding: 0 50px 0 25px; 244 } 245 246 .support-search__wrapper button { 247 position: absolute; 248 right: 0px; 249 padding: 0px 20px; 250 top: 50%; 251 height: 100%; 252 transform: translateY(-50%); 253 background: transparent; 254 } 255 256 input::placeholder, 257 input { 258 font-size: 14px; 259 color: #576375; 260 } 261 262 .support-content { 263 max-width: 1260px; 264 width: 95%; 265 margin: 0 auto; 266 display: grid; 267 gap: 25px; 268 grid-template-columns: 275px 1fr; 269 } 270 271 .slick-slider { 272 margin: 35px 0px; 273 width: calc(100% + 22px); 274 transform: translateX(-11px); 275 } 276 277 .slick-arrow { 278 position: absolute; 279 top: 50%; 280 transform: translateY(-50%); 281 cursor: pointer; 282 } 283 284 .slick-prev { 285 left: -30px; 286 transform: translateY(-50%) rotate(180deg); 287 } 288 289 .slick-next { 290 right: -30px; 291 } 292 293 .support-article { 294 background: linear-gradient( 295 180deg, 296 #11171f 62.96%, 297 rgba(17, 23, 31, 0) 90.38% 298 ); 299 border-radius: 4px; 300 padding: 48px 64px; 301 width: 100%; 302 } 303 304 .support-article__title { 305 display: inline-block; 306 font-weight: 500; 307 font-size: 28px; 308 line-height: 120%; 309 color: #ffffff; 310 } 311 312 .support-article-part { 313 padding-bottom: 15px; 314 } 315 316 .support-article-part figure.table { 317 margin: 0; 318 overflow-x: auto; 319 } 320 321 .support-article-part .bans-table { 322 width: 100%; 323 margin-bottom: 50px; 324 border-collapse: collapse; 325 326 tr { 327 background: transparent; 328 display: grid; 329 grid-template-columns: 1fr 180px; 330 331 &:nth-of-type(2n-1) { 332 background: rgba(20, 27, 35, 0.6); 333 } 334 } 335 336 th { 337 font-weight: 700; 338 font-size: 16px; 339 text-align: center; 340 color: #6080ff; 341 } 342 343 td { 344 font-size: 16px; 345 color: #888b8f; 346 } 347 348 td, 349 th { 350 height: 55px; 351 display: flex; 352 align-items: center; 353 354 &:first-child { 355 padding-left: 35px; 356 } 357 358 &:last-child { 359 justify-content: center; 360 } 361 } 362 } 363 364 .support-table { 365 max-height: 715px; 366 overflow: auto; 367 padding-right: 19px; 368 width: calc(100% + 19px); 369 margin-top: 20px; 370 371 table { 372 border-collapse: collapse; 373 width: 100%; 374 375 img { 376 min-height: 20px; 377 } 378 379 tr { 380 height: 55px; 381 display: flex; 382 align-items: center; 383 justify-content: space-between; 384 border-radius: 13px; 385 386 &:nth-child(2n-1) { 387 background: #141b23; 388 } 389 } 390 391 td, 392 th { 393 &:first-child { 394 text-align: left; 395 padding-left: 30px; 396 justify-content: flex-start; 397 } 398 399 &:last-child { 400 text-align: right; 401 padding-right: 50px; 402 justify-content: flex-end; 403 } 404 } 405 406 th { 407 font-weight: bold; 408 font-size: 16px; 409 display: flex; 410 align-items: center; 411 gap: 12px; 412 color: #6080ff; 413 414 img { 415 width: 24px; 416 } 417 } 418 419 td { 420 font-size: 16px; 421 letter-spacing: 0.12px; 422 display: flex; 423 align-items: center; 424 } 425 } 426 } 427 428 .support-article-part ul.support__dotted-list { 429 padding: 25px 0px; 430 } 431 432 .support-article-part ul.support__dotted-list li { 433 padding-left: 41px; 434 } 435 436 .support-article-part ul.support__dotted-list li::before { 437 content: ''; 438 position: absolute; 439 left: 21px; 440 top: 10px; 441 width: 4px; 442 height: 4px; 443 display: block; 444 border-radius: 50%; 445 background: #888b8f; 446 } 447 448 .support-article-part ul.definition-list, 449 .support-article-part ul.punishment-list { 450 padding-top: 13px; 451 } 452 453 .support-article-part ul.punishment-list li { 454 display: flex; 455 align-items: center; 456 font-size: 14px;
457 line-height: 26px; 458 color: #888b8f; 459 margin-bottom: 18px; 460 } 461 462 .support-article-part ul.punishment-list li img { 463 margin-right: 13px; 464 } 465 466 .support-article-part ul.definition-list li { 467 margin-bottom: 12px; 468 font-size: 14px; 469 line-height: 26px; 470 color: #888b8f; 471 } 472 473 .support-article-part ul.definition-list li span { 474 font-size: 14px; 475 line-height: 26px; 476 color: #5c6bc0; 477 font-weight: 500; 478 } 479 480 .support-article__img { 481 width: 100%; 482 border-radius: 20px; 483 margin-top: 30px; 484 } 485 486 .support-article-part h5 { 487 font-weight: 500; 488 font-size: 16px; 489 padding-top: 10px; 490 opacity: 0.7; 491 margin-bottom: 12px; 492 } 493 494 .support-article-part ol { 495 margin: 25px 0px; 496 } 497 498 .support-article-part li { 499 font-size: 14px; 500 line-height: 26px; 501 color: #888b8f; 502 } 503 504 .support-article-part ol li { 505 padding-left: 40px; 506 } 507 508 .support-article-part li:not(:last-of-type) { 509 margin-bottom: 18px; 510 } 511 512 .support-article-part ol li:before { 513 counter-increment: myCounter; 514 content: counter(myCounter); 515 font-size: 14px; 516 font-weight: 500; 517 background: #19212c; 518 border-radius: 4px; 519 text-align: center; 520 display: block; 521 margin-right: 12px; 522 padding: 3px 7px; 523 top: 2px; 524 border: none; 525 position: absolute; 526 left: 0; 527 height: auto; 528 width: auto; 529 line-height: 16px; 530 margin-bottom: 5px; 531 } 532 533 .support-article__feedback { 534 display: flex; 535 align-items: center; 536 flex-wrap: wrap; 537 width: 100%; 538 min-height: 104px; 539 border-top: 1px solid #171e26; 540 gap: 18px; 541 padding: 24px 0; 542 } 543 544 .support-article__feedback h5 { 545 font-weight: 500; 546 font-size: 16px; 547 opacity: 0.7; 548 } 549 550 .feedback-buttons { 551 display: flex; 552 align-items: center; 553 margin: 0px 7px 0px 17px; 554 } 555 556 .feedback-buttons button { 557 width: 69px; 558 height: 42px; 559 background: #18202b; 560 border-radius: 5px; 561 font-weight: 500; 562 font-size: 14px; 563 } 564 565 .feedback-buttons button.active { 566 background: #6080ff; 567 color: #fff; 568 } 569 570 .feedback-buttons button:first-child { 571 margin-right: 5px; 572 } 573 574 .support-article__feedback p { 575 font-size: 14px; 576 line-height: 21px; 577 color: #888b8f; 578 opacity: 0.3; 579 } 580 581 button { 582 transition: filter 0.2s ease; 583 } 584 585 button:hover { 586 filter: brightness(150%); 587 } 588 589 .support__video span { 590 font-weight: 500; 591 font-size: 13px; 592 letter-spacing: 0.2px; 593 opacity: 0.7; 594 transition: all 0.2s ease; 595 } 596 597 .support__video:hover span { 598 opacity: 1; 599 } 600 601 .support-article-part p, 602 .support-article-part .text { 603 font-size: 14px; 604 line-height: 26px; 605 color: #888b8f; 606 } 607 608 .support-article-part .text { 609 margin-bottom: 20px; 610 } 611 612 .support-article-part p a { 613 font-size: 14px; 614 } 615 616 .ban-dates-img { 617 width: 100%; 618 margin: 0 auto; 619 display: block; 620 } 621 622 .hash-tag { 623 padding: 4px; 624 background: #18202b; 625 border-radius: 5px; 626 font-size: 14px; 627 color: #5c6bc0 !important; 628 } 629 630 .support-article-part li > img { 631 margin: 0px 3px; 632 border-radius: 0; 633 width: 15px; 634 } 635 636 .support__social-link { 637 font-size: 13px; 638 text-decoration-line: underline; 639 color: #5c6bc0; 640 margin-left: 10px; 641 top: -2px; 642 } 643 644 .support__social-link:hover { 645 color: #5c6bc0; 646 text-decoration-line: underline; 647 } 648 649 .support__social-link img { 650 margin-right: 7px; 651 width: 16px; 652 top: 5px; 653 border-radius: 0; 654 } 655 656 .support-search-item { 657 margin-bottom: 35px; 658 } 659 660 .support-search-item h3 { 661 font-weight: 500; 662 font-size: 16px; 663 margin-bottom: 12px; 664 text-align: left; 665 color: #6080ff; 666 text-transform: none; 667 } 668 669 .support-search-item span { 670 font-size: 14px;
671 line-height: 26px; 672 color: #888b8f; 673 } 674 675 .support-search-empty { 676 display: flex; 677 flex-direction: column; 678 align-items: flex-start; 679 gap: 18px; 680 } 681 682 .support-search-empty p { 683 color: #888b8f; 684 font-size: 14px; 685 line-height: 22px; 686 } 687 688 .support-search-empty button { 689 height: 42px; 690 padding: 0 18px; 691 border-radius: 5px; 692 background: #6080ff; 693 color: #fff; 694 font-size: 14px; 695 font-weight: 500; 696 } 697 698 .support-menu__arrow { 699 margin-right: 25px; 700 transition: all 0.2s ease; 701 } 702 703 .ss { 704 padding-top: 40px; 705 } 706 707 .stretched { 708 width: 100%; 709 } 710 711 .location_ping > img { 712 top: -14px !important; 713 } 714 715 .auto-complete-area { 716 display: block; 717 width: 100%; 718 padding: 6px 20px 14px 26px; 719 background: rgb(25, 33, 44); 720 border-radius: 0px 0px 9px 9px; 721 position: absolute; 722 left: 0; 723 top: 100%; 724 z-index: 3; 725 opacity: 0; 726 pointer-events: none; 727 transform: translateY(-6px) scale(0.98); 728 transform-origin: top center; 729 will-change: opacity, transform; 730 } 731 732 .auto-complete-area span a { 733 max-width: 100%; 734 padding: 10px 0px; 735 display: flex; 736 cursor: pointer; 737 align-items: center; 738 } 739 740 .auto-complete-area span p { 741 color: #919cab; 742 font-size: 14px; 743 line-height: 16px; 744 text-overflow: ellipsis; 745 white-space: nowrap; 746 overflow: hidden; 747 transition: color 0.2s ease; 748 } 749 750 .auto-complete-area span:hover p { 751 color: #fff; 752 } 753 754 .auto-complete-area span p strong { 755 color: #fff; 756 font-weight: 700; 757 } 758 759 .auto-complete-area span img { 760 margin-right: 13px; 761 } 762 763 .filled-input { 764 border-radius: 9px 9px 0 0 !important; 765 } 766 767 .support-autocomplete-enter, 768 .support-autocomplete-appear { 769 opacity: 0; 770 transform: translateY(-6px) scale(0.98); 771 } 772 773 .support-autocomplete-enter-active, 774 .support-autocomplete-appear-active { 775 opacity: 1; 776 pointer-events: auto; 777 transform: translateY(0) scale(1); 778 transition: 779 opacity 0.18s ease, 780 transform 0.18s ease; 781 } 782 783 .support-autocomplete-enter-done { 784 opacity: 1; 785 pointer-events: auto; 786 transform: translateY(0) scale(1); 787 } 788 789 .support-autocomplete-exit { 790 opacity: 1; 791 pointer-events: auto; 792 transform: translateY(0) scale(1); 793 } 794 795 .support-autocomplete-exit-active { 796 opacity: 0; 797 pointer-events: none; 798 transform: translateY(-6px) scale(0.98); 799 transition: 800 opacity 0.16s ease, 801 transform 0.16s ease; 802 } 803 804 @media all and (max-width: 1670px) { 805 .slick-next { 806 right: -10px !important; 807 } 808 809 .slick-prev { 810 left: -10px !important; 811 } 812 } 813 814 @media all and (max-width: 1450px) { 815 .support-content { 816 width: 100%; 817 padding: 0 50px; 818 grid-template-columns: 275px 1fr; 819 } 820 821 .support-content > * { 822 width: 100%; 823 } 824 825 .support__video-wrapper::before { 826 width: 32px !important; 827 height: 32px !important; 828 } 829 } 830 831 @media all and (max-width: 1366px) { 832 .support-screen, 833 video { 834 width: 100% !important; 835 } 836 837 .support-content { 838 grid-template-columns: 1fr; 839 } 840 841 .ban-dates-img { 842 width: 100% !important; 843 } 844 } 845 846 @media all and (max-width: 750px) { 847 .support-article-part { 848 padding-top: 20px; 849 } 850 851 .support-search__wrapper input, 852 .support-search__wrapper { 853 width: 100%; 854 } 855 856 .support-article { 857 padding: 24px; 858 } 859 860 .support-article__title { 861 font-size: 24px; 862 } 863 864 .support-content { 865 padding: 0 16px; 866 } 867 } 868`,ae=()=>{const{t:e}=C(["translation","support"]);R();const r=J(),{pageId:n,updateId:o}=X(),a=K(m=>m.root.changelog),[i,h]=c.useState(n?2:1),[l,s]=c.useState(null),[d,p]=c.useState({input:"",output:""}),g=()=>{const m=n;return m=="search"?"search":m=="update"?"update":m||"updates"},[x,f]=c.useState(g());c.useEffect(()=>{a||qt.getChangelog().then(m=>{r(lt(m))})},[a]),c.useEffect(()=>{Qt.getList().then(m=>s(m?.data))},[]);const _=c.useMemo(()=>vt(l?.articles??[]),[l,e]);c.useEffect(()=>{N("help_page_open",{is_auth:!!O.get("multitoken"),language:O.get("lang_g")})},[]),c.useEffect(()=>{f(g())},[n,o]);const S=()=>{switch(x){case"search":return t.jsx(kt,{articles:_,searchQuery:d});case"updates":return t.jsx(Wt,{changelog:a});case"update":return t.jsx(W,{title:`{{updates:upd-${o}-title}}`,text:`{{updates:upd-${o}}}`,activeNav:i,translationPrefix:"updates:",searchQuery:d});default:{const m=l.articles.find(k=>k.url===String(x));return t.jsx(W,{title:m?.title,text:m?.text,activeNav:i,translationPrefix:"support:",searchQuery:d})}}};return!a||!l?t.jsx(ct,{}):t.jsxs(Jt,{className:"support-page",children:[t.jsx(Q,{title:`CYBERSHOKE - ${e("Support")}`,descr:e("DESCR")}),t.jsx(Ct,{searchQuery:d,setSearchQuery:p,activeNav:i,setActiveNav:h,articles:_}),t.jsxs("div",{className:"support-content",children:[t.jsxs(Vt,{children:[t.jsx(mt,{categories:l.categories,articles:_,setActiveNav:h,activeNav:i,activeArticle:x,setActiveArticle:f,clearSearch:()=>p({input:"",output:""})}),t.jsx(dt,{id:"learn_b_1",className:"banner"})]}),S()]})]})};export{ae as default};
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.