1import{j as a,i as g}from"./vendor-react-BGN68_Lp.js";import{g as i}from"./vendor-styled-pkIKgjgv.js";import{u as w,c as j,am as m,g as l,G as I,a_ as C,q as h,al as $,b as d,ab as M,ac as N,s as z}from"./index-uear5Vpj.js";import{a as O,u as H}from"./vendor-redux-D8sX5Eqv.js";import{u as P}from"./vendor-i18n-BWleq_Sd.js";const o=i.div` 2 width: 100%; 3 position: absolute; 4 top: 0; 5 left: 0; 6 height: 100%; 7 background: url(${l("/pages/shop/item-bg/")}${t=>t.color??"gray"}.png); 8 background-repeat: no-repeat; 9 background-position: center 13px; 10 background-size: 134px auto; 11 padding-top: 13px; 12 display: flex; 13 justify-content: center; 14 align-items: center; 15 height: 190px; 16 17 img { 18 max-width: 60%; 19 width: auto; 20 max-height: 88px; 21 transition: opacity 0.3s ease; 22 } 23`,T=i.div` 24 height: 246px; 25 background: 26 radial-gradient( 27 93.57% 80.54% at 48.06% 100%, 28 #02010100 0%, 29 rgba(55, 29, 29, 0) 100% 30 ), 31 linear-gradient(163.3deg, #131825 1.87%, #1d2437 88.46%); 32 border-radius: 6px; 33 display: block; 34 cursor: ${t=>t.$readOnly?"default":"pointer"}; 35 transition: opacity 0.3s ease; 36 border: ${t=>t.active?"1px solid #5d6da2":"none"}; 37 38 &.rust-item { 39 height: 226px; 40 41 ${o} { 42 height: 160px; 43 background-position: center 0px; 44 } 45 46 &::before { 47 top: 19px; 48 } 49 } 50 51 &.devices-item { 52 ${o} img { 53 max-width: 90%; 54 max-height: 145px; 55 } 56 } 57 58 &.trophies-item { 59 ${o} img { 60 max-width: 80%; 61 max-height: 115px; 62 } 63 } 64 65 &.cases-item { 66 ${o} img { 67 max-height: 150px; 68 max-width: 75%; 69 image-rendering: auto; 70 } 71 } 72 73 &.promo-item { 74 ${o} img { 75 max-width: 75%; 76 max-height: 105px; 77 } 78 } 79 80 &::after { 81 content: ''; 82 position: absolute; 83 width: 100%; 84 height: 100%; 85 border-radius: 6px; 86 display: block; 87 left: 0; 88 top: 0; 89 z-index: 1; 90 opacity: 0; 91 transition: opacity 0.2s ease; 92 pointer-events: none; 93 background: linear-gradient( 94 163.3deg, 95 rgba(25, 30, 40, 0.65) 1.87%, 96 rgba(43, 52, 75, 0.65) 88.46% 97 ); 98 } 99 100 &::before { 101 content: ''; 102 opacity: 0; 103 transition: opacity 0.2s ease; 104 pointer-events: none; 105 position: absolute; 106 top: 31px; 107 left: 50%; 108 transform: translateX(-50%); 109 display: block; 110 width: calc(100% - 40px); 111 height: 132px; 112 z-index: 2; 113 } 114 115 &.color-restricted { 116 background: 117 radial-gradient( 118 93.57% 80.54% at 48.06% 100%, 119 #251d37 0%, 120 rgba(37, 29, 55, 0) 100% 121 ), 122 linear-gradient(163.3deg, #131825 1.87%, #1d2437 88.46%); 123 } 124 125 &.color-classified { 126 background: 127 radial-gradient( 128 93.57% 80.54% at 48.06% 100%, 129 #371d2b 0%, 130 rgba(55, 29, 43, 0) 100% 131 ), 132 linear-gradient(163.3deg, #131825 1.87%, #1d2437 88.46%); 133 } 134 135 &.color-covert { 136 background: 137 radial-gradient( 138 93.57% 80.54% at 48.06% 100%, 139 #371d1d 0%, 140 rgba(55, 29, 29, 0) 100% 141 ), 142 linear-gradient(163.3deg, #131825 1.87%, #1d2437 88.46%); 143 } 144 145 &.color-golden { 146 background: 147 radial-gradient( 148 93.57% 80.54% at 48.06% 100%, 149 #37301d 0%, 150 rgba(55, 48, 29, 0) 100% 151 ), 152 linear-gradient(163.3deg, #131825 1.87%, #1d2437 88.46%); 153 } 154 155 &.color-default, 156 &.color-consumer { 157 color: #23292e; 158 background-image: linear-gradient( 159 150deg, 160 rgba(220, 220, 220, 0), 161 rgba(136, 123, 123, 0.05) 60%, 162 rgba(101, 101, 101, 0.25) 163 ); 164 } 165 166 &.color-industrial { 167 color: #5e98d9; 168 background-image: linear-gradient( 169 150deg, 170 rgba(136, 71, 255, 0), 171 rgba(94, 152, 217, 0.05) 60%, 172 rgba(94, 152, 217, 0.25) 173 ); 174 } 175 176 &.color-milspec { 177 color: #4b69ff; 178 background-image: linear-gradient( 179 150deg, 180 rgba(136, 71, 255, 0), 181 rgba(71, 162, 255, 0.05) 60%, 182 rgba(75, 105, 255, 0.25) 183 ); 184 } 185 186 &.color-default:hover, 187 &.color-consumer:hover { 188 box-shadow: 0 10px 20px 0 rgba(50, 50, 50, 0.03); 189 } 190 191 &.color-industrial:hover { 192 box-shadow: 0 10px 20px 0 rgba(94, 152, 217, 0.03); 193 } 194 195 &.color-milspec:hover { 196 box-shadow: 0 10px 20px 0 rgba(75, 105, 255, 0.03); 197 } 198 199 .p_skin_name { 200 font-weight: bold; 201 color: #c8cfdb !important; 202 } 203 204 .p_skin_name::after { 205 content: ''; 206 position: absolute; 207 right: -15px; 208 width: 5px; 209 height: 5px; 210 display: block; 211 border-radius: 50%; 212 top: 50%; 213 transform: translateY(-50%); 214 background: #2a68b0; 215 } 216 217 &.color-golden .p_skin_name::after { 218 background: #fdb510; 219 } 220 221 &.color-covert .p_skin_name::after { 222 background: #e84d4d; 223 } 224 225 &.color-milspec .p_skin_name::after { 226 background: #6080ff; 227 } 228
229 &.color-restricted .p_skin_name::after { 230 background: #754de8; 231 } 232 233 &.color-consumer .p_skin_name::after, 234 &.color-default .p_skin_name::after { 235 background: rgba(255, 255, 255, 0.3); 236 } 237 238 &.color-classified .p_skin_name::after { 239 background: #e44de8; 240 } 241 242 &.color-industrial .p_skin_name::after { 243 background: #2a68b0; 244 } 245 246 .info { 247 position: absolute; 248 width: 20px; 249 left: 13px; 250 top: 13px; 251 cursor: pointer; 252 z-index: 2; 253 transition: opacity 0.2s ease; 254 opacity: 0; 255 } 256 257 &:hover { 258 .info { 259 opacity: 1; 260 } 261 262 ${t=>t.disabled||t.noHover?"":` 263 &::after, 264 &::before { 265 opacity: 1; 266 pointer-events: all; 267 } 268 269 &::before { 270 background: url(${l("/pages/shop/item-hover.png")}) no-repeat center center / contain; 271 } 272 273 ${o} { 274 img { 275 opacity: 0; 276 } 277 } 278 `} 279 } 280 281 @media (max-width: 750px) { 282 .info { 283 width: 24px; 284 opacity: 1; 285 } 286 } 287`,S=i.div` 288 padding: 18px; 289 display: flex; 290 flex-direction: column; 291 justify-content: flex-end; 292 align-items: flex-start; 293 height: 100%; 294 z-index: 1; 295`,L=i.div` 296 margin-bottom: 5px; 297 font-weight: 400; 298 font-size: 12px; 299 text-transform: uppercase; 300 color: #71798e; 301 opacity: 0.9; 302`,A=i.div` 303 font-weight: 400; 304 font-size: 11px; 305 text-transform: uppercase; 306 color: #71798e; 307 opacity: 0.9; 308 margin-bottom: 2px; 309`,E=i.div` 310 opacity: 0.9; 311 312 span { 313 font-weight: 400; 314 font-size: 14px; 315 color: #e8ecf4; 316 display: block; 317 max-width: 110px; 318 } 319`,x=i.div` 320 margin-top: 5px; 321 font-weight: 700; 322 font-size: 16px; 323 line-height: 19px; 324 text-transform: uppercase; 325 color: #ffab3e; 326 display: flex; 327 align-items: center; 328 329 img { 330 width: 16px; 331 margin-left: 7px; 332 } 333`,B=i(x)` 334 font-weight: 500; 335 text-transform: none; 336`,Z=t=>{const{t:r}=P(),b=w(),n=O(),u=H(s=>s.inventory.active_single_item),{data:e={},disabled:p,customHover:f,price_in_case:y}=t,k=()=>{const s={skinModal:["skins"],lotPage:["emotion","dance","case"],deviceModal:["devices"],buyModal:["key"]};if(!p)switch(Object.keys(s).find(c=>s[c].includes(e.item))){case"buyModal":return n(d("LOT_BUY",{items:[{...e,price_client:e.price}],buy_from_site:e.buy_from_site,action:c=>{M.buyItemFromSite(e.hash,c).then(v=>{v&&(n(N({step:"decrease",summ:e.price*c})),z(r("Bought")))})}}));case"deviceModal":return n(d("SHOP_DEVICE_MODAL",{device:e}));case"skinModal":return n(d("SHOP_SKIN_MODAL",{skin:e}));case"lotPage":return b(`/shop/lot/${e.url_name}`)}},_=j(m(e.rarity),`${e.category}-item`,"default-item",e.classList);return a.jsxs(T,{onClick:k,disabled:p,$readOnly:t.readOnly,noHover:f,className:_,active:t.singleChoice&&u?.hash==e.hash,children:[e.alert&&e.category==="skins"&&(e.alert.block_withdrawn?a.jsx(g,{placement:"bottom",content:r("TIPPY-ALERT-BLOCK-WITHDRAWN"),children:a.jsx("img",{loading:"lazy",src:l("/pages/profile/yellow-steam.svg"),alt:"",className:"info"})}):a.jsx(g,{placement:"bottom",content:r("TIPPY-ITEM-SKIN-GET-LOCK"),children:a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:"info",children:[a.jsx("path",{d:"M10 0C4.486 0 0 4.486 0 10C0 15.514 4.486 20 10 20C15.514 20 20 15.514 20 10C20 4.486 15.514 0 10 0ZM10 18C5.589 18 2 14.411 2 10C2 5.589 5.589 2 10 2C14.411 2 18 5.589 18 10C18 14.411 14.411 18 10 18Z",fill:"#404964"}),a.jsx("path",{d:"M9 9H11V15H9V9ZM9 5H11V7H9V5Z",fill:"#404964"})]})})),a.jsx(o,{color:m(e.rarity),children:e.web_assets?.cell&&a.jsx("img",{loading:"lazy",src:I(e.web_assets.cell),alt:""})}),a.jsxs(S,{children:[!!e.quality&&a.jsx(L,{children:C(e.quality)}),a.jsx(A,{children:h(e.title)}),e.subtitle&&a.jsx(E,{className:"p_skin_name",children:a.jsx("span",{className:"limited-length",children:h(e.subtitle)})}),e.price?a.jsxs(x,{className:"item-price",children:[$(e.price),a.jsx("img",{loading:"lazy",src:l("/img/general/coin1.png"),alt:""})]}):y?a.jsx(B,{children:r("InCase")}):null]})]})};export{Z as I};
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.