1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5457,2784,7263],{66474:function(n,e,t){t.d(e,{Z:function(){return v}});var i=t(47568),a=t(26042),r=t(7297),o=t(97582),l=t(85893),d=t(41609),c=t.n(d),s=t(67294),$=t(87771),p=t(52091),u=t(15072),g=t(55853),x=t(34892),m=t(39334),f=t(186),h=t(1903),b=t(477);function _(){var n=(0,r.Z)(["\n position: relative;\n display: flex;\n gap: 15px; /* Space between image and content */\n align-items: flex-start;\n .date-publish {\n &--icon {\n margin-right: 4px;\n margin-bottom: 2px;\n }\n &--icon,\n small {\n /* font-family: 'Nunito Sans', sans-serif !important; */\n text-transform: lowercase;\n font-size: 16pt;\n font-weight: 200;\n line-height: 1;\n\n color: #707070;\n }\n }\n :hover {\n img {\n transform: scale(1.15);\n }\n }\n .card-image {\n flex-shrink: 0; /* Prevent the image from shrinking */\n width: 40%; /* Set width of the image section */\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n aspect-ratio: 16 / 9;\n transition: all 1s ease-out;\n }\n }\n\n .card-content {\n flex-grow: 1; /* Allow the content to grow and fill remaining space */\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n .card-title {\n font-size: 20pt;\n letter-spacing: 0;\n font-family: 'DBHelvethaicaXBd', sans-serif;\n font-weight: 500;\n line-height: 1.15;\n margin: 10px 0;\n color: var(--text-color);\n min-height: 73.5px;\n @media (max-width: 767px) {\n min-height: unset;\n }\n }\n\n .card-blurb {\n font-size: 14pt;\n font-weight: 300;\n color: var(--tertiary-color);\n line-height: 1.65;\n }\n }\n\n .meta-badge {\n padding: 0px 10px;\n background-color: var(--secondary-gray);\n color: var(--white-color);\n font-size: 14pt;\n border-radius: 0 8px 0 8px;\n margin-right: 10px;\n }\n\n .byline {\n font-size: 12pt;\n font-weight: 300;\n color: var(--black-color);\n margin-top: 10px;\n }\n @media (max-width: 767px) {\n .card-content .card-title {\n font-size: 16pt;\n font-weight: 400;\n font-family: 'DBHelvethaicaXMed', sans-serif;\n }\n }\n"]);return _=function(){return n},n}function v(n){var e=n.data,t=n.className,r=n.showBadge,d=n.showTitle,f=n.showBlurb,_=n.showByline,v=n.showPublishDate,y=n.showCountView,k=n.showFooter,j=n.eventDataLayer,S=void 0===j?{}:j,Z=n.external,N=n.path,z=void 0===N?"":N,D=n.size;if(c()(e))return null;var B=(0,s.useState)(0),E=B[0],T=B[1],L=void 0!==y&&y&&Number(E)>Number(u.d$),R=(void 0===r||r)&&(0,m.lC)(e,!1);(0,s.useEffect)(function(){(0,i.Z)(function(){var n,t;return(0,o.__generator)(this,function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,(0,g.e)(e)];case 1:return T(n=i.sent()),[3,3];case 2:return t=i.sent(),console.error("".concat((0,m.AB)()," ==========> CARD_FULL ERROR :"),t.message),[3,3];case 3:return[2]}})})()},[e]);var H=(0,s.useMemo)(function(){return"".concat((null==e?void 0:e.link)||z)},[e,z]);return(0,l.jsxs)(w,{className:"card-h ".concat(void 0===t?"":t),onClick:function(){return(0,x.dE)((0,a.Z)({},S))},children:[(0,l.jsx)("div",{className:"card-image",children:(0,l.jsx)(b.Z,{title:null==e?void 0:e.title,href:H,tabIndex:-1,children:(0,l.jsx)(h.Z,{external:void 0!==Z&&Z,src:null==e?void 0:e.image,title:null==e?void 0:e.title,size:null!=D?D:h.W.MD_WEBP})})}),(0,l.jsxs)(b.Z,{title:null==e?void 0:e.title,href:H,tabIndex:-1,children:[(0,l.jsxs)("div",{className:"card-content",children:[(void 0===d||d)&&(0,l.jsx)("h3",{className:"card-title",children:null==e?void 0:e.title}),(void 0===f||f)&&(0,l.jsx)("p",{className:"card-blurb text-excerpt-3",children:null==e?void 0:e.blurb})]}),void 0!==k&&k&&(0,l.jsx)("div",{className:"card-footer flex-between",children:(0,l.jsxs)("div",{className:"footer-left",children:[(void 0===_||_)&&(0,l.jsx)(l.Fragment,{children:e.byline&&(0,l.jsx)("p",{className:"byline",children:"By [".concat(e.byline,"]")})}),L&&(0,l.jsxs)("div",{className:"count-view",children:[(0,l.jsx)(p.z5B,{size:16}),(0,l.jsx)("small",{children:(0,m.EL)(E)})]})]})}),void 0!==v&&v&&(0,l.jsxs)("div",{className:"footer--item date-publish",children:[R&&(0,l.jsx)("span",{className:"meta-badge",children:R}),(0,l.jsxs)("small",{children:[(0,l.jsx)($.cjn,{size:16,className:"date-publish--icon"}),(null==e?void 0:e.published_at)&&(0,m.WR)(e.published_at)]})]})]})]})}var w=f.default.div(_())},7263:function(n,e,t){t.r(e);var i=t(7297),a=t(85893),r=t(15072),o=t(34871),l=t(186);function d(){var n=(0,i.Z)(["\n background-image: url(",");\n background-color: #0600E7;\n background-repeat: no-repeat;\n background-size: cover;\n margin-bottom: 30px;\n @media (max-width: 690px) {\n margin-top: 0;\n background-image: url(",");\n }\n .spacial-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n grid-gap: 20px;\n grid-template-areas: 'spacial-grid-list spacial-grid-list spacial-grid-list spacial-grid-list';\n padding: 10px 15px;\n .spacial-date {\n text-align: center;\n font-size: 26px;\n color: #fff;\n font-weight: 300;\n margin: 15px 0 0;\n @media (max-width: 768px) {\n font-size: 20px;\n }\n }\n .spacial-grid-list {\n display: grid;\n grid-area: spacial-grid-list;\n\n .block-wrapper {\n border-radius: 8px;\n padding: 15px;\n display: flex;\n align-items: center;\n flex-direction: column;\n }\n .row {\n display: grid;\n grid-template-columns: 3fr 1fr 1fr;\n grid-template-areas: 'spacial-score --item-1 --item-2 --item-3';\n .spacial-score {\n grid-area: spacial-score;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n }\n @media (max-width: 1024px) {\n display: grid;\n grid-template-columns: 2fr 1fr;\n grid-template-areas:\n 'spacial-score --item-1'\n 'spacial-score --item-2';\n grid-gap: 15px;\n padding-bottom: 40px;\n\n .spacial-score {\n flex-direction: column;\n padding: 0px 10px;\n }\n }\n @media (max-width: 768px) {\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n 'spacial-score spacial-score'\n ' --item-1 --item-2';\n grid-gap: 10px 0;\n .block-wrapper {\n padding: 10px;\n }\n .spacial-score {\n flex-direction: column;\n padding: 0px;\n }\n }\n .heading-spacial {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n max-width: 100%;\n grid-area: heading-spacial;\n &:nth-of-type(1) {\n margin-right: 30px;\n @media (max-width: 690px) {\n margin-right: 0;\n }\n }\n }\n .spacial-card {\n width: 100%;\n /* height: 100%; */\n margin: auto;\n background-color: #fff;\n padding: 10px;\n @media (min-width: 769px) and (max-width: 1024px) {\n border-radius: 8px;\n }\n &.--item-1 {\n grid-area: --item-1;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n }\n\n &.--item-2 {\n grid-area: --item-2;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n }\n &.--item-3 {\n grid-area: --item-3;\n }\n }\n }\n }\n }\n .spacial-logo {\n background-color: #fff;\n width: max-content;\n padding: 4px;\n border-radius: 100%;\n position: relative;\n overflow: hidden;\n grid-area: spacial-logo;\n filter: drop-shadow(3px 8px 5px #000000c3);\n margin: auto;\n\n max-width: 100%;\n img {\n width: 150px;\n }\n\n @media (max-width: 768px) {\n img {\n width: 100px;\n }\n }\n /* @media (max-width: 425px) {\n width: unset;\n } */\n }\n .spacial-link {\n width: 100%;\n text-align: end;\n margin: auto;\n position: absolute;\n bottom: 10px;\n @media (max-width: 690px) {\n margin-top: 10px;\n }\n a {\n color: #fff;\n position: relative;\n &:hover {\n svg {\n right: -10px;\n }\n }\n p {\n margin-right: 25px;\n\n display: inline-block;\n }\n svg {\n position: absolute;\n top: 52%;\n transform: translate(0, -50%);\n right: 0;\n transition: all 0.3s ease-in-out;\n }\n }\n }\n .block-wrapper {\n margin: auto;\n .card-v {\n margin: 0;\n }\n }\n"]);return d=function(){return n},n}var c=function(n){var e=n.id,t=n.data,i=n.children,l=(0,o.b$)(null==t?void 0:t.dataSet,"background-mobile",!0),d=(0,o.b$)(null==t?void 0:t.dataSet,"background-desktop",!0);return(0,a.jsx)(s,{id:e,backgroundMb:l,backgroundDt:d,style:{filter:"true"===r.WT?"grayscale(0.7)":""},children:i})};e.default=c;var s=l.default.div(d(),function(n){return n.backgroundDt},function(n){return n.backgroundMb})},52784:function(n,e,t){t.r(e);var i=t(7297),a=t(85893),r=t(96486),o=t.n(r),l=t(15072),d=t(34871),c=t(186);function s(){var n=(0,i.Z)(["\n background-image: url(",");\n /* background-color: #0600e7; */\n background-repeat: no-repeat;\n background-size: cover;\n margin-top: 30px;\n @media (max-width: 690px) {\n margin-top: 0;\n background-image: url(",");\n }\n\n &#section-spacial{\n .grid-block{\n border-top: 1px solid #000000;\n div:not(:last-child)::after {\n background-color: #000000;\n }\n }\n .more {\n a {\n color: #000000;\n &:hover {\n color: #323232;\n }\n }\n }\n }\n\n .spacial-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n grid-gap: 20px;\n grid-template-areas: 'spacial-grid-list spacial-grid-list spacial-grid-list spacial-grid-list';\n padding: 10px 15px;\n .spacial-date {\n text-align: center;\n font-size: 26px;\n color: #fff;\n font-weight: 300;\n margin: 15px 0 0;\n @media (max-width: 768px) {\n font-size: 20px;\n }\n }\n .spacial-grid-list {\n display: grid;\n grid-area: spacial-grid-list;\n\n .block-wrapper {\n border-radius: 8px;\n padding: 15px;\n display: flex;\n align-items: center;\n flex-direction: column;\n }\n .row {\n display: grid;\n grid-template-columns: 3fr 1fr 1fr;\n grid-template-areas: 'spacial-score --item-1 --item-2 --item-3';\n .spacial-score {\n grid-area: spacial-score;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n }\n @media (max-width: 1024px) {\n display: grid;\n grid-template-columns: 2fr 1fr;\n grid-template-areas:\n 'spacial-score --item-1'\n 'spacial-score --item-2';\n grid-gap: 15px;\n padding-bottom: 40px;\n\n .spacial-score {\n flex-direction: column;\n padding: 0px 10px;\n }\n }\n @media (max-width: 768px) {\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n 'spacial-score spacial-score'\n ' --item-1 --item-2';\n grid-gap: 10px 0;\n .block-wrapper {\n padding: 10px;\n }\n .spacial-score {\n flex-direction: column;\n padding: 0px;\n }\n }\n .heading-spacial {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n max-width: 100%;\n grid-area: heading-spacial;\n &:nth-of-type(1) {\n margin-right: 30px;\n @media (max-width: 690px) {\n margin-right: 0;\n }\n }\n }\n .spacial-card {\n width: 100%;\n /* height: 100%; */\n margin: auto;\n background-color: #fff;\n padding: 10px;\n @media (min-width: 769px) and (max-width: 1024px) {\n border-radius: 8px;\n }\n &.--item-1 {\n grid-area: --item-1;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n }\n\n &.--item-2 {\n grid-area: --item-2;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n }\n &.--item-3 {\n grid-area: --item-3;\n }\n }\n }\n }\n }\n .spacial-logo {\n background-color: #fff;\n width: max-content;\n padding: 4px;\n border-radius: 100%;\n position: relative;\n overflow: hidden;\n grid-area: spacial-logo;\n filter: drop-shadow(3px 8px 5px #000000c3);\n margin: auto;\n\n max-width: 100%;\n img {\n width: 150px;\n }\n\n @media (max-width: 768px) {\n img {\n width: 100px;\n }\n }\n /* @media (max-width: 425px) {\n width: unset;\n } */\n }\n .spacial-link {\n width: 100%;\n text-align: end;\n margin: auto;\n position: absolute;\n bottom: 10px;\n @media (max-width: 690px) {\n margin-top: 10px;\n }\n a {\n color: #fff;\n position: relative;\n &:hover {\n svg {\n right: -10px;\n }\n }\n p {\n margin-right: 25px;\n\n display: inline-block;\n }\n svg {\n position: absolute;\n top: 52%;\n transform: translate(0, -50%);\n right: 0;\n transition: all 0.3s ease-in-out;\n }\n }\n }\n .block-wrapper {\n margin: auto;\n .card-v {\n margin: 0;\n }\n }\n\n .spacial-logo-header {\n max-width: 100%;\n padding: 0px 0px 13px 0px;\n img {\n max-width: 100%;\n }\n\n @media (max-width: 1024px) {\n padding: 0px 10px 0px 10px;\n }\n }\n"]);return s=function(){return n},n}var $=function(n){var e=n.id,t=n.data,i=n.children,r=(0,d.b$)((null==t?void 0:t.dataSet)?null==t?void 0:t.dataSet:t,"background-mobile",!0),c=(0,d.b$)((null==t?void 0:t.dataSet)?null==t?void 0:t.dataSet:t,"background-desktop",!0);return(0,a.jsxs)(p,{id:e,backgroundMb:r,backgroundDt:c,style:{filter:"true"===l.WT?"grayscale(0.7)":""}
1,children:[!o().isEmpty(t)&&(0,a.jsx)("div",{className:"container spacial-logo-header",children:(0,a.jsx)("img",{src:(0,d.b$)((null==t?void 0:t.dataSet)?null==t?void 0:t.dataSet:t,"image-header",!0),alt:""})}),i]})};e.default=$;var p=c.default.div(s(),function(n){return n.backgroundDt},function(n){return n.backgroundMb})},85457:function(n,e,t){t.r(e),t.d(e,{default:function(){return nV}});var i=t(47568),a=t(26042),r=t(69396),o=t(7297),l=t(97582),d=t(85893),c=t(96486),s=t.n(c),$=t(41609),p=t.n($),u=t(11163),g=t(67294),x=t(2777),m=t(37183),f=t(15072),h=t(34892),b=t(34871),_=t(97348),v=t(39334),w=t(73113),y=t(186),k=t(23614),j=t(66474),S=t(2657);function Z(){var n=(0,o.Z)(["\n .block-Head {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 2rem;\n grid-template-areas: 'block-1 block-2 ';\n .widget-heading {\n margin-bottom: 0px;\n }\n @media (max-width: 768px) {\n display: none !important;\n }\n }\n .block-card {\n position: relative;\n background-color: #f2f2f2;\n .heading {\n background: #f2f2f2;\n }\n .date-publish {\n small,\n .date-publish--icon {\n color: var(--primary-gray);\n }\n }\n .container-inside {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 2rem;\n grid-template-areas: 'block-3 block-4 ';\n padding: 2rem calc(var(--bs-gutter-x) * 0.5);\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n grid-template-areas: unset;\n padding: 1rem calc(var(--bs-gutter-x) * 0.5);\n .card-content .card-title {\n display: -webkit-box;\n -webkit-line-clamp: 2; /* à¸à¸³à¸à¸±à¸à¹à¸à¹ 2 à¸à¸£à¸£à¸à¸±à¸ */\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n }\n }\n .hide-mobile {\n // display: block;\n @media (max-width: 768px) {\n display: none !important;\n }\n }\n .hide-desktop {\n display: block;\n @media (min-width: 769px) {\n display: none;\n }\n }\n }\n"]);return Z=function(){return n},n}function N(){var n=(0,o.Z)(["\n // padding: 15px 10px;\n .widget-heading {\n margin-bottom: 20px;\n }\n .grid-lists {\n display: grid;\n grid-gap: 1rem;\n margin-top: 20px;\n .card-title {\n @media (max-width: 768px) {\n font-size: 18pt;\n }\n }\n }\n\n /* @media (max-width: 768px) {\n padding: 15px 10px;\n } */\n"]);return N=function(){return n},n}var z=function(n){var e,t,i,o,l,c,s,$,p,u,g,x,m,f=n.id,h=n.className,b=n.article,_=n.limit,v=void 0===_?4:_,w=n.eventDataLayer;return(0,d.jsxs)(D,{children:[(0,d.jsxs)("div",{className:"block-Head container ",children:[(0,d.jsx)(S.default,{heading:null===(e=b[0])||void 0===e?void 0:e.title,link:null===(t=b[0])||void 0===t?void 0:t.link}),(0,d.jsx)(S.default,{heading:"MUST READ",link:""})]}),(0,d.jsx)("div",{className:"block-card ",children:(0,d.jsxs)("div",{class:"container-inside container",children:[(0,d.jsxs)(B,{id:f,className:"".concat(h," "),children:[(0,d.jsx)(S.default,{className:"hide-desktop",heading:null===(i=b[0])||void 0===i?void 0:i.title,link:null===(o=b[0])||void 0===o?void 0:o.link}),(0,d.jsxs)("div",{className:"grid-wrapper",children:[(0,d.jsx)(k.default,{data:null===(l=b[0])||void 0===l?void 0:l.data[0],showBlurb:!1,eventDataLayer:(0,r.Z)((0,a.Z)({},w),{data:(0,r.Z)((0,a.Z)({},null==w?void 0:w.data),{heading:null==b?void 0:b.title,title:null===(s=null===(c=b[0])||void 0===c?void 0:c.data[0])||void 0===s?void 0:s.title,index:1})}),showBadge:!1,showPublishDate:!0}),(0,d.jsx)("div",{className:"grid-lists",children:null===($=b[0])||void 0===$?void 0:null===(p=$.data)||void 0===p?void 0:p.slice(1,v).map(function(n,e){return(0,d.jsx)(j.Z,{data:n,showBlurb:!1,showBadge:!1,showPublishDate:!0,eventDataLayer:(0,r.Z)((0,a.Z)({},w),{data:(0,r.Z)((0,a.Z)({},null==w?void 0:w.data),{heading:null==b?void 0:b.title,title:null==n?void 0:n.title,index:e+2})})})})})]})]}),(0,d.jsxs)(B,{id:f,className:"".concat(h," "),children:[(0,d.jsx)(S.default,{className:"hide-desktop",heading:"MUST READ",link:""}),(0,d.jsxs)("div",{className:"grid-wrapper",children:[(0,d.jsx)(k.default,{data:null==b?void 0:null===(u=b[1])||void 0===u?void 0:u[0],showBlurb:!1,eventDataLayer:(0,r.Z)((0,a.Z)({},w),{data:(0,r.Z)((0,a.Z)({},null==w?void 0:w.data),{heading:null==b?void 0:b.title,title:null==b?void 0:null===(g=b[1])||void 0===g?void 0:null===(x=g[0])||void 0===x?void 0:x.title,index:1})}),showBadge:!1,showPublishDate:!0}),(0,d.jsx)("div",{className:"grid-lists",children:null===(m=b[1])||void 0===m?void 0:m.slice(1,v).map(function(n,e){return(0,d.jsx)(j.Z,{data:n,showBlurb:!1,showBadge:!1,showPublishDate:!0,eventDataLayer:(0,r.Z)((0,a.Z)({},w),{data:(0,r.Z)((0,a.Z)({},null==w?void 0:w.data),{heading:null==b?void 0:b.title,title:null==n?void 0:n.title,index:e+2})})})})})]})]})]})})]})},D=y.default.div(Z()),B=y.default.div(N()),E=z;t(52784);var T=t(69251),L=t(15471),R=t(633),H=t(7263),F=t(828),C=t(51438),W=t(52951),P=t(82670),M=t(42474),A=t.n(M),I=function(){function n(){(0,C.Z)(this,n)}return(0,W.Z)(n,null,[{key:"getSignKey",value:function(){return f.bl}},{key:"parseDateInterval",value:function(n){return(0,P.Z)(n,Date)?n:"number"==typeof n?new Date(Date.now()+1e3*n):n}},{key:"availableAt",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=this.parseDateInterval(n);return(0,P.Z)(e,Date)?Math.floor(e.getTime()/1e3):Math.floor((Date.now()+1e3*n)/1e3)}},{key:"signedTempUrl",value:function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return this.signedTempUrlWithParams(n,{},e)}},{key:"signedTempUrlWithParams",value:function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(Object.prototype.hasOwnProperty.call(e,"signature"))throw Error('"Signature" is a reserved parameter when generating signed routes. Please rename your route parameter.');t&&(e.expires=this.availableAt(t));var i=Object.keys(e).sort(),a={};
1i.forEach(function(n){a[n]=e[n]});var r=new URLSearchParams(a).toString(),o=n+(r?"?"+r:""),l=A().createHmac("sha256",this.getSignKey()).update(o).digest("hex");return o+(r?"&":"?")+"signature="+l}},{key:"hasCorrectSignature",value:function(n){var e="/"+n.path,t=(0,a.Z)({},n.query);delete t.signature;var i=new URLSearchParams(t).toString(),r=A().createHmac("sha256",this.getSignKey()).update(e+(i?"?"+i:"")).digest("hex"),o=n.query.signature||"";return this.hashEquals(r,o)}},{key:"signatureHasNotExpired",value:function(n){var e=n.query.expires;return!e||Math.floor(Date.now()/1e3)<=parseInt(e)}},{key:"hasValidSignature",value:function(n){return this.hasCorrectSignature(n)&&this.signatureHasNotExpired(n)}},{key:"replaceTemporaryUrl",value:function(n,e){var t=n.split("?");return t.length>1?e+"?"+t[t.length-1]:e}},{key:"hashEquals",value:function(n,e){if(n.length!==e.length)return!1;for(var t=0,i=0;i<n.length;i++)t|=n.charCodeAt(i)^e.charCodeAt(i);return 0===t}}]),n}();function X(){var n=(0,o.Z)(["\n width: 100%;\n background: var(--white-color, #fff);\n border: var(--border-default, 1px solid rgba(223, 223, 223, 0.9));\n border-radius: var(--border-radius-input, 10px);\n box-shadow: 0 2px 8px rgba(135, 135, 135, 0.12);\n overflow: hidden;\n font-family: 'DBHelvethaica', sans-serif;\n"]);return X=function(){return n},n}function O(){var n=(0,o.Z)(["\n display: flex;\n align-items: stretch;\n background: var(--tertiary-color, #fafbfe);\n border-bottom: 2px solid var(--black-color, #000000);\n user-select: none;\n"]);return O=function(){return n},n}function U(){var n=(0,o.Z)(["\n width: 32px;\n min-height: 42px;\n background: none;\n border: none;\n color: ",";\n font-size: 26px;\n cursor: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n padding: 0;\n border-right: 1px solid var(--border-gray, #e6e6e6);\n transition: background 0.15s;\n\n &:last-of-type {\n border-right: none;\n border-left: 1px solid var(--border-gray, #e6e6e6);\n }\n &:hover:not([disabled]) {\n background: rgba(6, 0, 231, 0.08);\n }\n &:active:not([disabled]) {\n background: var(--secondary-color, #9bb9e1);\n }\n"]);return U=function(){return n},n}function G(){var n=(0,o.Z)(["\n display: flex;\n flex: 1;\n overflow: hidden;\n animation-duration: 0.22s;\n animation-timing-function: ease-out;\n animation-fill-mode: both;\n animation-name: ",";\n\n @keyframes navSlideRight {\n from {\n transform: translateX(18px);\n opacity: 1;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }\n @keyframes navSlideLeft {\n from {\n transform: translateX(-18px);\n opacity: 1;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }\n"]);return G=function(){return n},n}function V(){var n=(0,o.Z)(["\n flex: 1;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: ",";\n font-weight: ",";\n color: ",";\n background: ",";\n border-right: 1px solid var(--border-gray, #e6e6e6);\n white-space: nowrap;\n transition:\n background 0.15s,\n color 0.15s;\n\n &:last-child {\n border-right: none;\n }\n /* background: rgba(6, 0, 231, 0.08);\n color: var(--black-color, #000000); */\n &:hover {\n background: ",";\n color: ",";\n }\n"]);return V=function(){return n},n}function q(){var n=(0,o.Z)(["\n height: 307px;\n overflow-y: auto;\n padding: ",";\n background: var(--white-color, #fff);\n padding: 5px;\n &::-webkit-scrollbar {\n width: 3px;\n }\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n &::-webkit-scrollbar-thumb {\n background: var(--border-gray, #e6e6e6);\n border-radius: 3px;\n }\n\n @media (max-width: 767px) {\n overflow-x: hidden;\n }\n"]);return q=function(){return n},n}function K(){var n=(0,o.Z)(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n min-height: 353px;\n font-size: 20px;\n color: var(--secondary-gray, #666);\n"]);return K=function(){return n},n}function Q(){var n=(0,o.Z)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n padding: 10px 6px;\n border-bottom: 1px solid var(--border-gray, #e6e6e6);\n border-radius: 6px;\n transition: background 0.12s;\n\n &:last-child {\n border-bottom: none;\n }\n &:hover {\n background: var(--tertiary-color, #fafbfe);\n }\n\n @media (max-width: 767px) {\n gap: 6px;\n padding: 10px 2px;\n }\n"]);return Q=function(){return n},n}function Y(){var n=(0,o.Z)(["\n width: 36px;\n flex-shrink: 0;\n text-align: center;\n"]);return Y=function(){return n},n}function J(){var n=(0,o.Z)(["\n display: inline-block;\n background: #ef4444;\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n padding: 2px 5px;\n border-radius: 3px;\n letter-spacing: 0.6px;\n animation: blink 1.6s ease-in-out infinite;\n\n @keyframes blink {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.45;\n }\n }\n"]);return J=function(){return n},n}function nn(){var n=(0,o.Z)(["\n font-size: 16px;\n font-weight: 500;\n color: var(--secondary-gray, #666);\n"]);return nn=function(){return n},n}function ne(){var n=(0,o.Z)(["\n font-size: 20px;\n font-weight: 500;\n color: var(--softblack-color, #333);\n"]);return ne=function(){return n},n}function nt(){var n=(0,o.Z)(["\n flex: 1;\n min-width: 0;\n font-size: 20px;\n font-weight: 500;\n color: var(--text-color, #333);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: ",";\n\n @media (max-width: 480px) {\n flex: 0 0 22%;\n max-width: 22%;\n }\n"]);return nt=function(){return n},n}function ni(){var n=(0,o.Z)(["\n width: 46px;\n height: 30px;\n object-fit: contain;\n flex-shrink: 0;\n display: block;\n @media (max-width: 767px) {\n width: 32px;\n height: 20px;\n }\n"]);return ni=function(){return n},n}function na(){var n=(0,o.Z)(["\n /* ââ มีà¸à¸°à¹à¸à¸: deep blue card ââ */\n background: ",";\n border: 1px solid ",";\n color: ",";\n font-family: ",";\n border-radius: ",";\n padding: ",";\n width: ",";\n min-width: 46px;\n font-size: ",";\n font-weight: ",";\n text-align: center;\n line-height: 1;\n flex-shrink: 0;\n letter-spacing: ",";\n transition: background 0.15s;\n\n @media (max-width: 767px) {\n font-size: ",";\n padding: ",";\n min-width: 36px;\n width: ",";\n letter-spacing: ",";\n }\n"]);return na=function(){return n},n}function nr(){var n=(0,o.Z)(["\n width: 100%;\n border-collapse: collapse;\n min-width: 300px;\n table-layout: fixed;\n .col-01 {\n width: 32px;\n }\n .col-02 {\n width: 38px;\n }\n .col-03 {\n width: 50px;\n }\n .col-04 {\n width: 58px;\n }\n\n @media (max-width: 767px) {\n .col-01 {\n width: 32px;\n }\n .col-02 {\n width: 35px;\n }\n .col-03 {\n width: 25px;\n }\n .col-04 {\n width: 30px;\n }\n }\n"]);return nr=function(){return n},n}function no(){var n=(0,o.Z)(["\n padding: 8px 3px;\n font-size: 18px;\n font-weight: ",";\n color: ",";\n text-align: ",";\n padding-left: ",";\n background: var(--tertiary-color, #fafbfe);\n border-bottom: 1px solid var(--quaternary-color, #d2def2);\n white-space: nowrap;\n"]);return no=function(){return n},n}function nl(){var n=(0,o.Z)(["\n background: var(--white-color, #fff);\n border-bottom: 1px solid var(--border-gray, #e6e6e6);\n transition: background 0.12s;\n\n &:last-child {\n border-bottom: none;\n }\n &:hover {\n background: var(--tertiary-color, #fafbfe);\n }\n"]);return nl=function(){return n},n}
1function nd(){var n=(0,o.Z)(["\n padding: 11px 3px 11px 7px;\n font-size: 20px;\n font-weight: 600;\n color: var(--text-color, #333);\n text-align: center;\n border-left: 3px solid ",";\n"]);return nd=function(){return n},n}function nc(){var n=(0,o.Z)(["\n padding: 8px 3px;\n vertical-align: middle;\n text-align: center;\n"]);return nc=function(){return n},n}function ns(){var n=(0,o.Z)(["\n padding: 11px 6px 11px 3px;\n font-size: 20px;\n color: var(--text-color, #333);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"]);return ns=function(){return n},n}function n$(){var n=(0,o.Z)(["\n padding: 11px 3px;\n font-size: 20px;\n color: var(--secondary-gray, #666);\n text-align: center;\n"]);return n$=function(){return n},n}function np(){var n=(0,o.Z)(["\n padding: 11px 3px;\n font-size: 20px;\n font-weight: 700;\n color: var(--primary-color, #0600e7);\n text-align: center;\n"]);return np=function(){return n},n}var nu=["ม.à¸.","à¸.à¸.","มี.à¸.","à¹à¸¡.ย.","à¸.à¸.","มิ.ย.","à¸.à¸.","ส.à¸.","à¸.ย.","à¸.à¸.","à¸.ย.","à¸.à¸."];function ng(n){var e,t;return(null==n?void 0:null===(e=n.data)||void 0===e?void 0:null===(t=e.matches)||void 0===t?void 0:t.length)?[{matches:n.data.matches.map(function(n){var e;return{status:function(n){switch(n){case"FT":return"FT";case"LIVE":return"LIVE";case"HT":return"HT";case"NOT STARTED":return"";default:return n||""}}(n.status),isLive:"LIVE"===n.status,home:n.home.name_th,homeLogo:n.home.imageFlag,score:n.score||null,time:(e=n.time,e?e.slice(0,5):"-"),away:n.away.name_th,awayLogo:n.away.imageFlag,location:n.location}})}]:null}var nx="schedule",nm="standings",nf=function(n){var e,t,a,r,o=n.activeTab,c=(t=(e=new Date).getFullYear(),a=String(e.getMonth()+1).padStart(2,"0"),r=String(e.getDate()).padStart(2,"0"),"".concat(t,"-").concat(a,"-").concat(r)),s=(0,_.Z)(),$=(0,g.useState)(nx),p=$[0];$[1];var u=null!=o?o:p,x=(0,g.useState)([]),m=x[0],h=x[1],b=(0,g.useState)(0),v=b[0],w=b[1],y=(0,g.useState)(c),k=y[0],j=y[1],S=(0,g.useState)(null),Z=S[0],N=S[1],z=(0,g.useState)(!1),D=z[0],B=z[1],E=(0,g.useState)(null),T=E[0],L=E[1],R=(0,g.useState)(!1),H=R[0],C=R[1],W=(0,g.useState)(null),P=W[0],M=W[1],A=(0,g.useState)(!1),X=A[0],O=A[1],U=(0,g.useState)(null),G=U[0],V=U[1],q=(0,g.useState)(!1),K=q[0],Q=q[1],Y=(0,g.useState)(null),J=Y[0],nn=Y[1],ne=(0,g.useState)(0),nt=ne[0],ni=ne[1],na=(0,g.useState)(0),nr=na[0],no=na[1],nl=(0,g.useState)("right"),nd=nl[0],nc=nl[1],ns=(0,g.useState)(0),n$=ns[0],np=ns[1],nf=(0,g.useState)("right"),nE=nf[0],nT=nf[1],nL=(0,g.useMemo)(function(){var n;return Array.isArray(n=P)?n:Array.isArray(null==n?void 0:n.data)?n.data:[]},[P]);(0,g.useEffect)(function(){nL.length>0&&!J&&nn(nL[0].name)},[nL.length]);var n8,nR=(0,g.useCallback)((0,i.Z)(function(){var n,e,t,i,a,r,o,d,s,$,p,u;return(0,l.__generator)(this,function(l){switch(l.label){case 0:B(!0),L(null),l.label=1;case 1:return l.trys.push([1,4,5,6]),i={},t=I.signedTempUrlWithParams("/worldcup2026/livescore",i,3600),a="".concat(f.Tr).concat(t),console.log("[WidgetFootballSchedule] fetchInitial URL:",a),[4,fetch(a,((o={}).method="GET",o.headers={"Content-Type":"text/plain"},o))];case 2:if(!(r=l.sent()).ok)throw Error("HTTP ".concat(r.status));return[4,r.json()];case 3:return d=l.sent(),console.log("[WidgetFootballSchedule] fetchInitial response:",d),(null==d?void 0:null===(n=d.data)||void 0===n?void 0:null===(e=n.dates)||void 0===e?void 0:e.length)&&(s=d.data.dates,$=d.data.date||c,h(s),j($),-1!==(p=s.indexOf($))&&w(Math.max(0,p-2))),N(ng(d)),[3,6];case 4:return u=l.sent(),console.error("[WidgetFootballSchedule] fetchInitial error:",u),L(u.message),C(!0),N(null),[3,6];case 5:return B(!1),[7];case 6:return[2]}})}),[]),nH=(0,g.useCallback)((n8=(0,i.Z)(function(n){var e,t,i,a,r,o;return(0,l.__generator)(this,function(l){switch(l.label){case 0:B(!0),L(null),l.label=1;case 1:return l.trys.push([1,4,5,6]),t={},e=I.signedTempUrlWithParams("/worldcup2026/livescore/".concat(n),t,3600),i="".concat(f.Tr).concat(e),console.log("[WidgetFootballSchedule] fetchMatches URL:",i),[4,fetch(i)];case 2:if(!(a=l.sent()).ok)throw Error("HTTP ".concat(a.status));return[4,a.json()];case 3:return r=l.sent(),console.log("[WidgetFootballSchedule] fetchMatches response:",r),N(ng(r)),[3,6];case 4:return o=l.sent(),console.error("[WidgetFootballSchedule] fetchMatches error:",o),L(o.message),N(null),[3,6];case 5:return B(!1),[7];case 6:return[2]}})}),function(n){return n8.apply(this,arguments)}),[]),nF=(0,g.useCallback)((0,i.Z)(function(){var n,e,t,i,a,r;return(0,l.__generator)(this,function(o){switch(o.label){case 0:O(!0),V(null),o.label=1;case 1:return o.trys.push([1,4,5,6]),e={},n=I.signedTempUrlWithParams("/worldcup2026/groups",e,3600),t="".concat(f.Tr).concat(n),console.log("[WidgetFootballSchedule] fetchGroups URL:",t),[4,fetch(t)];case 2:if(!(i=o.sent()).ok)throw Error("HTTP ".concat(i.status));return[4,i.json()];case 3:return a=o.sent(),console.log("[WidgetFootballSchedule] fetchGroups response:",a),M(a),Q(!0),[3,6];case 4:return r=o.sent(),console.error("[WidgetFootballSchedule] fetchGroups error:",r),V(r.message),M(null),[3,6];case 5:return O(!1),[7];case 6:return[2]}})}),[]);(0,g.useEffect)(function(){nR()},[]),(0,g.useEffect)(function(){u!==nm||K||nF()},[u]);var nC=(null==s?void 0:s.isMobile)?3:5,nW=m.slice(v,v+nC),nP=v>0,nM=v+nC<m.length,nA=(null==s?void 0:s.isMobile)?4:6,nI=nL.slice(nt,nt+nA),nX=nt>0,nO=nt+nA<nL.length,nU=J?nL.find(function(n){return n.name===J}):null;return(0,d.jsxs)(nh,{children:[u===nx&&(0,d.jsxs)(d.Fragment,{children:[!H&&(0,d.jsxs)(nb,{children:[(0,d.jsx)(n_,{onClick:function(){nP&&(nc("left"),no(function(n){return n+1}),w(function(n){return Math.max(0,n-nC)}))},disabled:!nP,"aria-label":"วัà¸à¸à¹à¸à¸à¸«à¸à¹à¸²",children:"â¹"}),(0,d.jsx)(nv,{$dir:nd,children:nW.map(function(n){var e,t,i,a,r;return(0,d.jsx)(nw,{$active:n===k,onClick:function(){j(n),nH(n)},children:(e=n,i=(t=(0,F.Z)(e.split("-").map(Number),3))[0],a=t[1],r=t[2],"".concat(r," ").concat(nu[a-1]," ").concat(String(i+543).slice(2)))},n)})},nr),(0,d.jsx)(n_,{onClick:function(){nM&&(nc("right"),no(function(n){return n+1}),w(function(n){return Math.min(m.length-nC,n+nC)}))},disabled:!nM,"aria-label":"วัà¸à¸à¸±à¸à¹à¸",children:"âº"})]}),(0,d.jsx)(n0,{children:D?(0,d.jsx)(ny,{children:"à¸à¸³à¸¥à¸±à¸à¹à¸«à¸¥à¸à¸à¹à¸à¸¡à¸¹à¸¥..."}):T?(0,d.jsx)(ny,{children:"à¹à¸¡à¹à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸«à¸¥à¸à¸à¹à¸à¸¡à¸¹à¸¥à¹à¸à¹"}):Z?Z.map(function(n,e){return(0,d.jsx)("div",{children:n.matches.map(function(n,e){return(0,d.jsxs)(nk,{children:[(0,d.jsx)(n4,{children:n.isLive?(0,d.jsx)(n1,{children:"LIVE"}):"FT"===n.status||"HT"===n.status?(0,d.jsx)(nj,{children:n.status}):(0,d.jsx)(n3,{children:n.time})}),(0,d.jsx)(n2,{$right:!0,children:n.home}),(0,d.jsx)(n5,{src:n.homeLogo,alt:n.home,onError:function(n){n.target.style.display="none"}}),(0,d.jsx)(n6,{$hasScore:!!n.score,children:n.score||"VS"}),(0,d.jsx)(n5,{src:n.awayLogo,alt:n.away,onError:function(n){n.target.style.display="none"}}),(0,d.jsx)(n2,{children:n.away})]},e)})},e)}):(0,d.jsx)(ny,{children:"à¹à¸¡à¹à¸¡à¸µà¸à¸²à¸£à¹à¸à¹à¸à¸à¸±à¸"})})]}),u===nm&&(0,d.jsxs)(d.Fragment,{children:[nL.length>0&&(0,d.jsxs)(nb,{children:[(0,d.jsx)(n_,{onClick:function(){nX&&(nT("left"),np(function(n){return n+1}),ni(function(n){return Math.max(0,n-nA)}))},disabled:!nX,"aria-label":"à¸à¸¥à¸¸à¹à¸¡à¸à¹à¸à¸à¸«à¸à¹à¸²",children:"â¹"}),(0,d.jsx)(nv,{$dir:nE,children:nI.map(function(n){return(0,d.jsxs)(nw,{$active:n.name===J,onClick:function(){return nn(n.name)},children:["à¸à¸¥à¸¸à¹à¸¡ ",n.name]},n.name)})},n$),(0,d.jsx)(n_,{onClick:function(){nO&&(nT("right"),np(function(n){return n+1}),ni(function(n){return Math.min(nL.length-nA,n+nA)}))},disabled:!nO,"aria-label":"à¸à¸¥à¸¸à¹à¸¡à¸à¸±à¸à¹à¸",children:"âº"})]}),(0,d.jsx)(n0,{$noPadding:!0,children:X?(0,d.jsx)(ny,{children:"à¸à¸³à¸¥à¸±à¸à¹à¸«à¸¥à¸à¸à¹à¸à¸¡à¸¹à¸¥..."}):G?(0,d.jsx)(ny,{children:"à¹à¸¡à¹à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸«à¸¥à¸à¸à¹à¸à¸¡à¸¹à¸¥à¹à¸à¹"}):nU?(0,d.jsxs)(nS,{children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{className:"col-01"}),(0,d.jsx)("col",{className:"col-02"}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{className:"col-03"}),(0,d.jsx)("col",{className:"col-03"}),(0,d.jsx)("col",{className:"col-03"}),(0,d.jsx)("col",{className:"col-03"}),(0,d.jsx)("col",{className:"col-03"}),(0,d.jsx)("col",{className:"col-03"}),(0,d.jsx)("col",{className:"col-03"}),(0,d.jsx)("col",{className:"col-04"})]}),(0,d.jsx)("thead",{children:(0,d.jsxs)("tr",{children:[(0,d.jsx)(nZ,{colSpan:3,$left:!0,children:"à¸à¸µà¸¡"}),(0,d.jsx)(nZ,{children:"à¹à¸à¹à¸"}),(0,d.jsx)(nZ,{children:"à¸à¸à¸°"}),(0,d.jsx)(nZ,{children:"à¹à¸ªà¸¡à¸"}),(0,d.jsx)(nZ,{children:"à¹à¸à¹"}),(0,d.jsx)(nZ,{children:"à¹à¸à¹"}),(0,d.jsx)(nZ,{children:"à¹à¸ªà¸µà¸¢"}),(0,d.jsx)(nZ,{children:"à¸à¹à¸²à¸"}),(0,d.jsx)(nZ,{$pts:!0,children:"à¹à¸à¹à¸¡"})]})}),(0,d.jsx)("tbody",{children:nU.standings.map(function(n){return(0,d.jsxs)(nN,{children:[(0,d.jsx)(nz,{$qualified:n.isQualified,children:n.rank}),(0,d.jsx)(n7,{children:(0,d.jsx)("img",{src:n.team.imageFlag,alt:n.team.name_th,style:{width:26,height:17,objectFit:"contain",display:"block",margin:"0 auto"},onError:function(n){n.target.style.display="none"}})}),(0,d.jsx)(n9,{children:n.team.name_th}),(0,d.jsx)(nD,{children:n.matches}),(0,d.jsx)(nD,{children:n.won}),(0,d.jsx)(nD,{children:n.drawn}),(0,d.jsx)(nD,{children:n.lost}),(0,d.jsx)(nD,{children:n.goals_scored}),(0,d.jsx)(nD,{children:n.goals_conceded}),(0,d.jsx)(nD,{children:n.goal_diff>0?"+".concat(n.goal_diff):n.goal_diff}),(0,d.jsx)(nB,{children:n.points})]},n.rank)})})]}):(0,d.jsx)(ny,{children:"à¹à¸¡à¹à¸¡à¸µà¸à¹à¸à¸¡à¸¹à¸¥à¸à¸²à¸£à¸²à¸à¸à¸°à¹à¸à¸"})})]})]})},nh=y.default.div(X()),nb=y.default.div(O()),n_=y.default.button(U(),function(n){return n.disabled?"var(--border-gray, #e6e6e6)":"var(--black-color, #000000)"},function(n){return n.disabled?"default":"pointer"}),nv=y.default.div(G(),function(n){var e=n.$dir;return"right"===e?"navSlideRight":"left"===e?"navSlideLeft":"none"}),nw=y.default.div(V(),function(n){return n.$active?"20px":"18px"},function(n){return n.$active?"700":"400"},function(n){return n.$active?"var(--white-color, #fff)":"var(--secondary-gray, #666)"},function(n){return n.$active?"var(--black-color, #000000)":"transparent"},function(n){return n.$active?"var(--black-color, #000000)":"rgba(6, 0, 231, 0.08)"},function(n){return n.$active?"var(--white-color, #fff)":"var(--black-color, #000000))"}),n0=y.default.div(q(),function(n){return n.$noPadding?"0":"4px 10px 8px"}),ny=y.default.div(K()),nk=y.default.div(Q()),n4=y.default.div(Y()
1),n1=y.default.span(J()),nj=y.default.span(nn()),n3=y.default.span(ne()),n2=y.default.span(nt(),function(n){return n.$right?"right":"left"}),n5=y.default.img(ni()),n6=y.default.span(na(),function(n){return n.$hasScore?"var(--secondary-blue, #004084)":"var(--tertiary-color, #fafbfe)"},function(n){return n.$hasScore?"var(--secondary-blue, #004084)":"var(--border-gray, #e6e6e6)"},function(n){return n.$hasScore?"#ffffff":"var(--secondary-gray, #666)"},function(n){return n.$hasScore?'"DBHelvethaicaXBd", sans-serif':'"DBHelvethaica", sans-serif'},function(n){return n.$hasScore?"8px":"6px"},function(n){return n.$hasScore?"5px 10px":"4px 8px"},function(n){return n.$hasScore?"105px":"auto"},function(n){return n.$hasScore?"22px":"18px"},function(n){return n.$hasScore?"700":"400"},function(n){return n.$hasScore?"1px":"0"},function(n){return n.$hasScore?"18px":"14px"},function(n){return n.$hasScore?"6px 6px":"6px 4px"},function(n){return n.$hasScore?"95px":"auto"},function(n){return n.$hasScore?"2px":"0"}),nS=y.default.table(nr()),nZ=y.default.th(no(),function(n){return n.$pts?"700":"500"},function(n){return n.$pts?"var(--primary-color, #0600e7)":"var(--secondary-gray, #666)"}
1,function(n){return n.$left?"left":"center"},function(n){return n.$left?"10px":"3px"}),nN=y.default.tr(nl()),nz=y.default.td(nd(),function(n){return n.$qualified?"var(--primary-color, #0600e7)":"transparent"}),n7=y.default.td(nc()),n9=y.default.td(ns()),nD=y.default.td(n$()),nB=y.default.td(np());function nE(){var n=(0,o.Z)(["\n position: relative;\n width: 100%;\n padding: 45px 0;\n background-image: url(",");\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n margin-bottom: 15px;\n\n @media (max-width: 690px) {\n background-image: url(",");\n padding: 35px 0;\n }\n\n /* ââ 2-col body ââ */\n .worldcup-body {\n display: grid;\n grid-template-columns: 1.5fr 1fr;\n gap: 18px;\n align-items: flex-start;\n\n &.--full {\n grid-template-columns: 1fr;\n }\n\n @media (min-width: 768px) {\n /* padding: 20px 0 0; */\n }\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n }\n\n /* ââ LEFT column ââ */\n .worldcup-left {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n /* ââ Header row: logo à¸à¹à¸²à¸¢, segmented à¸à¸§à¸² ââ */\n .worldcup-left-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 12px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n align-items: center;\n gap: 8px;\n }\n }\n\n .worldcup-logo {\n height: 75px;\n width: auto;\n object-fit: contain;\n object-position: left center;\n flex-shrink: 0;\n\n @media (max-width: 690px) {\n height: 60px;\n }\n }\n\n /* ââ Segmented control ââ */\n .seg-group {\n display: inline-flex;\n background: rgba(255, 255, 255, 0.92);\n border-radius: 8px;\n padding: 3px;\n gap: 2px;\n flex-shrink: 0;\n backdrop-filter: blur(4px);\n }\n\n .seg-btn {\n padding: 7px 16px;\n border-radius: 6px;\n font-size: 20px;\n font-family: 'DBHelvethaica', sans-serif;\n font-weight: 400;\n color: var(--secondary-gray, #666);\n background: transparent;\n border: none;\n cursor: pointer;\n white-space: nowrap;\n line-height: 1;\n transition:\n background 0.18s,\n color 0.18s;\n\n &.active {\n background: var(--black-color, #000000);\n color: #fff;\n font-weight: 700;\n }\n\n &:hover:not(.active) {\n background: rgba(6, 0, 231, 0.08);\n color: var(--black-color, #000000);\n }\n\n @media (max-width: 480px) {\n padding: 6px 10px;\n font-size: 16px;\n }\n }\n\n /* ââ RIGHT column: news ââ */\n .worldcup-news {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n gap: 10px;\n .card-h {\n padding: 7px 7px 2px;\n background: #353535;\n border-radius: 8px;\n\n @media (max-width: 768px) {\n padding: 7px;\n }\n .card-image {\n width: 35%;\n @media (max-width: 768px) {\n width: 45%;\n }\n @media (max-width: 390px) {\n width: 50%;\n }\n }\n\n .card-title,\n .card-h-content-title {\n font-size: 18pt;\n min-height: 55px;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n -webkit-line-clamp: 2;\n color: white;\n }\n\n .card-h-content-meta span {\n color: rgb(255, 255, 255);\n }\n .date-publish--icon,\n .date-publish small {\n color: #969595;\n }\n }\n }\n\n .more {\n cursor: pointer;\n font-size: 20px;\n color: #ffffff;\n text-align: right;\n height: 70px;\n display: flex;\n align-items: flex-end;\n justify-content: right;\n @media (max-width: 768px) {\n height: 35px;\n }\n }\n\n /* ââ Mobile order ââ */\n @media (max-width: 768px) {\n .worldcup-left {\n order: 1;\n padding-top: 10px;\n }\n .worldcup-news {\n order: 2;\n }\n }\n"]);return nE=function(){return n},n}var nT="schedule",nL="standings",n8=function(n){var e=n.id,t=n.data,o=n.eventDataLayer;(0,u.useRouter)();var c=(0,g.useState)([]),$=c[0],x=c[1],m=(0,g.useState)(nT),h=m[0],y=m[1],k=(0,b.b$)(null==t?void 0:t.dataSet,"background-desktop",!0),S=(0,b.b$)(null==t?void 0:t.dataSet,"background-mobile",!0),Z=(0,b.b$)(null==t?void 0:t.dataSet,"header-desktop",!0),N=(0,b.b$)(null==t?void 0:t.dataSet,"index",!0),z=(0,_.Z)().isMobile;return(0,g.useEffect)(function(){(0,i.Z)(function(){var n,e;return(0,l.__generator)(this,function(t){switch(t.label){case 0:if(t.trys.push([0,3,,4]),s().isEmpty(N))return[3,2];return[4,(0,w.H)("".concat(f.G9,"/api/search/tag?name=").concat(N,"&limit=3"),!0)];case 1:x((n=t.sent())||[]),t.label=2;case 2:return[3,4];case 3:return e=t.sent(),console.error("".concat((0,v.AB)()," ==========> SectionWorldcup ERROR :"),e.message),[3,4];case 4:return[2]}})})()},[N]),(0,d.jsx)(nR,{id:e,$backgroundDt:k,$backgroundMb:S,style:{filter:"true"===f.WT?"grayscale(0.7)":""},children:(0,d.jsxs)("div",{className:"container worldcup-body".concat(0===$.length?" --full":""),children:[(0,d.jsxs)("div",{className:"worldcup-left",children:[(0,d.jsxs)("div",{className:"worldcup-left-header",children:[Z?(0,d.jsx)("img",{className:"worldcup-logo",src:Z,alt:"worldcup heading"}):(0,d.jsx)("span",{}),(0,d.jsxs)("div",{className:"seg-group",children:[(0,d.jsx)("button",{className:"seg-btn".concat(h===nT?" active":""),onClick:function(){return y(nT)},children:"à¸à¸²à¸£à¸²à¸à¸à¸²à¸£à¹à¸à¹à¸à¸à¸±à¸"}),(0,d.jsx)("button",{className:"seg-btn".concat(h===nL?" active":""),onClick:function(){return y(nL)},children:"à¸à¸²à¸£à¸²à¸à¸à¸°à¹à¸à¸"})]})]}),(0,d.jsx)(nf,{activeTab:h})]}),(0,d.jsxs)("div",{className:"worldcup-news",children:[!p()($)&&N&&!z&&(0,d.jsx)("a",{href:"/tags/".concat(N),className:"more",children:"à¸à¸¹à¸à¸±à¹à¸à¸«à¸¡à¸"}),$.map(function(n,t){return(0,d.jsx)(j.Z,{data:n,showBlurb:!1,showBadge:!1,showPublishDate:!0,eventDataLayer:(0,r.Z)((0,a.Z)({},o),{section:e,data:(0,r.Z)((0,a.Z)({},null==o?void 0:o.data),{title:null==n?void 0:n.title,index:t+1})})},t)}),!p()($)&&N&&z&&(0,d.jsx)("a",{href:"/tags/".concat(N),className:"more",children:"à¸à¸¹à¸à¸±à¹à¸à¸«à¸¡à¸"})]})]})})},nR=y.default.div(nE(),function(n){return n.$backgroundDt},function(n){return n.$backgroundMb}),nH=t(5152),nF=t.n(nH),nC=t(86204);function nW(){var n=(0,o.Z)(["\n position: relative;\n width: 100%;\n background: #ffffff;\n margin-bottom: 15px;\n\n background-image: ",";\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n padding-top: 3rem;\n padding-bottom: 1rem;\n margin-top: 2rem;\n margin-right: auto;\n margin-left: auto;\n max-width: 1700px !important;\n @media (max-width: 690px) {\n background-image: ",";\n background-position: top;\n padding-top: 1rem;\n }\n /* ââ two-column grid ââ */\n\n .title {\n text-align: center;\n font-size: 84px;\n font-family: 'DBHelvethaicaXMed', sans-serif;\n letter-spacing: 3.5px;\n line-height: 0.75;\n\n /* gradient text */\n background: ",";\n /* background: linear-gradient(to right, #010101 42%, #0f8ec0 100%); */\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: transparent;\n @media (max-width: 768px) {\n font-size: 29px;\n line-height: 1;\n letter-spacing: 1px;\n font-family: 'DBHelvethaicaXBd', sans-serif;\n }\n }\n .body-sub {\n display: flex;
1\n align-items: center;\n justify-content: center;\n gap: 0;\n }\n .col-sub-1 {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n /* padding: 0 24px; */\n .subtitle,\n .label {\n text-align: right;\n p {\n padding: 0 24px;\n @media (max-width: 768px) {\n padding: 0 14px;\n }\n }\n }\n .subtitle {\n border-bottom: 2px solid transparent;\n border-image: linear-gradient(to right, transparent 0%, transparent 30%, rgb(69 106 153 / 80%) 100%) 1;\n }\n }\n .col-sub-2 {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n /* padding: 0 24px; */\n .subtitle,\n .label {\n p {\n padding: 0 24px;\n @media (max-width: 768px) {\n padding: 0 14px;\n }\n }\n }\n .subtitle {\n border-bottom: 2px solid transparent;\n border-image: linear-gradient(to left, transparent 0%, transparent 30%, rgb(69 106 153 / 80%) 100%) 1;\n }\n }\n .divider {\n width: 2px;\n height: 54px;\n background: rgba(255, 255, 255, 0.87);\n flex-shrink: 0;\n\n @media (max-width: 768px) {\n height: 42px;\n }\n }\n\n /* subtitle à¹à¸¥à¸° label à¹à¸à¹ style à¹à¸à¸´à¸¡ à¹à¸à¹à¹à¸à¸² text-align: center à¹à¸§à¹à¹à¸à¹à¹à¸¥à¸¢ */\n .subtitle {\n width: 100%;\n color: white;\n font-size: 28px;\n line-height: 1.1;\n @media (max-width: 768px) {\n font-size: 16px;\n }\n }\n\n .label {\n width: 100%;\n color: white;\n font-family: 'DBHelvethaicaXThin', sans-serif;\n font-size: 24px;\n letter-spacing: 1px;\n line-height: 1.1;\n @media (max-width: 768px) {\n font-size: 16px;\n }\n }\n .gd-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 28px;\n padding: 24px;\n background: white;\n border-radius: 20px;\n margin-top: 1rem;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n gap: 24px;\n padding: 18px;\n }\n }\n"]);return nW=function(){return n},n}function nP(){var n=(0,o.Z)(["\n /* ââ single event block ââ */\n .gd-heading-link {\n text-decoration: none;\n display: block;\n\n /* heading text transition */\n .gd-block-heading {\n display: inline-block;\n transition:\n letter-spacing 0.3s ease,\n opacity 0.2s ease;\n }\n\n /* divider line transition */\n .gd-divider-line {\n transition:\n transform 0.35s ease,\n background 0.35s ease;\n transform-origin: left center;\n }\n\n &:hover {\n .gd-block-heading {\n letter-spacing: 3px;\n /* opacity: 0.75; */\n }\n\n .gd-divider-line {\n transform: scaleX(1.05);\n background: linear-gradient(to right, ",", transparent);\n }\n }\n }\n\n .gd-block {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n /* ââ heading row: text + extending line ââ */\n .gd-block-header {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .gd-block-heading {\n font-size: 40px;\n font-family: 'DBHelvethaica', sans-serif;\n font-weight: 700;\n color: ",";\n white-space: nowrap;\n line-height: 1.1;\n font-family: 'DBHelvethaicaXMed', sans-serif;\n letter-spacing: 1.5px;\n @media (max-width: 480px) {\n font-size: 28px;\n letter-spacing: 0.5px;\n }\n }\n\n .gd-divider-line {\n flex: 1;\n height: 3px;\n background: ",";\n border-radius: 2px;\n }\n\n /* ââ sub-label (teal / brand accent) ââ */\n .gd-block-label {\n margin: 0;\n font-size: 24px;\n font-family: 'DBHelvethaica', sans-serif;\n font-weight: 400;\n color: ",";\n line-height: 1.3;\n margin-bottom: 5px;\n @media (max-width: 480px) {\n font-size: 21px;\n margin-bottom: 10px;\n }\n }\n\n /* ââ featured image wrapper (16:9 crop) ââ */\n .gd-featured-wrap {\n display: block;\n width: 100%;\n overflow: hidden;\n border-radius: 8px;\n aspect-ratio: 16 / 9;\n background: #d8e8f0;\n flex-shrink: 0;\n }\n\n .gd-featured-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.3s ease;\n\n .gd-featured-wrap:hover & {\n transform: scale(1.04);\n }\n }\n\n /* ââ featured title + subtitle block ââ */\n .gd-feature-text {\n display: block;\n text-decoration: none;\n color: inherit;\n\n &:hover .gd-feature-title {\n text-decoration: underline;\n }\n }\n\n .gd-feature-title {\n margin: 0;\n font-size: 22px;\n font-family: 'DBHelvethaica', sans-serif;\n font-weight: 700;\n color: var(--black-color, #0d1b2a);\n line-height: 1.3;\n\n @media (max-width: 480px) {\n font-size: 19px;\n }\n }\n\n .gd-feature-subtitle {\n margin: 4px 0 0;\n font-size: 19px;\n font-family: 'DBHelvethaica', sans-serif;\n font-weight: 400;\n color: var(--secondary-gray, #555);\n line-height: 1.4;\n\n @media (max-width: 480px) {\n font-size: 16px;\n }\n }\n .card-v {\n .card-v-content-title {\n font-size: 34px !important;\n min-height: 40px !important;\n -webkit-line-clamp: 1;\n color: #163061 !important;\n @media (max-width: 480px) {\n font-size: 25px !important;\n min-height: 31px !important;\n -webkit-line-clamp: unset;\n }\n }\n .text-excerpt-3 {\n font-size: 24px;\n color: #163061 !important;\n -webkit-line-clamp: 1;\n @media (max-width: 768px) {\n font-size: 21px !important;\n -webkit-line-clamp: 2;\n }\n }\n }\n /* ââ article card list ââ */\n .gd-articles {\n display: flex;\n flex-direction: column;\n gap: 14px;\n @media (max-width: 768px) {\n gap: 0px;\n }\n .card-h {\n @media (max-width: 768px) {\n padding: 6px;\n }\n\n .card-image {\n width: 35%;\n\n @media (max-width: 768px) {\n width: 42%;\n }\n @media (max-width: 390px) {\n width: 48%;\n }\n }\n\n .card-title,\n .card-h-content-title {\n font-size: 18pt;\n font-weight: 700;\n font-family: 'DBHelvethaicaXMed', sans-serif;\n color: #163061;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n min-height: 52px;\n }\n\n .card-h-content-meta span {\n color: #666;\n }\n\n .date-publish--icon,\n .date-publish small {\n color: #999;\n }\n }\n }
1\n .gd-empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 40px 0;\n opacity: 0.4;\n height: 20rem;\n background: #e3e3e3;\n border-radius: 20px;\n }\n\n .gd-empty-text {\n margin: 0;\n font-size: 22px;\n font-family: 'DBHelvethaica', sans-serif;\n color: var(--black-color, #0d1b2a);\n }\n\n .body-all {\n display: flex;\n align-items: center;\n justify-content: right;\n }\n .live-more {\n color: #163061;\n font-size: 22px;\n text-decoration: none;\n }\n\n .ml-5 {\n margin-left: 5px;\n }\n"]);return nP=function(){return n},n}var nM=nF()(Promise.resolve().then(t.bind(t,40166)),{loadableGenerated:{webpack:function(){return[40166]}}}),nA=function(n){var e=n.id,t=n.data,o=n.eventDataLayer,c=(0,g.useState)([]),s=c[0],$=c[1],u=(0,g.useState)([]),x=u[0],m=u[1],h=(0,b.b$)(null==t?void 0:t.dataSet,"background-desktop",!0),_=(0,b.b$)(null==t?void 0:t.dataSet,"background-mobile",!0),y=(0,b.b$)(null==t?void 0:t.dataSet,"title",!0),k=(0,b.b$)(null==t?void 0:t.dataSet,"title-color",!0),S=(0,b.b$)(null==t?void 0:t.dataSet,"subtitle-1",!0),Z=(0,b.b$)(null==t?void 0:t.dataSet,"label-1",!0),N=(0,b.b$)(null==t?void 0:t.dataSet,"subtitle-2",!0),z=(0,b.b$)(null==t?void 0:t.dataSet,"label-2",!0),D=(0,b.b$)(null==t?void 0:t.dataSet,"block-1-heading",!0),B=(0,b.b$)(null==t?void 0:t.dataSet,"block-1-label",!0),E=(0,b.b$)(null==t?void 0:t.dataSet,"block-1-tag",!0),T=(0,b.b$)(null==t?void 0:t.dataSet,"block-2-heading",!0),L=(0,b.b$)(null==t?void 0:t.dataSet,"block-2-label",!0),R=(0,b.b$)(null==t?void 0:t.dataSet,"block-2-tag",!0);(0,g.useEffect)(function(){p()(E)||(0,i.Z)(function(){var n,e;return(0,l.__generator)(this,function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,(0,w.H)("".concat(f.G9,"/api/search/tag?name=").concat(E,"&limit=4"),!0)];case 1:return $((n=t.sent())||[]),[3,3];case 2:return e=t.sent(),console.error("".concat((0,v.AB)()," ==========> SectionGlobalDialogue block-1 ERROR :"),e.message),[3,3];case 3:return[2]}})})()},[E]),(0,g.useEffect)(function(){p()(R)||(0,i.Z)(function(){var n,e;return(0,l.__generator)(this,function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,(0,w.H)("".concat(f.G9,"/api/search/tag?name=").concat(R,"&limit=4"),!0)];case 1:return m((n=t.sent())||[]),[3,3];case 2:return e=t.sent(),console.error("".concat((0,v.AB)()," ==========> SectionGlobalDialogue block-2 ERROR :"),e.message),[3,3];case 3:return[2]}})})()},[R]);var H=function(n,t,i,l,c){var s="/tags/".concat(i);return(0,d.jsxs)(nX,{className:"gd-block",$blockIdx:c,children:[(0,d.jsx)("a",{href:s,className:"gd-heading-link",children:(0,d.jsxs)("div",{className:"gd-block-header",children:[n&&(0,d.jsx)("span",{className:"gd-block-heading",children:n}),(0,d.jsx)("span",{className:"gd-divider-line"})]})}),t&&(0,d.jsx)("p",{className:"gd-block-label",children:t}),p()(l)?(0,d.jsx)("div",{className:"gd-empty",children:(0,d.jsx)("p",{className:"gd-empty-text",children:"ยัà¸à¹à¸¡à¹à¸¡à¸µà¸à¸à¸à¸§à¸²à¸¡"})}):(0,d.jsxs)(d.Fragment,{children:[l.slice(0,1).map(function(n,e){return(0,d.jsx)("div",{className:"--item-".concat(e+1),children:(0,d.jsx)(nM,{data:n,description:!0,showFooter:!1,path:n.link,//! DATALAYER 2eventDataLayer:(0,r.Z)((0,a.Z)({},o),{data:(0,r.Z)((0,a.Z)({},null==o?void 0:o.data),{title:null==n?void 0:n.title,index:e+1})})})},e)}),(0,d.jsx)("div",{className:"gd-articles",children:l.slice(1,5).map(function(n,t){return(0,d.jsx)(j.Z,{data:n,showBlurb:!1,showBadge:!1,showPublishDate:!0,eventDataLayer:(0,r.Z)((0,a.Z)({},o),{section:e,data:(0,r.Z)((0,a.Z)({},null==o?void 0:o.data),{title:null==n?void 0:n.title,index:10*c+t+1})})},t)})}),(0,d.jsx)("div",{className:"body-all",children:(0,d.jsxs)("a",{href:s,className:"live-more",children:["View All ",(0,d.jsx)(nC.dhL,{className:"ml-5",size:12})]})})]})]})};return(0,d.jsxs)(nI,{id:e,style:{filter:"true"===f.WT?"grayscale(0.7)":""},$dt:h,$mb:_,$titleColor:k,children:[(0,d.jsxs)("div",{className:"container",children:[(0,d.jsx)("div",{className:"title",children:y}),(0,d.jsxs)("div",{className:"body-sub",children:[(0,d.jsxs)("div",{className:"col-sub-1",children:[(0,d.jsx)("div",{className:"subtitle",children:(0,d.jsx)("p",{children:S})}),(0,d.jsx)("div",{className:"label",children:(0,d.jsx)("p",{children:Z})})]}),(0,d.jsx)("div",{className:"divider"}),(0,d.jsxs)("div",{className:"col-sub-2",children:[(0,d.jsx)("div",{className:"subtitle",children:(0,d.jsx)("p",{children:N})}),(0,d.jsx)("div",{className:"label",children:(0,d.jsx)("p",{children:z})})]})]})]}),(0,d.jsx)("div",{className:"container",children:(0,d.jsxs)("div",{className:"gd-grid",children:[H(D,B,E,s,0),H(T,L,R,x,1)]})})]})},nI=y.default.div(nW(),function(n){var e=n.$dt;return e?"url(".concat(e,")"):"none"}
2,function(n){var e=n.$mb,t=n.$dt;return e?"url(".concat(e,")"):t?"url(".concat(t,")"):"none"},function(n){return n.$titleColor||"linear-gradient(to right, #ffffff 42%, #0f8ec0 100%)"}),nX=y.default.div(nP(),function(n){return n.$blockIdx,"#163061"},function(n){return n.$blockIdx,"#163061"},function(n){return n.$blockIdx,"#163061"},function(n){return n.$blockIdx,"#163061"});function nO(){var n=(0,o.Z)(["\n &.section-columnist {\n // display: grid;\n // grid-template-columns: repeat(2, 1fr);\n // grid-template-areas: 'block-1 block-2 ';\n padding: 0;\n .grid-lists {\n .card-wrapper .card-h .card-h-content {\n .card-h-content-title {\n font-size: 18pt;\n }\n .card-h-content-meta {\n span {\n font-size: 14pt;\n color: #707070;\n }\n svg {\n display: none;\n }\n }\n .card-h-content-title {\n font-size: 16pt;\n }\n }\n }\n // .block-1 {\n // grid-area: block-1;\n // }\n // .block-2 {\n // grid-area: block-2;\n // }\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n grid-template-areas: 'block-1' 'block-2' 'block-3';\n /* padding: 15px 10px ; */\n padding: 0;\n }\n }\n #spacial-bizelite {\n position: relative;\n .spacial-grid {\n padding: 1rem 1rem 2rem !important;\n @media (max-width: 767px) {\n padding: 11rem 1rem 0rem !important;\n }\n }\n .card-v-content-meta {\n margin-top: 5px;\n }\n .card-v-thumb {\n margin-bottom: 10px;\n }\n .more {\n color: #fff;\n /* position: absolute;\n bottom: 11px;\n right: 30px; */\n font-size: 16pt;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n width: 100%;\n padding-bottom: 20px;\n svg {\n margin-left: 5px;\n font-size: 16px;\n }\n :hover {\n color: #ffffff92;\n }\n }\n }\n #spacial-bizelite,\n #spacial-war {\n background-position: center;\n @media (min-width: 767px) and (max-width: 1024px) {\n background-size: contain;\n background-position: top center;\n background-color: white;\n }\n\n .spacial-grid {\n padding: 20rem 1rem 2rem;\n @media (max-width: 1024px) {\n padding: 11rem 1rem 0rem;\n }\n }\n .spacial-card {\n border-radius: 8px;\n }\n .spacial-grid-heading {\n padding-top: 4rem;\n }\n .spacial-grid-list .row {\n grid-gap: 20px;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n @media (max-width: 1024px) {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: '--item-1 --item-2' '--item-3 --item-4';\n }\n }\n }\n .card-v-content-title {\n @media (max-width: 768px) {\n -webkit-line-clamp: 3 !important;\n min-height: 70px !important;\n font-size: 18pt !important;\n line-height: 1.05 !important;\n }\n }\n"]);return nO=function(){return n},n}function nU(){var n=(0,o.Z)(["\n .block-wrapper {\n margin-bottom: 0;\n .card-v {\n margin-bottom: 0;\n @media (max-width: 992px) {\n margin-bottom: 20px;\n }\n .pageview {\n background-color: unset !important;\n }\n }\n }\n"]);return nU=function(){return n},n}function nG(){var n=(0,o.Z)(["\n position: relative;\n width: 100%;\n padding: 30px 0;\n background: rgb(255, 255, 255);\n background-image: url(",");\n /* background: rgb(66,158,21); */\n /* background: ","; */\n @media (max-width: 767px) {\n /* background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(166, 240, 186, 1) 61.6305%, rgba(93, 202, 242, 1) 100%); */\n padding: 40px 0 20px 0;\n }\n &.section-sustainability {\n .card-v-content-title {\n @media (max-width: 767px) {\n -webkit-line-clamp: 3 !important;\n min-height: 70px !important;\n font-size: 18pt !important;\n line-height: 1.05 !important;\n }\n }\n }\n &.section-olympic {\n padding: 0;\n .more {\n color: #fff;\n position: absolute;\n bottom: 11px;\n right: 30px;\n font-size: 16pt;
2\n :hover {\n color: #ffffff92;\n }\n }\n #spacial {\n background-position: center;\n @media (min-width: 767px) and (max-width: 1024px) {\n background-size: contain;\n background-position: top center;\n background-color: #796164;\n }\n\n .spacial-grid {\n padding: 15rem 1rem 2rem;\n @media (max-width: 1024px) {\n padding: 8rem 1rem 0rem;\n }\n }\n .spacial-card {\n border-radius: 8px;\n }\n .spacial-grid-list .row {\n grid-gap: 20px;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n @media (max-width: 1024px) {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: '--item-1 --item-2' '--item-3 --item-4';\n }\n }\n }\n #spacial-bizelite {\n position: relative;\n .spacial-grid {\n padding: 12rem 1rem 2rem !important;\n @media (max-width: 1024px) {\n padding: 11rem 1rem 0rem !important;\n }\n }\n .card-v-content-meta {\n margin-top: 5px;\n }\n .card-v-thumb {\n margin-bottom: 10px;\n }\n .more {\n color: #fff;\n position: absolute;\n bottom: 11px;\n right: 30px;\n font-size: 16pt;\n :hover {\n color: #ffffff92;\n }\n }\n }\n #spacial-bizelite,\n #spacial-war {\n background-position: center;\n @media (min-width: 767px) and (max-width: 1024px) {\n background-size: contain;\n background-position: top center;\n background-color: white;\n }\n\n .spacial-grid {\n padding: 20rem 1rem 2rem;\n @media (max-width: 1024px) {\n padding: 11rem 1rem 0rem;\n }\n }\n .spacial-card {\n border-radius: 8px;\n }\n .spacial-grid-list .row {\n grid-gap: 20px;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n @media (max-width: 1024px) {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: '--item-1 --item-2' '--item-3 --item-4';\n }\n }\n }\n }\n"]);return nG=function(){return n},n}function nV(n){var e,t,o=n.block1,c=n.block2,$=n.block3,y=n.block4,k=n.highlight,j=n.eventDataLayer,S=n.sectionBizelite,Z=n.sectionSustainability,N=n.sectionWorldcup,z=n.sectionGlobalDialogue,D=[c,k],B=(0,g.useState)(),F=B[0],C=B[1],W=(0,g.useState)(),P=W[0],M=W[1],A=(0,_.Z)().isMobile,I=(0,u.useRouter)();(0,g.useEffect)((0,i.Z)(function(){var n,e,t;return(0,l.__generator)(this,function(i){switch(i.label){case 0:if(i.trys.push([0,3,,4]),s().isEmpty(S))return[3,2];return n=(0,b.b$)(null==S?void 0:S.dataSet,"à¸à¸·à¹à¸à¹à¸à¹à¸",!0)||[],[4,(0,w.H)("".concat(f.IA,"/api/v1.0/categories/").concat(n,"?limit=4"),!0)];case 1:var o;C((Array.isArray(o=e=i.sent())?o.map(function(n){try{return(0,r.Z)((0,a.Z)({},n),{image:"".concat(f.Kw).concat(n.image),vertical_image:"".concat(f.Kw).concat(n.vertical_image),link:"".concat(f.XA).concat(n.link)})}catch(e){return console.error("Error patching item id:",null==n?void 0:n.id,e),n}}):[])||[]),i.label=2;case 2:return[3,4];case 3:return t=i.sent(),console.error("".concat((0,v.AB)()," ==========> sectionBizelite ERROR :"),t.message),[3,4];case 4:return[2]}})}),[S]),(0,g.useEffect)((0,i.Z)(function(){var n,e,t;return(0,l.__generator)(this,function(i){switch(i.label){case 0:if(i.trys.push([0,3,,4]),s().isEmpty(Z))return[3,2];return n=(0,b.b$)(null==Z?void 0:Z.dataSet,"index",!0)||[],[4,(0,w.H)("".concat(f.G9,"/api/v1.0/categories/").concat(n,"?limit=4"),!0)];case 1:M((e=i.sent())||[]),i.label=2;case 2:return[3,4];case 3:return t=i.sent(),console.error("".concat((0,v.AB)()," ==========> sectionBizelite ERROR :"),t.message),[3,4];case 4:return[2]}})}),[Z]);var X=(0,b.b$)(null==S?void 0:S.dataSet,"header-desktop",!0);return(0,d.jsxs)(d.Fragment,{children:[!s().isEmpty(z)&&(0,d.jsx)(nA,{id:"section-global-dialogue",data:z,eventDataLayer:(0,r.Z)((0,a.Z)({},j),{section:"section-global-dialogue",position:"à¹à¸à¹:section-1"})}),!p()(o)&&(0,d.jsx)(R.default,{id:"section-2",article:o,eventDataLayer:(0,r.Z)((0,a.Z)({},j),{section:"section-2",position:"à¹à¸à¹:section-1"})}),(0,d.jsx)(nQ,{id:"section-sustainability",className:"section-sustainability",bgSustainability:null===(e=s().find(null==Z?void 0:Z.dataSet,{key:"background-image"}))||void 0===e?void 0:e.value,style:{filter:"true"===f.WT?"grayscale(0.7)":""},children:(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(nK,{className:"container",children:(0,d.jsx)("div",{className:"row",children:(0,d.jsx)("div",{className:"col-12",children:(0,d.jsx)(m.default,{sectionEvent:null==Z?void 0:Z.dataSet,data:P,heading:"".concat((0,b.b$)(null==Z?void 0:Z.dataSet,"index",!0)),isSustain:!0,more:!0,path:"/category/".concat(null===(t=s().find(null==Z?void 0:Z.dataSet,{key:"index"}))||void 0===t?void 0:t.value),//! DATALAYER 3eventDataLayer:{type:h.$7.TRACK_POSITION,router:null==I?void 0:I.pathname,section:"section-4",position:"à¹à¸à¹:section-2",data:{heading:"Sustainability"}}})})})})})}),!s().isEmpty(N)&&(0,d.jsx)(n8,{id:"section-worldcup",data:N,eventDataLayer:(0,r.Z)((0,a.Z)({},j),{section:"section-worldcup",position:"à¹à¸à¹:section-spacial-bizelite"})}),!s().isEmpty(S)&&!s().isEmpty(F)&&(0,d.jsx)(nq,{style:{filter:"true"===f.WT?"grayscale(0.7)":""},children:(0,d.jsxs)(H.default,{id:"spacial-bizelite",data:S,children:[!A&&X&&(0,d.jsx)("div",{className:"container spacial-grid-heading",children:(0,d.jsx)("img",{src:X,alt:X||"heading",width:"100%",height:"100%"})}),(0,d.jsx)("div",{className:"container spacial-grid",children:(0,d.jsxs)("div",{className:"spacial-grid-list",style:{paddingTop:X?"1rem":A?"4rem":"9rem"},children:[(0,d.jsx)(m.default,{spacial:S,showSpacial:!1,showheading:!1,count:4,badge:!1,external:!0,withTarget:!0,data:F,heading:(0,b.b$)(null==S?void 0:S.dataSet,"à¸à¸·à¹à¸à¹à¸à¹à¸",!0),path:"",//! DATALAYER 4eventDataLayer:{type:h.$7.TRACK_POSITION,router:null==I?void 0:I.pathname,section:"section-spacial",position:"à¹à¸à¹:Latest News",data:{heading:(0,b.b$)(null==S?void 0:S.dataSet,"à¸à¸·à¹à¸à¹à¸à¹à¸",!0)}}}),(0,d.jsxs)("a",{target:"_blank",href:"".concat((0,b.b$)(null==S?void 0:S.dataSet,"link",!0)),className:"more",children:["à¸à¸¹à¸à¸±à¹à¸à¸«à¸¡à¸ ",(0,d.jsx)(x.FiArrowRightCircle,{})]})]})})]})}),!p()(D)&&(0,d.jsx)(nq,{id:"section-columnist",className:"section-10",
4style:{filter:"true"===f.WT?"grayscale(0.7)":""},children:(0,d.jsx)(E,{className:"",article:D,eventDataLayer:(0,r.Z)((0,a.Z)({},j),{section:"section-2",position:"à¹à¸à¹:section-9",data:{block:"1"}})})}),!p()($)&&(0,d.jsx)(L.default,{id:"section-3",article:$,showBlurb:!0,eventDataLayer:(0,r.Z)((0,a.Z)({},j),{section:"section-3",position:"à¹à¸à¹:section-columnist"})}),!p()(y)&&(0,d.jsx)(T.default,{id:"section-4",article:y,eventDataLayer:(0,r.Z)((0,a.Z)({},j),{section:"section-4",position:"à¹à¸à¹:section-3"})})]})}var nq=y.default.div(nO()),nK=y.default.div(nU()),nQ=y.default.div(nG(),function(n){return n.bgSustainability},function(n){return"".concat(n.bgSustainability?"radial-gradient(circle, rgba(255,255,255,1) 10%, rgba(60,166,73,1) 100%)":"")})},69251:function(n,e,t){t.r(e);var i=t(26042),a=t(69396),r=t(7297),o=t(85893),l=t(15072),d=t(186),c=t(66474),s=t(2657);function $(){var n=(0,r.Z)(["\n display: grid;\n grid-gap: 10px;\n padding: 15px 10px;\n /* @media (max-width: 767px) {\n padding: 15px 10px;\n } */\n\n &#section-4 {\n @media (max-width: 767px) {\n .grid-wrapper {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\n }\n }\n .grid-wrapper {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 10px;\n\n @media (max-width: 767px) {\n grid-template-columns: 1fr 1fr;\n /* grid-template-columns: repeat(2, minmax(0, 1fr)); */\n .card-h {\n display: block;\n .card-image {\n width: 100%;\n aspect-ratio: 16 / 9;\n }\n .card-title {\n font-size: 18pt;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n .card-blurb,\n .meta-badge {\n display: none;\n }\n }\n }\n }\n &.section-15 {\n @media (max-width: 768px) {\n .grid-wrapper {\n grid-template-columns: 1fr;\n }\n .card-h {\n display: flex;\n .card-image {\n width: 30%;\n }\n .card-title {\n font-size: 20pt;\n margin: 0;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n -webkit-line-clamp: 2;\n }\n }\n }\n }\n"]);return $=function(){return n},n}var p=function(n){var e,t,r=n.id,d=n.article,$=n.className,p=n.limit,g=n.eventDataLayer;return(0,o.jsxs)(u,{id:r,className:"".concat($," container"),style:{filter:"true"===l.WT?"grayscale(0.7)":""},children:[(0,o.jsx)(s.default,{heading:null==d?void 0:d.title,link:null==d?void 0:d.link}),(0,o.jsx)("div",{className:"grid-wrapper",children:null===(t=null==d?void 0:null===(e=d.data)||void 0===e?void 0:e.slice(0,void 0===p?4:p))||void 0===t?void 0:t.map(function(n,e){return(0,o.jsx)(c.Z,{data:n,showBlurb:!1,eventDataLayer:(0,a.Z)((0,i.Z)({},g),{data:(0,a.Z)((0,i.Z)({},null==g?void 0:g.data),{heading:null==d?void 0:d.title,title:null==n?void 0:n.title,index:e+1})}),showBadge:!0,showPublishDate:!0})})})]})},u=d.default.div($());e.default=p},633:function(n,e,t){t.r(e),t.d(e,{default:function(){return B}});var i=t(26042),a=t(69396),r=t(7297),o=t(85893),l=t(35161),d=t.n(l),c=t(15072),s=t(186),$=t(23614),p=t(47568),u=t(97582),g=t(41609),x=t.n(g),m=t(67294),f=t(87771),h=t(52091),b=t(55853),_=t(34892),v=t(39334),w=t(1903),y=t(477);function k(){var n=(0,r.Z)(["\n position: relative;\n display: flex;\n gap: 15px; /* Space between image and content */\n align-items: flex-start;\n :hover {\n img {\n transform: scale(1.15);\n }\n }\n .footer {\n padding-top: 10px;\n }\n .date-publish {\n &--icon {\n margin-right: 4px;\n margin-bottom: 2px;\n }\n &--icon,\n small {\n /* font-family: 'Nunito Sans', sans-serif !important; */\n text-transform: lowercase;\n font-size: 16pt;\n font-weight: 200;\n line-height: 1;\n color: #707070;\n }\n }\n a {\n width: 60%;\n }\n .card-image {\n flex-shrink: 0; /* Prevent the image from shrinking */\n width: 40%; /* Set width of the image section */\n position: relative;\n overflow: hidden;\n border-radius: 8px;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n aspect-ratio: 16 / 9;\n transition: all 1s ease-out;\n }\n }\n\n .card-content {\n flex-grow: 1; /* Allow the content to grow and fill remaining space */\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n .card-title {\n font-weight: 500;\n font-family: 'DBHelvethaicaXBd', sans-serif;\n font-size: 26pt;\n letter-spacing: 0;\n line-height: 1.45;\n margin: 10px 0;\n color: var(--text-color);\n }\n\n .card-blurb {\n font-size: 20pt;\n line-height: 1.25;\n font-weight: 400;\n color: var(--primary-gray);\n }\n }\n\n .meta-badge {\n /* position: absolute;\n bottom: 10px;\n left: 10px; */\n /* z-index: 1; */\n padding: 0px 10px;\n background-color: var(--secondary-gray);\n color: var(--white-color);\n font-size: 16pt;
4\n border-radius: 0 8px 0 8px;\n margin-right: 10px;\n }\n\n .byline {\n font-size: 14pt;\n font-weight: 300;\n color: var(--black-color);\n padding-top: 5px;\n }\n @media (max-width: 767px) {\n flex-direction: column-reverse;\n .card-image,\n a {\n width: 100%;\n }\n .card-content .card-title {\n font-size: 18pt;\n margin: 0;\n }\n .card-blurb,\n .byline {\n font-size: 12pt;\n }\n .footer {\n padding-top: 5px;\n }\n }\n"]);return k=function(){return n},n}function j(n){var e=n.data,t=n.className,a=n.showBadge,r=n.showTitle,l=n.showBlurb,d=n.showByline,s=n.showPublishDate,$=n.showCountView,g=n.showFooter,k=n.eventDataLayer,j=void 0===k?{}:k,Z=n.external,N=n.path,z=void 0===N?"":N,D=n.size;if(x()(e))return null;var B=(0,m.useState)(0),E=B[0],T=B[1],L=void 0!==$&&$&&Number(E)>Number(c.d$),R=(void 0===a||a)&&(0,v.lC)(e,!1);(0,m.useEffect)(function(){(0,p.Z)(function(){var n,t;return(0,u.__generator)(this,function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,(0,b.e)(e)];case 1:return T(n=i.sent()),[3,3];case 2:return t=i.sent(),console.error("".concat((0,v.AB)()," ==========> CARD_FULL ERROR :"),t.message),[3,3];case 3:return[2]}})})()},[e]);var H=(0,m.useMemo)(function(){return"".concat((null==e?void 0:e.link)||z)},[e,z]);return(0,o.jsxs)(S,{className:"card-layout-h ".concat(void 0===t?"":t),onClick:function(){return(0,_.dE)((0,i.Z)({},j))},children:[(0,o.jsxs)(y.Z,{title:null==e?void 0:e.title,href:H,tabIndex:-1,children:[(0,o.jsxs)("div",{className:"card-content",children:[(void 0===r||r)&&(0,o.jsx)("h3",{className:"card-title text-excerpt-2",children:null==e?void 0:e.title}),(void 0===l||l)&&(0,o.jsx)("p",{className:"card-blurb text-excerpt-3",children:null==e?void 0:e.blurb})]}),void 0!==g&&g&&(0,o.jsx)("div",{className:"card-footer flex-between",children:(0,o.jsxs)("div",{className:"footer-left",children:[void 0!==d&&d&&(0,o.jsx)(o.Fragment,{children:e.byline&&(0,o.jsx)("p",{className:"byline",children:"By [".concat(e.byline,"]")})}),L&&(0,o.jsxs)("div",{className:"count-view",children:[(0,o.jsx)(h.z5B,{size:16}),(0,o.jsx)("small",{children:(0,v.EL)(E)})]})]})}),void 0!==s&&s&&(0,o.jsxs)("div",{className:"footer --item date-publish",children:[R&&(0,o.jsx)("span",{className:"meta-badge",children:R}),(0,o.jsxs)("small",{children:[(0,o.jsx)(f.cjn,{size:16,className:"date-publish--icon"}),(null==e?void 0:e.published_at)&&(0,v.WR)(e.published_at)]})]})]}),(0,o.jsx)("div",{className:"card-image",children:(0,o.jsx)(y.Z,{title:null==e?void 0:e.title,href:H,tabIndex:-1,children:(0,o.jsx)(w.Z,{external:void 0!==Z&&Z,src:null==e?void 0:e.image,title:null==e?void 0:e.title,size:null!=D?D:w.W.MD_WEBP})})})]})}var S=s.default.div(k()),Z=t(2657);function N(){var n=(0,r.Z)(["\n padding: 15px 10px;\n @media (max-width: 767px) {\n &#section-2 {\n .card-byline .card-title {\n font-size: 19pt;\n line-height: 1.05;\n }\n }\n &#section-6 .footer,\n &#section-2 .footer {\n margin-top: 5px;\n }\n &#section-2,\n &#section-6 {\n .card-byline .card-title {\n font-family: 'DBHelvethaicaXMed', sans-serif;\n }\n .card-layout-h .card-title {\n font-size: 20pt;\n }\n }\n }\n display: flex;\n flex-direction: column;\n gap: 20px;\n .card-image img {\n aspect-ratio: 5/3;\n }\n\n .grid-block {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0px;\n border-top: 1px solid #ccc;\n position: relative;\n padding-top: 10px;\n\n & > div {\n position: relative;\n padding: 15px;\n &:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 10px;\n right: 0;\n width: 1px;\n height: calc(100% - 10px);\n background-color: #ccc;\n }\n }\n\n @media (max-width: 1024px) {\n .meta-badge {\n display: none;\n }\n }\n }\n @media (max-width: 768px) {\n padding: 15px 10px;\n .first-card,\n .grid-block {\n .card-blurb {\n display: none;\n }\n }\n .grid-block {\n grid-template-columns: 1fr;\n gap: 0px;\n .card-content,\n .footer {\n padding-left: 30px;\n }\n .card-content {\n padding-left: 30px;\n &:before {\n position: absolute;\n content: '';\n width: 15px;\n height: 15px;\n top: 16px;\n left: 5px;\n background: var(--primary-color);\n border-radius: 0px 5px 0px 5px;\n }\n }\n .card-byline {\n padding: 0px;\n }\n & >
4 div::after {\n display: none;\n }\n }\n }\n\n .more {\n display: flex;\n justify-content: flex-end;\n cursor: pointer;\n font-size: 20px;\n a {\n color: #0600e7;\n &:hover {\n color: #333333;\n }\n }\n }\n"]);return N=function(){return n},n}var z=function(n){var e,t,r,l,s=n.id,p=n.article,u=n.limit,g=n.eventDataLayer,x=n.isShowHeader,m=void 0===x||x,f=null==p?void 0:p.data[0],h=null==p?void 0:null===(e=p.data)||void 0===e?void 0:e.slice(1,void 0===u?4:u);return(0,o.jsx)(o.Fragment,{children:(null==p?void 0:null===(t=p.data)||void 0===t?void 0:t[0])&&(0,o.jsxs)(D,{id:null!=s?s:null,className:"container",style:{filter:"true"===c.WT?"grayscale(0.7)":""},children:[m&&(0,o.jsx)(Z.default,{heading:null==p?void 0:p.title,link:null==p?void 0:p.link}),(null==p?void 0:null===(r=p.data)||void 0===r?void 0:r[0])&&(0,o.jsx)(j,{className:"first-card",data:f,showBadge:!0,showTitle:!0,showBlurb:!0,showPublishDate:!0,showCountView:!1,showFooter:!0,eventDataLayer:(0,a.Z)((0,i.Z)({},g),{data:{heading:null==p?void 0:p.title,title:null==f?void 0:f.title,index:"1"}}),size:w.W.SM},0),(0,o.jsx)("div",{className:"grid-block",children:d()(h,function(n,e){return(0,o.jsx)($.default,{data:n,eventDataLayer:(0,a.Z)((0,i.Z)({},g),{data:{heading:null==p?void 0:p.title,title:null==n?void 0:n.title,index:e+1}}),showImage:!1,showFooter:!0,showPublishDate:!0},e)})}),!m&&(null==p?void 0:null===(l=p.data)||void 0===l?void 0:l[0])&&(0,o.jsx)("p",{className:"more",children:(0,o.jsx)("a",{href:null==p?void 0:p.link,children:"à¸à¹à¸²à¸à¸à¹à¸²à¸§à¸à¸±à¹à¸à¸«à¸¡à¸"})})]})})},D=s.default.div(N()),B=z}}]); 5//# sourceMappingURL=5457.f25f2077a8fdf42d.js.map
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.