@dcl/landing-site 0.5.1-24667963662.commit-e7db321 → 0.5.1-24671743849.commit-e464803

package/assets/{index-BrJrrR0-.js → index-C_C2-CZT.js}

@@ -1 +1 @@
-import{s as e,v as r,a as o,w as s,j as i}from"./index-BQ4lI5xX.js";import{r as d}from"./vendor-router-D_36sTKu.js";import{A as l}from"./AnimatedSection-Dy2CqHWv.js";import{w as m}from"./index-HZ_h_54S.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./useCreatorHubDownload-htSWq2gm.js";import"./file-Cr_gl9BS.js";import"./url-CwO7t7Da.js";import"./index-g0lykA2w.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-G_F6A2kc.js";import"./CircularProgress-DcmGIHDk.js";import"./Video-CiAQnrOo.js";const p=e("section")(({theme:t})=>({display:"flex",flexDirection:"column",gap:"1em",width:"100%",paddingBottom:100,[t.breakpoints.down("sm")]:{paddingBottom:40,paddingLeft:t.spacing(4),paddingRight:t.spacing(4),overflow:"hidden"}})),g=e(r)(({theme:t})=>({textAlign:"center",fontSize:48,fontWeight:600,color:"#fcfcfc",marginTop:0,marginBottom:32,maxWidth:"80vw",marginLeft:"auto",marginRight:"auto","& span":{background:"linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[t.breakpoints.down("sm")]:{fontSize:32,fontWeight:700,lineHeight:"40px",letterSpacing:"-0.64px"}})),c=e(o)(({theme:t})=>({display:"flex",flexDirection:"row",justifyContent:"center",[t.breakpoints.down("sm")]:{flexDirection:"column",gap:20}})),a={join:"linear-gradient(206deg, #c640cd 2.47%, #691fa9 98.81%)",create:"radial-gradient(2917.83% 156.44% at 16.06% 114.57%, #ff4f57 13.42%, #ffa25a 100%)",benefit:"linear-gradient(208deg, #ff2d55 13.94%, #c640cd 80.96%)"},h=e(o,{shouldForwardProp:t=>t!=="cardId"})(({theme:t,cardId:n})=>({opacity:1,maxWidth:450,flexShrink:0,borderRadius:24,marginRight:24,flex:1,background:a[n]||a.join,"&:last-child":{marginRight:0},[t.breakpoints.down("sm")]:{width:"100%",maxWidth:"100%",marginRight:0}})),f=e(o)(({theme:t})=>({justifyContent:"space-between",alignItems:"center",height:"100%",display:"flex",flexDirection:"column",padding:"24px 24px 32px",position:"relative",borderRadius:20,overflow:"hidden",flex:1,transition:"transform 0.3s ease-in-out","@media (hover: hover)":{"&:hover":{transform:"scale(1.05)"}},[t.breakpoints.down("sm")]:{padding:"26px 24px",justifyContent:"flex-start"}})),x=e(o)(({theme:t})=>({borderRadius:16,width:"100%",marginBottom:24,display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden","& img":{flex:"1 1 auto",minHeight:0,objectFit:"contain",maxWidth:"100%"},[t.breakpoints.down("sm")]:{height:138,minHeight:138,marginBottom:16,"& img":{maxWidth:"none",minHeight:"100%",minWidth:"100%"}}})),y=e(o)({alignSelf:"flex-start",flex:1,display:"flex",flexDirection:"column",justifyContent:"flex-start"}),u=e(r)(({theme:t})=>({fontSize:24,lineHeight:"30px",fontWeight:600,marginBottom:8,paddingLeft:10,paddingRight:10,[t.breakpoints.down("sm")]:{fontWeight:700,fontSize:20,lineHeight:"28px"}})),w=e(r)(({theme:t})=>({fontSize:18,lineHeight:"24px",fontWeight:400,marginTop:0,paddingLeft:10,paddingRight:10,[t.breakpoints.down("sm")]:{color:"#fff"}})),_=d.memo(()=>{const t=s();return i.jsx(l,{children:i.jsxs(p,{children:[i.jsxs(g,{children:[i.jsx("span",{children:t("component.creators_landing.why.title_highlight")})," ",t("component.creators_landing.why.title")]}),i.jsx(c,{children:m.map(n=>i.jsx(h,{cardId:n.id,children:i.jsxs(f,{children:[i.jsx(x,{children:i.jsx("img",{src:n.image,alt:n.title})}),i.jsxs(y,{children:[i.jsx(u,{children:n.title}),i.jsx(w,{children:n.description})]})]})},n.id))})]})})});export{_ as CreatorsWhy};
+import{s as e,v as r,a as o,w as s,j as i}from"./index-DaRevScO.js";import{r as d}from"./vendor-router-D_36sTKu.js";import{A as l}from"./AnimatedSection-C7y4e9MO.js";import{w as m}from"./index-BqghIvCc.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./useCreatorHubDownload-CQ5sircD.js";import"./file-Cr_gl9BS.js";import"./url-DMbF6Zco.js";import"./index-mXhpN3cS.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-DIvER7jP.js";import"./CircularProgress-DMJbftwB.js";import"./Video-DF4ljNzn.js";const p=e("section")(({theme:t})=>({display:"flex",flexDirection:"column",gap:"1em",width:"100%",paddingBottom:100,[t.breakpoints.down("sm")]:{paddingBottom:40,paddingLeft:t.spacing(4),paddingRight:t.spacing(4),overflow:"hidden"}})),g=e(r)(({theme:t})=>({textAlign:"center",fontSize:48,fontWeight:600,color:"#fcfcfc",marginTop:0,marginBottom:32,maxWidth:"80vw",marginLeft:"auto",marginRight:"auto","& span":{background:"linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[t.breakpoints.down("sm")]:{fontSize:32,fontWeight:700,lineHeight:"40px",letterSpacing:"-0.64px"}})),c=e(o)(({theme:t})=>({display:"flex",flexDirection:"row",justifyContent:"center",[t.breakpoints.down("sm")]:{flexDirection:"column",gap:20}})),a={join:"linear-gradient(206deg, #c640cd 2.47%, #691fa9 98.81%)",create:"radial-gradient(2917.83% 156.44% at 16.06% 114.57%, #ff4f57 13.42%, #ffa25a 100%)",benefit:"linear-gradient(208deg, #ff2d55 13.94%, #c640cd 80.96%)"},h=e(o,{shouldForwardProp:t=>t!=="cardId"})(({theme:t,cardId:n})=>({opacity:1,maxWidth:450,flexShrink:0,borderRadius:24,marginRight:24,flex:1,background:a[n]||a.join,"&:last-child":{marginRight:0},[t.breakpoints.down("sm")]:{width:"100%",maxWidth:"100%",marginRight:0}})),f=e(o)(({theme:t})=>({justifyContent:"space-between",alignItems:"center",height:"100%",display:"flex",flexDirection:"column",padding:"24px 24px 32px",position:"relative",borderRadius:20,overflow:"hidden",flex:1,transition:"transform 0.3s ease-in-out","@media (hover: hover)":{"&:hover":{transform:"scale(1.05)"}},[t.breakpoints.down("sm")]:{padding:"26px 24px",justifyContent:"flex-start"}})),x=e(o)(({theme:t})=>({borderRadius:16,width:"100%",marginBottom:24,display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden","& img":{flex:"1 1 auto",minHeight:0,objectFit:"contain",maxWidth:"100%"},[t.breakpoints.down("sm")]:{height:138,minHeight:138,marginBottom:16,"& img":{maxWidth:"none",minHeight:"100%",minWidth:"100%"}}})),y=e(o)({alignSelf:"flex-start",flex:1,display:"flex",flexDirection:"column",justifyContent:"flex-start"}),u=e(r)(({theme:t})=>({fontSize:24,lineHeight:"30px",fontWeight:600,marginBottom:8,paddingLeft:10,paddingRight:10,[t.breakpoints.down("sm")]:{fontWeight:700,fontSize:20,lineHeight:"28px"}})),w=e(r)(({theme:t})=>({fontSize:18,lineHeight:"24px",fontWeight:400,marginTop:0,paddingLeft:10,paddingRight:10,[t.breakpoints.down("sm")]:{color:"#fff"}})),_=d.memo(()=>{const t=s();return i.jsx(l,{children:i.jsxs(p,{children:[i.jsxs(g,{children:[i.jsx("span",{children:t("component.creators_landing.why.title_highlight")})," ",t("component.creators_landing.why.title")]}),i.jsx(c,{children:m.map(n=>i.jsx(h,{cardId:n.id,children:i.jsxs(f,{children:[i.jsx(x,{children:i.jsx("img",{src:n.image,alt:n.title})}),i.jsxs(y,{children:[i.jsx(u,{children:n.title}),i.jsx(w,{children:n.description})]})]})},n.id))})]})})});export{_ as CreatorsWhy};

package/assets/{index-BrJrrR0-.js.map → index-C_C2-CZT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BrJrrR0-.js","sources":["../../src/components/Create/Why/Why.styled.ts","../../src/components/Create/Why/Why.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst WhySection = styled('section')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '1em',\n  width: '100%',\n  paddingBottom: 100,\n  [theme.breakpoints.down('sm')]: {\n    paddingBottom: 40,\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n    overflow: 'hidden'\n  }\n}))\n\nconst WhyTitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: 48,\n  fontWeight: 600,\n  color: '#fcfcfc',\n  marginTop: 0,\n  marginBottom: 32,\n  maxWidth: '80vw',\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  ['& span']: {\n    background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n    backgroundClip: 'text',\n    ['WebkitBackgroundClip' as string]: 'text',\n    ['WebkitTextFillColor' as string]: 'transparent'\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 32,\n    fontWeight: 700,\n    lineHeight: '40px',\n    letterSpacing: '-0.64px'\n  }\n}))\n\nconst WhyGrid = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'center',\n  [theme.breakpoints.down('sm')]: {\n    flexDirection: 'column',\n    gap: 20\n  }\n}))\n\nconst cardGradients: Record<string, string> = {\n  join: 'linear-gradient(206deg, #c640cd 2.47%, #691fa9 98.81%)',\n  create: 'radial-gradient(2917.83% 156.44% at 16.06% 114.57%, #ff4f57 13.42%, #ffa25a 100%)',\n  benefit: 'linear-gradient(208deg, #ff2d55 13.94%, #c640cd 80.96%)'\n}\n\nconst WhyCard = styled(Box, {\n  shouldForwardProp: prop => prop !== 'cardId'\n})<{ cardId: string }>(({ theme, cardId }) => ({\n  opacity: 1,\n  maxWidth: 450,\n  flexShrink: 0,\n  borderRadius: 24,\n  marginRight: 24,\n  flex: 1,\n  background: cardGradients[cardId] || cardGradients.join,\n  ['&:last-child']: {\n    marginRight: 0\n  },\n  [theme.breakpoints.down('sm')]: {\n    width: '100%',\n    maxWidth: '100%',\n    marginRight: 0\n  }\n}))\n\nconst WhyCardInner = styled(Box)(({ theme }) => ({\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  height: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  padding: '24px 24px 32px',\n  position: 'relative',\n  borderRadius: 20,\n  overflow: 'hidden',\n  flex: 1,\n  transition: 'transform 0.3s ease-in-out',\n  ['@media (hover: hover)']: {\n    ['&:hover']: {\n      transform: 'scale(1.05)'\n    }\n  },\n  [theme.breakpoints.down('sm')]: {\n    padding: '26px 24px',\n    justifyContent: 'flex-start'\n  }\n}))\n\nconst WhyCardImageContainer = styled(Box)(({ theme }) => ({\n  borderRadius: 16,\n  width: '100%',\n  marginBottom: 24,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  overflow: 'hidden',\n  ['& img']: {\n    flex: '1 1 auto',\n    minHeight: 0,\n    objectFit: 'contain',\n    maxWidth: '100%'\n  },\n  [theme.breakpoints.down('sm')]: {\n    height: 138,\n    minHeight: 138,\n    marginBottom: 16,\n    ['& img']: {\n      maxWidth: 'none',\n      minHeight: '100%',\n      minWidth: '100%'\n    }\n  }\n}))\n\nconst WhyCardText = styled(Box)({\n  alignSelf: 'flex-start',\n  flex: 1,\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'flex-start'\n})\n\nconst WhyCardTitle = styled(Typography)(({ theme }) => ({\n  fontSize: 24,\n  lineHeight: '30px',\n  fontWeight: 600,\n  marginBottom: 8,\n  paddingLeft: 10,\n  paddingRight: 10,\n  [theme.breakpoints.down('sm')]: {\n    fontWeight: 700,\n    fontSize: 20,\n    lineHeight: '28px'\n  }\n}))\n\nconst WhyCardDescription = styled(Typography)(({ theme }) => ({\n  fontSize: 18,\n  lineHeight: '24px',\n  fontWeight: 400,\n  marginTop: 0,\n  paddingLeft: 10,\n  paddingRight: 10,\n  [theme.breakpoints.down('sm')]: {\n    color: '#fff'\n  }\n}))\n\nexport { WhyCard, WhyCardDescription, WhyCardImageContainer, WhyCardInner, WhyCardText, WhyCardTitle, WhyGrid, WhySection, WhyTitle }\n","import { memo } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { whyCards } from '../data'\nimport {\n  WhyCard,\n  WhyCardDescription,\n  WhyCardImageContainer,\n  WhyCardInner,\n  WhyCardText,\n  WhyCardTitle,\n  WhyGrid,\n  WhySection,\n  WhyTitle\n} from './Why.styled'\n\nconst CreatorsWhy = memo(() => {\n  const l = useFormatMessage()\n  return (\n    <AnimatedSection>\n      <WhySection>\n        <WhyTitle>\n          <span>{l('component.creators_landing.why.title_highlight')}</span> {l('component.creators_landing.why.title')}\n        </WhyTitle>\n        <WhyGrid>\n          {whyCards.map(card => (\n            <WhyCard key={card.id} cardId={card.id}>\n              <WhyCardInner>\n                <WhyCardImageContainer>\n                  <img src={card.image} alt={card.title} />\n                </WhyCardImageContainer>\n                <WhyCardText>\n                  <WhyCardTitle>{card.title}</WhyCardTitle>\n                  <WhyCardDescription>{card.description}</WhyCardDescription>\n                </WhyCardText>\n              </WhyCardInner>\n            </WhyCard>\n          ))}\n        </WhyGrid>\n      </WhySection>\n    </AnimatedSection>\n  )\n})\n\nexport { CreatorsWhy }\n"],"names":["WhySection","styled","theme","WhyTitle","Typography","WhyGrid","Box","cardGradients","WhyCard","prop","cardId","WhyCardInner","WhyCardImageContainer","WhyCardText","WhyCardTitle","WhyCardDescription","CreatorsWhy","memo","l","useFormatMessage","jsx","AnimatedSection","jsxs","whyCards","card"],"mappings":"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"}
+{"version":3,"file":"index-C_C2-CZT.js","sources":["../../src/components/Create/Why/Why.styled.ts","../../src/components/Create/Why/Why.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst WhySection = styled('section')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '1em',\n  width: '100%',\n  paddingBottom: 100,\n  [theme.breakpoints.down('sm')]: {\n    paddingBottom: 40,\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n    overflow: 'hidden'\n  }\n}))\n\nconst WhyTitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: 48,\n  fontWeight: 600,\n  color: '#fcfcfc',\n  marginTop: 0,\n  marginBottom: 32,\n  maxWidth: '80vw',\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  ['& span']: {\n    background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n    backgroundClip: 'text',\n    ['WebkitBackgroundClip' as string]: 'text',\n    ['WebkitTextFillColor' as string]: 'transparent'\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 32,\n    fontWeight: 700,\n    lineHeight: '40px',\n    letterSpacing: '-0.64px'\n  }\n}))\n\nconst WhyGrid = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'center',\n  [theme.breakpoints.down('sm')]: {\n    flexDirection: 'column',\n    gap: 20\n  }\n}))\n\nconst cardGradients: Record<string, string> = {\n  join: 'linear-gradient(206deg, #c640cd 2.47%, #691fa9 98.81%)',\n  create: 'radial-gradient(2917.83% 156.44% at 16.06% 114.57%, #ff4f57 13.42%, #ffa25a 100%)',\n  benefit: 'linear-gradient(208deg, #ff2d55 13.94%, #c640cd 80.96%)'\n}\n\nconst WhyCard = styled(Box, {\n  shouldForwardProp: prop => prop !== 'cardId'\n})<{ cardId: string }>(({ theme, cardId }) => ({\n  opacity: 1,\n  maxWidth: 450,\n  flexShrink: 0,\n  borderRadius: 24,\n  marginRight: 24,\n  flex: 1,\n  background: cardGradients[cardId] || cardGradients.join,\n  ['&:last-child']: {\n    marginRight: 0\n  },\n  [theme.breakpoints.down('sm')]: {\n    width: '100%',\n    maxWidth: '100%',\n    marginRight: 0\n  }\n}))\n\nconst WhyCardInner = styled(Box)(({ theme }) => ({\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  height: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  padding: '24px 24px 32px',\n  position: 'relative',\n  borderRadius: 20,\n  overflow: 'hidden',\n  flex: 1,\n  transition: 'transform 0.3s ease-in-out',\n  ['@media (hover: hover)']: {\n    ['&:hover']: {\n      transform: 'scale(1.05)'\n    }\n  },\n  [theme.breakpoints.down('sm')]: {\n    padding: '26px 24px',\n    justifyContent: 'flex-start'\n  }\n}))\n\nconst WhyCardImageContainer = styled(Box)(({ theme }) => ({\n  borderRadius: 16,\n  width: '100%',\n  marginBottom: 24,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  overflow: 'hidden',\n  ['& img']: {\n    flex: '1 1 auto',\n    minHeight: 0,\n    objectFit: 'contain',\n    maxWidth: '100%'\n  },\n  [theme.breakpoints.down('sm')]: {\n    height: 138,\n    minHeight: 138,\n    marginBottom: 16,\n    ['& img']: {\n      maxWidth: 'none',\n      minHeight: '100%',\n      minWidth: '100%'\n    }\n  }\n}))\n\nconst WhyCardText = styled(Box)({\n  alignSelf: 'flex-start',\n  flex: 1,\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'flex-start'\n})\n\nconst WhyCardTitle = styled(Typography)(({ theme }) => ({\n  fontSize: 24,\n  lineHeight: '30px',\n  fontWeight: 600,\n  marginBottom: 8,\n  paddingLeft: 10,\n  paddingRight: 10,\n  [theme.breakpoints.down('sm')]: {\n    fontWeight: 700,\n    fontSize: 20,\n    lineHeight: '28px'\n  }\n}))\n\nconst WhyCardDescription = styled(Typography)(({ theme }) => ({\n  fontSize: 18,\n  lineHeight: '24px',\n  fontWeight: 400,\n  marginTop: 0,\n  paddingLeft: 10,\n  paddingRight: 10,\n  [theme.breakpoints.down('sm')]: {\n    color: '#fff'\n  }\n}))\n\nexport { WhyCard, WhyCardDescription, WhyCardImageContainer, WhyCardInner, WhyCardText, WhyCardTitle, WhyGrid, WhySection, WhyTitle }\n","import { memo } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { whyCards } from '../data'\nimport {\n  WhyCard,\n  WhyCardDescription,\n  WhyCardImageContainer,\n  WhyCardInner,\n  WhyCardText,\n  WhyCardTitle,\n  WhyGrid,\n  WhySection,\n  WhyTitle\n} from './Why.styled'\n\nconst CreatorsWhy = memo(() => {\n  const l = useFormatMessage()\n  return (\n    <AnimatedSection>\n      <WhySection>\n        <WhyTitle>\n          <span>{l('component.creators_landing.why.title_highlight')}</span> {l('component.creators_landing.why.title')}\n        </WhyTitle>\n        <WhyGrid>\n          {whyCards.map(card => (\n            <WhyCard key={card.id} cardId={card.id}>\n              <WhyCardInner>\n                <WhyCardImageContainer>\n                  <img src={card.image} alt={card.title} />\n                </WhyCardImageContainer>\n                <WhyCardText>\n                  <WhyCardTitle>{card.title}</WhyCardTitle>\n                  <WhyCardDescription>{card.description}</WhyCardDescription>\n                </WhyCardText>\n              </WhyCardInner>\n            </WhyCard>\n          ))}\n        </WhyGrid>\n      </WhySection>\n    </AnimatedSection>\n  )\n})\n\nexport { CreatorsWhy }\n"],"names":["WhySection","styled","theme","WhyTitle","Typography","WhyGrid","Box","cardGradients","WhyCard","prop","cardId","WhyCardInner","WhyCardImageContainer","WhyCardText","WhyCardTitle","WhyCardDescription","CreatorsWhy","memo","l","useFormatMessage","jsx","AnimatedSection","jsxs","whyCards","card"],"mappings":"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"}

package/assets/{index-BqLCay_i.js → index-D1lz72ps.js}

@@ -1 +1 @@
-import{j as e}from"./index-BQ4lI5xX.js";import{r as i}from"./vendor-router-D_36sTKu.js";import{L as a,S as o,a as n,P as t}from"./LegalPageLayout-l-OS4ZYa.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";const r=[{id:"definitions",label:"1. Definitions"},{id:"prohibited-content",label:"2. Prohibited Content"},{id:"gambling",label:"3. Gambling"},{id:"breaches-of-this-policy",label:"4. Breaches of this Policy"},{id:"age-restricted-content",label:"5. Age-Restricted Content"},{id:"user-representations-and-warranties",label:"6. User Representations and Warranties"},{id:"storage",label:"7. Storage"},{id:"limitations-to-liability",label:"8. Limitations to Liability"},{id:"changes-to-this-policy",label:"9. Changes to this Policy"}],s=i.memo(()=>e.jsxs(a,{title:"Content Policy",activeSlug:"/content",tableOfContents:r,children:[e.jsxs(o,{id:"definitions",children:[e.jsx(n,{children:"1. Definitions"}),e.jsx(t,{children:'"Content" shall mean any work of authorship, creative works, graphics, images, textures, photos, logos, video, audio, text and interactive features, including without limitation NFTs, submitted by the Users of Decentraland.'}),e.jsx(t,{children:`"Intellectual Property Rights" shall mean rights in, arising out of, or associated with intellectual property in any jurisdiction, including without limitation rights in or arising out of, or associated with (1) copyrights, mask work rights... (2) patents... (3) trademarks... (4) trade secrets... (5) a person's name, voice... (6) attribution and integrity... (7) internet domain names; (8) data and databases; and (9) similar proprietary rights arising under the laws of any jurisdiction`}),e.jsx(t,{children:'"NFT" means non-fungible token, including, LAND, Wearables and any other kind of NFTs available in Decentraland. All NFTs must comply with this Content Policy in accordance with section 12.4 of the Terms of Use.'})]}),e.jsxs(o,{id:"prohibited-content",children:[e.jsx(n,{children:"2. Prohibited Content"}),e.jsx(t,{children:"All Content uploaded, posted, created, displayed, transmitted or made available by the User through the Tools must not include:"}),e.jsx(t,{children:"2.1. Content involving illegality, such as piracy, criminal activity, terrorism, obscenity, child pornography, gambling (subject to Section 3 below), and illegal drug use."}),e.jsx(t,{children:"2.2. Content infringing third party Intellectual Property Rights."}),e.jsx(t,{children:"2.3. Cruel or hateful Content that could harm, harass, promote or condone violence against, or that is primarily intended to incite hatred of, animals, or individuals or groups based on race or ethnic origin, religion, nationality, disability, gender, age, veteran status, or sexual orientation/gender identity."}),e.jsx(t,{children:"2.4. Content that is libelous, false, inaccurate, misleading, or invades another person's privacy."}),e.jsx(t,{children:"2.5. Content that breaches the Privacy Policy or applicable data privacy laws."}),e.jsx(t,{children:"2.6. Content that promotes or could be construed as primarily intended to evade the limitations above."})]}),e.jsxs(o,{id:"gambling",children:[e.jsx(n,{children:"3. Gambling"}),e.jsx(t,{children:"If your Content involves gambling, the following shall apply: (i) if you reside in a jurisdiction which requires a license for online gambling, you must obtain such license prior to making your Content available; (ii) you must be in full compliance with the regulations of your country of residence; (iii) you must geo-block your Content for IPs from jurisdictions where online gambling is banned (including, without limitation, the United States of America, South Korea and China) and (iv) you must include in the terms and conditions of use of your Content (if any) a release from liability in favor of the Foundation and the DAO to the fullest extent allowed by applicable law vis a vis you and the users of your Content."})]}),e.jsxs(o,{id:"breaches-of-this-policy",children:[e.jsx(n,{children:"4. Breaches of this Policy"}),e.jsx(t,{children:"Any Content in infringement of Section 2, may be blocked and upon blocking shall not be available to other users of the Tools. Moreover, infringing Content may result in suspension of the Account, court orders, civil actions, injunctions, criminal prosecutions and other legal consequences brought by the Foundation, the DAO or third parties against the creator, distributor and/or user of said infringing Content. The User's Account may also be terminated in accordance with Section 15 of the Terms of Use."})]}),e.jsxs(o,{id:"age-restricted-content",children:[e.jsx(n,{children:"5. Age-Restricted Content"}),e.jsx(t,{children:"Any Content which qualifies as (i) intensely violent or graphic, (ii) gambling or (ii) sexually explicit, shall only be available to people aged 18 or older. If you upload, post, create, display, transmit or make available such Content on the Tools, you must provide sufficient warning as to this restriction. Failure to do so may result in termination of your Account pursuant to Section 15 of the Terms."})]}),e.jsxs(o,{id:"user-representations-and-warranties",children:[e.jsx(n,{children:"6. User Representations and Warranties"}),e.jsx(t,{children:"You represent and warrant that at any time you submit Content, you are at least the age of majority in the jurisdiction in which you reside and are the parent or legal guardian, or have all proper consents from the parent or legal guardian, of any minor who is depicted in or contributed to any Content you submit, and that, as to that Content, (a) you are the sole author and owner of the Intellectual Property Rights to such Content, or you have a lawful right to submit the Content, all without any obligation to obtain consent of any third party and without creating any obligation or liability for the Foundation; (b) the Content is accurate; (c) the Content does not and will not infringe any Intellectual Property Right of any third party; and (d) the User Content will not violate the Terms or this Content Policy, or cause injury or harm to any person."}),e.jsx(t,{children:"You expressly acknowledge and accept that the Content you submit will be accessible to and viewable by other users and waive any claim with regards to the Foundation, its directors, officers, employees and affiliates in connection with said third party access. You can withdraw your Content at any time you wish."}),e.jsx(t,{children:"Please remember that the Content that you submit will be accessible to and viewable by other users. Except as may be required to register and/or maintain your Account, do not submit personally identifiable information (e.g. first and last name together, password, phone number, address, credit or debit card number, medical information, e-mail address, or other contact information) on the Tools."}),e.jsx(t,{children:"By submitting, posting or displaying content, and or through Decentraland and/or the Marketplace, you grant us a worldwide, non-exclusive, royalty-free perpetual, irrevocable, transferable right and license (with the right to sublicense) to use, copy, reproduce, process, adapt, modify, publish, transmit, display, develop, improve, distribute such Content, promote Decentraland, activities, Events, in any and all media or distribution methods (now known or later developed). You further grant Decentraland, the DAO and/or the Foundation, the right to use your name and trademarks, if any, in connection with our use of your Content available at the Platform and/or the Marketplace, from time to time."})]}),e.jsxs(o,{id:"storage",children:[e.jsx(n,{children:"7. Storage"}),e.jsx(t,{children:'You acknowledge that due to the decentralized nature of Decentraland and of the blockchain technology, all Content and information submitted by you is not stored in a centralized server, but in several decentralized nodes (the "Nodes"). Thus, the Foundation or the DAO are not liable for any loss of content or information.'}),e.jsx(t,{children:"The Nodes recognize and accept that in the event of any court order relating to the blocking, suspension or deletion of any Content, they will abide by any such court order."})]}),e.jsxs(o,{id:"limitations-to-liability",children:[e.jsx(n,{children:"8. Limitations to Liability"}),e.jsx(t,{children:"The Foundation, its officers, employees, and the DAO are not responsible or liable for the Content, conduct, or services of users or third parties. The Foundation, its officers, employees and the DAO do not control or endorse the Content of communications between users or users' interactions with each other or the Tools."}),e.jsx(t,{children:"You acknowledge that you will be exposed to various aspects of the Tools involving the conduct, Content, and services of users, and that the Foundation does not control and is not responsible or liable for the quality, safety, legality, truthfulness or accuracy of any such user conduct, Content or user services. You acknowledge that the Foundation does not guarantee the accuracy of information submitted by any user of the Tools, nor any identity information about any user. Your interactions with other users and your use of Content are entirely at your own risk. The Foundation has no obligation to become involved in any dispute that you may have or claim to have with one or more users of the Tools, or in any manner in any resolution thereof."}),e.jsx(t,{children:"THE TOOLS MAY CONTAIN LINKS TO OR OTHERWISE ALLOW CONNECTIONS TO THIRD-PARTY WEBSITES, SERVERS, AND ONLINE SERVICES OR ENVIRONMENTS THAT ARE NOT OWNED OR CONTROLLED BY THE FOUNDATION. THE FOUNDATION, ITS OFFICERS, EMPLOYEES AND THE DAO ARE NOT RESPONSIBLE OR LIABLE FOR THE CONTENT, POLICIES OR PRACTICES OF ANY THIRD-PARTY WEBSITES, SERVERS OR ONLINE SERVICES OR ENVIRONMENTS. Please consult any applicable terms of use and privacy policies provided by the third party for such websites, servers or online services or environments."}),e.jsx(t,{children:'You acknowledge that the Content of the Tools is provided or made available to you under license from independent Content Providers, including other users of the Tools ("Content Providers"). You acknowledge and agree that except as expressly provided in this Agreement, the Intellectual Property Rights of other Content Providers in their respective Content are not licensed to you by your mere use of the Tools. You must obtain from the applicable Content Providers any necessary license rights in Content that you desire to use or access.'}),e.jsx(t,{children:"You copy and use Content at your own risk. You are solely responsible and liable for your use, reproduction, distribution, modification, display, or performance of any Content in violation of any Intellectual Property Rights. You agree that the Foundation will have no liability for, and you agree to defend, indemnify, and hold the Foundation harmless from, any claims, losses or damages arising out of or in connection with your use, reproduction, distribution, modification, display, or performance of any Content."})]}),e.jsxs(o,{id:"changes-to-this-policy",children:[e.jsx(n,{children:"9. Changes to this Policy"}),e.jsx(t,{children:"The DAO may change this Content Policy from time to time. All users have the obligation to be aware of the updated versions of this Policy."}),e.jsx(t,{children:e.jsx("a",{href:"https://governance.decentraland.org/proposal/?id=7e3f57c0-e0f2-11eb-a20f-d75df7f87ed8",target:"_blank",rel:"noopener noreferrer",children:"Approved by the DAO on Jul 16, 2021"})})]})]}));s.displayName="ContentPolicy";export{s as ContentPolicy};
+import{j as e}from"./index-DaRevScO.js";import{r as i}from"./vendor-router-D_36sTKu.js";import{L as a,S as o,a as n,P as t}from"./LegalPageLayout-BGd6IPpz.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";const r=[{id:"definitions",label:"1. Definitions"},{id:"prohibited-content",label:"2. Prohibited Content"},{id:"gambling",label:"3. Gambling"},{id:"breaches-of-this-policy",label:"4. Breaches of this Policy"},{id:"age-restricted-content",label:"5. Age-Restricted Content"},{id:"user-representations-and-warranties",label:"6. User Representations and Warranties"},{id:"storage",label:"7. Storage"},{id:"limitations-to-liability",label:"8. Limitations to Liability"},{id:"changes-to-this-policy",label:"9. Changes to this Policy"}],s=i.memo(()=>e.jsxs(a,{title:"Content Policy",activeSlug:"/content",tableOfContents:r,children:[e.jsxs(o,{id:"definitions",children:[e.jsx(n,{children:"1. Definitions"}),e.jsx(t,{children:'"Content" shall mean any work of authorship, creative works, graphics, images, textures, photos, logos, video, audio, text and interactive features, including without limitation NFTs, submitted by the Users of Decentraland.'}),e.jsx(t,{children:`"Intellectual Property Rights" shall mean rights in, arising out of, or associated with intellectual property in any jurisdiction, including without limitation rights in or arising out of, or associated with (1) copyrights, mask work rights... (2) patents... (3) trademarks... (4) trade secrets... (5) a person's name, voice... (6) attribution and integrity... (7) internet domain names; (8) data and databases; and (9) similar proprietary rights arising under the laws of any jurisdiction`}),e.jsx(t,{children:'"NFT" means non-fungible token, including, LAND, Wearables and any other kind of NFTs available in Decentraland. All NFTs must comply with this Content Policy in accordance with section 12.4 of the Terms of Use.'})]}),e.jsxs(o,{id:"prohibited-content",children:[e.jsx(n,{children:"2. Prohibited Content"}),e.jsx(t,{children:"All Content uploaded, posted, created, displayed, transmitted or made available by the User through the Tools must not include:"}),e.jsx(t,{children:"2.1. Content involving illegality, such as piracy, criminal activity, terrorism, obscenity, child pornography, gambling (subject to Section 3 below), and illegal drug use."}),e.jsx(t,{children:"2.2. Content infringing third party Intellectual Property Rights."}),e.jsx(t,{children:"2.3. Cruel or hateful Content that could harm, harass, promote or condone violence against, or that is primarily intended to incite hatred of, animals, or individuals or groups based on race or ethnic origin, religion, nationality, disability, gender, age, veteran status, or sexual orientation/gender identity."}),e.jsx(t,{children:"2.4. Content that is libelous, false, inaccurate, misleading, or invades another person's privacy."}),e.jsx(t,{children:"2.5. Content that breaches the Privacy Policy or applicable data privacy laws."}),e.jsx(t,{children:"2.6. Content that promotes or could be construed as primarily intended to evade the limitations above."})]}),e.jsxs(o,{id:"gambling",children:[e.jsx(n,{children:"3. Gambling"}),e.jsx(t,{children:"If your Content involves gambling, the following shall apply: (i) if you reside in a jurisdiction which requires a license for online gambling, you must obtain such license prior to making your Content available; (ii) you must be in full compliance with the regulations of your country of residence; (iii) you must geo-block your Content for IPs from jurisdictions where online gambling is banned (including, without limitation, the United States of America, South Korea and China) and (iv) you must include in the terms and conditions of use of your Content (if any) a release from liability in favor of the Foundation and the DAO to the fullest extent allowed by applicable law vis a vis you and the users of your Content."})]}),e.jsxs(o,{id:"breaches-of-this-policy",children:[e.jsx(n,{children:"4. Breaches of this Policy"}),e.jsx(t,{children:"Any Content in infringement of Section 2, may be blocked and upon blocking shall not be available to other users of the Tools. Moreover, infringing Content may result in suspension of the Account, court orders, civil actions, injunctions, criminal prosecutions and other legal consequences brought by the Foundation, the DAO or third parties against the creator, distributor and/or user of said infringing Content. The User's Account may also be terminated in accordance with Section 15 of the Terms of Use."})]}),e.jsxs(o,{id:"age-restricted-content",children:[e.jsx(n,{children:"5. Age-Restricted Content"}),e.jsx(t,{children:"Any Content which qualifies as (i) intensely violent or graphic, (ii) gambling or (ii) sexually explicit, shall only be available to people aged 18 or older. If you upload, post, create, display, transmit or make available such Content on the Tools, you must provide sufficient warning as to this restriction. Failure to do so may result in termination of your Account pursuant to Section 15 of the Terms."})]}),e.jsxs(o,{id:"user-representations-and-warranties",children:[e.jsx(n,{children:"6. User Representations and Warranties"}),e.jsx(t,{children:"You represent and warrant that at any time you submit Content, you are at least the age of majority in the jurisdiction in which you reside and are the parent or legal guardian, or have all proper consents from the parent or legal guardian, of any minor who is depicted in or contributed to any Content you submit, and that, as to that Content, (a) you are the sole author and owner of the Intellectual Property Rights to such Content, or you have a lawful right to submit the Content, all without any obligation to obtain consent of any third party and without creating any obligation or liability for the Foundation; (b) the Content is accurate; (c) the Content does not and will not infringe any Intellectual Property Right of any third party; and (d) the User Content will not violate the Terms or this Content Policy, or cause injury or harm to any person."}),e.jsx(t,{children:"You expressly acknowledge and accept that the Content you submit will be accessible to and viewable by other users and waive any claim with regards to the Foundation, its directors, officers, employees and affiliates in connection with said third party access. You can withdraw your Content at any time you wish."}),e.jsx(t,{children:"Please remember that the Content that you submit will be accessible to and viewable by other users. Except as may be required to register and/or maintain your Account, do not submit personally identifiable information (e.g. first and last name together, password, phone number, address, credit or debit card number, medical information, e-mail address, or other contact information) on the Tools."}),e.jsx(t,{children:"By submitting, posting or displaying content, and or through Decentraland and/or the Marketplace, you grant us a worldwide, non-exclusive, royalty-free perpetual, irrevocable, transferable right and license (with the right to sublicense) to use, copy, reproduce, process, adapt, modify, publish, transmit, display, develop, improve, distribute such Content, promote Decentraland, activities, Events, in any and all media or distribution methods (now known or later developed). You further grant Decentraland, the DAO and/or the Foundation, the right to use your name and trademarks, if any, in connection with our use of your Content available at the Platform and/or the Marketplace, from time to time."})]}),e.jsxs(o,{id:"storage",children:[e.jsx(n,{children:"7. Storage"}),e.jsx(t,{children:'You acknowledge that due to the decentralized nature of Decentraland and of the blockchain technology, all Content and information submitted by you is not stored in a centralized server, but in several decentralized nodes (the "Nodes"). Thus, the Foundation or the DAO are not liable for any loss of content or information.'}),e.jsx(t,{children:"The Nodes recognize and accept that in the event of any court order relating to the blocking, suspension or deletion of any Content, they will abide by any such court order."})]}),e.jsxs(o,{id:"limitations-to-liability",children:[e.jsx(n,{children:"8. Limitations to Liability"}),e.jsx(t,{children:"The Foundation, its officers, employees, and the DAO are not responsible or liable for the Content, conduct, or services of users or third parties. The Foundation, its officers, employees and the DAO do not control or endorse the Content of communications between users or users' interactions with each other or the Tools."}),e.jsx(t,{children:"You acknowledge that you will be exposed to various aspects of the Tools involving the conduct, Content, and services of users, and that the Foundation does not control and is not responsible or liable for the quality, safety, legality, truthfulness or accuracy of any such user conduct, Content or user services. You acknowledge that the Foundation does not guarantee the accuracy of information submitted by any user of the Tools, nor any identity information about any user. Your interactions with other users and your use of Content are entirely at your own risk. The Foundation has no obligation to become involved in any dispute that you may have or claim to have with one or more users of the Tools, or in any manner in any resolution thereof."}),e.jsx(t,{children:"THE TOOLS MAY CONTAIN LINKS TO OR OTHERWISE ALLOW CONNECTIONS TO THIRD-PARTY WEBSITES, SERVERS, AND ONLINE SERVICES OR ENVIRONMENTS THAT ARE NOT OWNED OR CONTROLLED BY THE FOUNDATION. THE FOUNDATION, ITS OFFICERS, EMPLOYEES AND THE DAO ARE NOT RESPONSIBLE OR LIABLE FOR THE CONTENT, POLICIES OR PRACTICES OF ANY THIRD-PARTY WEBSITES, SERVERS OR ONLINE SERVICES OR ENVIRONMENTS. Please consult any applicable terms of use and privacy policies provided by the third party for such websites, servers or online services or environments."}),e.jsx(t,{children:'You acknowledge that the Content of the Tools is provided or made available to you under license from independent Content Providers, including other users of the Tools ("Content Providers"). You acknowledge and agree that except as expressly provided in this Agreement, the Intellectual Property Rights of other Content Providers in their respective Content are not licensed to you by your mere use of the Tools. You must obtain from the applicable Content Providers any necessary license rights in Content that you desire to use or access.'}),e.jsx(t,{children:"You copy and use Content at your own risk. You are solely responsible and liable for your use, reproduction, distribution, modification, display, or performance of any Content in violation of any Intellectual Property Rights. You agree that the Foundation will have no liability for, and you agree to defend, indemnify, and hold the Foundation harmless from, any claims, losses or damages arising out of or in connection with your use, reproduction, distribution, modification, display, or performance of any Content."})]}),e.jsxs(o,{id:"changes-to-this-policy",children:[e.jsx(n,{children:"9. Changes to this Policy"}),e.jsx(t,{children:"The DAO may change this Content Policy from time to time. All users have the obligation to be aware of the updated versions of this Policy."}),e.jsx(t,{children:e.jsx("a",{href:"https://governance.decentraland.org/proposal/?id=7e3f57c0-e0f2-11eb-a20f-d75df7f87ed8",target:"_blank",rel:"noopener noreferrer",children:"Approved by the DAO on Jul 16, 2021"})})]})]}));s.displayName="ContentPolicy";export{s as ContentPolicy};

package/assets/{index-BqLCay_i.js.map → index-D1lz72ps.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BqLCay_i.js","sources":["../../src/pages/content/ContentPolicy.tsx"],"sourcesContent":["import { memo } from 'react'\nimport { LegalPageLayout, Paragraph, Section, SectionTitle } from '../../components/LegalPage'\nimport type { TOCEntry } from '../../components/LegalPage'\n\nconst TABLE_OF_CONTENTS: TOCEntry[] = [\n  { id: 'definitions', label: '1. Definitions' },\n  { id: 'prohibited-content', label: '2. Prohibited Content' },\n  { id: 'gambling', label: '3. Gambling' },\n  { id: 'breaches-of-this-policy', label: '4. Breaches of this Policy' },\n  { id: 'age-restricted-content', label: '5. Age-Restricted Content' },\n  { id: 'user-representations-and-warranties', label: '6. User Representations and Warranties' },\n  { id: 'storage', label: '7. Storage' },\n  { id: 'limitations-to-liability', label: '8. Limitations to Liability' },\n  { id: 'changes-to-this-policy', label: '9. Changes to this Policy' }\n]\n\nconst ContentPolicy = memo(() => (\n  <LegalPageLayout title=\"Content Policy\" activeSlug=\"/content\" tableOfContents={TABLE_OF_CONTENTS}>\n    <Section id=\"definitions\">\n      <SectionTitle>1. Definitions</SectionTitle>\n      <Paragraph>\n        &quot;Content&quot; shall mean any work of authorship, creative works, graphics, images, textures, photos, logos, video, audio, text\n        and interactive features, including without limitation NFTs, submitted by the Users of Decentraland.\n      </Paragraph>\n      <Paragraph>\n        &quot;Intellectual Property Rights&quot; shall mean rights in, arising out of, or associated with intellectual property in any\n        jurisdiction, including without limitation rights in or arising out of, or associated with (1) copyrights, mask work rights... (2)\n        patents... (3) trademarks... (4) trade secrets... (5) a person&apos;s name, voice... (6) attribution and integrity... (7) internet\n        domain names; (8) data and databases; and (9) similar proprietary rights arising under the laws of any jurisdiction\n      </Paragraph>\n      <Paragraph>\n        &quot;NFT&quot; means non-fungible token, including, LAND, Wearables and any other kind of NFTs available in Decentraland. All NFTs\n        must comply with this Content Policy in accordance with section 12.4 of the Terms of Use.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"prohibited-content\">\n      <SectionTitle>2. Prohibited Content</SectionTitle>\n      <Paragraph>\n        All Content uploaded, posted, created, displayed, transmitted or made available by the User through the Tools must not include:\n      </Paragraph>\n      <Paragraph>\n        2.1. Content involving illegality, such as piracy, criminal activity, terrorism, obscenity, child pornography, gambling (subject to\n        Section 3 below), and illegal drug use.\n      </Paragraph>\n      <Paragraph>2.2. Content infringing third party Intellectual Property Rights.</Paragraph>\n      <Paragraph>\n        2.3. Cruel or hateful Content that could harm, harass, promote or condone violence against, or that is primarily intended to incite\n        hatred of, animals, or individuals or groups based on race or ethnic origin, religion, nationality, disability, gender, age, veteran\n        status, or sexual orientation/gender identity.\n      </Paragraph>\n      <Paragraph>2.4. Content that is libelous, false, inaccurate, misleading, or invades another person&apos;s privacy.</Paragraph>\n      <Paragraph>2.5. Content that breaches the Privacy Policy or applicable data privacy laws.</Paragraph>\n      <Paragraph>2.6. Content that promotes or could be construed as primarily intended to evade the limitations above.</Paragraph>\n    </Section>\n\n    <Section id=\"gambling\">\n      <SectionTitle>3. Gambling</SectionTitle>\n      <Paragraph>\n        If your Content involves gambling, the following shall apply: (i) if you reside in a jurisdiction which requires a license for\n        online gambling, you must obtain such license prior to making your Content available; (ii) you must be in full compliance with the\n        regulations of your country of residence; (iii) you must geo-block your Content for IPs from jurisdictions where online gambling is\n        banned (including, without limitation, the United States of America, South Korea and China) and (iv) you must include in the terms\n        and conditions of use of your Content (if any) a release from liability in favor of the Foundation and the DAO to the fullest extent\n        allowed by applicable law vis a vis you and the users of your Content.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"breaches-of-this-policy\">\n      <SectionTitle>4. Breaches of this Policy</SectionTitle>\n      <Paragraph>\n        Any Content in infringement of Section 2, may be blocked and upon blocking shall not be available to other users of the Tools.\n        Moreover, infringing Content may result in suspension of the Account, court orders, civil actions, injunctions, criminal\n        prosecutions and other legal consequences brought by the Foundation, the DAO or third parties against the creator, distributor\n        and/or user of said infringing Content. The User&apos;s Account may also be terminated in accordance with Section 15 of the Terms of\n        Use.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"age-restricted-content\">\n      <SectionTitle>5. Age-Restricted Content</SectionTitle>\n      <Paragraph>\n        Any Content which qualifies as (i) intensely violent or graphic, (ii) gambling or (ii) sexually explicit, shall only be available to\n        people aged 18 or older. If you upload, post, create, display, transmit or make available such Content on the Tools, you must\n        provide sufficient warning as to this restriction. Failure to do so may result in termination of your Account pursuant to Section 15\n        of the Terms.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"user-representations-and-warranties\">\n      <SectionTitle>6. User Representations and Warranties</SectionTitle>\n      <Paragraph>\n        You represent and warrant that at any time you submit Content, you are at least the age of majority in the jurisdiction in which you\n        reside and are the parent or legal guardian, or have all proper consents from the parent or legal guardian, of any minor who is\n        depicted in or contributed to any Content you submit, and that, as to that Content, (a) you are the sole author and owner of the\n        Intellectual Property Rights to such Content, or you have a lawful right to submit the Content, all without any obligation to obtain\n        consent of any third party and without creating any obligation or liability for the Foundation; (b) the Content is accurate; (c) the\n        Content does not and will not infringe any Intellectual Property Right of any third party; and (d) the User Content will not violate\n        the Terms or this Content Policy, or cause injury or harm to any person.\n      </Paragraph>\n      <Paragraph>\n        You expressly acknowledge and accept that the Content you submit will be accessible to and viewable by other users and waive any\n        claim with regards to the Foundation, its directors, officers, employees and affiliates in connection with said third party access.\n        You can withdraw your Content at any time you wish.\n      </Paragraph>\n      <Paragraph>\n        Please remember that the Content that you submit will be accessible to and viewable by other users. Except as may be required to\n        register and/or maintain your Account, do not submit personally identifiable information (e.g. first and last name together,\n        password, phone number, address, credit or debit card number, medical information, e-mail address, or other contact information) on\n        the Tools.\n      </Paragraph>\n      <Paragraph>\n        By submitting, posting or displaying content, and or through Decentraland and/or the Marketplace, you grant us a worldwide,\n        non-exclusive, royalty-free perpetual, irrevocable, transferable right and license (with the right to sublicense) to use, copy,\n        reproduce, process, adapt, modify, publish, transmit, display, develop, improve, distribute such Content, promote Decentraland,\n        activities, Events, in any and all media or distribution methods (now known or later developed). You further grant Decentraland, the\n        DAO and/or the Foundation, the right to use your name and trademarks, if any, in connection with our use of your Content available\n        at the Platform and/or the Marketplace, from time to time.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"storage\">\n      <SectionTitle>7. Storage</SectionTitle>\n      <Paragraph>\n        You acknowledge that due to the decentralized nature of Decentraland and of the blockchain technology, all Content and information\n        submitted by you is not stored in a centralized server, but in several decentralized nodes (the &quot;Nodes&quot;). Thus, the\n        Foundation or the DAO are not liable for any loss of content or information.\n      </Paragraph>\n      <Paragraph>\n        The Nodes recognize and accept that in the event of any court order relating to the blocking, suspension or deletion of any Content,\n        they will abide by any such court order.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"limitations-to-liability\">\n      <SectionTitle>8. Limitations to Liability</SectionTitle>\n      <Paragraph>\n        The Foundation, its officers, employees, and the DAO are not responsible or liable for the Content, conduct, or services of users or\n        third parties. The Foundation, its officers, employees and the DAO do not control or endorse the Content of communications between\n        users or users&apos; interactions with each other or the Tools.\n      </Paragraph>\n      <Paragraph>\n        You acknowledge that you will be exposed to various aspects of the Tools involving the conduct, Content, and services of users, and\n        that the Foundation does not control and is not responsible or liable for the quality, safety, legality, truthfulness or accuracy of\n        any such user conduct, Content or user services. You acknowledge that the Foundation does not guarantee the accuracy of information\n        submitted by any user of the Tools, nor any identity information about any user. Your interactions with other users and your use of\n        Content are entirely at your own risk. The Foundation has no obligation to become involved in any dispute that you may have or claim\n        to have with one or more users of the Tools, or in any manner in any resolution thereof.\n      </Paragraph>\n      <Paragraph>\n        THE TOOLS MAY CONTAIN LINKS TO OR OTHERWISE ALLOW CONNECTIONS TO THIRD-PARTY WEBSITES, SERVERS, AND ONLINE SERVICES OR ENVIRONMENTS\n        THAT ARE NOT OWNED OR CONTROLLED BY THE FOUNDATION. THE FOUNDATION, ITS OFFICERS, EMPLOYEES AND THE DAO ARE NOT RESPONSIBLE OR\n        LIABLE FOR THE CONTENT, POLICIES OR PRACTICES OF ANY THIRD-PARTY WEBSITES, SERVERS OR ONLINE SERVICES OR ENVIRONMENTS. Please\n        consult any applicable terms of use and privacy policies provided by the third party for such websites, servers or online services\n        or environments.\n      </Paragraph>\n      <Paragraph>\n        You acknowledge that the Content of the Tools is provided or made available to you under license from independent Content Providers,\n        including other users of the Tools (&quot;Content Providers&quot;). You acknowledge and agree that except as expressly provided in\n        this Agreement, the Intellectual Property Rights of other Content Providers in their respective Content are not licensed to you by\n        your mere use of the Tools. You must obtain from the applicable Content Providers any necessary license rights in Content that you\n        desire to use or access.\n      </Paragraph>\n      <Paragraph>\n        You copy and use Content at your own risk. You are solely responsible and liable for your use, reproduction, distribution,\n        modification, display, or performance of any Content in violation of any Intellectual Property Rights. You agree that the Foundation\n        will have no liability for, and you agree to defend, indemnify, and hold the Foundation harmless from, any claims, losses or damages\n        arising out of or in connection with your use, reproduction, distribution, modification, display, or performance of any Content.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"changes-to-this-policy\">\n      <SectionTitle>9. Changes to this Policy</SectionTitle>\n      <Paragraph>\n        The DAO may change this Content Policy from time to time. All users have the obligation to be aware of the updated versions of this\n        Policy.\n      </Paragraph>\n      <Paragraph>\n        <a\n          href=\"https://governance.decentraland.org/proposal/?id=7e3f57c0-e0f2-11eb-a20f-d75df7f87ed8\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Approved by the DAO on Jul 16, 2021\n        </a>\n      </Paragraph>\n    </Section>\n  </LegalPageLayout>\n))\n\nContentPolicy.displayName = 'ContentPolicy'\n\nexport { ContentPolicy }\n"],"names":["TABLE_OF_CONTENTS","ContentPolicy","memo","jsxs","LegalPageLayout","Section","jsx","SectionTitle","Paragraph"],"mappings":"8UAIA,MAAMA,EAAgC,CACpC,CAAE,GAAI,cAAe,MAAO,gBAAA,EAC5B,CAAE,GAAI,qBAAsB,MAAO,uBAAA,EACnC,CAAE,GAAI,WAAY,MAAO,aAAA,EACzB,CAAE,GAAI,0BAA2B,MAAO,4BAAA,EACxC,CAAE,GAAI,yBAA0B,MAAO,2BAAA,EACvC,CAAE,GAAI,sCAAuC,MAAO,wCAAA,EACpD,CAAE,GAAI,UAAW,MAAO,YAAA,EACxB,CAAE,GAAI,2BAA4B,MAAO,6BAAA,EACzC,CAAE,GAAI,yBAA0B,MAAO,2BAAA,CACzC,EAEMC,EAAgBC,EAAAA,KAAK,IACzBC,EAAAA,KAACC,EAAA,CAAgB,MAAM,iBAAiB,WAAW,WAAW,gBAAiBJ,EAC7E,SAAA,CAAAG,EAAAA,KAACE,EAAA,CAAQ,GAAG,cACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,gBAAA,CAAc,EAC5BD,EAAAA,IAACE,GAAU,SAAA,iOAAA,CAGX,EACAF,EAAAA,IAACE,GAAU,SAAA,2eAAA,CAKX,EACAF,EAAAA,IAACE,GAAU,SAAA,qNAAA,CAGX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,qBACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,uBAAA,CAAqB,EACnCD,EAAAA,IAACE,GAAU,SAAA,iIAAA,CAEX,EACAF,EAAAA,IAACE,GAAU,SAAA,6KAAA,CAGX,EACAF,EAAAA,IAACE,GAAU,SAAA,mEAAA,CAAiE,EAC5EF,EAAAA,IAACE,GAAU,SAAA,yTAAA,CAIX,EACAF,EAAAA,IAACE,GAAU,SAAA,oGAAA,CAAuG,EAClHF,EAAAA,IAACE,GAAU,SAAA,gFAAA,CAA8E,EACzFF,EAAAA,IAACE,GAAU,SAAA,wGAAA,CAAsG,CAAA,EACnH,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,WACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,aAAA,CAAW,EACzBD,EAAAA,IAACE,GAAU,SAAA,stBAAA,CAOX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,0BACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,4BAAA,CAA0B,EACxCD,EAAAA,IAACE,GAAU,SAAA,6fAAA,CAMX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,yBACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,2BAAA,CAAyB,EACvCD,EAAAA,IAACE,GAAU,SAAA,uZAAA,CAKX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,sCACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,wCAAA,CAAsC,EACpDD,EAAAA,IAACE,GAAU,SAAA,+1BAAA,CAQX,EACAF,EAAAA,IAACE,GAAU,SAAA,0TAAA,CAIX,EACAF,EAAAA,IAACE,GAAU,SAAA,8YAAA,CAKX,EACAF,EAAAA,IAACE,GAAU,SAAA,gsBAAA,CAOX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,UACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,YAAA,CAAU,EACxBD,EAAAA,IAACE,GAAU,SAAA,qUAAA,CAIX,EACAF,EAAAA,IAACE,GAAU,SAAA,+KAAA,CAGX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,2BACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,6BAAA,CAA2B,EACzCD,EAAAA,IAACE,GAAU,SAAA,oUAAA,CAIX,EACAF,EAAAA,IAACE,GAAU,SAAA,gvBAAA,CAOX,EACAF,EAAAA,IAACE,GAAU,SAAA,shBAAA,CAMX,EACAF,EAAAA,IAACE,GAAU,SAAA,8hBAAA,CAMX,EACAF,EAAAA,IAACE,GAAU,SAAA,ugBAAA,CAKX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,yBACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,2BAAA,CAAyB,EACvCD,EAAAA,IAACE,GAAU,SAAA,6IAAA,CAGX,QACCA,EAAA,CACC,SAAAF,EAAAA,IAAC,IAAA,CACC,KAAK,wFACL,OAAO,SACP,IAAI,sBACL,SAAA,qCAAA,CAAA,CAED,CACF,CAAA,CAAA,CACF,CAAA,EACF,CACD,EAEDL,EAAc,YAAc"}
+{"version":3,"file":"index-D1lz72ps.js","sources":["../../src/pages/content/ContentPolicy.tsx"],"sourcesContent":["import { memo } from 'react'\nimport { LegalPageLayout, Paragraph, Section, SectionTitle } from '../../components/LegalPage'\nimport type { TOCEntry } from '../../components/LegalPage'\n\nconst TABLE_OF_CONTENTS: TOCEntry[] = [\n  { id: 'definitions', label: '1. Definitions' },\n  { id: 'prohibited-content', label: '2. Prohibited Content' },\n  { id: 'gambling', label: '3. Gambling' },\n  { id: 'breaches-of-this-policy', label: '4. Breaches of this Policy' },\n  { id: 'age-restricted-content', label: '5. Age-Restricted Content' },\n  { id: 'user-representations-and-warranties', label: '6. User Representations and Warranties' },\n  { id: 'storage', label: '7. Storage' },\n  { id: 'limitations-to-liability', label: '8. Limitations to Liability' },\n  { id: 'changes-to-this-policy', label: '9. Changes to this Policy' }\n]\n\nconst ContentPolicy = memo(() => (\n  <LegalPageLayout title=\"Content Policy\" activeSlug=\"/content\" tableOfContents={TABLE_OF_CONTENTS}>\n    <Section id=\"definitions\">\n      <SectionTitle>1. Definitions</SectionTitle>\n      <Paragraph>\n        &quot;Content&quot; shall mean any work of authorship, creative works, graphics, images, textures, photos, logos, video, audio, text\n        and interactive features, including without limitation NFTs, submitted by the Users of Decentraland.\n      </Paragraph>\n      <Paragraph>\n        &quot;Intellectual Property Rights&quot; shall mean rights in, arising out of, or associated with intellectual property in any\n        jurisdiction, including without limitation rights in or arising out of, or associated with (1) copyrights, mask work rights... (2)\n        patents... (3) trademarks... (4) trade secrets... (5) a person&apos;s name, voice... (6) attribution and integrity... (7) internet\n        domain names; (8) data and databases; and (9) similar proprietary rights arising under the laws of any jurisdiction\n      </Paragraph>\n      <Paragraph>\n        &quot;NFT&quot; means non-fungible token, including, LAND, Wearables and any other kind of NFTs available in Decentraland. All NFTs\n        must comply with this Content Policy in accordance with section 12.4 of the Terms of Use.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"prohibited-content\">\n      <SectionTitle>2. Prohibited Content</SectionTitle>\n      <Paragraph>\n        All Content uploaded, posted, created, displayed, transmitted or made available by the User through the Tools must not include:\n      </Paragraph>\n      <Paragraph>\n        2.1. Content involving illegality, such as piracy, criminal activity, terrorism, obscenity, child pornography, gambling (subject to\n        Section 3 below), and illegal drug use.\n      </Paragraph>\n      <Paragraph>2.2. Content infringing third party Intellectual Property Rights.</Paragraph>\n      <Paragraph>\n        2.3. Cruel or hateful Content that could harm, harass, promote or condone violence against, or that is primarily intended to incite\n        hatred of, animals, or individuals or groups based on race or ethnic origin, religion, nationality, disability, gender, age, veteran\n        status, or sexual orientation/gender identity.\n      </Paragraph>\n      <Paragraph>2.4. Content that is libelous, false, inaccurate, misleading, or invades another person&apos;s privacy.</Paragraph>\n      <Paragraph>2.5. Content that breaches the Privacy Policy or applicable data privacy laws.</Paragraph>\n      <Paragraph>2.6. Content that promotes or could be construed as primarily intended to evade the limitations above.</Paragraph>\n    </Section>\n\n    <Section id=\"gambling\">\n      <SectionTitle>3. Gambling</SectionTitle>\n      <Paragraph>\n        If your Content involves gambling, the following shall apply: (i) if you reside in a jurisdiction which requires a license for\n        online gambling, you must obtain such license prior to making your Content available; (ii) you must be in full compliance with the\n        regulations of your country of residence; (iii) you must geo-block your Content for IPs from jurisdictions where online gambling is\n        banned (including, without limitation, the United States of America, South Korea and China) and (iv) you must include in the terms\n        and conditions of use of your Content (if any) a release from liability in favor of the Foundation and the DAO to the fullest extent\n        allowed by applicable law vis a vis you and the users of your Content.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"breaches-of-this-policy\">\n      <SectionTitle>4. Breaches of this Policy</SectionTitle>\n      <Paragraph>\n        Any Content in infringement of Section 2, may be blocked and upon blocking shall not be available to other users of the Tools.\n        Moreover, infringing Content may result in suspension of the Account, court orders, civil actions, injunctions, criminal\n        prosecutions and other legal consequences brought by the Foundation, the DAO or third parties against the creator, distributor\n        and/or user of said infringing Content. The User&apos;s Account may also be terminated in accordance with Section 15 of the Terms of\n        Use.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"age-restricted-content\">\n      <SectionTitle>5. Age-Restricted Content</SectionTitle>\n      <Paragraph>\n        Any Content which qualifies as (i) intensely violent or graphic, (ii) gambling or (ii) sexually explicit, shall only be available to\n        people aged 18 or older. If you upload, post, create, display, transmit or make available such Content on the Tools, you must\n        provide sufficient warning as to this restriction. Failure to do so may result in termination of your Account pursuant to Section 15\n        of the Terms.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"user-representations-and-warranties\">\n      <SectionTitle>6. User Representations and Warranties</SectionTitle>\n      <Paragraph>\n        You represent and warrant that at any time you submit Content, you are at least the age of majority in the jurisdiction in which you\n        reside and are the parent or legal guardian, or have all proper consents from the parent or legal guardian, of any minor who is\n        depicted in or contributed to any Content you submit, and that, as to that Content, (a) you are the sole author and owner of the\n        Intellectual Property Rights to such Content, or you have a lawful right to submit the Content, all without any obligation to obtain\n        consent of any third party and without creating any obligation or liability for the Foundation; (b) the Content is accurate; (c) the\n        Content does not and will not infringe any Intellectual Property Right of any third party; and (d) the User Content will not violate\n        the Terms or this Content Policy, or cause injury or harm to any person.\n      </Paragraph>\n      <Paragraph>\n        You expressly acknowledge and accept that the Content you submit will be accessible to and viewable by other users and waive any\n        claim with regards to the Foundation, its directors, officers, employees and affiliates in connection with said third party access.\n        You can withdraw your Content at any time you wish.\n      </Paragraph>\n      <Paragraph>\n        Please remember that the Content that you submit will be accessible to and viewable by other users. Except as may be required to\n        register and/or maintain your Account, do not submit personally identifiable information (e.g. first and last name together,\n        password, phone number, address, credit or debit card number, medical information, e-mail address, or other contact information) on\n        the Tools.\n      </Paragraph>\n      <Paragraph>\n        By submitting, posting or displaying content, and or through Decentraland and/or the Marketplace, you grant us a worldwide,\n        non-exclusive, royalty-free perpetual, irrevocable, transferable right and license (with the right to sublicense) to use, copy,\n        reproduce, process, adapt, modify, publish, transmit, display, develop, improve, distribute such Content, promote Decentraland,\n        activities, Events, in any and all media or distribution methods (now known or later developed). You further grant Decentraland, the\n        DAO and/or the Foundation, the right to use your name and trademarks, if any, in connection with our use of your Content available\n        at the Platform and/or the Marketplace, from time to time.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"storage\">\n      <SectionTitle>7. Storage</SectionTitle>\n      <Paragraph>\n        You acknowledge that due to the decentralized nature of Decentraland and of the blockchain technology, all Content and information\n        submitted by you is not stored in a centralized server, but in several decentralized nodes (the &quot;Nodes&quot;). Thus, the\n        Foundation or the DAO are not liable for any loss of content or information.\n      </Paragraph>\n      <Paragraph>\n        The Nodes recognize and accept that in the event of any court order relating to the blocking, suspension or deletion of any Content,\n        they will abide by any such court order.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"limitations-to-liability\">\n      <SectionTitle>8. Limitations to Liability</SectionTitle>\n      <Paragraph>\n        The Foundation, its officers, employees, and the DAO are not responsible or liable for the Content, conduct, or services of users or\n        third parties. The Foundation, its officers, employees and the DAO do not control or endorse the Content of communications between\n        users or users&apos; interactions with each other or the Tools.\n      </Paragraph>\n      <Paragraph>\n        You acknowledge that you will be exposed to various aspects of the Tools involving the conduct, Content, and services of users, and\n        that the Foundation does not control and is not responsible or liable for the quality, safety, legality, truthfulness or accuracy of\n        any such user conduct, Content or user services. You acknowledge that the Foundation does not guarantee the accuracy of information\n        submitted by any user of the Tools, nor any identity information about any user. Your interactions with other users and your use of\n        Content are entirely at your own risk. The Foundation has no obligation to become involved in any dispute that you may have or claim\n        to have with one or more users of the Tools, or in any manner in any resolution thereof.\n      </Paragraph>\n      <Paragraph>\n        THE TOOLS MAY CONTAIN LINKS TO OR OTHERWISE ALLOW CONNECTIONS TO THIRD-PARTY WEBSITES, SERVERS, AND ONLINE SERVICES OR ENVIRONMENTS\n        THAT ARE NOT OWNED OR CONTROLLED BY THE FOUNDATION. THE FOUNDATION, ITS OFFICERS, EMPLOYEES AND THE DAO ARE NOT RESPONSIBLE OR\n        LIABLE FOR THE CONTENT, POLICIES OR PRACTICES OF ANY THIRD-PARTY WEBSITES, SERVERS OR ONLINE SERVICES OR ENVIRONMENTS. Please\n        consult any applicable terms of use and privacy policies provided by the third party for such websites, servers or online services\n        or environments.\n      </Paragraph>\n      <Paragraph>\n        You acknowledge that the Content of the Tools is provided or made available to you under license from independent Content Providers,\n        including other users of the Tools (&quot;Content Providers&quot;). You acknowledge and agree that except as expressly provided in\n        this Agreement, the Intellectual Property Rights of other Content Providers in their respective Content are not licensed to you by\n        your mere use of the Tools. You must obtain from the applicable Content Providers any necessary license rights in Content that you\n        desire to use or access.\n      </Paragraph>\n      <Paragraph>\n        You copy and use Content at your own risk. You are solely responsible and liable for your use, reproduction, distribution,\n        modification, display, or performance of any Content in violation of any Intellectual Property Rights. You agree that the Foundation\n        will have no liability for, and you agree to defend, indemnify, and hold the Foundation harmless from, any claims, losses or damages\n        arising out of or in connection with your use, reproduction, distribution, modification, display, or performance of any Content.\n      </Paragraph>\n    </Section>\n\n    <Section id=\"changes-to-this-policy\">\n      <SectionTitle>9. Changes to this Policy</SectionTitle>\n      <Paragraph>\n        The DAO may change this Content Policy from time to time. All users have the obligation to be aware of the updated versions of this\n        Policy.\n      </Paragraph>\n      <Paragraph>\n        <a\n          href=\"https://governance.decentraland.org/proposal/?id=7e3f57c0-e0f2-11eb-a20f-d75df7f87ed8\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Approved by the DAO on Jul 16, 2021\n        </a>\n      </Paragraph>\n    </Section>\n  </LegalPageLayout>\n))\n\nContentPolicy.displayName = 'ContentPolicy'\n\nexport { ContentPolicy }\n"],"names":["TABLE_OF_CONTENTS","ContentPolicy","memo","jsxs","LegalPageLayout","Section","jsx","SectionTitle","Paragraph"],"mappings":"8UAIA,MAAMA,EAAgC,CACpC,CAAE,GAAI,cAAe,MAAO,gBAAA,EAC5B,CAAE,GAAI,qBAAsB,MAAO,uBAAA,EACnC,CAAE,GAAI,WAAY,MAAO,aAAA,EACzB,CAAE,GAAI,0BAA2B,MAAO,4BAAA,EACxC,CAAE,GAAI,yBAA0B,MAAO,2BAAA,EACvC,CAAE,GAAI,sCAAuC,MAAO,wCAAA,EACpD,CAAE,GAAI,UAAW,MAAO,YAAA,EACxB,CAAE,GAAI,2BAA4B,MAAO,6BAAA,EACzC,CAAE,GAAI,yBAA0B,MAAO,2BAAA,CACzC,EAEMC,EAAgBC,EAAAA,KAAK,IACzBC,EAAAA,KAACC,EAAA,CAAgB,MAAM,iBAAiB,WAAW,WAAW,gBAAiBJ,EAC7E,SAAA,CAAAG,EAAAA,KAACE,EAAA,CAAQ,GAAG,cACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,gBAAA,CAAc,EAC5BD,EAAAA,IAACE,GAAU,SAAA,iOAAA,CAGX,EACAF,EAAAA,IAACE,GAAU,SAAA,2eAAA,CAKX,EACAF,EAAAA,IAACE,GAAU,SAAA,qNAAA,CAGX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,qBACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,uBAAA,CAAqB,EACnCD,EAAAA,IAACE,GAAU,SAAA,iIAAA,CAEX,EACAF,EAAAA,IAACE,GAAU,SAAA,6KAAA,CAGX,EACAF,EAAAA,IAACE,GAAU,SAAA,mEAAA,CAAiE,EAC5EF,EAAAA,IAACE,GAAU,SAAA,yTAAA,CAIX,EACAF,EAAAA,IAACE,GAAU,SAAA,oGAAA,CAAuG,EAClHF,EAAAA,IAACE,GAAU,SAAA,gFAAA,CAA8E,EACzFF,EAAAA,IAACE,GAAU,SAAA,wGAAA,CAAsG,CAAA,EACnH,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,WACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,aAAA,CAAW,EACzBD,EAAAA,IAACE,GAAU,SAAA,stBAAA,CAOX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,0BACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,4BAAA,CAA0B,EACxCD,EAAAA,IAACE,GAAU,SAAA,6fAAA,CAMX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,yBACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,2BAAA,CAAyB,EACvCD,EAAAA,IAACE,GAAU,SAAA,uZAAA,CAKX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,sCACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,wCAAA,CAAsC,EACpDD,EAAAA,IAACE,GAAU,SAAA,+1BAAA,CAQX,EACAF,EAAAA,IAACE,GAAU,SAAA,0TAAA,CAIX,EACAF,EAAAA,IAACE,GAAU,SAAA,8YAAA,CAKX,EACAF,EAAAA,IAACE,GAAU,SAAA,gsBAAA,CAOX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,UACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,YAAA,CAAU,EACxBD,EAAAA,IAACE,GAAU,SAAA,qUAAA,CAIX,EACAF,EAAAA,IAACE,GAAU,SAAA,+KAAA,CAGX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,2BACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,6BAAA,CAA2B,EACzCD,EAAAA,IAACE,GAAU,SAAA,oUAAA,CAIX,EACAF,EAAAA,IAACE,GAAU,SAAA,gvBAAA,CAOX,EACAF,EAAAA,IAACE,GAAU,SAAA,shBAAA,CAMX,EACAF,EAAAA,IAACE,GAAU,SAAA,8hBAAA,CAMX,EACAF,EAAAA,IAACE,GAAU,SAAA,ugBAAA,CAKX,CAAA,EACF,EAEAL,EAAAA,KAACE,EAAA,CAAQ,GAAG,yBACV,SAAA,CAAAC,EAAAA,IAACC,GAAa,SAAA,2BAAA,CAAyB,EACvCD,EAAAA,IAACE,GAAU,SAAA,6IAAA,CAGX,QACCA,EAAA,CACC,SAAAF,EAAAA,IAAC,IAAA,CACC,KAAK,wFACL,OAAO,SACP,IAAI,sBACL,SAAA,qCAAA,CAAA,CAED,CACF,CAAA,CAAA,CACF,CAAA,EACF,CACD,EAEDL,EAAc,YAAc"}

package/assets/{index-Bs8_TMuc.js → index-D7GZzk0M.js}

@@ -1 +1 @@
-import{j as e,s as n,v as s,a as o,w as c,B as l}from"./index-BQ4lI5xX.js";import{r as a}from"./vendor-router-D_36sTKu.js";import{A as p}from"./AnimatedSection-Dy2CqHWv.js";import{l as h}from"./index-HZ_h_54S.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./useCreatorHubDownload-htSWq2gm.js";import"./file-Cr_gl9BS.js";import"./url-CwO7t7Da.js";import"./index-g0lykA2w.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-G_F6A2kc.js";import"./CircularProgress-DcmGIHDk.js";import"./Video-CiAQnrOo.js";const m=a.memo(t=>{const i=a.useId();return e.jsxs("svg",{...t,className:"play-icon",width:"120",height:"120",viewBox:"0 0 120 120",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("g",{filter:`url(#${i})`,children:e.jsx("path",{d:"M60 16C37.9167 16 20 33.9167 20 56C20 78.0833 37.9167 96 60 96C82.0833 96 100 78.0833 100 56C100 33.9167 82.0833 16 60 16ZM76.9983 59.4183L53.665 73.0833C53.0009 73.334 52.3336 73.5 51.6663 73.5C50.9991 73.5 50.3317 73.4154 49.749 72.9987C48.5837 72.3314 47.8317 70.9154 47.8317 69.5807V42.3349C47.8317 40.8342 48.5804 39.5842 49.749 38.9169C50.9143 38.2496 52.4997 38.2496 53.665 38.9169L76.9983 52.5819C78.1637 53.3306 78.9157 54.4992 78.9157 55.9999C78.9157 57.5005 78.167 58.751 76.9983 59.4183Z",fill:"white"})}),e.jsx("defs",{children:e.jsxs("filter",{id:i,x:"0",y:"0",width:"120",height:"120",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.jsx("feOffset",{dy:"4"}),e.jsx("feGaussianBlur",{stdDeviation:"10"}),e.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),e.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"}),e.jsx("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow",result:"shape"})]})})]})}),g=n("section")({position:"relative",overflow:"hidden",width:"100%",backgroundRepeat:"no-repeat",backgroundPosition:"center",paddingLeft:0,paddingRight:0}),x=n(s)(({theme:t})=>({textAlign:"center",fontSize:48,fontWeight:600,color:"#fcfcfc",marginTop:97,marginBottom:62,maxWidth:"80vw",marginLeft:"auto",marginRight:"auto","& span":{background:"linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[t.breakpoints.down("sm")]:{fontSize:36,lineHeight:"40px"}})),f=n(o)(({theme:t})=>({display:"flex",overflowX:"auto",gap:20,paddingLeft:100,paddingRight:100,scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},[t.breakpoints.down("sm")]:{paddingLeft:16,paddingRight:16}})),u=n(o)(({theme:t})=>({width:529,minWidth:529,height:398,flexShrink:0,borderRadius:20,overflow:"hidden",display:"flex",flexDirection:"column",justifyContent:"space-between",boxSizing:"border-box",position:"relative",cursor:"pointer",transition:"transform 0.35s ease-in-out",[t.breakpoints.down("sm")]:{width:360,minWidth:360,maxWidth:360,height:310}})),w=n(o)(({theme:t})=>({width:"100%",height:236,position:"relative",cursor:"pointer",flex:1,"& img":{width:"100%",height:"100%",objectFit:"cover",borderRadius:"10px 10px 0 0"},"& .play-icon":{width:80,height:80,position:"absolute",top:"50%",left:"50%",transition:"all 0.35s ease-in-out",transform:"translate(-50%, -50%)",opacity:.7},"&:hover .play-icon":{opacity:1,filter:"brightness(1.3)"},[t.breakpoints.down("sm")]:{height:160}})),b=n(o)({borderRadius:"0 0 20px 20px",background:"#242129",width:"100%",display:"flex",flexDirection:"column"}),j=n(o)({display:"flex",flexDirection:"row",padding:"18px 24px",width:"100%",alignItems:"center",justifyContent:"space-between"}),C=n(o)({cursor:"pointer",display:"flex",alignItems:"center"}),k=n(o)({width:40,height:40,borderRadius:"50%",overflow:"hidden","& img":{width:"100%",height:"100%",objectFit:"cover"}}),y=n(s)(({theme:t})=>({color:"#a09ba8",fontSize:18,fontWeight:600,marginLeft:8,[t.breakpoints.down("sm")]:{fontSize:16}})),L=n(s)(({theme:t})=>({color:"#a09ba8",fontSize:18,fontWeight:600,textAlign:"right",textTransform:"uppercase",[t.breakpoints.down("sm")]:{fontSize:16}})),_=n(s)(({theme:t})=>({fontSize:20,lineHeight:"28px",fontWeight:700,padding:"0 24px 40px",[t.breakpoints.down("sm")]:{textAlign:"left",fontSize:18}})),v=n(o)(({theme:t})=>({display:"flex",justifyContent:"center",alignItems:"center",margin:"72px 20px",[t.breakpoints.down("sm")]:{flexDirection:"column",margin:0,paddingLeft:16,paddingRight:16,marginTop:28,marginBottom:32,width:"calc(100% - 16px)"}})),d=n(o)(({theme:t})=>({display:"flex",alignItems:"center",color:"#fff",textAlign:"center",fontSize:20,fontWeight:600,lineHeight:"48px","& a":{marginLeft:16},[t.breakpoints.down("lg")]:{flexDirection:"column"},[t.breakpoints.down("sm")]:{fontSize:18,width:"100%","& a":{marginLeft:0,width:"100%",marginTop:16}}})),P=a.memo(()=>{const t=c(),i=a.useCallback(r=>{window.open(r,"_blank")},[]);return e.jsx(p,{children:e.jsxs(g,{children:[e.jsxs(x,{children:[e.jsx("span",{children:t("component.creators_landing.learn.title_highlight")})," ",t("component.creators_landing.learn.title")]}),e.jsx(f,{children:h.map(r=>e.jsxs(u,{onClick:()=>i(r.url),children:[e.jsxs(w,{children:[e.jsx("img",{src:r.image,alt:r.title}),e.jsx(m,{})]}),e.jsxs(b,{children:[e.jsxs(j,{children:[e.jsxs(C,{children:[e.jsx(k,{children:e.jsx("img",{src:r.userImage,alt:r.name})}),e.jsx(y,{children:r.name})]}),e.jsx(L,{children:r.date})]}),e.jsx(_,{children:r.title})]})]},r.id))}),e.jsxs(v,{children:[e.jsxs(d,{sx:{marginRight:{xs:0,md:"80px"}},children:[t("component.creators_landing.learn.watch_more"),e.jsx(l,{variant:"contained",component:"a",href:t("component.creators_landing.learn.watch_more_target"),target:"_blank",rel:"noopener noreferrer",children:t("component.creators_landing.learn.watch_more_button")})]}),e.jsxs(d,{sx:{marginTop:{xs:"33px",md:0}},children:[t("component.creators_landing.learn.your_tutorial"),e.jsx(l,{variant:"outlined",component:"a",href:t("component.creators_landing.learn.your_tutorial_target"),target:"_blank",rel:"noopener noreferrer",sx:{backgroundColor:"#fff",color:"#43404a","&:hover":{backgroundColor:"#e0e0e0"}},children:t("component.creators_landing.learn.your_tutorial_button")})]})]})]})})});export{P as CreatorsLearn};
+import{j as e,s as n,v as s,a as o,w as c,B as l}from"./index-DaRevScO.js";import{r as a}from"./vendor-router-D_36sTKu.js";import{A as p}from"./AnimatedSection-C7y4e9MO.js";import{l as h}from"./index-BqghIvCc.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./useCreatorHubDownload-CQ5sircD.js";import"./file-Cr_gl9BS.js";import"./url-DMbF6Zco.js";import"./index-mXhpN3cS.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-DIvER7jP.js";import"./CircularProgress-DMJbftwB.js";import"./Video-DF4ljNzn.js";const m=a.memo(t=>{const i=a.useId();return e.jsxs("svg",{...t,className:"play-icon",width:"120",height:"120",viewBox:"0 0 120 120",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("g",{filter:`url(#${i})`,children:e.jsx("path",{d:"M60 16C37.9167 16 20 33.9167 20 56C20 78.0833 37.9167 96 60 96C82.0833 96 100 78.0833 100 56C100 33.9167 82.0833 16 60 16ZM76.9983 59.4183L53.665 73.0833C53.0009 73.334 52.3336 73.5 51.6663 73.5C50.9991 73.5 50.3317 73.4154 49.749 72.9987C48.5837 72.3314 47.8317 70.9154 47.8317 69.5807V42.3349C47.8317 40.8342 48.5804 39.5842 49.749 38.9169C50.9143 38.2496 52.4997 38.2496 53.665 38.9169L76.9983 52.5819C78.1637 53.3306 78.9157 54.4992 78.9157 55.9999C78.9157 57.5005 78.167 58.751 76.9983 59.4183Z",fill:"white"})}),e.jsx("defs",{children:e.jsxs("filter",{id:i,x:"0",y:"0",width:"120",height:"120",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.jsx("feOffset",{dy:"4"}),e.jsx("feGaussianBlur",{stdDeviation:"10"}),e.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),e.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"}),e.jsx("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow",result:"shape"})]})})]})}),g=n("section")({position:"relative",overflow:"hidden",width:"100%",backgroundRepeat:"no-repeat",backgroundPosition:"center",paddingLeft:0,paddingRight:0}),x=n(s)(({theme:t})=>({textAlign:"center",fontSize:48,fontWeight:600,color:"#fcfcfc",marginTop:97,marginBottom:62,maxWidth:"80vw",marginLeft:"auto",marginRight:"auto","& span":{background:"linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[t.breakpoints.down("sm")]:{fontSize:36,lineHeight:"40px"}})),f=n(o)(({theme:t})=>({display:"flex",overflowX:"auto",gap:20,paddingLeft:100,paddingRight:100,scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},[t.breakpoints.down("sm")]:{paddingLeft:16,paddingRight:16}})),u=n(o)(({theme:t})=>({width:529,minWidth:529,height:398,flexShrink:0,borderRadius:20,overflow:"hidden",display:"flex",flexDirection:"column",justifyContent:"space-between",boxSizing:"border-box",position:"relative",cursor:"pointer",transition:"transform 0.35s ease-in-out",[t.breakpoints.down("sm")]:{width:360,minWidth:360,maxWidth:360,height:310}})),w=n(o)(({theme:t})=>({width:"100%",height:236,position:"relative",cursor:"pointer",flex:1,"& img":{width:"100%",height:"100%",objectFit:"cover",borderRadius:"10px 10px 0 0"},"& .play-icon":{width:80,height:80,position:"absolute",top:"50%",left:"50%",transition:"all 0.35s ease-in-out",transform:"translate(-50%, -50%)",opacity:.7},"&:hover .play-icon":{opacity:1,filter:"brightness(1.3)"},[t.breakpoints.down("sm")]:{height:160}})),b=n(o)({borderRadius:"0 0 20px 20px",background:"#242129",width:"100%",display:"flex",flexDirection:"column"}),j=n(o)({display:"flex",flexDirection:"row",padding:"18px 24px",width:"100%",alignItems:"center",justifyContent:"space-between"}),C=n(o)({cursor:"pointer",display:"flex",alignItems:"center"}),k=n(o)({width:40,height:40,borderRadius:"50%",overflow:"hidden","& img":{width:"100%",height:"100%",objectFit:"cover"}}),y=n(s)(({theme:t})=>({color:"#a09ba8",fontSize:18,fontWeight:600,marginLeft:8,[t.breakpoints.down("sm")]:{fontSize:16}})),L=n(s)(({theme:t})=>({color:"#a09ba8",fontSize:18,fontWeight:600,textAlign:"right",textTransform:"uppercase",[t.breakpoints.down("sm")]:{fontSize:16}})),_=n(s)(({theme:t})=>({fontSize:20,lineHeight:"28px",fontWeight:700,padding:"0 24px 40px",[t.breakpoints.down("sm")]:{textAlign:"left",fontSize:18}})),v=n(o)(({theme:t})=>({display:"flex",justifyContent:"center",alignItems:"center",margin:"72px 20px",[t.breakpoints.down("sm")]:{flexDirection:"column",margin:0,paddingLeft:16,paddingRight:16,marginTop:28,marginBottom:32,width:"calc(100% - 16px)"}})),d=n(o)(({theme:t})=>({display:"flex",alignItems:"center",color:"#fff",textAlign:"center",fontSize:20,fontWeight:600,lineHeight:"48px","& a":{marginLeft:16},[t.breakpoints.down("lg")]:{flexDirection:"column"},[t.breakpoints.down("sm")]:{fontSize:18,width:"100%","& a":{marginLeft:0,width:"100%",marginTop:16}}})),P=a.memo(()=>{const t=c(),i=a.useCallback(r=>{window.open(r,"_blank")},[]);return e.jsx(p,{children:e.jsxs(g,{children:[e.jsxs(x,{children:[e.jsx("span",{children:t("component.creators_landing.learn.title_highlight")})," ",t("component.creators_landing.learn.title")]}),e.jsx(f,{children:h.map(r=>e.jsxs(u,{onClick:()=>i(r.url),children:[e.jsxs(w,{children:[e.jsx("img",{src:r.image,alt:r.title}),e.jsx(m,{})]}),e.jsxs(b,{children:[e.jsxs(j,{children:[e.jsxs(C,{children:[e.jsx(k,{children:e.jsx("img",{src:r.userImage,alt:r.name})}),e.jsx(y,{children:r.name})]}),e.jsx(L,{children:r.date})]}),e.jsx(_,{children:r.title})]})]},r.id))}),e.jsxs(v,{children:[e.jsxs(d,{sx:{marginRight:{xs:0,md:"80px"}},children:[t("component.creators_landing.learn.watch_more"),e.jsx(l,{variant:"contained",component:"a",href:t("component.creators_landing.learn.watch_more_target"),target:"_blank",rel:"noopener noreferrer",children:t("component.creators_landing.learn.watch_more_button")})]}),e.jsxs(d,{sx:{marginTop:{xs:"33px",md:0}},children:[t("component.creators_landing.learn.your_tutorial"),e.jsx(l,{variant:"outlined",component:"a",href:t("component.creators_landing.learn.your_tutorial_target"),target:"_blank",rel:"noopener noreferrer",sx:{backgroundColor:"#fff",color:"#43404a","&:hover":{backgroundColor:"#e0e0e0"}},children:t("component.creators_landing.learn.your_tutorial_button")})]})]})]})})});export{P as CreatorsLearn};

package/assets/{index-Bs8_TMuc.js.map → index-D7GZzk0M.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Bs8_TMuc.js","sources":["../../src/components/Create/Learn/PlayIcon.tsx","../../src/components/Create/Learn/Learn.styled.ts","../../src/components/Create/Learn/Learn.tsx"],"sourcesContent":["import { type SVGAttributes, memo, useId } from 'react'\n\ntype PlayIconProps = SVGAttributes<SVGElement>\n\nconst PlayIcon = memo((props: PlayIconProps) => {\n  const filterId = useId()\n  return (\n    <svg {...props} className=\"play-icon\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <g filter={`url(#${filterId})`}>\n        <path\n          d=\"M60 16C37.9167 16 20 33.9167 20 56C20 78.0833 37.9167 96 60 96C82.0833 96 100 78.0833 100 56C100 33.9167 82.0833 16 60 16ZM76.9983 59.4183L53.665 73.0833C53.0009 73.334 52.3336 73.5 51.6663 73.5C50.9991 73.5 50.3317 73.4154 49.749 72.9987C48.5837 72.3314 47.8317 70.9154 47.8317 69.5807V42.3349C47.8317 40.8342 48.5804 39.5842 49.749 38.9169C50.9143 38.2496 52.4997 38.2496 53.665 38.9169L76.9983 52.5819C78.1637 53.3306 78.9157 54.4992 78.9157 55.9999C78.9157 57.5005 78.167 58.751 76.9983 59.4183Z\"\n          fill=\"white\"\n        />\n      </g>\n      <defs>\n        <filter id={filterId} x=\"0\" y=\"0\" width=\"120\" height=\"120\" filterUnits=\"userSpaceOnUse\" colorInterpolationFilters=\"sRGB\">\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n          <feOffset dy=\"4\" />\n          <feGaussianBlur stdDeviation=\"10\" />\n          <feComposite in2=\"hardAlpha\" operator=\"out\" />\n          <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0\" />\n          <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow\" />\n          <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow\" result=\"shape\" />\n        </filter>\n      </defs>\n    </svg>\n  )\n})\n\nexport { PlayIcon }\n","import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst LearnSection = styled('section')({\n  position: 'relative',\n  overflow: 'hidden',\n  width: '100%',\n  backgroundRepeat: 'no-repeat',\n  backgroundPosition: 'center',\n  paddingLeft: 0,\n  paddingRight: 0\n})\n\nconst LearnTitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: 48,\n  fontWeight: 600,\n  color: '#fcfcfc',\n  marginTop: 97,\n  marginBottom: 62,\n  maxWidth: '80vw',\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  ['& span']: {\n    background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n    backgroundClip: 'text',\n    ['WebkitBackgroundClip' as string]: 'text',\n    ['WebkitTextFillColor' as string]: 'transparent'\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 36,\n    lineHeight: '40px'\n  }\n}))\n\nconst LearnCardsContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  overflowX: 'auto',\n  gap: 20,\n  paddingLeft: 100,\n  paddingRight: 100,\n  scrollbarWidth: 'none',\n  ['&::-webkit-scrollbar']: {\n    display: 'none'\n  },\n  [theme.breakpoints.down('sm')]: {\n    paddingLeft: 16,\n    paddingRight: 16\n  }\n}))\n\nconst LearnCard = styled(Box)(({ theme }) => ({\n  width: 529,\n  minWidth: 529,\n  height: 398,\n  flexShrink: 0,\n  borderRadius: 20,\n  overflow: 'hidden',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'space-between',\n  boxSizing: 'border-box',\n  position: 'relative',\n  cursor: 'pointer',\n  transition: 'transform 0.35s ease-in-out',\n  [theme.breakpoints.down('sm')]: {\n    width: 360,\n    minWidth: 360,\n    maxWidth: 360,\n    height: 310\n  }\n}))\n\nconst LearnCardVideoImage = styled(Box)(({ theme }) => ({\n  width: '100%',\n  height: 236,\n  position: 'relative',\n  cursor: 'pointer',\n  flex: 1,\n  ['& img']: {\n    width: '100%',\n    height: '100%',\n    objectFit: 'cover',\n    borderRadius: '10px 10px 0 0'\n  },\n  ['& .play-icon']: {\n    width: 80,\n    height: 80,\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transition: 'all 0.35s ease-in-out',\n    transform: 'translate(-50%, -50%)',\n    opacity: 0.7\n  },\n  ['&:hover .play-icon']: {\n    opacity: 1,\n    filter: 'brightness(1.3)'\n  },\n  [theme.breakpoints.down('sm')]: {\n    height: 160\n  }\n}))\n\nconst LearnCardInfo = styled(Box)({\n  borderRadius: '0 0 20px 20px',\n  background: '#242129',\n  width: '100%',\n  display: 'flex',\n  flexDirection: 'column'\n})\n\nconst LearnCardUserRow = styled(Box)({\n  display: 'flex',\n  flexDirection: 'row',\n  padding: '18px 24px',\n  width: '100%',\n  alignItems: 'center',\n  justifyContent: 'space-between'\n})\n\nconst LearnCardUser = styled(Box)({\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center'\n})\n\nconst LearnCardUserImage = styled(Box)({\n  width: 40,\n  height: 40,\n  borderRadius: '50%',\n  overflow: 'hidden',\n  ['& img']: {\n    width: '100%',\n    height: '100%',\n    objectFit: 'cover'\n  }\n})\n\nconst LearnCardUserName = styled(Typography)(({ theme }) => ({\n  color: '#a09ba8',\n  fontSize: 18,\n  fontWeight: 600,\n  marginLeft: 8,\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 16\n  }\n}))\n\nconst LearnCardDate = styled(Typography)(({ theme }) => ({\n  color: '#a09ba8',\n  fontSize: 18,\n  fontWeight: 600,\n  textAlign: 'right',\n  textTransform: 'uppercase',\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 16\n  }\n}))\n\nconst LearnCardTitle = styled(Typography)(({ theme }) => ({\n  fontSize: 20,\n  lineHeight: '28px',\n  fontWeight: 700,\n  padding: '0 24px 40px',\n  [theme.breakpoints.down('sm')]: {\n    textAlign: 'left',\n    fontSize: 18\n  }\n}))\n\nconst LearnExtraContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  margin: '72px 20px',\n  [theme.breakpoints.down('sm')]: {\n    flexDirection: 'column',\n    margin: 0,\n    paddingLeft: 16,\n    paddingRight: 16,\n    marginTop: 28,\n    marginBottom: 32,\n    width: 'calc(100% - 16px)'\n  }\n}))\n\nconst LearnExtraBlock = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  color: '#fff',\n  textAlign: 'center',\n  fontSize: 20,\n  fontWeight: 600,\n  lineHeight: '48px',\n  ['& a']: {\n    marginLeft: 16\n  },\n  [theme.breakpoints.down('lg')]: {\n    flexDirection: 'column'\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 18,\n    width: '100%',\n    ['& a']: {\n      marginLeft: 0,\n      width: '100%',\n      marginTop: 16\n    }\n  }\n}))\n\nexport {\n  LearnCard,\n  LearnCardDate,\n  LearnCardInfo,\n  LearnCardTitle,\n  LearnCardUser,\n  LearnCardUserImage,\n  LearnCardUserName,\n  LearnCardUserRow,\n  LearnCardVideoImage,\n  LearnCardsContainer,\n  LearnExtraBlock,\n  LearnExtraContainer,\n  LearnSection,\n  LearnTitle\n}\n","import { memo, useCallback } from 'react'\nimport { Button } from 'decentraland-ui2'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { learnCards } from '../data'\nimport { PlayIcon } from './PlayIcon'\nimport {\n  LearnCard,\n  LearnCardDate,\n  LearnCardInfo,\n  LearnCardTitle,\n  LearnCardUser,\n  LearnCardUserImage,\n  LearnCardUserName,\n  LearnCardUserRow,\n  LearnCardVideoImage,\n  LearnCardsContainer,\n  LearnExtraBlock,\n  LearnExtraContainer,\n  LearnSection,\n  LearnTitle\n} from './Learn.styled'\n\nconst CreatorsLearn = memo(() => {\n  const l = useFormatMessage()\n  const handleCardClick = useCallback((url: string) => {\n    window.open(url, '_blank')\n  }, [])\n\n  return (\n    <AnimatedSection>\n      <LearnSection>\n        <LearnTitle>\n          <span>{l('component.creators_landing.learn.title_highlight')}</span> {l('component.creators_landing.learn.title')}\n        </LearnTitle>\n        <LearnCardsContainer>\n          {learnCards.map(card => (\n            <LearnCard key={card.id} onClick={() => handleCardClick(card.url)}>\n              <LearnCardVideoImage>\n                <img src={card.image} alt={card.title} />\n                <PlayIcon />\n              </LearnCardVideoImage>\n              <LearnCardInfo>\n                <LearnCardUserRow>\n                  <LearnCardUser>\n                    <LearnCardUserImage>\n                      <img src={card.userImage} alt={card.name} />\n                    </LearnCardUserImage>\n                    <LearnCardUserName>{card.name}</LearnCardUserName>\n                  </LearnCardUser>\n                  <LearnCardDate>{card.date}</LearnCardDate>\n                </LearnCardUserRow>\n                <LearnCardTitle>{card.title}</LearnCardTitle>\n              </LearnCardInfo>\n            </LearnCard>\n          ))}\n        </LearnCardsContainer>\n        <LearnExtraContainer>\n          <LearnExtraBlock sx={{ marginRight: { xs: 0, md: '80px' } }}>\n            {l('component.creators_landing.learn.watch_more')}\n            <Button\n              variant=\"contained\"\n              component=\"a\"\n              href={l('component.creators_landing.learn.watch_more_target')}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {l('component.creators_landing.learn.watch_more_button')}\n            </Button>\n          </LearnExtraBlock>\n          <LearnExtraBlock sx={{ marginTop: { xs: '33px', md: 0 } }}>\n            {l('component.creators_landing.learn.your_tutorial')}\n            <Button\n              variant=\"outlined\"\n              component=\"a\"\n              href={l('component.creators_landing.learn.your_tutorial_target')}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              sx={{ backgroundColor: '#fff', color: '#43404a', ['&:hover']: { backgroundColor: '#e0e0e0' } }}\n            >\n              {l('component.creators_landing.learn.your_tutorial_button')}\n            </Button>\n          </LearnExtraBlock>\n        </LearnExtraContainer>\n      </LearnSection>\n    </AnimatedSection>\n  )\n})\n\nexport { CreatorsLearn }\n"],"names":["PlayIcon","memo","props","filterId","useId","jsxs","jsx","LearnSection","styled","LearnTitle","Typography","theme","LearnCardsContainer","Box","LearnCard","LearnCardVideoImage","LearnCardInfo","LearnCardUserRow","LearnCardUser","LearnCardUserImage","LearnCardUserName","LearnCardDate","LearnCardTitle","LearnExtraContainer","LearnExtraBlock","CreatorsLearn","l","useFormatMessage","handleCardClick","useCallback","url","AnimatedSection","learnCards","card","Button"],"mappings":"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"}
+{"version":3,"file":"index-D7GZzk0M.js","sources":["../../src/components/Create/Learn/PlayIcon.tsx","../../src/components/Create/Learn/Learn.styled.ts","../../src/components/Create/Learn/Learn.tsx"],"sourcesContent":["import { type SVGAttributes, memo, useId } from 'react'\n\ntype PlayIconProps = SVGAttributes<SVGElement>\n\nconst PlayIcon = memo((props: PlayIconProps) => {\n  const filterId = useId()\n  return (\n    <svg {...props} className=\"play-icon\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <g filter={`url(#${filterId})`}>\n        <path\n          d=\"M60 16C37.9167 16 20 33.9167 20 56C20 78.0833 37.9167 96 60 96C82.0833 96 100 78.0833 100 56C100 33.9167 82.0833 16 60 16ZM76.9983 59.4183L53.665 73.0833C53.0009 73.334 52.3336 73.5 51.6663 73.5C50.9991 73.5 50.3317 73.4154 49.749 72.9987C48.5837 72.3314 47.8317 70.9154 47.8317 69.5807V42.3349C47.8317 40.8342 48.5804 39.5842 49.749 38.9169C50.9143 38.2496 52.4997 38.2496 53.665 38.9169L76.9983 52.5819C78.1637 53.3306 78.9157 54.4992 78.9157 55.9999C78.9157 57.5005 78.167 58.751 76.9983 59.4183Z\"\n          fill=\"white\"\n        />\n      </g>\n      <defs>\n        <filter id={filterId} x=\"0\" y=\"0\" width=\"120\" height=\"120\" filterUnits=\"userSpaceOnUse\" colorInterpolationFilters=\"sRGB\">\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n          <feOffset dy=\"4\" />\n          <feGaussianBlur stdDeviation=\"10\" />\n          <feComposite in2=\"hardAlpha\" operator=\"out\" />\n          <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0\" />\n          <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow\" />\n          <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow\" result=\"shape\" />\n        </filter>\n      </defs>\n    </svg>\n  )\n})\n\nexport { PlayIcon }\n","import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst LearnSection = styled('section')({\n  position: 'relative',\n  overflow: 'hidden',\n  width: '100%',\n  backgroundRepeat: 'no-repeat',\n  backgroundPosition: 'center',\n  paddingLeft: 0,\n  paddingRight: 0\n})\n\nconst LearnTitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: 48,\n  fontWeight: 600,\n  color: '#fcfcfc',\n  marginTop: 97,\n  marginBottom: 62,\n  maxWidth: '80vw',\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  ['& span']: {\n    background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n    backgroundClip: 'text',\n    ['WebkitBackgroundClip' as string]: 'text',\n    ['WebkitTextFillColor' as string]: 'transparent'\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 36,\n    lineHeight: '40px'\n  }\n}))\n\nconst LearnCardsContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  overflowX: 'auto',\n  gap: 20,\n  paddingLeft: 100,\n  paddingRight: 100,\n  scrollbarWidth: 'none',\n  ['&::-webkit-scrollbar']: {\n    display: 'none'\n  },\n  [theme.breakpoints.down('sm')]: {\n    paddingLeft: 16,\n    paddingRight: 16\n  }\n}))\n\nconst LearnCard = styled(Box)(({ theme }) => ({\n  width: 529,\n  minWidth: 529,\n  height: 398,\n  flexShrink: 0,\n  borderRadius: 20,\n  overflow: 'hidden',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'space-between',\n  boxSizing: 'border-box',\n  position: 'relative',\n  cursor: 'pointer',\n  transition: 'transform 0.35s ease-in-out',\n  [theme.breakpoints.down('sm')]: {\n    width: 360,\n    minWidth: 360,\n    maxWidth: 360,\n    height: 310\n  }\n}))\n\nconst LearnCardVideoImage = styled(Box)(({ theme }) => ({\n  width: '100%',\n  height: 236,\n  position: 'relative',\n  cursor: 'pointer',\n  flex: 1,\n  ['& img']: {\n    width: '100%',\n    height: '100%',\n    objectFit: 'cover',\n    borderRadius: '10px 10px 0 0'\n  },\n  ['& .play-icon']: {\n    width: 80,\n    height: 80,\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transition: 'all 0.35s ease-in-out',\n    transform: 'translate(-50%, -50%)',\n    opacity: 0.7\n  },\n  ['&:hover .play-icon']: {\n    opacity: 1,\n    filter: 'brightness(1.3)'\n  },\n  [theme.breakpoints.down('sm')]: {\n    height: 160\n  }\n}))\n\nconst LearnCardInfo = styled(Box)({\n  borderRadius: '0 0 20px 20px',\n  background: '#242129',\n  width: '100%',\n  display: 'flex',\n  flexDirection: 'column'\n})\n\nconst LearnCardUserRow = styled(Box)({\n  display: 'flex',\n  flexDirection: 'row',\n  padding: '18px 24px',\n  width: '100%',\n  alignItems: 'center',\n  justifyContent: 'space-between'\n})\n\nconst LearnCardUser = styled(Box)({\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center'\n})\n\nconst LearnCardUserImage = styled(Box)({\n  width: 40,\n  height: 40,\n  borderRadius: '50%',\n  overflow: 'hidden',\n  ['& img']: {\n    width: '100%',\n    height: '100%',\n    objectFit: 'cover'\n  }\n})\n\nconst LearnCardUserName = styled(Typography)(({ theme }) => ({\n  color: '#a09ba8',\n  fontSize: 18,\n  fontWeight: 600,\n  marginLeft: 8,\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 16\n  }\n}))\n\nconst LearnCardDate = styled(Typography)(({ theme }) => ({\n  color: '#a09ba8',\n  fontSize: 18,\n  fontWeight: 600,\n  textAlign: 'right',\n  textTransform: 'uppercase',\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 16\n  }\n}))\n\nconst LearnCardTitle = styled(Typography)(({ theme }) => ({\n  fontSize: 20,\n  lineHeight: '28px',\n  fontWeight: 700,\n  padding: '0 24px 40px',\n  [theme.breakpoints.down('sm')]: {\n    textAlign: 'left',\n    fontSize: 18\n  }\n}))\n\nconst LearnExtraContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  margin: '72px 20px',\n  [theme.breakpoints.down('sm')]: {\n    flexDirection: 'column',\n    margin: 0,\n    paddingLeft: 16,\n    paddingRight: 16,\n    marginTop: 28,\n    marginBottom: 32,\n    width: 'calc(100% - 16px)'\n  }\n}))\n\nconst LearnExtraBlock = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  color: '#fff',\n  textAlign: 'center',\n  fontSize: 20,\n  fontWeight: 600,\n  lineHeight: '48px',\n  ['& a']: {\n    marginLeft: 16\n  },\n  [theme.breakpoints.down('lg')]: {\n    flexDirection: 'column'\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 18,\n    width: '100%',\n    ['& a']: {\n      marginLeft: 0,\n      width: '100%',\n      marginTop: 16\n    }\n  }\n}))\n\nexport {\n  LearnCard,\n  LearnCardDate,\n  LearnCardInfo,\n  LearnCardTitle,\n  LearnCardUser,\n  LearnCardUserImage,\n  LearnCardUserName,\n  LearnCardUserRow,\n  LearnCardVideoImage,\n  LearnCardsContainer,\n  LearnExtraBlock,\n  LearnExtraContainer,\n  LearnSection,\n  LearnTitle\n}\n","import { memo, useCallback } from 'react'\nimport { Button } from 'decentraland-ui2'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { learnCards } from '../data'\nimport { PlayIcon } from './PlayIcon'\nimport {\n  LearnCard,\n  LearnCardDate,\n  LearnCardInfo,\n  LearnCardTitle,\n  LearnCardUser,\n  LearnCardUserImage,\n  LearnCardUserName,\n  LearnCardUserRow,\n  LearnCardVideoImage,\n  LearnCardsContainer,\n  LearnExtraBlock,\n  LearnExtraContainer,\n  LearnSection,\n  LearnTitle\n} from './Learn.styled'\n\nconst CreatorsLearn = memo(() => {\n  const l = useFormatMessage()\n  const handleCardClick = useCallback((url: string) => {\n    window.open(url, '_blank')\n  }, [])\n\n  return (\n    <AnimatedSection>\n      <LearnSection>\n        <LearnTitle>\n          <span>{l('component.creators_landing.learn.title_highlight')}</span> {l('component.creators_landing.learn.title')}\n        </LearnTitle>\n        <LearnCardsContainer>\n          {learnCards.map(card => (\n            <LearnCard key={card.id} onClick={() => handleCardClick(card.url)}>\n              <LearnCardVideoImage>\n                <img src={card.image} alt={card.title} />\n                <PlayIcon />\n              </LearnCardVideoImage>\n              <LearnCardInfo>\n                <LearnCardUserRow>\n                  <LearnCardUser>\n                    <LearnCardUserImage>\n                      <img src={card.userImage} alt={card.name} />\n                    </LearnCardUserImage>\n                    <LearnCardUserName>{card.name}</LearnCardUserName>\n                  </LearnCardUser>\n                  <LearnCardDate>{card.date}</LearnCardDate>\n                </LearnCardUserRow>\n                <LearnCardTitle>{card.title}</LearnCardTitle>\n              </LearnCardInfo>\n            </LearnCard>\n          ))}\n        </LearnCardsContainer>\n        <LearnExtraContainer>\n          <LearnExtraBlock sx={{ marginRight: { xs: 0, md: '80px' } }}>\n            {l('component.creators_landing.learn.watch_more')}\n            <Button\n              variant=\"contained\"\n              component=\"a\"\n              href={l('component.creators_landing.learn.watch_more_target')}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {l('component.creators_landing.learn.watch_more_button')}\n            </Button>\n          </LearnExtraBlock>\n          <LearnExtraBlock sx={{ marginTop: { xs: '33px', md: 0 } }}>\n            {l('component.creators_landing.learn.your_tutorial')}\n            <Button\n              variant=\"outlined\"\n              component=\"a\"\n              href={l('component.creators_landing.learn.your_tutorial_target')}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              sx={{ backgroundColor: '#fff', color: '#43404a', ['&:hover']: { backgroundColor: '#e0e0e0' } }}\n            >\n              {l('component.creators_landing.learn.your_tutorial_button')}\n            </Button>\n          </LearnExtraBlock>\n        </LearnExtraContainer>\n      </LearnSection>\n    </AnimatedSection>\n  )\n})\n\nexport { CreatorsLearn }\n"],"names":["PlayIcon","memo","props","filterId","useId","jsxs","jsx","LearnSection","styled","LearnTitle","Typography","theme","LearnCardsContainer","Box","LearnCard","LearnCardVideoImage","LearnCardInfo","LearnCardUserRow","LearnCardUser","LearnCardUserImage","LearnCardUserName","LearnCardDate","LearnCardTitle","LearnExtraContainer","LearnExtraBlock","CreatorsLearn","l","useFormatMessage","handleCardClick","useCallback","url","AnimatedSection","learnCards","card","Button"],"mappings":"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"}

package/assets/{index-B9J5C5eN.js → index-DNCSZ9Ly.js}

@@ -1 +1 @@
-import{s as i,v as a,a as r,w as g,j as e}from"./index-BQ4lI5xX.js";import{r as s}from"./vendor-router-D_36sTKu.js";import{C as m}from"./Carousel-GdhNbXzm.js";import{A as h}from"./AnimatedSection-Dy2CqHWv.js";import{c as x}from"./index-HZ_h_54S.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./useCreatorHubDownload-htSWq2gm.js";import"./file-Cr_gl9BS.js";import"./url-CwO7t7Da.js";import"./index-g0lykA2w.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-G_F6A2kc.js";import"./CircularProgress-DcmGIHDk.js";import"./Video-CiAQnrOo.js";const f=i("section")(({theme:t})=>({display:"flex",flexDirection:"column",gap:"1em",width:"100%",marginTop:40,marginBottom:40,padding:0,position:"relative",[t.breakpoints.down("sm")]:{paddingLeft:t.spacing(4),paddingRight:t.spacing(4),overflow:"hidden"}})),b=i(a)(({theme:t})=>({textAlign:"center",fontSize:48,fontWeight:600,lineHeight:"77px",color:"#fcfcfc",marginTop:0,marginBottom:32,maxWidth:"80vw",marginLeft:"auto",marginRight:"auto","& span":{background:"linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[t.breakpoints.down("sm")]:{fontSize:32,lineHeight:"40px",letterSpacing:"-0.64px"}})),u=i(r)(({theme:t})=>({display:"flex",flexDirection:"row",background:"#242129",borderRadius:24,width:"100%",height:"100%",padding:32,alignItems:"center",[t.breakpoints.down("md")]:{flexDirection:"column",height:"auto",width:"100%",padding:0}})),k=i(r,{shouldForwardProp:t=>t!=="bgImage"})(({theme:t,bgImage:o})=>({height:"100%",flexShrink:0,backgroundImage:`url(${o})`,backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"cover",marginRight:24,width:"35%",minHeight:530,borderRadius:16,transition:"transform 0.3s ease-in-out","& img":{width:"100%",height:"100%",objectFit:"contain"},"@media (hover: hover)":{"&:hover":{transform:"scale(1.05)"}},[t.breakpoints.down("md")]:{height:223,minHeight:223,width:"100%",backgroundSize:"100%",borderRadius:"24px 24px 0 0",marginRight:0,position:"relative",overflow:"hidden","& img":{width:"auto",height:"100%",transform:"translate(-50%, -50%)",position:"absolute",left:"50%",top:"50%"}}})),j=i(r)(({theme:t})=>({display:"flex",flexDirection:"column",justifyContent:"flex-start",width:"calc(65% - 24px)",[t.breakpoints.down("md")]:{padding:"32px 0",margin:"0 8px 8px",width:"calc(100% - 16px)"}})),C=i(a)(({theme:t})=>({fontSize:24,fontWeight:600,lineHeight:"30px",marginBottom:8,[t.breakpoints.down("lg")]:{fontSize:20,lineHeight:"16px"}})),w=i(a)(({theme:t})=>({color:"#a09ba8",fontSize:18,fontWeight:400,lineHeight:"24px",marginBottom:16,marginTop:0,[t.breakpoints.down("lg")]:{fontSize:16}})),S=i(r)({display:"flex",flexDirection:"column"}),B=i(r)(({theme:t})=>({display:"flex",borderBottom:"none",height:24,marginBottom:24,[t.breakpoints.down("sm")]:{justifyContent:"center",marginBottom:24}})),c=i("button",{shouldForwardProp:t=>t!=="isActive"})(({theme:t,isActive:o})=>({background:"none",border:"none",borderBottom:o?"2px solid #fff":"2px solid transparent",color:o?"#fff":"#716b7c",textTransform:"uppercase",fontSize:14,lineHeight:"16px",padding:"0 0 8px",marginRight:24,fontWeight:o?600:500,cursor:"pointer",outline:"none","&:focus-visible":{outline:`2px solid ${t.palette.primary.main}`,outlineOffset:2},[t.breakpoints.down("sm")]:{padding:"8px 0 0",fontSize:16,marginRight:16}})),l=i(r)({borderRadius:16,background:"#43404a80",padding:"16px 24px",marginBottom:8,"&:last-child":{marginBottom:0}}),d=i(a)({fontSize:18,lineHeight:"20px",fontWeight:500,marginBottom:12}),T=i(a)({color:"#cfcdd4",fontSize:18,fontWeight:400,lineHeight:"24px",marginBottom:0}),v=i(r)({display:"flex",flexWrap:"wrap"}),y=i(r)({padding:"8px 16px",borderRadius:16,marginRight:8,marginBottom:8,background:"#43404a",fontSize:13,fontWeight:600,lineHeight:"normal",textTransform:"uppercase"}),z=i(r)(({theme:t})=>({display:"flex",flexWrap:"wrap",flexDirection:"row",[t.breakpoints.down("md")]:{flexDirection:"column"}})),R=i("a")({fontSize:16,lineHeight:"24px",fontWeight:500,textDecorationLine:"underline",color:"#ffa25a",width:"50%",marginBottom:8,display:"block","&:hover, &:active, &:visited, &:focus":{color:"#ffa25a"}}),p=s.memo(({tab:t})=>{const o=g();return e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[e.jsx(d,{children:t.descriptionTitle}),e.jsx(T,{children:t.descriptionSubTitle})]}),e.jsxs(l,{children:[e.jsx(d,{children:o("component.creators_landing.create.tab.required_skills")}),e.jsx(v,{children:t.skills.map(n=>e.jsx(y,{children:n},n))})]}),e.jsxs(l,{children:[e.jsx(d,{children:o("component.creators_landing.create.tab.useful_links")}),e.jsx(z,{children:t.links.map(n=>e.jsx(R,{href:n.url,target:"_blank",rel:"noopener noreferrer",children:n.label},n.url))})]})]})}),W=s.memo(({card:t})=>{const[o,n]=s.useState(t.tab1.title);return e.jsxs(u,{children:[e.jsx(k,{bgImage:t.imageBackground,children:e.jsx("img",{src:t.image,alt:t.title})}),e.jsxs(j,{children:[e.jsx(C,{children:t.title}),e.jsx(w,{children:t.description}),e.jsxs(S,{children:[t.tab2&&e.jsxs(B,{children:[e.jsx(c,{isActive:o===t.tab1.title,onClick:()=>n(t.tab1.title),children:t.tab1.title}),e.jsx(c,{isActive:o===t.tab2.title,onClick:()=>n(t.tab2.title),children:t.tab2.title})]}),o===t.tab1.title&&e.jsx(p,{tab:t.tab1}),t.tab2&&o===t.tab2.title&&e.jsx(p,{tab:t.tab2})]})]})]})}),H=t=>e.jsx(W,{card:t}),I=t=>t.id,X=s.memo(()=>{const t=g();return e.jsx(h,{children:e.jsxs(f,{children:[e.jsxs(b,{children:[t("component.creators_landing.create.title"),e.jsx("span",{children:t("component.creators_landing.create.title_highlight")}),t("component.creators_landing.create.title_second_part")]}),e.jsx(m,{items:x,renderItem:H,keyExtractor:I,slideWidth:1200,autoplayDelay:0})]})})});export{X as CreatorsCreate};
+import{s as i,v as a,a as r,w as g,j as e}from"./index-DaRevScO.js";import{r as s}from"./vendor-router-D_36sTKu.js";import{C as m}from"./Carousel-Bz36sWAV.js";import{A as h}from"./AnimatedSection-C7y4e9MO.js";import{c as x}from"./index-BqghIvCc.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./useCreatorHubDownload-CQ5sircD.js";import"./file-Cr_gl9BS.js";import"./url-DMbF6Zco.js";import"./index-mXhpN3cS.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-DIvER7jP.js";import"./CircularProgress-DMJbftwB.js";import"./Video-DF4ljNzn.js";const f=i("section")(({theme:t})=>({display:"flex",flexDirection:"column",gap:"1em",width:"100%",marginTop:40,marginBottom:40,padding:0,position:"relative",[t.breakpoints.down("sm")]:{paddingLeft:t.spacing(4),paddingRight:t.spacing(4),overflow:"hidden"}})),b=i(a)(({theme:t})=>({textAlign:"center",fontSize:48,fontWeight:600,lineHeight:"77px",color:"#fcfcfc",marginTop:0,marginBottom:32,maxWidth:"80vw",marginLeft:"auto",marginRight:"auto","& span":{background:"linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},[t.breakpoints.down("sm")]:{fontSize:32,lineHeight:"40px",letterSpacing:"-0.64px"}})),u=i(r)(({theme:t})=>({display:"flex",flexDirection:"row",background:"#242129",borderRadius:24,width:"100%",height:"100%",padding:32,alignItems:"center",[t.breakpoints.down("md")]:{flexDirection:"column",height:"auto",width:"100%",padding:0}})),k=i(r,{shouldForwardProp:t=>t!=="bgImage"})(({theme:t,bgImage:o})=>({height:"100%",flexShrink:0,backgroundImage:`url(${o})`,backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"cover",marginRight:24,width:"35%",minHeight:530,borderRadius:16,transition:"transform 0.3s ease-in-out","& img":{width:"100%",height:"100%",objectFit:"contain"},"@media (hover: hover)":{"&:hover":{transform:"scale(1.05)"}},[t.breakpoints.down("md")]:{height:223,minHeight:223,width:"100%",backgroundSize:"100%",borderRadius:"24px 24px 0 0",marginRight:0,position:"relative",overflow:"hidden","& img":{width:"auto",height:"100%",transform:"translate(-50%, -50%)",position:"absolute",left:"50%",top:"50%"}}})),j=i(r)(({theme:t})=>({display:"flex",flexDirection:"column",justifyContent:"flex-start",width:"calc(65% - 24px)",[t.breakpoints.down("md")]:{padding:"32px 0",margin:"0 8px 8px",width:"calc(100% - 16px)"}})),C=i(a)(({theme:t})=>({fontSize:24,fontWeight:600,lineHeight:"30px",marginBottom:8,[t.breakpoints.down("lg")]:{fontSize:20,lineHeight:"16px"}})),w=i(a)(({theme:t})=>({color:"#a09ba8",fontSize:18,fontWeight:400,lineHeight:"24px",marginBottom:16,marginTop:0,[t.breakpoints.down("lg")]:{fontSize:16}})),S=i(r)({display:"flex",flexDirection:"column"}),B=i(r)(({theme:t})=>({display:"flex",borderBottom:"none",height:24,marginBottom:24,[t.breakpoints.down("sm")]:{justifyContent:"center",marginBottom:24}})),c=i("button",{shouldForwardProp:t=>t!=="isActive"})(({theme:t,isActive:o})=>({background:"none",border:"none",borderBottom:o?"2px solid #fff":"2px solid transparent",color:o?"#fff":"#716b7c",textTransform:"uppercase",fontSize:14,lineHeight:"16px",padding:"0 0 8px",marginRight:24,fontWeight:o?600:500,cursor:"pointer",outline:"none","&:focus-visible":{outline:`2px solid ${t.palette.primary.main}`,outlineOffset:2},[t.breakpoints.down("sm")]:{padding:"8px 0 0",fontSize:16,marginRight:16}})),l=i(r)({borderRadius:16,background:"#43404a80",padding:"16px 24px",marginBottom:8,"&:last-child":{marginBottom:0}}),d=i(a)({fontSize:18,lineHeight:"20px",fontWeight:500,marginBottom:12}),T=i(a)({color:"#cfcdd4",fontSize:18,fontWeight:400,lineHeight:"24px",marginBottom:0}),v=i(r)({display:"flex",flexWrap:"wrap"}),y=i(r)({padding:"8px 16px",borderRadius:16,marginRight:8,marginBottom:8,background:"#43404a",fontSize:13,fontWeight:600,lineHeight:"normal",textTransform:"uppercase"}),z=i(r)(({theme:t})=>({display:"flex",flexWrap:"wrap",flexDirection:"row",[t.breakpoints.down("md")]:{flexDirection:"column"}})),R=i("a")({fontSize:16,lineHeight:"24px",fontWeight:500,textDecorationLine:"underline",color:"#ffa25a",width:"50%",marginBottom:8,display:"block","&:hover, &:active, &:visited, &:focus":{color:"#ffa25a"}}),p=s.memo(({tab:t})=>{const o=g();return e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[e.jsx(d,{children:t.descriptionTitle}),e.jsx(T,{children:t.descriptionSubTitle})]}),e.jsxs(l,{children:[e.jsx(d,{children:o("component.creators_landing.create.tab.required_skills")}),e.jsx(v,{children:t.skills.map(n=>e.jsx(y,{children:n},n))})]}),e.jsxs(l,{children:[e.jsx(d,{children:o("component.creators_landing.create.tab.useful_links")}),e.jsx(z,{children:t.links.map(n=>e.jsx(R,{href:n.url,target:"_blank",rel:"noopener noreferrer",children:n.label},n.url))})]})]})}),W=s.memo(({card:t})=>{const[o,n]=s.useState(t.tab1.title);return e.jsxs(u,{children:[e.jsx(k,{bgImage:t.imageBackground,children:e.jsx("img",{src:t.image,alt:t.title})}),e.jsxs(j,{children:[e.jsx(C,{children:t.title}),e.jsx(w,{children:t.description}),e.jsxs(S,{children:[t.tab2&&e.jsxs(B,{children:[e.jsx(c,{isActive:o===t.tab1.title,onClick:()=>n(t.tab1.title),children:t.tab1.title}),e.jsx(c,{isActive:o===t.tab2.title,onClick:()=>n(t.tab2.title),children:t.tab2.title})]}),o===t.tab1.title&&e.jsx(p,{tab:t.tab1}),t.tab2&&o===t.tab2.title&&e.jsx(p,{tab:t.tab2})]})]})]})}),H=t=>e.jsx(W,{card:t}),I=t=>t.id,X=s.memo(()=>{const t=g();return e.jsx(h,{children:e.jsxs(f,{children:[e.jsxs(b,{children:[t("component.creators_landing.create.title"),e.jsx("span",{children:t("component.creators_landing.create.title_highlight")}),t("component.creators_landing.create.title_second_part")]}),e.jsx(m,{items:x,renderItem:H,keyExtractor:I,slideWidth:1200,autoplayDelay:0})]})})});export{X as CreatorsCreate};

package/assets/{index-B9J5C5eN.js.map → index-DNCSZ9Ly.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B9J5C5eN.js","sources":["../../src/components/Create/CreateCards/CreateCards.styled.ts","../../src/components/Create/CreateCards/CreateCards.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst CreateSection = styled('section')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '1em',\n  width: '100%',\n  marginTop: 40,\n  marginBottom: 40,\n  padding: 0,\n  position: 'relative',\n  [theme.breakpoints.down('sm')]: {\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n    overflow: 'hidden'\n  }\n}))\n\nconst CreateTitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: 48,\n  fontWeight: 600,\n  lineHeight: '77px',\n  color: '#fcfcfc',\n  marginTop: 0,\n  marginBottom: 32,\n  maxWidth: '80vw',\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  ['& span']: {\n    background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n    backgroundClip: 'text',\n    ['WebkitBackgroundClip' as string]: 'text',\n    ['WebkitTextFillColor' as string]: 'transparent'\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 32,\n    lineHeight: '40px',\n    letterSpacing: '-0.64px'\n  }\n}))\n\nconst CreateCardContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'row',\n  background: '#242129',\n  borderRadius: 24,\n  width: '100%',\n  height: '100%',\n  padding: 32,\n  alignItems: 'center',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column',\n    height: 'auto',\n    width: '100%',\n    padding: 0\n  }\n}))\n\nconst CreateCardImage = styled(Box, {\n  shouldForwardProp: prop => prop !== 'bgImage'\n})<{ bgImage: string }>(({ theme, bgImage }) => ({\n  height: '100%',\n  flexShrink: 0,\n  backgroundImage: `url(${bgImage})`,\n  backgroundRepeat: 'no-repeat',\n  backgroundPosition: 'center',\n  backgroundSize: 'cover',\n  marginRight: 24,\n  width: '35%',\n  minHeight: 530,\n  borderRadius: 16,\n  transition: 'transform 0.3s ease-in-out',\n  ['& img']: {\n    width: '100%',\n    height: '100%',\n    objectFit: 'contain'\n  },\n  ['@media (hover: hover)']: {\n    ['&:hover']: {\n      transform: 'scale(1.05)'\n    }\n  },\n  [theme.breakpoints.down('md')]: {\n    height: 223,\n    minHeight: 223,\n    width: '100%',\n    backgroundSize: '100%',\n    borderRadius: '24px 24px 0 0',\n    marginRight: 0,\n    position: 'relative',\n    overflow: 'hidden',\n    ['& img']: {\n      width: 'auto',\n      height: '100%',\n      transform: 'translate(-50%, -50%)',\n      position: 'absolute',\n      left: '50%',\n      top: '50%'\n    }\n  }\n}))\n\nconst CreateCardInfo = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'flex-start',\n  width: 'calc(65% - 24px)',\n  [theme.breakpoints.down('md')]: {\n    padding: '32px 0',\n    margin: '0 8px 8px',\n    width: 'calc(100% - 16px)'\n  }\n}))\n\nconst CreateCardTitle = styled(Typography)(({ theme }) => ({\n  fontSize: 24,\n  fontWeight: 600,\n  lineHeight: '30px',\n  marginBottom: 8,\n  [theme.breakpoints.down('lg')]: {\n    fontSize: 20,\n    lineHeight: '16px'\n  }\n}))\n\nconst CreateCardDescription = styled(Typography)(({ theme }) => ({\n  color: '#a09ba8',\n  fontSize: 18,\n  fontWeight: 400,\n  lineHeight: '24px',\n  marginBottom: 16,\n  marginTop: 0,\n  [theme.breakpoints.down('lg')]: {\n    fontSize: 16\n  }\n}))\n\nconst TabContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column'\n})\n\nconst TabButtons = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  borderBottom: 'none',\n  height: 24,\n  marginBottom: 24,\n  [theme.breakpoints.down('sm')]: {\n    justifyContent: 'center',\n    marginBottom: 24\n  }\n}))\n\nconst TabButton = styled('button', {\n  shouldForwardProp: prop => prop !== 'isActive'\n})<{ isActive: boolean }>(({ theme, isActive }) => ({\n  background: 'none',\n  border: 'none',\n  borderBottom: isActive ? '2px solid #fff' : '2px solid transparent',\n  color: isActive ? '#fff' : '#716b7c',\n  textTransform: 'uppercase',\n  fontSize: 14,\n  lineHeight: '16px',\n  padding: '0 0 8px',\n  marginRight: 24,\n  fontWeight: isActive ? 600 : 500,\n  cursor: 'pointer',\n  outline: 'none',\n  ['&:focus-visible']: {\n    outline: `2px solid ${theme.palette.primary.main}`,\n    outlineOffset: 2\n  },\n  [theme.breakpoints.down('sm')]: {\n    padding: '8px 0 0',\n    fontSize: 16,\n    marginRight: 16\n  }\n}))\n\nconst TabInfoBlock = styled(Box)({\n  borderRadius: 16,\n  background: '#43404a80',\n  padding: '16px 24px',\n  marginBottom: 8,\n  ['&:last-child']: {\n    marginBottom: 0\n  }\n})\n\nconst TabInfoTitle = styled(Typography)({\n  fontSize: 18,\n  lineHeight: '20px',\n  fontWeight: 500,\n  marginBottom: 12\n})\n\nconst TabInfoSubtitle = styled(Typography)({\n  color: '#cfcdd4',\n  fontSize: 18,\n  fontWeight: 400,\n  lineHeight: '24px',\n  marginBottom: 0\n})\n\nconst SkillsContainer = styled(Box)({\n  display: 'flex',\n  flexWrap: 'wrap'\n})\n\nconst SkillBadge = styled(Box)({\n  padding: '8px 16px',\n  borderRadius: 16,\n  marginRight: 8,\n  marginBottom: 8,\n  background: '#43404a',\n  fontSize: 13,\n  fontWeight: 600,\n  lineHeight: 'normal',\n  textTransform: 'uppercase'\n})\n\nconst LinksContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  flexDirection: 'row',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column'\n  }\n}))\n\nconst LinkItem = styled('a')({\n  fontSize: 16,\n  lineHeight: '24px',\n  fontWeight: 500,\n  textDecorationLine: 'underline',\n  color: '#ffa25a',\n  width: '50%',\n  marginBottom: 8,\n  display: 'block',\n  ['&:hover, &:active, &:visited, &:focus']: {\n    color: '#ffa25a'\n  }\n})\n\nexport {\n  CreateCardContainer,\n  CreateCardDescription,\n  CreateCardImage,\n  CreateCardInfo,\n  CreateCardTitle,\n  CreateSection,\n  CreateTitle,\n  LinkItem,\n  LinksContainer,\n  SkillBadge,\n  SkillsContainer,\n  TabButton,\n  TabButtons,\n  TabContainer,\n  TabInfoBlock,\n  TabInfoSubtitle,\n  TabInfoTitle\n}\n","import { memo, useState } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { Carousel } from '../../Carousel'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { createCards } from '../data'\nimport type { CreateCardData, CreateCardTab } from '../data'\nimport {\n  CreateCardContainer,\n  CreateCardDescription,\n  CreateCardImage,\n  CreateCardInfo,\n  CreateCardTitle,\n  CreateSection,\n  CreateTitle,\n  LinkItem,\n  LinksContainer,\n  SkillBadge,\n  SkillsContainer,\n  TabButton,\n  TabButtons,\n  TabContainer,\n  TabInfoBlock,\n  TabInfoSubtitle,\n  TabInfoTitle\n} from './CreateCards.styled'\n\ntype CreateTabContentProps = {\n  tab: CreateCardTab\n}\n\nconst CreateTabContent = memo(({ tab }: CreateTabContentProps) => {\n  const l = useFormatMessage()\n\n  return (\n    <>\n      <TabInfoBlock>\n        <TabInfoTitle>{tab.descriptionTitle}</TabInfoTitle>\n        <TabInfoSubtitle>{tab.descriptionSubTitle}</TabInfoSubtitle>\n      </TabInfoBlock>\n      <TabInfoBlock>\n        <TabInfoTitle>{l('component.creators_landing.create.tab.required_skills')}</TabInfoTitle>\n        <SkillsContainer>\n          {tab.skills.map(skill => (\n            <SkillBadge key={skill}>{skill}</SkillBadge>\n          ))}\n        </SkillsContainer>\n      </TabInfoBlock>\n      <TabInfoBlock>\n        <TabInfoTitle>{l('component.creators_landing.create.tab.useful_links')}</TabInfoTitle>\n        <LinksContainer>\n          {tab.links.map(link => (\n            <LinkItem key={link.url} href={link.url} target=\"_blank\" rel=\"noopener noreferrer\">\n              {link.label}\n            </LinkItem>\n          ))}\n        </LinksContainer>\n      </TabInfoBlock>\n    </>\n  )\n})\n\ntype CreateCardProps = {\n  card: CreateCardData\n}\n\nconst CreateCard = memo(({ card }: CreateCardProps) => {\n  const [activeTab, setActiveTab] = useState(card.tab1.title)\n\n  return (\n    <CreateCardContainer>\n      <CreateCardImage bgImage={card.imageBackground}>\n        <img src={card.image} alt={card.title} />\n      </CreateCardImage>\n      <CreateCardInfo>\n        <CreateCardTitle>{card.title}</CreateCardTitle>\n        <CreateCardDescription>{card.description}</CreateCardDescription>\n        <TabContainer>\n          {card.tab2 && (\n            <TabButtons>\n              <TabButton isActive={activeTab === card.tab1.title} onClick={() => setActiveTab(card.tab1.title)}>\n                {card.tab1.title}\n              </TabButton>\n              <TabButton isActive={activeTab === card.tab2.title} onClick={() => setActiveTab(card.tab2!.title)}>\n                {card.tab2.title}\n              </TabButton>\n            </TabButtons>\n          )}\n          {activeTab === card.tab1.title && <CreateTabContent tab={card.tab1} />}\n          {card.tab2 && activeTab === card.tab2.title && <CreateTabContent tab={card.tab2} />}\n        </TabContainer>\n      </CreateCardInfo>\n    </CreateCardContainer>\n  )\n})\n\nconst renderCard = (card: CreateCardData) => <CreateCard card={card} />\nconst keyExtractor = (card: CreateCardData) => card.id\n\nconst CreatorsCreate = memo(() => {\n  const l = useFormatMessage()\n  return (\n    <AnimatedSection>\n      <CreateSection>\n        <CreateTitle>\n          {l('component.creators_landing.create.title')}\n          <span>{l('component.creators_landing.create.title_highlight')}</span>\n          {l('component.creators_landing.create.title_second_part')}\n        </CreateTitle>\n        <Carousel items={createCards} renderItem={renderCard} keyExtractor={keyExtractor} slideWidth={1200} autoplayDelay={0} />\n      </CreateSection>\n    </AnimatedSection>\n  )\n})\n\nexport { CreatorsCreate }\n"],"names":["CreateSection","styled","theme","CreateTitle","Typography","CreateCardContainer","Box","CreateCardImage","prop","bgImage","CreateCardInfo","CreateCardTitle","CreateCardDescription","TabContainer","TabButtons","TabButton","isActive","TabInfoBlock","TabInfoTitle","TabInfoSubtitle","SkillsContainer","SkillBadge","LinksContainer","LinkItem","CreateTabContent","memo","tab","l","useFormatMessage","jsxs","Fragment","jsx","skill","link","CreateCard","card","activeTab","setActiveTab","useState","renderCard","keyExtractor","CreatorsCreate","AnimatedSection","Carousel","createCards"],"mappings":"qrBAEA,MAAMA,EAAgBC,EAAO,SAAS,EAAE,CAAC,CAAE,MAAAC,MAAa,CACtD,QAAS,OACT,cAAe,SACf,IAAK,MACL,MAAO,OACP,UAAW,GACX,aAAc,GACd,QAAS,EACT,SAAU,WACV,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,YAAaA,EAAM,QAAQ,CAAC,EAC5B,aAAcA,EAAM,QAAQ,CAAC,EAC7B,SAAU,QAAA,CAEd,EAAE,EAEIC,EAAcF,EAAOG,CAAU,EAAE,CAAC,CAAE,MAAAF,MAAa,CACrD,UAAW,SACX,SAAU,GACV,WAAY,IACZ,WAAY,OACZ,MAAO,UACP,UAAW,EACX,aAAc,GACd,SAAU,OACV,WAAY,OACZ,YAAa,OACZ,SAAW,CACV,WAAY,2DACZ,eAAgB,OACf,qBAAmC,OACnC,oBAAkC,aAAA,EAErC,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,SAAU,GACV,WAAY,OACZ,cAAe,SAAA,CAEnB,EAAE,EAEIG,EAAsBJ,EAAOK,CAAG,EAAE,CAAC,CAAE,MAAAJ,MAAa,CACtD,QAAS,OACT,cAAe,MACf,WAAY,UACZ,aAAc,GACd,MAAO,OACP,OAAQ,OACR,QAAS,GACT,WAAY,SACZ,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,cAAe,SACf,OAAQ,OACR,MAAO,OACP,QAAS,CAAA,CAEb,EAAE,EAEIK,EAAkBN,EAAOK,EAAK,CAClC,qBAA2BE,IAAS,SACtC,CAAC,EAAuB,CAAC,CAAE,MAAAN,EAAO,QAAAO,MAAe,CAC/C,OAAQ,OACR,WAAY,EACZ,gBAAiB,OAAOA,CAAO,IAC/B,iBAAkB,YAClB,mBAAoB,SACpB,eAAgB,QAChB,YAAa,GACb,MAAO,MACP,UAAW,IACX,aAAc,GACd,WAAY,6BACX,QAAU,CACT,MAAO,OACP,OAAQ,OACR,UAAW,SAAA,EAEZ,wBAA0B,CACxB,UAAY,CACX,UAAW,aAAA,CACb,EAEF,CAACP,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,OAAQ,IACR,UAAW,IACX,MAAO,OACP,eAAgB,OAChB,aAAc,gBACd,YAAa,EACb,SAAU,WACV,SAAU,SACT,QAAU,CACT,MAAO,OACP,OAAQ,OACR,UAAW,wBACX,SAAU,WACV,KAAM,MACN,IAAK,KAAA,CACP,CAEJ,EAAE,EAEIQ,EAAiBT,EAAOK,CAAG,EAAE,CAAC,CAAE,MAAAJ,MAAa,CACjD,QAAS,OACT,cAAe,SACf,eAAgB,aAChB,MAAO,mBACP,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,QAAS,SACT,OAAQ,YACR,MAAO,mBAAA,CAEX,EAAE,EAEIS,EAAkBV,EAAOG,CAAU,EAAE,CAAC,CAAE,MAAAF,MAAa,CACzD,SAAU,GACV,WAAY,IACZ,WAAY,OACZ,aAAc,EACd,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,SAAU,GACV,WAAY,MAAA,CAEhB,EAAE,EAEIU,EAAwBX,EAAOG,CAAU,EAAE,CAAC,CAAE,MAAAF,MAAa,CAC/D,MAAO,UACP,SAAU,GACV,WAAY,IACZ,WAAY,OACZ,aAAc,GACd,UAAW,EACX,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,SAAU,EAAA,CAEd,EAAE,EAEIW,EAAeZ,EAAOK,CAAG,EAAE,CAC/B,QAAS,OACT,cAAe,QACjB,CAAC,EAEKQ,EAAab,EAAOK,CAAG,EAAE,CAAC,CAAE,MAAAJ,MAAa,CAC7C,QAAS,OACT,aAAc,OACd,OAAQ,GACR,aAAc,GACd,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,eAAgB,SAChB,aAAc,EAAA,CAElB,EAAE,EAEIa,EAAYd,EAAO,SAAU,CACjC,qBAA2BO,IAAS,UACtC,CAAC,EAAyB,CAAC,CAAE,MAAAN,EAAO,SAAAc,MAAgB,CAClD,WAAY,OACZ,OAAQ,OACR,aAAcA,EAAW,iBAAmB,wBAC5C,MAAOA,EAAW,OAAS,UAC3B,cAAe,YACf,SAAU,GACV,WAAY,OACZ,QAAS,UACT,YAAa,GACb,WAAYA,EAAW,IAAM,IAC7B,OAAQ,UACR,QAAS,OACR,kBAAoB,CACnB,QAAS,aAAad,EAAM,QAAQ,QAAQ,IAAI,GAChD,cAAe,CAAA,EAEjB,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,QAAS,UACT,SAAU,GACV,YAAa,EAAA,CAEjB,EAAE,EAEIe,EAAehB,EAAOK,CAAG,EAAE,CAC/B,aAAc,GACd,WAAY,YACZ,QAAS,YACT,aAAc,EACb,eAAiB,CAChB,aAAc,CAAA,CAElB,CAAC,EAEKY,EAAejB,EAAOG,CAAU,EAAE,CACtC,SAAU,GACV,WAAY,OACZ,WAAY,IACZ,aAAc,EAChB,CAAC,EAEKe,EAAkBlB,EAAOG,CAAU,EAAE,CACzC,MAAO,UACP,SAAU,GACV,WAAY,IACZ,WAAY,OACZ,aAAc,CAChB,CAAC,EAEKgB,EAAkBnB,EAAOK,CAAG,EAAE,CAClC,QAAS,OACT,SAAU,MACZ,CAAC,EAEKe,EAAapB,EAAOK,CAAG,EAAE,CAC7B,QAAS,WACT,aAAc,GACd,YAAa,EACb,aAAc,EACd,WAAY,UACZ,SAAU,GACV,WAAY,IACZ,WAAY,SACZ,cAAe,WACjB,CAAC,EAEKgB,EAAiBrB,EAAOK,CAAG,EAAE,CAAC,CAAE,MAAAJ,MAAa,CACjD,QAAS,OACT,SAAU,OACV,cAAe,MACf,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,cAAe,QAAA,CAEnB,EAAE,EAEIqB,EAAWtB,EAAO,GAAG,EAAE,CAC3B,SAAU,GACV,WAAY,OACZ,WAAY,IACZ,mBAAoB,YACpB,MAAO,UACP,MAAO,MACP,aAAc,EACd,QAAS,QACR,wCAA0C,CACzC,MAAO,SAAA,CAEX,CAAC,ECrNKuB,EAAmBC,EAAAA,KAAK,CAAC,CAAE,IAAAC,KAAiC,CAChE,MAAMC,EAAIC,EAAA,EAEV,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAD,OAACZ,EAAA,CACC,SAAA,CAAAc,EAAAA,IAACb,EAAA,CAAc,WAAI,gBAAA,CAAiB,EACpCa,EAAAA,IAACZ,EAAA,CAAiB,SAAAO,EAAI,mBAAA,CAAoB,CAAA,EAC5C,SACCT,EAAA,CACC,SAAA,CAAAc,EAAAA,IAACb,EAAA,CAAc,SAAAS,EAAE,uDAAuD,CAAA,CAAE,EAC1EI,EAAAA,IAACX,EAAA,CACE,SAAAM,EAAI,OAAO,IAAIM,GACdD,EAAAA,IAACV,EAAA,CAAwB,SAAAW,CAAA,EAARA,CAAc,CAChC,CAAA,CACH,CAAA,EACF,SACCf,EAAA,CACC,SAAA,CAAAc,EAAAA,IAACb,EAAA,CAAc,SAAAS,EAAE,oDAAoD,CAAA,CAAE,EACvEI,EAAAA,IAACT,GACE,SAAAI,EAAI,MAAM,IAAIO,GACbF,MAACR,GAAwB,KAAMU,EAAK,IAAK,OAAO,SAAS,IAAI,sBAC1D,SAAAA,EAAK,OADOA,EAAK,GAEpB,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,CAEJ,CAAC,EAMKC,EAAaT,EAAAA,KAAK,CAAC,CAAE,KAAAU,KAA4B,CACrD,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAASH,EAAK,KAAK,KAAK,EAE1D,cACG9B,EAAA,CACC,SAAA,CAAA0B,EAAAA,IAACxB,EAAA,CAAgB,QAAS4B,EAAK,gBAC7B,SAAAJ,MAAC,MAAA,CAAI,IAAKI,EAAK,MAAO,IAAKA,EAAK,KAAA,CAAO,EACzC,SACCzB,EAAA,CACC,SAAA,CAAAqB,EAAAA,IAACpB,EAAA,CAAiB,WAAK,KAAA,CAAM,EAC7BoB,EAAAA,IAACnB,EAAA,CAAuB,SAAAuB,EAAK,WAAA,CAAY,SACxCtB,EAAA,CACE,SAAA,CAAAsB,EAAK,aACHrB,EAAA,CACC,SAAA,CAAAiB,EAAAA,IAAChB,EAAA,CAAU,SAAUqB,IAAcD,EAAK,KAAK,MAAO,QAAS,IAAME,EAAaF,EAAK,KAAK,KAAK,EAC5F,SAAAA,EAAK,KAAK,MACb,QACCpB,EAAA,CAAU,SAAUqB,IAAcD,EAAK,KAAK,MAAO,QAAS,IAAME,EAAaF,EAAK,KAAM,KAAK,EAC7F,SAAAA,EAAK,KAAK,KAAA,CACb,CAAA,EACF,EAEDC,IAAcD,EAAK,KAAK,aAAUX,EAAA,CAAiB,IAAKW,EAAK,KAAM,EACnEA,EAAK,MAAQC,IAAcD,EAAK,KAAK,OAASJ,EAAAA,IAACP,EAAA,CAAiB,IAAKW,EAAK,IAAA,CAAM,CAAA,CAAA,CACnF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ,CAAC,EAEKI,EAAcJ,GAAyBJ,EAAAA,IAACG,GAAW,KAAAC,CAAA,CAAY,EAC/DK,EAAgBL,GAAyBA,EAAK,GAE9CM,EAAiBhB,EAAAA,KAAK,IAAM,CAChC,MAAME,EAAIC,EAAA,EACV,OACEG,EAAAA,IAACW,EAAA,CACC,SAAAb,EAAAA,KAAC7B,EAAA,CACC,SAAA,CAAA6B,OAAC1B,EAAA,CACE,SAAA,CAAAwB,EAAE,yCAAyC,EAC5CI,EAAAA,IAAC,OAAA,CAAM,SAAAJ,EAAE,mDAAmD,CAAA,CAAE,EAC7DA,EAAE,qDAAqD,CAAA,EAC1D,EACAI,EAAAA,IAACY,EAAA,CAAS,MAAOC,EAAa,WAAYL,EAAY,aAAAC,EAA4B,WAAY,KAAM,cAAe,CAAA,CAAG,CAAA,CAAA,CACxH,CAAA,CACF,CAEJ,CAAC"}
+{"version":3,"file":"index-DNCSZ9Ly.js","sources":["../../src/components/Create/CreateCards/CreateCards.styled.ts","../../src/components/Create/CreateCards/CreateCards.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst CreateSection = styled('section')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '1em',\n  width: '100%',\n  marginTop: 40,\n  marginBottom: 40,\n  padding: 0,\n  position: 'relative',\n  [theme.breakpoints.down('sm')]: {\n    paddingLeft: theme.spacing(4),\n    paddingRight: theme.spacing(4),\n    overflow: 'hidden'\n  }\n}))\n\nconst CreateTitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: 48,\n  fontWeight: 600,\n  lineHeight: '77px',\n  color: '#fcfcfc',\n  marginTop: 0,\n  marginBottom: 32,\n  maxWidth: '80vw',\n  marginLeft: 'auto',\n  marginRight: 'auto',\n  ['& span']: {\n    background: 'linear-gradient(244deg, #ff2d55 -11.67%, #ffbc5b 88.23%)',\n    backgroundClip: 'text',\n    ['WebkitBackgroundClip' as string]: 'text',\n    ['WebkitTextFillColor' as string]: 'transparent'\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: 32,\n    lineHeight: '40px',\n    letterSpacing: '-0.64px'\n  }\n}))\n\nconst CreateCardContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'row',\n  background: '#242129',\n  borderRadius: 24,\n  width: '100%',\n  height: '100%',\n  padding: 32,\n  alignItems: 'center',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column',\n    height: 'auto',\n    width: '100%',\n    padding: 0\n  }\n}))\n\nconst CreateCardImage = styled(Box, {\n  shouldForwardProp: prop => prop !== 'bgImage'\n})<{ bgImage: string }>(({ theme, bgImage }) => ({\n  height: '100%',\n  flexShrink: 0,\n  backgroundImage: `url(${bgImage})`,\n  backgroundRepeat: 'no-repeat',\n  backgroundPosition: 'center',\n  backgroundSize: 'cover',\n  marginRight: 24,\n  width: '35%',\n  minHeight: 530,\n  borderRadius: 16,\n  transition: 'transform 0.3s ease-in-out',\n  ['& img']: {\n    width: '100%',\n    height: '100%',\n    objectFit: 'contain'\n  },\n  ['@media (hover: hover)']: {\n    ['&:hover']: {\n      transform: 'scale(1.05)'\n    }\n  },\n  [theme.breakpoints.down('md')]: {\n    height: 223,\n    minHeight: 223,\n    width: '100%',\n    backgroundSize: '100%',\n    borderRadius: '24px 24px 0 0',\n    marginRight: 0,\n    position: 'relative',\n    overflow: 'hidden',\n    ['& img']: {\n      width: 'auto',\n      height: '100%',\n      transform: 'translate(-50%, -50%)',\n      position: 'absolute',\n      left: '50%',\n      top: '50%'\n    }\n  }\n}))\n\nconst CreateCardInfo = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'flex-start',\n  width: 'calc(65% - 24px)',\n  [theme.breakpoints.down('md')]: {\n    padding: '32px 0',\n    margin: '0 8px 8px',\n    width: 'calc(100% - 16px)'\n  }\n}))\n\nconst CreateCardTitle = styled(Typography)(({ theme }) => ({\n  fontSize: 24,\n  fontWeight: 600,\n  lineHeight: '30px',\n  marginBottom: 8,\n  [theme.breakpoints.down('lg')]: {\n    fontSize: 20,\n    lineHeight: '16px'\n  }\n}))\n\nconst CreateCardDescription = styled(Typography)(({ theme }) => ({\n  color: '#a09ba8',\n  fontSize: 18,\n  fontWeight: 400,\n  lineHeight: '24px',\n  marginBottom: 16,\n  marginTop: 0,\n  [theme.breakpoints.down('lg')]: {\n    fontSize: 16\n  }\n}))\n\nconst TabContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column'\n})\n\nconst TabButtons = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  borderBottom: 'none',\n  height: 24,\n  marginBottom: 24,\n  [theme.breakpoints.down('sm')]: {\n    justifyContent: 'center',\n    marginBottom: 24\n  }\n}))\n\nconst TabButton = styled('button', {\n  shouldForwardProp: prop => prop !== 'isActive'\n})<{ isActive: boolean }>(({ theme, isActive }) => ({\n  background: 'none',\n  border: 'none',\n  borderBottom: isActive ? '2px solid #fff' : '2px solid transparent',\n  color: isActive ? '#fff' : '#716b7c',\n  textTransform: 'uppercase',\n  fontSize: 14,\n  lineHeight: '16px',\n  padding: '0 0 8px',\n  marginRight: 24,\n  fontWeight: isActive ? 600 : 500,\n  cursor: 'pointer',\n  outline: 'none',\n  ['&:focus-visible']: {\n    outline: `2px solid ${theme.palette.primary.main}`,\n    outlineOffset: 2\n  },\n  [theme.breakpoints.down('sm')]: {\n    padding: '8px 0 0',\n    fontSize: 16,\n    marginRight: 16\n  }\n}))\n\nconst TabInfoBlock = styled(Box)({\n  borderRadius: 16,\n  background: '#43404a80',\n  padding: '16px 24px',\n  marginBottom: 8,\n  ['&:last-child']: {\n    marginBottom: 0\n  }\n})\n\nconst TabInfoTitle = styled(Typography)({\n  fontSize: 18,\n  lineHeight: '20px',\n  fontWeight: 500,\n  marginBottom: 12\n})\n\nconst TabInfoSubtitle = styled(Typography)({\n  color: '#cfcdd4',\n  fontSize: 18,\n  fontWeight: 400,\n  lineHeight: '24px',\n  marginBottom: 0\n})\n\nconst SkillsContainer = styled(Box)({\n  display: 'flex',\n  flexWrap: 'wrap'\n})\n\nconst SkillBadge = styled(Box)({\n  padding: '8px 16px',\n  borderRadius: 16,\n  marginRight: 8,\n  marginBottom: 8,\n  background: '#43404a',\n  fontSize: 13,\n  fontWeight: 600,\n  lineHeight: 'normal',\n  textTransform: 'uppercase'\n})\n\nconst LinksContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  flexDirection: 'row',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column'\n  }\n}))\n\nconst LinkItem = styled('a')({\n  fontSize: 16,\n  lineHeight: '24px',\n  fontWeight: 500,\n  textDecorationLine: 'underline',\n  color: '#ffa25a',\n  width: '50%',\n  marginBottom: 8,\n  display: 'block',\n  ['&:hover, &:active, &:visited, &:focus']: {\n    color: '#ffa25a'\n  }\n})\n\nexport {\n  CreateCardContainer,\n  CreateCardDescription,\n  CreateCardImage,\n  CreateCardInfo,\n  CreateCardTitle,\n  CreateSection,\n  CreateTitle,\n  LinkItem,\n  LinksContainer,\n  SkillBadge,\n  SkillsContainer,\n  TabButton,\n  TabButtons,\n  TabContainer,\n  TabInfoBlock,\n  TabInfoSubtitle,\n  TabInfoTitle\n}\n","import { memo, useState } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { Carousel } from '../../Carousel'\nimport { AnimatedSection } from '../AnimatedSection'\nimport { createCards } from '../data'\nimport type { CreateCardData, CreateCardTab } from '../data'\nimport {\n  CreateCardContainer,\n  CreateCardDescription,\n  CreateCardImage,\n  CreateCardInfo,\n  CreateCardTitle,\n  CreateSection,\n  CreateTitle,\n  LinkItem,\n  LinksContainer,\n  SkillBadge,\n  SkillsContainer,\n  TabButton,\n  TabButtons,\n  TabContainer,\n  TabInfoBlock,\n  TabInfoSubtitle,\n  TabInfoTitle\n} from './CreateCards.styled'\n\ntype CreateTabContentProps = {\n  tab: CreateCardTab\n}\n\nconst CreateTabContent = memo(({ tab }: CreateTabContentProps) => {\n  const l = useFormatMessage()\n\n  return (\n    <>\n      <TabInfoBlock>\n        <TabInfoTitle>{tab.descriptionTitle}</TabInfoTitle>\n        <TabInfoSubtitle>{tab.descriptionSubTitle}</TabInfoSubtitle>\n      </TabInfoBlock>\n      <TabInfoBlock>\n        <TabInfoTitle>{l('component.creators_landing.create.tab.required_skills')}</TabInfoTitle>\n        <SkillsContainer>\n          {tab.skills.map(skill => (\n            <SkillBadge key={skill}>{skill}</SkillBadge>\n          ))}\n        </SkillsContainer>\n      </TabInfoBlock>\n      <TabInfoBlock>\n        <TabInfoTitle>{l('component.creators_landing.create.tab.useful_links')}</TabInfoTitle>\n        <LinksContainer>\n          {tab.links.map(link => (\n            <LinkItem key={link.url} href={link.url} target=\"_blank\" rel=\"noopener noreferrer\">\n              {link.label}\n            </LinkItem>\n          ))}\n        </LinksContainer>\n      </TabInfoBlock>\n    </>\n  )\n})\n\ntype CreateCardProps = {\n  card: CreateCardData\n}\n\nconst CreateCard = memo(({ card }: CreateCardProps) => {\n  const [activeTab, setActiveTab] = useState(card.tab1.title)\n\n  return (\n    <CreateCardContainer>\n      <CreateCardImage bgImage={card.imageBackground}>\n        <img src={card.image} alt={card.title} />\n      </CreateCardImage>\n      <CreateCardInfo>\n        <CreateCardTitle>{card.title}</CreateCardTitle>\n        <CreateCardDescription>{card.description}</CreateCardDescription>\n        <TabContainer>\n          {card.tab2 && (\n            <TabButtons>\n              <TabButton isActive={activeTab === card.tab1.title} onClick={() => setActiveTab(card.tab1.title)}>\n                {card.tab1.title}\n              </TabButton>\n              <TabButton isActive={activeTab === card.tab2.title} onClick={() => setActiveTab(card.tab2!.title)}>\n                {card.tab2.title}\n              </TabButton>\n            </TabButtons>\n          )}\n          {activeTab === card.tab1.title && <CreateTabContent tab={card.tab1} />}\n          {card.tab2 && activeTab === card.tab2.title && <CreateTabContent tab={card.tab2} />}\n        </TabContainer>\n      </CreateCardInfo>\n    </CreateCardContainer>\n  )\n})\n\nconst renderCard = (card: CreateCardData) => <CreateCard card={card} />\nconst keyExtractor = (card: CreateCardData) => card.id\n\nconst CreatorsCreate = memo(() => {\n  const l = useFormatMessage()\n  return (\n    <AnimatedSection>\n      <CreateSection>\n        <CreateTitle>\n          {l('component.creators_landing.create.title')}\n          <span>{l('component.creators_landing.create.title_highlight')}</span>\n          {l('component.creators_landing.create.title_second_part')}\n        </CreateTitle>\n        <Carousel items={createCards} renderItem={renderCard} keyExtractor={keyExtractor} slideWidth={1200} autoplayDelay={0} />\n      </CreateSection>\n    </AnimatedSection>\n  )\n})\n\nexport { CreatorsCreate }\n"],"names":["CreateSection","styled","theme","CreateTitle","Typography","CreateCardContainer","Box","CreateCardImage","prop","bgImage","CreateCardInfo","CreateCardTitle","CreateCardDescription","TabContainer","TabButtons","TabButton","isActive","TabInfoBlock","TabInfoTitle","TabInfoSubtitle","SkillsContainer","SkillBadge","LinksContainer","LinkItem","CreateTabContent","memo","tab","l","useFormatMessage","jsxs","Fragment","jsx","skill","link","CreateCard","card","activeTab","setActiveTab","useState","renderCard","keyExtractor","CreatorsCreate","AnimatedSection","Carousel","createCards"],"mappings":"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"}

package/assets/{index-CREsCA81.js → index-DRcrw7Py.js}

@@ -1,4 +1,4 @@
-import{s as e,a as o,v as s,w as b,j as n}from"./index-BQ4lI5xX.js";import{r}from"./vendor-router-D_36sTKu.js";import{C as $}from"./CircleAndArrow-C6RrImNk.js";import{f as w}from"./index-HZ_h_54S.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./useCreatorHubDownload-htSWq2gm.js";import"./file-Cr_gl9BS.js";import"./url-CwO7t7Da.js";import"./index-g0lykA2w.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-G_F6A2kc.js";import"./CircularProgress-DcmGIHDk.js";import"./Video-CiAQnrOo.js";const k=e("section")(({theme:t})=>({width:"100%",position:"relative",margin:"auto",color:t.palette.text.primary,padding:`${t.spacing(10)} ${t.spacing(20)}`,[t.breakpoints.down("sm")]:{padding:`${t.spacing(6)} ${t.spacing(4)} ${t.spacing(10)}`}})),h=e(o)(({theme:t})=>({background:`
+import{s as e,a as o,v as s,w as b,j as n}from"./index-DaRevScO.js";import{r}from"./vendor-router-D_36sTKu.js";import{C as $}from"./CircleAndArrow-DDOq4aRv.js";import{f as w}from"./index-BqghIvCc.js";import"./vendor-crypto-uuuQA3i5.js";import"./vendor-schemas-DJzTSxpO.js";import"./vendor-sentry-BSvWNK4f.js";import"./vendor-ua-D7qqAxdq.js";import"./vendor-intl-D2lXWsDp.js";import"./useCreatorHubDownload-CQ5sircD.js";import"./file-Cr_gl9BS.js";import"./url-DMbF6Zco.js";import"./index-mXhpN3cS.js";import"./useLatestGithubRelease-lPlpQBOj.js";import"./CTAButton-DIvER7jP.js";import"./CircularProgress-DMJbftwB.js";import"./Video-DF4ljNzn.js";const k=e("section")(({theme:t})=>({width:"100%",position:"relative",margin:"auto",color:t.palette.text.primary,padding:`${t.spacing(10)} ${t.spacing(20)}`,[t.breakpoints.down("sm")]:{padding:`${t.spacing(6)} ${t.spacing(4)} ${t.spacing(10)}`}})),h=e(o)(({theme:t})=>({background:`
     linear-gradient(to right, ${t.palette.text.primary} 4px, transparent 4px) 0 0,
     linear-gradient(to right, ${t.palette.text.primary} 4px, transparent 4px) 0 100%,
     linear-gradient(to left, ${t.palette.text.primary} 4px, transparent 4px) 100% 0,

package/assets/{index-CREsCA81.js.map → index-DRcrw7Py.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CREsCA81.js","sources":["../../src/components/Create/Faqs/Faqs.styled.ts","../../src/components/Create/Faqs/Faqs.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst FaqsSection = styled('section')(({ theme }) => ({\n  width: '100%',\n  position: 'relative',\n  margin: 'auto',\n  color: theme.palette.text.primary,\n  padding: `${theme.spacing(10)} ${theme.spacing(20)}`,\n  [theme.breakpoints.down('sm')]: {\n    padding: `${theme.spacing(6)} ${theme.spacing(4)} ${theme.spacing(10)}`\n  }\n}))\n\nconst FaqsInnerBorder = styled(Box)(({ theme }) => ({\n  background: `\n    linear-gradient(to right, ${theme.palette.text.primary} 4px, transparent 4px) 0 0,\n    linear-gradient(to right, ${theme.palette.text.primary} 4px, transparent 4px) 0 100%,\n    linear-gradient(to left, ${theme.palette.text.primary} 4px, transparent 4px) 100% 0,\n    linear-gradient(to left, ${theme.palette.text.primary} 4px, transparent 4px) 100% 100%,\n    linear-gradient(to bottom, ${theme.palette.text.primary} 4px, transparent 4px) 0 0,\n    linear-gradient(to bottom, ${theme.palette.text.primary} 4px, transparent 4px) 100% 0,\n    linear-gradient(to top, ${theme.palette.text.primary} 4px, transparent 4px) 0 100%,\n    linear-gradient(to top, ${theme.palette.text.primary} 4px, transparent 4px) 100% 100%\n  `,\n  backgroundRepeat: 'no-repeat',\n  backgroundSize: '20px 20px',\n  [theme.breakpoints.down('sm')]: {\n    background: `\n      linear-gradient(to right, ${theme.palette.text.primary} 2px, transparent 2px) 0 0,\n      linear-gradient(to right, ${theme.palette.text.primary} 2px, transparent 2px) 0 100%,\n      linear-gradient(to left, ${theme.palette.text.primary} 2px, transparent 2px) 100% 0,\n      linear-gradient(to left, ${theme.palette.text.primary} 2px, transparent 2px) 100% 100%,\n      linear-gradient(to bottom, ${theme.palette.text.primary} 2px, transparent 2px) 0 0,\n      linear-gradient(to bottom, ${theme.palette.text.primary} 2px, transparent 2px) 100% 0,\n      linear-gradient(to top, ${theme.palette.text.primary} 2px, transparent 2px) 0 100%,\n      linear-gradient(to top, ${theme.palette.text.primary} 2px, transparent 2px) 100% 100%\n    `,\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '10px 10px'\n  }\n}))\n\nconst FaqsContainer = styled(Box)(({ theme }) => ({\n  margin: 'auto',\n  width: '100%',\n  maxWidth: 1000,\n  padding: `${theme.spacing(8)} 0 ${theme.spacing(10)}`,\n  display: 'flex',\n  flexDirection: 'column',\n  [theme.breakpoints.down('sm')]: {\n    padding: `${theme.spacing(6)} 0 ${theme.spacing(8)}`\n  }\n}))\n\nconst FaqsSubtitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: theme.typography.body2.fontSize,\n  lineHeight: '19px',\n  fontWeight: 600,\n  color: theme.palette.text.secondary,\n  textTransform: 'uppercase',\n  padding: 0,\n  margin: 0\n}))\n\nconst FaqsTitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: 60,\n  lineHeight: '72px',\n  fontWeight: 700,\n  letterSpacing: '-0.01em',\n  paddingBottom: '0.5em',\n  [theme.breakpoints.down('sm')]: {\n    fontWeight: 700,\n    fontSize: 36,\n    lineHeight: '36px',\n    textAlign: 'center',\n    letterSpacing: '-0.01em'\n  }\n}))\n\n/* eslint-disable @typescript-eslint/naming-convention */\nconst FaqAccordionItem = styled(Box, {\n  shouldForwardProp: prop => prop !== 'isOpen'\n})<{ isOpen: boolean }>(({ theme }) => ({\n  width: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  borderRadius: 32,\n  padding: `${theme.spacing(1.5)} ${theme.spacing(4)}`,\n  position: 'relative',\n  overflow: 'hidden',\n  zIndex: 1,\n  backgroundColor: '#242129',\n  marginBottom: theme.spacing(1.5),\n  cursor: 'pointer',\n  outline: 'none',\n  '&::after': {\n    width: '100%',\n    height: '100%',\n    content: '\" \"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    background: 'linear-gradient(90deg, #43404a 0%, #691fa9 100%), #242129',\n    zIndex: -1,\n    opacity: 0,\n    transition: 'opacity 1200ms cubic-bezier(0.16, 1, 0.3, 1)'\n  },\n  '&:hover::after': {\n    opacity: 1\n  },\n  ['&:focus-visible']: {\n    outline: `2px solid ${theme.palette.primary.main}`,\n    outlineOffset: 2\n  },\n  '& svg.open, & svg.close': {\n    width: 40,\n    height: 40,\n    minWidth: 40,\n    minHeight: 40,\n    transition: 'transform 350ms cubic-bezier(0.16, 1, 0.3, 1)'\n  },\n  '& svg.open': {\n    transform: 'rotate(180deg)'\n  },\n  [theme.breakpoints.down('xs')]: {\n    padding: `${theme.spacing(2)} ${theme.spacing(3)}`,\n    marginBottom: theme.spacing(1),\n    borderRadius: 24,\n    '& svg.close, & svg.open': {\n      width: 36,\n      height: 36,\n      minWidth: 36,\n      minHeight: 36\n    }\n  }\n}))\n/* eslint-enable @typescript-eslint/naming-convention */\n\nconst FaqQuestionRow = styled(Box)({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center'\n})\n\nconst FaqQuestionText = styled(Typography)(({ theme }) => ({\n  fontWeight: 300,\n  fontSize: 28,\n  lineHeight: '28px',\n  letterSpacing: '-0.011em',\n  color: theme.palette.text.secondary,\n  margin: 0,\n  [theme.breakpoints.down('sm')]: {\n    fontWeight: 300,\n    fontSize: theme.typography.body1.fontSize,\n    lineHeight: '28px',\n    letterSpacing: '-0.01em'\n  }\n}))\n\nconst FaqAnswerContainer = styled(Box, {\n  shouldForwardProp: prop => prop !== 'isOpen'\n})<{ isOpen: boolean }>(({ isOpen }) => ({\n  display: 'grid',\n  gridTemplateRows: isOpen ? '1fr' : '0fr',\n  opacity: isOpen ? 1 : 0,\n  marginTop: isOpen ? '8px' : 0,\n  transition:\n    'grid-template-rows 350ms cubic-bezier(0.16, 1, 0.3, 1), opacity 350ms cubic-bezier(0.16, 1, 0.3, 1), margin-top 350ms cubic-bezier(0.16, 1, 0.3, 1)'\n}))\n\nconst FaqAnswerText = styled(Typography)(({ theme }) => ({\n  overflow: 'hidden',\n  minHeight: 0,\n  padding: 0,\n  fontWeight: 400,\n  fontSize: theme.typography.body1.fontSize,\n  lineHeight: '165%',\n  whiteSpace: 'pre-line',\n  color: theme.palette.text.primary\n}))\n\nconst FaqsCta = styled('a')(({ theme }) => ({\n  marginTop: theme.spacing(5),\n  width: 'fit-content',\n  alignSelf: 'center',\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: `${theme.spacing(3)} ${theme.spacing(8)}`,\n  borderRadius: theme.shape.borderRadius,\n  border: `1px solid ${theme.palette.text.primary}`,\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n  fontSize: 15,\n  fontWeight: 600,\n  textTransform: 'uppercase',\n  cursor: 'pointer',\n  transition: 'background-color 200ms ease',\n  ['&:hover']: {\n    backgroundColor: theme.palette.action.hover\n  },\n  ['&:focus-visible']: {\n    outline: `2px solid ${theme.palette.primary.main}`,\n    outlineOffset: 2\n  },\n  [theme.breakpoints.down('xs')]: {\n    width: '100%'\n  }\n}))\n\nexport {\n  FaqAccordionItem,\n  FaqAnswerContainer,\n  FaqAnswerText,\n  FaqQuestionRow,\n  FaqQuestionText,\n  FaqsContainer,\n  FaqsCta,\n  FaqsInnerBorder,\n  FaqsSection,\n  FaqsSubtitle,\n  FaqsTitle\n}\n","import { type KeyboardEvent, memo, useCallback, useRef, useState } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { CircleAndArrow } from '../../Icon/CircleAndArrow'\nimport { faqItems } from '../data'\nimport {\n  FaqAccordionItem,\n  FaqAnswerContainer,\n  FaqAnswerText,\n  FaqQuestionRow,\n  FaqQuestionText,\n  FaqsContainer,\n  FaqsCta,\n  FaqsInnerBorder,\n  FaqsSection,\n  FaqsSubtitle,\n  FaqsTitle\n} from './Faqs.styled'\n\ntype FaqAccordionProps = {\n  title: string\n  children: React.ReactNode\n  index: number\n  expanded: number | false\n  setExpanded: (value: number | false) => void\n}\n\nconst FaqAccordion = memo((props: FaqAccordionProps) => {\n  const { title, children, index, expanded, setExpanded } = props\n  const isOpen = index === expanded\n  const contentRef = useRef<HTMLDivElement>(null)\n  const questionId = `create-faq-question-${index}`\n  const answerId = `create-faq-answer-${index}`\n\n  const handleToggle = useCallback(() => {\n    setExpanded(isOpen ? false : index)\n  }, [isOpen, index, setExpanded])\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        handleToggle()\n      }\n    },\n    [handleToggle]\n  )\n\n  return (\n    <FaqAccordionItem\n      isOpen={isOpen}\n      onClick={handleToggle}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      aria-expanded={isOpen}\n      aria-controls={answerId}\n      tabIndex={0}\n    >\n      <FaqQuestionRow>\n        <FaqQuestionText id={questionId}>{title}</FaqQuestionText>\n        <CircleAndArrow isOpen={isOpen} aria-hidden=\"true\" />\n      </FaqQuestionRow>\n      <FaqAnswerContainer ref={contentRef} id={answerId} role=\"region\" aria-labelledby={questionId} aria-hidden={!isOpen} isOpen={isOpen}>\n        <FaqAnswerText>{children}</FaqAnswerText>\n      </FaqAnswerContainer>\n    </FaqAccordionItem>\n  )\n})\n\nconst CreatorsFaqs = memo(() => {\n  const l = useFormatMessage()\n  const [expanded, setExpanded] = useState<number | false>(false)\n\n  return (\n    <FaqsSection aria-label=\"Frequently Asked Questions\">\n      <FaqsInnerBorder>\n        <FaqsContainer>\n          <FaqsSubtitle>{l('component.landing.faqs.subtitle')}</FaqsSubtitle>\n          <FaqsTitle {...({ component: 'h2' } as Record<string, unknown>)}>{l('component.landing.faqs.title')}</FaqsTitle>\n          {faqItems.map((faq, index) => (\n            <FaqAccordion key={index} title={faq.question} index={index} expanded={expanded} setExpanded={setExpanded}>\n              {faq.answer}\n            </FaqAccordion>\n          ))}\n          <FaqsCta href={l('component.landing.faqs.cta.link')}>{l('component.landing.faqs.cta.label')}</FaqsCta>\n        </FaqsContainer>\n      </FaqsInnerBorder>\n    </FaqsSection>\n  )\n})\n\nexport { CreatorsFaqs }\n"],"names":["FaqsSection","styled","theme","FaqsInnerBorder","Box","FaqsContainer","FaqsSubtitle","Typography","FaqsTitle","FaqAccordionItem","prop","FaqQuestionRow","FaqQuestionText","FaqAnswerContainer","isOpen","FaqAnswerText","FaqsCta","FaqAccordion","memo","props","title","children","index","expanded","setExpanded","contentRef","useRef","questionId","answerId","handleToggle","useCallback","handleKeyDown","event","jsxs","jsx","CircleAndArrow","CreatorsFaqs","l","useFormatMessage","useState","faqItems","faq"],"mappings":"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"}
+{"version":3,"file":"index-DRcrw7Py.js","sources":["../../src/components/Create/Faqs/Faqs.styled.ts","../../src/components/Create/Faqs/Faqs.tsx"],"sourcesContent":["import { Box, Typography, styled } from 'decentraland-ui2'\n\nconst FaqsSection = styled('section')(({ theme }) => ({\n  width: '100%',\n  position: 'relative',\n  margin: 'auto',\n  color: theme.palette.text.primary,\n  padding: `${theme.spacing(10)} ${theme.spacing(20)}`,\n  [theme.breakpoints.down('sm')]: {\n    padding: `${theme.spacing(6)} ${theme.spacing(4)} ${theme.spacing(10)}`\n  }\n}))\n\nconst FaqsInnerBorder = styled(Box)(({ theme }) => ({\n  background: `\n    linear-gradient(to right, ${theme.palette.text.primary} 4px, transparent 4px) 0 0,\n    linear-gradient(to right, ${theme.palette.text.primary} 4px, transparent 4px) 0 100%,\n    linear-gradient(to left, ${theme.palette.text.primary} 4px, transparent 4px) 100% 0,\n    linear-gradient(to left, ${theme.palette.text.primary} 4px, transparent 4px) 100% 100%,\n    linear-gradient(to bottom, ${theme.palette.text.primary} 4px, transparent 4px) 0 0,\n    linear-gradient(to bottom, ${theme.palette.text.primary} 4px, transparent 4px) 100% 0,\n    linear-gradient(to top, ${theme.palette.text.primary} 4px, transparent 4px) 0 100%,\n    linear-gradient(to top, ${theme.palette.text.primary} 4px, transparent 4px) 100% 100%\n  `,\n  backgroundRepeat: 'no-repeat',\n  backgroundSize: '20px 20px',\n  [theme.breakpoints.down('sm')]: {\n    background: `\n      linear-gradient(to right, ${theme.palette.text.primary} 2px, transparent 2px) 0 0,\n      linear-gradient(to right, ${theme.palette.text.primary} 2px, transparent 2px) 0 100%,\n      linear-gradient(to left, ${theme.palette.text.primary} 2px, transparent 2px) 100% 0,\n      linear-gradient(to left, ${theme.palette.text.primary} 2px, transparent 2px) 100% 100%,\n      linear-gradient(to bottom, ${theme.palette.text.primary} 2px, transparent 2px) 0 0,\n      linear-gradient(to bottom, ${theme.palette.text.primary} 2px, transparent 2px) 100% 0,\n      linear-gradient(to top, ${theme.palette.text.primary} 2px, transparent 2px) 0 100%,\n      linear-gradient(to top, ${theme.palette.text.primary} 2px, transparent 2px) 100% 100%\n    `,\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '10px 10px'\n  }\n}))\n\nconst FaqsContainer = styled(Box)(({ theme }) => ({\n  margin: 'auto',\n  width: '100%',\n  maxWidth: 1000,\n  padding: `${theme.spacing(8)} 0 ${theme.spacing(10)}`,\n  display: 'flex',\n  flexDirection: 'column',\n  [theme.breakpoints.down('sm')]: {\n    padding: `${theme.spacing(6)} 0 ${theme.spacing(8)}`\n  }\n}))\n\nconst FaqsSubtitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: theme.typography.body2.fontSize,\n  lineHeight: '19px',\n  fontWeight: 600,\n  color: theme.palette.text.secondary,\n  textTransform: 'uppercase',\n  padding: 0,\n  margin: 0\n}))\n\nconst FaqsTitle = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontSize: 60,\n  lineHeight: '72px',\n  fontWeight: 700,\n  letterSpacing: '-0.01em',\n  paddingBottom: '0.5em',\n  [theme.breakpoints.down('sm')]: {\n    fontWeight: 700,\n    fontSize: 36,\n    lineHeight: '36px',\n    textAlign: 'center',\n    letterSpacing: '-0.01em'\n  }\n}))\n\n/* eslint-disable @typescript-eslint/naming-convention */\nconst FaqAccordionItem = styled(Box, {\n  shouldForwardProp: prop => prop !== 'isOpen'\n})<{ isOpen: boolean }>(({ theme }) => ({\n  width: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  borderRadius: 32,\n  padding: `${theme.spacing(1.5)} ${theme.spacing(4)}`,\n  position: 'relative',\n  overflow: 'hidden',\n  zIndex: 1,\n  backgroundColor: '#242129',\n  marginBottom: theme.spacing(1.5),\n  cursor: 'pointer',\n  outline: 'none',\n  '&::after': {\n    width: '100%',\n    height: '100%',\n    content: '\" \"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    background: 'linear-gradient(90deg, #43404a 0%, #691fa9 100%), #242129',\n    zIndex: -1,\n    opacity: 0,\n    transition: 'opacity 1200ms cubic-bezier(0.16, 1, 0.3, 1)'\n  },\n  '&:hover::after': {\n    opacity: 1\n  },\n  ['&:focus-visible']: {\n    outline: `2px solid ${theme.palette.primary.main}`,\n    outlineOffset: 2\n  },\n  '& svg.open, & svg.close': {\n    width: 40,\n    height: 40,\n    minWidth: 40,\n    minHeight: 40,\n    transition: 'transform 350ms cubic-bezier(0.16, 1, 0.3, 1)'\n  },\n  '& svg.open': {\n    transform: 'rotate(180deg)'\n  },\n  [theme.breakpoints.down('xs')]: {\n    padding: `${theme.spacing(2)} ${theme.spacing(3)}`,\n    marginBottom: theme.spacing(1),\n    borderRadius: 24,\n    '& svg.close, & svg.open': {\n      width: 36,\n      height: 36,\n      minWidth: 36,\n      minHeight: 36\n    }\n  }\n}))\n/* eslint-enable @typescript-eslint/naming-convention */\n\nconst FaqQuestionRow = styled(Box)({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center'\n})\n\nconst FaqQuestionText = styled(Typography)(({ theme }) => ({\n  fontWeight: 300,\n  fontSize: 28,\n  lineHeight: '28px',\n  letterSpacing: '-0.011em',\n  color: theme.palette.text.secondary,\n  margin: 0,\n  [theme.breakpoints.down('sm')]: {\n    fontWeight: 300,\n    fontSize: theme.typography.body1.fontSize,\n    lineHeight: '28px',\n    letterSpacing: '-0.01em'\n  }\n}))\n\nconst FaqAnswerContainer = styled(Box, {\n  shouldForwardProp: prop => prop !== 'isOpen'\n})<{ isOpen: boolean }>(({ isOpen }) => ({\n  display: 'grid',\n  gridTemplateRows: isOpen ? '1fr' : '0fr',\n  opacity: isOpen ? 1 : 0,\n  marginTop: isOpen ? '8px' : 0,\n  transition:\n    'grid-template-rows 350ms cubic-bezier(0.16, 1, 0.3, 1), opacity 350ms cubic-bezier(0.16, 1, 0.3, 1), margin-top 350ms cubic-bezier(0.16, 1, 0.3, 1)'\n}))\n\nconst FaqAnswerText = styled(Typography)(({ theme }) => ({\n  overflow: 'hidden',\n  minHeight: 0,\n  padding: 0,\n  fontWeight: 400,\n  fontSize: theme.typography.body1.fontSize,\n  lineHeight: '165%',\n  whiteSpace: 'pre-line',\n  color: theme.palette.text.primary\n}))\n\nconst FaqsCta = styled('a')(({ theme }) => ({\n  marginTop: theme.spacing(5),\n  width: 'fit-content',\n  alignSelf: 'center',\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: `${theme.spacing(3)} ${theme.spacing(8)}`,\n  borderRadius: theme.shape.borderRadius,\n  border: `1px solid ${theme.palette.text.primary}`,\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n  fontSize: 15,\n  fontWeight: 600,\n  textTransform: 'uppercase',\n  cursor: 'pointer',\n  transition: 'background-color 200ms ease',\n  ['&:hover']: {\n    backgroundColor: theme.palette.action.hover\n  },\n  ['&:focus-visible']: {\n    outline: `2px solid ${theme.palette.primary.main}`,\n    outlineOffset: 2\n  },\n  [theme.breakpoints.down('xs')]: {\n    width: '100%'\n  }\n}))\n\nexport {\n  FaqAccordionItem,\n  FaqAnswerContainer,\n  FaqAnswerText,\n  FaqQuestionRow,\n  FaqQuestionText,\n  FaqsContainer,\n  FaqsCta,\n  FaqsInnerBorder,\n  FaqsSection,\n  FaqsSubtitle,\n  FaqsTitle\n}\n","import { type KeyboardEvent, memo, useCallback, useRef, useState } from 'react'\nimport { useFormatMessage } from '../../../hooks/adapters/useFormatMessage'\nimport { CircleAndArrow } from '../../Icon/CircleAndArrow'\nimport { faqItems } from '../data'\nimport {\n  FaqAccordionItem,\n  FaqAnswerContainer,\n  FaqAnswerText,\n  FaqQuestionRow,\n  FaqQuestionText,\n  FaqsContainer,\n  FaqsCta,\n  FaqsInnerBorder,\n  FaqsSection,\n  FaqsSubtitle,\n  FaqsTitle\n} from './Faqs.styled'\n\ntype FaqAccordionProps = {\n  title: string\n  children: React.ReactNode\n  index: number\n  expanded: number | false\n  setExpanded: (value: number | false) => void\n}\n\nconst FaqAccordion = memo((props: FaqAccordionProps) => {\n  const { title, children, index, expanded, setExpanded } = props\n  const isOpen = index === expanded\n  const contentRef = useRef<HTMLDivElement>(null)\n  const questionId = `create-faq-question-${index}`\n  const answerId = `create-faq-answer-${index}`\n\n  const handleToggle = useCallback(() => {\n    setExpanded(isOpen ? false : index)\n  }, [isOpen, index, setExpanded])\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        handleToggle()\n      }\n    },\n    [handleToggle]\n  )\n\n  return (\n    <FaqAccordionItem\n      isOpen={isOpen}\n      onClick={handleToggle}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      aria-expanded={isOpen}\n      aria-controls={answerId}\n      tabIndex={0}\n    >\n      <FaqQuestionRow>\n        <FaqQuestionText id={questionId}>{title}</FaqQuestionText>\n        <CircleAndArrow isOpen={isOpen} aria-hidden=\"true\" />\n      </FaqQuestionRow>\n      <FaqAnswerContainer ref={contentRef} id={answerId} role=\"region\" aria-labelledby={questionId} aria-hidden={!isOpen} isOpen={isOpen}>\n        <FaqAnswerText>{children}</FaqAnswerText>\n      </FaqAnswerContainer>\n    </FaqAccordionItem>\n  )\n})\n\nconst CreatorsFaqs = memo(() => {\n  const l = useFormatMessage()\n  const [expanded, setExpanded] = useState<number | false>(false)\n\n  return (\n    <FaqsSection aria-label=\"Frequently Asked Questions\">\n      <FaqsInnerBorder>\n        <FaqsContainer>\n          <FaqsSubtitle>{l('component.landing.faqs.subtitle')}</FaqsSubtitle>\n          <FaqsTitle {...({ component: 'h2' } as Record<string, unknown>)}>{l('component.landing.faqs.title')}</FaqsTitle>\n          {faqItems.map((faq, index) => (\n            <FaqAccordion key={index} title={faq.question} index={index} expanded={expanded} setExpanded={setExpanded}>\n              {faq.answer}\n            </FaqAccordion>\n          ))}\n          <FaqsCta href={l('component.landing.faqs.cta.link')}>{l('component.landing.faqs.cta.label')}</FaqsCta>\n        </FaqsContainer>\n      </FaqsInnerBorder>\n    </FaqsSection>\n  )\n})\n\nexport { CreatorsFaqs }\n"],"names":["FaqsSection","styled","theme","FaqsInnerBorder","Box","FaqsContainer","FaqsSubtitle","Typography","FaqsTitle","FaqAccordionItem","prop","FaqQuestionRow","FaqQuestionText","FaqAnswerContainer","isOpen","FaqAnswerText","FaqsCta","FaqAccordion","memo","props","title","children","index","expanded","setExpanded","contentRef","useRef","questionId","answerId","handleToggle","useCallback","handleKeyDown","event","jsxs","jsx","CircleAndArrow","CreatorsFaqs","l","useFormatMessage","useState","faqItems","faq"],"mappings":"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"}