1import{j as e,R as Bn,r as x,i as Z}from"./vendor-react-BGN68_Lp.js";import{G as V,g as b,dM as On,t as Y,q as ie,dN as Ut,dO as Ji,N as U,dP as Ne,al as pe,dk as ke,c as I,dQ as Ye,au as At,y as H,dR as Rt,dS as it,b as B,ad as ne,dT as Hn,dU as Fn,dV as Qi,dW as Wn,dX as Vn,dY as Gn,dZ as Ce,d_ as en,d$ as It,u as oe,e0 as nt,e1 as me,ao as Un,e2 as Zn,e3 as tn,e4 as ot,s as fe,P as Se,am as Yn,e5 as qn,e6 as Dt,e7 as Kn,e8 as _e,e9 as Xn,d0 as Zt,dK as Ae,ea as Jn,eb as Qn,ec as Ct,as as nn,aa as es,c_ as ts,ed as is,ee as K,ef as sn,eg as J,eh as ns,ei as _t,ej as ss,O as as,ek as an,el as rs,v as ct,em as os,ak as lt,bg as Yt,en as cs,eo as dt,ep as ls,ba as rn,w as pt,aq as ds,eq as qt,er as Kt}from"./index-uear5Vpj.js";import{u as _,a as F}from"./vendor-redux-D8sX5Eqv.js";import{g as i,E as ps}from"./vendor-styled-pkIKgjgv.js";import{u as R}from"./vendor-i18n-BWleq_Sd.js";import{P as xs,a as gs,b as ms,c as hs,d as us,R as fs,e as bs,f as js,g as vs,h as ws,i as ks,j as ys,L as Cs,k as _s,l as Ps,m as Ls,C as zs,S as Ts,n as Ss,o as $s,p as Ms,q as Es,r as Ns,s as As,t as Rs,u as Is,v as Ds,w as Bs,x as Os}from"./PickemIcons-B_-aYwWX.js";import{a as Hs,b as Re}from"./vendor-router-CYD8mbvC.js";import{p as X}from"./pickemApi-BdXgbqao.js";import{u as Fs}from"./useHorizontalScroll-CeR4nMTb.js";import{p as Ws}from"./premiumGroups-B_5uzJUp.js";import{a as Vs,B as Gs}from"./BoostButton.styles-Bh3jF7vJ.js";import{B as on}from"./index-CGTDlQVZ.js";import{L as Us}from"./LiveDrops-BCatBFfj.js";import{L as xt}from"./AwardListTitle.styles-csTcIf4F.js";import{L as cn,P as ln,a as dn,A as Zs,b as Xt,H as pn,W as xn,R as gn}from"./Table.styles-3axjGgWU.js";import{P as Ys,a as qs,b as Ks}from"./premium-info-m8qXusx1.js";import"./vendor-socket-DSYo_sTV.js";const Xs=i.div` 2 margin-bottom: 30px; 3 4 @media (max-width: 1000px) { 5 display: none; 6 } 7`,Js=i.div``,Qs=i.li` 8 border-radius: 6px; 9 margin-bottom: 3px; 10 display: grid; 11 grid-template-columns: 1fr 1fr 1fr; 12 background: #131821; 13 padding: ${t=>t.ruPartner?"6px 16px":"16px"}; 14 15 & > div { 16 display: flex; 17 align-items: center; 18 } 19`,ea=i.div` 20 display: flex; 21 flex-direction: column; 22 align-items: center; 23 gap: 4px; 24 25 & > div { 26 display: flex; 27 align-items: center; 28 } 29`,ta=i.span` 30 font-weight: 400; 31 font-size: 14px; 32 color: rgba(255, 255, 255, 0.7); 33 text-transform: lowercase; 34`,mn=i.button` 35 height: 32px; 36 background: #f8e800; 37 border-radius: 6px; 38 padding: 0 24px; 39 font-weight: 500; 40 font-size: 12px; 41 color: #000; 42`,Jt=i.div` 43 display: flex; 44 align-items: center; 45 gap: 8px; 46 47 span { 48 font-weight: 500; 49 font-size: 14px; 50 width: 140px; 51 } 52 53 img { 54 width: 32px; 55 height: 32px; 56 object-fit: contain; 57 } 58 59 &.left { 60 span { 61 text-align: right; 62 } 63 } 64`,Qt=i.div` 65 margin: 0 24px; 66 padding: 4px 0; 67 width: 41px; 68 display: flex; 69 justify-content: center; 70 border-radius: 3px; 71 border: 1px solid #546077; 72 font-weight: 500; 73 font-size: 12px; 74 transition: filter 0.2s ease; 75 cursor: pointer; 76 77 &:hover { 78 filter: brightness(130%); 79 } 80`,ia=i.div` 81 font-weight: 900; 82 font-size: 16px; 83 line-height: 19px; 84 margin: 0 ${t=>t.long?"46px":"14px"}; 85 color: rgba(189, 205, 237, 0.5); 86`,hn=i.div` 87 padding: 6px 16px; 88 background: #c93e34; 89 border-radius: 27px; 90 font-weight: 500; 91 font-size: 12px; 92`,na=i.div` 93 margin: 0px 23px; 94 display: flex; 95 96 span { 97 font-weight: 400; 98 font-size: 18px; 99 line-height: 21px; 100 color: #ffffff; 101 102 &.won { 103 color: #64df3e; 104 } 105 106 &:nth-child(2) { 107 margin: 0 12px; 108 } 109 } 110`,sa=i(hn)` 111 background: rgba(96, 128, 255, 0.12); 112 color: #6080ff; 113`,aa=i.div` 114 justify-content: flex-end; 115 116 img { 117 margin-right: 24px; 118 width: 24px; 119 } 120`,ra=i.img` 121 height: 12px; 122 cursor: pointer; 123`,oa=i(mn)` 124 background: rgba(96, 128, 255, 0.12); 125 color: #6080ff; 126`,ca=({matches:t})=>{const{t:n}=R(),{teams:a,partner:c}=_(r=>r.pickem),m=_(r=>r.root.partnersLinks),u=r=>{const l=["January","February","March","April","May","June","July","August","September","October","November","December"];let f=new Date(r*1e3),v=n(l[f.getMonth()]),g=f.getDate(),j=f.getUTCFullYear();return`${g} ${v} ${j}, ${On(r).split(":").slice(0,2).join(":")}`};if(!(!t||t.length<1))return e.jsx(Xs,{children:e.jsx(Js,{delay:30,children:Object.values(t).map((r,l)=>e.jsxs(Qs,{ruPartner:c==="betboom",children:[e.jsx("div",{children:r.id_team_win?e.jsx(sa,{children:n("MatchFinished")}):r.live?e.jsx(hn,{children:n("GameIsLive")}):e.jsx(ta,{children:u(r.unixtime_match_start)})}),e.jsxs(ea,{children:[e.jsxs("div",{children:[e.jsx("div",{children:e.jsxs(Jt,{className:"left",children:[e.jsx("span",{children:a[r.id_team_1].name}),e.jsx("img",{loading:"lazy",src:V(a[r.id_team_1].assets.logo),alt:""})]})}),r.id_team_win?e.jsxs(na,{children:[e.jsx("span",{className:r.bo_score_map[1]>r.bo_score_map[2]&&"won",children:r.bo_score_map[1]}),e.jsx("span",{children:"â"}),e.jsx("span",{className:r.bo_score_map[2]>r.bo_score_map[1]&&"won",children:r.bo_score_map[2]})]}):e.jsx(ia,{long:c==="betboom",children:"VS"}),e.jsx("div",{children:e.jsxs(Jt,{children:[e.jsx("img",{loading:"lazy",src:V(a[r.id_team_2].assets.logo),alt:""}),e.jsx("span",{children:a[r.id_team_2].name})]})})]}),c==="betboom"&&e.jsxs("div",{onClick:()=>{Y("partner_click",{partner:"betboom",source:"pickem_matches_logo"}),window.open(r.betting.rates?r.betting.rates.url:m.betboom)},children:[e.jsx(Qt,{children:r.betting.rates?r.betting.rates.team_1:"-"}),e.jsx(ra,{src:b("/pages/pickem/betboom-logo.svg"),alt:""}),e.jsx(Qt,{children:r.betting.rates?r.betting.rates.team_2:"-"})]})]}),e.jsx(aa,{children:c==="betboom"?e.jsx(mn,{onClick:()=>{Y("partner_click",{partner:"betboom",source:"pickem_matches_button"}),window.open(r.betting.rates?r.betting.rates.url:m.betboom)},children:n("MakeBet")}):e.jsx(oa,{onClick:()=>window.open(`https://${r.urls.hltv}`),children:n("MoveTo")})})]},l))})})},la=i.div` 127 margin-bottom: 2px; 128 border-radius: 4px; 129 font-weight: 400; 130 font-size: 14px; 131 color: #cfd8e5; 132 display: flex; 133 align-items: center; 134 padding: 2px 4px; 135 /* white-space: nowrap; */ 136 137 &.success { 138 background: linear-gradient( 139 90deg,
140 rgba(91, 234, 174, 0.24) 0%, 141 rgba(91, 234, 174, 0) 100% 142 ); 143 color: #cfd8e5; 144 } 145 146 &.unsuccess { 147 background: linear-gradient( 148 90deg, 149 rgba(234, 91, 91, 0.24) 0%, 150 rgba(234, 91, 91, 0) 100% 151 ); 152 color: #cfd8e5; 153 } 154 155 img { 156 width: 16px; 157 margin-right: 6px; 158 } 159`,da=()=>{const{t}=R(),n=_(a=>a.pickem.tab_status);return e.jsx("div",{children:n.map((a,c)=>e.jsxs(la,{className:a.className,children:[e.jsx("img",{loading:"lazy",src:a.icon,alt:""}),ie(a.text)]}))})};Bn.memo(da);const pa=t=>x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:36,height:36,viewBox:"0 0 36 36",fill:"none",...t},x.createElement("path",{d:"M10.5 4.5C7.18629 4.5 4.5 7.18629 4.5 10.5V25.5C4.5 28.8137 7.18629 31.5 10.5 31.5H12.75C13.5784 31.5 14.25 32.1716 14.25 33C14.25 33.8284 13.5784 34.5 12.75 34.5H10.5C5.52944 34.5 1.5 30.4706 1.5 25.5V10.5C1.5 5.52944 5.52944 1.5 10.5 1.5H25.5C30.4706 1.5 34.5 5.52944 34.5 10.5C34.5 11.3284 33.8284 12 33 12C32.1716 12 31.5 11.3284 31.5 10.5C31.5 7.18629 28.8137 4.5 25.5 4.5H10.5Z",fill:"#546077"}),x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18 26.25C18 25.4216 18.6716 24.75 19.5 24.75H21.7024C23.1667 22.3883 25.1971 19.7953 27.0693 17.9092C27.7454 17.2281 28.4259 16.6133 29.077 16.1225C29.7078 15.647 30.3997 15.2194 31.0931 15.0072C31.7859 14.7952 32.8235 14.715 33.6419 15.5029C34.3527 16.1872 34.5 17.1788 34.5 18L34.5 33C34.5 33.8284 33.8284 34.5 33 34.5C32.1716 34.5 31.5 33.8284 31.5 33V27.75H23.4337C23.2515 28.096 23.0928 28.4247 22.9617 28.7305L20.8787 33.5909C20.5524 34.3523 19.6706 34.705 18.9091 34.3787C18.1477 34.0524 17.795 33.1706 18.1213 32.4091L20.1181 27.75H19.5C18.6716 27.75 18 27.0784 18 26.25ZM25.2973 24.75H31.5V18.0998C31.3278 18.2011 31.1219 18.3379 30.8828 18.5181C30.3803 18.897 29.8091 19.4075 29.1984 20.0227C27.868 21.3629 26.4683 23.0778 25.2973 24.75Z",fill:"#546077"})),xa=t=>x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:36,height:36,viewBox:"0 0 36 36",fill:"none",...t},x.createElement("path",{d:"M10.5 4.5C7.18629 4.5 4.5 7.18629 4.5 10.5V25.5C4.5 28.8137 7.18629 31.5 10.5 31.5H13.5C14.3284 31.5 15 32.1716 15 33C15 33.8284 14.3284 34.5 13.5 34.5H10.5C5.52944 34.5 1.5 30.4706 1.5 25.5V10.5C1.5 5.52944 5.52944 1.5 10.5 1.5H25.5C30.4706 1.5 34.5 5.52944 34.5 10.5V11.25C34.5 12.0784 33.8284 12.75 33 12.75C32.1716 12.75 31.5 12.0784 31.5 11.25V10.5C31.5 7.18629 28.8137 4.5 25.5 4.5H10.5Z",fill:"#546077"}),x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M30.9489 22.5639C32.2753 22.786 33.2952 23.5657 33.9709 24.5676C34.7437 25.7135 35.0808 27.1493 35.0808 28.5C35.0808 29.8507 34.7437 31.2865 33.9709 32.4324C33.1679 33.6231 31.8787 34.5 30.1667 34.5H21.375C20.3395 34.5 19.5 33.6605 19.5 32.625V25.5H18C17.1716 25.5 16.5 24.8284 16.5 24C16.5 23.1716 17.1716 22.5 18 22.5H19.5V16.875C19.5 15.8395 20.3395 15 21.375 15H26.7857C28.3357 15 29.5428 15.7305 30.316 16.7847C31.0573 17.7953 31.3801 19.0618 31.3801 20.25C31.3801 21.0187 31.245 21.8202 30.9489 22.5639ZM22.5 25.5V31.5H30.1667C30.7307 31.5 31.1485 31.2519 31.4836 30.7551C31.8489 30.2135 32.0808 29.3993 32.0808 28.5C32.0808 27.6007 31.8489 26.7865 31.4836 26.2449C31.1485 25.7481 30.7307 25.5 30.1667 25.5H22.5ZM22.5 22.5V18H26.7857C27.2986 18 27.6388 18.207 27.897 18.559C28.1872 18.9547 28.3801 19.5632 28.3801 20.25C28.3801 20.9368 28.1872 21.5453 27.897 21.941C27.6388 22.293 27.2986 22.5 26.7857 22.5H22.5Z",fill:"#546077"})),ga=t=>x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:36,height:36,viewBox:"0 0 36 36",fill:"none",...t},x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5 4.5C7.18629 4.5 4.5 7.18629 4.5 10.5V25.5C4.5 28.8137 7.18629 31.5 10.5 31.5H25.5C28.8137 31.5 31.5 28.8137 31.5 25.5V10.5C31.5 7.18629 28.8137 4.5 25.5 4.5H10.5ZM1.5 10.5C1.5 5.52944 5.52944 1.5 10.5 1.5H25.5C30.4706 1.5 34.5 5.52944 34.5 10.5V25.5C34.5 30.4706 30.4706 34.5 25.5 34.5H10.5C5.52944 34.5 1.5 30.4706 1.5 25.5V10.5Z",fill:"#546077"}),x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.0695 8.80519C20.5953 9.05256 20.931 9.58139 20.931 10.
1591625V25.8375C20.931 26.6659 20.2594 27.3375 19.431 27.3375C18.6026 27.3375 17.931 26.6659 17.931 25.8375V13.351L15.2754 15.5488C14.6372 16.077 13.6916 15.9878 13.1635 15.3496C12.6353 14.7114 12.7245 13.7659 13.3627 13.2377L18.4746 9.00693C18.9223 8.63642 19.5437 8.55782 20.0695 8.80519Z",fill:"#546077"})),ma=t=>x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:36,height:36,viewBox:"0 0 36 36",fill:"none",...t},x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5 4.5C7.18629 4.5 4.5 7.18629 4.5 10.5V25.5C4.5 28.8137 7.18629 31.5 10.5 31.5H25.5C28.8137 31.5 31.5 28.8137 31.5 25.5V10.5C31.5 7.18629 28.8137 4.5 25.5 4.5H10.5ZM1.5 10.5C1.5 5.52944 5.52944 1.5 10.5 1.5H25.5C30.4706 1.5 34.5 5.52944 34.5 10.5V25.5C34.5 30.4706 30.4706 34.5 25.5 34.5H10.5C5.52944 34.5 1.5 30.4706 1.5 25.5V10.5Z",fill:"#546077"}),x.createElement("path",{d:"M17.6372 8.6625C14.9947 8.6625 12.7958 10.5471 12.3052 13.0448C12.1456 13.8577 12.6751 14.6462 13.488 14.8058C14.3009 14.9655 15.0893 14.436 15.249 13.6231C15.4685 12.5053 16.4561 11.6625 17.6372 11.6625C18.9533 11.6625 20.0254 12.707 20.0698 14.0123L20.0177 14.4203C19.8488 15.0972 19.4472 16.0037 18.6318 17.1687C16.1955 20.6498 14.7521 22.5399 13.9606 23.5763L13.891 23.6674C13.5547 24.1075 13.2802 24.4667 13.126 24.7181C13.0783 24.7958 13.0162 24.9039 12.9621 25.0306C12.9139 25.1435 12.8273 25.3721 12.8211 25.6668C12.8138 26.0155 12.9223 26.4186 13.2237 26.7529C13.4824 27.0398 13.7775 27.1554 13.9143 27.201C14.0672 27.2519 14.2274 27.2779 14.3885 27.2779C14.9411 27.2779 16.8962 27.2839 18.7176 27.29L22.2175 27.302C23.0459 27.305 23.72 26.6358 23.723 25.8074C23.7259 24.979 23.0567 24.305 22.2283 24.302L18.7275 24.29L17.1891 24.285C18.0563 23.1326 19.315 21.4246 21.0897 18.8889C22.0785 17.476 22.6861 16.1961 22.9565 15.03C22.9679 14.9809 22.9768 14.9313 22.9832 14.8813L23.0591 14.2866C23.0672 14.2235 23.0712 14.16 23.0712 14.0965C23.0712 11.0954 20.6383 8.6625 17.6372 8.6625Z",fill:"#546077"})),ha=t=>x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:36,height:36,viewBox:"0 0 36 36",fill:"none",...t},x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5 4.5C7.18629 4.5 4.5 7.18629 4.5 10.5V25.5C4.5 28.8137 7.18629 31.5 10.5 31.5H25.5C28.8137 31.5 31.5 28.8137 31.5 25.5V10.5C31.5 7.18629 28.8137 4.5 25.5 4.5H10.5ZM1.5 10.5C1.5 5.52944 5.52944 1.5 10.5 1.5H25.5C30.4706 1.5 34.5 5.52944 34.5 10.5V25.5C34.5 30.4706 30.4706 34.5 25.5 34.5H10.5C5.52944 34.5 1.5 30.4706 1.5 25.5V10.5Z",fill:"#546077"}),x.createElement("path",{d:"M24.1667 21.0833C24.1667 24.2085 21.6252 26.75 18.5 26.75H14.25C13.8743 26.75 13.5139 26.6007 13.2483 26.3351C12.9826 26.0694
15912.8333 25.7091 12.8333 25.3333C12.8333 24.9576 12.9826 24.5973 13.2483 24.3316C13.5139 24.0659 13.8743 23.9167 14.25 23.9167H18.5C20.0626 23.9167 21.3333 22.6459 21.3333 21.0833C21.3333 19.5208 20.0626 18.25 18.5 18.25H15.6667C15.2909 18.25 14.9306 18.1007 14.6649 17.8351C14.3993 17.5694 14.25 17.2091 14.25 16.8333C14.25 16.4576 14.3993 16.0973 14.6649 15.8316C14.9306 15.5659 15.2909 15.4167 15.6667 15.4167H18.5C18.8648 15.4003 19.2092 15.244 19.4615 14.9801C19.7139 14.7162 19.8547 14.3651 19.8547 14C19.8547 13.6349 19.7139 13.2838 19.4615 13.0199C19.2092 12.756 18.8648 12.5996 18.5 12.5833H14.25C13.8743 12.5833 13.5139 12.4341 13.2483 12.1684C12.9826 11.9027 12.8333 11.5424 12.8333 11.1667C12.8333 10.7909 12.9826 10.4306 13.2483 10.1649C13.5139 9.89926 13.8743 9.75 14.25 9.75H18.5C20.8432 9.75 22.75 11.6568 22.75 14C22.75 14.9633 22.4157 15.8431 21.8731 16.5571C22.5822 17.0801 23.1589 17.7619 23.5572 18.5479C23.9555 19.3339 24.1642 20.2022 24.1667 21.0833Z",fill:"#546077"})),ua=t=>x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:36,height:36,viewBox:"0 0 36 36",fill:"none",...t},x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.4999 4.5C7.18623 4.5 4.49994 7.18629 4.49994 10.5V25.5C4.49994 28.8137 7.18623 31.5 10.4999 31.5H11.9999C12.8284 31.5 13.4999 32.1716 13.4999 33C13.4999 33.8284 12.8284 34.5 11.9999 34.5H10.4999C5.52938 34.5 1.49994 30.4706 1.49994 25.5V10.5C1.49994 5.52944 5.52938 1.5 10.4999 1.5H25.4999C30.4705 1.5 34.4999 5.52944 34.4999 10.5V11.25C34.4999 12.0784 33.8284 12.75 32.9999 12.75C32.1715 12.75 31.4999 12.0784 31.4999 11.25V10.5C31.4999 7.18629 28.8136 4.5 25.4999 4.5H10.4999ZM21.1532 10.8242L21.1685 10.8309L21.1546 10.8248L21.1561 10.8255L21.1597 10.827L21.1685 10.8309L21.1931 10.842C21.2125 10.8508 21.238 10.8625 21.2692 10.8773C21.3314 10.9067 21.4164 10.9482 21.5207 11.0021C21.7289 11.1099 22.0157 11.2682 22.3534 11.4807C23.026 11.904 23.9164 12.5525 24.7923 13.4594C26.0095 14.7196 27.2013 16.4867 27.7301 18.8113C27.74 18.7895 27.7499 18.7676 27.7596 18.7457C27.9912 18.2252 28.1586 17.715 28.2682 17.3308C28.3225 17.1405 28.3613 16.9855 28.386 16.8813C28.3983 16.8293 28.407 16.7902 28.4122 16.766L28.4175 16.7412C28.5313 16.1692 28.9665 15.7143 29.533 15.576C30.0996 15.4377 30.6949 15.6403 31.0595 16.0954L31.0607 16.0968L31.0621 16.0986L31.0658 16.1033L31.0765 16.1168L31.1108 16.1609C31.1393 16.1977 31.1785 16.2492 31.227 16.3146C31.324 16.4452 31.4584 16.6318 31.6177 16.8675C31.9355 17.3377 32.3566 18.0096 32.7779 18.8278C33.6085 20.4407 34.4999 22.737 34.4999 25.2323C34.5 30.3921 30.2047 34.5 25 34.5C19.7952 34.5 15.4999 30.392 15.4999 25.2319C15.5002 22.8047 16.8615 20.6564 18.0351 19.137C19.005 17.8813 19.3065 16.2903 19.3255 14.8942C19.3348 14.2101 19.2754 13.612 19.2139 13.1877C19.1833 12.9766 19.1526 12.8114 19.1307 12.7035C19.1197 12.6496 19.111 12.6103 19.1057 12.5869L19.1005 12.5647C18.9614 12.0107 19.1492 11.4262 19.5848 11.0565C20.0206 10.6865 20.6289 10.5964 21.1532 10.8242ZM30.2534 20.485C29.9831 21.0169 29.6448 21.5703 29.2252 22.0686C28.667 22.7313 27.9021 23.3696 26.8936 23.655C26.4232 23.7881 25.9175 23.6836 25.5383 23.375C25.1592 23.0664 24.9542 22.5925 24.989 22.1048C25.2092 19.0197 23.9594 16.9153 22.6344 15.5435C22.5291 15.4345 22.4234 15.3302 22.3179 15.2305C22.2572 16.9186 21.851 19.1044 20.4093 20.9709C19.3017 22.4048 18.5001 23.866 18.4999 25.2319M30.2534 20.485C30.9205 21.8472 31.4999 23.5325 31.4999 25.2323C31.5 28.6525 28.6318 31.5 25 31.5C21.3682 31.5 18.5 28.6525 18.4999 25.2319",fill:"#546077"})),fa=t=>x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:36,height:36,viewBox:"0 0 36 36",fill:"none",...t},x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 17.0431V25.5C1.5 30.4706 5.52944 34.5 10.5 34.5H12.7466L12.75 34.5L12.7534 34.5H23.2466L23.25 34.5L23.2534 34.5H25.5C30.4706 34.5 34.5 30.4706 34.5 25.5V17.7426C34.5 16.1513 33.8679 14.6252 32.7426 13.5L22.1829 2.94026C19.8869 0.6443 16.1811 0.591362 13.8205 2.82082L3.38026 12.6811C2.18012 13.8145 1.5 15.3924 1.5 17.0431ZM24.75 31.5H25.5C28.8137 31.5 31.5 28.8137 31.5 25.5V17.7426C31.5 16.947 31.1839 16.1839 30.6213 15.6213L20.0616 5.06158C18.9136 3.9136 17.0607 3.88713 15.8804 5.00186L
1595.44013 14.8621C4.84006 15.4288 4.5 16.2178 4.5 17.0431V25.5C4.5 28.8137 7.18629 31.5 10.5 31.5H11.25V24.6923C11.25 22.5487 12.0783 20.8337 13.4002 19.6715C14.6933 18.5347 16.3723 18 18 18C19.6277 18 21.3067 18.5347 22.5998 19.6715C23.9217 20.8337 24.75 22.5487 24.75 24.6923V31.5ZM14.25 31.5H21.75V24.6923C21.75 23.3744 21.2658 22.4933 20.619 21.9246C19.9433 21.3307 18.9973 21 18 21C17.0027 21 16.0567 21.3307 15.381 21.9246C14.7342 22.4933 14.25 23.3744 14.25 24.6923V31.5Z",fill:"#546077"})),ba=t=>x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:36,height:36,viewBox:"0 0 36 36",fill:"none",...t},x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 18C1.5 8.88727 8.8873 1.49997 18 1.49997C27.1127 1.49997 34.5 8.88727 34.5 18C34.5 27.1127 27.1127 34.5 18 34.5C8.8873 34.5 1.5 27.1127 1.5 18ZM4.58239 16.5H10.65C10.8444 15.5424 11.2212 14.6511 11.7426 13.8639L7.45216 9.57342C5.89857 11.5156 4.87023 13.8962 4.58239 16.5ZM9.57349 7.45211L13.8639 11.7425C14.6511 11.2212 15.5424 10.8444 16.5 10.65V4.58236C13.8962 4.87019 11.5156 5.89853 9.57349 7.45211ZM10.65 19.5H4.58239C4.87022 22.1037 5.89856 24.4843 7.45215 26.4265L11.7426 22.136C11.2212 21.3488 10.8444 20.4575 10.65 19.5ZM16.5 31.4176C13.8962 31.1297 11.5156 30.1014 9.57346 28.5478L13.8639 24.2574C14.6511 24.7788 15.5424 25.1556 16.5 25.3499L16.5 31.4176ZM19.5 4.58236V10.65C20.4576 10.8444 21.3489 11.2212 22.1361 11.7426L26.4265 7.45212C24.4844 5.89853 22.1038 4.8702 19.5 4.58236ZM28.5478 9.57343C30.1014 11.5156 31.1298 13.8962 31.4176 16.5H25.35C25.1556 15.5424 24.7788 14.6511 24.2574 13.8639L28.5478 9.57343ZM19.5 25.3499C20.4576 25.1556 21.3489 24.7787 22.1361 24.2574L26.4265 28.5478C24.4844 30.1014 22.1038 31.1297 19.5 31.4176V25.3499ZM28.5479 26.4265L24.2574 22.136C24.7788 21.3488 25.1556 20.4575 25.35 19.5H31.4176C31.1298 22.1037 30.1014 24.4843 28.5479 26.4265ZM18 13.5C15.5147 13.5 13.5 15.5147 13.5 18C13.5 20.4852 15.5147 22.5 18 22.5C20.4853 22.5 22.5 20.4852 22.5 18C22.5 15.5147 20.4853 13.5 18 13.5Z",fill:"#546077"})),ja=t=>
159x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:36,height:36,viewBox:"0 0 36 36",fill:"none",...t},x.createElement("path",{d:"M27.0259 6.7175L28.1541 5.58927L25.8976 3.33276C24.4002 1.83892 22.3715 0.999979 20.2564 0.999969C18.1413 0.999959 16.1125 1.83888 14.6151 3.33271L3.33261 14.6152C1.83879 16.1126 0.999868 18.1414 0.999878 20.2565C0.999888 22.3716 1.83883 24.4003 3.33267 25.8977L5.58918 28.1542L6.71741 27.026C7.01664 26.7267 7.42248 26.5586 7.84564 26.5586C8.26881 26.5586 8.67465 26.7267 8.97387 27.026C9.2731 27.3252 9.4412 27.731 9.4412 28.1542C9.4412 28.5774 9.2731 28.9832 8.97387 29.2824L7.84564 30.4107L10.1022 32.6672C11.5995 34.161 13.6283 35 15.7434 35C17.8585 35 19.8872 34.1611 21.3846 32.6672L32.6671 21.3847C34.161 19.8873 34.9999 17.8586 34.9999 15.7435C34.9999 13.6284 34.1609 11.5996 32.6671 10.1022L30.4106 7.84573L29.2823 8.97397C28.9831 9.27319 28.5773 9.44129 28.1541 9.44129C27.7309 9.44129 27.3251 9.27319 27.0259 8.97397C26.7267 8.67474 26.5586 8.2689 26.5586 7.84574C26.5586 7.42257 26.7267 7.01673 27.0259 6.7175ZM23.834 5.78205C23.4075 6.67549 23.2685 7.67916 23.436 8.65489C23.6035 9.63062 24.0693 10.5304 24.7694 11.2305C25.4694 11.9305 26.3692 12.3964 27.345 12.5639C28.3207 12.7314 29.3244 12.5923 30.2178 12.1659L30.4106 12.3587C31.307 13.2571 31.8105 14.4744 31.8105 15.7435C31.8105 17.0126 31.307 18.2298 30.4106 19.1282L29.2823 20.2565L27.0258 18C26.7266 17.7007 26.3208 17.5326 25.8976 17.5326C25.4744 17.5326 25.0686 17.7007 24.7694 18C24.4701 18.2992 24.302 18.705 24.302 19.1282C24.302 19.5514 24.4701 19.9572 24.7694 20.2564L27.0259 22.5129L19.1281 30.4107C18.2297 31.3071 17.0125 31.8106 15.7434 31.8106C14.4743 31.8106 13.257 31.3071 12.3586 30.4107L12.1658 30.2179C12.5923 29.3244 12.7313 28.3208 12.5638 27.3451C12.3963 26.3693 11.9304 25.4695 11.2304 24.7695C10.5303 24.0694 9.63053 23.6036 8.6548 23.4361C7.67907 23.2685 6.6754 23.4076 5.78195 23.8341L5.58913 23.6412C4.69272 22.7429 4.18929 21.5256 4.18929 20.2565C4.18929 18.9874 4.69272 17.7701 5.58913 16.8717L13.4869 8.97397L15.7434 11.2305C16.0426 11.5297 16.4485 11.6978 16.8716 11.6978C17.2948 11.6978 17.7007 11.5297 17.9999 11.2305C18.2991 10.9313 18.4672 10.5254 18.4672 10.1022C18.4672 9.67908 18.2991 9.27324 17.9999 8.97402L15.7434 6.7175L16.8716 5.58922C17.77 4.69281 18.9873 4.18938 20.2564 4.18938C21.5255 4.18938 22.7428 4.69281 23.6411 5.58922L23.834 5.78205ZM21.3846 12.3588L23.6411 14.6152C23.7892 14.7634 23.9068 14.9393 23.987 15.1329C24.0671 15.3264 24.1084 15.5339 24.1084 15.7435C24.1084 15.953 24.0671 16.1605 23.987 16.354C23.9068 16.5476 23.7892 16.7235 23.6411 16.8717C23.4929 17.0198 23.317 17.1374 23.1234 17.2176C22.9299 17.2977 22.7224 17.339 22.5129 17.339C22.3033 17.339 22.0958 17.2977 21.9023 17.2176C21.7087 17.1374 21.5328 17.0198 21.3846 16.8717L19.1282 14.6152C18.98 14.4671 18.8625 14.2912 18.7823 14.0976C18.7021 13.904 18.6608 13.6965 18.6608 13.487C18.6608 13.2775 18.7021 13.07 18.7823 12.8764C18.8625 12.6828 18.98 12.5069 19.1282 12.3588C19.2763 12.2106 19.4522 12.0931 19.6458 12.0129C19.8394 11.9327 20.0469 11.8914 20.2564 11.8914C20.4659 11.8914 20.6734 11.9327 20.867 12.0129C21.0606 12.0931 21.2365 12.2106 21.3846 12.3588Z",fill:"#546077"})),un=t=>x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:36,height:36,viewBox:"0 0 36 36",fill:"none",...t},x.createElement("g",{clipPath:"url(#clip0_31092_31715)"},x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.7544 13.5108C21.2125 13.5112 20.6627 13.7008 20.2317 14.0828C19.7945 14.4702 19.5083 15.0362 19.5061 15.6701L19.5061 15.6754C19.5061 15.9802 19.5057 16.4476 19.5052 17H19.4999C19.1021 17 18.7206 17.158 18.4393 17.4394C18.158 17.7207 17.9999 18.1022 17.9999 18.5001L18 21.0001C18.0001 21.6457 18.4132 22.2189 19.0257 22.423L19.5071 22.5835C19.6196 24.5471 21.0407 26.02 22.3717 26.9156C23.322 27.5549 24.4383 28.0491 25.5 28.3055V31.5H22.5C21.6716 31.5 21 32.1716 21 33C21 33.8284 21.6716 34.5 22.5 34.5H31.5C32.3284 34.5 33 33.8284 33 33C33 32.1716 32.3284 31.5 31.5 31.5H28.5V28.3055C29.5617 28.0491 30.678 27.5549 31.6283 26.9156C32.9593 26.02 34.3804 24.5471 34.4929 22.5835L34.9744 22.423C35.5869 22.2189 36 21.6457 36 21L36.0001 18.5C36.0001 18.1022 35.842 17.7207 35.5607 17.4394C35.2794 17.158 34.8979 17 34.5001 17H34.4962C34.4955 16.4253 34.4949 15.9545 34.4944 15.6653M22.5057 16.5101C22.5051 17.1955 22.5041 18.0922 22.5031 18.9894C22.5031 18.9935 22.5031 18.9976 22.503 19.0017L22.503 19.0054C22.5015 20.3517 22.5 21.6965 22.5 22.3333C22.5 22.9227 22.9607 23.696 24.0465 24.4265C25.1018 25.1366 26.315 25.5 27 25.5C27.685 25.5 28.8982 25.1366 29.9535 24.4265C31.0393 23.696 31.5 22.9227 31.5 22.3333C31.5 20.6216 31.4975 17.9946 31.4956 16.5008L22.5057 16.5101Z",fill:"#546077"}),x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M32.2445 13.5L21.7544 13.5108C21.2125 13.5112 20.6627 13.7008 20.2317 14.0828C19.7945 14.4702 19.5083 15.0362 19.5061 15.6701L19.5061 15.6754C19.5061 15.9802 19.5057 16.4476 19.5052 17H19.4999C19.1021 17 18.7206 17.158
15918.4393 17.4394C18.158 17.7207 17.9999 18.1022 17.9999 18.5001L18 21.0001C18.0001 21.6457 18.4132 22.2189 19.0257 22.423L19.5071 22.5835C19.6196 24.5471 21.0407 26.02 22.3717 26.9156C23.322 27.5549 24.4383 28.0491 25.5 28.3055V31.5H22.5C21.6716 31.5 21 32.1716 21 33C21 33.8284 21.6716 34.5 22.5 34.5H31.5C32.3284 34.5 33 33.8284 33 33C33 32.1716 32.3284 31.5 31.5 31.5H28.5V28.3055C29.5617 28.0491 30.678 27.5549 31.6283 26.9156C32.9593 26.02 34.3804 24.5471 34.4929 22.5835L34.9744 22.423C35.5869 22.2189 36 21.6457 36 21L36.0001 18.5C36.0001 18.1022 35.842 17.7207 35.5607 17.4394C35.2794 17.158 34.8979 17 34.5001 17H34.4962C34.4955 16.4253 34.4949 15.9545 34.4944 15.6653C34.4936 15.031 34.2083 14.4627 33.7714 14.0742C33.3396 13.6903 32.788 13.5 32.2445 13.5ZM22.503 19.0017L22.503 19.0054C22.5015 20.3517 22.5 21.6965 22.5 22.3333C22.5 22.9227 22.9607 23.696 24.0465 24.4265C25.1018 25.1366 26.315 25.5 27 25.5C27.685 25.5 28.8982 25.1366 29.9535 24.4265C31.0393 23.696 31.5 22.9227 31.5 22.3333C31.5 20.6216 31.4975 17.9946 31.4956 16.5008L22.5057 16.5101C22.5051 17.1955 22.5041 18.0922 22.5031 18.9894L22.503 19.0017Z",fill:"#546077"}),x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5 4.5C7.18629 4.5 4.5 7.18629 4.5 10.5V25.5C4.5 28.8137 7.18629 31.5 10.5 31.5H18C18.8284 31.5 19.5 32.1716 19.5 33C19.5 33.8284 18.8284 34.5 18 34.5H10.5C5.52944 34.5 1.5 30.4706 1.5 25.5V10.5C1.5 5.52944 5.52944 1.5 10.5 1.5H25.5C30.4706 1.5 34.5 5.52944 34.5 10.5C34.5 11.3284 33.8284 12 33 12C32.1716 12 31.5 11.3284 31.5 10.5C31.5 7.18629 28.8137 4.5 25.5 4.5H10.5Z",fill:"#546077"})),x.createElement("defs",null,x.createElement("clipPath",{id:"clip0_31092_31715"},x.createElement("rect",{width:36,height:36,fill:"#546077"})))),va=t=>x.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:28,height:28,viewBox:"0 0 28 28",fill:"none",...t},x.createElement("path",{d:"M14 2.00012C11.6266 2.00012 9.30655 2.70391 7.33316 4.02249C5.35977 5.34106 3.8217 7.21521 2.91345 9.40792C2.0052 11.6006 1.76756 14.0134 2.23058 16.3412C2.6936 18.669 3.83649 20.8072 5.51472 22.4854C7.19295 24.1636 9.33115 25.3065 11.6589 25.7695C13.9867 26.2326 16.3995 25.9949 18.5922 25.0867C20.7849 24.1784 22.6591 22.6403 23.9776 20.667C25.2962 18.6936 26 16.3735 26 14.0001C25.9965 10.8186 24.731 7.76842 22.4814 5.51876C20.2317 3.26909 17.1815 2.00367 14 2.00012ZM3.67442 14.0001C3.67646 12.844 3.87423 11.6967 4.25935 10.6066C4.95145 15.641 9.36745 16.0664 9.55721 16.869C9.66187 17.7729 9.68802 18.6842 9.63535 19.5927C9.71349 21.1443 11.8567 21.1666 12.6828 22.3945C12.9731 22.9761 13.0861 23.6302 13.0076 24.2755C10.4543 24.0261 8.08484 22.8363 6.35991 20.9373C4.63497 19.0382 3.67779 16.5656 3.67442 14.0001ZM16.8019 23.935C17.562 21.554 19.8448 20.7469 20.077 19.3705C20.2634 18.2665 18.8123 17.6961 17.5096 17.541C16.2069 17.3858 16.4067 16.0396 15.488 15.0851C14.5693 14.1307 13.971 14.1832 12.6806 14.345C11.3901 14.5069 10.2861 14.4009 9.92558 13.6072C9.56503 12.8135 10.0249 12.434 9.0761 11.4505C8.948 11.3278 8.85598 11.1723 8.81001 11.0009C8.76405 10.8296 8.7659 10.6489 8.81537 10.4785C8.86484 10.3082 8.96003 10.1546 9.09061 10.0345C9.2212 9.91442 9.38218 9.83239 9.5561 9.79733C10.2259 9.63547 11.4169 10.802 12.1146 10.6647C14.2154 10.2316 11.6971 6.11696 14.854 5.08328C15.4335 4.88534 15.9113 4.46648 16.1834 3.91789C17.9541 4.30449 19.5914 5.15163 20.9299 6.3737C21.3194 7.26856 21.4587 8.25239 21.3328 9.22021C20.912 10.5229 19.8515 11.4606 21.008 13.5916C22.2147 15.8174 22.9593 16.1199 23.5018 15.5071C23.7139 15.2742 23.9794 15.0961 24.2753 14.988C24.0737 17.0579 23.2527 19.0189 21.9195 20.615C20.5862 22.2111 18.8028 23.3681 16.8019 23.935Z",fill:"#546077"})),wa=t=>x.createElement("svg",{width:28,height:28,viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},x.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.19452 14.2825H2.71712V24.5213C2.71712 25.902 3.83641 27.0213 5.21712 27.0213H22.7828C24.1636 27.0213 25.2828 25.902 25.2828 24.5213V14.2825H25.7757C26.4061 14.2825 26.9171 13.7719 26.9171 13.1411V7.11186C26.9171 6.48141 26.4062 5.97044 25.7757 5.97044H22.3553C22.5225 5.5515 22.6146 5.09429 22.6146 4.6162C22.6146 2.61024 20.9831 0.978729 18.9772 0.978729C16.4933 0.978729 14.9236 2.69929 14.0149 4.24122C13.1061 2.69929 11.5365 0.978729 9.05257 0.978729C7.04666 0.978729 5.41515 2.61024 5.41515 4.61615C5.41515 5.09425 5.5072 5.55148 5.67445 5.97044H2.19452C1.56407 5.97044 1.0531 6.48141 1.0531 7.11186V13.1411C1.0531 13.7716 1.56407 14.2825 2.19452 14.2825ZM19.0358 5.97044C19.7626 5.95551 20.3321 5.37247 20.3321 4.61619C20.3321 3.88454 19.7092 3.26161 18.9775 3.26161C18.0838 3.26161 17.3613 3.69699 16.7837 4.30709C16.3079 4.80963 15.9412 5.42034 15.6736 5.97044H19.0358ZM12.3516 5.97044C12.0823 5.42032 11.7144 4.80964 11.2386 4.30707C10.6607 3.69658 9.94014 3.26156 9.05263 3.26156C8.32096 3.26156 7.69804 3.88449 7.69804 4.61615C7.69804 5.3725 8.26753 5.95551 8.99409 5.97044H12.3516ZM12.8735 24.7385V14.2825H5V23.7385C5 24.2907 5.44771 24.7385 6 24.7385H12.8735ZM23 14.2825H15.1563V24.7385H22C22.5523 24.7385 23 24.2907 23 23.7385V14.2825ZM24.6343 8.25363H15.1563V12H24.6343L24.6343 8.25363ZM3.33599 12H12.8735V8.25363H3.33599V12Z",fill:"#546077"})),ka=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1.5C13.8284 1.5 14.5 2.17157 14.5 3V12.5C14.5 15.8137 17.1863 18.5 20.5 18.5H33C33.8284 18.5 34.5 19.1716 34.5 20C34.5 20.8284 33.8284 21.5 33 21.5H20.5C15.5294 21.5 11.5 17.4706 11.5 12.5V3C11.5 2.17157 12.1716 1.5 13 1.5Z",fill:t.color||"#546077"})}),ya=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",children:[e.jsx("path",{d:"M11.2777 2.33335C11.2777 1.68902 10.7553 1.16669 10.111 1.16669C9.46667 1.16669 8.94434 1.68902 8.94434 2.33335V9.72224C8.94434 13.5882 12.0783 16.7222 15.9443 16.7222H22C22.6443 16.7222 23.1667 16.1999 23.1667 15.5556C23.1667 14.9112 22.6443 14.3889 22 14.3889H15.9443C13.367 14.3889 11.2777 12.2996 11.2777 9.72224V2.33335Z",fill:t.color||"#546077"}),e.jsx("path",{d:"M8.94434 25.8889V15.996C9.61409 16.7428 10.4016 17.3818 11.2777 17.8838V25.8889C11.2777 26.5332 10.7553 27.0556 10.111 27.0556C9.46667 27.0556 8.94434 26.5332 8.94434 25.8889Z",fill:t.color||"#546077"})]}),Ca=i.div`
160 align-self: start; 161 margin-bottom: 6px; 162`,_a=i.img` 163 position: absolute; 164 top: 50%; 165 right: 10px; 166 transform: translateY(-50%); 167`,Ve=i.div` 168 border-radius: 99px; 169 border: 1px solid #d94141; 170 padding: 5px 12px; 171 display: flex; 172 align-items: center; 173 gap: 6px; 174 font-size: 12px; 175 font-weight: 500; 176 position: absolute; 177 top: 50%; 178 right: 10px; 179 transform: translateY(-50%); 180 181 span { 182 width: 6px; 183 height: 6px; 184 border-radius: 50%; 185 background: #d94141; 186 } 187 188 &.static { 189 position: static; 190 transform: none; 191 } 192`,Pa=i.div` 193 display: flex; 194 flex-direction: column; 195 gap: 3px; 196 margin-bottom: 12px; 197`,La=i.div` 198 display: flex; 199 border-radius: 10px 10px 4px 4px; 200 background: linear-gradient(180deg, #202838 0%, #273144 100%); 201 box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 202 flex-direction: column; 203 align-items: center; 204 padding: 16px 16px 14px 16px; 205 206 img { 207 } 208 209 p { 210 color: #c7d3e2; 211 font-size: 12px; 212 font-weight: 500; 213 line-height: 20px; 214 letter-spacing: 1px; 215 text-transform: uppercase; 216 opacity: 0.6; 217 margin-bottom: 3px; 218 } 219 220 button { 221 background: transparent; 222 display: flex; 223 align-items: center; 224 gap: 5px; 225 color: #fff; 226 font-family: Montserrat; 227 font-size: 17px; 228 font-weight: 700; 229 text-transform: none; 230 margin-bottom: 11px; 231 } 232`,gt=i.h6` 233 padding: 14px 0 4px 0; 234 235 div { 236 color: #546077; 237 font-size: 12px; 238 text-transform: uppercase; 239 white-space: nowrap; 240 font-weight: 400; 241 padding: 8px 4px; 242 gap: 12px; 243 display: flex; 244 align-items: center; 245 } 246 247 span { 248 display: block; 249 width: 100%; 250 height: 2px; 251 border-radius: 99px; 252 background: rgba(145, 175, 253, 0.1); 253 } 254`,He=i.div` 255 background: #131821; 256 border-radius: 8px; 257 258 ul { 259 gap: 4px; 260 display: flex; 261 flex-direction: column; 262 } 263 264 a { 265 &.isDisabled { 266 opacity: 0.4; 267 /* pointer-events: none; */ 268 } 269 } 270`,za=i.div` 271 padding: 12px 16px; 272 border-radius: 4px 4px 10px 10px; 273 background: rgba(34, 43, 60, 0.6); 274 display: flex; 275 align-items: center; 276 277 p { 278 color: #9fb1c9; 279 text-align: center; 280 font-size: 11px; 281 font-weight: 500; 282 line-height: 11px; 283 height: 22px; 284 display: flex; 285 align-items: center; 286 justify-content: center; 287 width: 54px; 288 } 289`,se=i.div` 290 margin-left: 10px; 291 292 h5 { 293 color: #c7d3e2; 294 display: flex; 295 align-items: center; 296 font-size: 14px; 297 font-weight: 500; 298 line-height: 20px; 299 } 300 301 p { 302 font-weight: 500; 303 font-size: 12px; 304 color: #778597; 305 } 306`,ae=i.li` 307 height: 40px; 308 padding: 0 8px; 309 width: 100%; 310 border-radius: 6px; 311 display: flex; 312 align-items: center; 313 cursor: pointer; 314 overflow: hidden; 315 transition: all 0.2s ease; 316 317 svg { 318 width: 26px; 319 height: 26px; 320 } 321 322 &.gold h5 { 323 color: #ffb660; 324 } 325 326 &:hover { 327 background: rgba(93, 108, 146, 0.12); 328 } 329 330 &.isDisabled { 331 pointer-events: none; 332 opacity: 0.4; 333 } 334 335 &.active { 336 background: rgba(96, 128, 255, 0.12); 337 338 h5 { 339 color: #6080ff; 340 } 341 342 p { 343 color: #a8bbe1; 344 } 345 346 & > svg * { 347 fill: #6080ff; 348 } 349 } 350`,Ta=i.div` 351 background: #131821; 352 border-radius: 8px; 353 padding: 18px; 354 355 @media (max-width: 1000px) { 356 padding: 12px; 357 background: none; 358 border-radius: 0; 359 } 360`,ei=i.div` 361 display: flex; 362 align-items: center; 363 justify-content: space-around; 364 width: 100%; 365 366 img { 367 width: 90%; 368 height: 90%; 369 object-fit: contain; 370 opacity: 0.4; 371 372 &.done { 373 opacity: 1; 374 } 375 } 376`,Sa=i.div` 377 position: absolute; 378 top: -22px; 379 left: 50%; 380 transform: translateX(-50%); 381 width: 16px; 382 height: 16px; 383 border-radius: 50%; 384 background: #131821; 385 display: flex; 386 align-items: center; 387 justify-content: center; 388 389 span { 390 background: linear-gradient(180deg, #252d3d 0%, #404b60 100%); 391 border-radius: 50%; 392 width: 10px; 393 height: 10px; 394 } 395 396 &.done { 397 span { 398 background: #6080ff; 399 } 400 } 401`,$a=i.div` 402 width: 54px; 403 height: 54px; 404 display: flex; 405 align-items: center; 406 justify-content: center; 407`;i.h2` 408 margin-bottom: 24px; 409 font-weight: 700; 410 font-size: 22px;
411 line-height: 26px; 412 display: flex; 413 align-items: center; 414 415 img { 416 width: 20px; 417 cursor: pointer; 418 margin-left: 12px; 419 } 420`;const mt=i.div` 421 padding: 0 10px; 422 height: 26px; 423 background: rgba(240, 179, 88, 0.12); 424 border-radius: 6px; 425 display: inline; 426 font-weight: 500; 427 font-size: 12px; 428 color: #f0b358; 429 position: absolute; 430 right: 10px; 431 top: 50%; 432 transform: translateY(-50%); 433 display: flex; 434 align-items: center; 435 gap: 6px; 436 437 img { 438 display: block; 439 width: 16px; 440 } 441 442 &.grey { 443 background: rgba(199, 211, 226, 0.12); 444 color: #c7d3e2; 445 } 446`,fn=({timeUntil:t})=>{const[n,a]=x.useState(null);return x.useEffect(()=>{if(!t)return;a(Ut(t));const c=setInterval(()=>{a(Ut(t))},1e3);return()=>clearInterval(c)},[t]),e.jsx(e.Fragment,{children:n})},Ma=i.div` 447 background: #131821; 448 border-radius: 8px; 449 padding: 12px; 450 overflow: hidden; 451`,Ea=i.button` 452 width: 100%; 453 border-radius: 6px; 454 display: flex; 455 align-items: center; 456 justify-content: space-between; 457 padding: 10px 12px; 458 border: 1px solid #92845d42; 459 color: #ffc465; 460 background: transparent; 461 margin-top: 8px; 462 overflow: hidden; 463 464 &:after { 465 content: ''; 466 position: absolute; 467 right: 0; 468 bottom: -40px; 469 width: 75px; 470 height: 58px; 471 background: radial-gradient(#ffc46570 50%, transparent 75%); 472 filter: blur(24px); 473 } 474`,Na=()=>{const{t}=R(),n=_(c=>c.pickem.tournament);return _(Ji)?.raffle_data?.enable?e.jsxs(Ma,{children:[e.jsx(Fa,{}),e.jsx(U,{to:`/cs2/pickem/${n.url_short}/raffle`,children:e.jsxs(Ea,{children:[t`participateForFree`,e.jsx(xs,{})]})})]}):null},Aa=i.div` 475 width: 100%; 476 height: 140px; 477 border-radius: 8px; 478 background: linear-gradient(110deg, #172b61 15%, #5174f0 110%); 479 cursor: pointer; 480 transition: all 0.25s ease; 481 482 .raffle-background { 483 position: absolute; 484 right: -50px; 485 width: 350px; 486 } 487 488 &:hover { 489 filter: brightness(1.1); 490 } 491`,Ra=i.div` 492 display: flex; 493 flex-direction: row; 494 align-items: center; 495 gap: 4px; 496 position: absolute; 497 top: 12px; 498 left: 12px; 499 500 img { 501 width: 24px; 502 height: 24px; 503 } 504 505 p { 506 max-width: 72px; 507 font-weight: 500; 508 font-size: 10px; 509 text-transform: uppercase; 510 color: #ffc465; 511 } 512`,Ia=i.div` 513 display: flex; 514 flex-direction: row; 515 align-items: center; 516 gap: 4px; 517 position: absolute; 518 top: 12px; 519 right: 12px; 520 521 p { 522 font-weight: 600; 523 font-size: 12px; 524 color: white; 525 } 526 527 img { 528 width: 14px; 529 height: 14px; 530 } 531`,Da=i.div` 532 display: flex; 533 flex-direction: column; 534 gap: 10px; 535 position: absolute; 536 bottom: 12px; 537 left: 12px; 538 539 span { 540 display: flex; 541 flex-direction: column; 542 gap: 2px; 543 544 h5 { 545 font-weight: 400; 546 font-size: 12px; 547 color: white; 548 } 549 550 h4 { 551 font-weight: 700; 552 font-size: 15px; 553 color: white; 554 text-transform: none; 555 } 556 } 557`,Ba=i.div` 558 position: absolute; 559 top: 50%; 560 transform: translateY(-50%); 561 right: 20px; 562 height: calc(100% - 32px); 563 564 img { 565 height: 100%; 566 } 567`,Oa=i.div` 568 position: absolute; 569 right: 12px; 570 bottom: 12px; 571 display: flex; 572 align-items: center; 573 gap: 7px; 574 color: white; 575 font-size: 14px; 576 font-weight: 700; 577 578 img { 579 width: 16px; 580 } 581`,Ha=i.div` 582 color: white; 583 font-weight: 500; 584 font-size: 12px; 585 display: flex; 586 align-items: center; 587 gap: 5px; 588 589 img { 590 width: 16px; 591 height: 16px; 592 } 593`,Fa=()=>{const{t}=R(),n=_(c=>c.pickem.tournament),a=_(Ne);return a?e.jsx(U,{to:`/cs2/pickem/${n.url_short}/raffle`,children:e.jsxs(Aa,{children:[e.jsxs(Ra,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/raffle/golden-tickets.png"),alt:""}),e.jsx("p",{children:t`dailyRaffle`})]}),e.jsxs(Ia,{children:[e.jsx("p",{children:a.count_players}),e.jsx("img",{loading:"lazy",src:b("/pages/pickem/raffle/icon-2friends.svg"),alt:""})]}),e.jsxs(Da,{children:[e.jsxs("span",{children:[e.jsx("h5",{children:a.item_data?.name.split(" | ")[0]||"AWP"}),e.jsx("h4",{children:a.item_data?.name.split(" | ")[1]||"Dragon Lore"})]}),e.jsxs(Ha,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/raffle/icon-clock.svg"),alt:""}),e.jsx(fn,{timeUntil:a.unixtime_end})]})]}),e.jsx(Ba,{children:e.jsx("img",{loading:"lazy",src:a.item_data?.img,alt:""})}),e.jsxs(Oa,{children:[pe(a.item_data?.price),e.jsx("img",{loading:"lazy",src:b("/img/general/coin1.png"),alt:""})]}),e.jsx(gs,{})]})}):null},bn=` 594 padding: 10px; 595 padding-left: 12px; 596 border-radius: 6px; 597 display: flex; 598 align-items: center; 599 justify-content: space-between; 600 overflow: hidden; 601 width: 100%; 602 font-size: 14px; 603 font-weight: 500; 604 background: transparent; 605`,Wa=i.button` 606 ${bn} 607 color: #c7d3e2; 608 margin-top: 6px; 609 border: 1px solid rgba(145, 175, 253, 0.1); 610`,Va=i.button` 611 ${bn} 612 color: #f0b358; 613 background: url(${b("/pages/pickem/gold-btn-bg.png")}) 614 no-repeat center center / cover; 615`,Ga=i.div` 616 position: sticky; 617 bottom: 24px; 618 z-index: 2;
619 align-self: start; 620 621 @media (max-width: 1150px) { 622 position: static; 623 } 624 625 @media (max-width: 1000px) { 626 height: calc(100% - 72px); 627 padding-bottom: calc(79px + 12px + var(--safe-area-inset-bottom, 0px)); 628 padding-top: calc(46px + 12px + var(--safe-area-inset-top, 0px)); 629 630 display: block; 631 position: fixed; 632 overflow: auto; 633 top: 79px; 634 left: 0; 635 border-radius: 8px; 636 background: #131821; 637 638 opacity: 0; 639 transform: translateY(20px); 640 transition: all 0.3s ease; 641 pointer-events: none; 642 643 &.active { 644 opacity: 1; 645 transform: translateY(0px); 646 pointer-events: all; 647 } 648 } 649`,Ua=i.div` 650 padding: 14px 13px; 651 border-radius: 6px; 652 background: rgba(28, 34, 46, 0.9); 653 backdrop-filter: blur(4px); 654 display: flex; 655 align-items: center; 656 justify-content: space-between; 657 width: 100%; 658 position: sticky; 659 top: 12px; 660 gap: 8px; 661 z-index: 3; 662 663 h5 { 664 color: #9ea7be; 665 font-size: 15px; 666 font-weight: 500; 667 } 668 669 @media (max-width: 650px) { 670 margin-inline: 12px; 671 width: calc(100% - 24px); 672 left: 0; 673 } 674`,ti=i.div` 675 display: flex; 676 align-items: center; 677 justify-content: center; 678 width: 18px; 679 height: 18px; 680 cursor: pointer; 681 transition: filter 0.3s ease; 682 683 &.burger { 684 width: 20px; 685 686 &.active { 687 span { 688 height: 2.5px; 689 } 690 691 span:nth-child(1) { 692 transform: translateY(0px) rotate(45deg); 693 } 694 695 span:nth-child(2) { 696 opacity: 0; 697 transform: translateX(-10px); 698 } 699 700 span:nth-child(3) { 701 transform: translateY(0px) rotate(-45deg); 702 } 703 } 704 705 span { 706 height: 2px; 707 background: #9ea7be; 708 width: 20px; 709 border-radius: 5px; 710 position: absolute; 711 top: 50%; 712 margin-top: -1px; 713 transition: all 0.3s ease; 714 715 &:nth-child(1) { 716 transform: translateY(-6px); 717 } 718 719 &:nth-child(2) { 720 transform: translateY(0px); 721 } 722 723 &:nth-child(3) { 724 transform: translateY(6px); 725 } 726 } 727 } 728 729 &:hover { 730 filter: brightness(1.15); 731 } 732`,Za=i.button` 733 padding: 14px 13px; 734 border-radius: 6px; 735 background: rgba(82, 101, 133, 0.18); 736 display: flex; 737 align-items: center; 738 justify-content: space-between; 739 width: 100%; 740 margin-bottom: 20px; 741 742 div { 743 display: flex; 744 align-items: center; 745 gap: 8px; 746 color: #9ea7be; 747 font-size: 15px; 748 font-weight: 500; 749 } 750`,Ya=i.p` 751 font-weight: 400; 752 font-size: 14px; 753 line-height: 20px; 754 color: #48505c; 755 padding: 0 12px; 756 757 span { 758 color: #f5e94d; 759 cursor: pointer; 760 } 761 762 a { 763 color: #767b82; 764 765 &:hover { 766 color: #93969c; 767 } 768 } 769`,qa=b("/img/achievements/"),Ka={1:e.jsx(ga,{}),2:e.jsx(ma,{}),3:e.jsx(ha,{}),r1:e.jsx(pa,{}),r2:e.jsx(xa,{}),n:e.jsx(ua,{}),cup:e.jsx(un,{})},Xa=({stages:t,stage:n,pickemData:a})=>{const{t:c}=R(),m=F(),{width:u}=At(),{id:r}=Re(),l=_($=>$.root.isTelegramWebApp),{medal:f,progress:v,tournament:g,giveaway:j,predicts:L,leagues:P,enableLeagues:T,masterLeague:y,wheel:k,settings:S,tab_status:M,partner:E,partner_promotion:h}=_($=>$.pickem),p=L?.matches.filter($=>$.access_bet).length,s=`/cs2/pickem/${g.url_short}`,[d,o]=x.useState(0);Object.keys(j.player||{}).length;const w=()=>{m(B("JOIN_LEAGUE",{page:`${s}/leaders/`}))},z=$=>{if(!$)return;const D=H(),O=$.unixtime_start,G=O-D,ee=c("UntilOpening");if(O-D>0){let A=Math.trunc(G/86400),W=Math.ceil((G-A*86400)/3600);return e.jsx(Z,{content:`${ee}: ${A} ${c("d")}, ${W} ${c("Che")}`,children:e.jsx(_a,{src:b("/pages/pickem/icons/locker.svg")})})}},C=()=>{if(!j?.player)return;o((D=>D.reduce((O,G)=>O+(j.player[G]?1:0),0))(Object.keys(j.player)))};return x.useEffect(()=>{C()},[j]),e.jsxs(Ca,{children:[!l&&!S.disable_all_ads&&e.jsx(Ye,{id:"pickem_u_1",posthogData:{name:"partner_click",props:{partner:E,source:"event_menu_top"}},styles:{marginBottom:6,display:"block"}}),e.jsxs(Ta,{children:[e.jsxs(Pa,{children:[e.jsxs(La,{children:[e.jsxs("p",{children:[c("Achievement")," ",v.medal_level,"/4"]}),e.jsxs("button",{onClick:()=>window.open(g.urls.hltv),children:[g.name,e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/link.svg"),alt:""})]}),e.jsx(ei,{children:Object.keys(f).map(($,D)=>e.jsx($a,{children:e.jsx("img",{loading:"lazy",src:`${qa+$}/${f[$].img}`,alt:"",className:v.medal_level>D&&"done",onError:O=>O.target.src=b("/pages/pickem/award-template.png")})}))})]}),e.jsx(za,{children:e.jsx(ei,{children:Object.keys(f).map(($,D)=>{const O=v.medal_level>D;return e.jsxs("p",{children:[e.jsx(Sa,{className:O&&"done",children:e.jsx("span",{})}),O?e.jsx(ms,{}):e.jsxs(e.Fragment,{children:[v.medal_level===D&&`${v[g.type===1?"points_received":"predict_sum_points"]}/`,f[$].task,e.jsx("br",{}),c("ofPoints")]})]})})})})]}),e.jsx(He,{children:e.jsx("ul",{children:e.jsx(U,{to:s+"/home",children:e.jsxs(ae,{className:n=="home"&&"active",children:[e.jsx(fa,{}),e.jsx(se,{children:e.jsx("h5",{children:c("HomePage")})})]})})})}),e.jsxs(He,{children:[e.jsx(gt,{children:e.jsxs("div",{children:[c("AWARDS"),e.jsx("span",{})]})}),e.jsxs("ul",{children:[k.enable&&e.jsx(U,{to:s+"/wheel",children:e.jsxs(ae,{className:n=="wheel"&&"active",children:[e.jsx(Z,{placement:"bottom",content:c("SpinsLeft",{amount:v.points_free??0}),children:e.jsxs(mt,{children:[e.jsx("img",{loading:"lazy",src:b("/img/premium/gold-crown.svg"),alt:""}),v.points_free??0,"/",v.points_max??0]})}),e.jsx(ba,{}),e.jsx(se,{children:e.jsx("h5",{children:c("PrizeWheel")})})]})}),h.enable&&e.jsx(U,{to:"/betboom",children:e.jsxs(ae,{children:[e.jsxs(mt,{children:[e.jsx("img",{loading:"lazy",src:b("/img/premium/gold-crown.svg"),alt:""}),"0/1"]}),e.jsx(wa,{}),e.jsx(se,{children:e.jsx("h5",{children:c("GetPremium")})})]})}),e.jsx(U,{to:s+"/raffle",children:e.jsxs(ae,{className:I(n=="raffle"&&"active"),children:[e.jsxs(Ve,{children:[e.jsx("span",{}),c("participate")]}),e.jsx(ja,{}),e.jsx(se,{children:e.jsx("h5",{children:c("skinsGiveaway")})})]})})]})]}),g.type===1&&e.jsxs(He,{children:[e.jsx(gt,{children:e.jsxs("div",{children:["PICK'EM",e.jsx("span",{})]})}),e.jsx("ul",{children:Object.values(t).map(($,D)=>{const O=a[D]?.unixtime_start<H();return e.jsx(U,{to:O&&`${s}/${$.section}`,className:!O&&"isDisabled",children:e.jsxs(ae,{className:I($.id_pickem&&$.id_pickem==n&&"active"),children:[Ka[$.img_id],e.jsx(se,{children:e.jsx("h5",{children:Rt(c($.name))})}),a[D]?.active&&e.jsxs(Ve,{children:[e.jsx("span",{}),c("Opened")]}),z(a[D])]})})})})]}),T&&e.jsxs(x.Fragment,{children:[e.jsxs(He,{children:[e.jsx(gt,{children:e.jsxs("div",{children:["PREDICTOR",e.
769jsx("span",{})]})}),e.jsxs("ul",{children:[e.jsx(U,{to:s+"/leagues",children:e.jsxs(ae,{className:n=="leagues"&&"active",children:[e.jsx(un,{}),e.jsx(se,{children:e.jsx("h5",{children:c("predictLeague")})}),p>0&&e.jsxs(Ve,{children:[e.jsx("span",{}),c("Available_")," ",p]})]})}),e.jsx(U,{to:s+"/leaders",children:e.jsxs(ae,{className:n=="leaders"&&!r&&"active",children:[!!L?.player_data.points&&e.jsx(mt,{className:"grey",children:it(L?.player_data.points)}),e.jsx(va,{}),e.jsx(se,{children:e.jsx("h5",{children:c("Leaderboard")})})]})}),P.map(($,D)=>{const O=$.type_league===1&&"#FFB660";return e.jsx(U,{to:`${s}/leaders/${$.hash}`,children:e.jsxs(ae,{className:I(O&&"gold",n==="leaders"&&r===$.hash&&"active"),children:[P.length-1===D?e.jsx(ka,{color:O}):e.jsx(ya,{color:O}),e.jsx(se,{children:e.jsx("h5",{children:$.name})})]})})})]})]}),!y&&g.active&&S.enable_leagues_prizes&&e.jsx(U,{to:`${s}/public`,style:{marginTop:14,display:"block"},children:e.jsxs(Va,{children:[c("enterLeagueWithPrizes"),e.jsx(hs,{})]})}),g.active&&e.jsxs(Wa,{onClick:w,className:"bordered",children:[c("addLeague"),e.jsx(us,{})]})]})]})]})},Ja=({stage:t})=>{const{t:n}=R(),[a,c]=x.useState(!1),m=ke(),u=Hs();x.useEffect(()=>{c(!1)},[u]);const{giveaway:r,pickemData:l,stages:f,partner:v,tournament:g,settings:j}=_(P=>P.pickem),L=_(P=>P.root.partnersLinks);return e.jsxs(e.Fragment,{children:[m&&e.jsxs(Ua,{children:[e.jsx(U,{to:"/cs2/pickem",children:e.jsx(ti,{children:e.jsx("img",{loading:"lazy",src:b("/pages/profile/icons/back-large.svg"),alt:""})})}),e.jsx("h5",{children:g.name}),e.jsxs(ti,{className:I("burger",a&&"active"),onClick:()=>c(P=>!P),children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]})]}),e.jsxs(Ga,{className:I(a&&"active"),children:[j.disable_all_ads&&!m&&e.jsx(U,{to:"/cs2/pickem",children:e.jsx(Za,{children:e.jsxs("div",{children:[e.jsx("img",{loading:"lazy",src:b("/pages/profile/icons/back-large.svg"),alt:""}),n("backToPickems")]})})}),e.jsx(Xa,{stages:f,pickemData:Object.values(l),stage:t}),typeof r.type=="number"&&!j.disable_all_ads&&e.jsx(Ye,{id:"pickem_b_1"}),e.jsx(Na,{}),e.jsxs(Ya,{children:[n(g.type===1?"PickemMenuText":"PredictMenuText",{name:g.name}),!j.disable_all_ads&&e.jsxs(e.Fragment,{children:[["skinrave","betboom"].includes(v)&&e.jsxs("span",{onClick:()=>{Y("partner_click",{partner:v,source:"event_menu_bottom"}),window.open(L[v])},children:[" ",n("From")," ",v=="betboom"?"BetBoom":"SkinRave"]})," ",e.jsx(U,{to:"/learn/204",children:n("MoreDetailed")})]})]}),e.jsx(Ye,{id:"pickem_b_2",styles:{marginTop:12}})]})]})},Pt=i.img` 770 width: 19px; 771 height: 19px; 772 top: 10px; 773 right: 10px; 774 position: absolute; 775 z-index: 1; 776 transition: all 0.2s ease; 777 cursor: pointer; 778 pointer-events: all !important; 779 780 &:hover { 781 transform: scale(1.1); 782 } 783`,Ge=i.span` 784 position: absolute; 785 left: 7px; 786 z-index: 1; 787 top: 7px; 788 background: rgba(96, 128, 255, 0.29); 789 border-radius: 5px; 790 font-size: 11px; 791 padding: 3px 7px; 792 color: rgba(255, 255, 255, 0.7); 793 opacity: 0; 794 transition: opacity 0.3s ease; 795 796 &.partner-styled { 797 background: rgba(243, 101, 25, 0.29); 798 } 799`,Qa=i.div` 800 cursor: pointer; 801 width: 160px; 802 height: 160px; 803 display: block; 804 /* background: #1a202d; */ 805 /* border: ${t=>t.placed?"none":"1px dashed #778597"}; */ 806 background: rgba(26, 32, 45, 0.6) 807 url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23778597FF' stroke-width='1' stroke-dasharray='20' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e"); 808 border-radius: 12px; 809 display: flex; 810 align-items: center; 811 justify-content: center; 812 transition: all 3s ease; 813 814 img { 815 max-width: 100px; 816 max-height: 100px; 817 object-fit: contain; 818 pointer-events: none; 819 z-index: 1; 820 image-rendering: auto; 821 } 822 823 &.default-cursor { 824 cursor: default; 825 } 826 827 &::after { 828 content: ''; 829 position: absolute; 830 left: 50%; 831 transform: translate(-50%, -50%); 832 top: 50%; 833 width: 90%; 834 height: 90%; 835 background: radial-gradient( 836 50% 50% at 50% 50%, 837 rgb(245, 233, 77, 0.12) 0%, 838 rgba(119, 133, 151, 0) 100% 839 ) 840 rgba(26, 32, 45, 0.6); 841 opacity: 0; 842 z-index: 0; 843 border-radius: 12px; 844 transition: opacity 0.5s ease; 845 } 846 847 &.hovered { 848 background-color: rgba(26, 32, 45, 0.8); 849 850 &::after { 851 opacity: 1; 852 } 853 854 img { 855 opacity: 0.9; 856 } 857 } 858 859 &.picked { 860 cursor: default; 861 box-shadow: 0 0 3px #6080ff; 862 border: none; 863 background-image: none; 864 865 &.is-yellow { 866 box-shadow: 0 0 3px #f5e94d; 867 } 868 } 869 870 &::before { 871 position: absolute; 872 top: 8px; 873 right: 8px; 874 width: 24px; 875 height: 24px; 876 display: block; 877 } 878 879 &.success { 880 border: none; 881 box-shadow: none; 882 background: 883 linear-gradient( 884 225deg,
885 rgba(91, 234, 174, 0.24) 0%, 886 rgba(91, 234, 174, 0) 100% 887 ), 888 #1a202d; 889 890 ${Pt} { 891 display: none; 892 } 893 894 &::before { 895 content: ''; 896 background: url(${b("/pages/pickem/icons/successed.svg")}) 897 no-repeat center center / cover; 898 } 899 900 ${Ge} { 901 background: rgba(91, 234, 174, 0.2); 902 } 903 } 904 905 &.unsuccess { 906 background: 907 linear-gradient( 908 225deg, 909 rgba(234, 91, 91, 0.24) 0%, 910 rgba(234, 91, 91, 0) 100% 911 ), 912 #1a202d; 913 border: none; 914 box-shadow: none; 915 916 ${Pt} { 917 display: none; 918 } 919 920 &::before { 921 content: ''; 922 background: url(${b("/pages/pickem/icons/unsuccessed.svg")}) 923 no-repeat center center / cover; 924 } 925 926 ${Ge} { 927 background: rgba(234, 91, 91, 0.4); 928 } 929 } 930 931 &:hover { 932 ${Ge} { 933 opacity: 1; 934 } 935 } 936 937 @media all and (max-width: 1850px) { 938 width: 130px; 939 height: 130px; 940 941 img { 942 max-width: 60%; 943 max-height: 60%; 944 } 945 } 946`,ue=t=>{const{t:n}=R(),a=F(),c=_(h=>h.auth.isAuth),m=_(h=>h.pickem.partner),u=_(h=>h.pickem.teams),{dropTeam:r,pickId:l,index:f,removeTeam:v,unavailable:g,wins:j,loses:L,stageIsFinished:P,attachedTeam:T,availableTeams:y,status:k}=t,S=()=>{if(c&&l){if(k)return k;if(P)return"unsuccess"}},M=()=>{if(!c){a(B("JOIN_LEAGUE",{title:"needAuth",subtitle:"needAuthToMakePicks",button:{text:"DiscordLite1Text",action:()=>window.location.href=ne("/steam")}}));return}!l&&!g&&a(B("PICKEM_VOTE",{type:3,info:{name:n("ChooseTeam")},availableTeams:y,action:h=>{a(B(null)),r(null,f,h)}}))},E=(h,p)=>{p?h.target.classList.add("hovered"):(h.stopPropagation(),h.preventDefault(),h.target.classList.remove("hovered"))};return e.jsxs(Qa,{onClick:M,onDragEnter:h=>E(h,!0),onDragLeave:h=>E(h,!1),onDragOver:h=>h.preventDefault(),onDrop:h=>r(h,f,T),className:I(g&&"default-cursor",l&&"picked",m==="betboom"&&"is-yellow",S()),children:[l&&!g&&e.jsx(Pt,{src:b("/pages/pickem/icons/close.png"),onClick:()=>v(f)}),j+L>0&&e.jsxs(Ge,{className:I(m==="betboom"&&"partner-styled"),children:[j," - ",L]}),e.jsx("img",{loading:"lazy",src:l?V(u[l].assets.logo):b("/pages/pickem/icons/qmark.png"),width:l?128:96,alt:""})]})},er=i.div` 947 --landing-gutter: 24px; 948 949 display: flex; 950 flex-direction: column; 951 gap: 128px; 952 background: #131821 url(${b("/pages/pickem/leaders-bg.jpg")}) 953 no-repeat top center / 100%; 954 border-radius: 8px; 955 padding: 0 var(--landing-gutter) 64px; 956 margin-bottom: 24px; 957 overflow: hidden; 958 959 @media (min-width: 1100px) { 960 --landing-gutter: 48px; 961 } 962 963 @media (min-width: 1600px) { 964 --landing-gutter: 72px; 965 } 966 967 @media (max-width: 700px) { 968 gap: 64px; 969 } 970`,tr=i.div` 971 width: 756px; 972 margin: 0 auto; 973 display: flex; 974 flex-direction: column; 975 align-items: center; 976 gap: 128px; 977 978 &:empty { 979 display: none; 980 } 981 982 @media (max-width: 700px) { 983 gap: 64px; 984 } 985 986 @media (max-width: 1000px) { 987 width: 100%; 988 } 989`,ii=i.div` 990 h5 { 991 font-weight: 700; 992 font-size: 26px; 993 line-height: 30px; 994 color: #ffffff; 995 display: flex; 996 align-items: center; 997 justify-content: center; 998 999 img { 1000 width: 32px; 1001 margin-right: 12px; 1002 } 1003 1004 span { 1005 margin-left: 12px; 1006 padding: 6px 12px; 1007 border: 2px solid #6bcea5; 1008 filter: drop-shadow(0px 0px 32px rgba(107, 206, 165, 0.57)); 1009 border-radius: 6px; 1010 font-weight: 500; 1011 font-size: 16px; 1012 line-height: 19px; 1013 color: #6bcea5; 1014 } 1015 } 1016 1017 @media (max-width: 1000px) { 1018 h5 { 1019 font-size: 19px; 1020 } 1021 } 1022`,ni=i.p` 1023 margin: 24px 0; 1024 font-weight: 400; 1025 font-size: 16px; 1026 line-height: 150%; 1027 text-align: center; 1028 letter-spacing: 0.2px; 1029 color: #c1c8da; 1030`,jn=i.div` 1031 height: 56px; 1032 width: 100%; 1033 background: rgba(78, 60, 38, 0.09); 1034 border: 1px solid #554a33; 1035 border-radius: 6px; 1036 display: flex; 1037 align-items: center; 1038 1039 @media (max-width: 1000px) { 1040 flex-direction: column; 1041 } 1042`,vn=i.div` 1043 display: grid; 1044 grid-template-columns: repeat(16, 1fr); 1045 gap: 2px; 1046 height: 100%; 1047 width: 100%; 1048 1049 div { 1050 height: 100%; 1051 background: rgba(255, 176, 118, 0.06); 1052 display: flex; 1053 align-items: center; 1054 justify-content: center; 1055 font-weight: 500; 1056 font-size: 16px; 1057 text-transform: uppercase; 1058 color: #deb98e; 1059 1060 &.done { 1061 background: #f0b358; 1062 color: #181611; 1063 } 1064 } 1065 1066 @media (max-width: 1000px) { 1067 display: none; 1068 } 1069`,wn=i.button` 1070 padding: 19px; 1071 white-space: nowrap; 1072 font-weight: 600; 1073 font-size: 14px; 1074 color: #f0b358; 1075 display: flex; 1076 align-items: center; 1077 background: transparent; 1078 1079 svg { 1080 width: 16px; 1081 margin-left: 6px; 1082 } 1083`,ir=i.div` 1084 padding: 20px 24px; 1085 border-radius: 12px; 1086 background: #232a39; 1087 display: flex; 1088 overflow: hidden; 1089 align-items: center; 1090 justify-content: space-between; 1091 width: 100%; 1092 1093 .bg { 1094 position: absolute; 1095 left: 0; 1096 width: 100%; 1097 height: 100%; 1098 top: 0; 1099 } 1100 1101 button { 1102 padding: 10px 28px; 1103 border-radius: 8px; 1104 background: rgba(96, 128, 255, 0.12); 1105 display: flex; 1106 align-items: center; 1107 color: #6080ff; 1108 font-weight: 500; 1109 height: 52px; 1110 font-size: 16px; 1111 1112 img, 1113 svg { 1114 width: 24px; 1115 margin-left: 8px; 1116 } 1117 1118 &.closed { 1119 border-radius: 8px; 1120 background: rgba(19, 24, 33, 0.4); 1121 color: #434c5e; 1122 pointer-events: none; 1123 1124 svg { 1125 display: none; 1126 } 1127 } 1128 } 1129 1130 h4 { 1131 font-weight: 700; 1132 font-size: 20px; 1133 color: #fff; 1134 text-transform: none; 1135 } 1136 1137 p { 1138 color: #778597; 1139 font-weight: 500; 1140 margin-top: 8px; 1141 } 1142 1143 @media (max-width: 1000px) { 1144 flex-wrap: wrap; 1145 row-gap: 20px; 1146 padding: 16px 16px; 1147 1148 p { 1149 margin-top: 4px; 1150 font-size: 12px; 1151 } 1152 1153 button { 1154 font-size: 14px; 1155 padding: 8px 16px; 1156 height: 48px; 1157 1158 svg { 1159 display: none; 1160 } 1161 } 1162 } 1163`,nr=i.div` 1164 margin-top: 24px; 1165 display: flex; 1166 flex-direction: column; 1167 gap: 7px; 1168 padding: 10px; 1169 border-radius: 12px; 1170 background: linear-gradient(180deg, #212533 -12.18%, #171c26 103.8%); 1171`,sr=i.div` 1172 padding: 38px 38px 28px 38px; 1173 width: 856px; 1174 background: #131822 1175 url(${b("/pages/pickem/landing/bonus-bg.png")}) 1176 no-repeat center center / 101%; 1177 border-radius: 32px; 1178 display: flex; 1179 flex-direction: column; 1180 align-items: center; 1181 justify-content: center; 1182 1183 h2 { 1184 font-size: 36px; 1185 font-weight: 800; 1186 1187 div { 1188 display: inline; 1189 border-radius: 3px; 1190 background: #ffc860; 1191 padding: 1px 10px; 1192 margin: 0 10px; 1193 1194 &::before { 1195 content: ''; 1196 z-index: 1; 1197 position: absolute; 1198 width: 429px; 1199 height: 153px; 1200 display: block; 1201 right: -97px; 1202 bottom: -71px; 1203 background: url(${b("/pages/pickem/light.png")}) 1204 no-repeat center center / cover; 1205 } 1206 1207 span { 1208 color: transparent; 1209 background: linear-gradient(180deg, #13131b 0%, #3f372c 100%); 1210 -webkit-background-clip: text; 1211 background-clip: text; 1212 } 1213 } 1214 } 1215 1216 p { 1217 margin: 20px 0 27px 0; 1218 width: 60%; 1219 padding: 10px 64px; 1220 color: #fff; 1221 text-align: center; 1222 font-size: 24px; 1223 font-weight: 500; 1224 line-height: 120%; 1225 background: linear-gradient( 1226 90deg, 1227 rgba(0, 0, 0, 0) -0.09%, 1228 rgba(0, 0, 0, 0.5) 50.4%, 1229 rgba(0, 0, 0, 0) 99.88% 1230 ); 1231 width: 560px; 1232 max-width: 90%; 1233 } 1234 1235 @media (max-width: 1000px) { 1236 padding: 24px 12px 24px 12px; 1237 border-radius: 16px; 1238 max-width: 100%; 1239 1240 h2 { 1241 font-size: 24px; 1242 text-align: center; 1243 padding: 0 12px; 1244 } 1245 1246 p { 1247 font-size: 16px; 1248 padding: 10px 24px; 1249 } 1250 } 1251`,ar=i.div` 1252 display: flex; 1253 align-items: center; 1254 gap: 24px; 1255 width: 100%; 1256 1257 button { 1258 padding: 20px 10px; 1259 width: 100%; 1260 border-radius: 14px; 1261 background: #fff; 1262 display: flex; 1263 align-items: center; 1264 justify-content: center; 1265 gap: 10px; 1266 color: #000; 1267 font-size: 17px; 1268 font-weight: 700; 1269 1270 svg { 1271 width: 24px; 1272 height: 24px; 1273 } 1274 } 1275 1276 @media (max-width: 1000px) { 1277 flex-direction: column; 1278 gap: 12px; 1279 1280 button { 1281 padding: 14px 10px; 1282 font-size: 14px; 1283 gap: 4px; 1284 1285 svg { 1286 width: 18px; 1287 } 1288 } 1289 } 1290`,rr=i.div` 1291 border-radius: 32px; 1292 background: linear-gradient( 1293 107deg, 1294 #dd784d -19.25%, 1295 #f0b358 22.59%, 1296 #ffba52 63.18%, 1297 #d88a42 100.64% 1298 ); 1299 padding: 38px 48px 32px 48px; 1300 width: 856px; 1301 padding-right: 55%; 1302 1303 h4 { 1304 text-transform: none; 1305 color: #1d222e; 1306 font-family: Gotham; 1307 font-size: 32px; 1308 font-weight: 900; 1309 } 1310 1311 & > img { 1312 position: absolute; 1313 right: -1px; 1314 bottom: -1px; 1315 height: 110%; 1316 } 1317 1318 button { 1319 margin: 24px 0; 1320 border-radius: 14px; 1321 background: #1d222e; 1322 padding: 20px 24px; 1323 display: flex; 1324 align-items: center; 1325 gap: 10px; 1326 font-size: 17px; 1327 font-weight: 700; 1328 1329 img { 1330 width: 24px; 1331 } 1332 } 1333 1334 p { 1335 color: #1d222e; 1336 font-size: 13px; 1337 font-weight: 600; 1338 line-height: 140%; 1339 } 1340 1341 @media (max-width: 1000px) { 1342 max-width: 100%; 1343 padding: 24px 58% 24px 24px; 1344 border-radius: 16px; 1345 1346 button { 1347 margin: 12px 0; 1348 padding: 14px 22px; 1349 } 1350 1351 h4 { 1352 font-size: 24px; 1353 } 1354 1355 p { 1356 font-size: 11px; 1357 line-height: 120%; 1358 } 1359 } 1360 1361 @media (max-width: 750px) { 1362 padding-right: 0; 1363 1364 img { 1365 display: none; 1366 } 1367 1368 p, 1369 h4 { 1370 max-width: 300px; 1371 } 1372 } 1373`,or=i.div` 1374 position: absolute; 1375 right: 30px; 1376 bottom: -16px; 1377 z-index: 1;
1378 border-radius: 17px; 1379 background: #1d222e; 1380 box-shadow: 11px -5px 28px 0px rgba(0, 0, 0, 0.25); 1381 padding: 22px 20px; 1382 display: flex; 1383 flex-direction: column; 1384 gap: 18px; 1385 width: 270px; 1386 1387 div { 1388 display: flex; 1389 align-items: flex-start; 1390 gap: 9px; 1391 color: #e5e8ef; 1392 font-size: 14px; 1393 font-weight: 500; 1394 } 1395 1396 @media (max-width: 1000px) { 1397 display: none; 1398 } 1399`,cr=i.div` 1400 margin-top: 20px; 1401`,lr=i.div` 1402 display: flex; 1403 flex-direction: row; 1404 gap: 19px; 1405 overflow-x: auto; 1406 padding-bottom: 8px; 1407`,qe=i.div` 1408 height: 235px; 1409 border-radius: 5px 5px 0 0; 1410 background: linear-gradient(180deg, rgba(25, 29, 40, 0) 0%, #1c2237 100%); 1411 padding: 16px 12px 28px 12px; 1412`,Ke=i.div` 1413 border-top: 2px solid #38426c; 1414 background: linear-gradient(180deg, #1b2136 0%, rgba(25, 29, 40, 0) 83.33%); 1415 padding: 24px 14px 0 14px; 1416 height: 66px; 1417 1418 a { 1419 display: flex; 1420 align-items: center; 1421 justify-content: center; 1422 gap: 10px; 1423 1424 & > img { 1425 width: 34px; 1426 height: 34px; 1427 border-radius: 50%; 1428 } 1429 } 1430`,dr=i.p` 1431 color: #d5d9e4; 1432 font-size: 12px; 1433 font-weight: 500; 1434 margin-bottom: 3px; 1435`,pr=i.div` 1436 display: flex; 1437 align-items: center; 1438 gap: 3px; 1439 color: #7a9aff; 1440 font-size: 13px; 1441 font-weight: 700; 1442 1443 img { 1444 width: 14px; 1445 height: 14px; 1446 } 1447`,Ue=i.div` 1448 flex: 1; 1449 display: flex; 1450 align-items: center; 1451 justify-content: center; 1452 1453 img { 1454 max-width: 80%; 1455 padding: 8px; 1456 } 1457`,si=i.div` 1458 display: flex; 1459 flex-direction: column; 1460 gap: 2px; 1461`,ai=i.p` 1462 font-size: 12px; 1463`,ri=i.h3` 1464 font-size: 15px; 1465 font-weight: 700; 1466 line-height: 18px; 1467 margin: 1px 0 10px 0; 1468 text-transform: none; 1469 text-align: left; 1470`,oi=i.div` 1471 color: #d5d9e4; 1472 font-size: 12px; 1473 font-weight: 500; 1474`,Lt=i.div` 1475 position: absolute; 1476 top: 8px; 1477 left: 8px; 1478 border-radius: 2px; 1479 background: rgba(145, 175, 253, 0.12); 1480 padding: 3px 7px; 1481 color: #d5d9e4; 1482 font-size: 12px; 1483 font-weight: 700; 1484`,zt=i.div` 1485 border-radius: 3px; 1486 background: #38426c; 1487 padding: 3px 12px; 1488 font-size: 11px; 1489 font-weight: 600; 1490 line-height: 14px; 1491 position: absolute; 1492 top: 0; 1493 left: 50%; 1494 transform: translate(-50%, -50%); 1495 white-space: nowrap; 1496`,ci=i.div` 1497 position: absolute; 1498 right: 12px; 1499 top: 12px; 1500 display: flex; 1501 align-items: center; 1502 gap: 5px; 1503 color: #ff9838; 1504 font-size: 14px; 1505 font-weight: 700; 1506 1507 img { 1508 width: 16px; 1509 } 1510`,Bt=i.div` 1511 position: absolute; 1512 inset: 0; 1513 border-radius: inherit; 1514 background: radial-gradient( 1515 circle at top center, 1516 rgba(96, 128, 255, 0.18), 1517 transparent 55% 1518 ); 1519 opacity: 0; 1520 pointer-events: none; 1521`,li=i.div` 1522 min-width: 240px; 1523 flex: 1; 1524 scroll-snap-align: start; 1525 1526 &.active { 1527 ${Bt} { 1528 opacity: 1; 1529 } 1530 1531 ${zt} { 1532 background: #6080ff; 1533 } 1534 1535 ${Ke} { 1536 border-color: #6080ff; 1537 background: linear-gradient( 1538 180deg, 1539 rgba(96, 128, 255, 0.24) 0%, 1540 rgba(96, 128, 255, 0) 83.33% 1541 ); 1542 } 1543 1544 ${qe} { 1545 background: 1546 linear-gradient( 1547 170deg, 1548 rgba(8, 11, 17, 0) 56.02%, 1549 rgba(8, 11, 17, 0.9) 128.89% 1550 ), 1551 linear-gradient( 1552 169deg, 1553 rgba(62, 79, 168, 0) 5.09%, 1554 rgba(96, 128, 255, 0.9) 137.16% 1555 ), 1556 linear-gradient( 1557 187deg, 1558 rgba(8, 11, 17, 0) -15.32%, 1559 rgba(8, 11, 17, 0.9) 113.92% 1560 ); 1561 } 1562 1563 ${Lt} { 1564 background: #6080ff; 1565 color: #fff; 1566 } 1567 } 1568 1569 &.notStarted { 1570 user-select: none; 1571 1572 ${Ke} { 1573 border-top: 2px solid #38426c; 1574 background: linear-gradient( 1575 180deg, 1576 rgba(27, 33, 54, 0.3) 0%, 1577 rgba(25, 29, 40, 0) 83.33% 1578 ); 1579 } 1580 1581 ${qe} { 1582 background: linear-gradient( 1583 180deg, 1584 rgba(25, 29, 40, 0) 0%, 1585 rgba(28, 34, 55, 0.32) 100% 1586 ); 1587 opacity: 0.2; 1588 } 1589 1590 ${Ue} { 1591 filter: grayscale(1); 1592 } 1593 1594 ${zt} { 1595 display: none; 1596 } 1597 } 1598`,xr=i.div` 1599 position: absolute; 1600 left: 50%; 1601 top: calc(50% - 33px); 1602 transform: translate(-50%, -50%); 1603 display: flex; 1604 align-items: center; 1605 flex-direction: column; 1606 gap: 12px; 1607 color: #6080ff; 1608 font-size: 14px; 1609 font-weight: 500; 1610 1611 svg { 1612 width: 40px; 1613 } 1614`;i.span` 1615 width: 16px; 1616 height: 16px; 1617 border-radius: 999px; 1618 background: linear-gradient(180deg, #f0b358 0%, #ffdf8c 100%); 1619 box-shadow: 0 0 0 4px rgba(240, 179, 88, 0.12); 1620`;const gr=()=>{const t=_(Hn),n=_(Ne),a=x.useRef(),c=x.useRef();return Fs(a),x.useEffect(()=>{const m=a.current,u=c.current;if(!n?.id_skinsfall_season||!m||!u)return;const r=m.clientWidth,l=m.scrollLeft,f=u.offsetLeft,v=u.offsetWidth,j=f-r/2+v/2-l;m.scrollTo({left:j,behavior:"smooth"})},[n?.id_skinsfall_season]),t?e.jsx(cr,{children:e.jsx(lr,{className:"blue-x-scroll",ref:a,children:t.map((m,u)=>e.jsx(mr,{index:u,raffle:m,ref:m.id_skinsfall_season===n?.id_skinsfall_season?c:null},`skinsfall-${u}`))})}):null},di=["knife","usp","ak47","awp","negev","deagle","p90","aug","m4a4","ssg","glock","ak47","knife","p250","m4a1s","awp","famas","deagle","tec9","xm1014","awp","p90","ssg","m4a4"],pi=(t,n="Europe/Moscow")=>
1620new Date(t.toLocaleString("en-US",{timeZone:n})),mr=x.forwardRef(({raffle:t,index:n},a)=>{const{t:c,i18n:m}=R(),u=Math.floor(Date.now()/1e3),r=t.is_active,l=t.unixtime_start<u,f=x.useMemo(()=>{if(t.unixtime_end>Date.now()/1e3)return null;if(t.user_status===2)return c`nyGiveawayYouWon`;if(!t.is_active)return c`nyFinishedGiveaway`;if(t.is_active&&t.user_status===1)return c`youAreIn`;if(t.is_active)return c`nyActiveGiveaway`},[t,c]),v=x.useCallback(g=>Fn(g,m.language,{day:"numeric",month:"long"}),[m.language]);return l?e.jsxs(li,{className:I(r&&"active"),ref:a,children:[e.jsx(Bt,{}),e.jsxs(qe,{children:[e.jsx(Lt,{children:n+1}),e.jsxs(ci,{children:[pe(t.item_data.price),e.jsx("img",{loading:"lazy",src:b("/img/general/coin1.png"),alt:""})]}),e.jsx(Ue,{children:e.jsx("img",{loading:"lazy",src:t.item_data.img,alt:""})}),e.jsxs(si,{children:[e.jsx(ai,{children:t.item_data.name.split(" | ")[0]}),e.jsx(ri,{children:t.item_data.name.split(" | ")[1]}),e.jsx(oi,{children:v(new Date(t.unixtime_end*1e3))})]})]}),e.jsxs(Ke,{children:[f&&e.jsx(zt,{children:f}),t.winner?.steamid64&&e.jsxs(U,{to:`/profile/${t.winner.steamid64}`,children:[e.jsx("img",{loading:"lazy",src:t.winner.avatar,alt:""}),e.jsxs("div",{children:[e.jsx(dr,{className:"limited-length",children:t.winner.name}),e.jsxs(pr,{children:[t.winner.count_tickets,e.jsx("img",{loading:"lazy",src:b("/pages/pickem/raffle/mini-tickets.png"),alt:""})]})]})]})]})]}):e.jsxs(li,{className:"notStarted",ref:a,children:[e.jsxs(xr,{children:[e.jsx(fs,{}),v(pi(new Date(t.unixtime_start*1e3)))]}),e.jsxs(qe,{children:[e.jsx(Lt,{children:n+1}),t.item_data?e.jsxs(x.Fragment,{children:[e.jsxs(ci,{children:[pe(t.item_data.price),e.jsx("img",{loading:"lazy",src:b("/img/general/coin1.png"),alt:""})]}),e.jsx(Ue,{children:e.jsx("img",{loading:"lazy",src:t.item_data.img,alt:""})}),e.jsxs(si,{children:[e.jsx(ai,{children:t.item_data.name.split(" | ")[0]}),e.jsx(ri,{children:t.item_data.name.split(" | ")[1]}),e.jsx(oi,{children:v(pi(new Date(t.unixtime_start*1e3)))})]})]}):e.jsx(Ue,{children:e.jsx("img",{loading:"lazy",style:{height:"72px",marginTop:"32px",transform:"scale(-1, 1) rotate(-10deg)"},src:b(`/img/weapons_new/${di[n%di.length]}.svg`),alt:""})})]}),e.jsx(Ke,{})]})}),hr=i.div` 1621 display: grid; 1622 grid-template-columns: 250px 1fr; 1623 gap: 2px; 1624 background: linear-gradient(270deg, #1a2034 55%, #212b4f 100%); 1625 border-radius: 8px; 1626 1627 @media (max-width: 600px) { 1628 grid-template-columns: 1fr; 1629 } 1630`,ur=i.div` 1631 padding: 20px; 1632 display: flex; 1633 flex-direction: column; 1634 align-items: flex-start; 1635 gap: 20px; 1636 1637 ${Bt} { 1638 display: block; 1639 width: 70%; 1640 left: calc(50% - 35%); 1641 } 1642`,fr=i.div` 1643 padding: 12px; 1644 display: flex; 1645 flex-direction: column; 1646 gap: 12px; 1647`,br=i.div` 1648 height: 300px; 1649 display: flex; 1650 flex-direction: column; 1651 gap: 3px; 1652 overflow-y: scroll; 1653 padding-right: 6px; 1654 1655 @media (max-width: 600px) { 1656 display: none; 1657 } 1658`,jr=i.div` 1659 width: 100%; 1660 padding: 10px 12px; 1661 border-radius: 4px; 1662 background: rgba(93, 108, 146, 0.15); 1663 1664 display: flex; 1665 justify-content: center; 1666 align-items: center; 1667 gap: 8px; 1668 1669 img { 1670 width: 16px; 1671 height: 16px; 1672 } 1673 1674 span { 1675 color: #898fa6; 1676 font-size: 12px; 1677 font-weight: 700; 1678 text-transform: uppercase; 1679 } 1680`,kn=i.div` 1681 display: flex; 1682 align-items: center; 1683 gap: 8px; 1684 1685 img { 1686 width: 22px; 1687 height: 22px; 1688 border-radius: 50%; 1689 } 1690 1691 span { 1692 color: #adbcd0; 1693 font-size: 12px; 1694 font-weight: 700; 1695 max-width: 110px; 1696 } 1697`,vr=i.div` 1698 display: flex; 1699 align-items: center; 1700 justify-content: space-between; 1701 border-radius: 4px; 1702 background: rgba(93, 108, 146, 0.2); 1703 padding: 12px; 1704 1705 &.currentUser { 1706 background: linear-gradient(0deg, #2a3767 -25%, #202947 100%); 1707 border: 1px solid rgba(54, 73, 148, 1); 1708 1709 ${kn} span { 1710 color: rgba(191, 213, 255, 1); 1711 } 1712 } 1713`,wr=i.div` 1714 display: flex; 1715 align-items: center; 1716 gap: 8px; 1717 font-size: 15px; 1718 font-weight: 900; 1719 line-height: 14px; 1720 1721 img { 1722 width: 18px; 1723 height: 18px; 1724 } 1725`,kr=i.div` 1726 width: 100%; 1727 display: flex; 1728 flex-direction: row; 1729 justify-content: space-between; 1730 1731 span { 1732 display: flex; 1733 flex-direction: column; 1734 gap: 2px; 1735 } 1736`,yr=i.div` 1737 width: 100%; 1738 display: flex; 1739 flex-direction: column; 1740 gap: 10px; 1741`,xi=i.button` 1742 border-radius: 6px; 1743 background: #ffc860; 1744 height: 42px; 1745 padding: 6px 20px; 1746 width: 100%; 1747 display: flex; 1748 align-items: center; 1749 justify-content: center; 1750 gap: 6px; 1751 1752 p { 1753 color: #13131b; 1754 font-size: 13px; 1755 font-weight: 600; 1756 } 1757 1758 svg {
1759 width: 20px; 1760 height: 20px; 1761 } 1762 1763 &.notActive { 1764 background: rgba(240, 179, 88, 0.5); 1765 cursor: default; 1766 1767 &:hover { 1768 filter: none; 1769 } 1770 } 1771`,Cr=i.div` 1772 flex: 1; 1773 display: flex; 1774 align-items: center; 1775 justify-content: center; 1776 background: url(${b("/pages/pickem/raffle/prize-accent.png")}) 1777 center / contain no-repeat; 1778 1779 img { 1780 max-width: 70%; 1781 } 1782 1783 &:before { 1784 content: ''; 1785 position: absolute; 1786 width: 100%; 1787 height: 100%; 1788 top: 0; 1789 left: 0; 1790 background: radial-gradient(#778fff4d 0%, transparent 50%); 1791 filter: blur(20px); 1792 } 1793`,_r=i.div` 1794 position: absolute; 1795 right: 12px; 1796 top: 12px; 1797 display: flex; 1798 align-items: center; 1799 gap: 5px; 1800 color: #ff9838; 1801 font-size: 14px; 1802 font-weight: 700; 1803 1804 img { 1805 width: 16px; 1806 } 1807`,Pr=i.div` 1808 font-size: 12px; 1809`,Lr=i.div` 1810 font-size: 15px; 1811 font-weight: 700; 1812 line-height: 18px; 1813`,zr=i.div` 1814 display: flex; 1815 align-items: center; 1816 gap: 8px; 1817 color: #d5d9e4; 1818 font-size: 12px; 1819 font-weight: 500; 1820`,Tr=i.span` 1821 width: 8px; 1822 height: 8px; 1823 border-radius: 999px; 1824 background: ${t=>t.active?"#73c754":"#f0b358"}; 1825`,Sr=i.div` 1826 display: flex; 1827 gap: 6px; 1828 1829 & > span { 1830 border-radius: 6px; 1831 background: rgba(145, 175, 253, 0.06); 1832 1833 &.selector { 1834 width: 100%; 1835 display: flex; 1836 align-items: center; 1837 justify-content: space-between; 1838 } 1839 } 1840 1841 button { 1842 border-radius: 6px; 1843 background: rgba(145, 175, 253, 0.12); 1844 width: 32px; 1845 height: 32px; 1846 display: flex; 1847 align-items: center; 1848 justify-content: center; 1849 1850 svg { 1851 width: 16px; 1852 height: 16px; 1853 } 1854 1855 &.disabled { 1856 cursor: default; 1857 opacity: 0.5; 1858 } 1859 } 1860 1861 .button-all { 1862 width: auto; 1863 padding: 0 20px; 1864 flex-shrink: 0; 1865 color: #d5d9e4; 1866 font-weight: 500; 1867 font-size: 13px; 1868 } 1869 1870 div { 1871 display: flex; 1872 align-items: center; 1873 gap: 8px; 1874 color: #ecf1f8; 1875 font-size: 14px; 1876 1877 & > img { 1878 width: 18px; 1879 height: 18px; 1880 } 1881 } 1882`,$r=i.div` 1883 position: absolute; 1884 left: 12px; 1885 top: 12px; 1886 border-radius: 2px; 1887 background: #6080ff; 1888 padding: 3px 7px; 1889 color: #fff; 1890 font-size: 12px; 1891 font-weight: 700; 1892`,Mr=i.p` 1893 position: absolute; 1894 right: 12px; 1895 top: 12px; 1896 color: #c7d3e2; 1897 font-size: 14px; 1898 white-space: nowrap; 1899`,Er=()=>{const t=F(),{t:n}=R(),[a,c]=x.useState(1),m=_(P=>P.auth),u=_(Ne),r=_(Qi),[l,f]=x.useState(!1);if(!u)return null;const v=()=>{a<1||r<a||l||(f(!0),t(Wn(u.id_skinsfall_season,a)).finally(()=>f(!1)),c(1))},g=()=>c(P=>Math.max(1,P-1)),j=()=>c(P=>Math.max(1,Math.min(r,P+1))),L=()=>c(r);return e.jsxs(hr,{children:[e.jsxs(fr,{children:[u&&m.isAuth&&e.jsx(gi,{player:m,ticketsCount:u.user_count_tickets||0,currentUser:!0}),e.jsx(br,{className:"blue-scroll",children:u.players_season&&u.players_season.map((P,T)=>P.steamid64!==m?.steamid64&&e.jsx(gi,{player:P,ticketsCount:P.count_tickets},T))}),e.jsxs(jr,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/raffle/icon-3friends.svg"),alt:""}),e.jsx("span",{children:`${n("users")}: ${u.count_players}`})]})]}),e.jsxs(ur,{children:[u?.day&&e.jsx($r,{children:`${Rt(n`Day`)} ${u.day}`}),u?.unixtime_end&&e.jsxs(Mr,{children:[n`nyGiveawayResultsIn`," ",e.jsx(fn,{timeUntil:u.unixtime_end})]}),e.jsx(Cr,{children:e.jsx("img",{loading:"lazy",src:u.item_data?.img,alt:""})}),u.item_data&&e.jsxs(kr,{children:[e.jsxs("span",{children:[e.jsx(Pr,{children:u.item_data.name.split(" | ")[0]}),e.jsx(Lr,{children:u.item_data.name.split(" | ")[1]})]}),e.jsxs(_r,{children:[pe(u.item_data.price),e.jsx("img",{loading:"lazy",src:b("/img/general/coin1.png"),alt:""})]})]}),e.jsxs(yr,{children:[e.jsxs(zr,{children:[e.jsx(Tr,{active:u.user_status===1}),u.user_status===0?n`nyGiveawayUseTicketsToParticipate`:n`youAreIn`]}),e.jsxs(Sr,{children:[e.jsxs("span",{className:"selector",children:[e.jsx("button",{className:I(a-1<1&&"disabled"),onClick:g,children:e.jsx(bs,{})}),e.jsxs("div",{children:[a,e.jsx("img",{loading:"lazy",src:b("/pages/pickem/raffle/mini-tickets.png"),alt:""})]}),e.jsx("button",{className:I(a+1>r&&"disabled"),onClick:j,children:e.jsx(js,{})})]}),e.jsx("span",{children:e.jsx("button",{className:I("button-all",a+1>r&&"disabled"),onClick:L,children:n`ALL`})})]}),r<1?e.jsx(Z,{placement:"top",content:n`nyGiveawayButtonUnavaliableTippy`,children:e.jsxs(xi,{className:"notActive",children:[e.jsx("p",{children:n`nyGiveawayNotEnoughTickets`}),e.jsx(vs,{})]})}):e.jsx(xi,{className:I(l&&"notActive"),onClick:v,children:e.jsx("p",{children:n`BecomeParticipator`})})]})]})]})},gi=({player:t,ticketsCount:n,currentUser:a})=>e.jsx(U,{to:`/profile/${t.steamid64}`,children:e.jsxs(vr,{className:I(a&&"currentUser"),children:[e.jsxs(kn,{children:[e.jsx("img",{src:t.avatar,loading:"lazy",alt:""}),e.jsx("span",{className:"limited-length",children:t.name})]}),e.jsxs(wr,{children:[n,e.jsx("img",{loading:"lazy",src:b("/pages/pickem/raffle/mini-tickets.png"),alt:""})]})]})}),Nr=i.div` 1900 border-radius: 8px; 1901 border-left: 3px solid #6080ff; 1902 background: linear-gradient(270deg, #1a2034 55%, #212b4f 100%); 1903 margin-bottom: 12px; 1904 1905 & > div { 1906 display: flex; 1907 justify-content: space-between; 1908 align-items: center; 1909 gap: 12px; 1910 width: 100%; 1911 height: 52px; 1912 padding: 0 12px 0 24px; 1913 } 1914 1915 h3 { 1916 text-transform: none; 1917 font-size: 18px; 1918 font-weight: 700; 1919 line-height: 140%; 1920 text-align: left; 1921 } 1922 1923 @media (max-width: 1000px) { 1924 h3 { 1925 font-size: 16px; 1926 } 1927 } 1928`,Tt=({children:t,text:n,className:a})=>e.jsx(Nr,{className:a,children:e.jsxs("div",{children:[e.jsx("h3",{children:n}),t]})}),Ar=i.div` 1929 display: flex; 1930 flex-direction: column; 1931 gap: 6px; 1932 max-height: 427px; 1933 overflow-y: auto; 1934 padding-right: 10px; 1935`,Rr=()=>{const{t}=R();return e.jsxs(Ar,{className:"blue-scroll",children:[e.jsx(mi,{type:"income",text:"+4 Lynn Vision vs TYLOO",time:t("RaffleHistoryTimestamp",{date:"2/10/2026",time:"6:04:20"})}),e.jsx(mi,{type:"outcome",text:t("RaffleParticipationHistory",{count:5}),time:t("RaffleHistoryTimestamp",{date:"2/10/2026",time:"6:04:20"})})]})},Ir=i.div` 1936 width: 100%; 1937 border-radius: 8px; 1938 display: flex; 1939 align-items: center; 1940 justify-content: space-between; 1941 padding: 16px 25px; 1942 background: #5d6c9224; 1943`,Dr=i.div` 1944 display: flex; 1945 align-items: center; 1946 gap: 6px; 1947 1948 p { 1949 font-weight: 500; 1950 font-size: 14px; 1951 color: #d9e3f1; 1952 } 1953`,Br=i.div` 1954 img { 1955 width: 24px; 1956 height: 24px; 1957 } 1958 1959 svg { 1960 width: 9px; 1961 position: absolute; 1962 bottom: 0; 1963 right: 0; 1964 color: #009966; 1965 1966 path { 1967 color: inherit; 1968 } 1969 } 1970 1971 &.income { 1972 svg { 1973 transform: rotate(0); 1974 color: #009966; 1975 } 1976 } 1977 1978 &.outcome { 1979 svg { 1980 transform: rotate(180deg); 1981 color: #e84360; 1982 } 1983 } 1984`,Or=i.div` 1985 font-weight: 400; 1986 font-size: 14px; 1987 color: #898fa6; 1988`,mi=({type:t,text:n,time:a})=>e.jsxs(Ir,{children:[e.jsxs(Dr,{children:[e.jsxs(Br,{className:t,children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/raffle/mini-tickets.png"),alt:""}),e.jsx(ws,{})]}),e.jsx("p",{children:n})]}),e.jsx(Or,{children:a})]}),Hr=i.div` 1989 display: flex; 1990 flex-direction: row; 1991 align-items: center; 1992 justify-content: space-between; 1993 gap: 12px; 1994`,Fr=i.div` 1995 display: flex; 1996 flex-direction: row; 1997 align-items: center; 1998 gap: 2px; 1999 border-radius: 7px; 2000 border: 1px solid rgba(93, 108, 146, 0.24); 2001 padding: 4px; 2002 2003 button { 2004 height: 30px; 2005 padding: 6px 12px; 2006 background: rgba(93, 108, 146, 0.16); 2007 color: #c7d3e2; 2008 font-size: 12px; 2009 font-weight: 600; 2010 display: flex; 2011 flex-direction: row; 2012 align-items: center; 2013 gap: 6px; 2014 transition: all 0.2s ease; 2015 2016 & > span { 2017 background: #6080ff3d; 2018 border-radius: 4px; 2019 padding: 2px 6px; 2020 font-weight: 700; 2021 font-size: 12px; 2022 color: #6080ff; 2023 transition: all 0.2s ease; 2024 } 2025 2026 &.active { 2027 background: rgba(96, 128, 255, 0.24); 2028 color: #6080ff; 2029 2030 & > span { 2031 background: #6080ff; 2032 color: #1f2537; 2033 } 2034 } 2035 2036 &:first-child { 2037 border-radius: 4px 0 0 4px; 2038 } 2039 2040 &:last-child { 2041 border-radius: 0 4px 4px 0; 2042 } 2043 } 2044`,Wr=i.div` 2045 display: flex; 2046 flex-direction: column; 2047 gap: 6px; 2048 max-height: 390px; 2049 overflow-y: auto; 2050 padding-right: 6px; 2051 margin-top: 6px; 2052`,Vr=i.div` 2053 border-radius: 8px; 2054 background: rgba(93, 108, 146, 0.14); 2055 padding: 14px 14px 14px 18px; 2056 overflow: hidden; 2057 height: auto; 2058 min-height: 140px; 2059 display: flex; 2060 flex-shrink: 0; 2061 flex-direction: column; 2062 justify-content: space-between; 2063 2064 h2 { 2065 max-width: 70%; 2066 margin-bottom: 8px; 2067 font-size: 15px; 2068 font-weight: 500; 2069 line-height: 20px; 2070 } 2071 2072 p { 2073 max-width: 70%; 2074 color: #d9e3f1; 2075 font-size: 13px; 2076 line-height: 140%; 2077 } 2078 2079 &.default { 2080 p { 2081 & > font { 2082 font-weight: 600; 2083 } 2084 } 2085 } 2086 2087 &.premium { 2088 border: 1px solid #92845d42; 2089 background: 2090 url(${b("/pages/pickem/raffle/pattern-dots-2.png")}) 2091 0 0 / 8px, 2092 url(${b("/pages/pickem/raffle/missions/premium-background.png")}) 2093 0 0 / cover no-repeat, 2094 #ffc4653d; 2095 2096 p { 2097 & > font { 2098 color: #ffc860; 2099 } 2100 } 2101 } 2102 2103 &.betboom { 2104 background: 2105 url(${b("/pages/pickem/raffle/pattern-dots-2.png")}) 2106 0 0 / 8px, 2107 url(${b("/pages/pickem/raffle/missions/betboom-background.png")}) 2108 0 0 / cover no-repeat, 2109 #5d6c9224; 2110 2111 p { 2112 & > font { 2113 color: #f9e700; 2114 } 2115 } 2116 } 2117 2118 &.skinrave { 2119 background: 2120 url(${b("/pages/pickem/raffle/pattern-dots-2.png")}) 2121 0 0 / 8px, 2122 linear-gradient(270deg, rgba(98, 213, 123, 0.2), transparent), 2123 #5d6c9224; 2124 2125 p { 2126 & > font { 2127 color: #62d57b; 2128 } 2129 } 2130 } 2131`,Gr=i.div` 2132 margin-top: 12px; 2133 display: flex; 2134 flex-direction: row; 2135 align-items: center; 2136 gap: 12px; 2137 2138 button { 2139 --color: #759cff; 2140 2141 display: flex; 2142 align-items: center; 2143 gap: 4px; 2144 background: none; 2145 color: var(--color); 2146 2147 svg { 2148 width: 16px; 2149 height: 16px; 2150 color: var(--color); 2151 } 2152 2153 &.disabled { 2154 cursor: default; 2155 opacity: 0.75; 2156 } 2157 2158 &.green { 2159 --color: #62d57b; 2160 } 2161 2162 &.gold { 2163 --color: #ffc860; 2164 } 2165 2166 &.secondary { 2167 --color: #898fa6; 2168 } 2169 } 2170`,Ur=i.img` 2171 position: absolute; 2172 right: 7px; 2173 top: 7px; 2174 width: 120px; 2175`,yn=i.div` 2176 --accent-color: #6080ff; 2177 width: 100%; 2178 display: flex; 2179 flex-direction: row; 2180 align-items: center; 2181 padding: 8px 12px 4px 18px; 2182 gap: 10px; 2183 2184 div { 2185 display: flex; 2186 flex-direction: row; 2187 align-items: center; 2188 gap: 5px; 2189 2190 & > h5 { 2191 font-weight: 400; 2192 font-size: 13px; 2193 color: white; 2194 2195 font { 2196 color: var(--accent-color); 2197 } 2198 } 2199 2200 & > span { 2201 border-radius: 2px; 2202 padding: 2px 4px; 2203 background: var(--accent-color); 2204 font-weight: 700; 2205 font-size: 10px; 2206 color: black; 2207 } 2208 } 2209 2210 & > span { 2211 flex: 1; 2212 width: 100%; 2213 height: 1px; 2214 background: var(--accent-color); 2215 } 2216 2217 &.green { 2218 --accent-color: #62d57b; 2219 } 2220`;i.div` 2221 border-radius: 7px; 2222 border: 1px solid rgba(93, 108, 146, 0.24); 2223 padding: 4px; 2224 2225 button { 2226 padding: 6px 12px; 2227 border-radius: 4px; 2228 background: rgba(93, 108, 146, 0.16); 2229 color: #c7d3e2; 2230 font-size: 12px; 2231 font-weight: 600; 2232 } 2233`;const Zr=()=>{const{t}=R(),[n,a]=x.useState(!1);return e.jsxs("div",{children:[e.jsx(Tt,{text:t`dailyDropsHowGetTickets`}),n===!0?e.jsx(Rr,{}):e.jsx(Yr,{})]})},Yr=()=>{const{t}=R(),n=F(),a=x.useRef(null),[c,m]=x.useState(null),u=_(P=>P.pickem.tournament),r=_(P=>P.auth.premium.group),l=_(Vn),f=x.useMemo(()=>Gn.map(P=>{const T=l?.filter(y=>y.section===P.value);return{...P,count:T?.length||0}}).filter(P=>P.count>0),[l]),v=x.useMemo(()=>l?.some(P=>P?.section===Ce.BETBOOM),[l]),g=x.useMemo(()=>l?.filter(P=>P?.section===Ce.SKINRAVE),[l]),j=x.useMemo(()=>l?.filter(P=>P?.section===Ce.CYBERSHOKE),[l]);if(x.useEffect(()=>{a?.current?.scrollTo({top:0,behavior:"smooth"})},[c]),!l)return null;const L=Ws.includes(r);return e.jsxs(e.Fragment,{children:[f.length>0&&e.jsx(Hr,{children:e.jsxs(Fr,{children:[e.jsx("button",{onClick:()=>m(null),className:I({active:c===null}),children:t("ALL")}),f.map(P=>e.jsxs("button",{onClick:()=>m(P.value),className:I({active:c===P.value}),children:[P.title,e.jsx("span",{children:P.count})]},P.value))]})}),e.jsxs(Wr,{ref:a,className:"blue-scroll",children:[c===null&&e.jsxs(e.Fragment,{children:[e.jsx($e,{className:"default",title:t`raffleMissionPredictTitle`,description:t`raffleMissionPredictDescription`,image:b("/pages/pickem/raffle/missions/vs.png"),buttons:[{text:t("MakePrediction"),icon:"icon-raffle-tv",url:`/cs2/pickem/${u.url_short}/leagues`}]}),e.jsx($e,{className:"premium",title:t`raffleMissionPremiumTitle`,description:t`raffleMissionPremiumDescription`,image:b("/pages/pickem/raffle/missions/premium.png"),buttons:[{text:t(L?"bonusEnabled":"BuyPremium"),icon:L?"icon-raffle-doublecheckmark":"icon-raffle-external",className:"gold",onClick:()=>!L&&n(B("AUTOSUB_MODAL"))}]}),v&&e.jsx(qr,{})]}),g?.length>0&&(!c||c===Ce.SKINRAVE)&&e.jsx(Kr,{missions:g}),j?.length>0&&(!c||c===Ce.CYBERSHOKE)&&e.jsx(Xr,{missions:j})]})]})},qr=()=>{const{t}=R(),n=F(),a=_(m=>m.auth.connections),c=Object.keys(a||{})?.includes?.("betboom");return e.jsx($e,{className:"betboom",title:t`raffleMissionBetboomTitle`,description:t`raffleMissionBetboomDescription`,image:b("/pages/pickem/raffle/missions/betboom-gamepad.png"),buttons:[{text:t(c?"linkAccountSuccess":"linkAccount"),icon:c?"icon-raffle-doublecheckmark":"icon-raffle-chain",className:"gold",url:c?void 0:"https://auth.cybershoke.net/api/v1/connect/betboom"},{text:t("Info"),icon:"icon-raffle-information",className:"secondary",onClick:()=>n(B("RAFFLE-BETBOOM-MISSION"))}]})},Kr=({missions:t})=>{const{t:n}=R(),a=F(),[c,m]=x.useState(null),u=_(f=>f.auth.connections),r=Object.keys(u||{})?.includes?.("skinrave"),l=f=>{c||(m(f),a(It(f)).finally(()=>m(null)))};return e.jsxs(e.Fragment,{children:[e.jsxs(yn,{className:"green",children:[e.jsxs("div",{children:[e.jsx("h5",{dangerouslySetInnerHTML:{__html:n`missionsBySkinrave`}}),e.jsx("span",{children:t.length})]}),e.jsx("span",{})]}),t.map(f=>e.jsx($e,{className:"skinrave",title:ie(f?.name),description:ie(f?.description),image:V(f?.img),buttons:r?f.status_result===en.COMPLETED?[{text:n("redeemedTickets",{count:f?.count_tickets||1}),icon:"icon-raffle-doublecheckmark",className:"green"}]:[{text:n("CompleteMission"),icon:"icon-raffle-external",className:"blue",url:f?.redirect_url},{text:n("Check"),icon:"icon-raffle-reload",className:"secondary",onClick:()=>l(f.id),disabled:c===f.id}]:[{text:n("linkAccount"),icon:"icon-raffle-chain",className:"green",url:"https://auth.cybershoke.net/api/v1/connect/skinrave"}]}))]})},Xr=({missions:t})=>{const{t:n}=R(),a=F(),[c,m]=x.useState(null),u=r=>{c||(m(r),a(It(r)).finally(()=>m(null)))};return e.jsxs(e.Fragment,{childre
2233n:[e.jsxs(yn,{children:[e.jsxs("div",{children:[e.jsx("h5",{dangerouslySetInnerHTML:{__html:n`missionsByCybershoke`}}),e.jsx("span",{children:t.length})]}),e.jsx("span",{})]}),t.map(r=>e.jsx($e,{title:ie(r?.name),description:ie(r?.description),image:V(r?.img),buttons:r.status_result===en.COMPLETED?[{text:n("redeemedTickets",{count:r?.count_tickets||1}),icon:"icon-raffle-doublecheckmark",className:"green"}]:[{text:n("CompleteMission"),icon:"icon-raffle-external",className:"blue",url:r?.redirect_url},{text:n("Check"),icon:"icon-raffle-reload",className:"secondary",onClick:()=>u(r.id),disabled:c===r.id}]}))]})},$e=({title:t,description:n,buttons:a,image:c,className:m})=>e.jsxs(Vr,{className:m,children:[e.jsxs("span",{children:[e.jsx("h2",{dangerouslySetInnerHTML:{__html:t}}),e.jsx("p",{dangerouslySetInnerHTML:{__html:n}})]}),e.jsx(Gr,{children:a?.map(u=>e.jsx(Jr,{href:u.url,children:e.jsxs("button",{className:I(u.className,u.disabled&&"disabled"),onClick:r=>u.disabled!==!0&&u.onClick?.(r),children:[e.jsx(ks,{icon:u.icon}),u.text]})}))}),e.jsx(Ur,{src:c})]}),Jr=({href:t,children:n})=>t?t.startsWith?.("http")?e.jsx("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:n}):e.jsx(U,{to:t,children:n}):n,st=i.button` 2234 border-radius: 6px; 2235 border: 1px solid #fff; 2236 display: flex; 2237 padding: 11px 14px; 2238 align-items: center; 2239 gap: 14px; 2240 font-size: 15px; 2241 font-weight: 500; 2242 margin-bottom: 32px; 2243 background: transparent; 2244 2245 img { 2246 width: 20px; 2247 } 2248 2249 &.centered { 2250 margin: 0 auto; 2251 margin-top: 24px; 2252 2253 img { 2254 transform: rotate(180deg); 2255 } 2256 } 2257 2258 @media (max-width: 1000px) { 2259 display: none; 2260 } 2261`,Qr=i.div` 2262 position: relative; 2263 overflow: hidden; 2264 border-radius: 8px; 2265 background: #131821 url(${b("/pages/pickem/leaders-bg.jpg")}) 2266 no-repeat top center / 100%; 2267 margin-bottom: 24px; 2268 padding: 32px 0; 2269 2270 & > svg { 2271 path { 2272 color: unset; 2273 } 2274 } 2275`,eo=i.div` 2276 max-width: 1200px; 2277 width: 90%; 2278 margin: 0 auto; 2279 2280 @media (max-width: 1600px) { 2281 width: 100%; 2282 padding: 6px 0; 2283 } 2284`,to=i.div` 2285 & > div { 2286 padding: 0 12px; 2287 } 2288`,io=i.div` 2289 display: flex; 2290 flex-direction: column; 2291 align-items: center; 2292 padding: 0 12px; 2293`,no=i.h1` 2294 color: #fff; 2295 font-size: 26px; 2296 font-weight: 700; 2297 text-transform: none; 2298 line-height: 36px; 2299 text-align: center; 2300 2301 @media (max-width: 1600px) { 2302 font-size: 20px; 2303 } 2304`,so=i.h2` 2305 color: #c1c8da; 2306 font-size: 16px; 2307 font-weight: 400; 2308 line-height: 150%; 2309 letter-spacing: 0.2px; 2310 text-transform: none; 2311 text-align: center; 2312 max-width: 530px; 2313 margin: 18px auto 0 auto; 2314 2315 @media (max-width: 1600px) { 2316 font-size: 13px; 2317 } 2318`,ao=i.div` 2319 display: grid; 2320 grid-template-columns: 600px 1fr; 2321 gap: 10px; 2322 margin: 32px 0; 2323 2324 & > div { 2325 border-radius: 12px; 2326 background: #151a24; 2327 padding: 12px; 2328 } 2329 2330 &.full { 2331 grid-template-columns: 1fr; 2332 } 2333 2334 @media (max-width: 1770px) { 2335 grid-template-columns: 540px 1fr; 2336 overflow-x: auto; 2337 2338 & > div { 2339 min-width: 320px; 2340 } 2341 } 2342 2343 @media (max-width: 1500px) { 2344 grid-template-columns: 1fr; 2345 overflow-x: auto; 2346 2347 & > div { 2348 min-width: 320px; 2349 } 2350 } 2351`,ro=i.div` 2352 display: flex; 2353 align-items: center; 2354 gap: 6px; 2355 padding-right: 120px; 2356 height: 100%; 2357 position: absolute; 2358 bottom: 0; 2359 right: 0; 2360 2361 p { 2362 color: #7a9aff; 2363 font-size: 22px; 2364 font-weight: 700; 2365 } 2366 2367 img { 2368 position: absolute; 2369 bottom: 0; 2370 right: 0; 2371 width: 109px; 2372 } 2373 2374 h3 { 2375 font-size: 16px; 2376 } 2377 2378 @media (max-width: 1000px) { 2379 padding-right: 24px; 2380 2381 img { 2382 width: 22px; 2383 position: relative; 2384 } 2385 } 2386 2387 @media (max-width: 1700px) { 2388 h3 { 2389 display: none; 2390 } 2391 } 2392`,oo=()=>{const t=oe(),{t:n}=R();F();const a=ke(),c=_(r=>r.pickem.tournament),m=_(Ne),u=_(Qi);return e.jsxs(Qr,{children:[e.jsxs(eo,{children:[e.jsxs(io,{children:[e.jsxs(st,{onClick:()=>c?.url_short&&t(`/cs2/pickem/${c.url_short}`),children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/back.svg"),alt:""}),n("GoBack")]}),e.jsx(no,{children:n`dailyDrops`}),e.jsx(so,{children:n`dailyDropsDescription`})]}),e.jsxs(ao,{className:I(m===void 0&&"full"),children:[m!==void 0&&e.jsxs("div",{children:[e.jsx(Tt,{text:n`nyActiveGiveaway`,children:e.jsxs(ro,{children:[e.jsxs("h3",{children:[n`myTickets`,":"]}),e.jsx(Z,{placement:"top",content:n`nyGiveawayCurrentTickets`,children:e.jsx("p",{children:u||0})}),e.jsx("img",{loading:"lazy",src:b(`/pages/pickem/raffle/${a?"mini-tickets.png":"big-tickets.png"}`),alt:""})]})}),e.jsx(Er,{})]}),e.jsx(Zr,{})]}),e.jsxs(to,{children:[e.jsx("div",{children:e.jsx(Tt,{text:n`dailyDropsUntil`})}),e.jsx(gr,{})]}),e.jsx(nt,{style:{width:"100%",maxWidth:"100%"},list:[{question:"pickemRaffle1",answer:"pickemRaffle1text"},{question:"pickemRaffle3",answer:"pickemRaffle3text"},{question:"pickemRaffle2",answer:"pickemRaffle2text"},{question:"pickemRaffle4",answer:"pickemRaffle4text"}]})]}),e.jsx(co,{})]})},co=()=>e.jsx(ys,{}),lo=i.div` 2393 display: flex; 2394 flex-direction: column; 2395 gap: 16px; 2396 margin-top: auto; 2397`,po=i.div` 2398 width: 100%; 2399 display: flex; 2400 align-items: center; 2401 justify-content: center; 2402 gap: 16px; 2403 margin-bottom: 14px; 2404 2405 span { 2406 height: 2px; 2407 border-radius: 99px; 2408 background: rgba(93, 108, 146, 0.16); 2409 width: 100%; 2410 } 2411 2412 h6 { 2413 display: flex; 2414 align-items: center; 2415 white-space: nowrap; 2416 gap: 6px; 2417 color: #778597; 2418 font-size: 13px; 2419 font-weight: 500; 2420 } 2421 2422 img { 2423 width: 14px; 2424 } 2425`,Pe=i.div` 2426 display: flex; 2427 align-items: center; 2428 gap: 12px; 2429`,le=i.button` 2430 width: 100%; 2431 border-radius: 6px; 2432 background: rgba(19, 24, 33, 0.4); 2433 padding: 12px; 2434 display: flex; 2435 align-items: center; 2436 justify-content: space-between; 2437 overflow: hidden; 2438 transition: all 0.3s ease; 2439 gap: 8px; 2440 2441 p { 2442 color: #c7d3e2; 2443 font-size: 13px; 2444 font-weight: 600; 2445 transition: all 0.3s ease; 2446 } 2447 2448 &.active { 2449 background: #6080ff; 2450 2451 p { 2452 color: #1f2537; 2453 } 2454 } 2455 2456 &.disabled { 2457 pointer-events: none; 2458 filter: none; 2459 background: rgba(19, 24, 33, 0.4); 2460 2461 p { 2462 color: #434c5e; 2463 } 2464 2465 &.active { 2466 border-radius: 6px; 2467 background: rgba(76, 105, 181, 0.18); 2468 2469 p { 2470 color: #6080ff; 2471 } 2472 2473 &.wrong { 2474 background: rgba(108, 54, 63, 0.18); 2475 2476 p { 2477 color: #d94141; 2478 } 2479 } 2480 2481 &.correct { 2482 background: rgba(93, 150, 85, 0.18); 2483 2484 p { 2485 color: #64df3e; 2486 } 2487 } 2488 } 2489 } 2490`,hi={0:"1:0",1:"2:0",2:"2:1",3:"2:1",4:"2:0",5:"1:0",6:"3:0",7:"3:1",8:"3:2",9:"3:0",10:"3:1",11:"3:2"},he=({img:t,text:n})=>e.jsxs(po,{children:[e.jsx("span",{}),e.jsxs("h6",{children:[e.jsx("img",{loading:"lazy",src:b(`/pages/pickem/icons/${t}.svg`),alt:""}),n]}),e.jsx("span",{})]}),xo=({data:t,gameStarted:n,pick:a,makePick:c,disabled:m})=>{const{t:u}=R(),r=F(),l=_(g=>g.auth.isAuth),f=()=>{if(!l)return r(B("JOIN_LEAGUE",{title:"needAuth",subtitle:"needAuthToMakePicks",button:{text:"DiscordLite1Text",action:()=>{window.location.href=ne("/steam")}}}));t.access_bet&&r(B("PICKEM_VOTE",{type:2,availableTeams:[t.id_team_1,t.id_team_2],info:{name:u("MostKills")},action:g=>{r(B(null)),c({player:g})},hideSearch:!0}))},v=()=>{if(t.id_team_win!==null)return t.id_team_win!==a.team?"wrong":"correct"};return e.jsxs(lo,{className:m&&"inactive",children:[e.jsxs("div",{children:[e.jsx(he,{img:"cup",text:u("whoWins")}),e.jsx(Pe,{children:[{team:t.id_team_1,scoreId:0},{team:t.id_team_2,scoreId:5}].map((g,j)=>e.jsx(le,{style:{justifyContent:"center"},onClick:()=>c({team:g.team,score:null}),className:I(g.team&&a.team===g.team&&"active",n&&"disabled",v()),children:e.jsx("p",{children:t[`teams_${j+1}_data`]?.name||"TBD"})}))})]}),t.count_bo===5?e.jsxs("div",{children:[e.jsx(he,{img:"graph",text:u("finalScoreWinner")+" BO5"}),e.jsx(Pe,{children:(t.id_team_1===a.team?[6,7,8]:[9,10,11]).map((g,j)=>e.jsx(le,{style:{justifyContent:"center"},onClick:()=>c({score:g}),className:I(a.score===g&&["active",t.team_win_score&&(t.team_win_score===g?"correct":"wrong")],n&&"disabled"),children:e.jsx("p",{children:hi[g].replace("-",":")})}))})]}):t.count_bo===3?e.jsxs("div",{children:[e.jsx(he,{img:"graph",text:u("finalScoreWinner")+" BO3"}),e.jsx(Pe,{children:(t.id_team_1===a.team?[1,2]:[4,3]).map((g,j)=>e.jsx(le,{style:{justifyContent:"center"},onClick:()=>c({score:g}),className:I(a.score===g&&["active",t.team_win_score&&(t.team_win_score===g?"correct":"wrong")],n&&"disabled"),children:e.jsx("p",{children:hi[g].replace("-",":")})}))})]}):e.jsxs("div",{children:[e.jsx(he,{img:"graph",text:u("willOvertime")}),e.jsx(Pe,{children:[!0,!1].map(g=>e.jsx(le,{style:{justifyContent:"center"},onClick:()=>c({overtimes:g}),className:I(a.overtimes===g&&["active",t.have_overtimes!==null&&(t.have_overtimes===g?"correct":"wrong")],n&&"disabled"),children:e.jsx("p",{children:u(g?"yes":"no")})}))})]}),e.jsxs("div",{children:[e.jsx(he,{img:"user",text:u("MostKills")}),n||a.player.steamid64?e.jsxs(Pe,{children:[e.jsxs(le,{style:{justifyContent:"center"},className:I(a.player.steamid64&&"active",n&&"disabled",t.players_more_kills&&(t.players_more_kills.some(g=>g.steamid64===a.player.steamid64)?"correct":"wrong")),children:[e.jsx("p",{children:a.player.name||u("playerNotSelected")}),a.player.steamid64&&!n&&e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/close.svg"),alt:"",onClick:()=>c({player:{steamid64:null}})})]}),t.players_more_kills&&e.jsxs(le,{style:{justifyContent:"center",cursor:"default"},children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/leader.svg"),alt:""}),e.jsx("p",{children:t.players_more_kills[0].name_unique})]})]}):e.jsxs(le,{className:I(n&&"disabled"),onClick:f,children:[e.jsx("p",{children:u("clickToChoosePlayer")}),e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/plus.svg"),alt:""})]})]})]})},go=i.div` 2491 display: flex; 2492 align-items: center; 2493 justify-content: center; 2494 gap: 16px; 2495 2496 .gaps { 2497 display: flex; 2498 align-items: center; 2499 justify-content: center; 2500 gap: 4px; 2501 2502 span { 2503 height: 2px; 2504 width: 8px; 2505 border-radius: 99px; 2506 background: rgba(93, 108, 146, 0.16); 2507 } 2508 } 2509 2510 img { 2511 width: 14px; 2512 } 2513`,mo=i.div` 2514 display: flex; 2515 align-items: center; 2516 gap: 6px; 2517 2518 p { 2519 color: #778597; 2520 font-size: 13px; 2521 font-weight: 500; 2522 } 2523 2524 span { 2525 color: #f9e700; 2526 } 2527 2528 a { 2529 color: #778597; 2530 text-decoration: underline; 2531 } 2532`,ho=i.svg` 2533 position: absolute; 2534 left: -18px; 2535 top: 0; 2536 transform: translateY(-20%); 2537 2538 &.right { 2539 left: auto; 2540 right: -18px; 2541 transform: translateY(-20%) rotateY(180deg); 2542 } 2543`,uo=i.button` 2544 margin-top: 10px; 2545 width: 100%; 2546 height: 38px; 2547 2548 border-radius: 6px; 2549 padding: 0 12px; 2550 2551 font-size: 12px; 2552 font-weight: 600; 2553 2554 background: #13182166; 2555 color: #778597; 2556 2557 display: flex; 2558 align-items: center; 2559 justify-content: center; 2560 gap: 8px; 2561 text-align: center; 2562 cursor: default; 2563 2564 &.active { 2565 cursor: pointer; 2566 border: 1px solid #f9e700; 2567 color: #f9e700; 2568 } 2569`,fo=({children:t})=>{const n=_(a=>a.pickem.tournament);return e.jsx(U,{to:`/cs2/pickem/${n.url_short}/raffle`,children:t})},bo=({data:t})=>{const{t:n}=R(),a=F(),[c,m]=x.useState(!1),u=_(Ji),r=t?.player_bet?.event_raffle,l=x.useMemo(()=>
2569{if(r?.status)return r.status===me.MATCH_PENDING?t?.unixtime_match_start<Date.now()/1e3?n("predictorButtonRaffleWait"):n("predictorButtonJoinRaffles"):t.player_bet.user_bet===!1?n("gameSkipped"):r.status===me.TICKES_AVALIABLE?n("redeemTickets",{count:r.count_tokens}):r.status===me.TICKETS_REDEEMED?n("redeemedTickets",{count:r.count_tokens}):n("predictorButtonJoinRaffles")},[r?.status,r?.count_tokens,t?.unixtime_match_start,t?.player_bet.user_bet,n]);if(!r||r.status===me.DISABLED)return null;const f=()=>{r.status===me.TICKES_AVALIABLE&&(c||(m(!0),a(It(Zn,{id_raffle:u?.raffle_data?.id,id_sub_challenges:t.id_match})).finally(()=>m(!1))))};return e.jsxs("div",{children:[["left","right"].map(v=>e.jsx(ho,{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"28",viewBox:"0 0 14 28",fill:"none",className:v,children:e.jsx("path",{d:"M0 28C1.83851 28 3.65901 27.6379 5.35757 26.9343C7.05613 26.2307 8.59947 25.1995 9.8995 23.8995C11.1995 22.5995 12.2307 21.0561 12.9343 19.3576C13.6379 17.659 14 15.8385 14 14C14 12.1615 13.6379 10.341 12.9343 8.64243C12.2307 6.94387 11.1995 5.40053 9.8995 4.1005C8.59947 2.80048 7.05613 1.76925 5.35757 1.06569C3.65901 0.362121 1.83851 -8.03637e-08 0 0V28Z",fill:"#141922"})})),e.jsxs(go,{children:[e.jsxs("div",{className:"gaps",children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]}),e.jsxs(mo,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/raffle/icon-ticket-outline.svg"),alt:""}),e.jsx("p",{children:e.jsx(Un,{components:{RedirectLink:fo},jsx:n("predictorRaffleTickets")})})]}),e.jsxs("div",{className:"gaps",children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]})]}),e.jsx(jo,{content:r?.tippy&&e.jsx("div",{dangerouslySetInnerHTML:{__html:ie(r.tippy)}}),children:e.jsx(uo,{onClick:f,className:I("not-golden","full-width",c&&"disabled",r.status===me.TICKES_AVALIABLE&&!c&&"active"),children:l})})]})},jo=({content:t,children:n})=>t?e.jsx(Z,{placement:"bottom",content:t,children:n}):n,Cn=i.div` 2570 display: grid; 2571 grid-template-columns: 1fr 1fr 1fr; 2572 gap: 2px; 2573 padding-bottom: 4px; 2574 2575 p { 2576 color: #697183; 2577 font-size: 14px; 2578 font-weight: 600; 2579 white-space: nowrap; 2580 display: flex; 2581 align-items: center; 2582 justify-content: center; 2583 2584 &.blue { 2585 color: rgb(111, 151, 255); 2586 } 2587 } 2588 2589 img, 2590 svg { 2591 height: 22px; 2592 } 2593`,vo=i.div` 2594 border-radius: 12px; 2595 background: #232a39; 2596 padding: 14px 18px 18px 18px; 2597 display: flex; 2598 flex-direction: column; 2599 gap: 20px; 2600 transition: box-shadow 0.3s ease; 2601 2602 &.bordered { 2603 box-shadow: 0px 0px 0px 2px #ebb667; 2604 2605 ${Cn} { 2606 p.blue { 2607 color: rgb(235, 182, 103); 2608 } 2609 } 2610 } 2611 2612 .inactive { 2613 pointer-events: none; 2614 } 2615`,wo=i.div` 2616 display: grid; 2617 grid-template-columns: 1fr 1fr 1fr; 2618`,ui=i.div` 2619 display: flex; 2620 flex-direction: column; 2621 align-items: center; 2622 width: 100%; 2623 2624 h6 { 2625 color: #778597; 2626 font-size: 13px; 2627 font-weight: 500; 2628 margin: 14px 0 4px 0; 2629 text-align: center; 2630 } 2631 2632 p { 2633 color: #c7d3e2; 2634 font-size: 12px; 2635 font-weight: 700; 2636 } 2637`,fi=i.div` 2638 width: 64px; 2639 height: 64px; 2640 display: flex; 2641 align-items: center; 2642 justify-content: center; 2643 2644 img { 2645 width: 100%; 2646 height: 100%; 2647 object-fit: contain; 2648 } 2649`,ko=i.div` 2650 width: 100%; 2651 padding-top: 11px; 2652 display: flex; 2653 flex-direction: column; 2654 align-items: center; 2655 2656 p { 2657 color: #546077; 2658 text-align: center; 2659 font-size: 11px; 2660 font-weight: 500; 2661 line-height: 14px; 2662 width: 100px; 2663 2664 div { 2665 color: #9ea7be; 2666 } 2667 2668 &.success { 2669 &, 2670 div { 2671 color: #64df3e; 2672 } 2673 } 2674 2675 &.fail { 2676 &, 2677 div { 2678 color: #d94141; 2679 } 2680 } 2681 } 2682`,yo=i.div` 2683 display: grid; 2684 grid-template-columns: 1fr 1fr; 2685 gap: 8px; 2686 margin-bottom: 12px; 2687 width: 100%; 2688 2689 div { 2690 border-radius: 6px; 2691 background: rgba(19, 24, 33, 0.4); 2692 height: 48px; 2693 display: flex; 2694 align-items: center; 2695 justify-content: center; 2696 overflow: hidden; 2697 color: #434c5e; 2698 font-size: 24px; 2699 font-weight: 700; 2700 line-height: 28px; 2701 2702 &.white { 2703 color: #c7d3e2; 2704 } 2705 } 2706`,Co=i.div` 2707 display: flex; 2708 align-items: center; 2709 justify-content: flex-end; 2710 gap: 4px; 2711 2712 img { 2713 display: block; 2714 } 2715 2716 button { 2717 background: transparent; 2718 } 2719`,_o=i.p` 2720 display: flex; 2721 align-items: center; 2722 gap: 6px; 2723 color: #d94141 !important; 2724 2725 span { 2726 width: 6px; 2727 height: 6px; 2728 background: #d94141; 2729 border-radius: 50%; 2730 display: block; 2731 } 2732`,Po=i.button` 2733 background: transparent; 2734 width: 100%; 2735 justify-content: center; 2736 display: flex; 2737 align-items: center; 2738 margin-top: 12px; 2739 2740 div { 2741 margin: 0 -5px; 2742 width: 28px; 2743 height: 28px; 2744 } 2745 2746 img { 2747 width: 100%; 2748 height: 100%; 2749 border-radius: 50%; 2750 border: 2px solid rgb(35, 42, 57); 2751 } 2752 2753 p { 2754 color: #c7d3e2; 2755 font-size: 12px; 2756 font-weight: 700; 2757 margin-left: 7px; 2758 } 2759`,Lo=i.div` 2760 display: flex; 2761 align-items: center; 2762 gap: 12px; 2763 margin-top: 10px; 2764 2765 div { 2766 border-radius: 6px; 2767 background: rgba(19, 24, 33, 0.4); 2768 height: 38px; 2769 width: 100%; 2770 display: flex; 2771 align-items: center; 2772 justify-content: center; 2773 color: #546077; 2774 font-size: 13px; 2775 font-weight: 500; 2776 padding: 6px; 2777 2778 span { 2779 margin-left: 6px; 2780 color: #f9e700; 2781 font-weight: 700; 2782 } 2783 2784 &.active { 2785 color: #c7d3e2; 2786 } 2787 } 2788 2789 button { 2790 border-radius: 6px; 2791 background: #f9e700; 2792 padding-left: 20px; 2793 padding-right: 16px; 2794 display: flex; 2795 align-items: center; 2796 gap: 8px; 2797 color: #201100; 2798 font-size: 13px; 2799 font-weight: 600; 2800 height: 38px; 2801 2802 img {
2803 width: 20px; 2804 } 2805 } 2806`;i.div` 2807 display: flex; 2808 align-items: center; 2809 justify-content: center; 2810 gap: 16px; 2811 2812 .gaps { 2813 display: flex; 2814 align-items: center; 2815 justify-content: center; 2816 gap: 4px; 2817 2818 span { 2819 height: 2px; 2820 width: 8px; 2821 border-radius: 99px; 2822 background: rgba(93, 108, 146, 0.16); 2823 } 2824 } 2825 2826 p { 2827 display: flex; 2828 align-items: center; 2829 gap: 6px; 2830 color: #778597; 2831 font-size: 13px; 2832 font-weight: 500; 2833 2834 span { 2835 color: #f9e700; 2836 } 2837 } 2838 2839 img { 2840 width: 14px; 2841 } 2842`;i.svg` 2843 position: absolute; 2844 left: -18px; 2845 top: 0; 2846 transform: translateY(-20%); 2847 2848 &.right { 2849 left: auto; 2850 right: -18px; 2851 transform: translateY(-20%) rotateY(180deg); 2852 } 2853`;const bi=({list:t,open:n})=>e.jsxs(Po,{onClick:n,children:[t?.slice(0,3).map(a=>e.jsx("div",{children:e.jsx("img",{loading:"lazy",src:a.avatar,alt:""})})),t.length>3&&e.jsxs("p",{children:["+",t.length-3]})]}),_n=({data:t})=>{const{t:n}=R(),a=F(),[c,m]=x.useState(!1),{teams:u,leaguePicks:r,friends_predicts:l,friends:f,tournament:v}=_(h=>h.pickem),g=_(h=>h.auth.isAuth),j=r.find(h=>t.id_match==h.game_id),L=t.unixtime_match_start<Date.now()/1e3,P=x.useMemo(()=>{const h=l[t.id_match]?.friends||{},p=s=>Object.keys(h).map(d=>({...h[d],avatar:f.find(o=>o.steamid64===d)?.avatar})).filter(d=>d.data_object.id_team_win===s);return{left:p(t.id_team_1),right:p(t.id_team_2),all:Object.keys(h).map(s=>({...h[s],...f.find(d=>d.steamid64===s)}))}},[l,t.id_match]),T=h=>{const p=t.betting.rates;if(!p)return"0%";const s=+p[`team_${h}`],d=s+ +p[`team_${h===1?2:1}`],o=100-Math.round(s/d*100);return isNaN(o)?"TBD":`${o}%`},y=()=>{Y("predictor_friends_modal_open"),a(B("LEAGUE_PICKS",{list:P.all,gameData:{team_1:{...t.teams_1_data,id:t.id_team_1},team_2:{...t.teams_2_data,id:t.id_team_2},team_win:t.id_team_win,score:t.bo_score_map,link:`//www.hltv.org/matches/${t.id_match_hltv}/hltv`,boost:t.boost}}))},k=()=>L?(j.score||j.player.steamid64||j.team||j.overtimes)&&t.id_team_win?"+"+it(t.player_bet.bets_points):n("gameSkipped"):Rt(tn(t.unixtime_match_start)),S=async h=>{if(!c){if(!g)return a(B("JOIN_LEAGUE",{title:"needAuth",subtitle:"needAuthToMakePicks",button:{text:"DiscordLite1Text",action:()=>{Y("login_click",{source:"join_league_modal"}),window.location.href=ne("/steam")}}}));if(t.access_bet&&t.access_bet){const p=j.score,s=j.player,d=j.boost,o=j.overtimes,w=j.team,{score:z=j.score,player:C=j.player,boost:$=j.boost,overtimes:D=j.overtimes,team:O=j.team}=h;Y("predictor_make_bet"),m(!0),a(ot({game_id:t.id_match,score:z,player:C,overtimes:D,team:O})),X.setLeaguePicks({event_id:v.id_event,match_id:t.id_match,score_pick:z,player_pick:C.steamid64,boost:$,overtimes:D,team:O}).finally(()=>m(!1)).then(G=>{G.result==="error"?a(ot({game_id:t.id_match,score:p,player:s,boost:d,overtimes:o,team:w})):(fe(n("pickemUpdated")),a(ot({game_id:t.id_match,score:z,player:C,boost:$,overtimes:D,team:O})))})}}},M=()=>{t.access_bet&&(Y("predictor_boost_click"),S({boost:!j.boost}))},E=()=>{const h=Object.entries(t).find(([p,s])=>s===j.team)?.[0];return t.betting.rates[`team_${h.includes("1")?1:2}`]||"TBD"};return e.jsxs(vo,{className:I(j.boost&&"bordered"),children:[e.jsxs(Cn,{children:[e.jsx(Z,{content:n("boostDescription"),placement:"bottom",children:e.jsx(Vs,{onClick:M,children:e.jsx(Gs,{className:j.boost&&"filled",amount:t.boost})})}),t.live?e.jsxs(_o,{children:[e.jsx("span",{}),"LIVE"]}):e.jsx("p",{className:!t.access_bet&&(j.score||j.player.steamid64||j.team||j.overtimes)&&t.id_team_win&&"blue",children:k()}),e.jsxs(Co,{children:[e.jsx("img",{loading:"lazy",src:b(`/pages/pickem/icons/bo${t.count_bo}.svg`),alt:""}),e.jsx("a",{href:`//www.hltv.org/matches/${t.id_match_hltv}/hltv`,target:"_blank",onClick:()=>Y("predictor_hltv_click"),children:e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/hltv.svg"),alt:""})})]})]}),e.jsxs(wo,{children:[e.jsxs(ui,{children:[e.jsx(fi,{children:e.jsx("img",{loading:"lazy",src:t.teams_1_data?V(t.teams_1_data.assets.logo):b("/pages/pickem/icons/team.svg"),alt:""})}),e.jsx("h6",{children:t.teams_1_data?.name||"TBD"}),e.jsx("p",{children:T(1)}),e.jsx(bi,{list:P.left,open:y})]}),e.jsxs(ko,{children:[e.jsx(yo,{children:Object.values(t.bo_score_map).map(h=>e.jsx("div",{className:Math.max(...Object.values(t.bo_score_map))===h&&h>0&&"white",children:h>=0?h:"-"}))}),e.jsx("p",{children:j.team?e.jsxs(e.Fragment,{children:[n("yourPick"),":"," ",e.jsx("div",{children:u[j.team].name})]}):n("pickNotMade")})]}),e.jsxs(ui,{children:[e.jsx(fi,{children:e.jsx("img",{loading:"lazy",src:t.teams_2_data?V(t.teams_2_data.assets.logo):b("/pages/pickem/icons/team.svg"),alt:""})}),e.jsx("h6",{children:t.teams_2_data?.name||"TBD"}),e.jsx("p",{children:T(2)}),e.jsx(bi,{list:P.right,open:y})]})]}),e.jsx(xo,{data:t,gameStarted:!t.access_bet,pick:j,makePick:S,disabled:!t.access_bet||c}),t.betting.rates?.show_short_block&&e.jsxs("div",{children:[e.jsx(he,{img:"bb",text:e.jsxs(e.Fragment,{children:[n("rateOnBettingSite")," ",e.jsx("font",{style:{color:"#f9e700"},children:"BetBoom"})]})}),e.jsxs(Lo,{children:[L&&!t.live?e.jsx("div",{children:n("gameFinished")}):j.team?e.jsxs("div",{className:"active",children:[u[j.team]?.name_short," ",e.jsx("span",{children:E()})]}):e.jsx("div",{onClick:()=>{g||a(B("JOIN_LEAGUE",{title:"needAuth",subtitle:"needAuthToMakePicks",button:{text:"DiscordLite1Text",action:()=>{window.location.href=ne("/steam")}}}))},children:n("rateAfterBet")}),t.betting.rates.url&&j.team&&(!L||t.live)&&e.jsxs("button",{onClick:()=>{Y("predictor_betboom_click"),window.open(t.betting.rates.url)},children:[n("Open_"),e.jsx("img",{loading:"lazy",src:b("/pages/predictor/icons/arrow-right.svg"),alt:""})]})]})]}),e.jsx(bo,{data:t})]})},zo=t=>x.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},x.createElement("path",{d:"M11.3939 0C11.9681 0 12.4336 0.4655 12.4336 1.0397V1.8997H14.9948C15.4764 1.8998 15.8671 2.2905 15.8672 2.7721C15.8671 5.2623 14.3479 7.3973 12.1862 8.3027C11.6578 9.832 10.3295 10.9865 8.7005 11.2663V14.0325H10.4336C10.857 14.0325 11.2005 14.3761 11.2005 14.7995C11.2005 15.2229 10.857 15.5664 10.4336 15.5664H5.4336C5.0102 15.5664 4.6667 15.2229 4.6667 14.7995C4.6667 14.3761 5.0102 14.0325 5.4336 14.0325H7.1667V11.2663C5.5376 10.9865 4.2087 9.8321 3.6803 8.3027C1.5189 7.3971 0.0001 5.2621 0 2.7721C0.0001 2.2905 0.3908 1.8998 0.8724 1.8997H3.4336V1.0397C3.4336 0.4655 3.8991 0 4.4733 0H11.3939ZM1.5827 3.4336C1.7662 4.668 2.4562 5.7363 3.4336 6.4232V3.4336H1.5827ZM12.4336 6.4232C13.411 5.7363 14.1009 4.668 14.2845 3.4336H12.4336V6.4232Z",fill:"#C1C8DA"})),To=t=>x.createElement("svg",{width:44,height:44,viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},x.createElement("circle",{cx:22,cy:22,r:19,fill:"#6080FF",stroke:"#131821",strokeWidth:6}
2853),x.createElement("path",{d:"M20.0664 26.8233C20.3008 27.0589 20.6992 27.0589 20.9336 26.8233L27.8242 19.8966C28.0586 19.661 28.0586 19.2605 27.8242 19.0249L26.9805 18.1767C26.7461 17.9411 26.3711 17.9411 26.1367 18.1767L20.5117 23.8312L17.8633 21.1924C17.6289 20.9568 17.2539 20.9568 17.0195 21.1924L16.1758 22.0406C15.9414 22.2762 15.9414 22.6767 16.1758 22.9123L20.0664 26.8233Z",fill:"#131821"})),So=t=>x.createElement("svg",{width:36,height:36,viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},x.createElement("circle",{cx:18,cy:18,r:15,fill:"url(#paint0_linear)",stroke:"#131821",strokeWidth:6}),x.createElement("defs",null,x.createElement("linearGradient",{id:"paint0_linear",x1:18,y1:6,x2:18,y2:30,gradientUnits:"userSpaceOnUse"},x.createElement("stop",{stopColor:"#252D3D"}),x.createElement("stop",{offset:1,stopColor:"#404B60"})))),$o=t=>x.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},x.createElement("path",{d:"M13.4201 13.3776C13.7348 14.0771 13.3949 14.8927 12.6622 15.1198C11.415 15.5064 9.5235 16 8.0002 16C6.4767 16 4.5852 15.5064 3.338 15.1198C2.6055 14.8927 2.2657 14.0771 2.5802 13.3776L2.9767 12.4967C4.3462 13.6143 6.0947 14.2851 8.0002 14.2851C9.9056 14.2851 11.654 13.6143 13.0236 12.4967L13.4201 13.3776Z",fill:"#C1C8DA"}),x.createElement("path",{d:"M8 0C11.4978 0 14.3333 2.8355 14.3333 6.3333C14.3333 9.8311 11.4978 12.6667 8 12.6667C4.5022 12.6667 1.6667 9.8311 1.6667 6.3333C1.6667 2.8355 4.5022 0 8 0ZM7.4075 8.4017C7.1279 8.4018 6.9004 8.6285 6.9004 8.9082V9.7422C6.9006 10.0217 7.128 10.2486 7.4075 10.2487H8.2409C8.5206 10.2487 8.7472 10.0218 8.7474 9.7422V8.9082C8.7473 8.6284 8.5207 8.4017 8.2409 8.4017H7.4075ZM8.0775 2.7988C7.4928 2.7988 6.9693 2.94 6.5085 3.222C6.2025 3.4092 5.9468 3.6226 5.7409 3.8613C5.5676 4.0624 5.6362 4.3604 5.8548 4.5111L6.2734 4.7995C6.5053 4.9591 6.8173 4.8897 7.0332 4.709C7.1208 4.6357 7.2145 4.5732 7.3138 4.5221C7.5613 4.3984 7.8055 4.3366 8.0462 4.3366C8.2663 4.3366 8.4522 4.3948 8.6035 4.5117C8.7547 4.6286 8.8301 4.787 8.8301 4.9863C8.8301 5.1032 8.7989 5.2133 8.737 5.3164C8.6751 5.4126 8.6133 5.4851 8.5514 5.5332C8.4963 5.5745 8.3897 5.6434 8.2318 5.7396C8.0807 5.8358 7.9776 5.9047 7.9225 5.946C7.6199 6.1592 7.3957 6.3727 7.2513 6.5859C7.1139 6.7921 7.045 7.0431 7.0449 7.3385C7.0449 7.4468 7.1333 7.5351 7.2415 7.5351H8.5931C8.5986 7.535 8.6035 7.5303 8.6035 7.5247C8.6035 7.4767 8.6135 7.4319 8.6341 7.3906C8.6616 7.3425 8.7063 7.2907 8.7682 7.2357C8.8301 7.1807 8.8884 7.1324 8.9433 7.0911C8.9984 7.0499 9.0849 6.9846 9.2018 6.8952C9.3255 6.8059 9.425 6.7334 9.5007 6.6784C9.8445 6.4308 10.0787 6.1696 10.2025 5.8945C10.3263 5.6125 10.3887 5.2784 10.3887 4.8932C10.3886 4.3294 10.168 3.841 9.7279 3.4284C9.2877 3.0089 8.7376 2.7989 8.0775 2.7988Z",fill:"#C1C8DA"})),ji=t=>x.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},x.createElement("circle",{cx:10,cy:10,r:7.5,stroke:"white",strokeWidth:1.6667,strokeLinecap:"round",strokeLinejoin:"round"}),x.createElement("path",{d:"M9.167 12.5L11.667 10L9.167 7.5",stroke:"white",strokeWidth:1.6667,strokeLinecap:"round",strokeLinejoin:"round"})),Mo="https://t.me/CYBERSHOKEBot",Eo=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M13.8064 2.43632C13.8064 2.43632 15.1015 1.93132 14.9936 3.15775C14.9576 3.66275 14.6339 5.43025 14.382 7.34205L13.5186 13.0053C13.5186 13.0053 13.4467 13.8349 12.7991 13.9792C12.1516 14.1235 11.1803 13.4742 11.0004 13.3299C10.8565 13.2217 8.30227 11.5985 7.40287 10.8049C7.15103 10.5885 6.86323 10.1556 7.43883 9.65062L11.2162 6.04349C11.6479 5.61062 12.0796 4.60062 10.2809 5.82705L5.24437 9.25385C5.24437 9.25385 4.66877 9.61455 3.58953 9.28992L1.25114 8.56849C1.25114 8.56849 0.387737 8.02742 1.86272 7.48632C5.46023 5.79095 9.88517 4.05952 13.8064 2.43632Z",fill:"#C1C8DA"})}),No=()=>e.jsxs("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:[e.jsx("circle",{cx:"16",cy:"16",r:"12",stroke:"#6080FF",strokeWidth:"2.66667",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M14.6672 20L18.6672 16L14.6672 12",stroke:"#6080FF",strokeWidth:"2.66667",strokeLinecap:"round",strokeLinejoin:"round"})]}),Pn=(t,n)=>{let a=t-H(),c=Math.trunc(a/86400),m=Math.ceil((a-c*86400)/3600);return`${c} ${n("d")} ${m} ${n("Che")}`},Ao=["bronze","silver","gold","diamond"],Ro=["maps","teams","players"],Io={predictor:[1,2,3,4].map(t=>({question:`PredictorFaq${t}Title`,answer:`PredictorFaq${t}`})),pickem:[1,3,2,4].map(t=>({question:`pickemRaffle${t}`,answer:`pickemRaffle${t}text`}))},Do=i.section` 2854 display: flex; 2855 flex-direction: column; 2856`,Bo=i.section` 2857 display: flex; 2858 justify-content: center; 2859 height: ${({$empty:t})=>t?"112px":"572px"}; 2860 margin: 0 calc(var(--landing-gutter, 24px) * -1); 2861 overflow: hidden; 2862 2863 @media (max-width: 700px) { 2864 height: ${({$empty:t})=>t?"80px":"400px"}; 2865 } 2866`,Oo=i.div` 2867 display: flex; 2868 flex-direction: column; 2869 align-items: center; 2870 gap: 12px; 2871 padding-top: 112px; 2872 2873 @media (max-width: 700px) { 2874 padding-top: 80px; 2875 } 2876`,Ho=i.img` 2877 width: min(410px, 72vw); 2878 height: 240px; 2879 object-fit: contain; 2880 2881 @media (max-width: 700px) { 2882 height: 170px; 2883 } 2884`,Fo=i.button` 2885 display: flex; 2886 align-items: flex-start; 2887 gap: 9px; 2888 background: transparent; 2889 color: #c1c8da; 2890 font-family: 'Roboto', sans-serif; 2891 font-size: 24px; 2892 font-style: italic; 2893 font-variant: all-small-caps; 2894 font-weight: 900; 2895 line-height: 1.2; 2896 2897 img { 2898 width: min(252px, 48vw); 2899 height: 68px; 2900 object-fit: contain; 2901 } 2902 2903 @media (max-width: 700px) { 2904 font-size: 18px; 2905 2906 img { 2907 height: 48px; 2908 } 2909 } 2910`,Wo=i.section` 2911 display: flex; 2912 flex-direction: column; 2913 gap: 32px; 2914 margin: -44px calc(var(--landing-gutter, 24px) * -1) 0; 2915 overflow: hidden; 2916 2917 > button { 2918 align-self: center; 2919 } 2920`,Vo=i.div` 2921 display: flex; 2922 width: min(756px, calc(100% - 48px)); 2923 margin: 0 auto; 2924 flex-direction: column; 2925 align-items: center; 2926 gap: 18px; 2927 text-align: center; 2928 2929 @media (max-width: 700px) { 2930 gap: 14px; 2931 } 2932`,Go=i.div` 2933 display: flex; 2934 flex-direction: column; 2935 align-items: center; 2936 gap: 6px; 2937 2938 span { 2939 display: flex; 2940 align-items: center; 2941 gap: 8px; 2942 color: #c1c8da; 2943 font-size: 12px; 2944 font-weight: 700; 2945 letter-spacing: 1.32px; 2946 text-transform: uppercase; 2947 2948 img { 2949 width: 16px; 2950 height: 16px; 2951 } 2952 } 2953 2954 h2 { 2955 max-width: 500px; 2956 color: #fff; 2957 font-size: 40px; 2958 font-weight: 700; 2959 line-height: 1.1; 2960 text-transform: none; 2961 } 2962 2963 @media (max-width: 700px) { 2964 h2 { 2965 font-size: 28px; 2966 } 2967 } 2968`,Uo=i.p` 2969 color: #c1c8da; 2970 font-size: 20px; 2971 line-height: 1.2; 2972 letter-spacing: 0.2px; 2973 2974 @media (max-width: 700px) { 2975 font-size: 16px; 2976 } 2977`,Zo=i.section` 2978 display: flex; 2979 width: min(1020px, 100%); 2980 margin: 0 auto; 2981 flex-direction: column; 2982 align-items: center; 2983 gap: 32px; 2984`,ht=i.div` 2985 position: relative; 2986 z-index: 1; 2987 display: flex; 2988 width: min(756px, 100%); 2989 flex-direction: column; 2990 align-items: center; 2991 gap: 6px; 2992 text-align: center; 2993 2994 span { 2995 display: flex; 2996 align-items: center; 2997 gap: 8px; 2998 color: #c1c8da; 2999 font-family: 'Roboto Condensed', sans-serif; 3000 font-size: 14px; 3001 font-weight: 700; 3002 letter-spacing: 0.98px; 3003 text-transform: uppercase; 3004 3005 svg { 3006 width: 16px; 3007 height: 16px; 3008 flex: 0 0 auto; 3009 } 3010 } 3011 3012 h2 { 3013 max-width: 560px; 3014 color: #fff; 3015 font-size: 40px; 3016 font-weight: 700; 3017 line-height: 1.1; 3018 text-transform: none; 3019 text-wrap: balance; 3020 } 3021 3022 @media (max-width: 700px) { 3023 h2 { 3024 font-size: 28px; 3025 } 3026 } 3027`,Yo=i.div` 3028 display: grid; 3029 width: 100%; 3030 grid-template-columns: repeat(4, minmax(0, 1fr)); 3031 gap: 12px; 3032 3033 @media (max-width: 1500px) { 3034 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 3035 } 3036 3037 @media (max-width: 600px) { 3038 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 3039 } 3040`,qo=i.div` 3041 position: relative; 3042 display: flex; 3043 min-width: 0; 3044 height: 100%; 3045 flex-direction: column; 3046 gap: 6px; 3047`,Ko=i.div` 3048 position: relative; 3049 display: flex; 3050 aspect-ratio: 246 / 234;
3051 align-items: center; 3052 justify-content: center; 3053 overflow: hidden; 3054 border-radius: 8px 8px 4px 4px; 3055 background: linear-gradient(180deg, #202838 0%, #273144 100%); 3056 3057 img { 3058 position: relative; 3059 z-index: 1; 3060 width: 69%; 3061 max-width: 170px; 3062 height: auto; 3063 aspect-ratio: 1; 3064 object-fit: contain; 3065 } 3066 3067 ${({$completed:t})=>t&&` 3068 &::after { 3069 content: ''; 3070 position: absolute; 3071 bottom: -38px; 3072 left: 50%; 3073 width: 90px; 3074 height: 90px; 3075 border-radius: 50%; 3076 background: #6080ff; 3077 filter: blur(42px); 3078 transform: translateX(-50%); 3079 } 3080 `} 3081`,Xo=i.div` 3082 position: relative; 3083 display: flex; 3084 flex: 1; 3085 min-height: 90px; 3086 padding: 30px 16px 20px; 3087 align-items: flex-start; 3088 justify-content: center; 3089 border-radius: 4px 4px 10px 10px; 3090 background: rgba(34, 43, 60, 0.6); 3091 text-align: center; 3092 3093 p { 3094 margin: 0; 3095 color: #97a6b9; 3096 font-size: 14px; 3097 font-weight: 500; 3098 line-height: 20px; 3099 opacity: ${({$completed:t})=>t?.6:1}; 3100 } 3101 3102 strong { 3103 color: #e0e8f3; 3104 font-weight: 700; 3105 } 3106`,Jo=i.div` 3107 --ach-status: ${({$completed:t})=>t?"44px":"36px"}; 3108 3109 position: absolute; 3110 top: calc(-1 * (var(--ach-status) / 2 + 3px)); 3111 left: 50%; 3112 width: var(--ach-status); 3113 height: var(--ach-status); 3114 transform: translateX(-50%); 3115 3116 svg { 3117 display: block; 3118 width: 100%; 3119 height: 100%; 3120 } 3121`,Qo=i.section` 3122 position: relative; 3123 display: flex; 3124 margin: 0 calc(var(--landing-gutter, 24px) * -1); 3125 padding: 0 var(--landing-gutter, 24px); 3126 flex-direction: column; 3127 align-items: center; 3128 gap: 32px; 3129 overflow: hidden; 3130 3131 &::before, 3132 &::after { 3133 content: ''; 3134 position: absolute; 3135 inset: 0; 3136 pointer-events: none; 3137 } 3138 3139 &::before { 3140 background: url(${b("/pages/pickem/predictor-card-bg.webp")}) center / cover no-repeat; 3141 } 3142 3143 &::after { 3144 background: linear-gradient( 3145 180deg, 3146 #131821 0%, 3147 rgba(19, 24, 33, 0) 50%, 3148 #131821 100% 3149 ); 3150 } 3151`,ec=i.div` 3152 position: relative; 3153 z-index: 1; 3154 display: flex; 3155 flex-direction: column; 3156 align-items: center; 3157 gap: 24px; 3158`,tc=i.div` 3159 position: relative; 3160 display: grid; 3161 grid-template-columns: 181px 350px 181px; 3162 gap: 26px; 3163 align-items: start; 3164 3165 @media (max-width: 800px) { 3166 display: block; 3167 } 3168`,Le=i.span` 3169 position: absolute; 3170 z-index: 1; 3171 top: calc(${({$top:t})=>t}px + 8px); 3172 left: ${({$left:t})=>t}px; 3173 width: ${({$width:t})=>t}px; 3174 height: 1px; 3175 background: rgba(255, 255, 255, 0.2); 3176 3177 @media (max-width: 800px) { 3178 display: none; 3179 } 3180`,ic=i.div` 3181 width: 350px; 3182 3183 & > div { 3184 width: 100%; 3185 } 3186 3187 @media (max-width: 800px) { 3188 width: min(350px, calc(100vw - 48px)); 3189 margin: 0 auto; 3190 } 3191`,vi=i.div` 3192 position: relative; 3193 height: 530px; 3194 color: #c1c8da; 3195 font-size: 14px; 3196 line-height: 16px; 3197 3198 @media (max-width: 800px) { 3199 display: none; 3200 } 3201`,ze=i.div` 3202 position: absolute; 3203 top: ${({$top:t})=>t}px; 3204 width: 181px; 3205 3206 strong { 3207 display: block; 3208 margin-bottom: 6px; 3209 color: ${({$accent:t})=>t?"#ebb667":"#c1c8da"}; 3210 font-family: 'Roboto Condensed', sans-serif; 3211 font-weight: 700; 3212 letter-spacing: 0.98px; 3213 text-transform: uppercase; 3214 } 3215 3216 p { 3217 margin: 0; 3218 color: #c1c8da; 3219 } 3220 3221 ${({$side:t})=>t==="left"?"left: 0;":"right: 0;"} 3222`,wi=i.button` 3223 display: flex; 3224 padding: 12px 24px; 3225 align-items: center; 3226 gap: 8px; 3227 border-radius: 6px; 3228 background: #6080ff; 3229 color: #fff; 3230 font-size: 16px; 3231 font-weight: 700; 3232 3233 svg { 3234 width: 20px; 3235 height: 20px; 3236 } 3237`,nc=i.section` 3238 display: flex; 3239 width: min(1045px, 100%); 3240 margin: 0 auto; 3241 flex-direction: column; 3242 align-items: center; 3243 gap: 32px; 3244`,sc=i.div` 3245 display: grid; 3246 width: 100%; 3247 grid-template-columns: repeat(2, minmax(0, 1fr)); 3248 align-items: start; 3249 gap: 12px; 3250 3251 @media (max-width: 800px) { 3252 grid-template-columns: minmax(0, 1fr); 3253 } 3254`,ki=i.div` 3255 display: flex; 3256 min-width: 0; 3257 flex-direction: column; 3258 gap: 6px; 3259`,yi=i.div` 3260 position: relative; 3261 display: flex; 3262 height: 380px; 3263 flex-direction: column; 3264 box-sizing: border-box; 3265 padding: 24px 36px 24px 24px; 3266 overflow: hidden; 3267 border-radius: 8px; 3268 background: #192136; 3269 3270 h3 { 3271 position: relative; 3272 z-index: 1; 3273 width: 100%; 3274 margin: 0; 3275 color: #c1c8da; 3276 font-size: 28px; 3277 font-weight: 500; 3278 line-height: 1.2; 3279 letter-spacing: 0.2px; 3280 text-align: center; 3281 text-transform: none; 3282 text-wrap: balance; 3283 } 3284 3285 @media (max-width: 480px) { 3286 height: 280px; 3287 3288 h3 { 3289 font-size: 22px; 3290 } 3291 } 3292`,Ci=i.img` 3293 position: absolute; 3294 z-index: 0; 3295 inset: 0; 3296 width: 100%; 3297 height: 100%; 3298 object-fit: cover; 3299`,_i=i.div` 3300 display: flex; 3301 height: 64px; 3302 align-items: center; 3303 justify-content: space-between; 3304 gap: 12px; 3305 box-sizing: border-box; 3306 padding: 0 24px; 3307 border-radius: 4px 4px 10px 10px; 3308 background: rgba(96, 128, 255, 0.12); 3309 text-decoration: none; 3310 3311 span { 3312 min-width: 0; 3313 overflow: hidden; 3314 color: ${({$accent:t})=>t?"#6080ff":"#fff"}; 3315 font-size: 20px; 3316 font-weight: 500; 3317 text-overflow: ellipsis; 3318 white-space: nowrap; 3319 } 3320 3321 svg { 3322 width: 32px; 3323 height: 32px; 3324 flex: 0 0 auto; 3325 } 3326 3327 @media (max-width: 1100px) { 3328 padding: 0 16px; 3329 3330 span { 3331 font-size: 16px; 3332 } 3333 3334 svg { 3335 width: 28px; 3336 height: 28px; 3337 } 3338 } 3339`,ac=i.div` 3340 display: flex; 3341 flex: 0 0 auto; 3342 align-items: center; 3343 gap: 6px; 3344 3345 i { 3346 color: #fff; 3347 font-size: 24px; 3348 font-style: normal; 3349 opacity: 0.4; 3350 } 3351`,Pi=i.kbd` 3352 display: flex; 3353 min-width: 30px; 3354 align-items: center; 3355 justify-content: center; 3356 padding-bottom: 4px; 3357 border-radius: 3.75px; 3358 background: #474e5a; 3359 3360 b { 3361 display: flex; 3362 min-width: 30px; 3363 box-sizing: border-box; 3364 padding: 6px 8px; 3365 align-items: center; 3366 justify-content: center; 3367 border-radius: 3.75px; 3368 background: linear-gradient(180deg, #b9d2f7 0%, #cfd9ef 100%); 3369 color: #040405; 3370 font-family: 'Roboto', sans-serif; 3371 font-size: 20px; 3372 font-weight: 900; 3373 line-height: 14px; 3374 text-align: center; 3375 } 3376 3377 @media (max-width: 1100px) { 3378 min-width: 24px; 3379 3380 b { 3381 min-width: 24px; 3382 padding: 5px 6px; 3383 font-size: 16px; 3384 } 3385 } 3386`,rc=i.p` 3387 margin: 0; 3388 padding: 0 24px; 3389 color: #c1c8da; 3390 font-size: 12px; 3391 line-height: 14px; 3392 opacity: 0.3; 3393`,oc=i.div` 3394 position: relative; 3395 display: flex; 3396 flex-direction: column; 3397 gap: 21px; 3398 padding-top: 54px; 3399 3400 &::before, 3401 &::after { 3402 content: ''; 3403 position: absolute; 3404 z-index: 4; 3405 top: 0; 3406 bottom: 0; 3407 width: min(240px, 18vw); 3408 pointer-events: none; 3409 } 3410 3411 &::before { 3412 left: 0; 3413 background: linear-gradient(90deg, #131821, transparent); 3414 } 3415 3416 &::after { 3417 right: 0; 3418 background: linear-gradient(-90deg, #131821, transparent); 3419 } 3420`,Ln=i.div` 3421 display: flex; 3422 width: max-content; 3423 will-change: transform; 3424 animation: landing-skins-marquee 36s linear infinite; 3425 animation-direction: ${({$reverse:t})=>t?"reverse":"normal"}; 3426
3427 @keyframes landing-skins-marquee { 3428 from { 3429 transform: translateX(0); 3430 } 3431 3432 to { 3433 transform: translateX(-50%); 3434 } 3435 } 3436 3437 @media (prefers-reduced-motion: reduce) { 3438 animation-play-state: paused; 3439 } 3440`,cc=i.div` 3441 height: 192px; 3442 3443 &:hover ${Ln} { 3444 animation-play-state: paused; 3445 } 3446`,Li=i.div` 3447 display: flex; 3448 gap: 12px; 3449 padding-right: 12px; 3450`,St=i.div` 3451 position: absolute; 3452 top: 204px; 3453 left: 50%; 3454 display: flex; 3455 flex-direction: column; 3456 align-items: center; 3457 gap: 4px; 3458 opacity: 0; 3459 pointer-events: none; 3460 transform: translateX(-50%); 3461 transition: opacity 0.2s ease; 3462 3463 & > span { 3464 display: flex; 3465 align-items: center; 3466 gap: 4px; 3467 color: #c1c8da; 3468 font-size: 12px; 3469 line-height: 1.2; 3470 letter-spacing: 0.2px; 3471 white-space: nowrap; 3472 3473 img { 3474 width: 12px; 3475 height: 12px; 3476 opacity: 0.5; 3477 } 3478 } 3479 3480 div { 3481 display: flex; 3482 align-items: center; 3483 gap: 6px; 3484 color: #fff; 3485 font-size: 20px; 3486 line-height: 1.2; 3487 letter-spacing: 0.2px; 3488 white-space: nowrap; 3489 3490 img { 3491 width: 24px; 3492 height: 24px; 3493 border-radius: 50%; 3494 object-fit: cover; 3495 } 3496 3497 b { 3498 max-width: 170px; 3499 overflow: hidden; 3500 font-weight: 400; 3501 text-overflow: ellipsis; 3502 } 3503 } 3504`,lc=i.div` 3505 position: relative; 3506 width: 240px; 3507 height: 192px; 3508 overflow: hidden; 3509 border-radius: 6px; 3510 background: 3511 radial-gradient( 3512 166.21% 173.82% at 32.32% 153.46%, 3513 rgb(var(--rarity-rgb) / 60%) 0%, 3514 rgb(var(--rarity-rgb) / 20%) 50%, 3515 rgb(var(--rarity-rgb) / 0%) 100% 3516 ), 3517 linear-gradient(157deg, #131825 1.87%, #1d2437 88.46%); 3518 3519 &::before { 3520 content: ''; 3521 position: absolute; 3522 top: 50%; 3523 left: 50%; 3524 width: 150px; 3525 height: 150px;
3526 background: url('${b("/pages/shop/item-bg/")}${({$rarity:t})=>t}.png') 3527 center / contain no-repeat; 3528 transform: translate(-50%, -50%); 3529 } 3530 3531 &::after { 3532 content: ''; 3533 position: absolute; 3534 bottom: 20px; 3535 left: 20px; 3536 width: 10px; 3537 height: 10px; 3538 border-radius: 3px; 3539 background: rgb(var(--rarity-rgb)); 3540 } 3541 3542 img { 3543 position: absolute; 3544 top: 50%; 3545 left: 50%; 3546 width: 180px; 3547 height: 136px; 3548 object-fit: contain; 3549 transform: translate(-50%, -50%); 3550 } 3551`,dc=i.div` 3552 position: relative; 3553 z-index: 1; 3554 flex: 0 0 240px; 3555 width: 240px; 3556 height: 192px; 3557 transition: transform 0.25s ease; 3558 3559 &::after { 3560 content: ''; 3561 position: absolute; 3562 top: 100%; 3563 left: 0; 3564 width: 100%; 3565 height: 66px; 3566 pointer-events: none; 3567 } 3568 3569 &:hover { 3570 z-index: 3; 3571 transform: ${({$hasWinner:t})=>t?"translateY(-54px)":"none"}; 3572 3573 &::after, 3574 ${St} { 3575 pointer-events: auto; 3576 } 3577 3578 ${St} { 3579 opacity: 1; 3580 } 3581 } 3582`,zi=["87 99 144","176 195 217","94 152 217","75 105 255","136 71 255","211 44 230","235 75 75","232 167 23"],pc=252,xc=new Set(["LITE","PREMIUM"]),Ti=t=>`${t.steamid64}-${t.reward?.img}`,gc=(t=0)=>Math.max(4,Math.ceil(t/pc)+1)*2,mc=t=>t.map(n=>[Math.random(),n]).sort((n,a)=>n[0]-a[0]).map(([,n])=>n),hc=(t={},n={})=>Ro.reduce((a,c)=>a+Object.entries(n[c]??{}).filter(([m,u])=>{const r=t[c]?.[m];return u&&Array.isArray(r)&&r.some(l=>String(l)===String(u))}).length,0),uc=()=>{const{t}=R(),n=oe(),{activePickem:a,predicts:c,stages:m,enableLeagues:u,partner:r,tournament:l,medal:f,progress:v,pickemData:g,userNominees:j}=_(A=>A.pickem),L=_(A=>A.root.partnersLinks),P=_(A=>A.auth.isAuth),T=_(A=>A.auth.premium),y=!T.group||T.free||T.group==="LITE",k=l.type===1?"pickem":"predictor",S=Se[r]?.big_logo,[M,E]=x.useState([]),{width:h}=At(),p=gc(h??window.innerWidth),s=x.useMemo(()=>mc(M.filter(A=>A.reward?.img&&!xc.has(A.reward.name))).map(A=>({hash:Ti(A),img:V(A.reward.img),rarity:A.reward.rarity,user_name:A.name,user_avatar:A.avatar})),[M]),d=x.useMemo(()=>Array.from({length:p},(A,W)=>s.length?s[W%s.length]:{hash:`skeleton-${W}`,user_name:"â¢â¢â¢"}),[s,p]),o=d.filter((A,W)=>W%2!==0),w=[d.filter((A,W)=>W%2===0),o.length?o:d],z=H()>=l.unixtime_end,C=`/cs2/pickem/${l.url_short}`;x.useEffect(()=>{l.id_event&&X.getLeaderboard({event_id:l.id_event}).then(A=>{const W=(A?.data?.stages??[]).flatMap(N=>N.list??[]);E([...new Map(W.map(N=>[Ti(N),N])).values()])})},[l.id_event]);const $=m.find(A=>A.section==="awards")?.id_pickem,D=x.useMemo(()=>hc(g[$]?.result,j),[$,g,j]),O=x.useMemo(()=>[...c?.matches??[]].filter(A=>A.access_bet).sort((A,W)=>A.unixtime_match_start-W.unixtime_match_start)[0],[c]),G=()=>P?n(y?"/premium":`${C}/${m.find(A=>A.active)?.section||m[0].section}`):window.location.replace(ne("/steam")),ee=(A,W)=>A.map((N,q)=>{const ge=Yn(N.rarity);return e.jsxs(dc,{$hasWinner:!!N.user_name,children:[e.jsx(lc,{$rarity:ge,style:{"--rarity-rgb":zi[N.rarity]??zi[0]},children:N.img&&e.jsx("img",{loading:"lazy",src:N.img,alt:""})}),N.user_name&&e.jsxs(St,{children:[e.jsxs("span",{children:[e.jsx("img",{loading:"lazy",src:b("/pages/leaderboard/icons/cup.svg"),alt:""}),t(z?"achievementTitle37":"PossibleWinner")]}),e.jsxs("div",{children:[e.jsx("img",{loading:"lazy",src:N.user_avatar,alt:""}),e.jsx("b",{children:N.user_name})]})]})]},`${W}-${N.hash??N.img}-${q}`)});return e.jsx("div",{children:e.jsxs(er,{children:[e.jsxs(Do,{children:[e.jsx(Bo,{$empty:k!=="predictor",children:k==="predictor"&&e.jsxs(Oo,{children:[e.jsx(Ho,{src:b(`/pages/pickem/landing/hero-${k}.svg`),alt:k}),S&&e.jsxs(Fo,{type:"button",onClick:()=>window.open(L[r]),children:["by",e.jsx("img",{loading:"lazy",src:S,alt:r})]})]})}),d.length>0&&e.jsxs(Wo,{children:[e.jsxs(Vo,{children:[e.jsxs(Go,{children:[e.jsxs("span",{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/info2.svg"),alt:""}),t(k==="pickem"?"AboutPickem":"AboutPredictor")]}),e.jsx("h2",{children:t("PickemLandingPromoTitle")})]}),e.jsx(Uo,{children:t("PickemLandingPromoDescription")})]}),e.jsx(oc,{children:w.map((A,W)=>e.jsx(cc,{children:e.jsxs(Ln,{$reverse:W===1,children:[e.jsx(Li,{children:ee(A,`${W}-a`)}),e.jsx(Li,{"aria-hidden":"true",children:ee(A,`${W}-b`)})]})},W))}),e.jsxs(wi,{type:"button",onClick:()=>n(`${C}/leaders`),children:[t("LeaderboardAd2"),e.jsx(ji,{})]})]})]}),f&&Object.keys(f).length>0&&e.jsxs(Zo,{children:[e.jsxs(ht,{children:[e.jsxs("span",{children:[e.jsx(zo,{}),t("BadgeInProfile")]}),e.jsx("h2",{children:t("PickemAchievementTitle")})]}),e.jsx(Yo,{children:Ao.map((A,W)=>{const N=f[A],q=v.medal_level>W;return N?e.jsxs(qo,{children:[e.jsx(Ko,{$completed:q,children:e.jsx("img",{loading:"lazy",src:b(`/img/achievements/${A}/${N.img}`),alt:"",onError:ge=>ge.currentTarget.src=b("/pages/pickem/award-template.png")})}),e.jsxs(Xo,{$completed:q,children:[q?e.jsx("p",{children:t("AchievementReceived")}):e.jsxs("div",{children:[e.jsx("p",{children:t("PointsRequired")}),e.jsxs("p",{children:[t("ForReceiving")," ",e.jsx("strong",{children:N.task})]})]}),e.jsx(Jo,{$completed:q,children:q?e.jsx(To,{}):e.jsx(So,{})})]})]},A):null})})]}),u&&O&&e.jsxs(Qo,{children:[e.jsxs(ht,{children:[e.jsxs("span",{children:[e.jsx($o,{}),t("MatchCard")]}),e.jsx("h2",{children:t("PickemLandingMatchTitle")})]}),e.jsxs(ec,{children:[e.jsxs(tc,{children:[e.jsxs(vi,{children:[e.jsxs(ze,{$side:"left",$top:17,$accent:!0,children:[e.jsx("strong",{children:t("PointsBooster")}),e.jsx("p",{children:t("PointsBoosterDescription")})]}),e.jsxs(ze,{$side:"left",$top:355,children:[e.jsx("strong",{children:t("PredictOutcome")}
3582),e.jsx("p",{children:t("PredictOutcomeDescription")})]})]}),e.jsx(ic,{children:e.jsx(_n,{data:O})}),e.jsxs(vi,{children:[e.jsxs(ze,{$side:"right",$top:17,children:[e.jsx("strong",{children:t("MatchFormatAndPage")}),e.jsx("p",{children:t("MatchHistoryDescription")})]}),e.jsxs(ze,{$side:"right",$top:271,children:[e.jsx("strong",{children:t("PickWinner")}),e.jsx("p",{children:t("PickWinnerDescription")})]}),e.jsxs(ze,{$side:"right",$top:443,children:[e.jsx("strong",{children:t("GuessTopFragger")}),e.jsx("p",{children:t("GuessTopFraggerDescription")})]})]}),e.jsx(Le,{$left:107,$top:17,$width:113}),e.jsx(Le,{$left:140,$top:355,$width:80}),e.jsx(Le,{$left:543,$top:17,$width:35}),e.jsx(Le,{$left:543,$top:271,$width:35}),e.jsx(Le,{$left:543,$top:443,$width:35})]}),e.jsxs(wi,{type:"button",onClick:()=>n(`${C}/leagues`),children:[t("showAllMatches"),e.jsx(ji,{})]})]})]}),e.jsxs(nc,{children:[e.jsxs(ht,{children:[e.jsxs("span",{children:[e.jsx(Eo,{}),t("Platforms")]}),e.jsx("h2",{children:t("PickemLandingPlatformsTitle")})]}),e.jsxs(sc,{children:[e.jsxs(ki,{children:[e.jsxs(yi,{children:[e.jsx(Ci,{src:b("/pages/pickem/platform-telegram-preview.jpg?20260825"),alt:"","aria-hidden":"true"}),e.jsx("h3",{children:t("PickemLandingTelegramTitle")})]}),e.jsxs(_i,{as:"a",$accent:!0,href:Mo,target:"_blank",rel:"noreferrer",children:[e.jsx("span",{children:t("PickemLandingOpenBot")}),e.jsx(No,{})]})]}),e.jsxs(ki,{children:[e.jsxs(yi,{children:[e.jsx(Ci,{src:b("/pages/pickem/platform-bookmark-preview.jpg"),alt:"","aria-hidden":"true"}),e.jsx("h3",{children:t("PickemLandingBookmarkTitle")})]}),e.jsxs(_i,{children:[e.jsx("span",{children:t("PickemLandingAddBookmark")}),e.jsxs(ac,{children:[e.jsx(Pi,{children:e.jsx("b",{children:"CTRL"})}),e.jsx("i",{children:"+"}),e.jsx(Pi,{children:e.jsx("b",{children:"D"})})]})]}),e.jsx(rc,{children:t("PickemLandingBookmarkHint")})]})]})]}),e.jsxs(tr,{children:[l.type===1&&l.active&&e.jsxs(rr,{children:[e.jsx(or,{children:[t("yellowBanner1"),t("yellowBanner2"),t("yellowBanner3"),t("yellowBanner4")].map(A=>e.jsxs("div",{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/landing/check.svg"),alt:""}),A]},A))}),e.jsx("img",{loading:"lazy",src:b("/pages/pickem/landing/agent.png?1737455230"),alt:""}),e.jsx("h4",{children:t(P?"onlyWithPremium":"authToPick")}),e.jsx("button",{onClick:G,children:P?y?e.jsxs(x.Fragment,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/white-crown.svg"),alt:""}),t("BuyPremium")]}):t("MakePrediction"):e.jsxs(x.Fragment,{children:[e.jsx("img",{loading:"lazy",src:b("/img/socials/steam.svg"),alt:""}),t("LOGIN-WITH")," Steam"]})}),e.jsx("p",{dangerouslySetInnerHTML:{__html:t(P?y?"premBeforeStart":"youCanPlay":"authToPick2")}})]}),a&&e.jsxs(ii,{children:[e.jsxs("h5",{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/landing/achievements.svg"),alt:""}),t("classicPickem")]}),e.jsx(ni,{children:t("classicPickemText")}),e.jsx(nr,{children:m.filter(A=>A.enable_league).map(A=>{const N=m[a.id_stage-1].id_pickem!==A.id_pickem;return e.jsxs(ir,{children:[e.jsxs("div",{children:[e.jsx("h4",{children:t(A.name)}
3582),N?e.jsx("p",{children:t("stageNotAvailable")}):e.jsxs("p",{children:[t("UntilClosing"),":"," ",Pn(a.unixtime_end,t)]})]}),e.jsxs("button",{className:N&&"closed",onClick:()=>n(`${C}/${A.section}`),children:[t(N?"stageNotAvailable":"MakePrediction"),e.jsx(Cs,{})]})]},A.id_pickem)})})]}),l.type===1&&Object.values(m).find(A=>A.section==="awards")?.active&&e.jsxs(ii,{children:[e.jsxs("h5",{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/landing/more_bets.svg"),alt:""}),t("MoreBets")]}),e.jsx(ni,{children:t("MoreBetsText")}),e.jsxs(jn,{children:[e.jsx(U,{to:C+"/awards",children:e.jsxs(wn,{children:[t("Predicted"),": ",D,"/16",e.jsx(_s,{})]})}),e.jsx(vn,{children:[{},{},{},{point:!0},{},{},{},{point:!0},{},{},{},{point:!0},{},{},{},{point:!0}].map((A,W)=>D>=W+1?{done:!0,...A}:A).map((A,W)=>A.point?e.jsx(Z,{placement:"bottom",content:t("OneMoreWheelRoll"),children:e.jsx("div",{className:A.done&&"done",children:"+1"})},`point-${W}`):e.jsx("div",{className:A.done&&"done"},`progress-${W}`))})]}),e.jsxs(st,{className:"centered",onClick:()=>n(C+"/awards"),children:[t("goToAwards"),e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/back.svg"),alt:""})]})]}),r==="betboom"&&l.active&&e.jsxs(sr,{children:[e.jsx("h2",{dangerouslySetInnerHTML:{__html:t(l.type===1?"betboomPrizes":"betboomPrizes2")}}),e.jsx("p",{children:t("betboomPrizesText")}),e.jsx(ar,{children:e.jsxs("button",{onClick:()=>n(l.type===1?`${C}/wheel`:`${C}/leagues`),children:[l.type===1&&e.jsx(Ps,{}),t(l.type===1?"openPrizeWheel":"toMakePredict")]})})]})]}),e.jsx(nt,{style:{width:"min(1020px, 100%)",maxWidth:"100%",padding:0},list:Io[k]})]})})},fc=i.div` 3583 width: 100%; 3584`,bc=i.div` 3585 display: flex; 3586 align-items: center; 3587 justify-content: space-between; 3588 margin-bottom: 11px; 3589 3590 h6 { 3591 color: #cfd8e5; 3592 font-size: 14px; 3593 font-weight: 600; 3594 text-transform: uppercase; 3595 3596 span { 3597 color: inherit; 3598 } 3599 } 3600 3601 p { 3602 display: flex; 3603 align-items: center; 3604 color: #5c6776; 3605 font-size: 14px; 3606 gap: 6px; 3607 } 3608 3609 @media (max-width: 768px) { 3610 h6 span { 3611 display: none; 3612 } 3613 } 3614`,jc=i.div` 3615 border-radius: 99px; 3616 background: rgba(93, 108, 146, 0.2); 3617 height: 7px; 3618 width: 100%; 3619 overflow: hidden; 3620 3621 span { 3622 transition: all 0.3s ease; 3623 max-width: 100%; 3624 height: 100%; 3625 background: #5d9655; 3626 display: block; 3627 } 3628`,zn=({progress:t,current:n,total:a,title:c,label:m,right:u})=>{const r=t?t.filter(Boolean).length:n??0,l=a??t?.length??0,f=l?Math.min(r/l*100,100):0;return l?e.jsxs(fc,{children:[e.jsxs(bc,{children:[e.jsx("h6",{children:c||e.jsxs(e.Fragment,{children:[r,"/",l," ",m&&e.jsx("span",{children:m})]})}),u&&e.jsx("p",{children:u})]}),e.jsx(jc,{children:e.jsx("span",{style:{width:`${f}%`}})})]}):null},$t=i.button` 3629 height: 48px; 3630 background: rgba(93, 150, 85, 0.5); 3631 border: 1px solid #5d9655; 3632 border-radius: 8px; 3633 font-weight: 700; 3634 font-size: 14px; 3635 letter-spacing: 0.01em; 3636 text-transform: uppercase; 3637 padding: 0 55px; 3638 display: block; 3639 opacity: 1; 3640 transition: all 0.2s ease; 3641 white-space: nowrap; 3642 3643 &.isDisabled { 3644 opacity: 0.4; 3645 pointer-events: none; 3646 } 3647 3648 @media (max-width: 1000px) { 3649 background: rgba(93, 150, 85, 0.75); 3650 backdrop-filter: blur(4px); 3651 } 3652`,vc=i.button` 3653 padding: 16px 48px; 3654 display: flex; 3655 align-items: center; 3656 background: #6080ff; 3657 border-radius: 8px; 3658 font-weight: 700; 3659 margin: 0 auto; 3660 font-size: 14px; 3661 letter-spacing: 0.01em; 3662 3663 img { 3664 width: 24px; 3665 margin-left: 12px; 3666 } 3667`,wc=i($t)` 3668 background: rgba(234, 185, 91, 0.5); 3669 border: 1px solid #eab95b; 3670`,kc=i.div` 3671 display: flex; 3672 align-items: center; 3673 justify-content: flex-end; 3674`,yc=i.div` 3675 display: flex; 3676 align-items: center; 3677 gap: 36px; 3678 width: 100%; 3679 3680 @media (max-width: 1000px) { 3681 flex-direction: column-reverse; 3682 gap: 24px; 3683 } 3684`,Cc=i.button` 3685 background: transparent; 3686 padding: 0 15px; 3687 display: flex; 3688 align-items: center; 3689 gap: 12px; 3690 white-space: nowrap; 3691 font-size: 14px; 3692 font-weight: 700; 3693 letter-spacing: 0.14px; 3694 text-transform: uppercase; 3695`,Tn=t=>{const{t:n}=R(),a=F(),{premium:c,isAuth:m}=_(s=>s.auth),{showResults:u}=_(s=>s.pickem),[r,l]=x.useState(!1),{picksSent:f,stageData:v,setPicksChanged:g,picksChanged:j,isDisabled:L,postdata:P,progress:T,progressTitle:y,actionText:k,onActionClick:S,showResultsAfter:M}=t,E=Date.now()>(M??v?.unixtime_start)*1e3,h=Date.now()<v?.unixtime_start*1e3?e.jsxs(e.Fragment,{children:[n("untilStageClosing"),":"," ",Pn(v.unixtime_start,n)]}):n("stageClosed"),p=()=>{!L&&!r&&(l(!0),g(!1),X.setPickem(P).then(s=>{s?(fe(n("PickemSaved")),a(Kn({id:String(v?.id_pickem),bool:!0}))):g(!0)}).finally(()=>
3695l(!1)),(!c.group||c.free||c.group=="LITE")&&a(B("PREMIUM_ONLY",{sendReq:()=>{},text:"PickemPremOnlyText1",button:"onlyAchievement"})))};return m?e.jsxs(yc,{children:[T&&e.jsx(zn,{progress:T,title:y,label:n("picksMade"),right:h}),e.jsx(kc,{children:E?e.jsxs(Cc,{onClick:()=>a(Dt(!u)),children:[e.jsx(qn,{active:u,theme:"white"}),n("showResults")]}):k&&S?e.jsx($t,{onClick:S,children:k}):f?e.jsx(wc,{onClick:p,disabled:L||!j||r,className:(L||!j)&&"isDisabled",children:n("UpdatePickem")}):e.jsx($t,{onClick:p,disabled:L||r,className:L&&"isDisabled",children:n("makePickem")})})]}):e.jsxs(vc,{onClick:()=>{Y("login_click",{source:"pickem_page"}),window.location.href=ne("/steam")},children:[n("LOGIN-WITH")," Steam",e.jsx("img",{loading:"lazy",src:b("/img/socials/steam.svg"),alt:""})]})},Ot=ps` 3696 0% { 3697 transform: translateX( 2px ) translatey( 1px ); 3698 } 3699 3700 50% { 3701 transform: translateX( -1px ) translatey( -2px ) rotateX( 10deg ); 3702 } 3703 3704 100% { 3705 transform: translateX( 2px ) translatey( -1px ); 3706 } 3707`,Ie=i.div` 3708 color: #fff; 3709 font-size: 12px; 3710 padding: 10px 16px; 3711 border-radius: 6px; 3712 background: #131821; 3713 backdrop-filter: blur(10px); 3714 margin: 0 auto; 3715 width: max-content; 3716 margin-bottom: 12px; 3717 max-width: 250px; 3718 text-align: center; 3719`;i.div` 3720 display: flex; 3721 flex-direction: column; 3722 justify-content: flex-start; 3723 align-items: center; 3724 margin: 0 auto; 3725 position: static; 3726 3727 *::selection { 3728 background: transparent; 3729 } 3730`;const be=i.div` 3731 display: flex; 3732 margin-top: 24px; 3733 flex-direction: column; 3734 align-items: center; 3735 width: 100%; 3736 3737 & > div.isHidden { 3738 opacity: 0.4; 3739 pointer-events: none; 3740 } 3741`,je=i.ul` 3742 display: flex; 3743 gap: 12px; 3744 padding-bottom: 12px; 3745 margin-bottom: 16px; 3746 justify-content: center; 3747 min-width: 948px; 3748 height: 48px; 3749 box-sizing: content-box; 3750 3751 &:after { 3752 content: ''; 3753 position: absolute; 3754 left: 0; 3755 bottom: 0; 3756 height: 2px; 3757 width: 100%; 3758 background: linear-gradient( 3759 92.65deg, 3760 rgba(103, 120, 180, 0) 2.24%, 3761 rgba(103, 127, 188, 0.171826) 52.23%, 3762 rgba(103, 134, 196, 0) 97.82% 3763 ); 3764 border-radius: 12px; 3765 } 3766 3767 @media all and (max-width: 1850px) { 3768 height: auto; 3769 min-width: auto; 3770 flex-wrap: wrap; 3771 } 3772`,ve=i.li` 3773 width: 48px; 3774 height: 48px; 3775 border-radius: 6px; 3776 background: #394462; 3777 backdrop-filter: blur(10px); 3778 display: flex; 3779 align-items: center; 3780 justify-content: center; 3781 cursor: pointer; 3782 pointer-events: ${t=>t.unavailable?"none":"all"}; 3783 transition: background 0.1s ease; 3784 3785 img { 3786 -webkit-user-drag: none; 3787 -khtml-user-drag: none; 3788 -moz-user-drag: none; 3789 -o-user-drag: none; 3790 user-drag: none; 3791 pointer-events: none; 3792 width: 32px; 3793 height: 32px; 3794 object-fit: contain; 3795 animation-name: ${t=>t.unavailable?"none":Ot}; 3796 animation-duration: 0.3s; 3797 animation-timing-function: ease-in-out; 3798 animation-iteration-count: 4; 3799 animation-delay: ${t=>t.delay}s; 3800 } 3801 3802 &:hover { 3803 /* background: #232937; */ 3804 3805 img { 3806 animation-iteration-count: infinite; 3807 animation-delay: 0s; 3808 } 3809 } 3810 3811 @media all and (max-width: 1850px) { 3812 width: 45px; 3813 height: 45px; 3814 3815 img { 3816 width: 25px; 3817 height: 25px; 3818 } 3819 } 3820`,Si=i.div` 3821 display: flex; 3822 align-items: center; 3823 justify-content: space-between; 3824 width: 100%; 3825 gap: 10px; 3826 3827 & > div { 3828 display: flex; 3829 flex-direction: column; 3830 } 3831 3832 @media (max-width: 1000px) { 3833 flex-direction: row; 3834 gap: 30px; 3835 margin: 30px 0; 3836 } 3837`,Xe=i.div` 3838 margin-top: 16px; 3839`,Q=i.h3` 3840 font-weight: 400; 3841 font-size: 14px; 3842 color: #778597; 3843 text-transform: none; 3844 3845 span { 3846 color: #cfd8e5; 3847 } 3848 3849 @media all and (max-width: 1850px) { 3850 font-size: 12px; 3851 } 3852`,Je=i.div` 3853 display: flex; 3854 gap: 12px; 3855 margin-top: 12px; 3856 flex-wrap: wrap; 3857 justify-content: center; 3858`,$i=i.div`
3859 align-items: flex-start; 3860 3861 @media (max-width: 1000px) { 3862 ${Q} { 3863 display: none; 3864 } 3865 } 3866`,Mi=i.div` 3867 align-items: flex-end; 3868 3869 @media (max-width: 1000px) { 3870 ${Q} { 3871 display: none; 3872 } 3873 3874 & > div { 3875 flex-direction: column-reverse; 3876 } 3877 } 3878`,Fe=i.div` 3879 margin-top: 12px; 3880 gap: 24px; 3881 display: flex; 3882 align-items: center; 3883 3884 h2 { 3885 font-weight: 300; 3886 font-size: 96px; 3887 line-height: 112px; 3888 color: #778597; 3889 } 3890 3891 @media all and (max-width: 800px) { 3892 justify-content: center; 3893 width: 100%; 3894 3895 h2 { 3896 font-size: 64px; 3897 line-height: 80px; 3898 } 3899 } 3900 3901 @media (max-width: 1000px) { 3902 flex-direction: column; 3903 } 3904`,De=i.img` 3905 width: 100px; 3906 position: fixed; 3907 z-index: 10; 3908 left: 0; 3909 top: 0; 3910 pointer-events: none; 3911 opacity: 0; 3912 transition: opacity 0.7s ease; 3913 3914 &.show { 3915 opacity: 1; 3916 transform: scale(1); 3917 } 3918`,we=i.div``;i.h1` 3919 font-weight: 500; 3920 font-size: 24px; 3921 display: flex; 3922 align-items: center; 3923 opacity: 0; 3924 transition: opacity 0.3s ease; 3925 text-transform: none; 3926 3927 img { 3928 height: 36px; 3929 margin-left: 12px; 3930 cursor: pointer; 3931 } 3932 3933 &.show { 3934 opacity: 1; 3935 } 3936`;const _c=i.div` 3937 justify-content: space-between; 3938 width: 100%; 3939 3940 &, 3941 & > div { 3942 display: flex; 3943 align-items: center; 3944 } 3945 3946 @media (max-width: 1000px) { 3947 flex-direction: column; 3948 gap: 15px; 3949 } 3950`,Pc=i.div` 3951 gap: 8px; 3952`,at=i.button` 3953 padding: 8px 14px 8px 12px; 3954 border-radius: 6px; 3955 background: rgba(112, 123, 153, 0.2); 3956 font-weight: 600; 3957 font-size: 13px; 3958 color: #9fb1c9; 3959 display: flex; 3960 align-items: center; 3961 gap: 8px; 3962 3963 img { 3964 width: 18px; 3965 } 3966`,Lc=i(at)` 3967 width: 36px; 3968 height: 36px; 3969 padding: 0; 3970 justify-content: center; 3971 3972 svg { 3973 width: 22px; 3974 height: 22px; 3975 } 3976 3977 &.disabled { 3978 opacity: 0.45; 3979 pointer-events: none; 3980 } 3981`,zc=i.input` 3982 padding-left: 15px; 3983 background: transparent; 3984 height: 100%; 3985 3986 &, 3987 &::placeholder { 3988 font-weight: 400; 3989 font-size: 14px; 3990 color: #778597; 3991 } 3992`,Tc=i.div` 3993 display: flex; 3994 align-items: center; 3995 padding-right: 56px; 3996 3997 @media (max-width: 650px) { 3998 flex-direction: column; 3999 align-items: stretch; 4000 } 4001`,Sc=i.div` 4002 height: 46px; 4003 max-width: 48px; 4004 width: 100%; 4005 border-radius: 8px; 4006 border: 1px solid #353e5b; 4007 position: absolute; 4008 top: 0; 4009 right: 0; 4010 display: flex; 4011 align-items: center; 4012 justify-content: end; 4013 4014 &.open { 4015 max-width: 600px; 4016 } 4017`,$c=i.div` 4018 position: absolute; 4019 right: 0; 4020 top: 50px; 4021 padding: 12px; 4022 border-radius: 12px; 4023 background: #1f2739; 4024 z-index: 99; 4025 4026 @media (max-width: 1000px) { 4027 left: 5vw; 4028 top: 110%; 4029 width: calc(100vw - 40px); 4030 position: absolute; 4031 } 4032`,Mc=i.button` 4033 display: flex; 4034 align-items: center; 4035 padding: 10px; 4036 margin-bottom: 3px; 4037 width: 100%; 4038 border-radius: 6px; 4039 background: rgba(93, 108, 146, 0.16); 4040 4041 img { 4042 height: 24px; 4043 width: 24px; 4044 margin-right: 10px; 4045 border-radius: 50%; 4046 } 4047 4048 span { 4049 color: #c7d3e2; 4050 font-size: 14px; 4051 font-weight: 500; 4052 } 4053`,Ec=i.button` 4054 height: 100%; 4055 min-width: 46px; 4056 display: flex; 4057 align-items: center; 4058 justify-content: center; 4059 background: transparent; 4060`,Nc=i.div` 4061 max-height: 205px; 4062 overflow: auto; 4063 margin-top: 8px; 4064 padding-right: 10px; 4065`,Ac=i(at)` 4066 border: 1px solid rgba(240, 179, 88, 0.2); 4067 background: transparent; 4068 color: #f0b358; 4069 transition: all 0.3s ease; 4070 4071 &:hover { 4072 background: rgba(240, 179, 88, 0.07); 4073 } 4074`,Rc=i.img` 4075 margin-left: 0; 4076 margin-right: 12px; 4077 height: 32px; 4078`,Be=i.h1` 4079 font-weight: 500; 4080 font-size: 24px; 4081 display: flex; 4082 align-items: center; 4083 opacity: 0; 4084 transition: opacity 0.3s ease; 4085 text-transform: none; 4086 4087 &.show { 4088 opacity: 1; 4089 } 4090 4091 @media (max-width: 1000px) { 4092 font-size: 20px; 4093 flex-direction: row; 4094 text-align: center; 4095 } 4096`,Ht=i.img` 4097 width: 135px; 4098 height: 42px; 4099 margin-left: 12px; 4100 object-fit: contain; 4101 cursor: pointer; 4102 4103 @media (max-width: 1000px) { 4104 width: 110px; 4105 } 4106`,Ic=[{type:"friend",title:"Friends"},{type:"pro",title:"PRO"}],Dc=(t,n)=>t?.section==="playoff"?structuredClone(n.teams_by_stages):t?.section!=="awards"?structuredClone(n):{...n?.maps??{},...n?.teams??{},...n?.players??{}},Bc=({friends:t=[],pros:n=[],isAuth:a})=>{const{t:c}
4106=R(),m=F(),[u,r]=x.useState(!1),[l,f]=x.useState(),[v,g]=x.useState(""),[j,L]=x.useState(!1),[P,T]=x.useState(a?"friend":"pro"),y=_(p=>p.pickem.playerPreview),k=ke(),S=x.useRef();nn(S,()=>r(!1)),x.useEffect(()=>{if(S.current&&k){const p=S.current.getBoundingClientRect();f(p.left-20)}else f(null)},[k]);const E={friend:t,pro:n}[P],h=E.filter(p=>p.name&&p.name.toLowerCase().includes(v.toLowerCase())&&p.steamid64!==y?.id);return e.jsxs("div",{ref:S,children:[e.jsxs(at,{onClick:()=>r(!u),children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/friends.svg"),alt:""}),E.find(p=>p.steamid64==y?.id)?.name??c("PlayersPredictions")]}),e.jsx(es,{in:u,unmountOnExit:!0,timeout:200,classNames:"modal",children:e.jsxs($c,{style:l&&{left:`-${l}px`,right:"auto"},children:[a&&e.jsxs(Tc,{children:[e.jsx("div",{style:{opacity:j?0:1},children:e.jsx(on,{buttons:Ic.map(p=>({text:c(p.title),active:P===p.type,action:()=>{P!==p.type&&(T(p.type),g(""))}})),className:"pickem-players extended"})}),e.jsxs(Sc,{className:j?"open":void 0,children:[e.jsx(zc,{placeholder:c("Search")+"...",onChange:p=>g(p.target.value),value:v}),e.jsx(Ec,{onClick:()=>{L(!j),g("")},children:j?e.jsx(zs,{}):e.jsx(Ts,{})})]})]}),e.jsx(Nc,{className:"blue-scroll",children:h.map(p=>e.jsxs(Mc,{onClick:()=>{m(Ct({id:p.steamid64,type:P})),r(!1)},children:[e.jsx("img",{loading:"lazy",src:p.avatar,alt:""}),e.jsx("span",{children:p.name})]},p.steamid64))})]})})]})},Ft=t=>{const{t:n}=R(),a=F(),c=_(o=>o.auth.isAuth),m=_(o=>o.auth.steamid64),u=_(o=>o.root.partnersLinks),{friends:r,pros:l,playerPreview:f,tournament:v,partner:g,userPickem:j}=_(o=>o.pickem),[L,P]=x.useState(!1),T=o=>X.getMajorData(o,v.id_event).then(w=>{a(_e(!1)),a(Jn(w.data.events.pickem)),a(Qn(w.data.player?.events.pickem))}),y=()=>{a(_e(!0)),T(m),a(Ct(null))};x.useEffect(()=>{f&&(a(_e(!0)),T(f.id))},[f]);const k=t.currentStage?.id_pickem?String(t.currentStage.id_pickem):null,S=!!t.currentStage?.active,M=k?j?.[k]?.data:null,E=!!(f&&M&&S),h=({id:o,data:w,playerType:z})=>{!o||!w||L||(P(!0),a(_e(!0)),Y("pickem_copy_preview_click",{player_type:z,stage_id:o}),X.setPickem({id:o,data:w}).then(C=>{if(C)return fe(n("PickemSaved")),a(Ct(null)),T(m);a(_e(!1))}).finally(()=>P(!1)))},p=()=>{if(!E||L)return;const o={id:k,data:Dc(t.currentStage,M),playerType:f.type};if(!c){Y("login_click",{source:"pickem_copy_preview"}),ts(Zt.COPY_PICKEM,o);return}h(o)};x.useEffect(()=>{if(!c||!m||!v?.id_event)return;const o=Xn(Zt.COPY_PICKEM);o&&h(o.payload)},[c,m,v?.id_event]);const s=k?l.filter(o=>o.events?.pickem?.[k]):[],d=c&&k?r.filter(o=>o.events?.pickem?.[k]):[];return e.jsxs(_c,{className:"pickem-title",children:[t.title&&e.jsx(Ae,{title:`CS2 Pickem ${n("TITLE-TOURNAMENT")} - ${v.name} ${t.title}`,descr:n("pickem_seo_description")}),e.jsx("div",{children:e.jsxs(Be,{className:t.currentStage?"show":void 0,children:[t.icon&&e.jsx(Rc,{src:t.icon,alt:""}),t.title," ",e.jsxs(e.Fragment,{children:[n("From"),e.jsx(Ht,{src:t.partner?Se[t.partner]?.big_logo:b("/pages/predictor/icons/logo.svg"),alt:"",onClick:()=>{t.partner&&(Y("partner_click",{partner:t.partner,source:"event_title"}),window.open(u[g]))}})]})]})}),e.jsxs(Pc,{children:[!t.hidePlayers&&e.jsxs(x.Fragment,{children:[e.jsx(Bc,{friends:d,pros:s,isAuth:c}),f&&e.jsxs(e.Fragment,{children:[S&&e.jsx(Lc,{type:"button",title:n("CopyPickem"),"aria-label":n("CopyPickem"),onClick:p,className:(!E||L)&&"disabled",children:e.jsx(Ls,{})}),e.jsxs(Ac,{onClick:y,children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/return.svg"),alt:""}),n("PreviewMode")]})]})]}),t.infoButton&&e.jsx(e.Fragment,{children:e.jsxs(at,{onClick:()=>a(B("UPDATE_MODAL",{content:[{id:1,title:"leagueModal1",subtitle:"leagueModal1Text",img:b("/img/modals/update/png/league1.jpg"),date:`28 ${n("November")} 2024`},{id:2,title:"leagueModal2",subtitle:"leagueModal2Text",video:b("/img/modals/update/png/league4.mp4"),flyingImages:[],date:`28 ${n("November")} 2024`},{id:3,title:"leagueModal3",subtitle:"leagueModal3Text",video:b("/img/modals/update/png/league3.mp4"),flyingImages:[],date:`28 ${n("November")} 2024`}
4106,{id:4,title:"leagueModalRaffle",subtitle:"leagueModalRaffleText",video:b("/img/modals/update/png/league-raffles.mp4"),flyingImages:[],date:`28 ${n("November")} 2024`},{id:5,title:"leagueModal4",subtitle:"leagueModal4Text",img:b("/img/modals/update/png/league4.jpg"),flyingImages:[],date:`28 ${n("November")} 2024`},{id:6,title:"leagueModal5",subtitle:"leagueModal5Text",img:b("/img/modals/update/png/league5.jpg"),flyingImages:[],date:`28 ${n("November")} 2024`,btn:n("MoveTo"),btnLink:"/learn/204"}]})),children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/info2.svg"),alt:""}),n("Info")]})})]})]})},Oc=i.div` 4107 position: absolute; 4108 left: 50%; 4109 top: 50%; 4110 transform: translate(-50%, -50%); 4111 border-radius: 15px; 4112 background: linear-gradient( 4113 187deg, 4114 rgba(12, 15, 23, 0.78) -95.98%, 4115 rgba(14, 17, 27, 0.98) 98.53% 4116 ); 4117 padding: 50px; 4118 display: flex; 4119 flex-direction: column; 4120 align-items: center; 4121 justify-content: center; 4122 width: 90%; 4123 max-width: 400px; 4124 z-index: 1; 4125 4126 svg { 4127 width: 36px; 4128 height: 36px; 4129 } 4130 4131 p { 4132 margin: 16px 0 28px 0; 4133 text-align: center; 4134 font-size: 18px; 4135 font-weight: 700; 4136 line-height: 140%; 4137 } 4138 4139 button { 4140 border-radius: 8px; 4141 border: 2px solid rgba(96, 128, 255, 0.4); 4142 background: rgba(96, 128, 255, 0.05); 4143 padding: 8px 26px; 4144 color: #6080ff; 4145 font-size: 14px; 4146 font-weight: 700; 4147 display: flex; 4148 align-items: center; 4149 gap: 10px; 4150 white-space: nowrap; 4151 4152 img { 4153 width: 22px; 4154 height: 22px; 4155 } 4156 } 4157 4158 @media (max-width: 600px) { 4159 padding: 30px 20px; 4160 4161 p { 4162 font-size: 16px; 4163 } 4164 } 4165`,Sn=({children:t})=>{const{t:n}=R(),a=oe(),c=_(u=>u.pickem.tournament),m=()=>{c?.url_short&&a(`/cs2/pickem/${c.url_short}/leagues`)};return e.jsxs(Oc,{children:[e.jsx(Ss,{}),e.jsx("p",{children:t}),e.jsxs("button",{onClick:m,children:[n("goPredictor"),e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/blue-arrow.svg"),alt:""})]})]})},Hc=i.div` 4166 display: flex; 4167 flex-direction: column; 4168 justify-content: flex-start; 4169 align-items: center; 4170 margin: 0 auto; 4171 position: static; 4172 4173 *::selection { 4174 background: transparent; 4175 } 4176`,Fc=i.div` 4177 padding-top: 24px; 4178 width: 100%; 4179 4180 @media (max-width: 1000px) { 4181 position: sticky; 4182 bottom: 0px; 4183 padding-bottom: calc(12px + var(--safe-area-inset-bottom, 0px)); 4184 background: linear-gradient(180deg, transparent 0%, #131821 35%); 4185 z-index: 1; 4186 } 4187`,Wc=i.div` 4188 width: 100%; 4189 4190 &.hidden { 4191 opacity: 0.4; 4192 pointer-events: none; 4193 } 4194`,ce=({children:t,stageData:n,picksSent:a,setPicksChanged:c,picksChanged:m,picksFull:u,postdata:r,progress:l})=>{const{t:f}=R(),{partner:v,tournament:g,showResults:j}=_(y=>y.pickem),{isAuth:L}=_(y=>y.auth),T=x.useMemo(()=>l&&l.filter(y=>!!y).length===0&&Date.now()>n.unixtime_start*1e3,[l,n])&&!j&&g.active;return e.jsxs(Hc,{children:[e.jsx(Ft,{title:f(n?.name),currentStage:n,partner:v}),e.jsxs("div",{style:{width:"100%"},children:[e.jsx(Wc,{className:I(T&&"hidden"),children:t}),T&&e.jsx(Sn,{children:f("matchesStartedMessage")})]}),r&&e.jsx(Fc,{children:e.jsx(Tn,{isAuth:L,stageData:n,picksSent:a,setPicksChanged:c,picksChanged:m,isDisabled:!u,postdata:r,progress:l})})]})},Ei=20,Oe=({isSafari:t}={})=>{const n=x.useRef(null),[a,c]=x.useState(null),m=(f,v)=>{is(f),n.current?.classList.add("show"),c(v)},u=()=>{n.current?.classList.remove("show"),c(null)};return{attachedTeam:a,cursorTeam:n,cursorStyle:t?{display:a?"block":"none"}:void 0,dragStart:m,dragEnd:u,moveCursor:f=>{n.current&&(n.current.style.transform=`translate3d(${f.clientX-Ei}px, ${f.clientY-Ei}px, 0)`)},clearAttachedTeam:u,completeDrop:(f,v,g)=>v?(f?.target?.classList?.remove("hovered"),g(v),u(),!0):!1}},Ni=t=>{const{t:n}=R(),a=F(),c=_(o=>o.auth.isAuth),m=_(o=>o.pickem.playerPreview),u=_(o=>o.pickem.loading),r=_(o=>o.pickem.availableTeams),l=_(o=>
4194o.root.isSafari),{attachedTeam:f,cursorTeam:v,cursorStyle:g,dragStart:j,dragEnd:L,moveCursor:P,completeDrop:T}=Oe({isSafari:l});let y=!c||t.pickem.unixtime_start>H()||t.pickem.unixtime_end<H()||m;const[k,S]=x.useState({}),[M,E]=x.useState(!1);x.useEffect(()=>{a(K(t.pickem.teams)),E(!1)},[t.pickem.teams]),x.useEffect(()=>{if(t.currentPicks){let o={},w=sn(t.currentPicks.teams)?Object.values(t.currentPicks.teams):t.currentPicks.teams;o[10]=t.currentPicks["3-0"],o[11]=t.currentPicks["0-3"],w.forEach((z,C)=>o[C]=z),S(o),a(K(t.pickem.teams.filter(z=>!Object.values(o).includes(z))))}},[t.currentPicks,t.pickem.teams]);const h=o=>{const w=t.currentStage?.matches.filter(C=>C.id_team_win==o&&o).length,z=t.currentStage?.matches.filter(C=>(C.id_team_1==o||C.id_team_2==o)&&C.id_team_win!=o&&C.id_team_win).length;return`${w} - ${z}`},p=(o,w,z)=>{T(o,z,()=>{let C={...t.currentPicks,teams:[...t.currentPicks.teams]},$=[...r];C[w]&&$.push(C[w]),$.splice($.indexOf(z),1),w==10?C["3-0"]=z:w==11?C["0-3"]=z:(C.teams.length<1&&(C.teams=new Array(t.cells).fill(null)),C.teams[w]=z),a(J({stageId:t.stage,data:C})),a(K($)),E(!0)})},s=o=>{let w={...t.currentPicks,teams:[...t.currentPicks.teams]};switch(o){case 10:w["3-0"]=null;break;case 11:w["0-3"]=null;break;default:w.teams[o]=null}a(K([...r,k[o]])),a(J({stageId:t.stage,data:w}))},d=({index:o,correctResults:w,superLoser:z,superWinner:C})=>{let $;const D=t.currentStage?.matches.filter(G=>G.id_team_win==k[o]&&k[o]).length,O=t.currentStage?.matches.filter(G=>(G.id_team_1==k[o]||G.id_team_2==k[o])&&G.id_team_win!=k[o]&&G.id_team_win).length;return C&&O>0&&($="unsuccess"),z&&D>0&&($="unsuccess"),w.includes(k[o])&&($="success"),!z&&O==3&&($="unsuccess"),e.jsx(ue,{availableTeams:r,index:o,dropTeam:p,attachedTeam:f,pickId:k[o],removeTeam:s,correctResults:w,unavailable:y,wins:D,loses:O,status:$,stageIsFinished:t.currentStage?.unixtime_end<H()})};return e.jsxs(ce,{stageData:t.currentStage,picksSent:t.picked,setPicksChanged:E,picksChanged:M,picksFull:Object.values(k).filter(o=>o).length==t.cells+2,postdata:{data:{"3-0":k[10],"0-3":k[11],teams:Object.values(k).slice(0,t.cells)},id:t.currentStage?.id_pickem},progress:Object.values(t.currentPicks).flat(),children:[e.jsx(De,{src:V(t.teams[f]?.assets.logo),ref:v,style:g}),u?e.jsxs(be,{children:[e.jsxs(we,{className:"isHidden",children:[e.jsx(je,{}),e.jsxs(Si,{children:[e.jsxs($i,{children:[e.jsx(Q,{dangerouslySetInnerHTML:{__html:n("ChooseBestTeam")}}),e.jsxs(Fe,{children:[e.jsx("h2",{children:"3-0"}),e.jsx(ue,{})]})]}),e.jsxs(Mi,{children:[e.jsx(Q,{dangerouslySetInnerHTML:{__html:n("ChooseWorstTeam")}}),e.jsxs(Fe,{children:[e.jsx(ue,{}),e.jsx("h2",{children:"0-3"})]})]})]})]}),e.jsxs(Xe,{className:"isHidden",children:[e.jsx(Q,{dangerouslySetInnerHTML:{__html:n("ChooseOtherTeams")}}),e.jsx(Je,{children:Array(t.cells).fill({}).map(()=>e.jsx(ue,{}))})]})]}):e.jsxs(be,{children:[e.jsxs(we,{className:(!c||t.pickem.unixtime_start>H())&&"isHidden",children:[e.jsx(Ie,{children:n("MakeNCorrentPicks2",{amount:5})}),e.jsx(je,{className:"desktop-only",children:r.map((o,w)=>e.jsx(Z,{placement:"top",content:t.currentStage.unixtime_start<H()?h(o):t.teams[o].name,children:e.jsx(ve,{onDragStart:z=>j(z,o),onDrag:P,onDragEnd:L,delay:w*.8,draggable:!y,children:e.jsx("img",{loading:"lazy",src:V(t.teams[o]?.assets.logo),alt:""})})}))}),e.jsxs(Si,{children:[e.jsxs($i,{children:[e.jsx(Q,{dangerouslySetInnerHTML:{__html:n("ChooseBestTeam")}}),e.jsxs(Fe,{children:[e.jsx("h2",{children:"3-0"}),e.jsx(d,{index:10,correctResults:t.pickem.result["3-0"],superWinner:!0})]})]}),e.jsxs(Mi,{children:[e.jsx(Q,{dangerouslySetInnerHTML:{__html:n("ChooseWorstTeam")}}),e.jsxs(Fe,{children:[e.jsx(d,{index:11,correctResults:t.pickem.result["0-3"],superLoser:!0}),e.jsx("h2",{children:"0-3"})]})]})]})]}),e.jsxs(Xe,{className:(!c||t.pickem.unixtime_start>H())&&"isHidden",children:[e.jsx(Q,{dangerouslySetInnerHTML:{__html:n("ChooseOtherTeams",{value:t.cells})}}),e.jsx(Je,{children:Array(t.cells).fill({}).map((o,w)=>e.jsx(d,{index:w,correctResults:t.pickem.result.teams}))})]}),!y&&e.jsx("div",{style:{paddingTop:"24px",width:"100%"},children:e.jsx(Tn,{picksSent:t.picked,setPicksChanged:E,picksChanged:M,isDisabled:Object.values(k).filter(o=>o).length!==t.cells+2,postdata:{data:{"3-0":k[10],"0-3":k[11],teams:Object.values(k).slice(0,t.cells)},id:t.currentStage?.id_pickem}})})]})]})},Vc=i.div` 4195 height: 515px; 4196 width: 100%; 4197 display: flex; 4198 justify-content: center; 4199 margin-top: 48px; 4200`,Gc=i.button` 4201 padding: 16px 48px; 4202 display: flex; 4203 align-items: center; 4204 background: #6080ff; 4205 border-radius: 8px; 4206 font-weight: 700; 4207 font-size: 14px; 4208 letter-spacing: 0.01em; 4209 4210 img { 4211 width: 24px; 4212 margin-left: 12px; 4213 } 4214`,Uc=i.div` 4215 display: inline-block; 4216 height: max-content; 4217 4218 & > img { 4219 top: 0; 4220 left: 50%; 4221 transform: translateX(-50%); 4222 pointer-events: none; 4223 } 4224 4225 & > div { 4226 position: absolute; 4227 top: 0; 4228 height: 100%; 4229 width: 100%; 4230 opacity: 1; 4231 transition: opacity 0.2s ease; 4232 } 4233`,Zc=i.img` 4234 position: absolute; 4235 z-index: 1; 4236 top: 10px; 4237 left: 50%; 4238 transform: translateX(-50%); 4239`,$n=i.div` 4240 display: flex; 4241 flex-direction: column; 4242 align-items: center; 4243 position: absolute; 4244 z-index: 1; 4245 bottom: 100px; 4246 left: 50%; 4247 transform: translateX(-50%); 4248 width: max-content; 4249 4250 h6 { 4251 font-family: 'Montserrat', sans-serif; 4252 font-size: 28px; 4253 font-weight: 800; 4254 line-height: 36px; 4255 } 4256 4257 p { 4258 margin: 6px 0 16px 0; 4259 font-weight: 400; 4260 font-size: 14px; 4261 color: #778597; 4262 } 4263`,Mt=i.button` 4264 padding: 20px 48px; 4265 background: #6080ff; 4266 border-radius: 8px; 4267 color: #fff; 4268 font-weight: 700; 4269 font-size: 14px; 4270 letter-spacing: 0.01em; 4271 4272 &.isDisabled { 4273 background: #1c222f; 4274 pointer-events: none; 4275 color: #3c4454; 4276 } 4277 4278 &:disabled { 4279 pointer-events: none; 4280 } 4281`,Yc=i($n)` 4282 bottom: 70px; 4283 4284 & > img { 4285 height: 181px; 4286 margin-bottom: -24px; 4287 } 4288 4289 h6 { 4290 color: #fdb510; 4291 } 4292 4293 p { 4294 color: #fdb510; 4295 } 4296`,qc=i(Mt)` 4297 border: 1px solid #fdb510; 4298 background: transparent; 4299 padding: 18px 48px; 4300 color: #fdb510; 4301 display: flex; 4302 align-items: center; 4303 pointer-events: all; 4304 4305 img {
4306 width: 20px; 4307 margin-left: 8px; 4308 } 4309`,Kc=({rarity:t})=>b(`/pages/shop/item-bg/${t??"gray"}.png`),Xc=i.div` 4310 position: absolute; 4311 left: ${t=>t.reverse?"auto":t.x}px; 4312 top: ${t=>t.reverse?"auto":t.y}px; 4313 right: ${t=>t.reverse?t.x:"auto"}px; 4314 bottom: ${t=>t.reverse?t.y:"auto"}px; 4315 transform: rotate(${t=>t.rotation}deg); 4316 width: 94px; 4317 display: flex; 4318 align-items: center; 4319 justify-content: center; 4320 height: 69px; 4321 background: url('${Kc}') no-repeat center center; 4322 background-size: 70px; 4323 4324 img { 4325 height: 69px; 4326 image-rendering: auto; 4327 } 4328`,Jc=i.div` 4329 mask-image: linear-gradient(180deg, #000000 50%, rgba(0, 0, 0, 0) 76.59%); 4330 height: max-content; 4331`,We=[{position:[37,252],rotation:-75},{position:[109,122],rotation:-44},{position:[238,47],rotation:-14},{position:[389,47],rotation:14},{position:[517,122],rotation:44},{position:[591,252],rotation:75},{position:[37,252],rotation:105,reverse:!0},{position:[109,122],rotation:136,reverse:!0},{position:[238,47],rotation:166,reverse:!0},{position:[389,47],rotation:194,reverse:!0},{position:[517,122],rotation:224,reverse:!0},{position:[591,252],rotation:255,reverse:!0}],Qc=t=>{const{t:n}=R(),a=F(),c=x.useRef(),m=x.useRef(),u=x.useRef(!1),r=x.useRef(),l=_(h=>h.auth.isAuth),f=_(h=>h.pickem.progress.points_free)??0,v=_(h=>h.pickem.skins);let g=new Audio(b("/audio/s1.wav")),j=new Audio(b("/audio/s2.wav"));const[L,P]=x.useState([]),[T,y]=x.useState({}),[k,S]=x.useState(!1),M=()=>{u.current||k||f<=0||(u.current=!0,S(!0),X.roll(t.event_id).then(h=>{if(!h){u.current=!1,S(!1);return}g.play(),y(h.data),f>0&&a(ns(f-1)),c.current.style.transition="transform 10s ease",c.current.style.transform="rotate(-915deg)",r.current=setTimeout(()=>{j.play(),u.current=!1,S(!1),a(B("DROP_MODAL",{drop:h.data,type:h.data.type,externalSkinInfo:{...v.find(p=>p.id==h.data.id_market),price:h.data.price},onContinue(){m.current.style.opacity="1",c.current.style.transition="transform 0s ease",c.current.style.transform="rotate(0deg)"}})),m.current.style.opacity="0"},1e4)}).catch(()=>{u.current=!1,S(!1)}))},E=h=>{let p=Math.random(),s=d=>{let o=t.prizes.filter(z=>z.rarity==d),w=o[Math.floor(Math.random()*o.length)];return(w.name=="LITE"||w.name=="PREMIUM")&&h.find(z=>z.name==w.name)?E(h):w};return p<.7?s("color-milspec"):p<.8?s("color-classified"):p<.87?s("color-restricted"):p<.92?s("color-covert"):s("color-golden")};return x.useEffect(()=>{if(v){let h=[];for(let p=0;p<12;p++){let s=E(h);const d=()=>{if(s.skin){let o=v.filter(w=>w.color==s.rarity);return{...s,id:p,dropInfo:o[Math.floor(Math.random()*o.length)]}}else return{...s,id:p}};h.push(d())}P(h)}},[v]),x.useEffect(()=>()=>clearTimeout(r.current),[]),e.jsxs(Vc,{children:[e.jsx(Zc,{src:b("/pages/pickem/icons/wheel-arrow.svg")}),e.jsx(Jc,{children:e.jsxs(Uc,{ref:c,children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/wheel_bg.png"),alt:""}),e.jsx("div",{ref:m,children:L.map((h,p)=>e.jsx(Xc,{x:We[p].position[0],y:We[p].position[1],reverse:We[p].reverse,rotation:We[p].rotation,rarity:p==9?T.color:h.rarity,children:p==9?e.jsx("img",{loading:"lazy",src:T.img,alt:""}):h.dropInfo?e.jsx("img",{loading:"lazy",src:`//steamcommunity-a.akamaihd.net/economy/image/class/730/${h.dropInfo.id}`,alt:""}):e.jsx("img",{loading:"lazy",src:b(`/pages/pickem/prizes/${h.img.toLowerCase()}.png`),alt:"",style:{height:"auto",width:70}})}))})]})}),t.notAllowed?e.jsxs(Yc,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/prizes/premium_lock.png"),alt:""}),e.jsx("h6",{children:n("PickemOnlyForPremium")}),e.jsx("p",{children:n("PickemOnlyForPremium2")}),l?e.jsx(U,{to:"/premium",children:e.jsxs(qc,{children:[n("GetPremium"),e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/arrow.svg"),alt:""})]})}):e.jsxs(Gc,{onClick:()=>window.location.href=ne("/steam"),children:[n("LOGIN-WITH")," Steam",e.jsx("img",{loading:"lazy",src:b("/img/socials/steam.svg"),alt:""})]})]}):e.jsxs($n,{children:[e.jsx("h6",{children:n("TryLuck")}),e.jsx("p",{children:n("WheelForPredictions")}),e.jsx(Z,{placement:"bottom",content:n("YouHaveRollsLeft")+": "+f,children:f>0?e.jsx(Mt,{disabled:k,className:k?"isDisabled":void 0,onClick:M,children:n("Open_")}):e.jsx(Mt,{className:"isDisabled",children:n("SpinsLeft",{amount:0})})})]})]})};function el(){const[t,n]=x.useState([{img:"milspec",name:"RandomBlue",rarity:"color-milspec",skin:!0,random:!0}
4331,{img:"purple",name:"RandomPurple",rarity:"color-restricted",skin:!0,random:!0},{img:"pinq",name:"RandomPink",rarity:"color-classified",skin:!0,random:!0},{img:"red",name:"RandomRed",rarity:"color-covert",skin:!0,random:!0},{img:"knife",name:"RandomKnife",rarity:"color-golden",skin:!0,random:!0}]),a=_(c=>c.pickem.partner);return x.useEffect(()=>{a==="betboom"&&!t.find(c=>c.name=="Freebet")&&n([{img:"betboom-coin",name:"FREEBET",rarity:"color-golden"},...t])},[a]),t}const tl=i.div` 4332 display: flex; 4333 border-radius: 6px; 4334 flex-direction: column; 4335 align-items: center; 4336 min-height: 100%; 4337 background: 4338 radial-gradient( 4339 134.63% 89.74% at 50.04% 100%, 4340 #161b25 0%, 4341 rgba(22, 27, 37, 0) 100% 4342 ), 4343 linear-gradient(180deg, #131821 36.04%, rgba(19, 24, 33, 0) 100%); 4344 4345 ${Be} { 4346 justify-content: center; 4347 } 4348`,il=i.div` 4349 h6 { 4350 font-weight: 900; 4351 font-size: 20px; 4352 text-transform: uppercase; 4353 color: #d6ddfc; 4354 text-align: center; 4355 padding-bottom: 16px; 4356 4357 &::before, 4358 &::after { 4359 content: ''; 4360 position: absolute; 4361 bottom: 0px; 4362 left: 50%; 4363 display: block; 4364 height: 2px; 4365 transform: translateX(-50%); 4366 } 4367 4368 &::after { 4369 width: 1088px; 4370 background: linear-gradient( 4371 92.65deg, 4372 rgba(103, 120, 180, 0) 2.24%, 4373 rgba(103, 127, 188, 0.171826) 52.23%, 4374 rgba(103, 134, 196, 0) 97.82% 4375 ); 4376 } 4377 4378 &::before { 4379 width: 256px; 4380 background: #6080ff; 4381 border-radius: 5px; 4382 } 4383 } 4384 4385 @media (max-width: 1000px) { 4386 h6::after { 4387 width: 100%; 4388 } 4389 } 4390`,nl=i.ul` 4391 padding-top: 24px; 4392 gap: 8px; 4393 display: flex; 4394 flex-wrap: wrap; 4395 justify-content: center; 4396 align-items: center; 4397`,sl=i.li` 4398 width: 158px; 4399 height: 182px; 4400 display: flex; 4401 flex-direction: column; 4402 align-items: center; 4403 justify-content: space-between; 4404 background: linear-gradient( 4405 163.3deg, 4406 rgba(23, 27, 37, 0.6) 1.87%, 4407 rgba(34, 40, 55, 0.6) 88.46% 4408 ); 4409 border-radius: 10px; 4410 padding-bottom: 16px; 4411 4412 p { 4413 font-weight: 400; 4414 font-size: 8px; 4415 line-height: 9px; 4416 text-align: center; 4417 color: #d6ddfc; 4418 margin-bottom: 4px; 4419 } 4420 4421 span { 4422 font-weight: 400; 4423 font-size: 14px; 4424 color: #d6ddfc; 4425 width: 120px; 4426 text-align: center; 4427 display: block; 4428 } 4429`,al=i.div` 4430 padding: 9px 17px; 4431 background: rgba(255, 96, 108, 0.12); 4432 border-radius: 8px; 4433 font-weight: 700; 4434 margin: 0 auto; 4435 font-size: 12px; 4436 color: #cf6355; 4437 margin-top: 24px; 4438 display: flex; 4439 width: fit-content; 4440 align-items: center; 4441 4442 img { 4443 width: 16px; 4444 margin-right: 6px; 4445 } 4446`,rl=i.div` 4447 width: 100%; 4448 height: 100%; 4449 padding: 48px 24px; 4450 overflow-x: hidden; 4451 background: #131821 url(${b("/pages/pickem/bg5.png")}) 4452 no-repeat top center / 100%; 4453 4454 @media (max-width: 1000px) { 4455 padding: 48px 12px; 4456 } 4457`,ol=i.div` 4458 height: 140px; 4459 width: 100%; 4460 display: flex; 4461 align-items: center; 4462 justify-content: center;
4463 background: url('${b("/pages/shop/item-bg/")}${t=>t.color??"gray"}.png') 4464 no-repeat center -8px; 4465 background-size: 125px auto; 4466 4467 img { 4468 width: 90px; 4469 } 4470 4471 &::after { 4472 content: ''; 4473 position: absolute; 4474 left: 50%; 4475 top: 50%; 4476 width: 48px; 4477 display: ${t=>t.random?"block":"none"}; 4478 z-index: 2; 4479 height: 48px; 4480 transform: translate(-50%, -50%); 4481 background: url('${b("/pages/pickem/question-marks/")}${t=>t.color??"color-golden"}.png') 4482 no-repeat center center / cover; 4483 } 4484`,cl=t=>{const{t:n}=R(),a=F(),c=el(),m=_(j=>j.pickem.wheel),u=_(j=>j.auth.premium),r=_(j=>j.pickem.tournament.id_event),l=_(j=>j.auth.isAuth),f=_(j=>j.root.partners),v=!1,g=t.pickem?.user_privilege_bet??!0;if(t.pickem?.picked,x.useEffect(()=>{(!u.group||u.free||u.group=="LITE")&&a(B("PREMIUM_ONLY",{text:"PickemPremOnlyText1",button:"onlyAchievement"}))},[u]),!!m.enable)return e.jsxs(tl,{children:[e.jsx(Us,{drops:m.line_prizes,emptyText:n("LiveDropsTitle",{partner:t.partner?Se[t.partner]?.name:""})}),e.jsxs(rl,{children:[e.jsxs(Be,{className:"show",children:[n("TryYourLuck")," ",t.partner&&n("with_"),t.partner&&e.jsx(Ht,{src:Se[t.partner]?.big_logo,alt:"",onClick:()=>window.open(f[t.partner])})]}),(!g||v)&&r&&l&&e.jsxs(al,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/red-lock.svg"),alt:""}),n("PickemRollRestricion")]}),e.jsx(Qc,{notAllowed:v,prizes:c,event_id:r}),e.jsxs(il,{children:[e.jsx("h6",{children:n("PossiblePrizes")}),e.jsx(nl,{children:c.map(j=>e.jsxs(sl,{color:j.rarity,children:[e.jsx(ol,{color:j.rarity,random:j.random,children:e.jsx("img",{loading:"lazy",src:b(`/pages/pickem/prizes/${j.img}.png`),alt:""})}),e.jsxs("div",{children:[j.suptitle&&e.jsx("p",{children:j.suptitle}),e.jsx("span",{children:n(j.name)})]})]}))})]})]})]})},ll=i.div` 4485 display: flex; 4486 gap: ${t=>t.gap}px; 4487 overflow: auto; 4488 margin-top: 48px; 4489 padding-top: 56px; 4490 padding-bottom: 24px; 4491 4492 &.isHidden { 4493 opacity: 0.4; 4494 pointer-events: none; 4495 } 4496 4497 @media (max-width: 1000px) { 4498 margin-top: 50px; 4499 overflow-x: scroll; 4500 } 4501 4502 @media (max-width: 800px) { 4503 padding-top: 0; 4504 } 4505`,Wt=i.div` 4506 gap: 16px; 4507 display: flex; 4508 flex-direction: column; 4509 justify-content: center; 4510 min-height: 100%; 4511 height: 100%; 4512`,dl=i.div` 4513 padding: 18px 16px 10px; 4514 background: #131821; 4515 backdrop-filter: blur(10px); 4516 border-radius: 6px; 4517 width: max-content; 4518 max-width: 250px; 4519 display: block; 4520 position: absolute; 4521 left: 50%; 4522 top: -48px; 4523 transform: translateX(-50%); 4524 font-weight: 400; 4525 font-size: 12px; 4526 text-align: center; 4527 color: #fff; 4528 4529 div { 4530 position: absolute; 4531 text-transform: uppercase; 4532 white-space: nowrap; 4533 left: 50%; 4534 top: 0; 4535 transform: translate(-50%, -50%); 4536 display: flex; 4537 padding: 3px 7px; 4538 justify-content: center; 4539 align-items: center; 4540 gap: 4px; 4541 border-radius: 2px; 4542 background: 4543 linear-gradient( 4544 0deg, 4545 rgba(255, 210, 123, 0.12) 0%, 4546 rgba(255, 210, 123, 0.12) 100% 4547 ), 4548 #131821; 4549 color: #ebb667; 4550 font-size: 12px; 4551 font-weight: 500; 4552 4553 img { 4554 width: 14px; 4555 height: 14px; 4556 } 4557 } 4558 4559 @media (max-width: 800px) { 4560 display: none; 4561 } 4562 4563 &.major { 4564 top: -90px; 4565 } 4566`,Qe=({children:t,className:n,icon:a=b("/pages/pickem/icons/gold-timer.svg"),label:c})=>{const{t:m}=R();return e.jsxs(dl,{className:n,children:[e.jsxs("div",{children:[e.jsx("img",{loading:"lazy",src:a,alt:""}),c||m("task")]}),t]})},Me=i.div` 4567 height: 100%; 4568 display: flex; 4569 align-items: center; 4570 justify-content: center; 4571 4572 &.connected { 4573 &::before { 4574 content: ''; 4575 position: absolute; 4576 top: 50%; 4577 transform: translate(-100%, -50%); 4578 left: -4px; 4579 width: ${t=>t.gap/2-4}px; 4580 height: 1px; 4581 background: rgba(119, 133, 151, 0.5); 4582 } 4583 } 4584`,Mn=i(Wt)` 4585 &::before { 4586 content: none; 4587 } 4588 4589 ${Me} { 4590 & > div { 4591 display: flex; 4592 flex-direction: column; 4593 gap: 8px; 4594 } 4595 } 4596`,et=i.div` 4597 width: 216px; 4598 height: 48px; 4599 4600 &.connector { 4601 &::after { 4602 content: ''; 4603 position: absolute; 4604 left: calc(100% + 4px); 4605 top: 50%; 4606 width: ${t=>t.gap/2-4}px; 4607 height: ${t=>t.height}px; 4608 border-width: 1px 1px 1px 0px; 4609 border-style: solid; 4610 border-color: rgba(119, 133, 151, 0.5); 4611 border-radius: 0px 8px 8px 0px; 4612 } 4613 } 4614 4615 @media (max-width: 1000px) { 4616 width: 175px; 4617 } 4618 4619 @media (max-width: 800px) { 4620 width: 56px; 4621 height: 56px; 4622 } 4623`,tt=i.div` 4624 cursor: pointer; 4625 width: 100%; 4626 height: 100%; 4627 background: #1a202d; 4628 background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23778597FF' stroke-width='1' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); 4629 border-radius: 12px; 4630 padding: 0 8px; 4631 display: flex; 4632 align-items: center; 4633 transition: 4634 filter 0.3s ease, 4635 opacity 0.3 ease; 4636 pointer-events: ${t=>
4636t.unavailable?"none":"all"}; 4637 4638 img { 4639 width: 32px; 4640 margin-right: 8px; 4641 } 4642 4643 &::before { 4644 position: absolute; 4645 top: 50%; 4646 transform: translateY(-50%); 4647 right: 12px; 4648 width: 24px; 4649 height: 24px; 4650 display: block; 4651 } 4652 4653 &.filled { 4654 background-image: none; 4655 cursor: pointer; 4656 /* box-shadow: 0px 0px 8px #F36519; */ 4657 4658 &:hover { 4659 filter: brightness(115%); 4660 animation-name: ${Ot}; 4661 animation-duration: 0.3s; 4662 animation-timing-function: ease-in-out; 4663 animation-iteration-count: infinite; 4664 } 4665 } 4666 4667 &.success, 4668 &.unsuccess { 4669 cursor: default; 4670 4671 &:hover { 4672 filter: none; 4673 animation: none; 4674 } 4675 } 4676 4677 &.success { 4678 background: 4679 linear-gradient( 4680 225deg, 4681 rgba(91, 234, 174, 0.24) 0%, 4682 rgba(91, 234, 174, 0) 100% 4683 ), 4684 #1a202d; 4685 4686 &::before { 4687 content: ''; 4688 background: url(${b("/pages/pickem/icons/successed.svg")}) 4689 no-repeat center center / cover; 4690 } 4691 } 4692 4693 &.unsuccess { 4694 background: 4695 linear-gradient( 4696 225deg, 4697 rgba(234, 91, 91, 0.24) 0%, 4698 rgba(234, 91, 91, 0) 100% 4699 ), 4700 #1a202d; 4701 4702 &::before { 4703 content: ''; 4704 background: url(${b("/pages/pickem/icons/unsuccessed.svg")}) 4705 no-repeat center center / cover; 4706 } 4707 } 4708 4709 @media (max-width: 1000px) { 4710 justify-content: center; 4711 4712 img { 4713 width: 28px; 4714 margin-right: 0; 4715 } 4716 4717 &::before { 4718 width: 20px; 4719 height: 20px; 4720 right: 4px; 4721 top: 14px; 4722 z-index: 1; 4723 } 4724 } 4725`,xe=i.span` 4726 font-weight: 700; 4727 font-size: 14px; 4728 color: #cfd8e5; 4729 4730 @media (max-width: 800px) { 4731 display: none; 4732 } 4733`,Ee=i.span` 4734 position: absolute; 4735 top: 50%; 4736 transform: translateY(-50%); 4737 right: 14px; 4738 width: 19px; 4739 height: 19px; 4740 opacity: 0.5; 4741 cursor: pointer; 4742 transition: opacity 0.2s ease; 4743 4744 img { 4745 width: 100%; 4746 height: 100%; 4747 } 4748 4749 &:hover { 4750 opacity: 0.7; 4751 } 4752`,pl=[{description:"ChampionsDescription1",isOptional:!0,teams:["a","b","c","d"]},{teams:["ab","cd"]},{description:"ChampionsDescription3",teams:["abcd"]}],ut={a:null,ab:null,abcd:null,b:null,c:null,cd:null,d:null},Ai=t=>{const{t:n}=R(),a=F();At();const c=_(s=>s.auth.isAuth),{playerPreview:m,showResults:u}=_(s=>s.pickem),r=!c||m||t.pickem.unixtime_start>H()||t.pickem.unixtime_end<H()||u,l=t.pickem?.result.teams_by_stages??{},f=Object.keys(t.currentPicks?.teams_by_stages??{}).length?t.currentPicks.teams_by_stages:ut,v=document.body.clientWidth<1520?25:49,[g,j]=x.useState(null),[L,P]=x.useState(ut),[T,y]=x.useState(!1);x.useEffect(()=>{P(u?t.pickem?.result.teams_by_stages:t.currentPicks?t.currentPicks.teams_by_stages:ut)},[u,t.currentPicks]);const k=s=>{let d={};Object.keys(L).filter(w=>w.includes(s)&&w.length>s.length).forEach(w=>{L[w]&&L[w]==L[s]&&(d[w]=null)}),P({...L,[s]:null,...d})},S=(s,d)=>{if(h(s)||d){let o={};(L[s]!=g?.block||d)&&Object.keys(L).filter(z=>z.includes(s)&&z.length>s.length).forEach(z=>{L[z]&&L[z]==L[s]&&(o[z]=null)}),P({...L,[s]:d||g.id,...o}),y(!0)}j(null)},M=s=>{const d=Math.floor(s.length/2),o=s.slice(0,d),w=s.slice(d);let z;s.length===1?z=t.pickem.data[s]:z=[L[o],L[w]].filter(Boolean),!(!z||z.length==0)&&a(B("PICKEM_VOTE",{type:3,info:{name:n("ChooseTeam")},availableTeams:z,action:C=>{a(B(null)),S(s,C)}}))},E=(s,d,o,w,z)=>{j({...d,block:w,firstPick:z,id:o})},h=s=>{if(g)return!!(g.firstPick&&g.block==s||g.block.length*2==s.length&&s.includes(g.block)&&!g.firstPick)},p=s=>{if(r&&L[s]){let d=l[s],o=L[s];if(Object.keys(l).find(w=>s.includes(w)&&s.length>w.length&&l[w]!=L[w]&&l[w]&&L[w]==o))return"unsuccess";if(d)return d==o?"success":"unsuccess"}};return e.jsx(ce,{picksSent:t.picked,setPicksChanged:y,picksChanged:T,postdata:{data:L,id:t.currentStage?.id_pickem},stageData:t.currentStage,progress:Object.values(f),picksFull:Object.values(L).filter(s=>!!s).length===7,children:e.jsxs(ll,{className:(!c||t.pickem.unixtime_start>H())&&"isHidden",gap:v,children:[e.jsx(Mn,{children:Object.keys(t.pickem.data).map(s=>e.jsx(Me,{children:e.jsx("div",{children:t.pickem.data[s].map((d,o)=>{const w=t.teams&&t.teams[d];return e.jsx(et,{gap:v,className:I(o%2==0&&"connector"),height:56,children:e.jsxs(tt,{className:"filled",onDragStart:z=>E(z,w,d,s,!0),onClick:()=>M(s),onDragEnd:()=>j(null),draggable:!0,unavailable:r,children:[e.jsx("img",{loading:"lazy",src:V(w?.assets.logo),alt:""}),e.jsx(xe,{children:w?.name})]})})})})}))}),pl.map((s,d)=>
4752e.jsxs("div",{children:[s.description&&(!t.hideLabels||!s.isOptional)&&e.jsx(Qe,{children:n(s.description)}),e.jsx(Wt,{children:s.teams.map((o,w)=>{const z=t.teams&&t.teams[L[o]];return e.jsx(Me,{onDragOver:C=>C.preventDefault(),onDrop:C=>S(o),gap:v,className:"connected",children:e.jsx(et,{gap:v,className:I(o!="abcd"&&w%2==0&&"connector"),height:d==0?120:240,children:e.jsxs(tt,{style:g&&{opacity:h(o)?1:.4},className:I(p(o),L[o]&&"filled"),onClick:()=>M(o),onDragStart:C=>E(C,z,L[o],o,!1),onDragEnd:()=>j(null),draggable:o!="abcd"&&!!L[o],unavailable:r,children:[e.jsx("img",{loading:"lazy",src:V(z?.assets.logo),alt:""}),e.jsx(xe,{children:z?.name}),L[o]&&!r&&e.jsx(Ee,{onClick:C=>{C.stopPropagation(),k(o)},children:e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/close.png"),alt:""})})]})})})})})]}))]})})},xl=i(Je)` 4753 max-width: 70%; 4754 margin-left: auto; 4755 margin-right: auto; 4756 4757 @media (max-width: 1000px) { 4758 max-width: 100%; 4759 } 4760`,gl=t=>{const{t:n}=R(),a=F(),c=_(s=>s.auth.isAuth),m=_(s=>s.pickem.playerPreview),u=_(s=>s.pickem.availableTeams),r=_(s=>s.root.isSafari),{attachedTeam:l,cursorTeam:f,cursorStyle:v,dragStart:g,dragEnd:j,moveCursor:L,completeDrop:P}=Oe({isSafari:r});let T=!c||t.pickem.unixtime_start>H()||t.pickem.unixtime_end<H()||m;const[y,k]=x.useState({}),[S,M]=x.useState(!1);x.useEffect(()=>{a(K(t.pickem.teams)),M(!1)},[t.pickem.teams]),x.useEffect(()=>{if(t.currentPicks){let s={};t.currentPicks.teams.forEach((o,w)=>s[w]=o),k(s),a(K(t.pickem.teams.filter(o=>!Object.values(s).includes(o))))}},[t.currentPicks,t.pickem.teams]);const E=(s,d,o)=>{P(s,o,()=>{let w={...t.currentPicks,teams:[...t.currentPicks.teams]},z=[...u];w.teams[d]&&z.push(w.teams[d]),z.splice(z.indexOf(o),1),w.teams[d]=o,a(J({stageId:String(t.currentStage.id_pickem),data:w})),a(K(z)),M(!0)})},h=s=>{let d={...t.currentPicks,teams:[...t.currentPicks.teams]};d.teams[s]=null,K([...u,y[s]]),a(J({stageId:t.currentStage.id_pickem,data:d}))},p=({index:s})=>{let d;return t.pickem.result.includes(y[s])&&(d="success"),t.pickem.losers?.includes(y[s])&&(d="unsuccess"),e.jsx(ue,{status:d,availableTeams:u,index:s,dropTeam:E,attachedTeam:l,pickId:y[s],removeTeam:h,unavailable:T,wins:t.currentStage?.matches.filter(o=>o.id_team_win==y[s]&&y[s]).length,loses:t.currentStage?.matches.filter(o=>(o.id_team_1==y[s]||o.id_team_2==y[s])&&o.id_team_win!=y[s]&&o.id_team_win).length,stageIsFinished:t.currentStage?.unixtime_end<H()})};return e.jsxs(ce,{picksSent:t.picked,setPicksChanged:M,picksChanged:S,picksFull:Object.values(y).filter(s=>s).length==8,stageData:t.currentStage,postdata:{data:{teams:Object.values(y)},id:t.currentStage?.id_pickem},progress:Object.values(y).concat(Array(8-Object.values(y).length).fill(null)),children:[e.jsx(De,{src:t.teams[l]?.assets.logo,ref:f,style:v}),e.jsxs(be,{children:[e.jsxs(we,{className:I("desktop-only",(!c||t.pickem.unixtime_start>H())&&"isHidden"),children:[e.jsx(Ie,{children:n("MakeNCorrentPicks2",{amount:5,stage:n(t.currentStage?.name)})}),e.jsx(je,{children:Array.isArray(u)&&u.map((s,d)=>e.jsx(Z,{placement:"top",content:t.teams[s]?.name,children:e.jsx(ve,{onDragStart:o=>g(o,s),onDrag:L,onDragEnd:j,delay:d*.8,draggable:!0,unavailable:T,children:e.jsx("img",{loading:"lazy",src:V(t.teams[s]?.assets.logo),alt:""})})}))})]}),e.jsxs(Xe,{className:(!c||t.pickem.unixtime_start>H())&&"isHidden",children:[e.jsx(Q,{dangerouslySetInnerHTML:{__html:n("ChooseOtherTeams",{value:8})}}),e.jsx(xl,{children:Array(8).fill({}).map((s,d)=>e.jsx(p,{index:d}))})]})]})]})},Ri=i(Je)` 4761 max-width: 70%; 4762 margin-left: auto; 4763 margin-right: auto; 4764 4765 @media (max-width: 1000px) { 4766 max-width: 100%; 4767 } 4768`,Ii=i.div` 4769 display: grid; 4770 grid-template-columns: 1fr 1fr; 4771 gap: 128px; 4772 4773 @media (max-width: 1000px) { 4774 gap: 20px; 4775 } 4776`,Di=i(je)` 4777 min-width: auto; 4778`,ml=t=>{const{t:n}=R(),a=F(),c=_(s=>s.auth.isAuth),m=_(s=>s.pickem.availableTeams),u=_(s=>s.root.isSafari),{attachedTeam:r,cursorTeam:l,cursorStyle:f,dragStart:v,dragEnd:g,moveCursor:j,clearAttachedTeam:L,completeDrop:P}=Oe({isSafari:u});let T=!c||!t.pickem.active;const[y,k]=x.useState({a:[],b:[]}),[S,M]=x.useState(!1);x.useEffect(()=>{a(K(t.pickem.data)),M(!1)},[t.pickem.data]),x.useEffect(()=>{if(t.currentPicks){let s=[],d=t.currentPicks.teams_by_group;
4778Object.keys(d).forEach(o=>{s[o]=d[o]}),k(s),a(K({a:t.pickem.data.a.filter(o=>!s.a.includes(o)),b:t.pickem.data.b.filter(o=>!s.b.includes(o))}))}},[t.currentPicks,t.pickem.data]);const E=(s,d,o,w)=>{if(Object.keys(m).find(C=>m[C].includes(w))!==o){L();return}P(s,w,()=>{let C=[...y[o]],$=[...m[o]];C[d]&&$.push(C[d]),$.splice($.indexOf(w),1),C[d]=w,a(J({stageId:String(t.currentStage.id_pickem),data:{...t.currentPicks,teams_by_group:{...t.currentPicks.teams_by_group,[o]:C}}})),a(K({...m,[o]:$})),M(!0)})},h=(s,d)=>{let o=[...y[d]];o[s]=null,a(K({...m,[d]:[...m[d],y[d][s]]})),a(J({stageId:t.currentStage.id_pickem,data:{...t.currentPicks,teams_by_group:{...t.currentPicks.teams_by_group,[d]:o}}}))},p=({index:s,group:d})=>{let o;return t.pickem.result.teams_by_group[d].includes(y[d][s])&&(o="success"),t.pickem.losers.teams_by_group[d].includes(y[d][s])&&(o="unsuccess"),e.jsx(ue,{availableTeams:m[d],index:s,attachedTeam:r,dropTeam:(w,z,C)=>E(w,z,d,C),pickId:y[d][s],removeTeam:()=>h(s,d),unavailable:T,status:o,wins:t.currentStage?.matches.filter(w=>w.id_team_win==y[d][s]&&y[d][s]).length,loses:t.currentStage?.matches.filter(w=>(w.id_team_1==y[d][s]||w.id_team_2==y[d][s])&&w.id_team_win!=y[d][s]&&w.id_team_win).length,stageIsFinished:t.currentStage?.unixtime_end<H()})};return e.jsxs(ce,{picksSent:t.picked,setPicksChanged:M,picksChanged:S,picksFull:Object.values(y.a).filter(s=>s).length+Object.values(y.b).filter(s=>s).length==6,postdata:{data:{a:Object.values(y.a),b:Object.values(y.b)},id:t.currentStage?.id_pickem},stageData:t.currentStage,progress:[...Object.values(y.a),...Object.values(y.b),...Array(6).fill(null)].slice(0,6),children:[e.jsx(De,{src:t.teams[r]?.assets.logo,ref:l,style:f}),e.jsxs(be,{children:[e.jsxs(we,{className:I("desktop-only",(!c||t.pickem.unixtime_start>H())&&"isHidden"),children:[e.jsx(Ie,{children:n("MakeNCorrentPicks3",{amount:4,stage:n(t.currentStage?.name)})}),e.jsxs(Ii,{children:[e.jsx(Di,{children:m.a?.map((s,d)=>e.jsx(Z,{placement:"top",content:t.teams[s]?.name,children:e.jsx(ve,{onDragStart:o=>v(o,s),onDrag:j,onDragEnd:g,delay:d*.8,draggable:!0,unavailable:T,children:e.jsx("img",{loading:"lazy",src:t.teams[s]?.assets.logo,alt:""})})}))}),e.jsx(Di,{children:m.b?.map((s,d)=>e.jsx(Z,{placement:"top",content:t.teams[s]?.name,children:e.jsx(ve,{onDragStart:o=>v(o,s),onDrag:j,onDragEnd:g,delay:d*.8,draggable:!0,unavailable:T,children:e.jsx("img",{loading:"lazy",src:t.teams[s]?.assets.logo,alt:""})})}))})]})]}),e.jsxs(Xe,{className:(!c||t.pickem.unixtime_start>H())&&"isHidden",children:[e.jsx(Q,{dangerouslySetInnerHTML:{__html:n("ChooseOtherTeams",{value:6})}}),e.jsxs(Ii,{children:[e.jsx(Ri,{children:Array(3).fill({}).map((s,d)=>e.jsx(p,{index:d,group:"a"}))}),e.jsx(Ri,{children:Array(3).fill({}).map((s,d)=>e.jsx(p,{index:d,group:"b"}))})]})]})]})]})},hl=i.div` 4779 display: flex; 4780 gap: ${t=>t.gap}px; 4781 overflow: auto; 4782 margin-top: 48px; 4783 padding-top: 56px; 4784 height: 512px; 4785 padding-bottom: 24px; 4786 4787 &.isHidden { 4788 opacity: 0.4; 4789 pointer-events: none; 4790 } 4791 4792 @media (max-width: 800px) { 4793 width: 100%; 4794 overflow-x: scroll; 4795 margin-top: 0; 4796 padding-top: 0; 4797 justify-content: center; 4798 } 4799`,ul=[{description:null,teams:["a","b","c","d"]},{description:"ChampionsDescription2",teams:["ab","cd"]},{description:"ChampionsDescription3",teams:["abcd"]}],fl=t=>{const{t:n}=R(),a=F(),c=_(h=>h.auth.isAuth),m=_(h=>h.pickem.playerPreview),u=!c||t.pickem.unixtime_start>H()||t.pickem.unixtime_end<H()||m,r=t.pickem?.result.playoff??{},l=document.body.clientWidth<1520?25:49,[f,v]=x.useState(null),[g,j]=x.useState({ab:null,abcd:null,c:null,cd:null,d:null}),[L,P]=x.useState(!1);x.useEffect(()=>{t.currentPicks&&j(t.currentPicks.playoff)},[t.currentPicks]);const T=h=>{let p={};Object.keys(g).filter(d=>d.includes(h)&&d.length>h.length).forEach(d=>{g[d]&&g[d]==g[h]&&(p[d]=null)}),a(J({stageId:t.currentStage.id_pickem,data:{...t.currentPicks,playoff:{...g,[h]:null,...p}}}))},y=(h,p)=>{if(S(h)||p){let s={};(g[h]!=f?.block||p)&&Object.keys(g).filter(o=>o.includes(h)&&o.length>
4799h.length).forEach(o=>{g[o]&&g[o]==g[h]&&(s[o]=null)}),a(J({stageId:String(t.currentStage.id_pickem),data:{...t.currentPicks,playoff:{...g,[h]:p||f.id,...s}}})),P(!0)}v(null)},k=(h,p,s,d,o)=>{v({...p,block:d,firstPick:o,id:s})},S=h=>{if(f)return!!(f.firstPick&&f.block==h||f.block.length*2==h.length&&h.includes(f.block)&&!f.firstPick)},M=h=>{if(u&&g[h]){let p=r[h],s=g[h];if(Object.keys(r).find(d=>h.includes(d)&&h.length>d.length&&r[d]!=g[d]&&r[d]&&g[d]==s))return"unsuccess";if(p)return p==s?"success":"unsuccess"}},E=h=>{const p=Math.floor(h.length/2),s=h.slice(0,p),d=h.slice(p);let o;h.length===1?o=t.pickem.data[h]:o=[g[s],g[d]].filter(Boolean),!(!o||o.length==0)&&a(B("PICKEM_VOTE",{type:3,info:{name:n("ChooseTeam")},availableTeams:o,action:w=>{a(B(null)),y(h,w)}}))};return e.jsx(ce,{picksSent:t.picked,setPicksChanged:P,picksChanged:L,postdata:{data:g,id:t.currentStage?.id_pickem},stageData:t.currentStage,progress:Object.values(g),children:e.jsxs(hl,{className:(!c||t.pickem.unixtime_start>H())&&"isHidden",gap:l,children:[e.jsx(Mn,{children:Object.keys(t.pickem.data).map(h=>e.jsx(Me,{children:e.jsx("div",{children:t.pickem.data[h]?.map((p,s)=>{const d=t.teams&&t.teams[p];return e.jsx(et,{gap:l,className:I(s%2==0&&"connector"),height:56,children:e.jsxs(tt,{className:"filled",onDragStart:o=>k(o,d,p,h,!0),onClick:()=>E(h),onDragEnd:()=>v(null),draggable:!0,unavailable:u,children:[e.jsx("img",{loading:"lazy",src:V(d?.assets.logo),alt:""}),e.jsx(xe,{children:d?.name})]})})})})}))}),ul.map((h,p)=>e.jsxs("div",{children:[h.description&&e.jsx(Qe,{children:n(h.description)}),e.jsx(Wt,{children:h.teams.map((s,d)=>{const o=s=="a"||s=="d",w=t.teams&&t.teams[g[s]];return e.jsx(Me,{onDragOver:z=>z.preventDefault(),onDrop:()=>y(s),gap:l,className:!o&&"connected",children:e.jsx(et,{gap:l,className:I(s!="abcd"&&d%2==0&&"connector"),height:p==0?120:240,children:e.jsxs(tt,{style:f&&{opacity:S(s)?1:.4},onClick:()=>E(s),className:I(!o&&M(s),g[s]&&"filled"),onDragStart:z=>k(z,w,g[s],s,!1),onDragEnd:()=>v(null),draggable:s!="abcd"&&!!g[s],unavailable:u,children:[e.jsx("img",{loading:"lazy",src:V(w?.assets.logo),alt:""}),e.jsx(xe,{children:w?.name}),g[s]&&!o&&!u&&e.jsx(Ee,{onClick:z=>{z.stopPropagation(),T(s)},children:e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/close.png"),alt:""})})]})})})})})]}))]})})},bl=i.div` 4800 padding: 32px 48px; 4801 border-radius: 6px; 4802 4803 .pickem-title { 4804 flex-direction: column-reverse; 4805 gap: 24px; 4806 } 4807 4808 @media (max-width: 1000px) { 4809 padding: 12px 0; 4810 } 4811`,jl=i.p` 4812 text-align: center; 4813 font-weight: 400; 4814 font-size: 16px; 4815 line-height: 150%; 4816 width: 100%; 4817 padding: 0 32px; 4818 margin: 24px 0; 4819 letter-spacing: 0.2px; 4820 color: #c1c8da; 4821 4822 @media (max-width: 1000px) { 4823 font-size: 14px; 4824 padding: 0 16px; 4825 } 4826`,vl=i.div` 4827 display: flex; 4828 flex-direction: column; 4829 align-items: center; 4830 margin: 0 auto; 4831 width: 100%; 4832`,wl=i.div` 4833 width: 100%; 4834 padding: 19px; 4835 background: rgba(78, 60, 38, 0.09); 4836 border: 1px solid #554a33; 4837 backdrop-filter: blur(7.5px); 4838 font-weight: 600; 4839 font-size: 14px; 4840 color: #f0b358; 4841 border-radius: 6px; 4842 display: flex; 4843 align-items: center; 4844 justify-content: center; 4845`,kl=i.div` 4846 position: relative; 4847`,yl=i.div` 4848 display: flex; 4849 flex-direction: column; 4850 gap: 24px; 4851 padding-top: 65px; 4852 max-width: 976px; 4853 margin: 0 auto; 4854 4855 &.hidden { 4856 opacity: 0.4; 4857 pointer-events: none; 4858 } 4859`,Te=i.ul` 4860 display: grid; 4861 grid-template-columns: 1fr 1fr 1fr 1fr; 4862 gap: 12px; 4863 4864 @media (max-width: 1000px) { 4865 grid-template-columns: 1fr 1fr; 4866 } 4867`,Ze=i.img` 4868 position: absolute; 4869 left: 50%; 4870 top: 50%; 4871 transform: translate(-50%, -50%); 4872 width: 60px !important; 4873 z-index: 1; 4874 opacity: 0; 4875 transition: opacity 0.2s ease; 4876`,ft=i.button` 4877 background: url(${b("/pages/pickem/nomination_bg.png")}) 4878 no-repeat center center / cover; 4879 border: 1px solid #232a39; 4880 border-radius: 10px; 4881 overflow: hidden; 4882 display: flex; 4883 flex-direction: column; 4884 align-items: center; 4885 cursor: default; 4886 4887 h6 { 4888 font-style: italic; 4889 width: 100%; 4890 font-weight: 500; 4891 padding: 0 10px; 4892 font-size: 14px; 4893 text-align: center; 4894 color: #cfd8e5; 4895 height: 48px; 4896 display: flex; 4897 align-items: center; 4898 justify-content: center; 4899 background: rgba(33, 37, 51, 0.9); 4900 backdrop-filter: blur(7.5px); 4901 } 4902 4903 span { 4904 font-weight: 600; 4905 font-size: 14px; 4906 color: #ffffff; 4907 height: 56px; 4908 display: flex; 4909 justify-content: center; 4910 align-items: center; 4911 width: 100%; 4912 background: linear-gradient( 4913 180deg, 4914 rgba(33, 37, 51, 0.9) -12.18%, 4915 rgba(23, 28, 38, 0.9) 103.8% 4916 ); 4917 backdrop-filter: blur(7.5px); 4918 } 4919 4920 ${t=>!t.noHover&&`&:hover { 4921 cursor: pointer; 4922 4923 ${Ze} { 4924 opacity: 1; 4925 4926 & + div, 4927 & + img { 4928 opacity: .5; 4929 } 4930 } 4931 } 4932 `} 4933 4934 &.success { 4935 background: 4936 linear-gradient( 4937 225deg,
4938 rgba(91, 234, 174, 0.24) 0%, 4939 rgba(91, 234, 174, 0) 100% 4940 ), 4941 linear-gradient( 4942 180deg, 4943 rgba(20, 22, 31, 0.9) -12.18%, 4944 rgba(36, 42, 66, 0.9) 103.8% 4945 ); 4946 border: 1px solid rgba(91, 234, 174, 0.06); 4947 4948 h6 { 4949 background: rgba(91, 234, 174, 0.06); 4950 color: #6bcea5; 4951 } 4952 4953 span { 4954 background: 4955 linear-gradient( 4956 0deg, 4957 rgba(91, 234, 174, 0.06), 4958 rgba(91, 234, 174, 0.06) 4959 ), 4960 linear-gradient( 4961 180deg, 4962 rgba(33, 37, 51, 0.9) -12.18%, 4963 rgba(23, 28, 38, 0.9) 103.8% 4964 ); 4965 } 4966 } 4967 4968 &.unsuccess { 4969 background: 4970 linear-gradient( 4971 225deg, 4972 rgba(234, 91, 91, 0.24) 0%, 4973 rgba(234, 91, 91, 0) 100% 4974 ), 4975 linear-gradient( 4976 180deg, 4977 rgba(20, 22, 31, 0.9) -12.18%, 4978 rgba(36, 42, 66, 0.9) 103.8% 4979 ); 4980 border: 1px solid rgba(207, 99, 85, 0.06); 4981 4982 h6 { 4983 color: #ce6b6b; 4984 background: rgba(207, 99, 85, 0.06); 4985 } 4986 4987 span { 4988 background: 4989 linear-gradient( 4990 0deg, 4991 rgba(207, 99, 85, 0.06), 4992 rgba(207, 99, 85, 0.06) 4993 ), 4994 linear-gradient( 4995 180deg, 4996 rgba(33, 37, 51, 0.9) -12.18%, 4997 rgba(23, 28, 38, 0.9) 103.8% 4998 ); 4999 } 5000 } 5001 5002 &.skipped { 5003 opacity: 0.3; 5004 } 5005 5006 @media (max-width: 1000px) { 5007 h6 { 5008 font-size: 13px; 5009 } 5010 5011 span { 5012 font-size: 13px; 5013 height: 48px; 5014 } 5015 } 5016`,Bi=i.div` 5017 width: 100%; 5018 height: 100%; 5019 transition: all 0.2s ease; 5020`,bt=i.div` 5021 width: 100%; 5022 height: 220px; 5023 display: flex; 5024 align-items: center; 5025 justify-content: center; 5026 5027 @media (max-width: 1000px) { 5028 height: 150px; 5029 } 5030`,Oi=i.img` 5031 position: absolute; 5032 left: 12px; 5033 top: 12px; 5034 width: 32px; 5035`,Cl=i.div` 5036 display: grid; 5037 grid-template-columns: 1fr 1fr; 5038 gap: 24px; 5039 5040 ${Te} { 5041 grid-template-columns: 1fr 1fr; 5042 } 5043 5044 @media (max-width: 1000px) { 5045 grid-template-columns: 1fr; 5046 gap: 16px; 5047 5048 ${Te} { 5049 grid-template-columns: 1fr 1fr; 5050 } 5051 } 5052`,_l=i.img` 5053 position: absolute; 5054 left: 50%; 5055 top: 50%; 5056 transform: translate(-50%, -50%); 5057 width: auto; 5058 height: 100%; 5059 border-radius: 6px; 5060 object-fit: cover; 5061`,Pl=i.img` 5062 transform: scale(1.1) translateY(30px); 5063 width: 100%; 5064`,Ll=["maps","teams","players"],zl=[{},{},{},{point:!0},{},{},{},{point:!0},{},{},{},{point:!0},{},{},{},{point:!0}],Tl=(t={},n={})=>Ll.reduce((a,c)=>a+Object.entries(n[c]??{}).filter(([m,u])=>{const r=t[c]?.[m];return u&&Array.isArray(r)&&r.some(l=>String(l)===String(u))}).length,0),Sl=()=>{const{t}=R(),n=F(),{nomineesDone:a,partner:c,stages:m,tournament:u,pickemData:r,userNominees:l,maps:f,teams:v,loading:g,playerPreview:j,showResults:L}=_(C=>C.pickem),{isAuth:P,premium:T}=_(C=>C.auth),y=x.useMemo(()=>m.find(C=>C.section==="awards"),[m]),{data:k,active:S,result:M}=r[y.id_pickem]??{},E=u?.unixtime_end&&Date.now()>=u.unixtime_end*1e3;x.useEffect(()=>{E&&!L&&n(Dt(!0))},[n,L,E]);const h=a??0,p=Array.from({length:16},(C,$)=>$<h),s=Tl(M,l),d=["maps","teams","players"].some(C=>Object.values(M?.[C]??{}).some($=>$)),o=P&&!g&&!j&&!S&&!L&&!d&&u?.active,w=(C,$)=>{j||(!T.group||T.free||T.group=="LITE"?n(B("PREMIUM_ONLY",{text:"PICKEM-INFO-1",button:null})):n(B("PICKEM_VOTE",{type:C,availableTeams:m.find(D=>D.id_pickem==y.id_pickem).teams,info:$})))},z=(C,$)=>!L||!P||!C?.length?null:C.includes($)?"success":"unsuccess";if(k)return e.jsxs(bl,{children:[e.jsxs(vl,{children:[e.jsx(Ft,{title:t("Nominations"),show:!0,currentStage:y,partner:c,icon:b("/pages/pickem/landing/more_bets.svg")}),e.jsx(jl,{children:t("NominationsText")}),j?e.jsx(wl,{children:t("YouSeeFrindsPickem")}):E?e.jsxs(jn,{children:[e.jsxs(wn,{style:{cursor:"default"},children:[t("Predicted"),": ",s,"/16"]}),e.jsx(vn,{children:zl.map((C,$)=>({...C,done:s>=$+1})).map((C,$)=>C.point?e.jsx(Z,{placement:"bottom",content:t("OneMoreWheelRoll"),children:e.jsx("div",{className:C.done?"done":void 0,children:"+1"})},`point-${$}`):e.jsx("div",{className:C.done?"done":void 0},`progress-${$}`))})]}):e.jsx(zn,{progress:p,label:t("picksMade")})]}),e.jsxs(kl,{children:[e.jsxs(yl,{className:I((g||!P||o)&&"hidden"),children:[e.jsxs(Cl,{children:[e.jsxs("div",{children:[e.jsxs(xt,{children:[e.jsx("p",{children:t("Maps")}),e.jsx("span",{})]}),e.jsx(Te,{children:Object.values(k.maps.list).map(C=>{const $=f.find(D=>D.id==l.maps[C.id]);return e.jsxs(ft,{noHover:j||!S,onClick:()=>S&&w(k.maps.type_nomination,C),className:I(!S&&!$&&u?.active&&"skipped",z(M.maps[C.id],$?.id)),children:[e.jsx("h6",{children:t(C.name)}),e.jsx(bt,{children:$?e.jsxs(x.Fragment,{children:[e.jsx(Ze,{src:b("/pages/pickem/change-pick.svg"),alt:""}),e.jsx(Bi,{children:e.jsx(_l,{src:b(`/img/maps/2/${$.name}.jpg`),alt:""})})]}):e.jsx("img",{loading:"lazy",src:b("/pages/pickem/mark.png"),alt:"",width:128})}),e.jsx("span",{children:$?$.name:t("UNKNOWN")})]})})})]}),e.jsxs("div",{children:[e.jsxs(xt,{children:[e.jsx("p",{children:t("Teams2")}
5064),e.jsx("span",{})]}),e.jsx(Te,{children:Object.values(k.teams.list).map(C=>{const $=z(M.teams[C.id],l.teams[C.id]);return e.jsxs(ft,{noHover:j||!S,onClick:()=>S&&w(k.teams.type_nomination,C),className:I(!S&&!l.teams[C.id]&&u?.active&&"skipped",$),children:[e.jsx("h6",{children:t(C.name)}),e.jsx(bt,{children:l.teams[C.id]?e.jsxs(x.Fragment,{children:[$&&e.jsx(Oi,{src:b(`/pages/pickem/icons/${$}.svg`)}),e.jsx(Ze,{src:b("/pages/pickem/change-pick.svg"),alt:""}),e.jsx("img",{loading:"lazy",style:{maxHeight:130,width:"auto",maxWidth:130},src:V(v[l.teams[C.id]]?.assets?.logo),alt:""})]}):e.jsx("img",{loading:"lazy",src:b("/pages/pickem/mark.png"),alt:"",width:128})}),e.jsx("span",{children:v[l.teams[C.id]]?v[l.teams[C.id]].name_short:t("UNKNOWN")})]})})})]})]}),e.jsxs("div",{children:[e.jsxs(xt,{children:[e.jsx("p",{children:t("Players")}),e.jsx("span",{})]}),e.jsx(Te,{children:Object.values(k.players.list).map(C=>{const $=l.players[C.id],D=Object.values(v).find(G=>G.players.some(ee=>ee.steamid64==$))?.players.find(G=>G.steamid64==$),O=z(M.players[C.id],D?.steamid64);return e.jsxs(ft,{noHover:j||!S,onClick:()=>S&&w(k.players.type_nomination,C),className:I(!S&&!l.players[C.id]&&u?.active&&"skipped",O),children:[e.jsx("h6",{children:t(C.name)}),e.jsx(bt,{children:l.players[C.id]&&D?e.jsxs(x.Fragment,{children:[e.jsx(Ze,{src:b("/pages/pickem/change-pick.svg"),alt:""}),e.jsxs(Bi,{children:[O&&e.jsx(Oi,{src:b(`/pages/pickem/icons/${O}.svg`)}),e.jsx(Pl,{src:V(D.avatar),alt:""})]})]}):e.jsx("img",{loading:"lazy",src:b("/pages/pickem/mark.png"),alt:"",width:128})}),e.jsx("span",{children:D?D.name:t("UNKNOWN")})]})})})]})]}),o&&e.jsx(Sn,{children:t("nominationsClosedMissedMessage")})]})]})},En=` 5065 &::before { 5066 position: absolute; 5067 top: 50%; 5068 transform: translateY(-50%); 5069 right: 12px; 5070 width: 24px; 5071 height: 24px; 5072 display: block; 5073 } 5074 5075 &.red { 5076 border: none; 5077 background: linear-gradient( 5078 225deg, 5079 rgba(234, 91, 91, 0.24) 0%, 5080 rgba(234, 91, 91, 0) 100% 5081 ), 5082 #1a202d !important; 5083 5084 &::before { 5085 content: ''; 5086 background: url(${b("/pages/pickem/icons/unsuccessed.svg")}) 5087 no-repeat center center / cover; 5088 } 5089 } 5090 5091 &.green { 5092 border: none; 5093 background: linear-gradient( 5094 225deg, 5095 rgba(91, 234, 174, 0.24) 0%, 5096 rgba(91, 234, 174, 0) 100% 5097 ), 5098 #1a202d !important; 5099 5100 &::before { 5101 content: ''; 5102 background: url(${b("/pages/pickem/icons/successed.svg")}) 5103 no-repeat center center / cover; 5104 } 5105 } 5106`,$l=i.div` 5107 display: flex; 5108 flex-direction: column; 5109 gap: 8px; 5110 transform: translateX(-32px); 5111`,Hi=i.div` 5112 display: flex; 5113 align-items: center; 5114 gap: 16px; 5115 width: 448px; 5116`,Fi=i.div` 5117 display: flex; 5118 align-items: center; 5119 justify-content: center; 5120 gap: 2px; 5121`,Wi=i.div` 5122 border-radius: 12px; 5123 border: 1px dashed rgba(119, 133, 151, 0.24); 5124 height: 48px; 5125 width: 100%; 5126 background: #232a39; 5127 display: flex; 5128 align-items: center; 5129 gap: 8px; 5130 padding: 8px; 5131 5132 & > img { 5133 height: 100%; 5134 } 5135 5136 &.filled { 5137 border-color: transparent; 5138 5139 &.place-1 { 5140 background: 5141 linear-gradient( 5142 270deg, 5143 rgba(25, 30, 40, 0) 60.91%, 5144 rgba(30, 34, 41, 0) 64.4%, 5145 rgba(52, 49, 43, 0.4) 77.74%, 5146 rgba(111, 90, 50, 0.4) 102.88% 5147 ), 5148 #232a39; 5149 } 5150 5151 &.place-2 { 5152 background: 5153 linear-gradient( 5154 270deg, 5155 rgba(25, 30, 40, 0) 60.91%, 5156 rgba(30, 34, 41, 0) 64.4%, 5157 rgba(40, 51, 71, 0.4) 77.74%, 5158 rgba(71, 94, 138, 0.4) 102.88% 5159 ), 5160 #232a39; 5161 } 5162 } 5163 5164 ${En} 5165`,Vi=i.div` 5166 width: 62px; 5167 display: flex; 5168 align-items: center; 5169 justify-content: center; 5170 gap: 4px; 5171 5172 span { 5173 color: #778597; 5174 font-size: 14px; 5175 font-weight: 700; 5176 } 5177 5178 img { 5179 width: 14px; 5180 } 5181 5182 &.place-1 { 5183 span { 5184 color: #fcc251; 5185 } 5186 } 5187 5188 &.place-2 { 5189 span { 5190 color: #a5c9ff; 5191 } 5192 } 5193`,Ml=i(je)` 5194 min-width: auto; 5195`,El=t=>{const{t:n}=R(),a=F(),c=_(p=>p.auth.isAuth),m=_(p=>p.root.isSafari),u=_(p=>p.pickem.playerPreview),r=_(p=>
5195p.pickem.availableTeams),{attachedTeam:l,cursorTeam:f,cursorStyle:v,dragStart:g,dragEnd:j,moveCursor:L,completeDrop:P}=Oe({isSafari:m});let T=!c||t.pickem.unixtime_start>H()||t.pickem.unixtime_end<H();const[y,k]=x.useState(!1),S=(p,s,d)=>{!p&&!u&&a(B("PICKEM_VOTE",{type:3,info:{name:n("ChooseTeam")},availableTeams:r,action:o=>{a(B(null)),M(null,s,o,d)}}))};x.useEffect(()=>{a(K(t.pickem.teams)),k(!1)},[t.pickem.teams]),x.useEffect(()=>{t.currentPicks&&a(K(t.pickem.teams.filter(p=>!Object.values(t.currentPicks).some(s=>s.includes(p)))))},[t.currentPicks]);const M=(p,s,d,o)=>{P(p,d,()=>{const w=structuredClone(t.currentPicks);w[s][o]=d,a(J({stageId:t.stage,data:w})),k(!0)})},E=(p,s)=>{const d=structuredClone(t.currentPicks);d[p][s]=null,a(J({stageId:t.stage,data:d}))},h=(p,s)=>c&&t.pickem.result[s].length>0?t.pickem.result[s].includes(p)?"green":"red":null;return e.jsxs(ce,{stageData:t.currentStage,picksSent:t.picked,setPicksChanged:k,picksChanged:y,picksFull:Object.values(t.currentPicks).every(p=>!p.includes(null)),postdata:{data:structuredClone(t.currentPicks),id:t.currentStage?.id_pickem},progress:Object.values(t.currentPicks).flat(),children:[e.jsx(De,{src:V(t.teams[l]?.assets.logo),ref:f,style:v}),e.jsx(be,{children:e.jsxs(we,{className:(!c||t.pickem.unixtime_start>H())&&"isHidden",children:[e.jsx(Ie,{children:n("MakeNCorrentPicks3",{amount:4})}),e.jsx(Ml,{children:!sn(r)&&r.map((p,s)=>e.jsx(Z,{placement:"top",content:t.teams[p]?.name,children:e.jsx(ve,{onDragStart:d=>g(d,p),onDrag:L,onDragEnd:j,delay:s*.8,draggable:!0,unavailable:T,children:e.jsx("img",{loading:"lazy",src:V(t.teams[p]?.assets.logo),alt:""})})}))}),e.jsx($l,{children:Object.keys(t.currentPicks).map(p=>{if(p!="picked")return t.currentPicks[p].length==1?e.jsxs(Fi,{children:[e.jsxs(Vi,{className:"place-"+p,children:[e.jsx("img",{loading:"lazy",src:b(`/pages/pickem/icons/place-${p}.svg`),alt:""}),e.jsx("span",{children:p})]}),e.jsx(Hi,{children:t.currentPicks[p].map(s=>{const d=t.teams&&t.teams[s];return e.jsxs(Wi,{className:I(d&&"filled","place-"+p,h(s,p)),onClick:()=>S(d,p,0),onDragOver:o=>o.preventDefault(),onDrop:o=>M(o,p,l,0),children:[e.jsx("img",{loading:"lazy",src:V(d?.assets.logo),alt:""}),e.jsx(xe,{children:d?.name}),d&&!T&&e.jsx(Ee,{onClick:o=>{o.stopPropagation(),E(p,0)},children:e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/close.png"),alt:""})})]})})})]}):e.jsxs(Fi,{children:[e.jsxs(Vi,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/place.svg"),alt:""}),e.jsxs("span",{children:[p,"-",+p+1]})]}),e.jsx(Hi,{children:t.currentPicks[p].map((s,d)=>{const o=t.teams&&t.teams[s];return e.jsxs(Wi,{className:I(o&&"filled",h(s,p)),onDragOver:w=>w.preventDefault(),onClick:()=>S(o,p,d),onDrop:w=>M(w,p,l,d),children:[e.jsx("img",{loading:"lazy",src:o?.assets.logo,alt:""}),e.jsx(xe,{children:o?.name}),o&&!T&&e.jsx(Ee,{onClick:w=>{w.stopPropagation(),E(p,d)},children:e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/close.png"),alt:""})})]},p+d)})})]})})})]})})]})},Nl=i.div` 5196 display: flex; 5197 flex-direction: column; 5198 align-items: center; 5199 gap: 28px; 5200 transition: opacity 0.2s ease; 5201 5202 &.closed { 5203 opacity: 0.5; 5204 pointer-events: none; 5205 } 5206`,Al=i.div` 5207 border-radius: 12px; 5208 border: 1px dashed rgba(119, 133, 151, 0.24); 5209 height: 48px; 5210 width: 100%; 5211 background: #232a39; 5212 display: flex; 5213 align-items: center; 5214 gap: 8px; 5215 padding: 8px; 5216 5217 & > img { 5218 height: 100%; 5219 } 5220 5221 &.filled { 5222 border-color: transparent; 5223 5224 &.place-1 { 5225 background: 5226 linear-gradient( 5227 270deg, 5228 rgba(25, 30, 40, 0) 60.91%, 5229 rgba(30, 34, 41, 0) 64.4%, 5230 rgba(52, 49, 43, 0.4) 77.74%, 5231 rgba(111, 90, 50, 0.4) 102.88% 5232 ), 5233 #232a39; 5234 } 5235 5236 &.place-2 { 5237 background: 5238 linear-gradient( 5239 270deg, 5240 rgba(25, 30, 40, 0) 60.91%, 5241 rgba(30, 34, 41, 0) 64.4%, 5242 rgba(40, 51, 71, 0.4) 77.74%, 5243 rgba(71, 94, 138, 0.4) 102.88% 5244 ), 5245 #232a39; 5246 } 5247 } 5248 5249 ${En} 5250`,Rl=i(je)` 5251 min-width: auto; 5252 gap: 8px; 5253`,Il=i.div` 5254 display: flex; 5255 gap: 254px; 5256 position: relative; 5257 justify-content: center; 5258`,Dl=i.div` 5259 position: absolute; 5260 bottom: -10px; 5261 left: 50%; 5262 transform: translateX(-50%); 5263 width: 488px; 5264 display: flex; 5265 flex-direction: column; 5266 align-items: center; 5267 gap: 8px; 5268 5269 div { 5270 height: 66px; 5271 padding: 10px 12px; 5272 border-radius: 6px; 5273 background: linear-gradient( 5274 270deg, 5275 rgba(19, 24, 33, 0) 0%, 5276 #131821 50.1%, 5277 rgba(19, 24, 33, 0) 100% 5278 ); 5279 display: flex; 5280 align-items: center; 5281 justify-content: center; 5282 5283 &:nth-child(2) { 5284 height: 122px; 5285 } 5286 } 5287 5288 span { 5289 color: rgba(255, 255, 255, 0.7); 5290 font-size: 12px; 5291 width: 154px; 5292 text-align: center; 5293 } 5294`,Bl=i.div` 5295 display: flex; 5296 flex-direction: column; 5297 gap: 6px; 5298 width: 216px; 5299`,Ol=t=>{const{t:n}=R(),a=F(),c=_(p=>p.auth.isAuth),m=_(p=>p.root.isSafari),u=_(p=>p.pickem.playerPreview),r=_(p=>
5299p.pickem.availableTeams),{attachedTeam:l,cursorTeam:f,cursorStyle:v,dragStart:g,dragEnd:j,moveCursor:L,completeDrop:P}=Oe({isSafari:m});let T=!c||t.pickem.unixtime_start>H()||t.pickem.unixtime_end<H();const[y,k]=x.useState(!1),S=(p,s,d,o)=>{!p&&!u&&a(B("PICKEM_VOTE",{type:3,info:{name:n("ChooseTeam")},availableTeams:r[o],action:w=>{a(B(null)),M(null,s,w,d,o)}}))};x.useEffect(()=>{a(K(t.pickem.data)),k(!1)},[t.pickem.data]),x.useEffect(()=>{t.currentPicks&&a(K({a:t.pickem.data.a.filter(p=>!Object.values(t.currentPicks.a).some(s=>s.includes(p))),b:t.pickem.data.b.filter(p=>!Object.values(t.currentPicks.b).some(s=>s.includes(p)))}))},[t.currentPicks]);const M=(p,s,d,o,w)=>{P(p,d,()=>{const z=structuredClone(t.currentPicks);z[w][s][o]=d,a(J({stageId:t.stage,data:z})),k(!0)})},E=(p,s,d)=>{const o=structuredClone(t.currentPicks);o[d][p][s]=null,a(J({stageId:t.stage,data:o}))},h=(p,s,d)=>c&&t.pickem.result[d][s].length>0?t.pickem.result[d][s].includes(p)?"green":"red":null;return e.jsxs(ce,{stageData:t.currentStage,picksSent:t.picked,setPicksChanged:k,picksChanged:y,picksFull:Object.values(t.currentPicks).every(p=>Object.values(p).every(s=>!s.includes(null))),postdata:{data:structuredClone(t.currentPicks),id:t.currentStage?.id_pickem},progress:Object.values(t.currentPicks).flat(),children:[e.jsx(De,{src:V(t.teams[l]?.assets.logo),ref:f,style:v}),e.jsx(be,{children:e.jsxs(we,{className:(!c||t.pickem.unixtime_start>H())&&"isHidden",children:[e.jsx(Ie,{children:n("MakeNCorrentPicks2",{amount:5})}),e.jsxs(Il,{children:[e.jsxs(Dl,{children:[e.jsx("div",{children:e.jsx("span",{children:n("GroupWinners")})}),e.jsx("div",{children:e.jsx("span",{children:n("GroupWinners2")})}),e.jsx("div",{children:e.jsx("span",{children:n("GroupLosers")})})]}),["a","b"].map(p=>e.jsxs("div",{children:[e.jsx(Rl,{children:r[p]?.map((s,d)=>e.jsx(Z,{placement:"top",content:t.teams[s]?.name,children:e.jsx(ve,{onDragStart:o=>g(o,s),onDrag:L,onDragEnd:j,delay:d*.8,draggable:!0,unavailable:T,children:e.jsx("img",{loading:"lazy",src:V(t.teams[s]?.assets.logo),alt:""})})}))}),e.jsx(Nl,{className:l&&!t.pickem.data[p].includes(l)&&"closed",children:Object.keys(t.currentPicks[p]).map(s=>e.jsx(Bl,{children:t.currentPicks[p][s].map((d,o)=>{const w=t.teams&&t.teams[d];return e.jsxs(Al,{className:I(w&&"filled",h(d,s,p)),onDragOver:z=>z.preventDefault(),onClick:()=>S(w,s,o,p),onDrop:z=>M(z,s,l,o,p),children:[e.jsx("img",{loading:"lazy",src:V(w?.assets.logo),alt:""}),e.jsx(xe,{children:w?.name}),w&&!T&&e.jsx(Ee,{onClick:z=>{z.stopPropagation(),E(s,o,p)},children:e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/close.png"),alt:""})})]},s+o)})}))})]}))]})]})})]})},Hl=i.div` 5300 border-radius: 8px; 5301 background: #232a39; 5302 display: flex; 5303 width: 144px; 5304 padding: 14px 8px 8px 8px; 5305 flex-direction: column; 5306 gap: 3px; 5307 opacity: ${t=>t.$dimmed?.5:1}; 5308 transition: opacity 0.3s ease; 5309 5310 &::before, 5311 &::after { 5312 content: ''; 5313 display: block; 5314 width: 20px; 5315 height: 30px; 5316 position: absolute; 5317 z-index: 1; 5318 } 5319 5320 &::before { 5321 left: 100%; 5322 top: 25%; 5323 transform: translateY(-50%); 5324 background: url(${b("/pages/pickem/icons/arrow-top.svg")}) 5325 no-repeat center center / cover; 5326 } 5327 5328 &::after { 5329 left: 100%; 5330 top: 75%; 5331 transform: translateY(-50%); 5332 background: url(${b("/pages/pickem/icons/arrow-bottom.svg")}) 5333 no-repeat center center / cover; 5334 } 5335`,Fl=i.div` 5336 display: flex; 5337 align-items: center; 5338 justify-content: space-between; 5339 gap: 2px; 5340 padding: 6px; 5341 transition: all 0.3s ease; 5342 5343 &:hover { 5344 border-radius: 6px; 5345 background: rgba(93, 108, 146, 0.12); 5346 cursor: pointer; 5347 } 5348`,re=i.div` 5349 display: flex; 5350 align-items: center; 5351 justify-content: center; 5352 width: 36px; 5353 height: 36px; 5354 5355 img { 5356 max-width: 80%; 5357 max-height: 80%; 5358 object-fit: cover; 5359 } 5360 5361 span { 5362 border-radius: 50%; 5363 border: 1px solid rgba(93, 108, 146, 0.16); 5364 color: #5b657e; 5365 font-size: 21px; 5366 font-weight: 900; 5367 width: 100%; 5368 height: 100%; 5369 display: flex; 5370 align-items: center; 5371 justify-content: center; 5372 } 5373 5374 &.large { 5375 width: 48px; 5376 height: 48px; 5377 5378 span { 5379 font-size: 28px; 5380 } 5381 } 5382`,Wl=i.div` 5383 color: #5c6776; 5384 text-align: right; 5385 font-size: 13px; 5386 font-weight: 700; 5387 line-height: 14px; 5388 padding: 0 6px; 5389`,Vl=i.div` 5390 color: #5c6776; 5391 font-size: 13px; 5392 font-weight: 700; 5393 line-height: 14px; 5394 5395 .red { 5396 color: #d94141; 5397 } 5398 5399 .green { 5400 color: #64df3e; 5401 } 5402`,te=({games:t,score:n})=>{const a=oe(),{attachedTeam:c,teams:m,tournament:u}=_(l=>l.pickem),r=l=>{const[f,v]=l.split(":").map(Number);return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:f>v?"green":"red",children:f}),":",e.jsx("span",{className:v>f?"green":"red",children:v})]})};return e.jsxs(Hl,{$dimmed:c,children:[e.jsx(Wl,{children:n}),t.map(l=>e.jsxs(Fl,{onClick:()=>
5402{l.id_match&&a(`/cs2/pickem/${u.url_short}/leagues/${l.id_match}`)},children:[e.jsx(re,{children:m[l.id_team_1]?e.jsx("img",{loading:"lazy",src:V(m[l.id_team_1].assets.logo),alt:""}):e.jsx("span",{children:"?"})}),l.score?e.jsx(Vl,{children:r(l.score)}):e.jsx($s,{}),e.jsx(re,{children:m[l.id_team_2]?e.jsx("img",{loading:"lazy",src:V(m[l.id_team_2].assets.logo),alt:""}):e.jsx("span",{children:"?"})})]}))]})},Gl=i.div` 5403 display: flex; 5404 flex-direction: column; 5405 gap: 24px; 5406 align-items: center; 5407`,Ul=i.div` 5408 display: flex; 5409 flex-direction: column; 5410 align-items: center; 5411 gap: 8px; 5412 5413 p { 5414 width: 110px; 5415 color: #759cff; 5416 text-align: center; 5417 font-size: 12px; 5418 font-weight: 500; 5419 line-height: 14px; 5420 } 5421 5422 img { 5423 width: 32px; 5424 } 5425`,Zl=i.div` 5426 display: grid; 5427 grid-template-columns: 48px 48px; 5428 gap: 18px 8px; 5429 5430 div { 5431 display: flex; 5432 align-items: center; 5433 justify-content: center; 5434 5435 &:hover { 5436 animation-name: ${Ot}; 5437 animation-duration: 0.3s; 5438 animation-timing-function: ease-in-out; 5439 animation-iteration-count: 4; 5440 } 5441 } 5442 5443 img { 5444 width: 36px; 5445 cursor: pointer; 5446 } 5447 5448 &.inactive { 5449 pointer-events: none; 5450 } 5451`,Yl=i.div` 5452 display: flex; 5453 align-items: center; 5454 justify-content: center; 5455 gap: 12px; 5456 5457 button { 5458 width: 20px; 5459 height: 20px; 5460 background: transparent; 5461 } 5462 5463 img { 5464 width: 100%; 5465 } 5466`,ql=({list:t,unavailable:n,cleanPicks:a,randomFillPicks:c})=>{const{t:m}=R(),u=F(),r=_(f=>f.pickem.teams),{isAuth:l}=_(f=>f.auth);return e.jsxs(Gl,{className:"desktop-only",onClick:()=>{!l&&u(B("JOIN_LEAGUE",{title:"needAuth",subtitle:"needAuthToMakePicks",button:{text:"DiscordLite1Text",action:()=>{Y("login_click",{source:"join_league_modal"}),window.location.href=ne("/steam")}}}))},children:[e.jsxs(Ul,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/drag.svg"),alt:""}),e.jsx("p",{children:m("dragToPick")})]}),e.jsx(Zl,{className:n&&"inactive",children:t.map((f,v)=>e.jsx(Z,{placement:"top",content:r[f]?.name,children:e.jsx("div",{onDragStart:()=>u(_t(f)),onDragEnd:()=>u(_t(null)),draggable:!n,children:e.jsx("img",{loading:"lazy",src:V(r[f]?.assets.logo),alt:""},v)})},f.id))}),!n&&e.jsxs(Yl,{children:[e.jsx(Z,{placement:"top",content:m("randomFill"),children:e.jsx("button",{onClick:c,children:e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/random.svg"),alt:""})})}),e.jsx("button",{onClick:a,children:e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/cancel.svg"),alt:""})})]})]})},Nn=i.div` 5467 opacity: 0; 5468 width: 26px; 5469 height: 26px; 5470 background: rgba(207, 216, 229, 0.08); 5471 5472 &, 5473 div { 5474 display: flex; 5475 align-items: center; 5476 justify-content: center; 5477 border-radius: 50%; 5478 transition: all 0.3s ease; 5479 } 5480 5481 div { 5482 width: 22px; 5483 height: 22px; 5484 background: rgba(207, 216, 229, 0.08); 5485 } 5486 5487 @media (max-width: 700px) { 5488 opacity: 1; 5489 } 5490`,Kl=i.button` 5491 border-radius: 50%; 5492 background: rgba(19, 24, 33, 0.24); 5493 display: flex; 5494 align-items: center; 5495 justify-content: center; 5496 width: 48px; 5497 height: 48px; 5498 transition: all 0.3s ease; 5499 border: 1.5px dashed transparent; 5500 cursor: pointer; 5501 5502 span { 5503 color: #5b657e; 5504 font-size: 28px; 5505 font-weight: 900; 5506 } 5507 5508 &.over { 5509 border-color: #cfd8e5; 5510 } 5511 5512 &.incorrect { 5513 border: 1.5px solid #d94141; 5514 background: 5515 radial-gradient( 5516 59.38% 59.38% at 50% 50%, 5517 rgba(217, 65, 65, 0.7) 0%, 5518 rgba(217, 65, 65, 0) 100% 5519 ), 5520 rgba(19, 24, 33, 0.4); 5521 } 5522 5523 &.correct { 5524 border: 1.5px solid #84ea7b; 5525 background: 5526 radial-gradient( 5527 59.38% 59.38% at 50% 50%, 5528 rgba(132, 234, 123, 0.7) 0%, 5529 rgba(132, 234, 123, 0) 100% 5530 ), 5531 rgba(19, 24, 33, 0.4); 5532 } 5533 5534 &:hover { 5535 ${Nn} { 5536 opacity: 1; 5537 width: 38px; 5538 height: 38px; 5539 5540 div { 5541 transform: scale(1.2); 5542 } 5543 } 5544 } 5545`,Xl=i.img` 5546 max-height: 70%; 5547 max-width: 70%; 5548`,Gi=i.button` 5549 background: #141825;
5550 width: 20px; 5551 height: 20px; 5552 border-radius: 50%; 5553 position: absolute; 5554 left: -2px; 5555 top: -2px; 5556 z-index: 1; 5557 display: flex; 5558 align-items: center; 5559 justify-content: center; 5560 5561 svg { 5562 width: 100%; 5563 } 5564`,Jl=({handleDrop:t,item:n,removeCell:a,availableTeams:c,unavailable:m,status:u,hideCheckmark:r})=>{const{t:l}=R(),f=F(),[v,g]=x.useState(!1),{teams:j}=_(T=>T.pickem),{isAuth:L}=_(T=>T.auth),P=()=>{if(!L)return f(B("JOIN_LEAGUE",{title:"needAuth",subtitle:"needAuthToMakePicks",button:{text:"DiscordLite1Text",action:()=>{Y("login_click",{source:"join_league_modal"}),window.location.href=ne("/steam")}}}));!n&&!m&&f(B("PICKEM_VOTE",{type:3,info:{name:l("ChooseTeam")},availableTeams:c,action:T=>{f(B(null)),t(T)}}))};return e.jsxs(Kl,{onDragOver:T=>{T.preventDefault(),g(!0)},onDragLeave:()=>g(!1),onDrop:T=>{T.preventDefault(),g(!1),f(_t(null)),t()},className:I({over:v,correct:u==="correct",incorrect:u==="incorrect"}),onClick:P,children:[u==="correct"&&!r&&e.jsx(Gi,{children:e.jsx(Ms,{})}),n&&!m&&e.jsx(Gi,{onClick:a,children:e.jsx(Es,{})}),n?e.jsx(Xl,{src:V(j[n]?.assets.logo)}):m?null:e.jsx(Nn,{children:e.jsx("div",{children:e.jsx(Ns,{})})})]})},Ql=i.div` 5565 overflow-x: auto; 5566 max-width: calc(100vw - 600px); 5567 5568 @media (max-width: 1150px) { 5569 max-width: 100%; 5570 } 5571`,ed=i.div` 5572 padding: 48px 0; 5573 display: flex; 5574 align-items: center; 5575 justify-content: center; 5576 gap: 32px; 5577 5578 @media (max-width: 1700px) { 5579 justify-content: flex-start; 5580 } 5581 5582 @media (max-width: 1000px) { 5583 justify-content: center; 5584 } 5585`,Ui=i.div` 5586 display: flex; 5587 align-items: center; 5588 gap: 14px; 5589 padding-right: 215px; 5590 5591 & > div { 5592 display: flex; 5593 flex-direction: column; 5594 gap: 10px; 5595 } 5596 5597 @media (max-width: 1000px) { 5598 padding-right: 0; 5599 } 5600`,de=i.div` 5601 border-radius: 8px; 5602 background: #232a39; 5603 display: flex; 5604 flex-direction: column; 5605 align-items: center; 5606 gap: 14px; 5607 padding: 14px 18px 18px 18px; 5608 opacity: ${t=>t.$dimmed?.5:1}; 5609 transition: opacity 0.3s ease; 5610 5611 h6 { 5612 color: #ecf1f8; 5613 font-size: 13px; 5614 font-weight: 600; 5615 line-height: 14px; 5616 } 5617 5618 & > div { 5619 display: flex; 5620 align-items: center; 5621 gap: 10px; 5622 } 5623 5624 &.multicells > div { 5625 display: grid; 5626 grid-template-columns: 1fr 1fr 1fr; 5627 } 5628 5629 &.green { 5630 background: #34645c; 5631 } 5632 5633 &.red { 5634 background: #6c363f; 5635 } 5636`,td=i.div` 5637 display: flex; 5638 background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22359%22%20height%3D%22142%22%20viewBox%3D%220%200%20359%20142%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.5%200C4.08172%200%200.5%203.58172%200.5%208V77C0.5%2081.4183%204.08172%2085%208.5%2085H150.5C154.918%2085%20158.5%2088.5817%20158.5%2093V134C158.5%20138.418%20162.082%20142%20166.5%20142H350.5C354.918%20142%20358.5%20138.418%20358.5%20134V8C358.5%203.58172%20354.918%200%20350.5%200H8.5Z%22%20fill%3D%22%2334645C%22/%3E%3C/svg%3E'); 5639 5640 p { 5641 width: 160px; 5642 padding-top: 25px; 5643 color: #ecf1f8; 5644 text-align: center; 5645 font-size: 13px; 5646 font-weight: 600; 5647 } 5648`,id=i.div` 5649 display: grid; 5650 grid-template-columns: 1fr 1fr 1fr; 5651 padding: 18px; 5652 gap: 10px; 5653`,jt={"3-0":[null,null],teams:[null,null,null,null,null,null],"0-3":[null,null]},nd=t=>{const[n,a]=x.useState({"3-0":[null,null],teams:[null,null,null,null,null,null],"0-3":[null,null]}),[c,m]=x.useState(!1),u=_(k=>k.auth.isAuth),{attachedTeam:r,playerPreview:l,showResults:f}=_(k=>k.pickem),v=l||!u||t.pickem.unixtime_start>H()||t.pickem.unixtime_end<H(),g=t.pickem.teams.filter(k=>Object.values(n).every(S=>!S.includes(k))),j=t.currentPicks?.teams?.length?t.currentPicks:jt,L=(k,S,M)=>{(M||r)&&(a(E=>{const h=JSON.parse(JSON.stringify(E));return h[k][S]=M||r,h}),m(!0))},P=()=>{const k=[...t.pickem.teams].sort(()=>Math.random()-.5);let S=0;a(M=>{const E=JSON.parse(JSON.stringify(M));
5653return Object.keys(E).forEach(h=>{E[h]=E[h].map(()=>k[S++])}),E}),m(!0)},T=(k,S)=>{a(M=>{const E=JSON.parse(JSON.stringify(M));return E[k][S]=null,E})},y=(k,S)=>{const M=n[k][S],E=Math.floor(Date.now()/1e3)>t.currentStage.unixtime_end;return e.jsx(Jl,{handleDrop:h=>L(k,S,h),removeCell:()=>T(k,S),item:M,status:t.pickem.result[k].includes(M)?"correct":E?"incorrect":null,availableTeams:g,unavailable:v,hideCheckmark:f})};return x.useEffect(()=>{a(f?t.pickem.result:t.currentPicks?.teams.length?t.currentPicks:jt)},[t.currentPicks,f]),e.jsx(ce,{stageData:t.currentStage,picksSent:t.picked,setPicksChanged:m,picksChanged:c,picksFull:Object.values(n).every(k=>!k.includes(null)),postdata:{data:n,id:t.currentStage?.id_pickem},progress:Object.values(j).flat(),children:e.jsx(Ql,{children:e.jsxs(ed,{children:[e.jsx(ql,{list:g,unavailable:v,cleanPicks:()=>a(jt),randomFillPicks:P}),e.jsx(sd,{pickem:t.pickem,renderCell:y,currentStage:t.currentStage,attachedTeam:r,picked:t.picked})]})})})},sd=({pickem:t,renderCell:n,currentStage:a,attachedTeam:c,picked:m})=>{const{t:u}=R(),r=_(g=>g.auth.premium),l=t.data_table,f=ke(),v=!r.group||r.free||r.group==="LITE";return f?e.jsx(Ui,{children:e.jsxs("div",{children:[e.jsxs(de,{className:"green",children:[e.jsx("h6",{children:"3:0 - ADVANCED"}),e.jsx("div",{children:[0,1].map(g=>n("3-0",g))})]}),e.jsxs(de,{className:"green multicells",children:[e.jsx("h6",{children:"3:1 3:2 - ADVANCED"}),e.jsx("div",{children:[0,1,2,3,4,5].map(g=>n("teams",g))})]}),e.jsxs(de,{className:"red",children:[e.jsx("h6",{children:"0:3 - ELIMINATED"}),e.jsx("div",{children:[0,1].map(g=>n("0-3",g))})]})]})}):e.jsxs(Ui,{children:[e.jsx("div",{children:e.jsx(te,{games:l["0-0"],score:"0-0"})}),e.jsxs("div",{children:[e.jsx(te,{games:l["1-0"],score:"1-0"}),e.jsx(te,{games:l["0-1"],score:"0-1"})]}),e.jsxs("div",{children:[e.jsx(te,{games:l["2-0"],score:"2-0"}),e.jsx(te,{games:l["1-1"],score:"1-1"}),e.jsx(te,{games:l["0-2"],score:"0-2"})]}),e.jsxs("div",{children:[e.jsxs(de,{className:"green",children:[e.jsx("h6",{children:"3:0 - ADVANCED"}),e.jsx("div",{children:[0,1].map(g=>n("3-0",g))})]}),e.jsx(te,{games:l["2-1"],score:"2-1"}),e.jsx(te,{games:l["1-2"],score:"1-2"}),e.jsxs(de,{className:"red",children:[e.jsx("h6",{children:"0:3 - ELIMINATED"}),e.jsx("div",{children:[0,1].map(g=>n("0-3",g))})]})]}),e.jsxs("div",{children:[e.jsx(te,{games:l["2-2"],score:"2-2"}),e.jsxs(td,{style:{position:"absolute",top:-95,left:0},children:[m&&v?e.jsx(Qe,{className:"major",icon:b("/pages/pickem/icons/gold-crown.svg"),label:u("getPrize"),children:u("pickemSavedGetPrize")}):e.jsx(Qe,{className:"major",children:u("MakeNCorrentPicks2",{amount:5,stage:u(a?.name)})}),e.jsxs("p",{children:["3:1 3:2 ",e.jsx("br",{}),"ADVANCED"]}),e.jsx(id,{children:[0,1,2,3,4,5].map(g=>n("teams",g))})]}),e.jsxs(de,{style:{position:"absolute",top:"calc(100% + 10px)",left:0},$dimmed:c,children:[e.jsx("h6",{children:"1:3 - ELIMINATED"}),e.jsxs("div",{children:[e.jsx(re,{className:"large",children:e.jsx("span",{children:"?"})}),e.jsx(re,{className:"large",children:e.jsx("span",{children:"?"})}),e.jsx(re,{className:"large",children:e.jsx("span",{children:"?"})})]})]}),e.jsxs(de,{style:{position:"absolute",left:"calc(100% + 14px)",bottom:0},$dimmed:c,children:[e.jsx("h6",{children:"2:3 - ELIMINATED"}),e.jsxs("div",{children:[e.jsx(re,{className:"large",children:e.jsx("span",{children:"?"})}),e.jsx(re,{className:"large",children:e.jsx("span",{children:"?"})}),e.jsx(re,{className:"large",children:e.jsx("span",{children:"?"})})]})]})]})]})},ad=i.div` 5654 border-radius: 8px; 5655 background: linear-gradient( 5656 0deg, 5657 rgba(19, 24, 33, 0.4) 0%, 5658 rgba(19, 24, 33, 0.4) 100% 5659 ), 5660 #232a39; 5661 margin-bottom: 24px; 5662 overflow: hidden; 5663 max-width: calc(-600px + 100vw); 5664 5665 /* &::after { 5666 content: ''; 5667 position: absolute; 5668 pointer-events: none; 5669 top: 0; 5670 right: 0; 5671 background: linear-gradient( 5672 90deg, 5673 rgba(19, 24, 33, 0) 0%, 5674 rgba(19, 24, 33, 0.4) 100% 5675 ), 5676 linear-gradient(90deg, rgba(35, 42, 57, 0) 0%, #232a39 100%); 5677 width: 100px; 5678 height: 100%; 5679 } */ 5680 5681 @media (max-width: 1150px) { 5682 max-width: 100%; 5683 } 5684`,An=i.div` 5685 display: flex; 5686 gap: 24px; 5687 5688 @media (max-width: 1000px) { 5689 gap: 20px; 5690 padding: 0 12px; 5691 } 5692`,rd=i.h6` 5693 color: #778597; 5694 font-size: 12px; 5695 font-weight: 500; 5696 align-self: center; 5697 margin-right: 8px; 5698 5699 @media (max-width: 1000px) { 5700 scroll-snap-align: start; 5701 } 5702`,od=i(An)` 5703 justify-content: flex-start; 5704 flex-wrap: nowrap; 5705 overflow-x: auto; 5706 align-items: center; 5707 padding: 0 24px; 5708 5709 &::-webkit-scrollbar {
5710 height: 4px; 5711 background: #222a3a; 5712 } 5713 5714 @media (max-width: 1000px) { 5715 scroll-snap-type: x mandatory; 5716 scroll-padding-inline: 12px; 5717 padding: 0; 5718 } 5719`,cd=i.button` 5720 padding: 14px 0 16px 0; 5721 border-top: 3px solid transparent; 5722 display: flex; 5723 min-width: fit-content; 5724 flex-direction: column; 5725 background: transparent; 5726 transition: all 0.3s ease; 5727 5728 h6 { 5729 color: #778597; 5730 font-size: 12px; 5731 font-weight: 500; 5732 transition: all 0.3s ease; 5733 } 5734 5735 p { 5736 color: #c7d3e2; 5737 font-size: 16px; 5738 font-weight: 700; 5739 margin: 5px 0 10px 0; 5740 } 5741 5742 &.active { 5743 border-color: #6080ff; 5744 5745 h6 { 5746 color: #6f97ff; 5747 } 5748 } 5749 5750 &.disabled { 5751 opacity: 0.5; 5752 filter: none; 5753 pointer-events: none; 5754 } 5755 5756 @media (max-width: 1000px) { 5757 padding: 8px 0 12px 0; 5758 scroll-snap-align: start; 5759 5760 p { 5761 font-size: 14px; 5762 margin: 3px 0 10px 0; 5763 } 5764 } 5765`,Zi=i.div` 5766 color: #6080ff; 5767 font-size: 12px; 5768 font-weight: 500; 5769 padding: 6px 12px; 5770 border-radius: 99px; 5771 border: 1px solid var(--Icons-CB-Blue, #6080ff); 5772 5773 &.grey { 5774 border: none; 5775 color: #778597; 5776 background: rgba(93, 108, 146, 0.16); 5777 } 5778 5779 &.bordered { 5780 color: #778597; 5781 background: transparent; 5782 border: 1px solid rgba(93, 108, 146, 0.24); 5783 } 5784`,ld=i.div` 5785 min-width: 2px; 5786 height: 56px; 5787 background: rgba(93, 108, 146, 0.16); 5788 display: block; 5789`,dd=({i:t})=>{const{t:n}=R();return t.current?e.jsxs(Ve,{className:"static",children:[e.jsx("span",{}),n("Opened")]}):t.unixtime<Date.now()/1e3?e.jsx(Zi,{className:t.points?"":"bordered",children:t.points!==null?`+${it(t.points)}`:n("skiped")}):e.jsx(Zi,{className:"grey",children:ss(t.unixtime)})},pd=({days:t,activeDay:n,setActiveDay:a})=>{const{t:c}=R(),m=x.useRef(null),u=x.useRef(null),r=ke(),l=t.reduce((f,v)=>(f[v.stage_name]||(f[v.stage_name]=[]),f[v.stage_name].push(v),f),{});return x.useEffect(()=>{const f=m.current,v=u.current;if(f&&v){const g=f.getBoundingClientRect(),j=v.getBoundingClientRect(),L=g.left+g.width/2,T=j.left+j.width/2-L;f.scrollBy({left:T,behavior:"smooth"})}},[n]),x.useEffect(()=>{const f=m.current;if(!f)return;const v=g=>{const j=Math.abs(g.deltaY)>Math.abs(g.deltaX)?g.deltaY:g.deltaX;f.scrollLeft+=j,g.preventDefault(),g.stopPropagation()};return f.addEventListener("wheel",v,{passive:!1}),()=>f.removeEventListener("wheel",v)},[]),e.jsx(ad,{children:e.jsx(od,{className:"grey-scroll",ref:m,children:Object.values(l).map((f,v)=>e.jsxs(e.Fragment,{children:[e.jsxs(An,{onWheel:g=>{},style:{minWidth:"max-content"},children:[r&&e.jsx(rd,{children:c(f[0].stage_name)}),f.map(g=>e.jsx("div",{ref:n===g.day?u:void 0,children:e.jsxs(cd,{onClick:()=>a(g.day),className:I(n===g.day&&"active",g.status===0&&"disabled"),children:[!r&&e.jsx("h6",{children:c(g.stage_name)}),e.jsxs("p",{children:[c("round")," ",g.day]}),e.jsx(dd,{i:g})]})}))]}),Object.values(l).length-1!==v&&e.jsx(ld,{})]}))})})},xd=[{text:"SKINS-SELECTION-FEATURE-4",icon:e.jsx("img",{loading:"lazy",src:b("/pages/other/modals/premium/gift.svg"),alt:""})},{text:"SKINS-SELECTION-FEATURE-5",icon:e.jsx("img",{loading:"lazy",src:b("/pages/other/modals/premium/friends.svg"),alt:""})},{text:"SKINS-SELECTION-FEATURE-6",icon:e.jsx("img",{loading:"lazy",src:b("/pages/other/modals/premium/mission.svg"),alt:""})}],gd=i.div` 5790 width: 100%; 5791 height: 100%; 5792 border-radius: 12px; 5793 background: #232a39; 5794 padding: 14px 18px 18px 18px; 5795 display: flex; 5796 flex-direction: column; 5797 align-items: center; 5798 justify-content: center; 5799 gap: 40px; 5800 background: url(${b("/pages/pickem/raffle/predictor-ad-background.webp")}) center / cover no-repeat; 5801 border-radius: 12px; 5802 overflow: hidden; 5803 transition: all .25s ease; 5804 5805 & > h5 { 5806 font-weight: 700; 5807 font-size: 18px; 5808 text-align: center; 5809 } 5810 5811 &::after { 5812 content: ''; 5813 width: 100%; 5814 height: 100%; 5815 position: absolute; 5816 left: 0; 5817 top: 0; 5818 background: url(${b("/pages/pickem/raffle/predictor-ad-foreground.webp")}) center / cover no-repeat; 5819 } 5820 5821 &:hover { 5822 filter: brightness(1.1); 5823 } 5824`,md=i.div` 5825 width: 230px; 5826 height: 320px; 5827 border-radius: 10px; 5828 border-top: none; 5829 background: rgba(0, 0, 0, 0.05); 5830 backdrop-filter: blur(12px); 5831 overflow: hidden; 5832`,hd=i.div` 5833 display: flex; 5834 align-items: center; 5835 justify-content: center; 5836 width: 100%; 5837 height: 34px; 5838 padding: 10px; 5839 background: #6080ff; 5840 z-index: 1; 5841 5842 h5 { 5843 font-weight: 600; 5844 font-size: 12px; 5845 } 5846`,ud=i.div` 5847 width: 100%; 5848 height: calc(100% - 34px); 5849 border: 1px solid white; 5850 border-radius: 0 0 10px 10px; 5851 border-top: none; 5852 padding: 20px; 5853 5854 display: flex; 5855 flex-direction: column; 5856 gap: 10px; 5857`,fd=i.div` 5858 display: flex; 5859 flex-direction: column; 5860 gap: 10px; 5861 5862 span { 5863 display: flex; 5864 flex-direction: column; 5865 gap: 2px; 5866 5867 h5 { 5868 font-weight: 400; 5869 font-size: 12px; 5870 color: white; 5871 } 5872 5873 h4 { 5874 font-weight: 700; 5875 font-size: 15px; 5876 color: white; 5877 text-transform: none; 5878 } 5879 } 5880`,bd=i.div` 5881 display: flex; 5882 justify-content: center; 5883 width: 100%; 5884 5885 img { 5886 width: 90%; 5887 } 5888`,jd=i.div` 5889 width: 100%; 5890 display: flex; 5891 justify-content: flex-end; 5892 gap: 7px; 5893 color: #FF9838; 5894 font-size: 14px; 5895 font-weight: 700; 5896 5897 img { 5898 width: 16px; 5899 } 5900`,vd=i.button` 5901 width: 100%; 5902 border-radius: 8px; 5903 padding: 12px 24px; 5904 background: #FFC875; 5905 color: #282B36; 5906 font-weight: 700; 5907 font-size: 12px; 5908 text-align: center; 5909`,wd=()=>{const{t}=R(),n=_(c=>c.pickem.tournament),a=_(Ne);return a?e.jsx(U,{to:`/cs2/pickem/${n.url_short}/raffle`,children:e.jsxs(gd,{children:[e.jsx("h5",{dangerouslySetInnerHTML:{__html:t`predictorRaffleAdTitle`}}),e.jsxs(md,{children:[e.jsx(hd,{children:e.jsx("h5",{children:t`dailyRaffle`})}),e.jsxs(ud,{children:[e.jsxs(jd,{children:[pe(a.item_data?.price),e.jsx("img",{loading:"lazy",src:b("/img/general/coin1.png"),alt:""})]}),e.jsx(bd,{children:e.jsx("img",{loading:"lazy",src:a.item_data?.img,alt:""})}),e.jsx(fd,{children:e.jsxs("span",{children:[e.jsx("h5",{children:a.item_data?.name.split(" | ")[0]||"AWP"}),e.jsx("h4",{children:a.item_data?.name.split(" | ")[1]||"Dragon Lore"})]})}),e.jsx(vd,{children:t`BecomeParticipator`})]})]})]})}):null},kd=i.div``,yd=i.div` 5910 display: grid; 5911 grid-template-columns: repeat(auto-fill, minmax(315px, 1fr)); 5912 gap: 24px; 5913 width: 100%; 5914 margin-bottom: 64px; 5915 5916 @media (max-width: 1750px) { 5917 max-width: 100%; 5918 } 5919`,Cd=i.div` 5920 max-width: 1020px; 5921 margin: 48px auto; 5922`,_d=i.div` 5923 display: flex; 5924 align-items: center; 5925 gap: 12px; 5926 margin-bottom: 24px; 5927`,Et=i.div` 5928 border-radius: 18.75px; 5929 background: rgba(255, 233, 206, 0.24); 5930 width: 36px; 5931 height: 21px; 5932 margin-left: 7px; 5933 transition: all 0.3s ease; 5934 5935 div { 5936 width: 15px; 5937 height: 15px; 5938 border-radius: 50%; 5939 background: #ffe9ce;
5940 position: absolute; 5941 left: 3px; 5942 top: 3px; 5943 transition: all 0.3s ease; 5944 } 5945`,Pd=i.button` 5946 white-space: nowrap; 5947 padding: 9px 18px; 5948 border-radius: 8px; 5949 background: rgba(240, 179, 88, 0.12); 5950 display: flex; 5951 align-items: center; 5952 transition: all 0.3s ease; 5953 5954 img { 5955 width: 28px; 5956 margin-right: 10px; 5957 } 5958 5959 p { 5960 color: #f0b358; 5961 font-size: 14px; 5962 font-weight: 700; 5963 letter-spacing: 0.14px; 5964 } 5965 5966 &.active { 5967 ${Et} { 5968 div { 5969 background: #f0b358; 5970 transform: translateX(100%); 5971 } 5972 } 5973 } 5974 5975 @media (max-width: 1000px) { 5976 &.active { 5977 background: rgba(240, 179, 88, 0.25); 5978 } 5979 5980 p { 5981 display: none; 5982 } 5983 5984 ${Et} { 5985 display: none; 5986 } 5987 5988 img { 5989 margin-right: 0; 5990 } 5991 } 5992`,Ld=i.div` 5993 display: flex; 5994 flex-direction: column; 5995 gap: 11px; 5996 width: 100%; 5997 padding-right: 12px; 5998 5999 div { 6000 display: flex; 6001 align-items: center; 6002 justify-content: space-between; 6003 } 6004 6005 @media (max-width: 1000px) { 6006 padding-right: 0; 6007 } 6008`,zd=i.div` 6009 color: #cfd8e5; 6010 font-size: 14px; 6011 font-weight: 600; 6012 text-transform: uppercase; 6013`,Td=i.div` 6014 display: flex; 6015 align-items: center; 6016 gap: 4px; 6017 6018 img { 6019 width: 16px; 6020 } 6021 6022 p { 6023 color: #5c6776; 6024 font-size: 14px; 6025 6026 &.gold { 6027 color: #ebb667; 6028 } 6029 } 6030 6031 @media (max-width: 1000px) { 6032 p { 6033 display: none; 6034 } 6035 } 6036`,Sd=i.div` 6037 border-radius: 99px; 6038 background: rgba(93, 108, 146, 0.2); 6039 overflow: hidden; 6040 width: 100%; 6041 height: 7px; 6042 display: block; 6043 6044 span { 6045 transition: all 0.3s ease; 6046 height: 100%; 6047 display: block; 6048 background: #9ea7be; 6049 } 6050 6051 &.gold { 6052 span { 6053 background: #ebb667; 6054 } 6055 } 6056`,$d=()=>{const t=F(),{predicts:n,leaguePicks:a,autopick:c,tournament:m,challenges:u,partner:r,settings:l}=_(d=>d.pickem),f=_(d=>d.auth.premium);_(d=>d.root.partnersLinks);const{t:v}=R(),{id:g}=Re(),[j,L]=x.useState(null),[P,T]=x.useState(!1),y=as(c,500),k=a.filter(d=>d.day===j),S=(n?.matches??[]).filter(d=>d.day_season===j),M=k.some(d=>d.boost),E=n?.days_season.find(d=>d.current)?.day===j,h=x.useRef(null);if(x.useEffect(()=>{Y("predictor_page_open")},[]),x.useEffect(()=>{P&&X.changeAutopick({value:y,event_id:m.id_event}).then(d=>{d&&d.result==="success"&&X.getMajorData(void 0,m.id_event).then(o=>{o&&t(an(o.data))})})},[y]),x.useEffect(()=>{if(!n||m?.id_event&&h.current===m.id_event)return;h.current=m.id_event;const d=n.matches.find(w=>w.id_match===g)?.day_season,o=n.days_season.find(w=>w.current)?.day;L(d||o||1)},[n,m?.id_event,g]),!n)return;const p=d=>{const o=k.reduce((w,z)=>{const C=S.find($=>$.id_match===z.game_id).count_bo;return w+(z.team!=null?1:0)+(C===1?z.overtimes!=null?1:0:z.score!=null?1:0)+(z.player?.name!=null?1:0)},0);return d?o/(k.length*3)*100:`${o}/${k.length*3}`},s=()=>{if(!f.group||f.free||f.group=="LITE")return t(B("PREMIUM_INFO",{image:b("/pages/pickem/autopick.png"),title:"PREMIUM Autopick",text:"autopickModalInfo",list:xd,topLabel:{},action:()=>Y("predictor_autopick_modal_click")}));Y("predictor_autopick_click"),T(!0),t(rs(!c))};return e.jsxs(kd,{children:[e.jsx(Ae,{title:`CYBERSHOKE - ${v("predictLeague")}`,descr:v("predictLeagueDescr")}),e.jsx(Ft,{title:v("predictLeague"),currentStage:"league",partner:r,infoButton:{},hidePlayers:!0}),e.jsxs(Cd,{children:[e.jsxs(_d,{children:[e.jsxs(Ld,{children:[e.jsxs("div",{children:[e.jsxs(zd,{children:[p()," ",v("picksMade")]}),e.jsxs(Td,{children:[e.jsx(As,{active:M}),e.jsx("p",{className:M&&"gold",children:v(M?"boosterUsed":"boosterNotUsed")})]})]}),e.jsx(Sd,{className:M&&"gold",children:e.jsx("span",{style:{width:p(!0)+"%"}})})]}),e.jsx(Z,{content:v("autopickTooltip"),placement:"bottom",children:e.jsxs(Pd,{className:c&&"active",onClick:s,children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/autopick.svg"),alt:""}),e.jsx("p",{children:"Premium Autopick"}),e.jsx(Et,{children:e.jsx("div",{})})]})})]}),e.jsx(pd,{days:n.days_season,activeDay:j,setActiveDay:L}),e.jsx(yd,{children:S.map((d,o)=>e.jsxs(e.Fragment,{children:[e.jsx(_n,{data:d},d.id_match),o===1&&E&&e.jsx(wd,{})]}))}),e.jsx(Ye,{id:"predict_matches",posthogData:{name:"partner_click",props:{partner:r,source:"predictor_banner"}}}),e.jsx(nt,{classNames:"pickem",list:[{question:"PredictorFaq1Title",answer:"PredictorFaq1"},{question:"PredictorFaq2Title",answer:"PredictorFaq2"},{question:"PredictorFaq3Title",answer:"PredictorFaq3"},{question:"PredictorFaq4Title",answer:"PredictorFaq4"}],onItemOpen:d=>{Y("predictor_faq_click",{name:d})}})]})]})},Md=({idx:t,activeIdx:n})=>
6056t===2?e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"77",height:"77",viewBox:"0 0 77 77",fill:"none",children:[e.jsxs("g",{opacity:"0.09",clipPath:"url(#clip0_46262_35711)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.7167 25.5418C19.2481 27.543 14.816 35.2197 16.8172 42.6883L25.8758 76.4957C27.877 83.9642 35.5537 88.3963 43.0223 86.3952L76.8297 77.3365C84.2982 75.3353 88.7303 67.6586 86.7292 60.1901L77.6705 26.3827C75.6693 18.9141 67.9926 14.482 60.5241 16.4832L26.7167 25.5418ZM10.0557 44.5C7.05391 33.2972 13.7021 21.7821 24.9049 18.7803L58.7123 9.72168C69.9151 6.7199 81.4302 13.3681 84.432 24.5709L93.4906 58.3783C96.4924 69.5811 89.8442 81.0962 78.6414 84.098L44.834 93.1566C33.6312 96.1584 22.1161 89.5102 19.1143 78.3074L10.0557 44.5Z",fill:n===2?"#6080FF":"#9EA7BE"}),e.jsx("path",{d:"M67.5339 54.6642C69.4212 61.7079 65.228 68.9708 58.1843 70.8582L48.6055 73.4248C47.7588 73.6517 46.8563 73.5328 46.0973 73.0946C45.338 72.6562 44.7839 71.9344 44.557 71.0874C44.3301 70.2406 44.449 69.3384 44.8874 68.5791C45.3255 67.8199 46.0477 67.2659 46.8945 67.039L56.4732 64.4724C59.9951 63.5287 62.0916 59.8972 61.1479 56.3754C60.2043 52.8538 56.5729 50.757 53.051 51.7007L46.6653 53.4117C45.8183 53.6387 44.9161 53.5198 44.1568 53.0816C43.3978 52.6432 42.8437 51.9213 42.6167 51.0743C42.3898 50.2275 42.5087 49.3253 42.9469 48.5661C43.3853 47.8068 44.1072 47.2529 44.9542 47.026L51.34 45.3149C52.1523 45.0576 52.8341 44.4974 53.2434 43.7502C53.6529 43.003 53.7582 42.1266 53.5377 41.3038C53.3172 40.4809 52.7878 39.7746 52.0596 39.3323C51.3316 38.8898 50.4609 38.7453 49.6289 38.9289L40.0501 41.4955C39.2033 41.7224 38.301 41.6038 37.5419 41.1653C36.7826 40.727 36.2285 40.0051 36.0016 39.1582C35.7747 38.3114 35.8936 37.4091 36.332 36.6499C36.7701 35.8907 37.4923 35.3366 38.339 35.1098L47.9178 32.5431C53.199 31.128 58.6481 34.2741 60.0632 39.5553C60.6449 41.7264 60.4228 43.9112 59.6311 45.8481C61.5451 46.5986 63.2566 47.787 64.629 49.318C66.0014 50.8489 66.9961 52.6799 67.5339 54.6642Z",fill:n===2?"#6080FF":"#9EA7BE"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_46262_35711",children:e.jsx("rect",{width:"84",height:"84",fill:"white",transform:"translate(0.333252 21.7408) rotate(-15)"})})})]}):t===1?e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"77",height:"77",viewBox:"0 0 77 77",fill:"none",children:[e.jsxs("g",{opacity:"0.09",clipPath:"url(#clip0_45063_50220)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.3827 25.5419C18.9141 27.5431 14.482 35.2198 16.4832 42.6883L25.5418 76.4957C27.543 83.9643 35.2197 88.3964 42.6883 86.3952L76.4957 77.3366C83.9642 75.3354 88.3964 67.6587 86.3952 60.1901L77.3365 26.3827C75.3353 18.9142 67.6586 14.4821 60.1901 16.4833L26.3827 25.5419ZM9.7217 44.5001C6.71992 33.2973 13.3682 21.7822 24.5709 18.7804L58.3783 9.72177C69.5811 6.71999 81.0962 13.3682 84.098 24.571L93.1567 58.3784C96.1584 69.5812 89.5102 81.0963 78.3074 84.0981L44.5 93.1567C33.2972 96.1585 21.7821 89.5103 18.7804 78.3075L9.7217 44.5001Z",fill:n===1?"#6080FF":"#9EA7BE"}),e.jsx("path",{d:"M44.9825 30.6132C39.0268 32.2091 35.2091 37.7846 35.6117 43.7103C35.7427 45.6389 37.4123 47.096 39.3409 46.965C41.2694 46.834 42.7266 45.1643 42.5956 43.2358C42.4154 40.5839 44.1322 38.088 46.7942 37.3747C49.7604 36.5799 52.8076 38.2867 53.6959 41.2016L53.8248 42.1528C53.853 43.7804 53.4952 46.066 52.3612 49.1841C48.9724 58.5013 46.8607 63.6329 45.7027 66.4467L45.6009 66.694C45.1087 67.889 44.7069 68.8645 44.5111 69.5241C44.4506 69.728 44.3758 70.0092 44.3304 70.3274C44.29 70.6111 44.233 71.1786 44.3969 71.8464C44.5909 72.6369 45.0791 73.4799 45.9603 74.0512C46.7166 74.5416 47.4515 74.6239 47.7873 74.644C48.1627 74.6665 48.5393 74.6283 48.9026 74.531C50.1479 74.1973 54.5581 73.0302 58.6668 71.9438L66.5623 69.8574C68.4312 69.3638 69.5463 67.4486 69.0528 65.5796C68.5592 63.7107 66.6438 62.5959 64.7749 63.0894L56.8775 65.1764L53.4072 66.0942C54.6657 62.9732 56.4711 58.3636 58.9396 51.5767C60.315 47.7951 60.9115 44.5435 60.8166 41.752C60.8126 41.6345 60.8027 41.5173 60.7869 41.4008L60.599 40.0146C60.5791 39.8676 60.5498 39.7221 60.5114 39.5789C58.6991 32.8149 51.7464 28.8008 44.9825 30.6132Z",fill:n===1?"#6080FF":"#9EA7BE"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_45063_50220",children:e.jsx("rect",{width:"84",height:"84",fill:"white",transform:"translate(0 21.7408) rotate(-15)"})})})]}
6056):e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"77",height:"77",viewBox:"0 0 77 77",fill:"none",children:[e.jsxs("g",{opacity:"0.09",clipPath:"url(#clip0_45063_50209)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.3823 25.5421C18.9138 27.5433 14.4816 35.22 16.4828 42.6885L25.5415 76.4959C27.5427 83.9645 35.2194 88.3966 42.6879 86.3954L76.4953 77.3368C83.9638 75.3356 88.396 67.6589 86.3948 60.1903L77.3361 26.3829C75.335 18.9144 67.6582 14.4822 60.1897 16.4834L26.3823 25.5421ZM9.72133 44.5003C6.71955 33.2975 13.3678 21.7824 24.5706 18.7806L58.378 9.72195C69.5808 6.72018 81.0958 13.3684 84.0976 24.5712L93.1563 58.3786C96.1581 69.5814 89.5098 81.0965 78.307 84.0982L44.4996 93.1569C33.2969 96.1587 21.7818 89.5105 18.78 78.3077L9.72133 44.5003Z",fill:n===0?"#6080FF":"#9EA7BE"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M50.5503 29.4661C51.8848 29.7061 52.9606 30.6953 53.3116 32.005L62.7779 67.3337C63.2782 69.2009 62.1701 71.1201 60.303 71.6204C58.4359 72.1207 56.5167 71.0126 56.0164 69.1455L48.4757 41.0031L43.8177 47.5603C42.6983 49.1362 40.5134 49.5062 38.9375 48.3868C37.3616 47.2674 36.9916 45.0824 38.111 43.5065L47.0775 30.884C47.8627 29.7786 49.2158 29.2262 50.5503 29.4661Z",fill:n===0?"#6080FF":"#9EA7BE"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_45063_50209",children:e.jsx("rect",{width:"84",height:"84",fill:"white",transform:"translate(0 21.7408) rotate(-15)"})})})]}),vt=i.div` 6057 border-radius: 8px; 6058 background: #1f2637; 6059 padding: 4px; 6060 display: flex; 6061 align-items: center; 6062 gap: 4px; 6063 6064 button { 6065 border-radius: 6px; 6066 background: rgba(93, 108, 146, 0.16); 6067 padding: 0 18px; 6068 height: 38px; 6069 color: #c7d3e2; 6070 font-size: 15px; 6071 font-weight: 600; 6072 display: flex; 6073 align-items: center; 6074 gap: 6px; 6075 6076 img { 6077 width: 24px; 6078 } 6079 6080 &.bordered { 6081 border: 1px solid rgba(93, 108, 146, 0.24); 6082 background: transparent; 6083 color: #c7d3e2; 6084 } 6085 6086 &.disabled { 6087 opacity: 0.4; 6088 cursor: not-allowed; 6089 filter: none; 6090 } 6091 } 6092 6093 @media (max-width: 428px) { 6094 width: 100%; 6095 flex-direction: column; 6096 6097 button { 6098 width: 100%; 6099 height: 46px; 6100 justify-content: center; 6101 } 6102 } 6103`,Ed=({getList:t,page:n,params:a,setLoading:c})=>{const m=F(),u=oe(),{t:r}=R(),{id:l}=Re(),{leaderboard:f,leagues:v,masterLeague:g,predicts:j,tournament:L}=_(p=>p.pickem),P=v.some(p=>p.hash===l),T=j.individuals.created.some(p=>p.hash===l),y=(p,s)=>{u(`${n}/leaders/`+p.hash),m(Yt({data:p,isMine:s}))},k=()=>{a.type_league!==1&&m(lt({state:!0,action:()=>(m(cs(l)),X.leaveLeague({hash:l,event_id:L.id_event}).then(()=>{u(`${n}/leaders`),t()}))}))},S=()=>{m(lt({state:!0,action:p=>{if(p)return X.createLeague({name:p,event_id:L.id_event}).then(s=>{if(s){if(s.result==="error")return ct(r("maxLeagues"));y(s.data,!0),fe(r("leagueCreated"))}})},actionText:r("Create"),input:r("enterLeagueName"),inputMaxLength:20,subtitle:r("createLeague2"),title:r("createLeague")}))},M=()=>{m(B("MANAGE_LEAGUE",{data:v.find(p=>p.hash===l),list:f.filter(p=>!!p.name)}))},E=()=>{m(B("MULTI_ACTIONS",{action:()=>h(l,!0),badge:a.badge,title:r("enterMediaLeague"),subtitle:r("enterMediaLeague2"),confirmation:r("enterMediaLeague3")}))},h=(p,s)=>{if(p)return c(!0),X.connectLeague({hash:p,event_id:L.id_event}).then(d=>{if(c(!1),d){if(d.result==="error")return ct(r("leagueDoesntExist"));y(d.data),fe(r("leagueConnected")),s&&m(os(d.data))}});m(lt({state:!0,action:d=>{if(d)return X.connectLeague({hash:d,event_id:L.id_event}).then(o=>{if(o){if(o.result==="error")return ct(r("leagueDoesntExist"));m(Yt({data:o.data})),fe(r("leagueConnected"))}})},actionText:r("Join"),input:r("enterLeagueCode"),subtitle:r("enterLeagueCode2"),title:r("enterLeagueCode")}))};return a.type_league===1?g?e.jsxs(vt,{children:[g.hash!==l&&e.jsx(Z,{content:r("cantconnectLeague"),children:e.jsx("button",{className:"disabled",children:r("connectLeague")})}),e.jsx(Z,{content:r("cantLeaveLeague"),children:e.jsxs("button",{className:"disabled",children:[e.jsx("img",{src:b("/pages/pickem/icons/leave.svg"),alt:"",loading:"lazy"}),r("leaveLeague")]})})]}):e.jsx(vt,{children:e.jsx("button",{onClick:E,children:r("connectLeague")})}):e.jsx(vt,{children:T?e.jsxs("button",{onClick:M,children:[e.jsx("img",{src:b("/pages/pickem/icons/setting.svg"),alt:"",loading:"lazy"}),r("leagueManagement")]}):l?P?e.jsxs("button",{onClick:k,children:[e.jsx("img",{src:b("/pages/pickem/icons/leave.svg"),alt:"",loading:"lazy"}),r("leaveLeague")]}):e.jsx("button",{onClick:()=>h(l),children:r("connectLeague")}):e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>h(),children:r("connectLeague")}),j.individuals.created.length<3&&e.jsxs("button",{className:"bordered",onClick:S,children:[e.jsx("img",{src:b("/pages/pickem/icons/plus2.svg"),alt:"",loading:"lazy"}),r("Create")]})]})})},Nd=i(Rs)` 6104 &.rotated { 6105 transform: rotate(180deg); 6106 } 6107`,Ad=i.div` 6108 background: #131821 url(${b("/pages/pickem/leaders-bg.jpg")}) 6109 no-repeat top center / 100%; 6110 border-radius: 6px; 6111 padding: 33px 48px 48px 48px; 6112 margin-bottom: 12px; 6113 6114 @media (max-width: 800px) { 6115 padding: 12px; 6116 margin-bottom: 24px; 6117 } 6118`,Rd=i.div` 6119 max-width: 1020px; 6120 margin: 0 auto; 6121 padding-top: 32px; 6122`,Id=i.div` 6123 margin-top: 14px; 6124 6125 @media (min-width: 650px) { 6126 padding: 18px; 6127 background: #151a24; 6128 border-radius: 16px; 6129 } 6130`,Dd=i(pn)` 6131 margin-bottom: 12px; 6132 background: rgba(93, 108, 146, 0.04); 6133`,Bd=i(xn)` 6134 z-index: 0; 6135 min-width: 600px; 6136 max-width: calc(100vw - 600px); 6137 overflow-x: auto; 6138 6139 @media (max-width: 1150px) { 6140 min-width: auto; 6141 max-width: 100%; 6142 } 6143`,Od=i(gn)` 6144 background: rgba(93, 108, 146, 0.06); 6145 6146 &.me { 6147 background: rgba(96, 128, 255, 0.15); 6148 } 6149`,Hd=i.div` 6150 display: flex; 6151 flex-direction: column; 6152 align-items: center; 6153`,Fd=i.p` 6154 width: 550px; 6155 color: #c1c8da; 6156 line-height: 150%; 6157 letter-spacing: 0.2px; 6158 text-align: center; 6159 6160 @media (max-width: 650px) { 6161 width: 100%; 6162 font-size: 14px; 6163 } 6164`,Wd=i.div` 6165 margin-bottom: 14px; 6166 display: flex; 6167 align-items: center; 6168 justify-content: space-between; 6169 6170 @media (max-width: 840px) { 6171 flex-direction: column; 6172 gap: 14px; 6173 } 6174`,Vd=i(Be)` 6175 margin-bottom: 18px; 6176 6177 @media (max-width: 1000px) { 6178 flex-direction: column; 6179 gap: 8px; 6180 } 6181`,Gd=i.img` 6182 max-width: 58px; 6183 max-height: 40px; 6184`,Ud=(t,n)=>["80px","minmax(170px, 1.4fr)",t===0&&"minmax(130px, 1fr)","minmax(100px, 0.8fr)",n&&"minmax(110px, 0.8fr)","minmax(90px, 0.7fr)"].filter(
6184Boolean).join(" "),Rn=i.tr` 6185 && { 6186 display: block; 6187 height: auto; 6188 padding: 0; 6189 margin-bottom: 12px; 6190 border-radius: 10px; 6191 overflow: visible; 6192 } 6193 6194 td { 6195 display: block; 6196 width: 100%; 6197 padding: 0; 6198 } 6199`,Zd=i(Rn)` 6200 td > div { 6201 width: 100%; 6202 position: relative; 6203 min-height: 64px; 6204 padding: 11px; 6205 padding-left: 153px; 6206 border-radius: 10px; 6207 gap: 6px; 6208 display: flex; 6209 align-items: center; 6210 justify-content: space-between; 6211 background: url(${b("/pages/pickem/leaderboard-unauth.png")}) 6212 no-repeat center center / cover; 6213 } 6214 6215 td > div > img { 6216 position: absolute; 6217 top: 0; 6218 left: 28px; 6219 height: 64px; 6220 max-width: 100px; 6221 object-fit: contain; 6222 } 6223 6224 .login-btn { 6225 display: flex; 6226 align-items: center; 6227 justify-content: center; 6228 border-radius: 6px; 6229 background: #6080ff; 6230 color: rgba(255, 255, 255, 0.9); 6231 font-family: 'Roboto'; 6232 font-weight: 700; 6233 line-height: 14px; 6234 white-space: nowrap; 6235 } 6236 6237 .login-img { 6238 width: 13px; 6239 height: 13px; 6240 margin-left: 7px; 6241 flex-shrink: 0; 6242 } 6243 6244 h3 { 6245 font-size: 14px; 6246 font-weight: 700; 6247 text-transform: none; 6248 text-align: left; 6249 } 6250 6251 p { 6252 margin-top: 6px; 6253 color: #c5d5ff; 6254 font-size: 13px; 6255 font-weight: 400; 6256 } 6257 6258 @media (max-width: 1366px) { 6259 display: none; 6260 } 6261`,Yd=i.div` 6262 position: absolute; 6263 border-radius: 8px; 6264 background: #1f2637; 6265 padding: 4px; 6266 top: 100%; 6267 left: 50%; 6268 transform: translateX(-50%) translateY(9px); 6269 z-index: 10; 6270 6271 button { 6272 padding: 10px 17px; 6273 } 6274`,qd=i.div` 6275 div button:hover { 6276 background: #273047; 6277 } 6278`,Yi=i.button` 6279 display: flex; 6280 align-items: center; 6281 gap: 5px; 6282 color: #c7d3e2; 6283 font-size: 13px; 6284 font-weight: 600; 6285 border-radius: 4px; 6286 background: rgba(93, 108, 146, 0.12); 6287 padding: 5px 6px; 6288 text-transform: uppercase; 6289 6290 img { 6291 width: 18px; 6292 border-radius: 3px; 6293 } 6294 6295 &.large { 6296 text-transform: none; 6297 margin-left: 12px; 6298 font-size: 16px; 6299 padding: 8px 12px; 6300 gap: 8px; 6301 6302 img { 6303 width: 24px; 6304 } 6305 } 6306`,Kd=i.div` 6307 height: 64px; 6308 display: flex; 6309 align-items: center; 6310 justify-content: center; 6311 gap: 12px; 6312 color: #f0b358; 6313 font-size: 14px; 6314 font-weight: 500; 6315 border-radius: 10px; 6316 background: #252425 6317 url(${b("/pages/predictor/warning-bg.png")}) no-repeat 6318 center center / cover; 6319 overflow: hidden; 6320 padding: 6px 24px; 6321 margin-bottom: 2px; 6322 6323 img { 6324 width: 26px; 6325 } 6326`,Xd=i.div` 6327 display: flex; 6328 align-items: center; 6329 gap: 4px; 6330 margin-bottom: 4px; 6331`,Jd=i.button` 6332 width: 100%; 6333 border-radius: 10px 10px 0 0; 6334 background: rgba(93, 108, 146, 0.04); 6335 padding: 18px 18px 16px 18px; 6336 display: flex; 6337 flex-direction: column; 6338 text-align: left; 6339 gap: 10px; 6340 6341 h3 { 6342 color: #c7d3e2; 6343 font-size: 16px; 6344 font-weight: 700; 6345 text-transform: none; 6346 text-align: left; 6347 } 6348 6349 svg { 6350 position: absolute; 6351 right: 0; 6352 bottom: 0; 6353 } 6354 6355 &.active { 6356 background: linear-gradient(270deg, #1a2034 56.12%, #212b4f 99.18%); 6357 } 6358`,wt=i.div` 6359 border-radius: 99px; 6360 border: 1px solid rgba(93, 108, 146, 0.16); 6361 padding: 6px 12px; 6362 color: #778597; 6363 font-size: 12px; 6364 font-weight: 500; 6365 margin-right: 6px; 6366 display: inline-block; 6367 6368 &.blue { 6369 color: #6080ff; 6370 border: 1px solid #6080ff; 6371 } 6372`,qi=t=>{const n=t.findIndex(a=>a.is_active);return n>=0?n:0},Qd=()=>{const t=F(),{t:n}=R(),a=oe(),{id:c}=Re(),m=ke(),u=_(N=>N.root.partnersLinks),{leaderboard:r,partner:l,leagues:f,tournament:v,settings:g}=_(N=>N.pickem),j=_(N=>N.auth.isAuth),[L,P]=x.useState(!1),[T,y]=x.useState(!1),[k,S]=x.useState(!1),[M,E]=x.useState({}),[h,p]=x.useState(null),[s,d]=x.useState(0),o=x.useMemo(()=>Date.now()>=v.unixtime_end*1e3,[v]),w=f.find(N=>N.hash===c),z=f.filter(N=>N.hash!==c),C=M.type_league===1||!L&&!c,$=Ud(M.type_league,C),D=4+(M.type_league===0?1:0)+(C?1:0),O=x.useRef();nn(O,()=>S(!1));const G=`/cs2/pickem/${v.url_short}`,ee=(N,q,ge)=>{y(!0),t(dt({})),X.getLeaderboard({only_friends:!!N,id:q,event_id:v.id_event}).then(rt=>{if(y(!1),rt){const ye=rt.data.stages||[],Vt=typeof ge=="number"?ge:h?s:qi(ye),Gt=ye[Vt]?Vt:qi(ye);t(dt(ye[Gt]||{})),E(rt.data.settings),p(ye),d(Gt)}})},A=()=>C&&"120px",W=()=>M.badge?`CYBERSHOKE - ${n("league")} ${M.badge.name}`:`CYBERSHOKE - ${n("leagueLeaderboard")}`;return x.useEffect(()=>{ee(L,c)},[c,L]),x.useEffect(()=>{h&&t(dt(h[s]||{}))},[s]),e.jsxs(Ad,{children:[e.jsx(Ae,{title:W()}),e.jsxs(Hd,{children:[e.jsxs(st,{onClick:()=>a(`${G}/leagues`),children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/back.svg"),alt:""}),n("GoBack")]}),e.jsxs(Vd,{className:"show",children:[n("leagueLeaderboard")," ",M.badge?e.jsxs(Yi,{className:"large",children:[e.jsx("img",{loading:"lazy",src:M.badge.logo,alt:""}),M.badge.name]}):l&&!g.disable_all_ads?e.jsxs(e.Fragment,{children:[n("From"),e.jsx(Ht,{src:Se[l]?.big_logo,alt:"",onClick:()=>window.open(u[l])})]}):null]}),e.jsx(Fd,{children:n("leagueLeaderboardText",{company:l==="betboom"?"BetBoom":l==="skinrave"?"SkinRave":"CYBERSHOKE"})})]}),e.jsxs(Rd,{children:[j&&e.jsxs(Wd,{children:[e.jsx(on,{buttons:[{text:n("ALL"),active:!c&&!L,action:()=>{a(`${G}/leaders`),P(!1)},disabled:T},{text:n("Friends"),active:!c&&L,action:()=>{a(`${G}/leaders`),P(!0)},disabled:T}],children:f.length>0&&e.jsxs(qd,{ref:O,style:{height:"100%"},children:[e.jsxs("button",{className:w&&"active",onClick:()=>S(!k),children:[w?w.name:n("myLeagues"),z.length>0&&e.jsx(Nd,{className:k?"rotated":void 0})]}),k&&z.length>0&&e.jsx(Yd,{children:z.map((N,q)=>e.jsx("button",{onClick:()=>{S(!1),!T&&a(G+"/leaders/"+N.hash)},children:N.name},q))})]})}
6372),!T&&!o&&e.jsx(Ed,{getList:ee,page:G,params:M,setLoading:y})]}),e.jsxs(Id,{children:[(!c||M.type_league===0)&&e.jsx(Xd,{children:h?.map((N,q)=>e.jsxs(Jd,{className:q===s&&"active",onClick:()=>d(q),children:[e.jsx(Md,{idx:q,activeIdx:s}),e.jsx("h3",{children:n(N.name)}),e.jsx("div",{children:Math.floor(Date.now()/1e3)<N.unixtime_start?e.jsxs(wt,{children:[!m&&n("willOpen")+" ",tn(N.unixtime_start)]}):e.jsxs("div",{children:[e.jsx(wt,{className:q===s&&"blue",children:it(N.user.points||0)}),e.jsx(wt,{children:`#${pe(N.user.place)} ${n("fromCategory")} ${pe(N.count_places)}`})]})})]},q))}),e.jsx(Bd,{children:r?e.jsx(cn,{customTable:$,children:e.jsx("table",{children:e.jsxs("tbody",{className:"grey-scroll",children:[e.jsx(Rn,{children:e.jsx("td",{colSpan:D,children:e.jsxs(Dd,{customTable:$,children:[e.jsx("span",{style:{width:80,minWidth:80},children:"#"}),e.jsx("span",{children:n("Player")}),M.type_league===0&&e.jsx("span",{className:"center",children:n("masterLeague")}),e.jsx("span",{className:"center",children:n("predictsAmount")}),C&&e.jsx("span",{className:"center",children:n("potentialPrize")}),e.jsx("span",{className:"center",children:n("Points")})]})})}),!j&&e.jsx(Zd,{children:e.jsx("td",{colSpan:D,children:e.jsxs("div",{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/unauth-crown.png"),alt:""}),e.jsxs("div",{children:[e.jsx("h3",{children:n("followYourTop")}),e.jsx("p",{children:n("followYourTop2")})]}),e.jsx(ls,{style:{padding:"14px 16px",textTransform:"none",fontSize:13,height:"auto"}})]})})}),o&&e.jsxs(Kd,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/predictor/icons/warning.svg"),alt:""}),n("pickemLeadersWarning")]}),r.filter(N=>!(!j&&N.me)).map((N,q)=>e.jsxs(Od,{className:I("basic-bg",N.me&&"me"),children:[e.jsx("td",{style:{width:80,minWidth:80},children:N.place}),e.jsx(ln,{children:N.avatar?e.jsxs(U,{to:"/profile/"+N.steamid64,children:[e.jsx(dn,{src:N.avatar,alt:"",loading:"lazy"}),e.jsx("span",{className:"limited-length",style:{maxWidth:A()},children:N.name})]}):e.jsx(Zs,{})}),M.type_league===0&&e.jsx("td",{className:"center",children:N.badge?e.jsx(U,{to:`${G}/leaders/${N.badge.hash}`,children:e.jsxs(Yi,{children:[e.jsx("img",{loading:"lazy",src:V(N.badge.logo),alt:""}),N.badge.name]})}):"â"}),e.jsx("td",{className:"center",children:N.count_bets||"â"}),C&&e.jsx("td",{className:"center",children:e.jsx(Z,{content:ie(N.reward?.name),placement:"bottom",children:e.jsx(Gd,{src:V(N.reward?.img),alt:""})})}),N.points?e.jsxs(Xt,{className:"center",children:[e.jsx("img",{src:b("/pages/leaderboard/icons/logo.svg"),alt:"",loading:"lazy"}),e.jsx("span",{children:N.points})]}):e.jsx(Xt,{className:"center",children:"â"})]},q))]})})}):e.jsx(rn,{count:10,borderRadius:10,baseColor:"#171c25",highlightColor:"#1a1f29"})})]})]})]})},e1=i.div` 6373 max-width: 1020px; 6374 margin: 0 auto; 6375 padding-top: 32px; 6376`,t1=i.div` 6377 margin-top: 14px; 6378 min-width: 600px; 6379 max-width: calc(100vw - 600px); 6380 overflow-x: auto; 6381 6382 @media (max-width: 1150px) { 6383 min-width: auto; 6384 max-width: 100%; 6385 } 6386 6387 @media (min-width: 650px) { 6388 padding: 18px; 6389 background: #151a24; 6390 border-radius: 16px; 6391 } 6392`,i1=i(pn)` 6393 background: rgba(93, 108, 146, 0.04); 6394`,n1=i(xn)` 6395 z-index: 0; 6396 6397 @media (max-width: 1366px) { 6398 min-width: 650px; 6399 } 6400`,s1=i(gn)` 6401 background: rgba(93, 108, 146, 0.06); 6402 6403 &.me { 6404 background: rgba(96, 128, 255, 0.15); 6405 } 6406`,a1=i.div` 6407 display: flex; 6408 flex-direction: column; 6409 align-items: center; 6410`,r1=i.p` 6411 width: 550px; 6412 color: #c1c8da; 6413 line-height: 150%; 6414 letter-spacing: 0.2px; 6415 text-align: center; 6416 6417 @media (max-width: 650px) { 6418 width: 100%; 6419 } 6420`;i.div` 6421 margin-bottom: 14px; 6422 display: flex; 6423 align-items: center; 6424 justify-content: space-between; 6425 6426 @media (max-width: 840px) { 6427 flex-direction: column; 6428 gap: 14px; 6429 } 6430`;const o1=i(Be)` 6431 margin-bottom: 18px; 6432`;i.img` 6433 max-width: 58px; 6434 max-height: 40px; 6435`;const Ki="minmax(170px, 1.4fr) minmax(110px, 0.8fr) minmax(140px, 1fr) minmax(90px, 0.7fr) minmax(60px, 0.4fr)";i.div` 6436 border-radius: 8px; 6437 background: #1f2637; 6438 padding: 4px; 6439 display: flex; 6440 align-items: center; 6441 gap: 4px; 6442 6443 button { 6444 border-radius: 6px; 6445 background: rgba(93, 108, 146, 0.16); 6446 padding: 0 18px; 6447 height: 38px; 6448 color: #c7d3e2; 6449 font-size: 15px; 6450 font-weight: 600; 6451 display: flex; 6452 align-items: center; 6453 gap: 6px; 6454 6455 img { 6456 width: 24px; 6457 } 6458 &.bordered { 6459 border: 1px solid rgba(93, 108, 146, 0.24); 6460 background: transparent; 6461 color: #c7d3e2; 6462 } 6463 } 6464`;const c1=i.div` 6465 margin: 0 -4px; 6466 6467 img { 6468 width: 24px; 6469 height: 24px; 6470 border-radius: 50%; 6471 border: 2px solid #191f2b; 6472 display: block; 6473 } 6474`,l1=i.div` 6475 min-width: 30px; 6476 padding: 5px 8px; 6477 border-radius: 35px; 6478 background: #292e38; 6479 color: #c7d3e2; 6480 font-size: 12px; 6481 font-weight: 500; 6482`,d1=i.td` 6483 svg { 6484 opacity: 0.3; 6485 transition: opacity 0.2s ease; 6486 } 6487 6488 &:hover { 6489 cursor: pointer; 6490 6491 svg { 6492 opacity: 1; 6493 } 6494 } 6495`,p1=({url:t})=>{const{t:n}=R(),a=oe(),{tournament:c}=_(l=>l.pickem),[m,u]=x.useState([]),r=t||`cs2/pickem/${c.url_short}`;return x.useEffect(()=>{X.getPublicLeagues({event_id:c.id_event}).then(l=>{u(l.data)})},[]),e.jsxs("div",{children:[e.jsx(Ae,{title:`CYBERSHOKE - ${n("publicLeagues")}
6495`}),e.jsxs(a1,{children:[e.jsxs(st,{onClick:()=>a(`/${r}/leagues`),children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/back.svg"),alt:""}),n("GoBack")]}),e.jsx(o1,{className:"show",children:n("publicLeagues")}),e.jsx(r1,{children:n("publicLeagues2")})]}),e.jsx(e1,{children:e.jsx(t1,{children:e.jsxs(n1,{children:[e.jsxs(i1,{customTable:Ki,children:[e.jsx("span",{className:"center",children:n("Name")}),e.jsx("span",{className:"center",children:n("users")}),e.jsx("span",{className:"center",children:n("bestPlayer")}),e.jsx("span",{className:"center",children:n("Record")}),e.jsx("span",{})]}),m?e.jsx(cn,{customTable:Ki,children:e.jsx("table",{children:e.jsx("tbody",{className:"grey-scroll",children:m.map((l,f)=>e.jsxs(s1,{className:I("basic-bg",l.me&&"me"),children:[e.jsx(ln,{children:e.jsxs(U,{to:"/"+r+"/leaders/"+l.hash,children:[e.jsx(dn,{src:l.badge.logo,alt:"",style:{borderRadius:6},loading:"lazy"}),e.jsx("span",{className:"limited-length",children:l.name})]})}),e.jsx("td",{className:"center",children:l.top_players.length>0?e.jsxs(x.Fragment,{children:[l.top_players.slice(0,3).map(v=>e.jsx(c1,{children:e.jsx("img",{loading:"lazy",src:v.avatar,alt:""})})),e.jsx(l1,{children:l.count_users})]}):"â"}),e.jsx("td",{className:"center",children:e.jsx(U,{to:"/profile/"+l.top_players[0]?.steamid64,className:"limited-length",style:{maxWidth:"150px"},children:l.top_players.length>0?l.top_players[0].name:"â"})}),e.jsx("td",{className:"center",children:l.top_players.length>0?l.top_players[0].points:"â"}),e.jsx(d1,{className:"end",onClick:()=>a("/"+r+"/leaders/"+l.hash),children:e.jsx(Is,{})})]},f))})})}):e.jsx(rn,{count:10,borderRadius:10,baseColor:"#171c25",highlightColor:"#1a1f29"})]})})})]})},x1=i.div` 6496 border-radius: 8px; 6497 padding-top: 32px; 6498 padding-bottom: 96px; 6499 background: #141820 6500 url(${b("/pages/pickem/challenges_bg.png")}) no-repeat 6501 center top / contain; 6502 6503 @media (max-width: 768px) { 6504 padding-bottom: 0; 6505 } 6506`,g1=i.div` 6507 display: flex; 6508 flex-direction: column; 6509 align-items: center; 6510 gap: 48px; 6511 width: 90%; 6512 max-width: 1020px; 6513 margin: 0 auto; 6514 6515 @media (max-width: 768px) { 6516 gap: 36px; 6517 } 6518`,m1=i.h1` 6519 display: flex; 6520 text-align: center; 6521 justify-content: center; 6522 gap: 14px; 6523 color: #fff; 6524 font-size: 26px; 6525 font-weight: 700; 6526 text-transform: none; 6527 margin-bottom: 20px; 6528`,h1=i.p` 6529 text-align: center; 6530 max-width: 530px; 6531 width: 90%; 6532 color: #c1c8da; 6533 font-size: 16px; 6534 line-height: 150%; 6535 letter-spacing: 0.2px; 6536`,u1=i.div` 6537 display: flex; 6538 align-items: flex-end; 6539 6540 @media (max-width: 1366px) { 6541 svg { 6542 display: none; 6543 } 6544 } 6545`,f1=i.div` 6546 border-radius: 5px; 6547 background: #10141c; 6548 padding: 12px; 6549 display: flex; 6550 align-items: center; 6551 gap: 10px; 6552 color: #c1c8da; 6553 font-size: 14px; 6554 6555 div { 6556 display: flex; 6557 align-items: center; 6558 justify-content: center; 6559 min-width: 128px; 6560 } 6561 6562 .gold { 6563 color: #f0b358; 6564 font-weight: 700; 6565 margin-left: 6px; 6566 } 6567 6568 img { 6569 display: block; 6570 width: 16px; 6571 margin-left: 2px; 6572 } 6573 6574 & > span { 6575 height: 24px; 6576 min-width: 2px; 6577 border-radius: 16px; 6578 background: rgba(181, 196, 216, 0.3); 6579 display: block; 6580 } 6581`,b1=i.div` 6582 display: grid; 6583 grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); 6584 gap: 18px; 6585 width: 100%; 6586 6587 @media (max-width: 768px) { 6588 gap: 12px; 6589 } 6590`,j1=i.h3` 6591 display: flex; 6592 align-items: center; 6593 justify-content: center; 6594 gap: 24px; 6595 color: #546077; 6596 font-family: 'Roboto Condensed'; 6597 font-size: 18px; 6598 font-weight: 500; 6599 6600 span { 6601 border-radius: 99px; 6602 background: #546077; 6603 width: 200px; 6604 height: 2px; 6605 display: block; 6606 } 6607 6608 @media (max-width: 1366px) { 6609 span { 6610 display: none; 6611 } 6612 } 6613`,v1=i.div` 6614 display: grid; 6615 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 6616 gap: 18px; 6617 width: 100%; 6618`,w1=i.div` 6619 border-radius: 8px; 6620 background: #1d232f; 6621 backdrop-filter: blur(15px); 6622 width: 100%; 6623 height: 160px; 6624 padding: 0px 18px 18px 18px; 6625 display: flex; 6626 flex-direction: column; 6627 justify-content: flex-end; 6628 transition: filter 0.2s ease; 6629 6630 &:hover { 6631 cursor: pointer; 6632 filter: brightness(115%); 6633 } 6634 6635 p { 6636 color: #71798e; 6637 font-size: 12px; 6638 margin-bottom: 2px; 6639 } 6640 6641 h4 { 6642 color: #e8ecf4; 6643 font-size: 15px; 6644 font-weight: 500; 6645 line-height: 20px; 6646 text-transform: none; 6647 } 6648 6649 &:nth-child(2) { 6650 background: 6651 linear-gradient( 6652 310deg, 6653 rgba(13, 119, 140, 0.4) -75.43%, 6654 rgba(17, 158, 187, 0) 88.63% 6655 ), 6656 #202636; 6657 } 6658 6659 &:nth-child(3) { 6660 background: 6661 linear-gradient( 6662 310deg, 6663 rgba(240, 179, 88, 0.4) -75.43%, 6664 rgba(240, 179, 88, 0) 88.63% 6665 ), 6666 #202636; 6667 } 6668`,k1=i.div` 6669 top: 8px; 6670 right: 8px; 6671 padding: 10px 24px; 6672 position: absolute; 6673 border-radius: 4px; 6674 background: #10141c; 6675 display: flex; 6676 align-items: center; 6677 gap: 6px; 6678 color: #f0b358; 6679 font-size: 15px; 6680 font-weight: 700; 6681 6682 img { 6683 width: 16px; 6684 } 6685`,In=i.div` 6686 position: absolute; 6687 bottom: 10px; 6688 right: 10px; 6689 display: flex; 6690 align-items: center; 6691 gap: 2px; 6692 color: #131821; 6693 font-size: 15px; 6694 font-weight: 800; 6695 line-height: 14px; 6696 6697 svg { 6698 width: 16px; 6699 } 6700`,y1=i.div` 6701 border-radius: 5px; 6702 background: #1d232f; 6703 display: flex; 6704 6705 h3 { 6706 color: #707b99; 6707 font-size: 12px; 6708 font-weight: 500; 6709 line-height: 15px; 6710 text-transform: none; 6711 text-align: left; 6712 padding-right: 20px; 6713 } 6714 6715 p { 6716 margin-top: 5px; 6717 color: #434c5e; 6718 font-size: 11px; 6719 font-weight: 500; 6720 } 6721 6722 &.done { 6723 background: 6724 conic-gradient( 6725 from 270deg at 19.51% 100%, 6726 rgba(240, 179, 88, 0) 0deg, 6727 rgba(240, 179, 88, 0.5) 360deg 6728 ), 6729 #1d232f; 6730 6731 ${In} { 6732 color: #f0b358; 6733 6734 path { 6735 fill: #f0b358; 6736 } 6737 } 6738 6739 h3 { 6740 color: #c7d3e2; 6741 } 6742 6743 p { 6744 color: #ffe9ce;
6745 } 6746 } 6747`,C1=i.div` 6748 min-width: 64px; 6749 height: 64px; 6750 display: flex; 6751 align-items: center; 6752 justify-content: center; 6753 background: linear-gradient( 6754 310deg, 6755 rgba(240, 179, 88, 0.4) -75.43%, 6756 rgba(240, 179, 88, 0) 88.63% 6757 ); 6758`,_1=i.div` 6759 padding: 8px 10px; 6760 display: flex; 6761 flex-direction: column; 6762 justify-content: center; 6763 position: static; 6764`,P1=i.img` 6765 z-index: 1; 6766 position: absolute; 6767 top: 10px; 6768 right: 10px; 6769 width: 14px; 6770`,L1=i.div` 6771 border-radius: 3px; 6772 background: #ffc860; 6773 padding: 0 9px; 6774 width: fit-content; 6775 6776 &::after { 6777 content: ''; 6778 position: absolute; 6779 left: 50%; 6780 top: 50%; 6781 transform: translate(-50%, -50%); 6782 width: 306px; 6783 height: 94px; 6784 background: url(${b("/pages/predictor/title-light.png")}) 6785 no-repeat center center / cover; 6786 } 6787 6788 span { 6789 font-size: 28px; 6790 font-weight: 800; 6791 letter-spacing: -0.56px; 6792 color: transparent; 6793 background: linear-gradient(180deg, #13131b 0%, #3f372c 100%); 6794 background-clip: text; 6795 -webkit-background-clip: text; 6796 -webkit-text-fill-color: transparent; 6797 } 6798`,z1=i.img` 6799 position: absolute; 6800 left: 50%; 6801 top: 50%; 6802 transform: translate(-50%, -50%); 6803 height: 95%; 6804`,T1=i.div` 6805 width: 100%; 6806 display: flex; 6807 flex-direction: column; 6808 align-items: center; 6809 justify-content: center; 6810 gap: 20px; 6811 padding-top: 36px; 6812 padding-bottom: 56px; 6813 border-radius: 5px; 6814 border: 1px solid rgba(84, 96, 119, 0.3); 6815 background: linear-gradient( 6816 236deg, 6817 rgba(18, 21, 28, 0.5) 13.96%, 6818 rgba(10, 12, 16, 0.3) 97.21% 6819 ); 6820 backdrop-filter: blur(15px); 6821 6822 img { 6823 height: 96px; 6824 } 6825 6826 p { 6827 max-width: 400px; 6828 width: 90%; 6829 color: #c1c8da; 6830 text-align: center; 6831 font-weight: 500; 6832 line-height: 140%; 6833 } 6834 6835 button { 6836 background: transparent; 6837 border-radius: 6px; 6838 border: 1px solid #fdb510; 6839 padding: 8px 16px; 6840 display: flex; 6841 align-items: center; 6842 gap: 10px; 6843 color: #fdb510; 6844 font-size: 12px; 6845 font-weight: 700; 6846 text-transform: uppercase; 6847 6848 img { 6849 width: 16px; 6850 height: 16px; 6851 } 6852 } 6853`,S1=()=>{const{t}=R(),n=F(),{challenges:a}=_(r=>r.pickem),c=_(r=>r.auth.premium.group),[m,u]=x.useState(0);return x.useEffect(()=>{a&&u(a.data.player_balance)},[a]),a?e.jsx(x1,{children:e.jsxs(g1,{children:[e.jsxs("div",{children:[e.jsxs(m1,{children:[e.jsx(L1,{children:e.jsx("span",{children:"PREMIUM"})})," ",t("TITLE-CL1")]}),e.jsx(h1,{children:t("TITLE-CL")})]}),a.player.length>0&&c&&c!=="LITE"&&e.jsxs(u1,{children:[e.jsx(Ds,{}),e.jsxs(f1,{children:[e.jsxs("div",{children:[t("Balance"),":"," ",e.jsx("span",{className:"gold",children:m}),e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/star.svg"),alt:""})]}),e.jsx("span",{}),e.jsxs("div",{children:[t("ActiveUpTo"),":"," ",a.data.player_get_stars,"/",a.data.count_max_stars]})]}),e.jsx(Bs,{})]}),a.player.length>0&&c&&c!=="LITE"?e.jsx(b1,{children:a.player.map((r,l)=>e.jsxs(y1,{className:r.player.status>0&&"done",children:[e.jsx(C1,{children:e.jsx("img",{loading:"lazy",src:r.img,alt:""})}),e.jsxs(_1,{children:[e.jsxs(In,{children:["+",r.stars,e.jsx(Os,{})]}),r.desc&&e.jsx(Z,{content:ie(r.desc),placement:"top",children:e.jsx(P1,{src:b("/pages/pickem/icons/i.svg"),alt:""})}),e.jsx("h3",{children:ie(r.name).replace("task",r.task)}),e.jsxs("p",{children:[t("now"),": ",r.player.progress]})]})]},l))}):e.jsxs(T1,{children:[e.jsx("img",{loading:"lazy",src:b("/pages/pickem/challenges-empty.png"),alt:""}),e.jsx("p",{children:t("CL-NOPREM1")}),e.jsx(U,{to:"/premium",children:e.jsxs("button",{children:[e.jsx("img",{loading:"lazy",src:b("/img/general/crown.svg"),alt:""}),t("GetPremium")]})})]}),e.jsxs(j1,{children:[e.jsx("span",{}),e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/triple-arrows.svg"),alt:""}),t("TRADE-STR"),e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/triple-arrows.svg"),alt:""}),e.jsx("span",{})]}),e.jsx(v1,{children:a.cases.map((r,l)=>e.jsxs(w1,{onClick:()=>n(B("CASE_MODAL",{callback:()=>{u(m-r.case_price)},caseData:{web_assets:r.case_web_assets,case_name:r.case_name,price:r.case_price,notEnough:r.case_price>m,hash:r.case_hash},items:r.items,type:"predictor"})),children:[e.jsx(z1,{src:r.case_web_assets?.cell}),e.jsxs(k1,{children:[r.case_price,e.jsx("img",{loading:"lazy",src:b("/pages/pickem/icons/star.svg"),alt:""})]}),e.jsx("p",{children:t("case")}),e.jsx("h4",{children:r.case_name})]},l))}),e.jsx(nt,{style:{width:"100%",maxWidth:"100%"},list:[{question:"FAQ-CL1-TITLE",answer:"FAQ-CL1"},{question:"FAQ-CL2-TITLE",answer:"FAQ-CL2"},{question:"FAQ-CL3-TITLE",answer:"FAQ-CL3"},{question:"FAQ-CL4-TITLE",answer:"FAQ-CL4"},{question:"FAQ-CL5-TITLE",answer:"FAQ-CL5"},{question:"FAQ-CL6-TITLE",answer:"FAQ-CL6"}]})]})}):null},$1=[{icon:e.jsx(Ys,{}),text:"leagueRaffleStep1"},{icon:e.jsx(qs,{}),text:"leagueRaffleStep2"},{icon:e.jsx(Ks,{}),text:"leagueRaffleStep3"}],kt=()=>({a:Array(2).fill(null),b:Array(2).fill(null),c:Array(2).fill(null),d:Array(2).fill(null)}),Xi="home",M1=i.div` 6854 padding: 0 1vw; 6855 gap: 24px; 6856 grid-template-columns: minmax(0, 320px) minmax(0, 1fr); 6857 display: grid; 6858 min-width: 0; 6859 6860 & > * { 6861 min-width: 0; 6862 } 6863 6864 @media (max-width: 1150px) { 6865 display: flex; 6866 flex-direction: column; 6867 gap: 20px; 6868 } 6869 6870 @media (max-width: 1000px) { 6871 padding: 12px 1vw; 6872 } 6873 6874 @media (max-width: 650px) { 6875 padding: 12px 1vw; 6876 } 6877`,Nt=i.div` 6878 background: #131821 6879 url(${b("/pages/pickem/landing/bg_austin.png")}) no-repeat top 6880 center / 100%; 6881 border-radius: 6px; 6882 padding: 33px 48px 48px 48px; 6883 margin-bottom: 12px; 6884 min-width: 0; 6885 6886 @media (max-width: 800px) { 6887 padding: 24px 16px; 6888 margin-bottom: 24px; 6889 } 6890`,Dn={home:()=>e.jsx(uc,{}),challenges:()=>e.jsx(S1,{}),leagues:()=>e.jsx(Nt,{children:e.jsx($d,{})}),raffle:()=>e.jsx(oo,{}),public:()=>e.jsx(Nt,{children:e.jsx(p1,{url:"pickem"})}),leaders:()=>e.jsx(Qd,{}),wheel:({partner:t,stages:n,userPickem:a})=>e.jsx(cl,{partner:t,pickem:a[n.find(c=>c.active)?.id_pickem]})},yt=t=>Object.prototype.hasOwnProperty.call(Dn,t),K1=()=>{const{t}=R(),{tab:n,name:a}=Re(),c=oe(),m=F(),{giveaway:u,userPickem:r,pickemData:l,teams:f,stages:v,partner:g,tournament:j,showResults:L,progress:P}=_(h=>h.pickem);x.useEffect(()=>{j?.url_short&&(pt.get("raffleModalShown")||(m(B("PREMIUM_INFO",{image:b("/pages/pickem/raffle/card-raffle-ad.jpg"),title:"leagueModalRaffle",text:"leagueRaffleAdText",list:$1,listTitle:"leagueRaffleHowRedeemTickets",mainButton:{text:"participate",action:()=>{c("/cs2/pickem/"+j.url_short+"/raffle"),m(B(null))}}}
6890)),ds("raffleModalShown",!0,365)))},[j.url_short]),x.useEffect(()=>{a?a==="leaders"?setTimeout(()=>{c(`/cs2/pickem/${j.url_short}/leaders`+(n?"/"+n:""))},100):(m(qt()),X.getMajorData(void 0,a).then(h=>{h&&m(an(h.data))})):setTimeout(()=>{c(`/cs2/pickem/${j.url_short}`)},100)},[a]),x.useEffect(()=>{P&&P.predict_set&&j.type===2&&(n==="home"||!n)&&c(`/cs2/pickem/${j.url_short}/leagues`)},[P,j.type]);const T=n||Xi,y=x.useMemo(()=>yt(T)?T:v.find(h=>h.section==T)?.id_pickem||Xi,[T,v]);x.useEffect(()=>{L&&m(Dt(!1))},[n]),x.useEffect(()=>{Y("pickem_page_open",{is_auth:!!pt.get("multitoken"),language:pt.get("lang_g")})},[]),x.useEffect(()=>()=>{m(qt())},[m]);const k=x.useMemo(()=>({currentPicks:r[y]?.data,picked:r[y]?.picked,currentStage:v.find(h=>h.id_pickem==y),partner:g,stage:n,teams:f}),[y,n,r,v,g,f]),S=(h={})=>({result:{},teams:[],...h}),M={1:e.jsx(Ni,{...k,pickem:l[y]||S(),cells:7}),2:e.jsx(Ai,{...k,pickem:l[y]||S({data:kt()})}),20:e.jsx(Ai,{...k,hideLabels:!0,pickem:l[y]||S({data:kt()})}),3:e.jsx(gl,{...k,pickem:l[y]||S()}),4:e.jsx(ml,{...k,pickem:l[y]||S({data:{a:[],b:[]}})}),5:e.jsx(fl,{...k,pickem:l[y]||S({data:kt()})}),7:e.jsx(El,{...k,pickem:l[y]}),8:e.jsx(Ol,{...k,pickem:l[y]}),9:e.jsx(Ni,{...k,pickem:l[y]||S(),cells:6}),10:e.jsx(nd,{...k,pickem:l[y]}),6:e.jsx(Sl,{})},E=yt(T)?Dn[T]({partner:g,stages:v,userPickem:r}):null;return j.name?e.jsxs(M1,{children:[e.jsx(Ae,{title:`CS2 Pickem ${t("TITLE-TOURNAMENT")} - ${j.name}`,descr:t("pickem_seo_description")}),e.jsx(Ja,{stage:y}),typeof u?.type!="number"?e.jsx(Kt,{heading:!1}):yt(T)?E:e.jsxs("div",{children:[e.jsx(Nt,{children:M[l[y]?.type]}),e.jsx(ca,{matches:v.find(h=>h.id_pickem==y)?.matches})]})]}):e.jsx(Kt,{heading:!1})};export{Nt as Main,K1 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.