https://www.geoguessr.com/_next/static/chunks/pages/examples/content-list-da7e4511cdf8241f.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];if(null!=t)for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:gg-sentry-application-key":!0});var r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="8e239d6e-0ff3-46ee-bcd4-0374e76a56c1",e._sentryDebugIdIdentifier="sentry-dbid-8e239d6e-0ff3-46ee-bcd4-0374e76a56c1")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97912],{508280:e=>{e.exports={page:"examples_page__Ek9B3",animateTextShine:"examples_animateTextShine__mkhrH"}},542921:(e,r,t)=>{"use strict";t.d(r,{Y:()=>_});var n=t(164255),s=t(75005),l=t(838594),c=t(563702),i=t.n(c),a=t(508280),o=t.n(a);let d=["--font-size-14","--font-size-16","--font-size-24"],h=()=>{let e,r,t,c,i,a,h,_,u,x,j,f,k,b,p,y,v,w,S,g,N,z=(0,s.c)(21);return z[0]===Symbol.for("react.memo_cache_sentinel")?(e=(0,n.jsx)("h1",{children:"Content List"}),r=(0,n.jsx)("h2",{children:"Basic list"}),z[0]=e,z[1]=r):(e=z[0],r=z[1]),z[2]===Symbol.for("react.memo_cache_sentinel")?(t=(0,n.jsxs)("p",{children:["A stacked list with a small bullet marker. Default marker is"," ",(0,n.jsx)("code",{children:"bullet"}),"."]}),z[2]=t):t=z[2],z[3]===Symbol.for("react.memo_cache_sentinel")?(c=(0,n.jsxs)("section",{children:[r,t,(0,n.jsxs)(l.uH,{children:[(0,n.jsx)(l.vt,{children:"Discover new locations"}),(0,n.jsx)(l.vt,{children:"Sharpen your map skills"}),(0,n.jsx)(l.vt,{children:"Compete with friends and clubs"})]})]}),i=(0,n.jsx)("h2",{children:"Flowing layout"}),z[3]=c,z[4]=i):(c=z[3],i=z[4]),z[5]===Symbol.for("react.memo_cache_sentinel")?(a=(0,n.jsxs)("p",{children:["Set ",(0,n.jsx)("code",{children:"flow"})," to lay items out in a row. They wrap to a new line only when they do not fit the available width."]}),z[5]=a):a=z[5],z[6]===Symbol.for("react.memo_cache_sentinel")?(h=(0,n.jsxs)("section",{children:[i,a,(0,n.jsxs)(l.uH,{flow:!0,children:[(0,n.jsx)(l.vt,{children:"Daily Challenge"}),(0,n.jsx)(l.vt,{children:"Duels"}),(0,n.jsx)(l.vt,{children:"Battle Royale"}),(0,n.jsx)(l.vt,{children:"Team Duels"}),(0,n.jsx)(l.vt,{children:"World Championship"})]})]}),_=(0,n.jsx)("h2",{children:"Checkmark markers"}),z[6]=h,z[7]=_):(h=z[6],_=z[7]),z[8]===Symbol.for("react.memo_cache_sentinel")?(u=(0,n.jsxs)("p",{children:["Set ",(0,n.jsx)("code",{children:'marker="checkmark"'})," for a green circled check. The marker scales with the list's font-size."]}),z[8]=u):u=z[8],z[9]===Symbol.for("react.memo_cache_sentinel")?(j=(0,n.jsxs)("section",{children:[_,u,(0,n.jsxs)(l.uH,{marker:"checkmark",children:[(0,n.jsx)(l.vt,{children:"Unlimited Duels"}),(0,n.jsx)(l.vt,{children:"Exclusive avatar items"}),(0,n.jsx)(l.vt,{children:"Ad-free experience"})]})]}),x=(0,n.jsx)("h2",{children:"Numbered markers"}),z[9]=x,z[10]=j):(x=z[9],j=z[10]),z[11]===Symbol.for("react.memo_cache_sentinel")?(f=(0,n.jsx)("code",{children:'marker="numbered"'}),z[11]=f):f=z[11],z[12]===Symbol.for("react.memo_cache_sentinel")?(k=(0,n.jsxs)("p",{children:["Set ",f," to render each item with a circled number. It defaults to an ",(0,n.jsx)("code",{children:"<ol>"}),", and the counter is CSS-driven, so you can reorder, add, or remove items without touching the labels."]}),z[12]=k):k=z[12],z[13]===Symbol.for("react.memo_cache_sentinel")?(b=(0,n.jsxs)("section",{children:[x,k,(0,n.jsxs)(l.uH,{marker:"numbered",children:[(0,n.jsx)(l.vt,{children:"Pick a map"}),(0,n.jsx)(l.vt,{children:"Drop into a round"}),(0,n.jsx)(l.vt,{children:"Guess the location"}),(0,n.jsx)(l.vt,{children:"Submit and reveal the answer"})]})]}),p=(0,n.jsx)("h2",{children:"Marker scales with font-size"}),z[13]=b,z[14]=p):(b=z[13],p=z[14]),z[15]===Symbol.for("react.memo_cache_sentinel")?(y=(0,n.jsx)("code",{children:"em"}),z[15]=y):y=z[15],z[16]===Symbol.for("react.memo_cache_sentinel")?(v=(0,n.jsx)("code",{children:"font-size"}),z[16]=v):v=z[16],z[17]===Symbol.for("react.memo_cache_sentinel")?(w=(0,n.jsxs)("section",{children:[p,(0,n.jsxs)("p",{children:["The bullet, checkmark, and numbered markers are sized in"," ",y,". Set ",v," on the list (or an individual item) and the marker scales to match — same approach as"," ",(0,n.jsx)("code",{children:"plate"}),"."]}),d.map(m)]}),S=(0,n.jsx)("h2",{children:"Flowing + numbered"}),g=(0,n.jsx)("p",{children:"Modifiers compose. A flowing numbered list is useful for step chips or breadcrumbs that wrap on 

1small screens."}),z[17]=w,z[18]=S,z[19]=g):(w=z[17],S=z[18],g=z[19]),z[20]===Symbol.for("react.memo_cache_sentinel")?(N=(0,n.jsxs)("div",{className:o().page,children:[e,c,h,j,b,w,(0,n.jsxs)("section",{children:[S,g,(0,n.jsxs)(l.uH,{marker:"numbered",flow:!0,children:[(0,n.jsx)(l.vt,{children:"Sign in"}),(0,n.jsx)(l.vt,{children:"Choose a mode"}),(0,n.jsx)(l.vt,{children:"Invite friends"}),(0,n.jsx)(l.vt,{children:"Play"})]})]})]}),z[20]=N):N=z[20],N};function m(e){return(0,n.jsxs)("div",{className:i().sizeRow,children:[(0,n.jsx)("div",{className:i().sizeLabel,children:(0,n.jsx)("code",{children:e})}),(0,n.jsxs)(l.uH,{marker:"checkmark",style:{fontSize:`var(${e})`},children:[(0,n.jsx)(l.vt,{children:"Small list — marker matches"}),(0,n.jsx)(l.vt,{children:"Same scale across the row"})]})]},e)}let _=()=>{let e,r=(0,s.c)(1);return r[0]===Symbol.for("react.memo_cache_sentinel")?(e=(0,n.jsx)(h,{}),r[0]=e):e=r[0],e}},563702:e=>{e.exports={sizeRow:"content-list_example_sizeRow__Al6Ql",sizeLabel:"content-list_example_sizeLabel__MYOng",animateTextShine:"content-list_example_animateTextShine__07bVj"}},745383:(e,r,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/examples/content-list",function(){return t(953211)}])},809398:e=>{e.exports={contentList:"content-list_contentList__QOLIy",flow:"content-list_flow__cTxRT",markerBullet:"content-list_markerBullet___grFo",item:"content-list_item__8l369",markerCheckmark:"content-list_markerCheckmark__xeTUB",markerNumbered:"content-list_markerNumbered__i2sz9"}},838594:(e,r,t)=>{"use strict";t.d(r,{uH:()=>d,vt:()=>h});var n=t(164255),s=t(75005),l=t(611230),c=t.n(l),i=t(809398),a=t.n(i);let o={bullet:a().markerBullet,checkmark:a().markerCheckmark,numbered:a().markerNumbered},d=e=>{let r,t,l,i,d,h,m,_,u=(0,s.c)(16);u[0]!==e?({as:r,marker:d,flow:h,className:l,children:t,...i}=e,u[0]=e,u[1]=r,u[2]=t,u[3]=l,u[4]=i,u[5]=d,u[6]=h):(r=u[1],t=u[2],l=u[3],i=u[4],d=u[5],h=u[6]);let x=void 0===d?"bullet":d,j=void 0!==h&&h,f=r??("numbered"===x?"ol":"ul"),k=o[x],b=j&&a().flow;return u[7]!==l||u[8]!==k||u[9]!==b?(m=c()(a().contentList,k,b,l),u[7]=l,u[8]=k,u[9]=b,u[10]=m):m=u[10],u[11]!==f||u[12]!==t||u[13]!==i||u[14]!==m?(_=(0,n.jsx)(f,{className:m,...i,children:t}),u[11]=f,u[12]=t,u[13]=i,u[14]=m,u[15]=_):_=u[15],_},h=e=>{let r,t,l,i,o,d,h=(0,s.c)(12);h[0]!==e?({as:r,className:l,children:t,...i}=e,h[0]=e,h[1]=r,h[2]=t,h[3]=l,h[4]=i):(r=h[1],t=h[2],l=h[3],i=h[4]);let m=r??"li";return h[5]!==l?(o=c()(a().item,l),h[5]=l,h[6]=o):o=h[6],h[7]!==m||h[8]!==t||h[9]!==i||h[10]!==o?(d=(0,n.jsx)(m,{className:o,...i,children:t}),h[7]=m,h[8]=t,h[9]=i,h[10]=o,h[11]=d):d=h[11],d}},953211:(e,r,t)=>{"use strict";t.r(r),t.d(r,{__N_SSP:()=>s,default:()=>l});var n=t(542921);n.Y.layoutProps={theme:{name:"examples"}},n.Y.seo={type:"NoIndex"};var s=!0;let l=n.Y}},e=>{e.O(0,[46593,90636,38792],()=>e(e.s=745383)),_N_E=e.O()}]);