oraculo-ui 0.1.58 → 0.1.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),M=require("@mui/material"),O=require("react"),ye=require("@splidejs/react-splide"),Qe=require("@mui/material/Box"),Ye=require("@mui/material/Skeleton"),Ze=require("@mui/material/Typography"),et=require("@mui/material/Stack"),X=require("@mui/icons-material"),tt=require("@mui/icons-material/ChevronLeftRounded"),ot=require("@mui/icons-material/ChevronRightRounded"),nt=require("@mui/material/useMediaQuery"),he=require("firebase/firestore"),q=t=>t&&t.__esModule?t:{default:t},st=q(O),C=q(Qe),T=q(Ye),D=q(Ze),P=q(et),we=q(tt),Se=q(ot),at=q(nt);function L({children:t,onClick:n,href:a,target:r,rel:l,type:o="button",disabled:s=!1,variant:p="primary",size:d,fullWidth:h=!1,fullHeight:g=!1,className:k="",ariaLabel:i,leftIcon:u,rightIcon:_,iconOnly:E}){const b=!!t&&t!==!0,f=(!!u?1:0)+(!!_?1:0)==1,w=E!=null?E:f&&!b,B=["orc-btn",p==="secondary"?"orc-btn--secondary":p==="tertiary"?"orc-btn--tertiary":"orc-btn--primary",d?`orc-btn--${d}`:"",h?"orc-btn--full":"",g?"orc-btn--fullHeight":"",w?"orc-btn--iconOnly":"",k].filter(Boolean).join(" "),$=e.jsxs(e.Fragment,{children:[u&&e.jsx("span",{className:"orc-btn__icon",children:u}),!w&&e.jsx("span",{className:"orc-btn__label",children:t}),_&&e.jsx("span",{className:"orc-btn__icon",children:_})]}),S=s?!0:void 0;return a?e.jsx(M.Link,{href:a,target:r,rel:l,"aria-label":i,"aria-disabled":S,tabIndex:S?-1:void 0,className:B,onClick:S?c=>c.preventDefault():n,children:$}):e.jsx("button",{type:o,onClick:n,disabled:!!S,"aria-label":i,className:B,children:$})}function U({title:t,iconUrl:n,size:a="md",className:r=""}){const o=["orc-section-title",a?`orc-section-title--${a}`:"",r].filter(Boolean).join(" ");return e.jsxs("div",{className:o,children:[n&&e.jsx("img",{src:n,alt:"",className:"orc-section-title__icon"}),e.jsx("h2",{className:"orc-section-title__title",children:t})]})}const le=({total:t,active:n,onSelect:a,className:r=""})=>{if(t<=1)return null;const l=["orc-dots",r].filter(Boolean).join(" ");return e.jsx("div",{className:l,role:"tablist",children:Array.from({length:t}).map((o,s)=>e.jsx("span",{className:"orc-dots__cell",children:e.jsx("button",{type:"button",role:"tab","aria-selected":s===n,"aria-label":`Ir al slide ${s+1}`,className:"orc-dots__dot"+(s===n?" orc-dots__dot--active":""),onClick:()=>a==null?void 0:a(s)})},s))})};function A({children:t,minWidth:n=32,spacing:a=2,justify:r="stretch",columns:l=null}){const o=l||`repeat(auto-fit, minmax(${n}px, 1fr))`,s=typeof a=="number"?`${a*8}px`:a;return e.jsx("div",{style:{display:"grid",gridTemplateColumns:o,justifyItems:r,gap:s,height:"inherit"},children:t})}function ie({src:t,alt:n}){return e.jsx(M.Box,{sx:{position:"relative",width:{xs:80,md:160},height:{xs:48,md:96},display:"inline-block"},children:e.jsx(M.Box,{component:"img",src:t,alt:n,sx:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"contain"}})})}const rt="oraculo__OraculoEventTitle-module__contenedor___rg1vw",it="oraculo__OraculoEventTitle-module__flexGroup___jMLFO",lt="oraculo__OraculoEventTitle-module__subtitle___TmHna",ne={contenedor:rt,flexGroup:it,subtitle:lt};function ct({title:t,subtitle:n}){return e.jsxs("div",{className:ne.contenedor,children:[e.jsx("span",{style:{fontWeight:700,fontSize:"12px",lineHeight:"16px"},children:t}),n&&e.jsxs("div",{className:ne.flexGroup,children:[e.jsxs("svg",{width:"4",height:"4",viewBox:"0 0 5 5",xmlns:"http://www.w3.org/2000/svg",style:{flexShrink:0},children:[" ",e.jsx("circle",{cx:"2.5",cy:"2.5",r:"2.5",fill:"white"})," "]}),e.jsx("span",{className:ne.subtitle,children:n}),e.jsx("div",{})]})]})}function Ce({text:t,color:n="#ff3b3b",textColor:a="#fff"}){return e.jsx("span",{className:"oli-font",style:{backgroundColor:n,color:a,borderRadius:"8px",padding:"4px 8px",fontSize:"12px",lineHeight:"16px",fontWeight:700,width:"41px",height:"16px",textAlign:"center"},children:t})}function Ee({live:t,time:n}){return e.jsxs("div",{className:"oli-font",style:{display:"flex",alignItems:"center",gap:"8px"},children:[t&&e.jsx(Ce,{text:"En vivo"}),n&&e.jsx("span",{style:{fontSize:"14px",fontWeight:400,lineHeight:"18px",paddingTop:"4px"},children:n})]})}function Oe({title:t,subtitle:n,live:a=!1,time:r=""}){return e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",color:"#FFFFFF"},children:[e.jsx(ct,{title:t,subtitle:n}),e.jsx(Ee,{live:a,time:r})]})}const dt="oraculo__OraculoEventLabel-module__label___c64Xw",ut={label:dt};function ce({text:t}){return e.jsx("span",{className:ut.label,children:t})}const pt="oraculo__OraculoEventLeague-module__container___rdk4F",mt={container:pt};function de({title:t}){return e.jsx("div",{className:mt.container,children:t.toUpperCase()})}const xt="oraculo__OraculoEventScore-module__scoreWrapper___fWwEr",ft="oraculo__OraculoEventScore-module__name___r4uL6",ht="oraculo__OraculoEventScore-module__score___Xl03M",gt="oraculo__OraculoEventScore-module__normal___cCNFz",_t="oraculo__OraculoEventScore-module__small___fVt8E",J={scoreWrapper:xt,name:ft,score:ht,normal:gt,small:_t};function ue({text:t,name:n,size:a="normal"}){return e.jsxs("div",{className:`${J.scoreWrapper} ${J[a]}`,children:[e.jsx("div",{className:`${J.score} ${J[a]}`,children:t}),n&&e.jsx("span",{className:`${J.name} ${J[a]}`,children:n})]})}const bt="oraculo__OraculoEventTeamInfo-module__team___UfpUs",jt="oraculo__OraculoEventTeamInfo-module__regular___ag826",vt="oraculo__OraculoEventTeamInfo-module__compact___RCNOs",yt="oraculo__OraculoEventTeamInfo-module__logo___fKCl3",wt="oraculo__OraculoEventTeamInfo-module__name___4ikm-",ee={team:bt,regular:jt,compact:vt,logo:yt,name:wt};function Z({name:t,logo:n,size:a="regular"}){return e.jsxs("div",{className:`oli-font ${ee.team} ${ee[a]}`,children:[e.jsx("img",{loading:"lazy",src:n,alt:t,className:ee.logo}),e.jsx("span",{className:ee.name,children:t})]})}const St=ye.Splide,Ct=ye.SplideSlide,V=O.forwardRef(({items:t=[],renderItem:n,perPage:a=1,gap:r="0px",breakpoints:l,options:o={},className:s="",onMove:p,useIndexAsKey:d=!1},h)=>{const g=O.useRef(null);O.useImperativeHandle(h,()=>({next:()=>{var _;return(_=g.current)==null?void 0:_.go(">")},prev:()=>{var _;return(_=g.current)==null?void 0:_.go("<")},go:_=>{var E;return(E=g.current)==null?void 0:E.go(_)}}));const k=O.useCallback(_=>{const E=_.Components.Controller,b=E.getIndex(),y=E.getEnd(),I=b===0,f=b>=y,w=_.Components.Slides.getLength();p==null||p({index:b,isStart:I,isEnd:f,total:w})},[p]),i=O.useCallback(_=>{k(_)},[k]),u={type:"slide",trimSpace:!1,drag:!0,pagination:!1,arrows:!1,rewind:!1,focus:"start",autoWidth:!1,perPage:a,gap:r,breakpoints:l,...o};return e.jsx("div",{className:s,style:{width:"100%"},children:e.jsx(St,{ref:g,options:u,onMove:k,onMounted:i,children:t.map((_,E)=>{var b;return e.jsx(Ct,{children:n(_,E)},d?E:(b=_.id)!=null?b:E)})})})}),Y=({imageUrl:t,onClick:n,size:a="sm",fillParent:r=!1})=>{const l=a==="lg"?{w:280,h:352}:{w:152,h:168},o=p=>{p.stopPropagation(),n==null||n()},s=r?{width:"100%",height:"100%"}:{width:`${l.w}px`,height:`${l.h}px`};return e.jsxs(C.default,{onClick:n,role:"button",sx:{position:"relative",borderRadius:"12px",overflow:"hidden",boxSizing:"border-box",transition:"transform .15s ease, box-shadow .15s ease",...s,"&:hover":{transform:"translateY(-2px)",boxShadow:8,cursor:"pointer"},"&:hover .oraculo-game-card-overlay":{opacity:1},"&:hover .oraculo-game-card-btn":{opacity:1,transform:"translate(-50%, -50%) scale(1)",pointerEvents:"auto"}},children:[e.jsx("img",{src:t,alt:"Juego de casino",loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",display:"block",borderRadius:"inherit"}}),e.jsx(C.default,{className:"oraculo-game-card-overlay",sx:{position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, 0.45)",opacity:0,transition:"opacity .15s ease",pointerEvents:"none",zIndex:1}}),e.jsx(C.default,{className:"oraculo-game-card-btn",sx:{position:"absolute",top:"50%",left:"50%",zIndex:2,transform:"translate(-50%, -50%) scale(0.95)",opacity:0,transition:"opacity .15s ease, transform .15s ease",pointerEvents:"none"},children:e.jsx(L,{variant:"primary",size:"md",onClick:o,children:"JUGAR"})})]})};function ke({imageUrl:t,orden:n=1,onClick:a,loading:r=!1,sizes:l={xs:{w:104,h:112,r:18,font:48},md:{w:186,h:264,r:22.6,font:64}}}){var k,i,u,_;const o=(E,b)=>{var y,I,f,w;return{xs:(I=(y=l.xs)==null?void 0:y[E])!=null?I:b,md:(w=(f=l.md)==null?void 0:f[E])!=null?w:b}},s=o("w",186),p=o("h",264),d=o("r",22.6),h=o("font",64),g={xs:Math.round(((i=(k=l.xs)==null?void 0:k.font)!=null?i:64)*.28),md:Math.round(((_=(u=l.md)==null?void 0:u.font)!=null?_:64)*.28)};return e.jsxs(C.default,{sx:{position:"relative",width:"100%",maxWidth:{xs:`${s.xs}px`,md:`${s.md}px`},aspectRatio:{xs:`${s.xs}/${p.xs}`,md:`${s.md}/${p.md}`},borderRadius:{xs:`${d.xs}px`,md:`${d.md}px`},boxSizing:"border-box",overflow:"visible",pb:{xs:`${g.xs}px`,md:`${g.md}px`},"&::before":{content:'""',position:"absolute",inset:0,borderRadius:"inherit",pointerEvents:"none",zIndex:2,background:"linear-gradient(21.29deg, #0B0D1B -1.16%, rgba(255,255,255,0) 51.92%, rgba(255,255,255,0) 127.62%)",backgroundBlendMode:"multiply"}},children:[e.jsx(C.default,{sx:{position:"absolute",inset:0,borderRadius:"inherit",overflow:"hidden"},children:r?e.jsx(T.default,{variant:"rectangular",width:"100%",height:"100%",sx:{bgcolor:"rgba(255,255,255,0.10)","&::after":{background:"linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent)"}}}):e.jsx(Y,{imageUrl:t,onClick:a,size:"lg",fillParent:!0})}),e.jsx(C.default,{component:"span",sx:{position:"absolute",left:8,bottom:{xs:`-${g.xs}px`,md:`-${g.md}px`},fontFamily:"secondary",fontSize:{xs:`${h.xs}px`,md:`${h.md}px`},lineHeight:1,color:"#3CC666",WebkitTextStroke:"1px #9ee86e",zIndex:3,userSelect:"none"},children:n})]})}const Ne=({logo:t,provider:n,providerName:a,machine:r,onClick:l})=>{var o;return e.jsxs(C.default,{onClick:l,sx:{flex:"0 0 auto",position:"relative",borderRadius:"20px",overflow:"hidden",width:{xs:100,md:180},height:{xs:200,md:380},transition:"width .50s ease, transform .28s ease",willChange:"width, transform",cursor:"pointer",zIndex:0,"&:hover":{zIndex:2,width:{md:260,xs:110}},"&:hover .orc-live-provider-label":{opacity:1}},children:[e.jsx(C.default,{component:"img",src:t,alt:`Juego ${r!=null?r:""}`,sx:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",display:"block"}}),e.jsx(C.default,{className:"orc-live-provider-label",sx:{position:"absolute",left:"50%",top:{xs:"75%",md:"80%"},transform:"translate(-50%, -50%)",zIndex:3,opacity:0,transition:"opacity .25s ease",pointerEvents:"none"},children:e.jsx(D.default,{sx:{color:"#fff",fontWeight:700,fontSize:{xs:11,md:14},textTransform:"capitalize"},children:(o=n!=null?n:a)!=null?o:""})})]})},se=12,ae=({r:t=16})=>e.jsx(C.default,{sx:{width:"100%",height:"100%",borderRadius:t,overflow:"hidden"},children:e.jsx(T.default,{variant:"rectangular",width:"100%",height:"100%",sx:{bgcolor:"rgba(255,255,255,0.10)","&::after":{background:"linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent)"}}})}),pe=({items:t,layout:n="grid",onClick:a,loading:r=!1,gridSkeletonCount:l=4})=>{var o;if(n==="mosaic"){const s=t[0],p=t.slice(1,5);return e.jsxs(C.default,{sx:{display:"grid",gridTemplateRows:{xs:"repeat(2, 112px)",md:"repeat(2, 168px)"},gridTemplateColumns:{xs:"184px",md:"280px"},gridAutoFlow:"column",gridAutoColumns:{xs:"104px",md:"152px"},columnGap:`${se}px`,rowGap:`${se}px`,alignItems:"stretch",justifyItems:"stretch"},children:[e.jsx(C.default,{sx:{width:{xs:184,md:280},height:{xs:234,md:352},gridRow:"1 / span 2",overflow:"hidden",borderRadius:2},children:r?e.jsx(ae,{}):s&&e.jsx(Y,{imageUrl:`https://olimpo.bet${(o=s.imageUrl)!=null?o:""}`,size:"lg",fillParent:!0,onClick:()=>a==null?void 0:a(s,0)})}),(r?Array.from({length:4}):p).map((d,h)=>{var g;return e.jsx(C.default,{sx:{width:{xs:104,md:152},height:{xs:112,md:168},overflow:"hidden",borderRadius:2},children:r?e.jsx(ae,{}):e.jsx(Y,{imageUrl:`https://olimpo.bet${(g=d.imageUrl)!=null?g:""}`,size:"sm",fillParent:!0,onClick:()=>a==null?void 0:a(d,h+1)})},r?`sk-${h}`:d.id)})]})}return e.jsx(C.default,{sx:{display:"grid",gridTemplateColumns:{xs:"repeat(2, 104px)",md:"repeat(2, 152px)"},gridTemplateRows:{xs:"repeat(2, 112px)",md:"repeat(2, 168px)"},gap:`${se}px`,gridAutoFlow:"column"},children:(r?Array.from({length:l}):t).map((s,p)=>{var d,h;return e.jsx(C.default,{sx:{overflow:"hidden",borderRadius:2},children:r?e.jsx(ae,{}):e.jsx(Y,{imageUrl:`https://olimpo.bet${(d=s.imageUrl)!=null?d:""}`,size:"sm",fillParent:!0,onClick:()=>a==null?void 0:a(s,p)})},r?`sk-${p}`:(h=s.id)!=null?h:p)})})},Ie=({title:t,amount:n,subtitle:a,buttonText:r,onButtonClick:l,backgroundImage:o,alt:s,className:p="",variant:d="small"})=>{const h=n?n.slice(0,2):"",g=n?n.slice(2):"",k=d==="large";return e.jsxs(C.default,{className:p,sx:{position:"relative",width:"100%",maxWidth:{xs:328,md:k?618:456},mx:"auto"},children:[o&&e.jsx(C.default,{sx:{position:"relative",width:"100%",aspectRatio:{xs:"328 / 188",md:k?"618 / 346":"456 / 272"},borderRadius:"14px",overflow:"hidden"},children:e.jsx(C.default,{component:"img",src:o,alt:s!=null?s:"Fondo promocional",sx:{width:"100%",height:"100%",objectFit:"cover",objectPosition:{xs:"50% 0%",md:"45% 0%"},display:"block"}})}),e.jsx(C.default,{sx:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"flex-end",color:"#e7f8ff",textAlign:"center",pl:"14%",pr:{xs:"14%",lg:"15%"}},children:e.jsxs(C.default,{sx:{maxWidth:"60%",display:"flex",flexDirection:"column",alignItems:"center"},children:[t&&e.jsx(D.default,{sx:{fontSize:{xs:12,md:20},fontWeight:400,color:"#e7f8ff"},children:t}),n&&e.jsxs(C.default,{component:"p",sx:{fontFamily:'"secondary", sans-serif',lineHeight:{xs:.9,lg:.87},m:"4px 0",background:"linear-gradient(175deg, #EDC421 -12.56%, #FFFABF 17.99%, #EDC421 49.74%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",WebkitTextStroke:"0.5px #fff8c1",filter:"drop-shadow(0px 4px 0px #8D4406) drop-shadow(0px 4px 4px rgba(28, 28, 28, 0.4))",display:"flex",alignItems:"baseline",justifyContent:"center"},children:[e.jsx(C.default,{component:"span",sx:{fontSize:{xs:35,md:48},mr:.5},children:h}),e.jsx(C.default,{component:"span",sx:{fontSize:{xs:52,md:77}},children:g})]}),a&&e.jsx(D.default,{sx:{pb:"20px",fontSize:14,fontWeight:600,color:"#e7f8ff"},children:a}),r&&e.jsx(L,{onClick:l,children:r})]})})]})},$e=({text:t,buttonLabel:n="Conoce más",onClick:a,imgAlt:r="Club Olimpo",imgSrcMobile:l,imgSrcDesktopBg:o,imgSrcDesktopLogo:s})=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"orc-co-bgMobile",children:e.jsx("img",{src:l,alt:r,className:"orc-co-bgMobileImg"})}),e.jsxs("div",{className:"orc-co-bgDesktop",children:[o&&e.jsx("div",{className:"orc-co-fillHost",children:e.jsx("img",{src:o,alt:`${r} fondo`,className:"orc-co-bgDesktopImg"})}),e.jsxs("div",{className:"orc-co-desktopContent",children:[s&&e.jsx("img",{src:s,alt:`${r} logo`,className:"orc-co-logoImg"}),e.jsx("p",{className:"orc-co-captionDesktop",children:t}),e.jsx(L,{onClick:a,variant:"primary",size:"md",children:n})]})]}),e.jsxs("div",{className:"orc-co-bottom",children:[e.jsx("p",{className:"orc-co-caption",children:t}),e.jsx(L,{onClick:a,variant:"primary",size:"md",children:n})]})]}),Et="oraculo__OraculoEventCombinadasCard-module__card___ulQeY",Ot="oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld",kt="oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy",Nt="oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU",It="oraculo__OraculoEventCombinadasCard-module__circle___eehm-",$t="oraculo__OraculoEventCombinadasCard-module__line___Eb2pK",Bt="oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S",Rt="oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu",H={card:Et,combinadas:Ot,apuestaItem:kt,lineContainer:Nt,circle:It,line:$t,apuestaText:Bt,cuotaTotal:Rt};function me(t){const n=Array.isArray(t)?t:[t];sessionStorage.setItem("landingOutcomes",JSON.stringify(n)),window.location.href="/deportes"}function Pt(){window.location.href="/#in-play"}function Tt(){window.location.href="/#sports-hub/football"}function Mt(){window.location.href="/#specials"}function Be({event:t}){var r;function n(l){var g;const o=(g=l.betoffers)!=null?g:[],s=l.homeName,p=l.awayName,d=o.map(k=>{var E,b,y,I,f;let i=k.outcomes[0],u="",_=i!=null&&i.line?i.line/1e3:"";return["Más de","Mas de","Over"].includes(i==null?void 0:i.label)?(u=`Más de ${_}`,i!=null&&i.participant&&(u=`${i.participant} - ${u}`)):["Menos de","Menos"].includes(i==null?void 0:i.label)?(u=`Menos de ${_}`,i!=null&&i.participant&&(u=`${i.participant} - ${u}`)):["Sí","No"].includes(i==null?void 0:i.label)?(u=i==null?void 0:i.label,i!=null&&i.participant&&(u=`${i.participant} - ${u}`)):["1X","12","X2"].includes(i==null?void 0:i.label)?i.label==="1X"?u=`${s} o Empate`:i.label==="12"?u=`${s} o ${p}`:i.label==="X2"&&(u=`${p} o Empate`):(i!=null&&i.participant?u=i.participant:u=(E=i==null?void 0:i.label)!=null?E:"",_!==""&&u===i.label&&(u=`${i.label} ${_}`)),{id:(b=i==null?void 0:i.id)!=null?b:0,value:u,label:k.criterion.label,odds:(y=i==null?void 0:i.odds)!=null?y:0,bl:(I=i==null?void 0:i.label)!=null?I:0,position:(f=i==null?void 0:i.position)!=null?f:0}}),h=d.reduce((k,i)=>k+i.odds,0)/1e3;return{outcomes:d,total:h.toFixed(2)}}const a=n(t);return e.jsxs("div",{className:H.card,children:[e.jsx("div",{className:H.combinadas,children:e.jsxs(P.default,{direction:"column",spacing:.5,useFlexGap:!0,children:[e.jsx(U,{title:t.name,iconUrl:"/assets/img/home/Combinadas/pelota.png",size:"xs"}),e.jsx("img",{loading:"lazy",src:"/assets/img/home/Combinadas/line.png"}),e.jsx(P.default,{direction:"column",spacing:.5,useFlexGap:!0,children:a.outcomes.sort((l,o)=>l.position-o.position).map((l,o)=>e.jsxs("div",{className:H.apuestaItem,children:[e.jsxs("div",{className:H.lineContainer,children:[e.jsx("div",{className:H.circle}),o<a.outcomes.length-1&&e.jsx("div",{className:H.line})]}),e.jsxs("div",{className:H.apuestaText,children:[e.jsx("strong",{children:l.value})," ","| ",l.label]})]},o))})]})}),e.jsxs("button",{onClick:()=>{var l,o;return me((o=(l=a==null?void 0:a.outcomes)==null?void 0:l.map(s=>s==null?void 0:s.id))!=null?o:[])},className:H.cuotaTotal,children:[e.jsxs("span",{children:["Cuota total: ",e.jsx("strong",{children:(((r=t.combinadoTotal)!=null?r:0)/1e3).toFixed(2)})]}),e.jsx("img",{loading:"lazy",src:"/assets/img/home/Combinadas/cuotaTotal.svg",alt:"cuota total"})]})]})}const G={"orc-btn":"oraculo__OraculoButtonBet-module__orc-btn___jakza","orc-btn__label":"oraculo__OraculoButtonBet-module__orc-btn__label___zNFEH","orc-btn__icon":"oraculo__OraculoButtonBet-module__orc-btn__icon___5Rhyd","orc-btn--primary":"oraculo__OraculoButtonBet-module__orc-btn--primary___7TlJB","orc-btn--secondary":"oraculo__OraculoButtonBet-module__orc-btn--secondary___X4kJt","orc-btn--tertiary":"oraculo__OraculoButtonBet-module__orc-btn--tertiary___iS6eD","orc-btn--sm":"oraculo__OraculoButtonBet-module__orc-btn--sm___lIF2e","orc-btn--md":"oraculo__OraculoButtonBet-module__orc-btn--md___x4SI7","orc-btn--lg":"oraculo__OraculoButtonBet-module__orc-btn--lg___0BQNI","orc-btn--iconOnly":"oraculo__OraculoButtonBet-module__orc-btn--iconOnly___hQGwI","orc-btn--full":"oraculo__OraculoButtonBet-module__orc-btn--full___z-Myo","orc-btn--fullHeight":"oraculo__OraculoButtonBet-module__orc-btn--fullHeight___pCxq1"};function Lt({children:t,onClick:n,href:a,target:r,rel:l,type:o="button",disabled:s=!1,variant:p="primary",size:d,fullWidth:h=!1,fullHeight:g=!1,className:k="",ariaLabel:i,leftIcon:u,rightIcon:_,iconOnly:E}){const b=!!t&&t!==!0,f=(!!u?1:0)+(!!_?1:0)==1,w=E!=null?E:f&&!b,B=[G["orc-btn"],G[`orc-btn--${p}`],d?G[`orc-btn--${d}`]:"",h?G["orc-btn--full"]:"",g?G["orc-btn--fullHeight"]:"",w?G["orc-btn--iconOnly"]:"",k].filter(Boolean).join(" "),$=e.jsxs(e.Fragment,{children:[u&&e.jsx("span",{className:G["orc-btn__icon"],children:u}),!w&&e.jsx("span",{className:G["orc-btn__label"],children:t}),_&&e.jsx("span",{className:G["orc-btn__icon"],children:_})]}),S=s?!0:void 0;return a?e.jsx(M.Link,{href:a,target:r,rel:l,"aria-label":i,"aria-disabled":S,tabIndex:S?-1:void 0,className:B,onClick:S?c=>c.preventDefault():n,children:$}):e.jsx("button",{type:o,onClick:n,disabled:!!S,"aria-label":i,className:B,children:$})}const Ft="oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT",Re={cardWrapper:Ft};function Pe({event:t,liveData:n,betOffers:a}){var l,o,s,p,d,h,g,k;const r=a==null?void 0:a.find(i=>{var u;return((u=i.betOfferType)==null?void 0:u.id)===2});return e.jsx("div",{className:Re.cardWrapper,children:e.jsxs(P.default,{direction:"column",spacing:1,useFlexGap:!0,children:[e.jsxs(P.default,{direction:"column",spacing:1.5,useFlexGap:!0,children:[e.jsx(Oe,{title:(l=t.path[0].name)!=null?l:"",subtitle:t.group,live:!0,time:((o=n==null?void 0:n.matchClock)==null?void 0:o.minute)!=null?`${n.matchClock.minute}'`:""}),e.jsx("div",{style:{padding:"0 4px"},children:e.jsxs(A,{spacing:1.5,columns:"1fr auto 1fr",children:[e.jsx(Z,{name:t.homeName,logo:"https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Juventus.png"}),e.jsx(ue,{text:((p=(s=n==null?void 0:n.score)==null?void 0:s.home)!=null?p:0)+":"+((h=(d=n==null?void 0:n.score)==null?void 0:d.away)!=null?h:0),name:"En vivo"}),e.jsx(Z,{name:t.awayName,logo:"https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Racing.png"})]})})]}),e.jsxs(P.default,{direction:"column",spacing:1,useFlexGap:!0,children:[e.jsx(A,{spacing:1,children:((g=r==null?void 0:r.outcomes)!=null?g:[]).map((i,u)=>e.jsx(ce,{text:i.label.toUpperCase()},u))}),e.jsx(A,{spacing:2,children:((k=r==null?void 0:r.outcomes)!=null?k:[]).map((i,u)=>e.jsx(Lt,{variant:"primary",disabled:i.odds==null||(r==null?void 0:r.cashOutStatus)=="SUSPENDED",onClick:()=>{me(i.id)},children:i.odds===void 0?"":(i.odds/1e3).toFixed(2)},u))})]})]})})}const Wt="oraculo__OraculoEventDate-module__date___xhIlh",zt={date:Wt};function At({text:t}){return e.jsx("div",{className:`oli-font ${zt.date}`,children:t})}const Gt="oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe",Dt="oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD",Ut="oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H",Vt="oraculo__OraculoEventSemanaCard-module__equipos___G5hLn",K={cardContainer:Gt,cardBackground:Dt,jugadas:Ut,equipos:Vt};function Te({event:t}){var a,r,l,o,s,p,d;function n(h){const g=new Date(h),k=g.toLocaleDateString("es-ES",{weekday:"short"}).toUpperCase(),i=g.getDate().toString().padStart(2,"0"),u=(g.getMonth()+1).toString().padStart(2,"0");let _=g.toLocaleTimeString("es-PE",{hour:"numeric",minute:"2-digit",hour12:!0}).toUpperCase();return _=_.replace(/\./g,"").replace(/A\s*M/i,"AM").replace(/P\s*M/i,"PM"),`${k} ${i}/${u} | ${_}`}return e.jsxs("div",{className:K.cardContainer,children:[e.jsx(de,{title:(a=t==null?void 0:t.group)!=null?a:""}),e.jsx("div",{className:K.cardBackground,children:e.jsxs(P.default,{direction:"column",spacing:{xs:.5,md:1},useFlexGap:!0,children:[e.jsxs(P.default,{direction:"column",spacing:1,useFlexGap:!0,children:[e.jsxs("div",{className:K.equipos,children:[e.jsx(Z,{name:t.awayName,logo:"https://stg-www.contodobet.com/static/img/landing/EventoSemana/Flamengo.png",size:"compact"}),e.jsx(ue,{text:"vs.",name:"",size:"small"}),e.jsx(Z,{name:t.homeName,logo:"https://stg-www.contodobet.com/static/img/landing/EventoSemana/RealMadrid.png",size:"compact"})]}),e.jsx(At,{text:n(t.start)})]}),e.jsxs(P.default,{direction:"column",spacing:{xs:.5,md:1},useFlexGap:!0,children:[e.jsx(A,{spacing:1,children:((o=(l=(r=t==null?void 0:t.outcome)==null?void 0:r[0])==null?void 0:l.outcomes)!=null?o:[]).map((h,g)=>e.jsx(ce,{text:h.label.toUpperCase()},g))}),e.jsx("div",{className:K.jugadas,children:e.jsx(A,{spacing:1,children:((d=(p=(s=t==null?void 0:t.outcome)==null?void 0:s[0])==null?void 0:p.outcomes)!=null?d:[]).map((h,g)=>e.jsx(L,{variant:"primary",fullHeight:!0,onClick:()=>{me(h.id)},children:(h.odds/1e3).toFixed(2)},g))})})]})]})})]})}function Me({items:t,title:n="Destacados",iconUrl:a,onViewMore:r,className:l=""}){const o=O.useRef(null),[s,p]=O.useState({isStart:!0,isEnd:!1}),d=()=>{var u;(u=o.current)==null||u.prev()},h=()=>{var u;(u=o.current)==null||u.next(),console.log("items: ",t)},g=()=>{window.location.href="https://www.olimpo.bet/promociones"},k=u=>{if(!u||typeof window=="undefined")return;const E=`https://www.olimpo.bet/promociones/${encodeURIComponent(u)}`;window.location.href=E},i=l||void 0;return e.jsxs("section",{className:i,style:{width:"100%"},children:[e.jsxs("header",{style:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:12,rowGap:8,marginBottom:16},children:[e.jsx(U,{title:n,iconUrl:a,size:"md"}),e.jsxs("div",{style:{display:"flex",gap:8},children:[e.jsx(L,{ariaLabel:"Anterior",variant:"secondary",iconOnly:!0,leftIcon:e.jsx(X.ChevronLeftRounded,{}),onClick:d,disabled:s.isStart}),e.jsx(L,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:!0,rightIcon:e.jsx(X.ChevronRightRounded,{}),onClick:h,disabled:s.isEnd})]}),e.jsx(L,{variant:"secondary",onClick:g,children:"Ver más"})]}),e.jsx(V,{ref:o,items:t,perPage:2,gap:"16px",options:{autoWidth:!0,gap:"12px",trimSpace:!1,pagination:!1,arrows:!1,drag:!0,focus:"start"},breakpoints:{768:{perPage:2,focus:"start"},1024:{perPage:2.5,focus:"start"}},renderItem:u=>e.jsx("div",{style:{textAlign:"center",marginTop:16,cursor:"pointer"},onClick:()=>k(u.promotion),children:e.jsx("img",{src:`https://olimpo.bet${u.image!==""?u.image:u.summary_image}`,alt:u.title,style:{width:"100%",height:window.innerWidth<768?"80px":"137px",borderRadius:8,display:"block",objectFit:"cover"}})},`${u.title}-${u.image}`),onMove:({isStart:u,isEnd:_})=>p({isStart:u,isEnd:_})})]})}function oe(t,{basePath:n="/casino",src:a,demo:r=!1,host:l="https://www.olimpo.bet"}={}){if(typeof window=="undefined")return;const o=t==null?void 0:t.machine;if(!o)return;const s=new URLSearchParams;s.set("machine",String(o)),r&&s.set("demo","1"),window.location.href=`${l}${n}?${s.toString()}`}function xe({items:t,title:n="Top Juegos",iconUrl:a,onCardClick:r}){const l=O.useMemo(()=>(t!=null?t:[]).map((p,d)=>{var h;return{...p,orden:(h=p.orden)!=null?h:d+1,_originalIndex:d}}).sort((p,d)=>p.orden!=null&&d.orden!=null?p.orden-d.orden:p._originalIndex-d._originalIndex),[t]),o=!t||t.length===0,s=o?Array.from({length:6}):l.slice(0,6);return e.jsx("section",{style:{width:"100%"},children:e.jsxs(P.default,{direction:"column",spacing:2,useFlexGap:!0,children:[e.jsx(U,{title:n,iconUrl:a,size:"md"}),e.jsx(C.default,{sx:{display:"grid",gridTemplateColumns:{xs:"repeat(3, minmax(0, 1fr))",md:"repeat(6, minmax(0, 1fr))"},gap:{xs:1.5,md:2},justifyItems:"center",width:"100%"},children:s.map((p,d)=>{var h,g;return e.jsx(ke,{imageUrl:o?"":`https://olimpo.bet${(h=p.logo)!=null?h:""}`,orden:o?d+1:p.orden,loading:o,onClick:o?void 0:()=>{r?r(p):oe(p,{basePath:"/casino"})}},o?`sk-${d}`:(g=p.machine)!=null?g:`${d}`)})})]})})}const Ht=(t,n)=>{var a,r;return(r=(a=t.orden)!=null?a:t.machine)!=null?r:n},Le=({items:t,title:n="Casino en vivo",subtitle:a="Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",backgroundMobileUrl:r="",backgroundDesktopUrl:l="",onCardClick:o,onViewMore:s,className:p})=>(console.log("items: ",t),e.jsxs(C.default,{className:p,sx:{position:"relative",color:"white",overflow:"hidden"},children:[e.jsx(C.default,{sx:{position:"absolute",inset:0,backgroundImage:{xs:`
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),M=require("@mui/material"),O=require("react"),ye=require("@splidejs/react-splide"),Qe=require("@mui/material/Box"),Ye=require("@mui/material/Skeleton"),Ze=require("@mui/material/Typography"),et=require("@mui/material/Stack"),X=require("@mui/icons-material"),tt=require("@mui/icons-material/ChevronLeftRounded"),ot=require("@mui/icons-material/ChevronRightRounded"),nt=require("@mui/material/useMediaQuery"),he=require("firebase/firestore"),q=t=>t&&t.__esModule?t:{default:t},st=q(O),C=q(Qe),T=q(Ye),D=q(Ze),P=q(et),we=q(tt),Se=q(ot),at=q(nt);function L({children:t,onClick:n,href:a,target:r,rel:l,type:o="button",disabled:s=!1,variant:p="primary",size:d,fullWidth:h=!1,fullHeight:g=!1,className:k="",ariaLabel:i,leftIcon:u,rightIcon:_,iconOnly:E}){const b=!!t&&t!==!0,f=(!!u?1:0)+(!!_?1:0)==1,w=E!=null?E:f&&!b,B=["orc-btn",p==="secondary"?"orc-btn--secondary":p==="tertiary"?"orc-btn--tertiary":"orc-btn--primary",d?`orc-btn--${d}`:"",h?"orc-btn--full":"",g?"orc-btn--fullHeight":"",w?"orc-btn--iconOnly":"",k].filter(Boolean).join(" "),$=e.jsxs(e.Fragment,{children:[u&&e.jsx("span",{className:"orc-btn__icon",children:u}),!w&&e.jsx("span",{className:"orc-btn__label",children:t}),_&&e.jsx("span",{className:"orc-btn__icon",children:_})]}),S=s?!0:void 0;return a?e.jsx(M.Link,{href:a,target:r,rel:l,"aria-label":i,"aria-disabled":S,tabIndex:S?-1:void 0,className:B,onClick:S?c=>c.preventDefault():n,children:$}):e.jsx("button",{type:o,onClick:n,disabled:!!S,"aria-label":i,className:B,children:$})}function U({title:t,iconUrl:n,size:a="md",className:r=""}){const o=["orc-section-title",a?`orc-section-title--${a}`:"",r].filter(Boolean).join(" ");return e.jsxs("div",{className:o,children:[n&&e.jsx("img",{src:n,alt:"",className:"orc-section-title__icon"}),e.jsx("h2",{className:"orc-section-title__title",children:t})]})}const le=({total:t,active:n,onSelect:a,className:r=""})=>{if(t<=1)return null;const l=["orc-dots",r].filter(Boolean).join(" ");return e.jsx("div",{className:l,role:"tablist",children:Array.from({length:t}).map((o,s)=>e.jsx("span",{className:"orc-dots__cell",children:e.jsx("button",{type:"button",role:"tab","aria-selected":s===n,"aria-label":`Ir al slide ${s+1}`,className:"orc-dots__dot"+(s===n?" orc-dots__dot--active":""),onClick:()=>a==null?void 0:a(s)})},s))})};function A({children:t,minWidth:n=32,spacing:a=2,justify:r="stretch",columns:l=null}){const o=l||`repeat(auto-fit, minmax(${n}px, 1fr))`,s=typeof a=="number"?`${a*8}px`:a;return e.jsx("div",{style:{display:"grid",gridTemplateColumns:o,justifyItems:r,gap:s,height:"inherit"},children:t})}function ie({src:t,alt:n}){return e.jsx(M.Box,{sx:{position:"relative",width:{xs:80,md:160},height:{xs:48,md:96},display:"inline-block"},children:e.jsx(M.Box,{component:"img",src:t,alt:n,sx:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"contain"}})})}const rt="oraculo__OraculoEventTitle-module__contenedor___rg1vw",it="oraculo__OraculoEventTitle-module__flexGroup___jMLFO",lt="oraculo__OraculoEventTitle-module__subtitle___TmHna",ne={contenedor:rt,flexGroup:it,subtitle:lt};function ct({title:t,subtitle:n}){return e.jsxs("div",{className:ne.contenedor,children:[e.jsx("span",{style:{fontWeight:700,fontSize:"12px",lineHeight:"16px"},children:t}),n&&e.jsxs("div",{className:ne.flexGroup,children:[e.jsxs("svg",{width:"4",height:"4",viewBox:"0 0 5 5",xmlns:"http://www.w3.org/2000/svg",style:{flexShrink:0},children:[" ",e.jsx("circle",{cx:"2.5",cy:"2.5",r:"2.5",fill:"white"})," "]}),e.jsx("span",{className:ne.subtitle,children:n}),e.jsx("div",{})]})]})}function Ce({text:t,color:n="#ff3b3b",textColor:a="#fff"}){return e.jsx("span",{className:"oli-font",style:{backgroundColor:n,color:a,borderRadius:"8px",padding:"4px 8px",fontSize:"12px",lineHeight:"16px",fontWeight:700,width:"41px",height:"16px",textAlign:"center"},children:t})}function Ee({live:t,time:n}){return e.jsxs("div",{className:"oli-font",style:{display:"flex",alignItems:"center",gap:"8px"},children:[t&&e.jsx(Ce,{text:"En vivo"}),n&&e.jsx("span",{style:{fontSize:"14px",fontWeight:400,lineHeight:"18px",paddingTop:"4px"},children:n})]})}function Oe({title:t,subtitle:n,live:a=!1,time:r=""}){return e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",color:"#FFFFFF"},children:[e.jsx(ct,{title:t,subtitle:n}),e.jsx(Ee,{live:a,time:r})]})}const dt="oraculo__OraculoEventLabel-module__label___c64Xw",ut={label:dt};function ce({text:t}){return e.jsx("span",{className:ut.label,children:t})}const pt="oraculo__OraculoEventLeague-module__container___rdk4F",mt={container:pt};function de({title:t}){return e.jsx("div",{className:mt.container,children:t.toUpperCase()})}const xt="oraculo__OraculoEventScore-module__scoreWrapper___fWwEr",ft="oraculo__OraculoEventScore-module__name___r4uL6",ht="oraculo__OraculoEventScore-module__score___Xl03M",gt="oraculo__OraculoEventScore-module__normal___cCNFz",_t="oraculo__OraculoEventScore-module__small___fVt8E",J={scoreWrapper:xt,name:ft,score:ht,normal:gt,small:_t};function ue({text:t,name:n,size:a="normal"}){return e.jsxs("div",{className:`${J.scoreWrapper} ${J[a]}`,children:[e.jsx("div",{className:`${J.score} ${J[a]}`,children:t}),n&&e.jsx("span",{className:`${J.name} ${J[a]}`,children:n})]})}const bt="oraculo__OraculoEventTeamInfo-module__team___UfpUs",jt="oraculo__OraculoEventTeamInfo-module__regular___ag826",vt="oraculo__OraculoEventTeamInfo-module__compact___RCNOs",yt="oraculo__OraculoEventTeamInfo-module__logo___fKCl3",wt="oraculo__OraculoEventTeamInfo-module__name___4ikm-",ee={team:bt,regular:jt,compact:vt,logo:yt,name:wt};function Z({name:t,logo:n,size:a="regular"}){return e.jsxs("div",{className:`oli-font ${ee.team} ${ee[a]}`,children:[e.jsx("img",{loading:"lazy",src:n,alt:t,className:ee.logo}),e.jsx("span",{className:ee.name,children:t})]})}const St=ye.Splide,Ct=ye.SplideSlide,V=O.forwardRef(({items:t=[],renderItem:n,perPage:a=1,gap:r="0px",breakpoints:l,options:o={},className:s="",onMove:p,useIndexAsKey:d=!1},h)=>{const g=O.useRef(null);O.useImperativeHandle(h,()=>({next:()=>{var _;return(_=g.current)==null?void 0:_.go(">")},prev:()=>{var _;return(_=g.current)==null?void 0:_.go("<")},go:_=>{var E;return(E=g.current)==null?void 0:E.go(_)}}));const k=O.useCallback(_=>{const E=_.Components.Controller,b=E.getIndex(),y=E.getEnd(),I=b===0,f=b>=y,w=_.Components.Slides.getLength();p==null||p({index:b,isStart:I,isEnd:f,total:w})},[p]),i=O.useCallback(_=>{k(_)},[k]),u={type:"slide",trimSpace:!1,drag:!0,pagination:!1,arrows:!1,rewind:!1,focus:"start",autoWidth:!1,perPage:a,gap:r,breakpoints:l,...o};return e.jsx("div",{className:s,style:{width:"100%"},children:e.jsx(St,{ref:g,options:u,onMove:k,onMounted:i,children:t.map((_,E)=>{var b;return e.jsx(Ct,{children:n(_,E)},d?E:(b=_.id)!=null?b:E)})})})}),Y=({imageUrl:t,onClick:n,size:a="sm",fillParent:r=!1})=>{const l=a==="lg"?{w:280,h:352}:{w:152,h:168},o=p=>{p.stopPropagation(),n==null||n()},s=r?{width:"100%",height:"100%"}:{width:`${l.w}px`,height:`${l.h}px`};return e.jsxs(C.default,{onClick:n,role:"button",sx:{position:"relative",borderRadius:"12px",overflow:"hidden",boxSizing:"border-box",transition:"transform .15s ease, box-shadow .15s ease",...s,"&:hover":{transform:"translateY(-2px)",boxShadow:8,cursor:"pointer"},"&:hover .oraculo-game-card-overlay":{opacity:1},"&:hover .oraculo-game-card-btn":{opacity:1,transform:"translate(-50%, -50%) scale(1)",pointerEvents:"auto"}},children:[e.jsx("img",{src:t,alt:"Juego de casino",loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",display:"block",borderRadius:"inherit"}}),e.jsx(C.default,{className:"oraculo-game-card-overlay",sx:{position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, 0.45)",opacity:0,transition:"opacity .15s ease",pointerEvents:"none",zIndex:1}}),e.jsx(C.default,{className:"oraculo-game-card-btn",sx:{position:"absolute",top:"50%",left:"50%",zIndex:2,transform:"translate(-50%, -50%) scale(0.95)",opacity:0,transition:"opacity .15s ease, transform .15s ease",pointerEvents:"none"},children:e.jsx(L,{variant:"primary",size:"md",onClick:o,children:"JUGAR"})})]})};function ke({imageUrl:t,orden:n=1,onClick:a,loading:r=!1,sizes:l={xs:{w:104,h:112,r:18,font:48},md:{w:186,h:264,r:22.6,font:64}}}){var k,i,u,_;const o=(E,b)=>{var y,I,f,w;return{xs:(I=(y=l.xs)==null?void 0:y[E])!=null?I:b,md:(w=(f=l.md)==null?void 0:f[E])!=null?w:b}},s=o("w",186),p=o("h",264),d=o("r",22.6),h=o("font",64),g={xs:Math.round(((i=(k=l.xs)==null?void 0:k.font)!=null?i:64)*.28),md:Math.round(((_=(u=l.md)==null?void 0:u.font)!=null?_:64)*.28)};return e.jsxs(C.default,{sx:{position:"relative",width:"100%",maxWidth:{xs:`${s.xs}px`,md:`${s.md}px`},aspectRatio:{xs:`${s.xs}/${p.xs}`,md:`${s.md}/${p.md}`},borderRadius:{xs:`${d.xs}px`,md:`${d.md}px`},boxSizing:"border-box",overflow:"visible",pb:{xs:`${g.xs}px`,md:`${g.md}px`},"&::before":{content:'""',position:"absolute",inset:0,borderRadius:"inherit",pointerEvents:"none",zIndex:2,background:"linear-gradient(21.29deg, #0B0D1B -1.16%, rgba(255,255,255,0) 51.92%, rgba(255,255,255,0) 127.62%)",backgroundBlendMode:"multiply"}},children:[e.jsx(C.default,{sx:{position:"absolute",inset:0,borderRadius:"inherit",overflow:"hidden"},children:r?e.jsx(T.default,{variant:"rectangular",width:"100%",height:"100%",sx:{bgcolor:"rgba(255,255,255,0.10)","&::after":{background:"linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent)"}}}):e.jsx(Y,{imageUrl:t,onClick:a,size:"lg",fillParent:!0})}),e.jsx(C.default,{component:"span",sx:{position:"absolute",left:8,bottom:{xs:`-${g.xs}px`,md:`-${g.md}px`},fontFamily:"secondary",fontSize:{xs:`${h.xs}px`,md:`${h.md}px`},lineHeight:1,color:"#3CC666",WebkitTextStroke:"1px #9ee86e",zIndex:3,userSelect:"none"},children:n})]})}const Ne=({logo:t,provider:n,providerName:a,machine:r,onClick:l})=>{var o;return e.jsxs(C.default,{onClick:l,sx:{flex:"0 0 auto",position:"relative",borderRadius:"20px",overflow:"hidden",width:{xs:100,md:180},height:{xs:200,md:380},transition:"width .50s ease, transform .28s ease",willChange:"width, transform",cursor:"pointer",zIndex:0,"&:hover":{zIndex:2,width:{md:260,xs:110}},"&:hover .orc-live-provider-label":{opacity:1}},children:[e.jsx(C.default,{component:"img",src:t,alt:`Juego ${r!=null?r:""}`,sx:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",display:"block"}}),e.jsx(C.default,{className:"orc-live-provider-label",sx:{position:"absolute",left:"50%",top:{xs:"75%",md:"80%"},transform:"translate(-50%, -50%)",zIndex:3,opacity:0,transition:"opacity .25s ease",pointerEvents:"none"},children:e.jsx(D.default,{sx:{color:"#fff",fontWeight:700,fontSize:{xs:11,md:14},textTransform:"capitalize"},children:(o=n!=null?n:a)!=null?o:""})})]})},se=12,ae=({r:t=16})=>e.jsx(C.default,{sx:{width:"100%",height:"100%",borderRadius:t,overflow:"hidden"},children:e.jsx(T.default,{variant:"rectangular",width:"100%",height:"100%",sx:{bgcolor:"rgba(255,255,255,0.10)","&::after":{background:"linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent)"}}})}),pe=({items:t,layout:n="grid",onClick:a,loading:r=!1,gridSkeletonCount:l=4})=>{var o;if(n==="mosaic"){const s=t[0],p=t.slice(1,5);return e.jsxs(C.default,{sx:{display:"grid",gridTemplateRows:{xs:"repeat(2, 112px)",md:"repeat(2, 168px)"},gridTemplateColumns:{xs:"184px",md:"280px"},gridAutoFlow:"column",gridAutoColumns:{xs:"104px",md:"152px"},columnGap:`${se}px`,rowGap:`${se}px`,alignItems:"stretch",justifyItems:"stretch"},children:[e.jsx(C.default,{sx:{width:{xs:184,md:280},height:{xs:234,md:352},gridRow:"1 / span 2",overflow:"hidden",borderRadius:2},children:r?e.jsx(ae,{}):s&&e.jsx(Y,{imageUrl:`https://olimpo.bet${(o=s.imageUrl)!=null?o:""}`,size:"lg",fillParent:!0,onClick:()=>a==null?void 0:a(s,0)})}),(r?Array.from({length:4}):p).map((d,h)=>{var g;return e.jsx(C.default,{sx:{width:{xs:104,md:152},height:{xs:112,md:168},overflow:"hidden",borderRadius:2},children:r?e.jsx(ae,{}):e.jsx(Y,{imageUrl:`https://olimpo.bet${(g=d.imageUrl)!=null?g:""}`,size:"sm",fillParent:!0,onClick:()=>a==null?void 0:a(d,h+1)})},r?`sk-${h}`:d.id)})]})}return e.jsx(C.default,{sx:{display:"grid",gridTemplateColumns:{xs:"repeat(2, 104px)",md:"repeat(2, 152px)"},gridTemplateRows:{xs:"repeat(2, 112px)",md:"repeat(2, 168px)"},gap:`${se}px`,gridAutoFlow:"column"},children:(r?Array.from({length:l}):t).map((s,p)=>{var d,h;return e.jsx(C.default,{sx:{overflow:"hidden",borderRadius:2},children:r?e.jsx(ae,{}):e.jsx(Y,{imageUrl:`https://olimpo.bet${(d=s.imageUrl)!=null?d:""}`,size:"sm",fillParent:!0,onClick:()=>a==null?void 0:a(s,p)})},r?`sk-${p}`:(h=s.id)!=null?h:p)})})},Ie=({title:t,amount:n,subtitle:a,buttonText:r,onButtonClick:l,backgroundImage:o,alt:s,className:p="",variant:d="small"})=>{const h=n?n.slice(0,2):"",g=n?n.slice(2):"",k=d==="large";return e.jsxs(C.default,{className:p,sx:{position:"relative",width:"100%",maxWidth:{xs:328,md:k?618:456},mx:"auto"},children:[o&&e.jsx(C.default,{sx:{position:"relative",width:"100%",aspectRatio:{xs:"328 / 188",md:k?"618 / 346":"456 / 272"},borderRadius:"14px",overflow:"hidden"},children:e.jsx(C.default,{component:"img",src:o,alt:s!=null?s:"Fondo promocional",sx:{width:"100%",height:"100%",objectFit:"cover",objectPosition:{xs:"50% 0%",md:"45% 0%"},display:"block"}})}),e.jsx(C.default,{sx:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"flex-end",color:"#e7f8ff",textAlign:"center",pl:"14%",pr:{xs:"14%",lg:"15%"}},children:e.jsxs(C.default,{sx:{maxWidth:"60%",display:"flex",flexDirection:"column",alignItems:"center"},children:[t&&e.jsx(D.default,{sx:{fontSize:{xs:12,md:20},fontWeight:400,color:"#e7f8ff"},children:t}),n&&e.jsxs(C.default,{component:"p",sx:{fontFamily:'"secondary", sans-serif',lineHeight:{xs:.9,lg:.87},m:"4px 0",background:"linear-gradient(175deg, #EDC421 -12.56%, #FFFABF 17.99%, #EDC421 49.74%)",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",WebkitTextStroke:"0.5px #fff8c1",filter:"drop-shadow(0px 4px 0px #8D4406) drop-shadow(0px 4px 4px rgba(28, 28, 28, 0.4))",display:"flex",alignItems:"baseline",justifyContent:"center"},children:[e.jsx(C.default,{component:"span",sx:{fontSize:{xs:35,md:48},mr:.5},children:h}),e.jsx(C.default,{component:"span",sx:{fontSize:{xs:52,md:77}},children:g})]}),a&&e.jsx(D.default,{sx:{pb:"20px",fontSize:14,fontWeight:600,color:"#e7f8ff"},children:a}),r&&e.jsx(L,{onClick:l,children:r})]})})]})},$e=({text:t,buttonLabel:n="Conoce más",onClick:a,imgAlt:r="Club Olimpo",imgSrcMobile:l,imgSrcDesktopBg:o,imgSrcDesktopLogo:s})=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"orc-co-bgMobile",children:e.jsx("img",{src:l,alt:r,className:"orc-co-bgMobileImg"})}),e.jsxs("div",{className:"orc-co-bgDesktop",children:[o&&e.jsx("div",{className:"orc-co-fillHost",children:e.jsx("img",{src:o,alt:`${r} fondo`,className:"orc-co-bgDesktopImg"})}),e.jsxs("div",{className:"orc-co-desktopContent",children:[s&&e.jsx("img",{src:s,alt:`${r} logo`,className:"orc-co-logoImg"}),e.jsx("p",{className:"orc-co-captionDesktop",children:t}),e.jsx(L,{onClick:a,variant:"primary",size:"md",children:n})]})]}),e.jsxs("div",{className:"orc-co-bottom",children:[e.jsx("p",{className:"orc-co-caption",children:t}),e.jsx(L,{onClick:a,variant:"primary",size:"md",children:n})]})]}),Et="oraculo__OraculoEventCombinadasCard-module__card___ulQeY",Ot="oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld",kt="oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy",Nt="oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU",It="oraculo__OraculoEventCombinadasCard-module__circle___eehm-",$t="oraculo__OraculoEventCombinadasCard-module__line___Eb2pK",Bt="oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S",Rt="oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu",H={card:Et,combinadas:Ot,apuestaItem:kt,lineContainer:Nt,circle:It,line:$t,apuestaText:Bt,cuotaTotal:Rt};function me(t){const n=Array.isArray(t)?t:[t];sessionStorage.setItem("landingOutcomes",JSON.stringify(n)),window.location.href="/deportes#in-play"}function Pt(){window.location.href="/deportes#in-play"}function Tt(){window.location.href="/deportes#sports-hub/football"}function Mt(){window.location.href="/deportes#specials"}function Be({event:t}){var r;function n(l){var g;const o=(g=l.betoffers)!=null?g:[],s=l.homeName,p=l.awayName,d=o.map(k=>{var E,b,y,I,f;let i=k.outcomes[0],u="",_=i!=null&&i.line?i.line/1e3:"";return["Más de","Mas de","Over"].includes(i==null?void 0:i.label)?(u=`Más de ${_}`,i!=null&&i.participant&&(u=`${i.participant} - ${u}`)):["Menos de","Menos"].includes(i==null?void 0:i.label)?(u=`Menos de ${_}`,i!=null&&i.participant&&(u=`${i.participant} - ${u}`)):["Sí","No"].includes(i==null?void 0:i.label)?(u=i==null?void 0:i.label,i!=null&&i.participant&&(u=`${i.participant} - ${u}`)):["1X","12","X2"].includes(i==null?void 0:i.label)?i.label==="1X"?u=`${s} o Empate`:i.label==="12"?u=`${s} o ${p}`:i.label==="X2"&&(u=`${p} o Empate`):(i!=null&&i.participant?u=i.participant:u=(E=i==null?void 0:i.label)!=null?E:"",_!==""&&u===i.label&&(u=`${i.label} ${_}`)),{id:(b=i==null?void 0:i.id)!=null?b:0,value:u,label:k.criterion.label,odds:(y=i==null?void 0:i.odds)!=null?y:0,bl:(I=i==null?void 0:i.label)!=null?I:0,position:(f=i==null?void 0:i.position)!=null?f:0}}),h=d.reduce((k,i)=>k+i.odds,0)/1e3;return{outcomes:d,total:h.toFixed(2)}}const a=n(t);return e.jsxs("div",{className:H.card,children:[e.jsx("div",{className:H.combinadas,children:e.jsxs(P.default,{direction:"column",spacing:.5,useFlexGap:!0,children:[e.jsx(U,{title:t.name,iconUrl:"/assets/img/home/Combinadas/pelota.png",size:"xs"}),e.jsx("img",{loading:"lazy",src:"/assets/img/home/Combinadas/line.png"}),e.jsx(P.default,{direction:"column",spacing:.5,useFlexGap:!0,children:a.outcomes.sort((l,o)=>l.position-o.position).map((l,o)=>e.jsxs("div",{className:H.apuestaItem,children:[e.jsxs("div",{className:H.lineContainer,children:[e.jsx("div",{className:H.circle}),o<a.outcomes.length-1&&e.jsx("div",{className:H.line})]}),e.jsxs("div",{className:H.apuestaText,children:[e.jsx("strong",{children:l.value})," ","| ",l.label]})]},o))})]})}),e.jsxs("button",{onClick:()=>{var l,o;return me((o=(l=a==null?void 0:a.outcomes)==null?void 0:l.map(s=>s==null?void 0:s.id))!=null?o:[])},className:H.cuotaTotal,children:[e.jsxs("span",{children:["Cuota total: ",e.jsx("strong",{children:(((r=t.combinadoTotal)!=null?r:0)/1e3).toFixed(2)})]}),e.jsx("img",{loading:"lazy",src:"/assets/img/home/Combinadas/cuotaTotal.svg",alt:"cuota total"})]})]})}const G={"orc-btn":"oraculo__OraculoButtonBet-module__orc-btn___jakza","orc-btn__label":"oraculo__OraculoButtonBet-module__orc-btn__label___zNFEH","orc-btn__icon":"oraculo__OraculoButtonBet-module__orc-btn__icon___5Rhyd","orc-btn--primary":"oraculo__OraculoButtonBet-module__orc-btn--primary___7TlJB","orc-btn--secondary":"oraculo__OraculoButtonBet-module__orc-btn--secondary___X4kJt","orc-btn--tertiary":"oraculo__OraculoButtonBet-module__orc-btn--tertiary___iS6eD","orc-btn--sm":"oraculo__OraculoButtonBet-module__orc-btn--sm___lIF2e","orc-btn--md":"oraculo__OraculoButtonBet-module__orc-btn--md___x4SI7","orc-btn--lg":"oraculo__OraculoButtonBet-module__orc-btn--lg___0BQNI","orc-btn--iconOnly":"oraculo__OraculoButtonBet-module__orc-btn--iconOnly___hQGwI","orc-btn--full":"oraculo__OraculoButtonBet-module__orc-btn--full___z-Myo","orc-btn--fullHeight":"oraculo__OraculoButtonBet-module__orc-btn--fullHeight___pCxq1"};function Lt({children:t,onClick:n,href:a,target:r,rel:l,type:o="button",disabled:s=!1,variant:p="primary",size:d,fullWidth:h=!1,fullHeight:g=!1,className:k="",ariaLabel:i,leftIcon:u,rightIcon:_,iconOnly:E}){const b=!!t&&t!==!0,f=(!!u?1:0)+(!!_?1:0)==1,w=E!=null?E:f&&!b,B=[G["orc-btn"],G[`orc-btn--${p}`],d?G[`orc-btn--${d}`]:"",h?G["orc-btn--full"]:"",g?G["orc-btn--fullHeight"]:"",w?G["orc-btn--iconOnly"]:"",k].filter(Boolean).join(" "),$=e.jsxs(e.Fragment,{children:[u&&e.jsx("span",{className:G["orc-btn__icon"],children:u}),!w&&e.jsx("span",{className:G["orc-btn__label"],children:t}),_&&e.jsx("span",{className:G["orc-btn__icon"],children:_})]}),S=s?!0:void 0;return a?e.jsx(M.Link,{href:a,target:r,rel:l,"aria-label":i,"aria-disabled":S,tabIndex:S?-1:void 0,className:B,onClick:S?c=>c.preventDefault():n,children:$}):e.jsx("button",{type:o,onClick:n,disabled:!!S,"aria-label":i,className:B,children:$})}const Ft="oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT",Re={cardWrapper:Ft};function Pe({event:t,liveData:n,betOffers:a}){var l,o,s,p,d,h,g,k;const r=a==null?void 0:a.find(i=>{var u;return((u=i.betOfferType)==null?void 0:u.id)===2});return e.jsx("div",{className:Re.cardWrapper,children:e.jsxs(P.default,{direction:"column",spacing:1,useFlexGap:!0,children:[e.jsxs(P.default,{direction:"column",spacing:1.5,useFlexGap:!0,children:[e.jsx(Oe,{title:(l=t.path[0].name)!=null?l:"",subtitle:t.group,live:!0,time:((o=n==null?void 0:n.matchClock)==null?void 0:o.minute)!=null?`${n.matchClock.minute}'`:""}),e.jsx("div",{style:{padding:"0 4px"},children:e.jsxs(A,{spacing:1.5,columns:"1fr auto 1fr",children:[e.jsx(Z,{name:t.homeName,logo:"https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Juventus.png"}),e.jsx(ue,{text:((p=(s=n==null?void 0:n.score)==null?void 0:s.home)!=null?p:0)+":"+((h=(d=n==null?void 0:n.score)==null?void 0:d.away)!=null?h:0),name:"En vivo"}),e.jsx(Z,{name:t.awayName,logo:"https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Racing.png"})]})})]}),e.jsxs(P.default,{direction:"column",spacing:1,useFlexGap:!0,children:[e.jsx(A,{spacing:1,children:((g=r==null?void 0:r.outcomes)!=null?g:[]).map((i,u)=>e.jsx(ce,{text:i.label.toUpperCase()},u))}),e.jsx(A,{spacing:2,children:((k=r==null?void 0:r.outcomes)!=null?k:[]).map((i,u)=>e.jsx(Lt,{variant:"primary",disabled:i.odds==null||(r==null?void 0:r.cashOutStatus)=="SUSPENDED",onClick:()=>{me(i.id)},children:i.odds===void 0?"":(i.odds/1e3).toFixed(2)},u))})]})]})})}const Wt="oraculo__OraculoEventDate-module__date___xhIlh",zt={date:Wt};function At({text:t}){return e.jsx("div",{className:`oli-font ${zt.date}`,children:t})}const Gt="oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe",Dt="oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD",Ut="oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H",Vt="oraculo__OraculoEventSemanaCard-module__equipos___G5hLn",K={cardContainer:Gt,cardBackground:Dt,jugadas:Ut,equipos:Vt};function Te({event:t}){var a,r,l,o,s,p,d;function n(h){const g=new Date(h),k=g.toLocaleDateString("es-ES",{weekday:"short"}).toUpperCase(),i=g.getDate().toString().padStart(2,"0"),u=(g.getMonth()+1).toString().padStart(2,"0");let _=g.toLocaleTimeString("es-PE",{hour:"numeric",minute:"2-digit",hour12:!0}).toUpperCase();return _=_.replace(/\./g,"").replace(/A\s*M/i,"AM").replace(/P\s*M/i,"PM"),`${k} ${i}/${u} | ${_}`}return e.jsxs("div",{className:K.cardContainer,children:[e.jsx(de,{title:(a=t==null?void 0:t.group)!=null?a:""}),e.jsx("div",{className:K.cardBackground,children:e.jsxs(P.default,{direction:"column",spacing:{xs:.5,md:1},useFlexGap:!0,children:[e.jsxs(P.default,{direction:"column",spacing:1,useFlexGap:!0,children:[e.jsxs("div",{className:K.equipos,children:[e.jsx(Z,{name:t.awayName,logo:"https://stg-www.contodobet.com/static/img/landing/EventoSemana/Flamengo.png",size:"compact"}),e.jsx(ue,{text:"vs.",name:"",size:"small"}),e.jsx(Z,{name:t.homeName,logo:"https://stg-www.contodobet.com/static/img/landing/EventoSemana/RealMadrid.png",size:"compact"})]}),e.jsx(At,{text:n(t.start)})]}),e.jsxs(P.default,{direction:"column",spacing:{xs:.5,md:1},useFlexGap:!0,children:[e.jsx(A,{spacing:1,children:((o=(l=(r=t==null?void 0:t.outcome)==null?void 0:r[0])==null?void 0:l.outcomes)!=null?o:[]).map((h,g)=>e.jsx(ce,{text:h.label.toUpperCase()},g))}),e.jsx("div",{className:K.jugadas,children:e.jsx(A,{spacing:1,children:((d=(p=(s=t==null?void 0:t.outcome)==null?void 0:s[0])==null?void 0:p.outcomes)!=null?d:[]).map((h,g)=>e.jsx(L,{variant:"primary",fullHeight:!0,onClick:()=>{me(h.id)},children:(h.odds/1e3).toFixed(2)},g))})})]})]})})]})}function Me({items:t,title:n="Destacados",iconUrl:a,onViewMore:r,className:l=""}){const o=O.useRef(null),[s,p]=O.useState({isStart:!0,isEnd:!1}),d=()=>{var u;(u=o.current)==null||u.prev()},h=()=>{var u;(u=o.current)==null||u.next(),console.log("items: ",t)},g=()=>{window.location.href="https://www.olimpo.bet/promociones"},k=u=>{if(!u||typeof window=="undefined")return;const E=`https://www.olimpo.bet/promociones/${encodeURIComponent(u)}`;window.location.href=E},i=l||void 0;return e.jsxs("section",{className:i,style:{width:"100%"},children:[e.jsxs("header",{style:{display:"grid",gridTemplateColumns:"1fr auto auto",alignItems:"center",columnGap:12,rowGap:8,marginBottom:16},children:[e.jsx(U,{title:n,iconUrl:a,size:"md"}),e.jsxs("div",{style:{display:"flex",gap:8},children:[e.jsx(L,{ariaLabel:"Anterior",variant:"secondary",iconOnly:!0,leftIcon:e.jsx(X.ChevronLeftRounded,{}),onClick:d,disabled:s.isStart}),e.jsx(L,{ariaLabel:"Siguiente",variant:"secondary",iconOnly:!0,rightIcon:e.jsx(X.ChevronRightRounded,{}),onClick:h,disabled:s.isEnd})]}),e.jsx(L,{variant:"secondary",onClick:g,children:"Ver más"})]}),e.jsx(V,{ref:o,items:t,perPage:2,gap:"16px",options:{autoWidth:!0,gap:"12px",trimSpace:!1,pagination:!1,arrows:!1,drag:!0,focus:"start"},breakpoints:{768:{perPage:2,focus:"start"},1024:{perPage:2.5,focus:"start"}},renderItem:u=>e.jsx("div",{style:{textAlign:"center",marginTop:16,cursor:"pointer"},onClick:()=>k(u.promotion),children:e.jsx("img",{src:`https://olimpo.bet${u.image!==""?u.image:u.summary_image}`,alt:u.title,style:{width:"100%",height:window.innerWidth<768?"80px":"137px",borderRadius:8,display:"block",objectFit:"cover"}})},`${u.title}-${u.image}`),onMove:({isStart:u,isEnd:_})=>p({isStart:u,isEnd:_})})]})}function oe(t,{basePath:n="/casino",src:a,demo:r=!1,host:l="https://www.olimpo.bet"}={}){if(typeof window=="undefined")return;const o=t==null?void 0:t.machine;if(!o)return;const s=new URLSearchParams;s.set("machine",String(o)),r&&s.set("demo","1"),window.location.href=`${l}${n}?${s.toString()}`}function xe({items:t,title:n="Top Juegos",iconUrl:a,onCardClick:r}){const l=O.useMemo(()=>(t!=null?t:[]).map((p,d)=>{var h;return{...p,orden:(h=p.orden)!=null?h:d+1,_originalIndex:d}}).sort((p,d)=>p.orden!=null&&d.orden!=null?p.orden-d.orden:p._originalIndex-d._originalIndex),[t]),o=!t||t.length===0,s=o?Array.from({length:6}):l.slice(0,6);return e.jsx("section",{style:{width:"100%"},children:e.jsxs(P.default,{direction:"column",spacing:2,useFlexGap:!0,children:[e.jsx(U,{title:n,iconUrl:a,size:"md"}),e.jsx(C.default,{sx:{display:"grid",gridTemplateColumns:{xs:"repeat(3, minmax(0, 1fr))",md:"repeat(6, minmax(0, 1fr))"},gap:{xs:1.5,md:2},justifyItems:"center",width:"100%"},children:s.map((p,d)=>{var h,g;return e.jsx(ke,{imageUrl:o?"":`https://olimpo.bet${(h=p.logo)!=null?h:""}`,orden:o?d+1:p.orden,loading:o,onClick:o?void 0:()=>{r?r(p):oe(p,{basePath:"/casino"})}},o?`sk-${d}`:(g=p.machine)!=null?g:`${d}`)})})]})})}const Ht=(t,n)=>{var a,r;return(r=(a=t.orden)!=null?a:t.machine)!=null?r:n},Le=({items:t,title:n="Casino en vivo",subtitle:a="Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",backgroundMobileUrl:r="",backgroundDesktopUrl:l="",onCardClick:o,onViewMore:s,className:p})=>(console.log("items: ",t),e.jsxs(C.default,{className:p,sx:{position:"relative",color:"white",overflow:"hidden"},children:[e.jsx(C.default,{sx:{position:"absolute",inset:0,backgroundImage:{xs:`
2
2
  linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
3
3
  linear-gradient(to top, #121212 0%, rgba(18,18,18,0) 10%),
4
4
  url('${r}')