PageSourceSearch

https://www.bluestacks.com/_next/static/chunks/4226-6ed9740ddd72beba.js

js bluestacks.com collected 2026-09-24 08:28:29 UTC 52,672 bytes, 1 lines download raw bytes

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4226],{45885:function(n,e,t){t.d(e,{Z:function(){return s}});var i=t(85893),o=t(15569),a=t(73442),r=t(78883);function s(n){var e=n.game,t=n.btn_cta,s=n.idx,l=(0,o.b)().defaultImg,p=null===l||void 0===l?void 0:l.icon;return(0,i.jsx)(r.yb,{children:(0,i.jsxs)("div",{className:"app-list-item",children:[(0,i.jsxs)("figure",{children:[(0,i.jsx)("img",{alt:"BlueStacks Game Blog",className:"image-fit lazy title-img",height:"100%",width:"100%","data-src":e.tile_url,src:e.tile_url,"data-fallback":"https://cdn-www.bluestacks.com/bs-images/default_icon.jpeg"}),(0,i.jsx)(a.Z,{})]}),(0,i.jsx)("div",{className:"app-content hover-section animated",children:(0,i.jsxs)("a",{href:e.url,className:"app-content-link",children:[(0,i.jsx)("img",{alt:"BlueStacks Game Blog",className:"loadded unblur lazy",height:"152%",width:"172%","data-src":e.logo||e.app_thumb_url||p,src:e.logo||e.app_thumb_url||p,"data-fallback":p}),(0,i.jsx)("p",{className:"title",children:null===e||void 0===e?void 0:e.category}),(0,i.jsx)("p",{className:"developer",children:null===e||void 0===e?void 0:e.producer}),(0,i.jsx)("span",{className:"btn-read-now",children:t})]})})]},s)},s)}},19793:function(n,e,t){t.d(e,{Z:function(){return d}});var i=t(34051),o=t.n(i),a=t(85893),r=t(67294),s=t(77561),l=t(78883);function p(n,e,t,i,o,a,r){try{var s=n[a](r),l=s.value}catch(p){return void t(p)}s.done?e(l):Promise.resolve(l).then(i,o)}function d(n){var e,t=n.subscriptionData,i=n.locale,d=void 0===i?"en":i,c=n.setNewsPopup,f=n.extraClass,x=void 0===f?"btn-subscription-section":f,g=(0,r.useState)(""),h=g[0],u=g[1],m=(0,r.useState)(!1),b=m[0],w=m[1],v=(0,r.useState)(""),y=v[0],k=v[1],z=(0,r.useState)(!1),j=z[0],N=z[1],_=(0,r.useState)(!1),C=_[0],O=_[1],A=(0,r.useRef)(),S=(0,r.useRef)(),I=function(n){var e=("; "+document.cookie).split("; "+n+"=");return 2==e.length?e.pop().split(";").shift():""},T=function(){O(!0),setTimeout((function(){O(!1),u(""),""===I("usr-subscribed")&&function(n,e,t){var i=new Date;i.setTime(i.getTime()+24*t*60*60*1e3);var o="expires="+i.toUTCString();document.cookie=n+"="+e+";"+o+";path=/"}("usr-subscribed","yes",999),c&&c(!1)}),4e3)},P=function(){var n,e=(n=o().mark((function n(e){var i,a,r,l;return o().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:e.preventDefault(),N(!0);try{i="".concat("https://webapi-cloud.bluestacks.com/api/v1/add-experiment-data"),(a=new Headers).append("Content-Type","application/json"),a.append("api_key","zJMs#54KP5qvU6^kdC8Ly_ThyAXf&13px!^lo%3c!"),r={experimentName:"subscribe",host:location.origin,pagePath:"".concat(location.pathname).concat(location.search),pageType:"BLOG_PAGE",locale:d,gaCookie:I("_ga"),platform:(0,s.xB)().platform,userAgent:navigator.userAgent,deviceType:(0,s.zj)().feDeviceType,userAction:"subscribed",browser:(0,s.vU)(),referrer:document.referrer,attr1:h},l=JSON.stringify(r),fetch(i,{method:"POST",headers:a,body:l,redirect:"follow",credentials:"include"}).then((function(n){return n.json()})).then((function(n){n.sucess?(T(),u(""),N(!1)):(k(null===t||void 0===t?void 0:t.alreday_subscribed_error),w(!0),N(!1))}),(function(n){}))}catch(o){console.log(o)}case 3:case"end":return n.stop()}}),n)})),function(){var e=this,t=arguments;return new Promise((function(i,o){var a=n.apply(e,t);function r(n){p(a,i,o,r,s,"next",n)}function s(n){p(a,i,o,r,s,"throw",n)}r(void 0)}))});return function(n){return e.apply(this,arguments)}}();return(0,a.jsxs)(l.Cc,{className:"subscribe-email relative",children:[(0,a.jsx)("figure",{className:"subscribe-image",children:(0,a.jsx)("img",{"data-src":"https://cdn-www.bluestacks.com/bs-images/Bitmap.png",className:"image-fit loadded unblur",height:"100%",width:"100%",src:"https://cdn-www.bluestacks.com/bs-images/Bitmap.png"})}),(0,a.jsx)("div",{className:"content-box flex relative",children:(0,a.jsxs)("div",{ref:A,className:"container relative flex ".concat(j?"show-loader":""," ").concat(C?"success":""),children:[(0,a.jsx)("h2",{className:"subscribe-heading heading pr-48",children:null===t||void 0===t?void 0:t.title}),(0,a.jsxs)("form",{onSubmit:P,className:"subscribe-box flex newsletter-blog flex-col",id:"newsletter-blog",children:[(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsxs)("div",{id:"Field13",className:"field email-field relative ".concat(b?"error":""," "),children:[(0,a.jsx)("input",{type:"email",placeholder:null===t||void 0===t?void 0:t.email_placeholder,className:"field",id:"newsletter-email",name:"email",onChange:function(n){u(n.target.value),w(!1)},value:h}),(0,a.jsx)("div",{className:"nw-error",children:(0,a.jsxs)("span",{children:[y," "]})})]}),(0,a.jsx)("button",{className:"subscribe blog-action-button ".concat(x),disabled:(e=h,!/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase())),id:"newsletter-button",type:"submit",children:null===t||void 0===t?void 0:t.button_cta})]}),(0,a.jsxs)("div",{className:"flex checkbox-flex",children:[(0,a.jsx)("input",{type:"checkbox",id:"notify-user",value:"false",className:"checkbox-common",defaultChecked:""}),(0,a.jsx)("label",{htmlFor:"notify-user",children:null===t||void 0===t?void 0:t.input_description})]}),(0,a.jsx)("div",{ref:S,className:"loader",children:(0,a.jsx)("span",{className:"spinner"})}),(0,a.jsxs)("div",{className:"ok-message nw-message heading flex flex-col",children:[(0,a.jsx)("span",{className:"check-mark",children:(0,a.jsx)("svg",{className:"svg-icon",viewBox:"0 0 31 23",id:"check-mark",children:(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.1241 0L30.089 3.95878L11.3238 22.753L0.911133 12.3242L4.87603 8.36539L11.3231 14.8226L26.1241 0Z",fill:"#64B305"})})}),(0,a.jsx)("h3",{className:"s-heading",children:"Thank You!"}),(0,a.jsx)("h3",{className:"s-heading",children:"Check out your inbox to confirm your invite."})]})]})]})})]})}},81221:function(n,e,t){t.d(e,{Z:function(){return f}});var i=t(85893),o=t(47041),a=t(11163),r=t(67294),s=t(77561),l=t(17702);function p(){var n,e,t=(n=['\n  position: relative;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 99999;\n  background: rgba(0, 0, 0, 0.75);\n  &.hide {\n    display: none;\n  }\n  .pop-up-content {\n    transform: translate3d(-40px, -40px, 0);\n    position: fixed;\n    top: unset;\n    bottom: 18px;\n    right: 18px;\n    left: unset;\n    box-shadow: 0 0 15px rgb(46 98 130 / 15%);\n    height: auto;\n    background: #fff;\n    max-width: 460px;\n    width: 95%;\n    padding: 0;\n    .lower-section {\n      background: #e4eef5;\n      padding: 20px 0;\n      .heading {\n        font-size: 14px;\n        line-height: 24px;\n        text-align: center;\n        color: #556789;\n        margin-bottom: 8px;\n        font-weight: 600;\n      }\n      .download-wrapper {\n        display: flex;\n        position: relative;\n        .old-download.download-button {\n          font-size: 14px;\n          line-height: 24px;\n          color: #0082e5;\n          padding: 4px 16px;\n          background: 0 0 !important;\n          border-radius: 0;\n          width: auto;\n          margin: 0 auto;\n          display: flex;\n          flex-wrap: nowrap;\n          box-shadow: none;\n          min-width: 185px;\n          justify-content: center;\n          .button-copy {\n            .so-button {\n              color: #0082e5;\n              padding-right: 0;\n            }\n          }\n        }\n      }\n    }\n    .upper-section {\n      padding: 48px 20px 24px 20px;\n      .heading {\n        font-size: 18px;
1\n        line-height: 26px;\n        width: 280px;\n        margin: 0 auto;\n        text-align: center;\n        color: #7788a3;\n        font-weight: 500;\n      }\n      .subscribe-email {\n        height: auto;\n        .subscribe-image {\n          display: none;\n        }\n        .content-box {\n          background: 0 0;\n          .container {\n            flex-direction: column;\n            .subscribe-heading {\n              display: none;\n            }\n            .newsletter-blog {\n              position: relative;\n              @media (max-width: 767px) {\n                margin-top: 0;\n              }\n              .nw-error {\n                top: -4px;\n              }\n              .loader {\n                color: #7788a3;\n              }\n              width: 100%;\n              padding-bottom: 60px;\n              .subscribe {\n                position: absolute;\n                bottom: 15px;\n                left: 50%;\n                transform: translate(-50%, 0);\n                border: none;\n                letter-spacing: 2px;\n                text-transform: uppercase;\n                font-size: 14px;\n                line-height: 24px;\n              }\n              .checkbox-flex {\n                label {\n                  padding: 12px 8px 12px 18px;\n                  font-size: 12px;\n                  line-height: 16px;\n                  text-align: center;\n                  color: #7788a3;\n                  margin: 0 auto;\n                  width: 350px;\n                  cursor: default;\n                }\n              }\n              .flex {\n                flex-direction: column;\n                .email-field {\n                  width: 100%;\n                  .field {\n                    width: 100%;\n                    border: 1px solid #9ca2b7 !important;\n                    margin-top: 24px;\n                    font-size: 14px;\n                    line-height: 24px;\n                    text-align: center;\n                    color: #9ca2b7;\n                    padding: 0;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    .close-modal {\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      border: 0;\n      padding: 20px;\n      background: 0 0;\n      cursor: pointer;\n      &::before,\n      &::after {\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        content: "";\n        transform: translate(-50%, -50%) rotate(45deg);\n        transform-origin: center center;\n        background-color: #7788a3;\n      }\n      &::before {\n        height: 2px;\n        width: 50%;\n      }\n      &::after {\n        height: 50%;\n        width: 2px;\n      }\n    }\n  }\n\n  @keyframes fadeInUp {\n    0% {\n      opacity: 0;\n      -webkit-transform: translate3d(0, 100%, 0);\n      -ms-transform: translate3d(0, 100%, 0);\n      transform: translate3d(0, 100%, 0);\n    }\n\n    100% {\n      opacity: 1;\n      -webkit-transform: none;\n      -ms-transform: none;\n      transform: none;\n    }\n  }\n\n  .fadeInUp {\n    -webkit-animation-name: fadeInUp;\n    animation-name: fadeInUp;\n  }\n\n  @keyframes fadeInUp {\n    0% {\n      opacity: 0;\n      -webkit-transform: translate3d(0, 100%, 0);\n      -ms-transform: translate3d(0, 100%, 0);\n      transform: translate3d(0, 100%, 0);\n    }\n\n    100% {\n      opacity: 1;\n      -webkit-transform: none;\n      -ms-transform: none;\n      transform: none;\n    }\n  }\n\n  .animated {\n    animation-duration: 1s;\n    animation-fill-mode: both;\n  }\n\n  @media (max-width: 767px) {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 99999;\n    background: rgba(0, 0, 0, 0.75);\n    .pop-up-content {\n      width: 334px;\n      max-width: 95%;\n      background: #fff;\n      padding: 48px 20px 24px 20px;\n      height: auto;\n      border-radius: 0;\n      right: unset;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      bottom: unset;\n      transform: translate3d(-50%, -50%, 0) !important;\n      -webkit-transform: translate3d(-50%, -50%, 0px) !important;\n      animation-name: none !important;\n      .lower-section {\n        display: none;\n      }\n      .upper-section {\n        padding: 0;\n        .heading {\n          margin-bottom: 10px;\n        }\n        .subscribe-email {\n          display: flex;\n          .content-box .container .newsletter-blog {\n            .subscribe {\n              width: 205px;\n              padding: 8px 40px;\n            }\n            .checkbox-flex label {\n              max-width: 100%;\n              min-width: 100%;\n              width: 100%;\n              padding: 12px 8px 12px 22px;\n            }\n          }\n        }\n      }\n    }\n  }\n'],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return p=function(){return t},t}var d=t(19521).default.section.withConfig({componentId:"sc-57a0acbc-0"})(p()),c=t(19793);function f(n){var e=n.subscriptionData,t=n.downloadData,p=n.locale,f=(0,r.useState)(!1),x=f[0],g=f[1],h=!1,u=(0,a.useRouter)().query,m=!0;"blog-newsletter"==u.utm_campaign&&(m=!1);var b=function(){var n=window.innerHeight||(document.documentElement||document.body).clientHeight,e=function(){var n=document;return Math.max(n.body.scrollHeight,n.documentElement.scrollHeight,n.body.offsetHeight,n.documentElement.offsetHeight,n.body.clientHeight,n.documentElement.clientHeight)}(),t=window.pageYOffset||(document.documentElement||document.body.parentNode||document.body).scrollTop,i=e-n;return Math.floor(t/i*100)};return(0,r.useEffect)((function(){window.addEventListener("scroll",(function(){(b()>70||h)&&""===(0,s.bG)("usr-subscribed")&&m&&(g(!0),h=!1)})),setTimeout((function(){h=!0,""===(0,s.bG)("usr-subscribed")&&m&&g(!0)}),15e3)}),[]),(0,i.jsx)(d,{id:"subscribe-modal",className:"subscribe-email show-modal ".concat(x?" show":" hide"),children:(0,i.jsxs)("div",{className:"pop-up-content content-box fadeInUp animated",children:[(0,i.jsx)("span",{className:"close-modal subscribe-close",onClick:function(){g(!1),(0,o.setCookie)("usr-subscribed","no",999)}}),(0,i.jsxs)("div",{className:"upper-section",children:[(0,i.jsx)("h3",{className:"heading",children:null===e||void 0===e?void 0:e.popup_t
1itle}),(0,i.jsx)(c.Z,{subscriptionData:e,setNewsPopup:g,extraClass:"btn-subscription-float",locale:p})]}),(0,i.jsxs)("div",{className:"lower-section pc-visible",children:[(0,i.jsx)("h4",{className:"heading",children:null===e||void 0===e?void 0:e.download_title}),(0,i.jsx)("div",{className:"download-wrapper download-buttons",children:(0,i.jsx)(l.Z,{html:null===e||void 0===e?void 0:e.download_btn_cta,downloadData:t})})]})]})})}},92935:function(n,e,t){t.d(e,{Z:function(){return r}});var i=t(85893);function o(){var n,e,t=(n=['\n  display: flex;\n  flex-direction: column;\n  .heading {\n    line-height: 48px;\n    color: #fff;\n    font-size: 36px;\n    font-weight: bold;\n    margin-bottom: 8px;\n  }\n  .desc {\n    color: #9ca2b7;\n    text-align: center;\n    font-feature-settings:\n      "clig" off,\n      "liga" off;\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 28px;\n  }\n'],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return o=function(){return t},t}var a=t(19521).default.div.withConfig({componentId:"sc-d3fc8799-0"})(o());function r(n){var e=n.heading,t=n.description;return(0,i.jsxs)(a,{className:"heading-comp",children:[(0,i.jsx)("h2",{className:"heading",children:e}),(0,i.jsx)("p",{className:"desc tagline",children:t})]})}},7826:function(n,e,t){t.d(e,{Z:function(){return a}});var i=t(85893),o=t(80010);function a(n){var e=n.heading,t=n.seeAllLink,a=n.seeAllText,r=void 0===a?"See All":a;return(0,i.jsxs)(o.Ub,{className:"heading-section",children:[(0,i.jsx)("h2",{className:"video-heading heading",children:e}),t&&(0,i.jsxs)("a",{href:t,className:"see-all",children:[r," "]})]})}},70321:function(n,e,t){function i(){var n,e,t=(n=["\n.blog-content{\n    max-width:1400px !important;\n}\n#display-ads .ads-container.has-ad{\n  margin-top:0px !important;\n}\n.ads-container{\n  margin-top: 7px !important;\n}\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  p,\n  strong,\n  li {\n    color: #b5b9c0 !important;\n  }\n  .header-wrapper {\n    position: sticky !important;\n    background-color: #041129 !important;\n  }\n  .categories-navigation {\n    top: 64px !important;\n  }\n\n  background: linear-gradient(180deg, #041129 0%, #112530 100%);\n  .header-wrapper {\n    background: linear-gradient(180deg, rgba(2, 19, 52, 0.56) 0%, rgba(2, 18, 52, 0.4) 50.52%, rgba(2, 19, 52, 0.11) 100%);\n    backdrop-filter: blur(20px);\n    height: 64px;\n    position: relative;\n  }\n\n  &.blog-home-page {\n    .header-wrapper {\n      position: absolute;\n      box-shadow: none;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .header-menu .menu-item:hover .sub-menu {\n      top: 64px;\n    }\n  }\n\n  @media (min-width: 1260px) {\n    .container {\n      max-width: 1300px;\n      padding: 0 0px;\n    }\n    .t-components {\n      gap: 35px;\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 1199px) {\n    .t-components {\n      flex-direction: column;\n      align-items: center;\n    }\n    .breadcrumb-section {\n    }\n    .t-components {\n      .l-side {\n        width: 100%;\n        margin-right: 0px;\n        margin-left: 0px;\n        :lang(ar){\n            margin-left: 0px;\n            margin-right: 0px !important; \n          }\n      }\n      .r-side {\n        width: 35%;\n        flex: 1;\n      }\n    }\n  }\n  .hide {\n    display: none !important;\n    opacity: 0 !important;\n  }\n\n  @media (max-width: 1024px) {\n    .header-wrapper {\n      position: fixed;\n    }\n    .categories-navigation,\n    .is-minimized .categories-navigation {\n      top: 64px;\n      z-index: 9;\n    }\n  }\n"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return i=function(){return t},t}t.d(e,{E:function(){return o}});var o=t(19521).default.section.withConfig({componentId:"sc-34143fa7-0"})(i())},80010:function(n,e,t){t.d(e,{Gg:function(){return d},Ub:function(){return p},vm:function(){return l}});var i=t(19521);function o(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function a(){var n=o(["\n  padding: 72px 10px;\n  background: linear-gradient(180deg, #020d24 0%, #112530 100%);\n  &.roundups {\n    .heading-section {\n      margin-bottom: 8px;\n    }\n    .desc {\n      font-weight: 700;\n      font-size: 18px;\n      line-height: 28px;\n      text-align: center;\n      color: #9ca2b7;\n      margin-bottom: 50px;\n    }\n    .see-all-wrapper {\n      justify-content: center;\n      .see-all-lnk {\n        border: 1.2126px solid #ffffff;\n        border-radius: 9.70079px;\n        padding: 17px 20px;\n        font-weight: 600;\n        font-size: 20px;\n        line-height: 28px;\n        color: #fff;\n        &:hover {\n          background: linear-gradient(279.38deg, #5bce66 0%, #9bce5b 100%);\n        }\n      }\n    }\n  }\n  .quick-reads-list {\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  @media (max-width: 767px) {\n    background: linear-gradient(348.42deg, #0e2a3e 31.62%, #011133 90.19%);\n    padding: 40px 0;\n    &.roundups {\n      .desc {\n        font-size: 14px;\n        line-height: 24px;\n        margin-bottom: 24px;\n      }\n    }\n  }\n"]);return a=function(){return n},n}function r(){var n=o(["\n  display: flex;\n  align-items: center;\n  margin: 0 0 16px;\n\n  .heading {\n    font-weight: 700;\n    font-size: 36px;\n    line-height: 48px;\n    color: #28304c;\n    margin: 0;\n    color: #9ba0a9;\n  }\n  .link-heading {\n    &:hover {\n      color: white;\n    }\n  }\n  .see-all {\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #0082e5;\n    transition: 0.3s ease-in-out;\n  }\n  @media (max-width: 767px) {\n    .heading {\n      font-size: 18px;\n      line-height: 28px;\n    }\n    .see-all {\n      font-size: 12px;\n      line-height: 20px;\n      font-weight: 400;\n    }\n  }\n"]);return r=function(){return n},n}function s(){var n=o(['\n  margin-bottom: 80px;\n  display: flex;\n  .flex {\n    display: flex;\n  }\n  .mt-15 {\n    margin-top: 15px;\n  }\n  .l-section {\n    flex: 1;\n    margin-right: 35px;\n    padding: 0;\n    padding-bottom: 30px;\n    .blog-tags {\n      position: absolute;\n      flex-wrap: wrap;\n\n      .tag-item {\n        border: 1.5px solid #0082e5;\n        padding: 0 10px;\n        margin: 0 8px 0 0;\n        transition: 0.3s ease-in-out;\n        position: relative;\n        width: 105px;\n        margin-bottom: 6px;\n\n        &:hover {\n          &::before {\n            content: attr(data-title);\n            position: absolute;\n            text-align: center;\n            transform: translate(-50%);\n            left: 50%;\n            bottom: 150%;\n            width: 200px;\n            background: #fff;\n            color: #0082e5;\n            font-size: 14px;\n            line-height: 24px;\n            border: 0.5px solid #f1f1f4;\n            box-shadow: 0 4px 8px rgb(0 0 0 / 10%);\n            /* display: none; */\n            align-items: center;\n            justify-content: center;\n            padding: 8px;\n          }\n          &::after {\n            content: "";\n            position: absolute;\n            bottom: 118%;\n            left: 50%;\n            -webkit-transform: translate(-50%);\n            transform: translate(-50%);\n            width: 0;\n            height: 0;\n            border-left: 6px solid transparent;\n            border-right: 6px solid transparent;\n            border-top: 8px solid #fff;\n            /* display: none; */\n          }\n        }\n\n        .tag-url {\n          font-size: 14px;\n          line-height: 24px;\n          color: #0082e5;\n          text-align: center;\n          white-space: nowrap;\n          -webkit-box-orient: vertical;\n          display: -webkit-box;\n          -webkit-line-clamp: 1;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          display: block;\n        }\n      }\n    }\n\n    .title {\n      color: #b5b9c0;\n      -webkit-box-orient: vertical;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      font-size: 24px;\n      line-height: 32px;\n      font-weight: 700;\n    }\n\n    .content {\n      font-size: 18px;\n      line-height: 28px;\n      color: #b5b9c0;\n      -webkit-box-orient: vertical;\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 100%;\n    }\n\n    .t-section {\n      justify-content: space-between;\n      align-items: center;\n\n      .cat-lbl {\n        font-weight: 500;\n        font-size: 16px;\n        line-height: 24px;\n        color: #0082e5;\n        transition: 0.3s ease-in-out;\n        @media (max-width: 767px) {\n          font-size: 14px;\n          line-height: 24px;\n          font-weight: 400;\n        }\n      }\n      .s-date {\n        font-size: 14px;\n        line-height: 24px;\n        color: white;\n      }\n    }\n  }\n\n  .relative {\n    position: relative;\n  }\n  .r-section {\n    width: 388px;\n    display: flex;\n    a {\n      width: 100%;\n    }\n    .image-section {\n      height: 210px;\n      width: 100%;\n      img {\n        vertical-align: middle;\n        border-style: none;\n      }\n    }\n    .image-section {\n      height: 100%;\n      width: 100%;\n      max-height: 220px;\n      object-fit: cover;\n    }\n  }\n\n  @media (max-width: 767px) {\n    position: relative;\n    margin-bottom: 20px;\n    min-height: 150px;\n    .l-section {\n      padding-right: 0;\n      margin-right: 0;\n      width: 100%;\n      .s-date {\n        font-size: 14px;\n      }\n\n      .blog-tags {\n        position: relative;\n        flex-wrap: wrap;\n        .tag-item {\n          border: 1px solid #0082e5;\n          margin-bottom: 6px;\n          display: inline-block;\n          white-space: normal;\n          .tag-url {\n            font-size: 12px;\n            line-height: 20px;\n          }\n        }\n      }
1\n      .title {\n        width: calc(100% - 125px);\n        font-size: 16px;\n        line-height: 24px;\n      }\n      .content {\n        width: calc(100% - 125px);\n        font-size: 14px;\n        line-height: 24px;\n      }\n    }\n    .r-section {\n      width: 115px;\n      position: absolute;\n      right: 0;\n      top: 28px;\n      a {\n        height: 100%;\n        .image-section {\n          height: 115px;\n        }\n      }\n    }\n  }\n']);return s=function(){return n},n}var l=i.default.section.withConfig({componentId:"sc-9c5f8efd-0"})(a()),p=i.default.div.withConfig({componentId:"sc-9c5f8efd-1"})(r()),d=i.default.div.withConfig({componentId:"sc-9c5f8efd-2"})(s())},78883:function(n,e,t){t.d(e,{$K:function(){return f},Cc:function(){return c},MA:function(){return h},l2:function(){return g},vA:function(){return u},yb:function(){return x}});var i=t(19521);function o(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function a(){var n=o(['\n  @media (max-width: 767px) {\n    display: none;\n  }\n  height: 220px;\n  position: relative;\n  display: block;\n  .relative {\n    position: relative;\n  }\n  .flex {\n    display: flex;\n  }\n  .pr-48 {\n    padding-right: 48px;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .loader {\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -webkit-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n    z-index: 7;\n    color: #fff;\n\n    .spinner {\n      position: relative;\n      font-size: 16px;\n\n      &::before {\n        content: "";\n        position: relative;\n        display: block;\n        width: 48px;\n        height: 48px;\n        background-color: currentColor;\n        animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n      }\n      &::after {\n        content: "";\n        position: relative;\n        display: block;\n        bottom: -0.5em;\n        height: 0.25em;\n        border-radius: 50%;\n        background-color: rgba(0, 0, 0, 0.2);\n        animation: sshadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n      }\n    }\n  }\n  .subscribe-image {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n\n    .image-fit {\n      height: 100%;\n      width: 100%;\n    }\n  }\n\n  .content-box {\n    background: rgba(0, 0, 0, 0.6);\n    height: 100%;\n    z-index: 2;\n\n    .container {\n      height: 100%;\n      z-index: 2;\n      align-items: center;\n      justify-content: space-between;\n      &.show-loader {\n        .subscribe-heading,\n        .heading,\n        form .flex {\n          opacity: 0;\n          pointer-events: none;\n        }\n        .loader {\n          opacity: 1;\n        }\n      }\n\n      &.success .flex:not(.ok-message):not(form),\n      &.success h2 {\n        opacity: 0;\n      }\n      &.success .ok-message {\n        opacity: 1;\n        pointer-events: all;\n        transform: scale3d(1, 1, 1) translateX(-50%);\n        transform-origin: 0 100%;\n        .s-heading {\n          font-weight: 700;\n          font-size: 24px;\n          line-height: 32px;\n          margin: 0;\n          color: #7788a3;\n        }\n        .check-mark {\n          width: 30px;\n          height: 22px;\n          margin-bottom: 15px;\n          .svg-icon {\n            max-height: 100%;\n            max-width: 100%;\n            vertical-align: top;\n          }\n        }\n      }\n    }\n    .in-use {\n      opacity: 0;\n      pointer-events: none;\n    }\n    .container.in-use {\n      .loader {\n        opacity: 1;\n      }\n    }\n    .subscribe-heading {\n      flex: 1;\n      color: #fff;\n      font-size: 36px !important;\n      line-height: 48px;\n      font-weight: 600;\n    }\n    .subscribe-box {\n      width: 45%;\n      .email-field {\n        width: 65%;\n      }\n\n      .error {\n        #newsletter-email {\n          border: 1px solid #e44d38;\n        }\n        .nw-error {\n          opacity: 1;\n        }\n      }\n\n      #newsletter-email {\n        width: 100%;\n        height: 44px;\n        border: none;\n        padding: 0 20px;\n      }\n      input {\n        outline: 0;\n        overflow: visible;\n      }\n\n      .nw-error {\n        position: absolute;\n        top: -28px;\n        background: #e44d38;\n        border-radius: 6px 6px 0 0;\n        padding: 6px 12px;\n        left: 0;\n        line-height: 16px;\n        font-size: 14px;\n        opacity: 0;\n        color: #fff;\n      }\n      .subscribe {\n        width: 35%;\n        height: 44px;\n        background: #0082e5;\n        font-weight: 700;\n        font-size: 18px;\n        line-height: 28px;\n        color: #fff;\n        border: none;\n        &:disabled {\n          background: #9ca2b7;\n          cursor: default;\n        }\n      }\n\n      .checkbox-common {\n        display: none;\n      }\n      .checkbox-common + label {\n        display: block;\n        font-weight: 400;\n        min-height: 18px;\n        position: relative;\n        cursor: default;\n        word-wrap: break-word;\n        text-align: left;\n        padding: 0;\n        margin: 0;\n        font-size: 14px;\n        line-height: 18px;\n        color: #fff;\n        margin-top: 15px;\n      }\n      .nw-message {\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 999;\n        height: 100%;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #fff;\n        -webkit-transform: scale3d(1, 0, 1);\n        transform: scale3d(1, 0, 1);\n        border-radius: 5px;\n        -webkit-transform-origin: 0 0;\n        transform-origin: 0 0;\n        transition:\n          opacity 0.1s cubic-bezier(0.5, 0, 0.5, 1),\n          -webkit-transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);\n        transition:\n          transform 0.3s cubic-bezier(0.5, 0, 0.5, 1),\n          opacity 0.1s cubic-bezier(0.5, 0, 0.5, 1);\n        transition:\n          transform 0.3s cubic-bezier(0.5, 0, 0.5, 1),\n          opacity 0.1s cubic-bezier(0.5, 0, 0.5, 1),\n          -webkit-transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);\n        pointer-events: none;\n      }\n    }\n  }\n\n  @keyframes sshadow {\n    50% {\n      transform: scale(0.5);\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  @keyframes spinner {\n    50% {\n      border-radius: 50%;\n      transform: scale(0.5) rotate(360deg);\n    }\n    100% {\n      transform: scale(1) rotate(720deg);\n    }\n  }\n']);return a=function(){return n},n}function r(){var n=o(['\n  background: linear-gradient(180deg, #020d24 0%, #112530 100%);\n  padding: 72px 0;\n  .container {\n    padding: 0 10px;\n  }\n  @media (max-width: 767px) {\n    background: linear-gradient(348.42deg, #0e2a3e 31.62%, #011133 90.19%);\n    padding: 40px 0;\n    .container {\n      padding: 0;\n    }\n  }\n\n  .see-all {\n    justify-content: center;\n    margin-top: 50px;\n    @media (max-width: 767px) {\n      margin-top: 30px;\n    }\n    .see-all-lnk {\n      border: 1.2126px solid #ffffff;\n      border-radius: 9.70079px;\n      padding: 18px 20px;\n      font-weight: 600;\n      font-size: 20px;\n      line-height: 28px;\n      color: #fff;\n      &:hover {\n        background: linear-gradient(279.38deg, #5bce66 0%, #9bce5b 100%);\n      }\n    }\n  }\n  .tab-panel {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 50px;\n\n    .panel-item.active {\n      color: #fff;\n      opacity: 1;\n      &::after {\n        content: "";\n        width: 100%;\n        height: 2px;\n        background: linear-gradient(272.09deg, #159aff 11.81%, #15b9ff 89.06%);\n        bottom: 0;\n        left: 0;\n        position: absolute;\n      }\n    }\n\n    .panel-item {\n      margin-right: 30px;\n      text-align: center;\n      letter-spacing: -0.1px;\n      position: relative;\n      cursor: pointer;\n      white-space: nowrap;\n      font-weight: 500;\n      font-size: 24px;\n      line-height: 24px;\n      color: #fff;\n      opacity: 0.6;\n      padding-bottom: 16px;\n      position: relative;\n      &:last-child {\n        margin-right: 0;\n      }\n\n      &:hover {\n        color: #0082e5;\n      }\n    }\n  }\n\n  .tab-content {\n    display: flex;\n\n    .games-content {\n      display: none;\n      width: 100%;\n      margin: 0;\n    }\n    .active-tab {\n      display: flex;\n    }\n    .app-list {\n      display: flex;\n      justify-content: space-between;\n      width: 100%;\n      gap: 15px;\n\n      @media (max-width: 1200px) {\n        overflow-x: auto;\n        &::-webkit-scrollbar {\n          display: none;\n        }\n      }\n    }\n  }\n  @media (max-width: 767px) {\n    .tab-section {\n      margin-top: 0;\n      .tab-panel {\n        overflow-x: scroll;\n        scroll-behavior: smooth;\n        width: 100%;\n        white-space: nowrap;\n        margin-bottom: 30px;\n        justify-content: flex-start;\n        padding-bottom: 0;\n        padding-left: 15px;\n        gap: 16px;\n        &::-webkit-scrollbar {\n          display: none;\n        }\n        .panel-item {\n          font-size: 14px;\n          line-height: 24px;\n          padding-bottom: 4px;\n          margin-right: 20px;\n        }\n        .panel-item.active {\n          font-weight: 500;\n        }\n      }\n      .games-content {\n        .app-list {\n          width: auto;\n        }\n      }\n    }\n  }\n']);return r=function(){return n},n}function s(){var n=o(["\n  .app-list-item {\n    height: 300px;\n    min-width: 222px;\n    flex-shrink: 0;\n    width: 100%;\n    overflow: hidden;\n    transition: 0.6s;\n    transform-style: preserve-3d;\n    position: relative;\n    opacity: 0;\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    border-radius: 16px;\n    opacity: 1;\n    &:hover {\n      transform: translate(0, -10px);\n      box-shadow: 0 4px 4px rgba(5, 117, 255, 0.5);\n    }\n\n    .app-title-img {\n      height: 100%;\n      width: 100%;\n    }\n\n    figure {\n      position: relative;\n      transform: rotateY(0);\n      z-index: 2;\n      height: 100%;\n      width: 100%;\n\n      img {\n        vertical-align: middle;\n        border-style: none;\n      }\n    }\n\n    .app-content {\n      padding: 0;\n      background: rgba(2, 18, 52, 0.9);\n      height: 100%;\n      width: 100%;\n      position: absolute;\n      top: 20%;\n      left: 0;\n      opacity: 0;\n      transition: 0.3s ease-in-out;\n      margin: 0;\n    }\n    .animated {\n      animation-duration: 1s;\n      animation-fill-mode: both;\n    }\n    .app-content-link {\n      display: flex;\n      flex-flow: column;\n      width: 100%;\n      height: 100%;\n      padding: 72px 24px 32px;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      color: #007bff;\n      text-decoration: none;\n      background-color: transparent;\n\n      .game-guid {\n        color: #fff;\n        font-size: 14px;\n        line-height: 24px;\n      }\n      img {\n        max-height: 48px;\n        max-width: 100%;\n        object-fit: cover;\n        height: auto;\n        width: auto;\n      }
1\n      .title {\n        font-weight: 600;\n        font-size: 14px;\n        line-height: 20px;\n        text-align: center;\n        letter-spacing: 0.5px;\n        color: #ffffff;\n        margin-top: 8px;\n      }\n      .developer {\n        font-weight: 300;\n        font-size: 12px;\n        line-height: 18px;\n        text-align: center;\n        color: #ffffff;\n        margin-top: 4px;\n      }\n      .btn-read-now {\n        background-color: #0082e5;\n        color: #fff;\n        letter-spacing: 3px;\n        text-align: center;\n        padding: 10px 0;\n        text-transform: uppercase;\n        height: 48px;\n        background: linear-gradient(279.38deg, #5bce66 0%, #9bce5b 100%);\n        border-radius: 6px;\n        margin-top: 40px;\n        width: 100%;\n        font-weight: 600;\n        font-size: 16px;\n        line-height: 28px;\n      }\n    }\n\n    &:hover {\n      .app-content {\n        display: block;\n        top: 0%;\n        opacity: 1;\n        z-index: 9;\n        border-top: 1px solid rgba(255, 255, 255, 0.6);\n      }\n    }\n\n    @media (max-width: 767px) {\n      height: 300px;\n    }\n  }\n\n  .zoom-in-app {\n    animation-duration: 1s;\n    animation-fill-mode: both;\n    animation-name: zoomIn;\n\n    @keyframes zoomIn {\n      0% {\n        opacity: 0;\n        transform: scale3d(1.3, 1.3, 1.3);\n      }\n      50% {\n        opacity: 1;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n  }\n"]);return s=function(){return n},n}function l(){var n=o(['\n  box-shadow: 0 4px 8px rgb(0 0 0 / 5%);\n  position: sticky;\n  top: 0px;\n  width: 100%;\n  color: var(--White, #fff);\n  background: #03122f;\n\n  z-index: 8;\n  .container {\n    padding: 0 10px;\n  }\n\n  .blog-cat-list {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .cat-item {\n      display: flex;\n    }\n\n    .cat-link {\n      font-size: 16px;\n      line-height: 24px;\n      color: rgba(255, 255, 255, 0.6);\n      opacity: 0.8;\n      padding: 12px 16px;\n      position: relative;\n      transition: 0.3s ease-in-out;\n\n      &:hover {\n        color: #fff;\n      }\n    }\n\n    .cat-item.active .cat-link {\n      color: #fff;\n      font-weight: 500;\n      &::after {\n        content: "";\n        background: #0082e5;\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        height: 3px;\n        left: 0;\n        z-index: 1;\n      }\n    }\n\n    @media (min-width: 768px) and (max-width: 1200px) {\n      overflow-y: auto;\n      justify-content: flex-start;\n\n      .cat-item {\n        white-space: nowrap;\n      }\n    }\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n  :lang(pt-br) {\n    .blog-cat-list {\n      .cat-link {\n        font-size: 13px;\n      }\n    }\n  }\n  :lang(pl) {\n    .blog-cat-list {\n      .cat-link {\n        font-size: 15px;\n      }\n    }\n  }\n\n  @media (max-width: 767px) {\n    display: none;\n  }\n  /* .is-minimized .categories-navigation {\n    position: fixed;\n    top: 0;\n  } */\n']);return l=function(){return n},n}function p(){var n=o(['\n  box-shadow: 0 4px 8px rgb(0 0 0 / 86%);\n  position: fixed;\n  z-index: 22;\n  width: 100%;\n  background-color: #011133;\n  top: 64px;\n\n  .container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-top: 7px;\n    padding-bottom: 7px;\n    margin-bottom: 0;\n    position: relative;\n  }\n\n  .btn-subscribe {\n    color: #37a8ff;\n    font-size: 14px;\n    line-height: 24px;\n    padding: 3px 20px;\n    border: 1px solid #37a8ff;\n  }\n\n  .category-selector-btn {\n    box-shadow: none;\n    outline: 0;\n    position: relative;\n    background-color: #011133;\n    padding-right: 20px;\n    max-width: 200px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    border: none;\n\n    span {\n      color: #9ca2b7;\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: 500;\n    }\n\n    &::after {\n      right: 6px;\n      content: "";\n      border: solid #9ca2b7;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 3px;\n      transform: rotate(45deg) translateY(-50%);\n      position: absolute;\n      top: calc(50% - 4px);\n      transition: 0.3s ease-in-out;\n    }\n  }\n  .categories-selector.open .category-selector-btn::after {\n    transform: rotate(225deg);\n  }\n\n  .blog-cat-list {\n    display: none;\n    position: absolute;\n    top: calc(100% + 1px);\n    left: 0;\n    right: 0;\n    z-index: 9;\n    width: 100%;\n    background-color: #011133;\n    color: #9ca2b7;\n    flex-flow: column;\n    padding-top: 10px;\n    padding-left: 15px;\n    padding-right: 15px;\n    box-shadow: 0 4px 8px rgb(0 0 0 / 5%);\n\n    .cat-item {\n      .cat-link {\n        color: #9ca2b7;\n        font-size: 16px;\n        line-height: 24px;\n        padding-bottom: 12px;\n        display: block;\n      }\n    }\n\n    .cat-item:not(:last-child) {\n      margin-bottom: 12px;\n      border-bottom: 0.5px solid #9ca2b7;\n    }\n\n    .cat-item.active {\n      display: none;\n    }\n  }\n\n  .categories-selector.open .blog-cat-list {\n    display: flex;\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n']);return p=function(){return n},n}function d(){var n=o(['\n  background: linear-gradient(180deg, #020d24 0%, #112530 100%);\n  .flex {\n    display: flex;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  display: flex;\n  flex-direction: column;\n\n  .container {\n    padding: 0 10px;\n  }\n\n  @media (max-width: 767px) {\n    background: linear-gradient(348.42deg, #0e2a3e 31.62%, #011133 90.19%);\n    .container {\n      padding: 0;\n      .heading-comp {\n        .heading {\n          font-size: 24px;\n          line-height: 32px;\n          margin-top: 24px;\n        }\n        .desc {\n          font-size: 14px;\n          line-height: 24px;\n          color: #9ca2b7;\n        }\n      }\n      .slider-list {\n        margin-top: 30px;\n        margin-bottom: 60px;\n        .slider-list-l {\n          .slider-item {\n            figure {\n              height: 290px;\n              margin-right: 0;\n              width: 100%;\n            }\n            .content {\n              margin-top: 16px;\n              .title {\n                font-size: 16px;\n                line-height: 24px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  .heading-comp {\n    .heading {\n      font-size: 40px;\n      line-height: 64px;\n      text-align: center;\n      color: rgba(255, 255, 255, 0.6);\n    }\n    .desc {\n      font-weight: 700;\n      text-align: center;\n      color: #ffffff;\n    }\n  }\n  .slider-list {\n    margin: 40px 0;\n    display: flex;\n\n    .slider-list-l {\n      height: auto;\n      width: 600px;\n      .slider-item {\n        .content {\n          margin-top: 20px;\n          .title {\n            font-weight: 700;\n            font-size: 20px;\n            line-height: 30px;\n            color: #ffffff;\n            opacity: 0.8;\n          }\n          .description {\n            margin-top: 10px;\n          }\n        }\n        figure {\n          height: 337.5px;\n          filter: drop-shadow(0px 4px 4px rgba(5, 117, 255, 0.1));\n          border-radius: 12px;\n          overflow: hidden;\n        }\n      }\n    }\n\n    .slider-list-r {\n      flex: 1;\n      margin-left: 48px;\n      .featured-posts {\n        font-weight: 700;\n        font-size: 20px;\n        line-height: 30px;\n        color: #f6fff4;\n        position: relative;\n        padding-left: 16px;\n        &::before {\n          content: "";\n          width: 6px;\n          height: 32px;\n          background: linear-gradient(279.38deg, #5bce66 0%, #9bce5b 100%);\n          border-radius: 28px;\n          position: absolute;\n          left: 0;\n        }\n      }\n      .slider-item {\n        width: 476px;\n        height: 131px;\n        padding: 11px 18px;\n        background: linear-gradient(126.6deg, rgba(255, 255, 255, 0.12) 28.69%, rgba(255, 255, 255, 0) 100%);\n        filter: drop-shadow(0px 4px 4px rgba(5, 117, 255, 0.1));\n        border-radius: 24px;\n        border: 1px solid rgba(255, 255, 255, 0.6);\n        margin-bottom: 20px;\n        transition: 0.3s ease-in-out;\n        &:hover {\n          box-shadow: 0 4px 4px rgba(5, 117, 255, 0.5);\n        }\n        &:last-child {\n          margin-bottom: 0;\n        }\n        a {\n          height: 100%;\n          display: flex;\n          flex-direction: row-reverse;\n          align-items: center;\n          figure {\n            width: 150px;\n            height: 84.38px;\n            overflow: hidden;\n          }\n          .content {\n            flex: 1;\n            margin-right: 16px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            .description {\n              margin-top: 0;\n              .cat-title {\n                max-width: 160px;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                overflow: hidden;\n                font-size: 14px;\n              }\n            }\n          }\n        }\n      }\n    }\n    :lang(ar) {\n      .slider-list-r {\n        .featured-posts {\n          padding-right: 16px;\n          &::before {\n            right: 0;\n          }\n        }\n      }\n    }\n\n    .slider-list-r--up {\n      margin-top: 16px;\n    }\n    @media (max-width: 767px) {\n      display: flex;\n      flex-direction: column;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n\n      .slider-list-l {\n        height: auto;\n        max-width: 100%;\n      }\n      .slider-list-r {\n        margin-left: 0;\n        margin-top: 30px;\n        .slider-item {\n          max-width: 100%;\n          display: flex;\n          flex-direction: column;\n          height: auto;\n          padding: 12px 16px;\n          a {\n            padding: 0;\n            justify-content: space-between;\n            .content {\n              margin-right: 10px;\n              width: calc(100% - 122px);\n              .title {\n                font-size: 16px;\n                line-height: 24px;\n              }\n              .description {\n                margin-top: 8px;\n                .cat-title {\n                  max-width: 90px;\n                  font-size: 14px;\n                }\n                .date {\n                  width: 100%;\n                  font-size: 12px;\n                }\n              }\n            }\n          }\n          a figure {\n            width: 104.33px;\n            height: 58.69px;\n          }\n        }\n      }\n      .slider-list-r--up {\n        font-family: Poppins;\n        font-size: 16px;\n        line-height: 24px;\n        height: auto;\n      }\n    }\n\n    .slider-item {\n      cursor: pointer;\n      overflow: hidden;\n      .description {\n        margin-top: 8px;\n        align-items: center;\n      }\n      .content {\n        .cat-title {\n          color: #ea526f;\n          font-size: 16px;\n          line-height: 24px;\n          transition: all 0.25s;\n          font-weight: 500;\n          @media (max-width: 767px) {\n            color: #007bff;\n          }\n        }\n        .date {\n          font-weight: 400;\n          font-size: 14px;\n          line-height: 24px;\n          color: #f5f5f5;\n          margin-left: 18px;\n          position: relative;\n          &::before {\n            content: "";\n            position: absolute;\n            left: -10px;\n            height: 4px;\n            width: 4px;\n            background: #fff;\n            border-radius: 50%;\n            top: 50%;\n            transform: translateY(-50%);\n          }\n        }\n        .title {\n          font-size: 18px;\n          line-height: 28px;\n          font-weight: 700;\n          color: #fff !important;\n          -webkit-box-orient: vertical;\n          display: -webkit-box;\n          -webkit-line-clamp: 3;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n        .desc-text {\n          font-size: 16px;\n          line-height: 24px;\n          color: #fff;\n          @media (max-width: 767px) {\n            display: none;\n          }\n        }\n      }\n\n      figure {\n        height: 100%;\n        position: relative;\n        @media (max-width: 767px) {\n          height: 176px;\n          width: 312px;\n        }\n        img {\n          height: 100%;\n          width: 100%;\n          object-fit: cover;\n          transition: all 0.25s;\n        }\n        &:hover {\n          .cat-title {\n            color: #007bff;\n          }\n        }\n      }\n    }\n  }\n  *:lang(ar) {\n    .slider-list-r {\n      margin-right: 48px;\n    }\n  }\n  @media (min-width: 768px) {\n    .banners-section {\n      padding: 93px 0 0;\n    }\n  }\n']);return d=function(){return n},n}var c=i.default.section.withConfig({componentId:"sc-905490ab-0"})(a()),f=i.default.section.withConfig({componentId:"sc-905490ab-1"})(r()),x=i.default.div.withConfig({componentId:"sc-905490ab-2"})(s()),g=i.default.nav.withConfig({componentId:"sc-905490ab-3"}
1)(l()),h=i.default.nav.withConfig({componentId:"sc-905490ab-4"})(p()),u=i.default.div.withConfig({componentId:"sc-905490ab-5"})(d())},64729:function(n,e,t){var i=t(85893),o=t(77561);e.Z=function(n){var e,t=n.pageViewData,a=n.currLocale,r={Android:function(n){return navigator.userAgent.match(/Android/i)},BlackBerry:function(n){return navigator.userAgent.match(/BlackBerry/i)},iOS:function(n){return navigator.userAgent.match(/iPhone|iPad|iPod/i)},Opera:function(n){return navigator.userAgent.match(/Opera Mini/i)},Windows:function(n){return navigator.userAgent.match(/IEMobile/i)||navigator.userAgent.match(/WPDesktop/i)},any:function(n){return r.Android()||r.BlackBerry()||r.iOS()||r.Opera()||r.Windows()}},s=(0,o.bG)("v_country")?(0,o.bG)("v_country"):window.v_country,l=(0,o.bG)("_ga"),p=(0,o.bG)("utm_campaign")||(null===t||void 0===t?void 0:t.page_utm),d=function(){var n="unknown-os",e="unknown-platform";return-1!==navigator.appVersion.indexOf("Win")&&(n="windows-os",e="win"),-1!==navigator.appVersion.indexOf("Mac")&&(n="mac-os",e="mac"),-1!==navigator.appVersion.indexOf("X11")&&(n="unix",e="unix"),-1!==navigator.appVersion.indexOf("Linux")&&(n="linux",e="linux"),{operatingSystem:n,platform:e}}().platform,c=a,f=location.origin,x=location.pathname,g=null===t||void 0===t||null===(e=t.page_type)||void 0===e?void 0:e.toUpperCase(),h=r.any()?"mobile":"desktop",u=navigator.userAgent,m=null===t||void 0===t?void 0:t.page_utm,b=(0,o.bG)("bs_unique_id"),w=function(n){switch(!0){case n.indexOf("edge")>-1:return"MS Edge";case n.indexOf("edg/")>-1:return"Edge ( chromium based)";case n.indexOf("opr")>-1&&!!window.opr:return"Opera";case n.indexOf("chrome")>-1&&!!window.chrome:return"Chrome";case n.indexOf("trident")>-1:return"MS IE";case n.indexOf("firefox")>-1:return"Mozilla Firefox";case n.indexOf("safari")>-1:return"Safari";default:return"other"}}(window.navigator.userAgent.toLowerCase()),v=function(n){var e=new Headers;e.append("Content-Type","application/json"),e.append("api_key","zJMs#54KP5qvU6^kdC8Ly_ThyAXf&13px!^lo%3c!");var t={method:"POST",headers:e,body:JSON.stringify(n),redirect:"follow",credentials:"include"},i="".concat("https://webapi-cloud.bluestacks.com/api/v1/add-experiment-data");fetch(i,t).then((function(n){return n.text()})).catch((function(n){return console.log("error",n)}))},y=function(){if(["US","GB","AU","CA","CH"].includes(s)||r.any()){var n=document.querySelector(".notification-popup");if(n&&document.querySelector(".notification-popup:not(.hide)"))v({experimentName:"WebsiteExperimentData",locale:c,host:f,pagePath:x,pageType:g,country:s,gaCookie:l,utm:p,exitUtm:m,userAgent:u,platform:d,userAction:"popup viewed",browser:w,bs_unique_id:b,deviceType:h});else var e=setInterval((function(){document.querySelector(".notification-popup")&&(clearInterval(e),document.querySelector(".notification-popup:not(.hide)")&&v({experimentName:"WebsiteExperimentData",locale:c,host:f,pagePath:x,pageType:g,country:s,gaCookie:l,utm:p,exitUtm:m,userAgent:u,platform:d,userAction:"popup viewed",browser:w,bs_unique_id:b,deviceType:h}))}),1e3);n&&(n.querySelector(".try-now-btn").addEventListener("click",(function(){v({experimentName:"WebsiteExperimentData",locale:c,host:f,pagePath:x,pageType:g,country:s,gaCookie:l,utm:p,exitUtm:m,userAgent:u,platform:d,userAction:"popup clicked",browser:w,bs_unique_id:b,deviceType:h})})),n.querySelector(".close-notify-popup").addEventListener("click",(function(){v({experimentName:"WebsiteExperimentData",locale:c,host:f,pagePath:x,pageType:g,country:s,gaCookie:l,utm:p,exitUtm:m,userAgent:u,platform:d,userAction:"popup closed",browser:w,bs_unique_id:b,deviceType:h})})))}};if(s&&l&&p)y();else var k=setInterval((function(){s=(0,o.bG)("v_country")?(0,o.bG)("v_country"):window.v_country,l=(0,o.bG)("_ga"),p=(0,o.bG)("utm_campaign")||"",s&&l&&p&&(clearInterval(k),y())}),1e3);return(0,i.jsx)(i.Fragment,{})}}}]);

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.