[{"data":1,"prerenderedAt":1532},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:xbT5yORVRemPb1A2kzwUPwnw5kyoP1LI_UCYQh8F5TE":235,"content-page-surround:docs:xbT5yORVRemPb1A2kzwUPwnw5kyoP1LI_UCYQh8F5TE":1519,"i-logos:typescript-icon":1522,"i-logos:vue":1526,"i-lucide:clipboard":1529},[4,50,111,152,214],{"title":5,"page":6,"canonicalKey":7,"locale":8,"id":9,"draft":6,"icon":10,"sidebar":11,"children":12},"Start",false,"1","en","content:docs:1.start:.navigation.yml","i-lucide-rocket","section",[13,19,24,29,35,40,45],{"title":14,"id":15,"canonicalKey":16,"locale":8,"draft":6,"navigation":17,"path":18},"Why Nuxt Photo","content:docs:1.start:1.why-nuxt-photo.md","1\u002F1",{"title":14},"\u002Fdocs\u002Fstart\u002Fwhy-nuxt-photo",{"title":20,"id":21,"canonicalKey":22,"locale":8,"draft":6,"path":23},"Install Nuxt Photo","content:docs:1.start:2.installation.md","1\u002F2","\u002Fdocs\u002Fstart\u002Finstallation",{"title":25,"id":26,"canonicalKey":27,"locale":8,"draft":6,"path":28},"Build your first album","content:docs:1.start:3.build-your-first-album.md","1\u002F3","\u002Fdocs\u002Fstart\u002Fbuild-your-first-album",{"title":30,"id":31,"canonicalKey":32,"locale":8,"draft":6,"navigation":33,"path":34},"Choose a component","content:docs:1.start:4.choose-a-component.md","1\u002F4",{"title":30},"\u002Fdocs\u002Fstart\u002Fchoose-a-component",{"title":36,"id":37,"canonicalKey":38,"locale":8,"draft":6,"path":39},"Use Nuxt Photo with Vue","content:docs:1.start:5.plain-vue.md","1\u002F5","\u002Fdocs\u002Fstart\u002Fplain-vue",{"title":41,"id":42,"canonicalKey":43,"locale":8,"draft":6,"path":44},"Compare gallery approaches","content:docs:1.start:6.compare-approaches.md","1\u002F6","\u002Fdocs\u002Fstart\u002Fcompare-approaches",{"title":46,"id":47,"canonicalKey":48,"locale":8,"draft":6,"path":49},"Performance and bundle size","content:docs:1.start:7.performance-and-bundle-size.md","1\u002F7","\u002Fdocs\u002Fstart\u002Fperformance-and-bundle-size",{"title":51,"page":6,"canonicalKey":52,"locale":8,"id":53,"draft":6,"icon":54,"children":55},"Guides","2","content:docs:2.guides:.navigation.yml","i-lucide-route",[56,61,66,71,76,81,86,91,96,101,106],{"title":57,"id":58,"canonicalKey":59,"locale":8,"draft":6,"path":60},"Use CMS photos","content:docs:2.guides:1.use-cms-photos.md","2\u002F1","\u002Fdocs\u002Fguides\u002Fuse-cms-photos",{"title":62,"id":63,"canonicalKey":64,"locale":8,"draft":6,"path":65},"Use Nuxt Image","content:docs:2.guides:2.use-nuxt-image.md","2\u002F2","\u002Fdocs\u002Fguides\u002Fuse-nuxt-image",{"title":67,"id":68,"canonicalKey":69,"locale":8,"draft":6,"path":70},"Style with Tailwind","content:docs:2.guides:3.style-with-tailwind.md","2\u002F3","\u002Fdocs\u002Fguides\u002Fstyle-with-tailwind",{"title":72,"id":73,"canonicalKey":74,"locale":8,"draft":6,"path":75},"Share one lightbox","content:docs:2.guides:4.share-one-lightbox.md","2\u002F4","\u002Fdocs\u002Fguides\u002Fshare-one-lightbox",{"title":77,"id":78,"canonicalKey":79,"locale":8,"draft":6,"path":80},"Build a carousel","content:docs:2.guides:5.build-a-carousel.md","2\u002F5","\u002Fdocs\u002Fguides\u002Fbuild-a-carousel",{"title":82,"id":83,"canonicalKey":84,"locale":8,"draft":6,"path":85},"Tune responsive layouts","content:docs:2.guides:6.tune-responsive-layouts.md","2\u002F6","\u002Fdocs\u002Fguides\u002Ftune-responsive-layouts",{"title":87,"id":88,"canonicalKey":89,"locale":8,"draft":6,"path":90},"Create a custom thumbnail layout","content:docs:2.guides:7.create-a-custom-thumbnail-layout.md","2\u002F7","\u002Fdocs\u002Fguides\u002Fcreate-a-custom-thumbnail-layout",{"title":92,"id":93,"canonicalKey":94,"locale":8,"draft":6,"path":95},"Customize the built-in lightbox","content:docs:2.guides:8.customize-the-built-in-lightbox.md","2\u002F8","\u002Fdocs\u002Fguides\u002Fcustomize-the-built-in-lightbox",{"title":97,"id":98,"canonicalKey":99,"locale":8,"draft":6,"path":100},"Build a lightbox from primitives","content:docs:2.guides:9.build-a-lightbox-from-primitives.md","2\u002F9","\u002Fdocs\u002Fguides\u002Fbuild-a-lightbox-from-primitives",{"title":102,"id":103,"canonicalKey":104,"locale":8,"draft":6,"path":105},"Integrate a custom image service","content:docs:2.guides:10.integrate-a-custom-image-service.md","2\u002F10","\u002Fdocs\u002Fguides\u002Fintegrate-a-custom-image-service",{"title":107,"id":108,"canonicalKey":109,"locale":8,"draft":6,"path":110},"Control a lightbox programmatically","content:docs:2.guides:11.control-a-lightbox-programmatically.md","2\u002F11","\u002Fdocs\u002Fguides\u002Fcontrol-a-lightbox-programmatically",{"title":112,"page":6,"canonicalKey":113,"locale":8,"id":114,"draft":6,"icon":115,"children":116},"Concepts","3","content:docs:3.concepts:.navigation.yml","i-lucide-compass",[117,122,127,132,137,142,147],{"title":118,"id":119,"canonicalKey":120,"locale":8,"draft":6,"path":121},"Photo data and dimensions","content:docs:3.concepts:1.photo-data-and-dimensions.md","3\u002F1","\u002Fdocs\u002Fconcepts\u002Fphoto-data-and-dimensions",{"title":123,"id":124,"canonicalKey":125,"locale":8,"draft":6,"path":126},"Collections and navigation order","content:docs:3.concepts:2.collections-and-navigation-order.md","3\u002F2","\u002Fdocs\u002Fconcepts\u002Fcollections-and-navigation-order",{"title":128,"id":129,"canonicalKey":130,"locale":8,"draft":6,"path":131},"Layouts and responsive values","content:docs:3.concepts:3.layouts-and-responsive-values.md","3\u002F3","\u002Fdocs\u002Fconcepts\u002Flayouts-and-responsive-values",{"title":133,"id":134,"canonicalKey":135,"locale":8,"draft":6,"path":136},"SSR and layout stability","content:docs:3.concepts:4.ssr-and-layout-stability.md","3\u002F4","\u002Fdocs\u002Fconcepts\u002Fssr-and-layout-stability",{"title":138,"id":139,"canonicalKey":140,"locale":8,"draft":6,"path":141},"Image delivery","content:docs:3.concepts:5.image-delivery.md","3\u002F5","\u002Fdocs\u002Fconcepts\u002Fimage-delivery",{"title":143,"id":144,"canonicalKey":145,"locale":8,"draft":6,"path":146},"Lightbox, gestures, and accessibility","content:docs:3.concepts:6.lightbox-gestures-and-accessibility.md","3\u002F6","\u002Fdocs\u002Fconcepts\u002Flightbox-gestures-and-accessibility",{"title":148,"id":149,"canonicalKey":150,"locale":8,"draft":6,"path":151},"Customization levels","content:docs:3.concepts:7.customization-levels.md","3\u002F7","\u002Fdocs\u002Fconcepts\u002Fcustomization-levels",{"title":153,"id":154,"canonicalKey":155,"locale":8,"draft":6,"icon":156,"sidebar":11,"path":157,"children":158},"Reference","content:docs:4.reference:.navigation.yml","4","i-lucide-braces","\u002Fdocs\u002Freference",[159,164,169,174,179,184,189,194,199,204,209],{"title":160,"id":161,"canonicalKey":162,"locale":8,"draft":6,"path":163},"Photo","content:docs:4.reference:2.photo.md","4\u002F2","\u002Fdocs\u002Freference\u002Fphoto",{"title":165,"id":166,"canonicalKey":167,"locale":8,"draft":6,"path":168},"PhotoAlbum","content:docs:4.reference:3.photo-album.md","4\u002F3","\u002Fdocs\u002Freference\u002Fphoto-album",{"title":170,"id":171,"canonicalKey":172,"locale":8,"draft":6,"path":173},"PhotoGroup","content:docs:4.reference:4.photo-group.md","4\u002F4","\u002Fdocs\u002Freference\u002Fphoto-group",{"title":175,"id":176,"canonicalKey":177,"locale":8,"draft":6,"path":178},"PhotoCarousel","content:docs:4.reference:5.photo-carousel.md","4\u002F5","\u002Fdocs\u002Freference\u002Fphoto-carousel",{"title":180,"id":181,"canonicalKey":182,"locale":8,"draft":6,"path":183},"Lightbox","content:docs:4.reference:6.lightbox.md","4\u002F6","\u002Fdocs\u002Freference\u002Flightbox",{"title":185,"id":186,"canonicalKey":187,"locale":8,"draft":6,"path":188},"Lightbox primitives API","content:docs:4.reference:7.primitives.md","4\u002F7","\u002Fdocs\u002Freference\u002Fprimitives",{"title":190,"id":191,"canonicalKey":192,"locale":8,"draft":6,"path":193},"Composables","content:docs:4.reference:8.composables.md","4\u002F8","\u002Fdocs\u002Freference\u002Fcomposables",{"title":195,"id":196,"canonicalKey":197,"locale":8,"draft":6,"path":198},"Configuration and labels","content:docs:4.reference:9.configuration-and-labels.md","4\u002F9","\u002Fdocs\u002Freference\u002Fconfiguration-and-labels",{"title":200,"id":201,"canonicalKey":202,"locale":8,"draft":6,"path":203},"Types","content:docs:4.reference:10.types.md","4\u002F10","\u002Fdocs\u002Freference\u002Ftypes",{"title":205,"id":206,"canonicalKey":207,"locale":8,"draft":6,"path":208},"CSS","content:docs:4.reference:11.css.md","4\u002F11","\u002Fdocs\u002Freference\u002Fcss",{"title":210,"id":211,"canonicalKey":212,"locale":8,"draft":6,"path":213},"Package exports","content:docs:4.reference:12.package-exports.md","4\u002F12","\u002Fdocs\u002Freference\u002Fpackage-exports",{"title":215,"page":6,"canonicalKey":216,"locale":8,"id":217,"draft":6,"icon":218,"children":219},"Help","5","content:docs:5.help:.navigation.yml","i-lucide-life-buoy",[220,225,230],{"title":221,"id":222,"canonicalKey":223,"locale":8,"draft":6,"path":224},"Troubleshooting","content:docs:5.help:1.troubleshooting.md","5\u002F1","\u002Fdocs\u002Fhelp\u002Ftroubleshooting",{"title":226,"id":227,"canonicalKey":228,"locale":8,"draft":6,"path":229},"Known constraints","content:docs:5.help:2.known-constraints.md","5\u002F2","\u002Fdocs\u002Fhelp\u002Fknown-constraints",{"title":231,"id":232,"canonicalKey":233,"locale":8,"draft":6,"path":234},"Upgrade from 0.2 to 1.0","content:docs:5.help:3.upgrade-from-0-2-to-1-0.md","5\u002F3","\u002Fdocs\u002Fhelp\u002Fupgrade-from-0-2-to-1-0",{"title":82,"description":236,"body":237,"type":1506,"id":83,"canonicalKey":84,"draft":6,"partial":6,"locale":8,"collection":1507,"navigationFile":6,"file":1508,"route":1514,"resolution":1516},"Choose row height, column count, spacing, and container breakpoints.",{"type":238,"children":239,"toc":1494},"root",[240,248,255,322,328,341,670,675,681,691,894,899,905,916,1037,1042,1048,1053,1184,1194,1200,1449,1460,1466,1471],{"type":241,"tag":242,"props":243,"children":244},"element","p",{},[245],{"type":246,"value":247},"text","Nuxt Photo resolves responsive album values from the album container, not the\nbrowser viewport. Start with a small set of values that match the available\ncontent width.",{"type":241,"tag":249,"props":250,"children":252},"h2",{"id":251},"choose-a-layout",[253],{"type":246,"value":254},"Choose a layout",{"type":241,"tag":256,"props":257,"children":258},"table",{},[259,278],{"type":241,"tag":260,"props":261,"children":262},"thead",{},[263],{"type":241,"tag":264,"props":265,"children":266},"tr",{},[267,273],{"type":241,"tag":268,"props":269,"children":270},"th",{},[271],{"type":246,"value":272},"Layout",{"type":241,"tag":268,"props":274,"children":275},{},[276],{"type":246,"value":277},"Use it when",{"type":241,"tag":279,"props":280,"children":281},"tbody",{},[282,296,309],{"type":241,"tag":264,"props":283,"children":284},{},[285,291],{"type":241,"tag":286,"props":287,"children":288},"td",{},[289],{"type":246,"value":290},"Rows",{"type":241,"tag":286,"props":292,"children":293},{},[294],{"type":246,"value":295},"Mixed image shapes should expand to fill each horizontal row.",{"type":241,"tag":264,"props":297,"children":298},{},[299,304],{"type":241,"tag":286,"props":300,"children":301},{},[302],{"type":246,"value":303},"Columns",{"type":241,"tag":286,"props":305,"children":306},{},[307],{"type":246,"value":308},"Reading order and a fixed number of equal-width columns matter.",{"type":241,"tag":264,"props":310,"children":311},{},[312,317],{"type":241,"tag":286,"props":313,"children":314},{},[315],{"type":246,"value":316},"Masonry",{"type":241,"tag":286,"props":318,"children":319},{},[320],{"type":246,"value":321},"Visual density matters more than strict row-by-row reading.",{"type":241,"tag":249,"props":323,"children":325},{"id":324},"set-values-by-container-width",[326],{"type":246,"value":327},"Set values by container width",{"type":241,"tag":242,"props":329,"children":330},{},[331,333,339],{"type":246,"value":332},"Nuxt auto-imports ",{"type":241,"tag":334,"props":335,"children":336},"code",{},[337],{"type":246,"value":338},"responsive()",{"type":246,"value":340},":",{"type":241,"tag":342,"props":343,"children":346},"pre",{"language":344,"class":345},"vue","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[347],{"type":241,"tag":334,"props":348,"children":350},{"class":349},"language-vue",[351,368,370,403,404,429,430,463,464,556,557,569,570,661,662],{"type":241,"tag":352,"props":353,"children":356},"span",{"class":354,"style":355},"line","display: inline",[357,363],{"type":241,"tag":352,"props":358,"children":360},{"style":359},"color:#39ADB5;--shiki-dark:#89DDFF",[361],{"type":246,"value":362},"\u003C",{"type":241,"tag":352,"props":364,"children":366},{"style":365},"color:#E53935;--shiki-dark:#F07178",[367],{"type":246,"value":165},{"type":246,"value":369},"\n",{"type":241,"tag":352,"props":371,"children":372},{"class":354,"style":355},[373,378,384,389,394,399],{"type":241,"tag":352,"props":374,"children":375},{"style":359},[376],{"type":246,"value":377},"  :",{"type":241,"tag":352,"props":379,"children":381},{"style":380},"color:#9C3EDA;--shiki-dark:#C792EA",[382],{"type":246,"value":383},"photos",{"type":241,"tag":352,"props":385,"children":386},{"style":359},[387],{"type":246,"value":388},"=",{"type":241,"tag":352,"props":390,"children":391},{"style":359},[392],{"type":246,"value":393},"\"",{"type":241,"tag":352,"props":395,"children":397},{"style":396},"color:#90A4AE;--shiki-dark:#BABED8",[398],{"type":246,"value":383},{"type":241,"tag":352,"props":400,"children":401},{"style":359},[402],{"type":246,"value":393},{"type":246,"value":369},{"type":241,"tag":352,"props":405,"children":406},{"class":354,"style":355},[407,411,416,420,424],{"type":241,"tag":352,"props":408,"children":409},{"style":359},[410],{"type":246,"value":377},{"type":241,"tag":352,"props":412,"children":413},{"style":380},[414],{"type":246,"value":415},"layout",{"type":241,"tag":352,"props":417,"children":418},{"style":359},[419],{"type":246,"value":388},{"type":241,"tag":352,"props":421,"children":422},{"style":359},[423],{"type":246,"value":393},{"type":241,"tag":352,"props":425,"children":426},{"style":359},[427],{"type":246,"value":428},"{",{"type":246,"value":369},{"type":241,"tag":352,"props":431,"children":432},{"class":354,"style":355},[433,438,442,447,453,458],{"type":241,"tag":352,"props":434,"children":435},{"style":365},[436],{"type":246,"value":437},"    type",{"type":241,"tag":352,"props":439,"children":440},{"style":359},[441],{"type":246,"value":340},{"type":241,"tag":352,"props":443,"children":444},{"style":359},[445],{"type":246,"value":446}," '",{"type":241,"tag":352,"props":448,"children":450},{"style":449},"color:#91B859;--shiki-dark:#C3E88D",[451],{"type":246,"value":452},"columns",{"type":241,"tag":352,"props":454,"children":455},{"style":359},[456],{"type":246,"value":457},"'",{"type":241,"tag":352,"props":459,"children":460},{"style":359},[461],{"type":246,"value":462},",",{"type":246,"value":369},{"type":241,"tag":352,"props":465,"children":466},{"class":354,"style":355},[467,472,476,482,487,491,497,501,506,510,515,519,524,528,533,537,542,547,552],{"type":241,"tag":352,"props":468,"children":469},{"style":365},[470],{"type":246,"value":471},"    columns",{"type":241,"tag":352,"props":473,"children":474},{"style":359},[475],{"type":246,"value":340},{"type":241,"tag":352,"props":477,"children":479},{"style":478},"color:#6182B8;--shiki-dark:#82AAFF",[480],{"type":246,"value":481}," responsive",{"type":241,"tag":352,"props":483,"children":484},{"style":396},[485],{"type":246,"value":486},"(",{"type":241,"tag":352,"props":488,"children":489},{"style":359},[490],{"type":246,"value":428},{"type":241,"tag":352,"props":492,"children":494},{"style":493},"color:#F76D47;--shiki-dark:#F78C6C",[495],{"type":246,"value":496}," 0",{"type":241,"tag":352,"props":498,"children":499},{"style":359},[500],{"type":246,"value":340},{"type":241,"tag":352,"props":502,"children":503},{"style":493},[504],{"type":246,"value":505}," 2",{"type":241,"tag":352,"props":507,"children":508},{"style":359},[509],{"type":246,"value":462},{"type":241,"tag":352,"props":511,"children":512},{"style":493},[513],{"type":246,"value":514}," 768",{"type":241,"tag":352,"props":516,"children":517},{"style":359},[518],{"type":246,"value":340},{"type":241,"tag":352,"props":520,"children":521},{"style":493},[522],{"type":246,"value":523}," 3",{"type":241,"tag":352,"props":525,"children":526},{"style":359},[527],{"type":246,"value":462},{"type":241,"tag":352,"props":529,"children":530},{"style":493},[531],{"type":246,"value":532}," 1024",{"type":241,"tag":352,"props":534,"children":535},{"style":359},[536],{"type":246,"value":340},{"type":241,"tag":352,"props":538,"children":539},{"style":493},[540],{"type":246,"value":541}," 4",{"type":241,"tag":352,"props":543,"children":544},{"style":359},[545],{"type":246,"value":546}," }",{"type":241,"tag":352,"props":548,"children":549},{"style":396},[550],{"type":246,"value":551},")",{"type":241,"tag":352,"props":553,"children":554},{"style":359},[555],{"type":246,"value":462},{"type":246,"value":369},{"type":241,"tag":352,"props":558,"children":559},{"class":354,"style":355},[560,565],{"type":241,"tag":352,"props":561,"children":562},{"style":359},[563],{"type":246,"value":564},"  }",{"type":241,"tag":352,"props":566,"children":567},{"style":359},[568],{"type":246,"value":393},{"type":246,"value":369},{"type":241,"tag":352,"props":571,"children":572},{"class":354,"style":355},[573,577,582,586,590,595,599,603,607,611,615,619,623,627,632,636,640,644,649,653,657],{"type":241,"tag":352,"props":574,"children":575},{"style":359},[576],{"type":246,"value":377},{"type":241,"tag":352,"props":578,"children":579},{"style":380},[580],{"type":246,"value":581},"spacing",{"type":241,"tag":352,"props":583,"children":584},{"style":359},[585],{"type":246,"value":388},{"type":241,"tag":352,"props":587,"children":588},{"style":359},[589],{"type":246,"value":393},{"type":241,"tag":352,"props":591,"children":592},{"style":478},[593],{"type":246,"value":594},"responsive",{"type":241,"tag":352,"props":596,"children":597},{"style":396},[598],{"type":246,"value":486},{"type":241,"tag":352,"props":600,"children":601},{"style":359},[602],{"type":246,"value":428},{"type":241,"tag":352,"props":604,"children":605},{"style":493},[606],{"type":246,"value":496},{"type":241,"tag":352,"props":608,"children":609},{"style":359},[610],{"type":246,"value":340},{"type":241,"tag":352,"props":612,"children":613},{"style":493},[614],{"type":246,"value":541},{"type":241,"tag":352,"props":616,"children":617},{"style":359},[618],{"type":246,"value":462},{"type":241,"tag":352,"props":620,"children":621},{"style":493},[622],{"type":246,"value":514},{"type":241,"tag":352,"props":624,"children":625},{"style":359},[626],{"type":246,"value":340},{"type":241,"tag":352,"props":628,"children":629},{"style":493},[630],{"type":246,"value":631}," 8",{"type":241,"tag":352,"props":633,"children":634},{"style":359},[635],{"type":246,"value":462},{"type":241,"tag":352,"props":637,"children":638},{"style":493},[639],{"type":246,"value":532},{"type":241,"tag":352,"props":641,"children":642},{"style":359},[643],{"type":246,"value":340},{"type":241,"tag":352,"props":645,"children":646},{"style":493},[647],{"type":246,"value":648}," 12",{"type":241,"tag":352,"props":650,"children":651},{"style":359},[652],{"type":246,"value":546},{"type":241,"tag":352,"props":654,"children":655},{"style":396},[656],{"type":246,"value":551},{"type":241,"tag":352,"props":658,"children":659},{"style":359},[660],{"type":246,"value":393},{"type":246,"value":369},{"type":241,"tag":352,"props":663,"children":664},{"class":354,"style":355},[665],{"type":241,"tag":352,"props":666,"children":667},{"style":396},[668],{"type":246,"value":669},"\u002F>",{"type":241,"tag":242,"props":671,"children":672},{},[673],{"type":246,"value":674},"Each key is a minimum container width in pixels. The largest matching key wins.",{"type":241,"tag":249,"props":676,"children":678},{"id":677},"tune-rows",[679],{"type":246,"value":680},"Tune rows",{"type":241,"tag":242,"props":682,"children":683},{},[684,689],{"type":241,"tag":334,"props":685,"children":686},{},[687],{"type":246,"value":688},"targetRowHeight",{"type":246,"value":690}," is the preferred row height. A larger value places fewer\nphotos in a row; a smaller value places more.",{"type":241,"tag":342,"props":692,"children":693},{"language":344,"class":345},[694],{"type":241,"tag":334,"props":695,"children":696},{"class":349},[697,708,709,736,737,760,761,789,790,874,875,886,887],{"type":241,"tag":352,"props":698,"children":699},{"class":354,"style":355},[700,704],{"type":241,"tag":352,"props":701,"children":702},{"style":359},[703],{"type":246,"value":362},{"type":241,"tag":352,"props":705,"children":706},{"style":365},[707],{"type":246,"value":165},{"type":246,"value":369},{"type":241,"tag":352,"props":710,"children":711},{"class":354,"style":355},[712,716,720,724,728,732],{"type":241,"tag":352,"props":713,"children":714},{"style":359},[715],{"type":246,"value":377},{"type":241,"tag":352,"props":717,"children":718},{"style":380},[719],{"type":246,"value":383},{"type":241,"tag":352,"props":721,"children":722},{"style":359},[723],{"type":246,"value":388},{"type":241,"tag":352,"props":725,"children":726},{"style":359},[727],{"type":246,"value":393},{"type":241,"tag":352,"props":729,"children":730},{"style":396},[731],{"type":246,"value":383},{"type":241,"tag":352,"props":733,"children":734},{"style":359},[735],{"type":246,"value":393},{"type":246,"value":369},{"type":241,"tag":352,"props":738,"children":739},{"class":354,"style":355},[740,744,748,752,756],{"type":241,"tag":352,"props":741,"children":742},{"style":359},[743],{"type":246,"value":377},{"type":241,"tag":352,"props":745,"children":746},{"style":380},[747],{"type":246,"value":415},{"type":241,"tag":352,"props":749,"children":750},{"style":359},[751],{"type":246,"value":388},{"type":241,"tag":352,"props":753,"children":754},{"style":359},[755],{"type":246,"value":393},{"type":241,"tag":352,"props":757,"children":758},{"style":359},[759],{"type":246,"value":428},{"type":246,"value":369},{"type":241,"tag":352,"props":762,"children":763},{"class":354,"style":355},[764,768,772,776,781,785],{"type":241,"tag":352,"props":765,"children":766},{"style":365},[767],{"type":246,"value":437},{"type":241,"tag":352,"props":769,"children":770},{"style":359},[771],{"type":246,"value":340},{"type":241,"tag":352,"props":773,"children":774},{"style":359},[775],{"type":246,"value":446},{"type":241,"tag":352,"props":777,"children":778},{"style":449},[779],{"type":246,"value":780},"rows",{"type":241,"tag":352,"props":782,"children":783},{"style":359},[784],{"type":246,"value":457},{"type":241,"tag":352,"props":786,"children":787},{"style":359},[788],{"type":246,"value":462},{"type":246,"value":369},{"type":241,"tag":352,"props":791,"children":792},{"class":354,"style":355},[793,798,802,806,810,814,818,822,827,831,835,839,844,848,853,857,862,866,870],{"type":241,"tag":352,"props":794,"children":795},{"style":365},[796],{"type":246,"value":797},"    targetRowHeight",{"type":241,"tag":352,"props":799,"children":800},{"style":359},[801],{"type":246,"value":340},{"type":241,"tag":352,"props":803,"children":804},{"style":478},[805],{"type":246,"value":481},{"type":241,"tag":352,"props":807,"children":808},{"style":396},[809],{"type":246,"value":486},{"type":241,"tag":352,"props":811,"children":812},{"style":359},[813],{"type":246,"value":428},{"type":241,"tag":352,"props":815,"children":816},{"style":493},[817],{"type":246,"value":496},{"type":241,"tag":352,"props":819,"children":820},{"style":359},[821],{"type":246,"value":340},{"type":241,"tag":352,"props":823,"children":824},{"style":493},[825],{"type":246,"value":826}," 160",{"type":241,"tag":352,"props":828,"children":829},{"style":359},[830],{"type":246,"value":462},{"type":241,"tag":352,"props":832,"children":833},{"style":493},[834],{"type":246,"value":514},{"type":241,"tag":352,"props":836,"children":837},{"style":359},[838],{"type":246,"value":340},{"type":241,"tag":352,"props":840,"children":841},{"style":493},[842],{"type":246,"value":843}," 220",{"type":241,"tag":352,"props":845,"children":846},{"style":359},[847],{"type":246,"value":462},{"type":241,"tag":352,"props":849,"children":850},{"style":493},[851],{"type":246,"value":852}," 1200",{"type":241,"tag":352,"props":854,"children":855},{"style":359},[856],{"type":246,"value":340},{"type":241,"tag":352,"props":858,"children":859},{"style":493},[860],{"type":246,"value":861}," 280",{"type":241,"tag":352,"props":863,"children":864},{"style":359},[865],{"type":246,"value":546},{"type":241,"tag":352,"props":867,"children":868},{"style":396},[869],{"type":246,"value":551},{"type":241,"tag":352,"props":871,"children":872},{"style":359},[873],{"type":246,"value":462},{"type":246,"value":369},{"type":241,"tag":352,"props":876,"children":877},{"class":354,"style":355},[878,882],{"type":241,"tag":352,"props":879,"children":880},{"style":359},[881],{"type":246,"value":564},{"type":241,"tag":352,"props":883,"children":884},{"style":359},[885],{"type":246,"value":393},{"type":246,"value":369},{"type":241,"tag":352,"props":888,"children":889},{"class":354,"style":355},[890],{"type":241,"tag":352,"props":891,"children":892},{"style":396},[893],{"type":246,"value":669},{"type":241,"tag":242,"props":895,"children":896},{},[897],{"type":246,"value":898},"Check the actual collection. Portrait-heavy and landscape-heavy sets can need\ndifferent targets at the same width.",{"type":241,"tag":249,"props":900,"children":902},{"id":901},"tune-columns-and-masonry",[903],{"type":246,"value":904},"Tune columns and masonry",{"type":241,"tag":242,"props":906,"children":907},{},[908,910,914],{"type":246,"value":909},"Both layouts use the ",{"type":241,"tag":334,"props":911,"children":912},{},[913],{"type":246,"value":452},{"type":246,"value":915}," option:",{"type":241,"tag":342,"props":917,"children":919},{"language":918,"class":345},"ts",[920],{"type":241,"tag":334,"props":921,"children":923},{"class":922},"language-ts",[924,939,940,960,961,981,982,1002,1003,1024,1025],{"type":241,"tag":352,"props":925,"children":926},{"class":354,"style":355},[927,931,935],{"type":241,"tag":352,"props":928,"children":929},{"style":478},[930],{"type":246,"value":594},{"type":241,"tag":352,"props":932,"children":933},{"style":396},[934],{"type":246,"value":486},{"type":241,"tag":352,"props":936,"children":937},{"style":359},[938],{"type":246,"value":428},{"type":246,"value":369},{"type":241,"tag":352,"props":941,"children":942},{"class":354,"style":355},[943,948,952,956],{"type":241,"tag":352,"props":944,"children":945},{"style":493},[946],{"type":246,"value":947},"  0",{"type":241,"tag":352,"props":949,"children":950},{"style":359},[951],{"type":246,"value":340},{"type":241,"tag":352,"props":953,"children":954},{"style":493},[955],{"type":246,"value":505},{"type":241,"tag":352,"props":957,"children":958},{"style":359},[959],{"type":246,"value":462},{"type":246,"value":369},{"type":241,"tag":352,"props":962,"children":963},{"class":354,"style":355},[964,969,973,977],{"type":241,"tag":352,"props":965,"children":966},{"style":493},[967],{"type":246,"value":968},"  640",{"type":241,"tag":352,"props":970,"children":971},{"style":359},[972],{"type":246,"value":340},{"type":241,"tag":352,"props":974,"children":975},{"style":493},[976],{"type":246,"value":523},{"type":241,"tag":352,"props":978,"children":979},{"style":359},[980],{"type":246,"value":462},{"type":246,"value":369},{"type":241,"tag":352,"props":983,"children":984},{"class":354,"style":355},[985,990,994,998],{"type":241,"tag":352,"props":986,"children":987},{"style":493},[988],{"type":246,"value":989},"  1024",{"type":241,"tag":352,"props":991,"children":992},{"style":359},[993],{"type":246,"value":340},{"type":241,"tag":352,"props":995,"children":996},{"style":493},[997],{"type":246,"value":541},{"type":241,"tag":352,"props":999,"children":1000},{"style":359},[1001],{"type":246,"value":462},{"type":246,"value":369},{"type":241,"tag":352,"props":1004,"children":1005},{"class":354,"style":355},[1006,1011,1015,1020],{"type":241,"tag":352,"props":1007,"children":1008},{"style":493},[1009],{"type":246,"value":1010},"  1440",{"type":241,"tag":352,"props":1012,"children":1013},{"style":359},[1014],{"type":246,"value":340},{"type":241,"tag":352,"props":1016,"children":1017},{"style":493},[1018],{"type":246,"value":1019}," 5",{"type":241,"tag":352,"props":1021,"children":1022},{"style":359},[1023],{"type":246,"value":462},{"type":246,"value":369},{"type":241,"tag":352,"props":1026,"children":1027},{"class":354,"style":355},[1028,1033],{"type":241,"tag":352,"props":1029,"children":1030},{"style":359},[1031],{"type":246,"value":1032},"}",{"type":241,"tag":352,"props":1034,"children":1035},{"style":396},[1036],{"type":246,"value":551},{"type":241,"tag":242,"props":1038,"children":1039},{},[1040],{"type":246,"value":1041},"Use fewer columns when captions need room or most images are portraits.",{"type":241,"tag":249,"props":1043,"children":1045},{"id":1044},"keep-spacing-restrained",[1046],{"type":246,"value":1047},"Keep spacing restrained",{"type":241,"tag":242,"props":1049,"children":1050},{},[1051],{"type":246,"value":1052},"Start with 4 px on narrow containers and 8 to 12 px on wider containers:",{"type":241,"tag":342,"props":1054,"children":1055},{"language":344,"class":345},[1056],{"type":241,"tag":334,"props":1057,"children":1058},{"class":349},[1059],{"type":241,"tag":352,"props":1060,"children":1061},{"class":354,"style":355},[1062,1066,1070,1075,1079,1083,1087,1091,1095,1099,1103,1107,1111,1115,1119,1123,1127,1131,1135,1139,1143,1147,1151,1155,1159,1163,1167,1171,1175,1179],{"type":241,"tag":352,"props":1063,"children":1064},{"style":359},[1065],{"type":246,"value":362},{"type":241,"tag":352,"props":1067,"children":1068},{"style":365},[1069],{"type":246,"value":165},{"type":241,"tag":352,"props":1071,"children":1072},{"style":359},[1073],{"type":246,"value":1074}," :",{"type":241,"tag":352,"props":1076,"children":1077},{"style":380},[1078],{"type":246,"value":383},{"type":241,"tag":352,"props":1080,"children":1081},{"style":359},[1082],{"type":246,"value":388},{"type":241,"tag":352,"props":1084,"children":1085},{"style":359},[1086],{"type":246,"value":393},{"type":241,"tag":352,"props":1088,"children":1089},{"style":396},[1090],{"type":246,"value":383},{"type":241,"tag":352,"props":1092,"children":1093},{"style":359},[1094],{"type":246,"value":393},{"type":241,"tag":352,"props":1096,"children":1097},{"style":359},[1098],{"type":246,"value":1074},{"type":241,"tag":352,"props":1100,"children":1101},{"style":380},[1102],{"type":246,"value":581},{"type":241,"tag":352,"props":1104,"children":1105},{"style":359},[1106],{"type":246,"value":388},{"type":241,"tag":352,"props":1108,"children":1109},{"style":359},[1110],{"type":246,"value":393},{"type":241,"tag":352,"props":1112,"children":1113},{"style":478},[1114],{"type":246,"value":594},{"type":241,"tag":352,"props":1116,"children":1117},{"style":396},[1118],{"type":246,"value":486},{"type":241,"tag":352,"props":1120,"children":1121},{"style":359},[1122],{"type":246,"value":428},{"type":241,"tag":352,"props":1124,"children":1125},{"style":493},[1126],{"type":246,"value":496},{"type":241,"tag":352,"props":1128,"children":1129},{"style":359},[1130],{"type":246,"value":340},{"type":241,"tag":352,"props":1132,"children":1133},{"style":493},[1134],{"type":246,"value":541},{"type":241,"tag":352,"props":1136,"children":1137},{"style":359},[1138],{"type":246,"value":462},{"type":241,"tag":352,"props":1140,"children":1141},{"style":493},[1142],{"type":246,"value":514},{"type":241,"tag":352,"props":1144,"children":1145},{"style":359},[1146],{"type":246,"value":340},{"type":241,"tag":352,"props":1148,"children":1149},{"style":493},[1150],{"type":246,"value":631},{"type":241,"tag":352,"props":1152,"children":1153},{"style":359},[1154],{"type":246,"value":462},{"type":241,"tag":352,"props":1156,"children":1157},{"style":493},[1158],{"type":246,"value":852},{"type":241,"tag":352,"props":1160,"children":1161},{"style":359},[1162],{"type":246,"value":340},{"type":241,"tag":352,"props":1164,"children":1165},{"style":493},[1166],{"type":246,"value":648},{"type":241,"tag":352,"props":1168,"children":1169},{"style":359},[1170],{"type":246,"value":546},{"type":241,"tag":352,"props":1172,"children":1173},{"style":396},[1174],{"type":246,"value":551},{"type":241,"tag":352,"props":1176,"children":1177},{"style":359},[1178],{"type":246,"value":393},{"type":241,"tag":352,"props":1180,"children":1181},{"style":359},[1182],{"type":246,"value":1183}," \u002F>",{"type":241,"tag":242,"props":1185,"children":1186},{},[1187,1192],{"type":241,"tag":334,"props":1188,"children":1189},{},[1190],{"type":246,"value":1191},"padding",{"type":246,"value":1193}," adds space inside each item. It does not replace the gap between items.",{"type":241,"tag":249,"props":1195,"children":1197},{"id":1196},"use-functions-only-for-continuous-values",[1198],{"type":246,"value":1199},"Use functions only for continuous values",{"type":241,"tag":342,"props":1201,"children":1202},{"language":344,"class":345},[1203],{"type":241,"tag":334,"props":1204,"children":1205},{"class":349},[1206,1217,1218,1245,1246,1375,1376,1441,1442],{"type":241,"tag":352,"props":1207,"children":1208},{"class":354,"style":355},[1209,1213],{"type":241,"tag":352,"props":1210,"children":1211},{"style":359},[1212],{"type":246,"value":362},{"type":241,"tag":352,"props":1214,"children":1215},{"style":365},[1216],{"type":246,"value":165},{"type":246,"value":369},{"type":241,"tag":352,"props":1219,"children":1220},{"class":354,"style":355},[1221,1225,1229,1233,1237,1241],{"type":241,"tag":352,"props":1222,"children":1223},{"style":359},[1224],{"type":246,"value":377},{"type":241,"tag":352,"props":1226,"children":1227},{"style":380},[1228],{"type":246,"value":383},{"type":241,"tag":352,"props":1230,"children":1231},{"style":359},[1232],{"type":246,"value":388},{"type":241,"tag":352,"props":1234,"children":1235},{"style":359},[1236],{"type":246,"value":393},{"type":241,"tag":352,"props":1238,"children":1239},{"style":396},[1240],{"type":246,"value":383},{"type":241,"tag":352,"props":1242,"children":1243},{"style":359},[1244],{"type":246,"value":393},{"type":246,"value":369},{"type":241,"tag":352,"props":1247,"children":1248},{"class":354,"style":355},[1249,1253,1257,1261,1265,1269,1275,1279,1284,1289,1294,1299,1304,1308,1313,1317,1321,1325,1329,1333,1338,1342,1347,1351,1356,1361,1366,1371],{"type":241,"tag":352,"props":1250,"children":1251},{"style":359},[1252],{"type":246,"value":377},{"type":241,"tag":352,"props":1254,"children":1255},{"style":380},[1256],{"type":246,"value":581},{"type":241,"tag":352,"props":1258,"children":1259},{"style":359},[1260],{"type":246,"value":388},{"type":241,"tag":352,"props":1262,"children":1263},{"style":359},[1264],{"type":246,"value":393},{"type":241,"tag":352,"props":1266,"children":1267},{"style":359},[1268],{"type":246,"value":486},{"type":241,"tag":352,"props":1270,"children":1272},{"style":1271},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[1273],{"type":246,"value":1274},"width",{"type":241,"tag":352,"props":1276,"children":1277},{"style":359},[1278],{"type":246,"value":551},{"type":241,"tag":352,"props":1280,"children":1281},{"style":380},[1282],{"type":246,"value":1283}," =>",{"type":241,"tag":352,"props":1285,"children":1286},{"style":396},[1287],{"type":246,"value":1288}," Math",{"type":241,"tag":352,"props":1290,"children":1291},{"style":359},[1292],{"type":246,"value":1293},".",{"type":241,"tag":352,"props":1295,"children":1296},{"style":478},[1297],{"type":246,"value":1298},"round",{"type":241,"tag":352,"props":1300,"children":1301},{"style":396},[1302],{"type":246,"value":1303},"(Math",{"type":241,"tag":352,"props":1305,"children":1306},{"style":359},[1307],{"type":246,"value":1293},{"type":241,"tag":352,"props":1309,"children":1310},{"style":478},[1311],{"type":246,"value":1312},"max",{"type":241,"tag":352,"props":1314,"children":1315},{"style":396},[1316],{"type":246,"value":486},{"type":241,"tag":352,"props":1318,"children":1319},{"style":493},[1320],{"type":246,"value":155},{"type":241,"tag":352,"props":1322,"children":1323},{"style":359},[1324],{"type":246,"value":462},{"type":241,"tag":352,"props":1326,"children":1327},{"style":396},[1328],{"type":246,"value":1288},{"type":241,"tag":352,"props":1330,"children":1331},{"style":359},[1332],{"type":246,"value":1293},{"type":241,"tag":352,"props":1334,"children":1335},{"style":478},[1336],{"type":246,"value":1337},"min",{"type":241,"tag":352,"props":1339,"children":1340},{"style":396},[1341],{"type":246,"value":486},{"type":241,"tag":352,"props":1343,"children":1344},{"style":493},[1345],{"type":246,"value":1346},"16",{"type":241,"tag":352,"props":1348,"children":1349},{"style":359},[1350],{"type":246,"value":462},{"type":241,"tag":352,"props":1352,"children":1353},{"style":396},[1354],{"type":246,"value":1355}," width ",{"type":241,"tag":352,"props":1357,"children":1358},{"style":359},[1359],{"type":246,"value":1360},"\u002F",{"type":241,"tag":352,"props":1362,"children":1363},{"style":493},[1364],{"type":246,"value":1365}," 80",{"type":241,"tag":352,"props":1367,"children":1368},{"style":396},[1369],{"type":246,"value":1370},")))",{"type":241,"tag":352,"props":1372,"children":1373},{"style":359},[1374],{"type":246,"value":393},{"type":246,"value":369},{"type":241,"tag":352,"props":1377,"children":1378},{"class":354,"style":355},[1379,1383,1388,1392,1396,1401,1406,1410,1415,1419,1423,1427,1432,1437],{"type":241,"tag":352,"props":1380,"children":1381},{"style":359},[1382],{"type":246,"value":377},{"type":241,"tag":352,"props":1384,"children":1385},{"style":380},[1386],{"type":246,"value":1387},"breakpoints",{"type":241,"tag":352,"props":1389,"children":1390},{"style":359},[1391],{"type":246,"value":388},{"type":241,"tag":352,"props":1393,"children":1394},{"style":359},[1395],{"type":246,"value":393},{"type":241,"tag":352,"props":1397,"children":1398},{"style":396},[1399],{"type":246,"value":1400},"[",{"type":241,"tag":352,"props":1402,"children":1403},{"style":493},[1404],{"type":246,"value":1405},"320",{"type":241,"tag":352,"props":1407,"children":1408},{"style":359},[1409],{"type":246,"value":462},{"type":241,"tag":352,"props":1411,"children":1412},{"style":493},[1413],{"type":246,"value":1414}," 640",{"type":241,"tag":352,"props":1416,"children":1417},{"style":359},[1418],{"type":246,"value":462},{"type":241,"tag":352,"props":1420,"children":1421},{"style":493},[1422],{"type":246,"value":532},{"type":241,"tag":352,"props":1424,"children":1425},{"style":359},[1426],{"type":246,"value":462},{"type":241,"tag":352,"props":1428,"children":1429},{"style":493},[1430],{"type":246,"value":1431}," 1280",{"type":241,"tag":352,"props":1433,"children":1434},{"style":396},[1435],{"type":246,"value":1436},"]",{"type":241,"tag":352,"props":1438,"children":1439},{"style":359},[1440],{"type":246,"value":393},{"type":246,"value":369},{"type":241,"tag":352,"props":1443,"children":1444},{"class":354,"style":355},[1445],{"type":241,"tag":352,"props":1446,"children":1447},{"style":396},[1448],{"type":246,"value":669},{"type":241,"tag":242,"props":1450,"children":1451},{},[1452,1454,1458],{"type":246,"value":1453},"Function values do not expose breakpoint metadata. Add explicit ",{"type":241,"tag":334,"props":1455,"children":1456},{},[1457],{"type":246,"value":1387},{"type":246,"value":1459},"\nwhen client measurement should snap to a stable set.",{"type":241,"tag":249,"props":1461,"children":1463},{"id":1462},"verify-the-layout",[1464],{"type":246,"value":1465},"Verify the layout",{"type":241,"tag":242,"props":1467,"children":1468},{},[1469],{"type":246,"value":1470},"Test the album inside its real parent at narrow, medium, and wide widths. Check\nthat captions fit, reading order is clear, and the server assumption does not\nproduce a visible hydration change.",{"type":241,"tag":242,"props":1472,"children":1473},{},[1474,1479,1481,1485,1487,1492],{"type":241,"tag":1475,"props":1476,"children":1477},"a",{"href":131},[1478],{"type":246,"value":128},{"type":246,"value":1480},"\ndefines the value forms. ",{"type":241,"tag":1475,"props":1482,"children":1483},{"href":136},[1484],{"type":246,"value":133},{"type":246,"value":1486},"\nexplains ",{"type":241,"tag":334,"props":1488,"children":1489},{},[1490],{"type":246,"value":1491},"defaultContainerWidth",{"type":246,"value":1493}," and breakpoint snapping.",{"title":1495,"searchDepth":1496,"depth":1496,"links":1497},"",4,[1498,1500,1501,1502,1503,1504,1505],{"id":251,"depth":1499,"text":254},2,{"id":324,"depth":1499,"text":327},{"id":677,"depth":1499,"text":680},{"id":901,"depth":1499,"text":904},{"id":1044,"depth":1499,"text":1047},{"id":1196,"depth":1499,"text":1199},{"id":1462,"depth":1499,"text":1465},"markdown","docs",{"source":1509,"path":1510,"stem":1511,"dir":1512,"extension":1513},"content","docs\u002F2.guides\u002F6.tune-responsive-layouts.md","docs\u002F2.guides\u002F6.tune-responsive-layouts","guides","md",{"requestedPath":85,"resolvedPath":85,"alternates":1515},[],{"requested":1517,"resolved":1518,"usedFallback":6},{},{"locale":8},{"previous":1520,"next":1521},{"title":77,"id":78,"canonicalKey":79,"locale":8,"draft":6,"path":80},{"title":87,"id":88,"canonicalKey":89,"locale":8,"draft":6,"path":90},{"left":1523,"top":1523,"width":1524,"height":1524,"rotate":1523,"vFlip":6,"hFlip":6,"body":1525},0,256,"\u003Cpath fill=\"#3178c6\" d=\"M20 0h216c11.046 0 20 8.954 20 20v216c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0\"\u002F>\u003Cpath fill=\"#fff\" d=\"M150.518 200.475v27.62q6.738 3.453 15.938 5.179T185.849 235q9.934 0 18.874-1.899t15.678-6.257q6.738-4.359 10.669-11.394q3.93-7.033 3.93-17.391q0-7.51-2.246-13.163a30.8 30.8 0 0 0-6.479-10.055q-4.232-4.402-10.149-7.898t-13.347-6.602q-5.442-2.245-9.761-4.359t-7.342-4.316q-3.024-2.2-4.665-4.661t-1.641-5.567q0-2.848 1.468-5.135q1.469-2.288 4.147-3.927t6.565-2.547q3.887-.906 8.638-.906q3.456 0 7.299.518q3.844.517 7.732 1.597a54 54 0 0 1 7.558 2.719a41.7 41.7 0 0 1 6.781 3.797v-25.807q-6.306-2.417-13.778-3.582T198.633 107q-9.847 0-18.658 2.115q-8.811 2.114-15.506 6.602q-6.694 4.49-10.582 11.437Q150 134.102 150 143.769q0 12.342 7.127 21.06t21.638 14.759a292 292 0 0 1 10.625 4.575q4.924 2.244 8.509 4.66t5.658 5.265t2.073 6.474a9.9 9.9 0 0 1-1.296 4.963q-1.295 2.287-3.93 3.97t-6.565 2.632t-9.2.95q-8.983 0-17.794-3.151t-16.327-9.451m-46.036-68.733H140V109H41v22.742h35.345V233h28.137z\"\u002F>",{"left":1523,"top":1523,"width":1524,"height":1527,"rotate":1523,"vFlip":6,"hFlip":6,"body":1528},221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",{"left":1523,"top":1523,"width":1530,"height":1530,"rotate":1523,"vFlip":6,"hFlip":6,"body":1531},24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",1788702881689]