"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9083],{sKr0:function(e,t,a){a.d(t,{n:function(){return SharePopupNew}});var o=a("BGKE"),n=a("q1tI"),r=a("iBNF"),i=a("wp0n"),l=a("EoPH"),s=a("Ua8o"),c=a("5tRa"),d=a("HQu0"),h=a("ORXi"),p=a("ntAb"),u=a("Uq+1"),m=a("DiVS"),g=a("4cwJ"),f=a("VtdO"),S=a("Eso5"),y=a("TSYQ"),v=a.n(y),b=a("dDsW"),Z=a("0FsQ"),w=a("raAP"),C=a("hXNO"),x=a("P5LW"),k=a("rEaw"),I=a("/npG"),N=a("mYVa"),R=(0,I.k)((e,t)=>{let{isVn:a}=t;return{root:{display:"flex",flexDirection:"column",alignItems:"center",gap:a?18:16,".share-icon":{"svg, img":{borderRadius:4,flex:"auto"}}},heading:{},copyRoot:{position:"relative","&:has(input:disabled) .mantine-Input-rightSection":{display:"block"}},copyHeading:{display:"none"},copyInput:{"&:not(.mantine-Textarea-input)":{display:"none"}},copyInputRightSection:{position:"static",width:(0,N.h)(32)},copyInputWrapper:{},copyBtn:{backgroundColor:e.colors.gray[1]}}}),L=a("fdQd"),B=a("yrgK"),M=a("22Ug"),z=a("eklE"),U=a("LES+"),T=a("mAfZ"),A=a("CJtR"),E=(0,I.k)((e,t)=>{let{type:a}=t;return{root:{},heading:{},input:{},inputWrapper:{},inputRightSection:{width:"auto"},btn:{padding:(0,N.h)(8),"&:active":{transform:"translateY(0)"},..."input"===a?{paddingLeft:"1.5rem",borderColor:"transparent",borderTopRightRadius:"8px",borderBottomRightRadius:"8px",height:"".concat((0,N.h)(38)," !important"),marginRight:"1px","&,&:hover":{background:"linear-gradient(90deg, rgba(255, 255, 255, 0), white 20%)",backgroundColor:"transparent"}}:{padding:0,borderRadius:(0,N.h)(4),width:"".concat((0,N.h)(32)),height:"".concat((0,N.h)(32)),backgroundColor:"button"===a?"#fff":"".concat(e.colors.gray[1]),"&.copied":{backgroundColor:"".concat(e.colors.gray[2])}}},btnLabel:{..."button"===a&&{display:"none"}},btnRoot:{},btnLeftIcon:{marginRight:0},popoverDropdown:{zIndex:1,padding:(0,N.h)(5),background:e.colors.gray[6],textAlign:"center",borderColor:e.colors.gray[6]},popoverArrow:{borderColor:e.colors.gray[6]}}});let CopyInput=e=>{let{btnProps:t,inputProps:a,styles:r,classNames:l,className:s,type:c="input",shareUrl:d,isHeader:h,popoverProps:p,isRevamp:u,...m}=e,{locale:g}=(0,x.h)(),{formatMessage:f}=(0,b.Z)(),y=(0,w.U)(),v=d||y,Z=v.startsWith("http")?v:"".concat((0,A.UC)(g)).concat(v),{classes:C,cx:k}=E({type:c},{name:"ShareBox__CopyInput",styles:r,classNames:l}),I=(0,n.useRef)(null),[N,R]=(0,n.useState)(!1),[V,W]=(0,n.useState)(!1),H="button"===c,P=(0,n.useCallback)(e=>()=>{e(),R(!0),H&&W(!0),setTimeout(()=>{R(!1),H&&W(!1)},3e3)},[H]);return u?(0,o.tZ)(z.q,{value:Z||"",children:e=>{let{copy:t}=e;return(0,o.BX)(U.J,{radius:"sm",withArrow:!0,shadow:"sm",opened:V,onChange:W,classNames:{dropdown:C.popoverDropdown,arrow:C.popoverArrow},...p,children:[(0,o.tZ)(U.J.Target,{children:(0,o.tZ)(S.x,{className:"w-10 h-10 p-2 relative cursor-pointer rounded-lg hover:bg-gray100","data-event-category":"Social Share","data-event-action":"Copy Link","data-event-label":y,onClick:P(t),children:(0,o.tZ)(M.Z,{})})}),(0,o.tZ)(U.J.Dropdown,{children:(0,o.tZ)(i.T,{size:"n1",color:"#fff",children:f({id:"authorPage.share.copiedButton"})})})]})}}):(0,o.BX)(S.x,{className:k(s,C.root),...m,children:[(0,o.tZ)(i.T,{size:"p4",style:{marginBottom:"0.5em"},className:C.heading,children:f({id:"authorPage.share.orCopyLink"})}),(0,o.tZ)(L.I,{ref:I,value:Z,name:"sharedUrlInput",size:"md",classNames:{root:k("input-share",C.inputWrapper),input:C.input,rightSection:C.inputRightSection},rightSection:(0,o.tZ)(z.q,{value:Z||"",children:e=>{let{copied:a,copy:n}=e;return(0,o.BX)(U.J,{radius:"sm",withArrow:!0,shadow:"sm",opened:V,onChange:W,classNames:{dropdown:C.popoverDropdown,arrow:C.popoverArrow},...p,children:[(0,o.tZ)(U.J.Target,{children:(0,o.tZ)(T.z,{classNames:{root:k("input-share-btn pointer-event-child-none",C.btn,N?"copied":""),label:C.btnLabel,leftIcon:C.btnLeftIcon},leftIcon:"button"===c?(0,o.tZ)(B.Z,{size:18}):void 0,variant:"ghost",size:"md","data-event-category":"Social Share","data-event-action":h?"Header - Copy Link ":"Copy Link","data-event-label":y,onClick:P(n),children:"input"===c?(0,o.tZ)(i.T,{size:"s4",color:"blue",children:(null==t?void 0:t.children)||(a?f({id:"authorPage.share.copiedButton"}):f({id:"authorPage.share.copyButton"}))}):void 0})}),(0,o.tZ)(U.J.Dropdown,{children:(0,o.tZ)(i.T,{size:"n1",color:"#fff",children:f({id:"authorPage.share.copiedButton"})})})]})}}),readOnly:!0})]})};var V=a("RZSM"),W=(0,I.k)((e,t)=>{let{touchSize:a,iconSize:o,isZalo:n,bgZaloColor:r}=t;return{item:{transition:"width 0.3s ease",opacity:1,width:a,height:a,"svg, img":{borderRadius:4},img:{flex:0,width:"auto !important",height:"auto !important",maxWidth:o,maxHeight:o},".zalo-share-button":{position:"absolute !important",top:"50%!important",left:"50%!important",transform:"translate(-50%,-50%)",zIndex:1,iframe:{top:"1px !important"}},"& >*:not(style)":{overflow:"visible"}},itemInner:{display:"flex",justifyContent:"center",alignItems:"center",...n&&{position:"absolute",pointerEvents:"none",cursor:"pointer",zIndex:3}},zaloOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:r||e.colors.gray[1],zIndex:2,pointerEvents:"none"}}});let SocialItemEle=e=>{let{social:t,iconSize:a=28,touchSize:n=36,styles:r,classNames:i,bgZaloColor:s="#fff",zaloLayout:c,dataEventAction:d,...h}=e,{classes:p}=W({iconSize:a,touchSize:n,isZalo:t.type===l.S.Zalo,bgZaloColor:s},{name:"ShareBox--SocialItem",styles:r,classNames:i}),u=(0,w.U)();return(0,o.tZ)(S.x,{component:t.type!==l.S.Zalo?"a":"div",target:"_blank",href:t.href,className:"pointer-event-child-none","data-event-category":"Social Share","data-event-action":d,"data-event-label":u,...h,children:(0,o.tZ)(V.o,{className:p.item,ratio:1,children:(0,o.BX)(S.x,{children:[(0,o.tZ)(S.x,{className:p.itemInner,children:t.icon}),t.type===l.S.Zalo&&(0,o.BX)(o.HY,{children:[(0,o.tZ)(S.x,{className:p.zaloOverlay}),(0,o.tZ)(Z.h,{href:t.href,layout:c,sx:{pointerEvents:"auto"}})]})]})})})};var view=e=>{let{shareUrl:t,iconSize:a=28,styles:n,className:r,classNames:l,bgColor:s,socialList:c,...d}=e,{locale:h}=(0,x.h)(),{formatMessage:p}=(0,b.Z)(),{classes:u,cx:m}=R({isVn:h===k.MV.Vietnam},{name:"ShareBox--AsideNav",styles:n,classNames:l});return(0,o.BX)(S.x,{className:m(r,u.root),...d,children:[(0,o.tZ)(i.T,{size:"n1",className:u.heading,children:p({id:"shareArticle.asideNav.share",defaultMessage:"Share"})}),c.map((e,t)=>(0,o.tZ)(SocialItemEle,{social:e,iconSize:a,bgZaloColor:s||"#fff",zaloLayout:3,dataEventAction:e.name},t)),(0,o.tZ)(CopyInput,{shareUrl:t,type:"button",classNames:{root:u.copyRoot,heading:u.copyHeading,inputWrapper:u.copyInputWrapper,inputRightSection:u.copyInputRightSection,input:u.copyInput,btn:u.copyBtn}})]})},H=a("sVb9");let getSocialListByLocale=function(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:32,o=arguments.length>3?arguments[3]:void 0,n=e===k.MV.Taiwan?[l.S.Line,l.S.Facebook]:e===k.MV.Malaysia?[l.S.Facebook,l.S.WhatsApp,l.S.LinkedIn]:e===k.MV.Cambodia?[l.S.Facebook,l.S.LinkedIn]:e===k.MV.Myanmar?[l.S.Facebook,l.S.LinkedIn]:e===k.MV.Vietnam?o?[l.S.Facebook,l.S.Zalo,l.S.Twitter,l.S.LinkedIn]:[l.S.Facebook,l.S.Twitter,l.S.LinkedIn,l.S.Zalo]:e===k.MV.Indonesia?[l.S.Facebook,l.S.WhatsApp,l.S.Twitter,l.S.LinkedIn]:(e===k.MV.Thailand||e===k.MV.PhilippinesEnglish||e===k.MV.PhilippinesTagalog||k.MV.India,[l.S.Facebook,l.S.LinkedIn]),r={},i=(0,H.b)({shareUrl:t,size:a,locale:e}).filter(a=>{if((!a.allowedLocales||a.allowedLocales.includes(e))&&a.href)return r[a.type]={...a,...a.type===l.S.LinkedIn?{href:"https://www.linkedin.com/sharing/share-offsite/?url=".concat(encodeURIComponent(formatShareUrl(t,e,l.S.LinkedIn)))}:a.type===l.S.Facebook?{href:"https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(formatShareUrl(t,e,l.S.Facebook)))}:a.type===l.S.Zalo?{href:formatShareUrl(t,e,l.S.Zalo)}:a.type===l.S.Twitter?{href:"https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(formatShareUrl(t,e,l.S.Twitter)))}:a.type===l.S.WhatsApp?{href:"https://wa.me/?text=".concat(encodeURIComponent(formatShareUrl(t,e,l.S.WhatsApp)))}:a.type===l.S.Line?{href:"http://line.me/R/msg/text/?".concat(encodeURIComponent(formatShareUrl(t,e,l.S.Line)))}:{}},a});return Array.isArray(n)&&n.length>0?(()=>{let e=[];return n.map(t=>{var a;(null==r?void 0:null===(a=r[t])||void 0===a?void 0:a.href)&&e.push(r[t])}),e})():i};function formatShareUrl(e,t,a){let o=e.startsWith("http")?e:"".concat((0,A.UC)(t,!0)).concat(e);return a?(()=>{try{let e=new URL(o);return e.searchParams.append("cn",a),e.toString()}catch(e){return o}})():o}let useSocialListRevamp=(e,t)=>(0,n.useMemo)(()=>{let a={[l.S.Facebook]:(0,o.tZ)(s.Z,{}),[l.S.Twitter]:(0,o.tZ)(c.Z,{}),[l.S.WhatsApp]:(0,o.tZ)(d.Z,{}),[l.S.Line]:(0,o.tZ)(h.Z,{}),[l.S.Zalo]:(0,o.tZ)(p.Z,{}),[l.S.Tiktok]:(0,o.tZ)(u.Z,{}),[l.S.Instagram]:(0,o.tZ)(m.Z,{}),[l.S.LinkedIn]:(0,o.tZ)(g.Z,{}),[l.S.Telegram]:(0,o.tZ)(f.Z,{})};return t?e.map(e=>({...e,icon:a[e.type]||(0,o.tZ)(S.x,{className:"w-6 h-6",children:e.icon})})):e},[e,t]);var P=a("XFb3"),X=a("8wjV"),F=a("q9DY"),Y=a("QuJr"),J=a("kfjY"),D=a("xjta"),O=(0,I.k)((e,t)=>{let{showFull:a,textWidth:o,startCalc:n,opened:r,numberToExpand:i,length:l,iconSize:s,touchSize:c,bgColor:d,bgColorCopyBtn:h}=t,p=Math.max(c,s),u=o+(a?l+1:i)*p;return{root:{position:"relative",zIndex:3},wrapper:{display:"flex",alignItems:"center",justifyContent:"flex-end",paddingRight:p,backgroundColor:d,borderRadius:24,...n&&{position:"absolute",right:0,bottom:0,top:0}},inner:{position:"relative",display:"flex",alignItems:"center",gap:0,paddingLeft:6,transition:"width .2s ease",height:"100%",[e.fn.smallerThan("sm")]:{...!a&&{overflow:"hidden"}},...null!==u&&{width:r?u+p*(l-i+1):u-p}},listItems:{display:"flex",alignItems:"center"},heading:{whiteSpace:"nowrap",padding:"0 8px",fontSize:10},copyRoot:{position:"relative","&:has(input:disabled) .mantine-Input-rightSection":{display:"block"}},copyHeading:{display:"none"},copyInput:{"&:not(.mantine-Textarea-input)":{display:"none"}},copyInputRightSection:{position:"static",width:s,height:s},copyInputWrapper:{},copyBtn:{borderRadius:"100%",height:s,backgroundColor:h},item:{transition:"width 0.3s ease",opacity:1,width:p,height:p,"svg, img":{borderRadius:4},img:{flex:0,width:"auto !important",height:"auto !important",maxWidth:s,maxHeight:s},".zalo-share-button":{position:"absolute !important",top:"50%!important",left:"50%!important",transform:"translate(-50%,-50%)"}},itemInner:{display:"flex",justifyContent:"center",alignItems:"center"},frame:{...n&&{width:u,height:p}},controlBtn:{"&:active":{transform:"translateY(0)"}},controls:{position:"absolute",top:0,right:0,bottom:0,borderBottomRightRadius:24,borderTopRightRadius:24,backgroundColor:d},overlay:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(255,255,255, 0.75)",zIndex:2}}}),_=a("rBCA"),j=a("fNFL");let G=(0,_.Z)(j.M,{target:"e1ddfldx0"})(".mantine-Modal-body{padding:16px;}.share-icon{svg{width:100%;height:100%;}flex-shrink:0;}.input-share{min-width:unset;height:fit-content;min-height:unset;input{background:white;}}"),Modal=e=>{let{shareUrl:t,...a}=e,{locale:n}=(0,x.h)(),{formatMessage:r}=(0,b.Z)(),l=(0,w.U)(),s=t||l,c=getSocialListByLocale(n,s,void 0);return(0,o.BX)(G,{centered:!0,withCloseButton:!1,closeOnClickOutside:!0,...a,children:[(0,o.BX)("div",{style:{padding:"1em",display:"flex",alignItems:"center",justifyContent:"space-between"},className:"share-socials",children:[(0,o.tZ)(i.T,{size:"s3",children:r({id:"authorPage.share.share"})}),(0,o.tZ)("div",{style:{display:"flex",gap:"0.7em"},children:c.map((e,t)=>(0,o.tZ)("a",{target:"_blank",href:e.href,"data-event-category":"Social Share","data-event-action":e.name,"data-event-label":l,className:"share-icon pointer-event-child-none",children:(0,o.tZ)(L.A,{size:32,radius:"sm",children:e.icon})},t))})]}),(0,o.tZ)(CopyInput,{shareUrl:s,styles:{root:{padding:"1em"}}})]})},SharePopupNew=e=>{let{...t}=e;return(0,o.tZ)(Modal,{...t})};SharePopupNew.Modal=Modal,SharePopupNew.AsideNav=e=>{let{isRevamp:t,...a}=e,{shareUrl:s,iconSize:c=28}=a,{formatMessage:d}=(0,b.Z)(),{locale:h}=(0,x.h)(),p=(0,w.U)(),u=(0,C.d)(),m=(0,n.useMemo)(()=>getSocialListByLocale(h,s||p,c,u),[h,s,p,c,u]),g=useSocialListRevamp(m,t);return t?(0,o.BX)(S.x,{children:[(0,o.tZ)(i.T,{size:"n1",className:"whitespace-nowrap text-center",children:d({id:"shareArticle.asideNav.share",defaultMessage:"Share"})}),g.map(e=>{let t=e.type===l.S.Zalo;return(0,o.BX)(S.x,{component:t?"div":"a",className:"w-10 h-10 p-2 relative cursor-pointer block rounded-lg hover:bg-gray100","data-event-category":"Social Share","data-event-action":e.name,"data-event-label":p,sx:{"&:hover .placeholder":{backgroundColor:r.r.colors.gray100}},...t?{}:{target:"_blank",href:e.href},children:[t&&(0,o.BX)(o.HY,{children:[(0,o.tZ)(S.x,{className:"placeholder z-[2] bg-white rounded-lg absolute top-0 left-0 right-0 bottom-0"}),(0,o.tZ)(Z.h,{href:e.href,layout:4,className:"z-[1] !absolute !w-auto !h-auto top-0 left-0 right-0 bottom-0 !pointer-events-auto"})]}),(0,o.tZ)(S.x,{className:v()("rounded overflow-hidden",{"z-[3] relative":t}),children:e.icon})]},e.type)}),(0,o.tZ)(CopyInput,{shareUrl:s,type:"button",isRevamp:!0})]}):(0,o.tZ)(view,{...a,socialList:g})},SharePopupNew.BottomNavHorizonal=e=>{let{styles:t,classNames:a,numberToExpand:i=3,shareUrl:l,showFull:s,iconSize:c=28,padding:d=4,touchSize:h=36,hasOverlay:p,isHeader:u,copyInputProps:m,bgColor:g=P.t.gray[1],bgColorCopyBtn:f=r.r.colors.white,isRevamp:y,...v}=e,{formatMessage:Z}=(0,b.Z)(),k=(0,w.U)(),{locale:I,asPath:N}=(0,x.h)(),R=(0,C.d)(),L=(0,n.useMemo)(()=>getSocialListByLocale(I,l,c,R),[l,R]),B=(0,n.useMemo)(()=>s||L.length<i,[L,N]),[M,z]=(0,n.useState)([]),[U,T]=(0,n.useState)(!1),[A,E]=(0,n.useState)(!1),[W,H]=(0,D.y)(),[_,j]=(0,n.useState)(null),G=(0,n.useRef)(0),{classes:Q,cx:q}=O({showFull:B,startCalc:U,textWidth:G.current+d,opened:_,length:M.length,numberToExpand:i,iconSize:c,padding:d,touchSize:h,bgColor:g,bgColorCopyBtn:f},{name:"ShareBox--Horizonal",styles:t,classNames:a}),K=(0,n.useMemo)(()=>(0,o.tZ)(CopyInput,{isHeader:u,shareUrl:l,type:"button",className:"copy-btn",classNames:{root:Q.copyRoot,heading:Q.copyHeading,inputWrapper:Q.copyInputWrapper,inputRightSection:Q.copyInputRightSection,input:Q.copyInput,btn:Q.copyBtn},popoverProps:{withinPortal:!0,position:"bottom"},...m}),[l]);(0,n.useEffect)(()=>{H.width>0&&!U&&(T(!0),G.current=H.width),U&&z(L)},[H.width,U]),(0,n.useEffect)(()=>{T(!1),G.current=0},[R]);let $=(0,n.useMemo)(()=>{let e="undefined"!=typeof document?document.title:"";return{url:l,title:e,text:e}},[l]);(0,n.useEffect)(()=>{var e,t;E(null===(t=navigator)||void 0===t?void 0:null===(e=t.canShare)||void 0===e?void 0:e.call(t,$))},[l]);let ee=useSocialListRevamp(M,y);return y&&A?(0,o.tZ)(S.x,{className:"w-10 h-10 p-2 relative cursor-pointer","data-event-category":"Sticky Botton","data-event-action":"Social Share - article","data-event-label":"Click to share",onClick:()=>{var e;null===(e=navigator)||void 0===e||e.share($).catch(e=>{console.error(e)})},children:(0,o.tZ)(Y.Z,{})}):(0,o.BX)(o.HY,{children:[(0,o.BX)(S.x,{className:Q.root,...v,children:[(0,o.tZ)(S.x,{className:Q.frame}),(0,o.BX)(S.x,{className:Q.wrapper,children:[(0,o.BX)(S.x,{className:Q.inner,children:[(0,o.tZ)("div",{ref:W,children:(0,o.tZ)("div",{className:Q.heading,children:Z({id:"shareArticle.asideNav.share",defaultMessage:"Share"})})}),(0,o.BX)("div",{className:Q.listItems,children:[ee.map((e,t)=>(0,o.tZ)(SocialItemEle,{social:e,iconSize:c,bgZaloColor:g,dataEventAction:u?"Header - ".concat(e.name):e.name},t)),null!==_&&(0,o.tZ)(V.o,{ratio:1,className:Q.item,children:(0,o.tZ)(S.x,{className:q(Q.itemInner),children:K})})]})]}),(0,o.tZ)("div",{className:q(Q.controls),children:(0,o.tZ)(V.o,{ratio:1,className:Q.item,children:(0,o.tZ)(S.x,{className:Q.itemInner,children:_?(0,o.tZ)(o.HY,{children:(0,o.tZ)(X.B,{radius:"100%","data-event-category":"Social Share","data-event-action":"See More","data-event-label":k,className:q("pointer-event-child-none",Q.controlBtn),onClick:()=>j(!1),leftIcon:(0,o.tZ)(F.Z,{size:20}),styles:()=>({root:{padding:0,width:"".concat(c,"px !important"),height:"".concat(c,"px !important"),backgroundColor:"#fff !important"},label:{display:"none"},leftIcon:{marginRight:0}})})}):B?K:(0,o.tZ)(X.B,{radius:"100%","data-event-category":"Social Share","data-event-action":"See More","data-event-label":k,className:q("pointer-event-child-none",Q.controlBtn),onClick:e=>{e.stopPropagation(),j(!0)},leftIcon:(0,o.tZ)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.tZ)("path",{d:"M4.67379 10.125C4.36443 10.125 4.09959 10.0148 3.87928 9.79449C3.65898 9.57418 3.54883 9.30934 3.54883 8.99998C3.54883 8.69062 3.65898 8.42578 3.87928 8.20547C4.09959 7.98516 4.36443 7.875 4.67379 7.875C4.98317 7.875 5.248 7.98516 5.4683 8.20547C5.68862 8.42578 5.79877 8.69062 5.79877 8.99998C5.79877 9.30934 5.68862 9.57418 5.4683 9.79449C5.248 10.0148 4.98317 10.125 4.67379 10.125ZM9.00071 10.125C8.69135 10.125 8.42651 10.0148 8.2062 9.79449C7.98588 9.57418 7.87573 9.30934 7.87573 8.99998C7.87573 8.69062 7.98588 8.42578 8.2062 8.20547C8.42651 7.98516 8.69135 7.875 9.00071 7.875C9.31007 7.875 9.57491 7.98516 9.79522 8.20547C10.0155 8.42578 10.1257 8.69062 10.1257 8.99998C10.1257 9.30934 10.0155 9.57418 9.79522 9.79449C9.57491 10.0148 9.31007 10.125 9.00071 10.125ZM13.3276 10.125C13.0183 10.125 12.7534 10.0148 12.5331 9.79449C12.3128 9.57418 12.2026 9.30934 12.2026 8.99998C12.2026 8.69062 12.3128 8.42578 12.5331 8.20547C12.7534 7.98516 13.0183 7.875 13.3276 7.875C13.637 7.875 13.9018 7.98516 14.1221 8.20547C14.3424 8.42578 14.4526 8.69062 14.4526 8.99998C14.4526 9.30934 14.3424 9.57418 14.1221 9.79449C13.9018 10.0148 13.637 10.125 13.3276 10.125Z",fill:"#595959"})}),styles:()=>({root:{padding:0,width:"".concat(c,"px !important"),height:"".concat(c,"px !important"),backgroundColor:"#fff !important"},label:{display:"none"},leftIcon:{marginRight:0}}),children:"..."})})})})]})]}),p&&(0,o.tZ)(J.u,{mounted:!!_,transition:"fade",duration:300,children:e=>(0,o.tZ)("div",{className:Q.overlay,style:e})})]})}},xJRM:function(e,t,a){a.d(t,{e:function(){return ShortReelList}});var o=a("BGKE"),n=a("+4HH"),r=a("fdQd"),i=a("Eso5"),l=a("hXNO"),s=(0,a("/npG").k)(e=>({root:{[e.fn.smallerThan("sm")]:{marginLeft:-16,marginRight:-16}}}));let ShortReelList=e=>{let{videoList:t=[],slideNumberDesktop:a,slideNumberMobile:c,styles:d,...h}=e,p=(0,l.d)(),{classes:u}=s(void 0,{name:"ShortReelList",styles:d});return t.length>0?(0,o.tZ)(i.x,{className:u.root,...h,children:t.length>0?(0,o.tZ)(r.a,{slideSize:"15.8%",slideGap:12,breakpoints:[{maxWidth:"sm",slideSize:"55%",slideGap:8}],withControls:!p,withIndicators:!1,styles:e=>({control:{width:40,height:40,opacity:1,borderColor:e.fn.primaryColor(),transition:"all .2s ease",svg:{width:"18px !important",height:"18px !important",color:e.fn.primaryColor()},"&:hover":{backgroundColor:e.fn.primaryColor(),svg:{color:"#fff"}}},controls:{padding:0,marginLeft:-20,marginRight:-20,top:"50%",transform:"translateY(-50%)"},viewport:{[e.fn.smallerThan("sm")]:{paddingLeft:16,paddingRight:16}}}),children:t.map((e,t)=>(0,o.tZ)(r.a.Slide,{children:(0,o.tZ)(n.V,{data:e,layout:"overlay",dataEventCategory:"Highlight Video",dataEventAction:"Short Video Click ".concat(t+1),dataEventLabel:e.url})},String(t)))}):null}):null}}}]);