[{"data":1,"prerenderedAt":2688},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:hBOcmA5OYEQ7q2MfsoCAqZhZ5VmuHN_CfrWM9-wLiTk":235,"content-page-surround:docs:hBOcmA5OYEQ7q2MfsoCAqZhZ5VmuHN_CfrWM9-wLiTk":2672,"i-lucide:braces":2675,"i-logos:vue":2679,"i-logos:nuxt-icon":2683,"i-lucide:clipboard":2686},[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":205,"description":236,"body":237,"type":2659,"id":206,"canonicalKey":207,"draft":6,"partial":6,"locale":8,"collection":2660,"navigationFile":6,"file":2661,"route":2667,"resolution":2669},"Class hooks and CSS variables for theming the default components.",{"type":238,"children":239,"toc":2642},"root",[240,256,260,339,421,428,440,866,877,909,915,920,926,1686,1691,1858,1864,2169,2193,2199,2204,2216,2221,2254,2266,2283,2288,2403,2408,2414,2439,2570,2576,2630],{"type":241,"tag":242,"props":243,"children":244},"element","p",{},[245,248,254],{"type":246,"value":247},"text","Nuxt Photo ships three CSS strategies, controlled by the ",{"type":241,"tag":249,"props":250,"children":251},"code",{},[252],{"type":246,"value":253},"css",{"type":246,"value":255}," module option:",{"type":241,"tag":257,"props":258,"children":259},"theme-lab",{},[],{"type":241,"tag":261,"props":262,"children":266},"pre",{"language":263,"filename":264,"class":265},"ts","nuxt.config.ts","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[267],{"type":241,"tag":249,"props":268,"children":270},{"class":269},"language-ts",[271,294,296,330,331],{"type":241,"tag":272,"props":273,"children":276},"span",{"class":274,"style":275},"line","display: inline",[277,283,289],{"type":241,"tag":272,"props":278,"children":280},{"style":279},"color:#E2931D;--shiki-dark:#FFCB6B",[281],{"type":246,"value":282},"nuxtPhoto",{"type":241,"tag":272,"props":284,"children":286},{"style":285},"color:#39ADB5;--shiki-dark:#89DDFF",[287],{"type":246,"value":288},":",{"type":241,"tag":272,"props":290,"children":291},{"style":285},[292],{"type":246,"value":293}," {",{"type":246,"value":295},"\n",{"type":241,"tag":272,"props":297,"children":298},{"class":274,"style":275},[299,304,308,313,319,324],{"type":241,"tag":272,"props":300,"children":301},{"style":279},[302],{"type":246,"value":303},"  css",{"type":241,"tag":272,"props":305,"children":306},{"style":285},[307],{"type":246,"value":288},{"type":241,"tag":272,"props":309,"children":310},{"style":285},[311],{"type":246,"value":312}," '",{"type":241,"tag":272,"props":314,"children":316},{"style":315},"color:#91B859;--shiki-dark:#C3E88D",[317],{"type":246,"value":318},"structure",{"type":241,"tag":272,"props":320,"children":321},{"style":285},[322],{"type":246,"value":323},"'",{"type":241,"tag":272,"props":325,"children":327},{"style":326},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[328],{"type":246,"value":329}," \u002F\u002F 'none' | 'structure' | 'all'",{"type":246,"value":295},{"type":241,"tag":272,"props":332,"children":333},{"class":274,"style":275},[334],{"type":241,"tag":272,"props":335,"children":336},{"style":285},[337],{"type":246,"value":338},"}",{"type":241,"tag":340,"props":341,"children":342},"table",{},[343,362],{"type":241,"tag":344,"props":345,"children":346},"thead",{},[347],{"type":241,"tag":348,"props":349,"children":350},"tr",{},[351,357],{"type":241,"tag":352,"props":353,"children":354},"th",{},[355],{"type":246,"value":356},"Value",{"type":241,"tag":352,"props":358,"children":359},{},[360],{"type":246,"value":361},"Loaded content",{"type":241,"tag":363,"props":364,"children":365},"tbody",{},[366,383,405],{"type":241,"tag":348,"props":367,"children":368},{},[369,378],{"type":241,"tag":370,"props":371,"children":372},"td",{},[373],{"type":241,"tag":249,"props":374,"children":375},{},[376],{"type":246,"value":377},"'none'",{"type":241,"tag":370,"props":379,"children":380},{},[381],{"type":246,"value":382},"No stylesheets. You write every rule yourself.",{"type":241,"tag":348,"props":384,"children":385},{},[386,394],{"type":241,"tag":370,"props":387,"children":388},{},[389],{"type":241,"tag":249,"props":390,"children":391},{},[392],{"type":246,"value":393},"'structure'",{"type":241,"tag":370,"props":395,"children":396},{},[397,399],{"type":246,"value":398},"Layout + geometry only. ",{"type":241,"tag":400,"props":401,"children":402},"strong",{},[403],{"type":246,"value":404},"Default.",{"type":241,"tag":348,"props":406,"children":407},{},[408,416],{"type":241,"tag":370,"props":409,"children":410},{},[411],{"type":241,"tag":249,"props":412,"children":413},{},[414],{"type":246,"value":415},"'all'",{"type":241,"tag":370,"props":417,"children":418},{},[419],{"type":246,"value":420},"Structure + the default theme.",{"type":241,"tag":422,"props":423,"children":425},"h2",{"id":424},"class-naming",[426],{"type":246,"value":427},"Class naming",{"type":241,"tag":242,"props":429,"children":430},{},[431,433,438],{"type":246,"value":432},"Every rendered element uses the ",{"type":241,"tag":249,"props":434,"children":435},{},[436],{"type":246,"value":437},"np-",{"type":246,"value":439}," prefix plus BEM-style double-underscore \u002F double-dash notation:",{"type":241,"tag":261,"props":441,"children":442},{"class":265},[443],{"type":241,"tag":249,"props":444,"children":445},{},[446,454,455,463,464,472,473,481,482,490,491,499,500,508,509,517,518,526,527,535,536,544,545,552,553,561,562,570,571,579,580,588,589,597,598,606,607,615,616,624,625,633,634,642,643,651,652,660,661,669,670,678,679,686,687,695,696,704,705,713,714,722,723,731,732,740,741,749,750,758,759,767,768,776,777,785,786,794,795,803,804,812,813,821,822,830,831,839,840,848,849,857,858],{"type":241,"tag":272,"props":447,"children":448},{"class":274,"style":275},[449],{"type":241,"tag":272,"props":450,"children":451},{},[452],{"type":246,"value":453},".np-album                 → the album root",{"type":246,"value":295},{"type":241,"tag":272,"props":456,"children":457},{"class":274,"style":275},[458],{"type":241,"tag":272,"props":459,"children":460},{},[461],{"type":246,"value":462},".np-album--rows           → layout variant modifier",{"type":246,"value":295},{"type":241,"tag":272,"props":465,"children":466},{"class":274,"style":275},[467],{"type":241,"tag":272,"props":468,"children":469},{},[470],{"type":246,"value":471},".np-album__row",{"type":246,"value":295},{"type":241,"tag":272,"props":474,"children":475},{"class":274,"style":275},[476],{"type":241,"tag":272,"props":477,"children":478},{},[479],{"type":246,"value":480},".np-album__column",{"type":246,"value":295},{"type":241,"tag":272,"props":483,"children":484},{"class":274,"style":275},[485],{"type":241,"tag":272,"props":486,"children":487},{},[488],{"type":246,"value":489},".np-album__item           → each photo wrapper",{"type":246,"value":295},{"type":241,"tag":272,"props":492,"children":493},{"class":274,"style":275},[494],{"type":241,"tag":272,"props":495,"children":496},{},[497],{"type":246,"value":498},".np-album__img            → the inner \u003Cimg>",{"type":246,"value":295},{"type":241,"tag":272,"props":501,"children":502},{"class":274,"style":275},[503],{"type":241,"tag":272,"props":504,"children":505},{},[506],{"type":246,"value":507},".np-album__skeleton       → measured-layout mount placeholder",{"type":246,"value":295},{"type":241,"tag":272,"props":510,"children":511},{"class":274,"style":275},[512],{"type":241,"tag":272,"props":513,"children":514},{},[515],{"type":246,"value":516},"",{"type":246,"value":295},{"type":241,"tag":272,"props":519,"children":520},{"class":274,"style":275},[521],{"type":241,"tag":272,"props":522,"children":523},{},[524],{"type":246,"value":525},".np-photo                 → \u003CPhoto> root",{"type":246,"value":295},{"type":241,"tag":272,"props":528,"children":529},{"class":274,"style":275},[530],{"type":241,"tag":272,"props":531,"children":532},{},[533],{"type":246,"value":534},".np-photo__img",{"type":246,"value":295},{"type":241,"tag":272,"props":537,"children":538},{"class":274,"style":275},[539],{"type":241,"tag":272,"props":540,"children":541},{},[542],{"type":246,"value":543},".np-photo__caption",{"type":246,"value":295},{"type":241,"tag":272,"props":546,"children":547},{"class":274,"style":275},[548],{"type":241,"tag":272,"props":549,"children":550},{},[551],{"type":246,"value":516},{"type":246,"value":295},{"type":241,"tag":272,"props":554,"children":555},{"class":274,"style":275},[556],{"type":241,"tag":272,"props":557,"children":558},{},[559],{"type":246,"value":560},".np-lightbox              → the lightbox root",{"type":246,"value":295},{"type":241,"tag":272,"props":563,"children":564},{"class":274,"style":275},[565],{"type":241,"tag":272,"props":566,"children":567},{},[568],{"type":246,"value":569},".np-lightbox__backdrop",{"type":246,"value":295},{"type":241,"tag":272,"props":572,"children":573},{"class":274,"style":275},[574],{"type":241,"tag":272,"props":575,"children":576},{},[577],{"type":246,"value":578},".np-lightbox__ui          → non-interactive full-screen chrome layer",{"type":246,"value":295},{"type":241,"tag":272,"props":581,"children":582},{"class":274,"style":275},[583],{"type":241,"tag":272,"props":584,"children":585},{},[586],{"type":246,"value":587},".np-lightbox__topbar",{"type":246,"value":295},{"type":241,"tag":272,"props":590,"children":591},{"class":274,"style":275},[592],{"type":241,"tag":272,"props":593,"children":594},{},[595],{"type":246,"value":596},".np-lightbox__actions",{"type":246,"value":295},{"type":241,"tag":272,"props":599,"children":600},{"class":274,"style":275},[601],{"type":241,"tag":272,"props":602,"children":603},{},[604],{"type":246,"value":605},".np-lightbox__container",{"type":246,"value":295},{"type":241,"tag":272,"props":608,"children":609},{"class":274,"style":275},[610],{"type":241,"tag":272,"props":611,"children":612},{},[613],{"type":246,"value":614},".np-lightbox__viewport",{"type":246,"value":295},{"type":241,"tag":272,"props":617,"children":618},{"class":274,"style":275},[619],{"type":241,"tag":272,"props":620,"children":621},{},[622],{"type":246,"value":623},".np-lightbox__slide",{"type":246,"value":295},{"type":241,"tag":272,"props":626,"children":627},{"class":274,"style":275},[628],{"type":241,"tag":272,"props":629,"children":630},{},[631],{"type":246,"value":632},".np-lightbox__media       → zoom\u002Fpan wrapper for the active image",{"type":246,"value":295},{"type":241,"tag":272,"props":635,"children":636},{"class":274,"style":275},[637],{"type":241,"tag":272,"props":638,"children":639},{},[640],{"type":246,"value":641},".np-lightbox__caption",{"type":246,"value":295},{"type":241,"tag":272,"props":644,"children":645},{"class":274,"style":275},[646],{"type":241,"tag":272,"props":647,"children":648},{},[649],{"type":246,"value":650},".np-lightbox__btn",{"type":246,"value":295},{"type":241,"tag":272,"props":653,"children":654},{"class":274,"style":275},[655],{"type":241,"tag":272,"props":656,"children":657},{},[658],{"type":246,"value":659},".np-lightbox__btn--close",{"type":246,"value":295},{"type":241,"tag":272,"props":662,"children":663},{"class":274,"style":275},[664],{"type":241,"tag":272,"props":665,"children":666},{},[667],{"type":246,"value":668},".np-lightbox__fallback    → image load failure message",{"type":246,"value":295},{"type":241,"tag":272,"props":671,"children":672},{"class":274,"style":275},[673],{"type":241,"tag":272,"props":674,"children":675},{},[676],{"type":246,"value":677},"[data-np-transition-layer] → internal FLIP transition visual",{"type":246,"value":295},{"type":241,"tag":272,"props":680,"children":681},{"class":274,"style":275},[682],{"type":241,"tag":272,"props":683,"children":684},{},[685],{"type":246,"value":516},{"type":246,"value":295},{"type":241,"tag":272,"props":688,"children":689},{"class":274,"style":275},[690],{"type":241,"tag":272,"props":691,"children":692},{},[693],{"type":246,"value":694},".np-carousel              → carousel root",{"type":246,"value":295},{"type":241,"tag":272,"props":697,"children":698},{"class":274,"style":275},[699],{"type":241,"tag":272,"props":700,"children":701},{},[702],{"type":246,"value":703},".np-carousel__viewport",{"type":246,"value":295},{"type":241,"tag":272,"props":706,"children":707},{"class":274,"style":275},[708],{"type":241,"tag":272,"props":709,"children":710},{},[711],{"type":246,"value":712},".np-carousel__container",{"type":246,"value":295},{"type":241,"tag":272,"props":715,"children":716},{"class":274,"style":275},[717],{"type":241,"tag":272,"props":718,"children":719},{},[720],{"type":246,"value":721},".np-carousel__slide",{"type":246,"value":295},{"type":241,"tag":272,"props":724,"children":725},{"class":274,"style":275},[726],{"type":241,"tag":272,"props":727,"children":728},{},[729],{"type":246,"value":730},".np-carousel__media       → main slide \u003Cimg>",{"type":246,"value":295},{"type":241,"tag":272,"props":733,"children":734},{"class":274,"style":275},[735],{"type":241,"tag":272,"props":736,"children":737},{},[738],{"type":246,"value":739},".np-carousel__controls",{"type":246,"value":295},{"type":241,"tag":272,"props":742,"children":743},{"class":274,"style":275},[744],{"type":241,"tag":272,"props":745,"children":746},{},[747],{"type":246,"value":748},".np-carousel__arrow",{"type":246,"value":295},{"type":241,"tag":272,"props":751,"children":752},{"class":274,"style":275},[753],{"type":241,"tag":272,"props":754,"children":755},{},[756],{"type":246,"value":757},".np-carousel__arrow--prev",{"type":246,"value":295},{"type":241,"tag":272,"props":760,"children":761},{"class":274,"style":275},[762],{"type":241,"tag":272,"props":763,"children":764},{},[765],{"type":246,"value":766},".np-carousel__arrow--next",{"type":246,"value":295},{"type":241,"tag":272,"props":769,"children":770},{"class":274,"style":275},[771],{"type":241,"tag":272,"props":772,"children":773},{},[774],{"type":246,"value":775},".np-carousel__counter",{"type":246,"value":295},{"type":241,"tag":272,"props":778,"children":779},{"class":274,"style":275},[780],{"type":241,"tag":272,"props":781,"children":782},{},[783],{"type":246,"value":784},".np-carousel__caption",{"type":246,"value":295},{"type":241,"tag":272,"props":787,"children":788},{"class":274,"style":275},[789],{"type":241,"tag":272,"props":790,"children":791},{},[792],{"type":246,"value":793},".np-carousel__dots",{"type":246,"value":295},{"type":241,"tag":272,"props":796,"children":797},{"class":274,"style":275},[798],{"type":241,"tag":272,"props":799,"children":800},{},[801],{"type":246,"value":802},".np-carousel__thumb",{"type":246,"value":295},{"type":241,"tag":272,"props":805,"children":806},{"class":274,"style":275},[807],{"type":241,"tag":272,"props":808,"children":809},{},[810],{"type":246,"value":811},".np-carousel__thumbs",{"type":246,"value":295},{"type":241,"tag":272,"props":814,"children":815},{"class":274,"style":275},[816],{"type":241,"tag":272,"props":817,"children":818},{},[819],{"type":246,"value":820},".np-carousel__thumbs-viewport",{"type":246,"value":295},{"type":241,"tag":272,"props":823,"children":824},{"class":274,"style":275},[825],{"type":241,"tag":272,"props":826,"children":827},{},[828],{"type":246,"value":829},".np-carousel__thumbs-container",{"type":246,"value":295},{"type":241,"tag":272,"props":832,"children":833},{"class":274,"style":275},[834],{"type":241,"tag":272,"props":835,"children":836},{},[837],{"type":246,"value":838},".np-carousel__thumb-img",{"type":246,"value":295},{"type":241,"tag":272,"props":841,"children":842},{"class":274,"style":275},[843],{"type":241,"tag":272,"props":844,"children":845},{},[846],{"type":246,"value":847},".np-carousel__thumb--selected",{"type":246,"value":295},{"type":241,"tag":272,"props":850,"children":851},{"class":274,"style":275},[852],{"type":241,"tag":272,"props":853,"children":854},{},[855],{"type":246,"value":856},".np-carousel__dot",{"type":246,"value":295},{"type":241,"tag":272,"props":859,"children":860},{"class":274,"style":275},[861],{"type":241,"tag":272,"props":862,"children":863},{},[864],{"type":246,"value":865},".np-carousel__dot--selected",{"type":241,"tag":242,"props":867,"children":868},{},[869,871,875],{"type":246,"value":870},"Interactive lightbox children opt back into pointer events inside the full-screen UI layer. Keep that pattern if you replace the included markup: backdrop clicks should reach ",{"type":241,"tag":249,"props":872,"children":873},{},[874],{"type":246,"value":569},{"type":246,"value":876},", while controls, captions, and media stay clickable.",{"type":241,"tag":242,"props":878,"children":879},{},[880,882,887,889,894,895,900,902,907],{"type":246,"value":881},"You do not need to override these rules directly. Use the CSS variables and the ",{"type":241,"tag":249,"props":883,"children":884},{},[885],{"type":246,"value":886},"itemClass",{"type":246,"value":888},", ",{"type":241,"tag":249,"props":890,"children":891},{},[892],{"type":246,"value":893},"imgClass",{"type":246,"value":888},{"type":241,"tag":249,"props":896,"children":897},{},[898],{"type":246,"value":899},"slideClass",{"type":246,"value":901},", or ",{"type":241,"tag":249,"props":903,"children":904},{},[905],{"type":246,"value":906},"controlsClass",{"type":246,"value":908}," props for most customizations.",{"type":241,"tag":422,"props":910,"children":912},{"id":911},"css-variables",[913],{"type":246,"value":914},"CSS variables",{"type":241,"tag":242,"props":916,"children":917},{},[918],{"type":246,"value":919},"The theme CSS uses variables scoped to the relevant root. Override them globally in your app CSS or per-component.",{"type":241,"tag":921,"props":922,"children":924},"h3",{"id":923},"css-variables-lightbox",[925],{"type":246,"value":180},{"type":241,"tag":261,"props":927,"children":928},{"language":253,"class":265},[929],{"type":241,"tag":249,"props":930,"children":932},{"class":931},"language-css",[933,950,951,1013,1014,1041,1042,1045,1046,1067,1068,1123,1124,1177,1178,1199,1200,1331,1332,1353,1354,1375,1376,1379,1380,1433,1434,1454,1455,1578,1579,1582,1583,1603,1604,1625,1626,1678,1679],{"type":241,"tag":272,"props":934,"children":935},{"class":274,"style":275},[936,941,946],{"type":241,"tag":272,"props":937,"children":938},{"style":285},[939],{"type":246,"value":940},".",{"type":241,"tag":272,"props":942,"children":943},{"style":279},[944],{"type":246,"value":945},"np-lightbox",{"type":241,"tag":272,"props":947,"children":948},{"style":285},[949],{"type":246,"value":293},{"type":246,"value":295},{"type":241,"tag":272,"props":952,"children":953},{"class":274,"style":275},[954,960,964,970,975,981,986,991,995,999,1003,1008],{"type":241,"tag":272,"props":955,"children":957},{"style":956},"color:#90A4AE;--shiki-dark:#BABED8",[958],{"type":246,"value":959},"  --np-backdrop-bg",{"type":241,"tag":272,"props":961,"children":962},{"style":285},[963],{"type":246,"value":288},{"type":241,"tag":272,"props":965,"children":967},{"style":966},"color:#6182B8;--shiki-dark:#82AAFF",[968],{"type":246,"value":969}," rgba",{"type":241,"tag":272,"props":971,"children":972},{"style":285},[973],{"type":246,"value":974},"(",{"type":241,"tag":272,"props":976,"children":978},{"style":977},"color:#F76D47;--shiki-dark:#F78C6C",[979],{"type":246,"value":980},"0",{"type":241,"tag":272,"props":982,"children":983},{"style":285},[984],{"type":246,"value":985},",",{"type":241,"tag":272,"props":987,"children":988},{"style":977},[989],{"type":246,"value":990}," 0",{"type":241,"tag":272,"props":992,"children":993},{"style":285},[994],{"type":246,"value":985},{"type":241,"tag":272,"props":996,"children":997},{"style":977},[998],{"type":246,"value":990},{"type":241,"tag":272,"props":1000,"children":1001},{"style":285},[1002],{"type":246,"value":985},{"type":241,"tag":272,"props":1004,"children":1005},{"style":977},[1006],{"type":246,"value":1007}," 0.85",{"type":241,"tag":272,"props":1009,"children":1010},{"style":285},[1011],{"type":246,"value":1012},");",{"type":246,"value":295},{"type":241,"tag":272,"props":1015,"children":1016},{"class":274,"style":275},[1017,1022,1026,1031,1036],{"type":241,"tag":272,"props":1018,"children":1019},{"style":956},[1020],{"type":246,"value":1021},"  --np-backdrop-filter",{"type":241,"tag":272,"props":1023,"children":1024},{"style":285},[1025],{"type":246,"value":288},{"type":241,"tag":272,"props":1027,"children":1028},{"style":956},[1029],{"type":246,"value":1030}," none",{"type":241,"tag":272,"props":1032,"children":1033},{"style":285},[1034],{"type":246,"value":1035},";",{"type":241,"tag":272,"props":1037,"children":1038},{"style":326},[1039],{"type":246,"value":1040}," \u002F* opt in with blur(16px) *\u002F",{"type":246,"value":295},{"type":241,"tag":272,"props":1043,"children":1044},{"class":274,"style":275},[],{"type":246,"value":295},{"type":241,"tag":272,"props":1047,"children":1048},{"class":274,"style":275},[1049,1054,1058,1063],{"type":241,"tag":272,"props":1050,"children":1051},{"style":956},[1052],{"type":246,"value":1053},"  --np-btn-radius",{"type":241,"tag":272,"props":1055,"children":1056},{"style":285},[1057],{"type":246,"value":288},{"type":241,"tag":272,"props":1059,"children":1060},{"style":977},[1061],{"type":246,"value":1062}," 999px",{"type":241,"tag":272,"props":1064,"children":1065},{"style":285},[1066],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1069,"children":1070},{"class":274,"style":275},[1071,1076,1080,1084,1088,1093,1097,1102,1106,1110,1114,1119],{"type":241,"tag":272,"props":1072,"children":1073},{"style":956},[1074],{"type":246,"value":1075},"  --np-btn-bg",{"type":241,"tag":272,"props":1077,"children":1078},{"style":285},[1079],{"type":246,"value":288},{"type":241,"tag":272,"props":1081,"children":1082},{"style":966},[1083],{"type":246,"value":969},{"type":241,"tag":272,"props":1085,"children":1086},{"style":285},[1087],{"type":246,"value":974},{"type":241,"tag":272,"props":1089,"children":1090},{"style":977},[1091],{"type":246,"value":1092},"255",{"type":241,"tag":272,"props":1094,"children":1095},{"style":285},[1096],{"type":246,"value":985},{"type":241,"tag":272,"props":1098,"children":1099},{"style":977},[1100],{"type":246,"value":1101}," 255",{"type":241,"tag":272,"props":1103,"children":1104},{"style":285},[1105],{"type":246,"value":985},{"type":241,"tag":272,"props":1107,"children":1108},{"style":977},[1109],{"type":246,"value":1101},{"type":241,"tag":272,"props":1111,"children":1112},{"style":285},[1113],{"type":246,"value":985},{"type":241,"tag":272,"props":1115,"children":1116},{"style":977},[1117],{"type":246,"value":1118}," 0.1",{"type":241,"tag":272,"props":1120,"children":1121},{"style":285},[1122],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":1125,"children":1126},{"class":274,"style":275},[1127,1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1173],{"type":241,"tag":272,"props":1128,"children":1129},{"style":956},[1130],{"type":246,"value":1131},"  --np-btn-hover-bg",{"type":241,"tag":272,"props":1133,"children":1134},{"style":285},[1135],{"type":246,"value":288},{"type":241,"tag":272,"props":1137,"children":1138},{"style":966},[1139],{"type":246,"value":969},{"type":241,"tag":272,"props":1141,"children":1142},{"style":285},[1143],{"type":246,"value":974},{"type":241,"tag":272,"props":1145,"children":1146},{"style":977},[1147],{"type":246,"value":1092},{"type":241,"tag":272,"props":1149,"children":1150},{"style":285},[1151],{"type":246,"value":985},{"type":241,"tag":272,"props":1153,"children":1154},{"style":977},[1155],{"type":246,"value":1101},{"type":241,"tag":272,"props":1157,"children":1158},{"style":285},[1159],{"type":246,"value":985},{"type":241,"tag":272,"props":1161,"children":1162},{"style":977},[1163],{"type":246,"value":1101},{"type":241,"tag":272,"props":1165,"children":1166},{"style":285},[1167],{"type":246,"value":985},{"type":241,"tag":272,"props":1169,"children":1170},{"style":977},[1171],{"type":246,"value":1172}," 0.16",{"type":241,"tag":272,"props":1174,"children":1175},{"style":285},[1176],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":1179,"children":1180},{"class":274,"style":275},[1181,1186,1190,1195],{"type":241,"tag":272,"props":1182,"children":1183},{"style":956},[1184],{"type":246,"value":1185},"  --np-btn-color",{"type":241,"tag":272,"props":1187,"children":1188},{"style":285},[1189],{"type":246,"value":288},{"type":241,"tag":272,"props":1191,"children":1192},{"style":956},[1193],{"type":246,"value":1194}," white",{"type":241,"tag":272,"props":1196,"children":1197},{"style":285},[1198],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1201,"children":1202},{"class":274,"style":275},[1203,1208,1212,1216,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1262,1267,1272,1276,1280,1285,1290,1294,1298,1302,1306,1310,1314,1318,1322,1327],{"type":241,"tag":272,"props":1204,"children":1205},{"style":956},[1206],{"type":246,"value":1207},"  --np-btn-shadow",{"type":241,"tag":272,"props":1209,"children":1210},{"style":285},[1211],{"type":246,"value":288},{"type":241,"tag":272,"props":1213,"children":1214},{"style":977},[1215],{"type":246,"value":990},{"type":241,"tag":272,"props":1217,"children":1218},{"style":977},[1219],{"type":246,"value":1220}," 1px",{"type":241,"tag":272,"props":1222,"children":1223},{"style":977},[1224],{"type":246,"value":990},{"type":241,"tag":272,"props":1226,"children":1227},{"style":966},[1228],{"type":246,"value":969},{"type":241,"tag":272,"props":1230,"children":1231},{"style":285},[1232],{"type":246,"value":974},{"type":241,"tag":272,"props":1234,"children":1235},{"style":977},[1236],{"type":246,"value":1092},{"type":241,"tag":272,"props":1238,"children":1239},{"style":285},[1240],{"type":246,"value":985},{"type":241,"tag":272,"props":1242,"children":1243},{"style":977},[1244],{"type":246,"value":1101},{"type":241,"tag":272,"props":1246,"children":1247},{"style":285},[1248],{"type":246,"value":985},{"type":241,"tag":272,"props":1250,"children":1251},{"style":977},[1252],{"type":246,"value":1101},{"type":241,"tag":272,"props":1254,"children":1255},{"style":285},[1256],{"type":246,"value":985},{"type":241,"tag":272,"props":1258,"children":1259},{"style":977},[1260],{"type":246,"value":1261}," 0.08",{"type":241,"tag":272,"props":1263,"children":1264},{"style":285},[1265],{"type":246,"value":1266},")",{"type":241,"tag":272,"props":1268,"children":1269},{"style":956},[1270],{"type":246,"value":1271}," inset",{"type":241,"tag":272,"props":1273,"children":1274},{"style":285},[1275],{"type":246,"value":985},{"type":241,"tag":272,"props":1277,"children":1278},{"style":977},[1279],{"type":246,"value":990},{"type":241,"tag":272,"props":1281,"children":1282},{"style":977},[1283],{"type":246,"value":1284}," 16px",{"type":241,"tag":272,"props":1286,"children":1287},{"style":977},[1288],{"type":246,"value":1289}," 40px",{"type":241,"tag":272,"props":1291,"children":1292},{"style":966},[1293],{"type":246,"value":969},{"type":241,"tag":272,"props":1295,"children":1296},{"style":285},[1297],{"type":246,"value":974},{"type":241,"tag":272,"props":1299,"children":1300},{"style":977},[1301],{"type":246,"value":980},{"type":241,"tag":272,"props":1303,"children":1304},{"style":285},[1305],{"type":246,"value":985},{"type":241,"tag":272,"props":1307,"children":1308},{"style":977},[1309],{"type":246,"value":990},{"type":241,"tag":272,"props":1311,"children":1312},{"style":285},[1313],{"type":246,"value":985},{"type":241,"tag":272,"props":1315,"children":1316},{"style":977},[1317],{"type":246,"value":990},{"type":241,"tag":272,"props":1319,"children":1320},{"style":285},[1321],{"type":246,"value":985},{"type":241,"tag":272,"props":1323,"children":1324},{"style":977},[1325],{"type":246,"value":1326}," 0.24",{"type":241,"tag":272,"props":1328,"children":1329},{"style":285},[1330],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":1333,"children":1334},{"class":274,"style":275},[1335,1340,1344,1349],{"type":241,"tag":272,"props":1336,"children":1337},{"style":956},[1338],{"type":246,"value":1339},"  --np-btn-blur",{"type":241,"tag":272,"props":1341,"children":1342},{"style":285},[1343],{"type":246,"value":288},{"type":241,"tag":272,"props":1345,"children":1346},{"style":977},[1347],{"type":246,"value":1348}," 8px",{"type":241,"tag":272,"props":1350,"children":1351},{"style":285},[1352],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1355,"children":1356},{"class":274,"style":275},[1357,1362,1366,1371],{"type":241,"tag":272,"props":1358,"children":1359},{"style":956},[1360],{"type":246,"value":1361},"  --np-btn-disabled-opacity",{"type":241,"tag":272,"props":1363,"children":1364},{"style":285},[1365],{"type":246,"value":288},{"type":241,"tag":272,"props":1367,"children":1368},{"style":977},[1369],{"type":246,"value":1370}," 0.45",{"type":241,"tag":272,"props":1372,"children":1373},{"style":285},[1374],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1377,"children":1378},{"class":274,"style":275},[],{"type":246,"value":295},{"type":241,"tag":272,"props":1381,"children":1382},{"class":274,"style":275},[1383,1388,1392,1396,1400,1404,1408,1412,1416,1420,1424,1429],{"type":241,"tag":272,"props":1384,"children":1385},{"style":956},[1386],{"type":246,"value":1387},"  --np-counter-color",{"type":241,"tag":272,"props":1389,"children":1390},{"style":285},[1391],{"type":246,"value":288},{"type":241,"tag":272,"props":1393,"children":1394},{"style":966},[1395],{"type":246,"value":969},{"type":241,"tag":272,"props":1397,"children":1398},{"style":285},[1399],{"type":246,"value":974},{"type":241,"tag":272,"props":1401,"children":1402},{"style":977},[1403],{"type":246,"value":1092},{"type":241,"tag":272,"props":1405,"children":1406},{"style":285},[1407],{"type":246,"value":985},{"type":241,"tag":272,"props":1409,"children":1410},{"style":977},[1411],{"type":246,"value":1101},{"type":241,"tag":272,"props":1413,"children":1414},{"style":285},[1415],{"type":246,"value":985},{"type":241,"tag":272,"props":1417,"children":1418},{"style":977},[1419],{"type":246,"value":1101},{"type":241,"tag":272,"props":1421,"children":1422},{"style":285},[1423],{"type":246,"value":985},{"type":241,"tag":272,"props":1425,"children":1426},{"style":977},[1427],{"type":246,"value":1428}," 0.72",{"type":241,"tag":272,"props":1430,"children":1431},{"style":285},[1432],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":1435,"children":1436},{"class":274,"style":275},[1437,1442,1446,1450],{"type":241,"tag":272,"props":1438,"children":1439},{"style":956},[1440],{"type":246,"value":1441},"  --np-img-radius",{"type":241,"tag":272,"props":1443,"children":1444},{"style":285},[1445],{"type":246,"value":288},{"type":241,"tag":272,"props":1447,"children":1448},{"style":977},[1449],{"type":246,"value":1284},{"type":241,"tag":272,"props":1451,"children":1452},{"style":285},[1453],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1456,"children":1457},{"class":274,"style":275},[1458,1463,1467,1471,1476,1481,1485,1489,1493,1497,1501,1505,1509,1513,1518,1523,1527,1532,1537,1541,1545,1549,1553,1557,1561,1565,1569,1574],{"type":241,"tag":272,"props":1459,"children":1460},{"style":956},[1461],{"type":246,"value":1462},"  --np-img-shadow",{"type":241,"tag":272,"props":1464,"children":1465},{"style":285},[1466],{"type":246,"value":288},{"type":241,"tag":272,"props":1468,"children":1469},{"style":977},[1470],{"type":246,"value":990},{"type":241,"tag":272,"props":1472,"children":1473},{"style":977},[1474],{"type":246,"value":1475}," 24px",{"type":241,"tag":272,"props":1477,"children":1478},{"style":977},[1479],{"type":246,"value":1480}," 80px",{"type":241,"tag":272,"props":1482,"children":1483},{"style":966},[1484],{"type":246,"value":969},{"type":241,"tag":272,"props":1486,"children":1487},{"style":285},[1488],{"type":246,"value":974},{"type":241,"tag":272,"props":1490,"children":1491},{"style":977},[1492],{"type":246,"value":980},{"type":241,"tag":272,"props":1494,"children":1495},{"style":285},[1496],{"type":246,"value":985},{"type":241,"tag":272,"props":1498,"children":1499},{"style":977},[1500],{"type":246,"value":990},{"type":241,"tag":272,"props":1502,"children":1503},{"style":285},[1504],{"type":246,"value":985},{"type":241,"tag":272,"props":1506,"children":1507},{"style":977},[1508],{"type":246,"value":990},{"type":241,"tag":272,"props":1510,"children":1511},{"style":285},[1512],{"type":246,"value":985},{"type":241,"tag":272,"props":1514,"children":1515},{"style":977},[1516],{"type":246,"value":1517}," 0.34",{"type":241,"tag":272,"props":1519,"children":1520},{"style":285},[1521],{"type":246,"value":1522},"),",{"type":241,"tag":272,"props":1524,"children":1525},{"style":977},[1526],{"type":246,"value":990},{"type":241,"tag":272,"props":1528,"children":1529},{"style":977},[1530],{"type":246,"value":1531}," 2px",{"type":241,"tag":272,"props":1533,"children":1534},{"style":977},[1535],{"type":246,"value":1536}," 12px",{"type":241,"tag":272,"props":1538,"children":1539},{"style":966},[1540],{"type":246,"value":969},{"type":241,"tag":272,"props":1542,"children":1543},{"style":285},[1544],{"type":246,"value":974},{"type":241,"tag":272,"props":1546,"children":1547},{"style":977},[1548],{"type":246,"value":980},{"type":241,"tag":272,"props":1550,"children":1551},{"style":285},[1552],{"type":246,"value":985},{"type":241,"tag":272,"props":1554,"children":1555},{"style":977},[1556],{"type":246,"value":990},{"type":241,"tag":272,"props":1558,"children":1559},{"style":285},[1560],{"type":246,"value":985},{"type":241,"tag":272,"props":1562,"children":1563},{"style":977},[1564],{"type":246,"value":990},{"type":241,"tag":272,"props":1566,"children":1567},{"style":285},[1568],{"type":246,"value":985},{"type":241,"tag":272,"props":1570,"children":1571},{"style":977},[1572],{"type":246,"value":1573}," 0.28",{"type":241,"tag":272,"props":1575,"children":1576},{"style":285},[1577],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":1580,"children":1581},{"class":274,"style":275},[],{"type":246,"value":295},{"type":241,"tag":272,"props":1584,"children":1585},{"class":274,"style":275},[1586,1591,1595,1599],{"type":241,"tag":272,"props":1587,"children":1588},{"style":956},[1589],{"type":246,"value":1590},"  --np-caption-color",{"type":241,"tag":272,"props":1592,"children":1593},{"style":285},[1594],{"type":246,"value":288},{"type":241,"tag":272,"props":1596,"children":1597},{"style":956},[1598],{"type":246,"value":1194},{"type":241,"tag":272,"props":1600,"children":1601},{"style":285},[1602],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1605,"children":1606},{"class":274,"style":275},[1607,1612,1616,1621],{"type":241,"tag":272,"props":1608,"children":1609},{"style":956},[1610],{"type":246,"value":1611},"  --np-caption-heading-size",{"type":241,"tag":272,"props":1613,"children":1614},{"style":285},[1615],{"type":246,"value":288},{"type":241,"tag":272,"props":1617,"children":1618},{"style":977},[1619],{"type":246,"value":1620}," 22px",{"type":241,"tag":272,"props":1622,"children":1623},{"style":285},[1624],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1627,"children":1628},{"class":274,"style":275},[1629,1634,1638,1642,1646,1650,1654,1658,1662,1666,1670,1674],{"type":241,"tag":272,"props":1630,"children":1631},{"style":956},[1632],{"type":246,"value":1633},"  --np-caption-secondary",{"type":241,"tag":272,"props":1635,"children":1636},{"style":285},[1637],{"type":246,"value":288},{"type":241,"tag":272,"props":1639,"children":1640},{"style":966},[1641],{"type":246,"value":969},{"type":241,"tag":272,"props":1643,"children":1644},{"style":285},[1645],{"type":246,"value":974},{"type":241,"tag":272,"props":1647,"children":1648},{"style":977},[1649],{"type":246,"value":1092},{"type":241,"tag":272,"props":1651,"children":1652},{"style":285},[1653],{"type":246,"value":985},{"type":241,"tag":272,"props":1655,"children":1656},{"style":977},[1657],{"type":246,"value":1101},{"type":241,"tag":272,"props":1659,"children":1660},{"style":285},[1661],{"type":246,"value":985},{"type":241,"tag":272,"props":1663,"children":1664},{"style":977},[1665],{"type":246,"value":1101},{"type":241,"tag":272,"props":1667,"children":1668},{"style":285},[1669],{"type":246,"value":985},{"type":241,"tag":272,"props":1671,"children":1672},{"style":977},[1673],{"type":246,"value":1428},{"type":241,"tag":272,"props":1675,"children":1676},{"style":285},[1677],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":1680,"children":1681},{"class":274,"style":275},[1682],{"type":241,"tag":272,"props":1683,"children":1684},{"style":285},[1685],{"type":246,"value":338},{"type":241,"tag":242,"props":1687,"children":1688},{},[1689],{"type":246,"value":1690},"Override any of them in your global CSS:",{"type":241,"tag":261,"props":1692,"children":1693},{"language":253,"class":265},[1694],{"type":241,"tag":249,"props":1695,"children":1696},{"class":931},[1697,1705,1706,1721,1722,1777,1778,1829,1830,1850,1851],{"type":241,"tag":272,"props":1698,"children":1699},{"class":274,"style":275},[1700],{"type":241,"tag":272,"props":1701,"children":1702},{"style":326},[1703],{"type":246,"value":1704},"\u002F* Warmer lightbox chrome *\u002F",{"type":246,"value":295},{"type":241,"tag":272,"props":1707,"children":1708},{"class":274,"style":275},[1709,1713,1717],{"type":241,"tag":272,"props":1710,"children":1711},{"style":285},[1712],{"type":246,"value":940},{"type":241,"tag":272,"props":1714,"children":1715},{"style":279},[1716],{"type":246,"value":945},{"type":241,"tag":272,"props":1718,"children":1719},{"style":285},[1720],{"type":246,"value":293},{"type":246,"value":295},{"type":241,"tag":272,"props":1723,"children":1724},{"class":274,"style":275},[1725,1729,1733,1737,1741,1746,1750,1755,1759,1764,1768,1773],{"type":241,"tag":272,"props":1726,"children":1727},{"style":956},[1728],{"type":246,"value":959},{"type":241,"tag":272,"props":1730,"children":1731},{"style":285},[1732],{"type":246,"value":288},{"type":241,"tag":272,"props":1734,"children":1735},{"style":966},[1736],{"type":246,"value":969},{"type":241,"tag":272,"props":1738,"children":1739},{"style":285},[1740],{"type":246,"value":974},{"type":241,"tag":272,"props":1742,"children":1743},{"style":977},[1744],{"type":246,"value":1745},"40",{"type":241,"tag":272,"props":1747,"children":1748},{"style":285},[1749],{"type":246,"value":985},{"type":241,"tag":272,"props":1751,"children":1752},{"style":977},[1753],{"type":246,"value":1754}," 20",{"type":241,"tag":272,"props":1756,"children":1757},{"style":285},[1758],{"type":246,"value":985},{"type":241,"tag":272,"props":1760,"children":1761},{"style":977},[1762],{"type":246,"value":1763}," 10",{"type":241,"tag":272,"props":1765,"children":1766},{"style":285},[1767],{"type":246,"value":985},{"type":241,"tag":272,"props":1769,"children":1770},{"style":977},[1771],{"type":246,"value":1772}," 0.92",{"type":241,"tag":272,"props":1774,"children":1775},{"style":285},[1776],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":1779,"children":1780},{"class":274,"style":275},[1781,1785,1789,1793,1797,1801,1805,1809,1813,1817,1821,1825],{"type":241,"tag":272,"props":1782,"children":1783},{"style":956},[1784],{"type":246,"value":1075},{"type":241,"tag":272,"props":1786,"children":1787},{"style":285},[1788],{"type":246,"value":288},{"type":241,"tag":272,"props":1790,"children":1791},{"style":966},[1792],{"type":246,"value":969},{"type":241,"tag":272,"props":1794,"children":1795},{"style":285},[1796],{"type":246,"value":974},{"type":241,"tag":272,"props":1798,"children":1799},{"style":977},[1800],{"type":246,"value":1092},{"type":241,"tag":272,"props":1802,"children":1803},{"style":285},[1804],{"type":246,"value":985},{"type":241,"tag":272,"props":1806,"children":1807},{"style":977},[1808],{"type":246,"value":1101},{"type":241,"tag":272,"props":1810,"children":1811},{"style":285},[1812],{"type":246,"value":985},{"type":241,"tag":272,"props":1814,"children":1815},{"style":977},[1816],{"type":246,"value":1101},{"type":241,"tag":272,"props":1818,"children":1819},{"style":285},[1820],{"type":246,"value":985},{"type":241,"tag":272,"props":1822,"children":1823},{"style":977},[1824],{"type":246,"value":1261},{"type":241,"tag":272,"props":1826,"children":1827},{"style":285},[1828],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":1831,"children":1832},{"class":274,"style":275},[1833,1837,1841,1846],{"type":241,"tag":272,"props":1834,"children":1835},{"style":956},[1836],{"type":246,"value":1441},{"type":241,"tag":272,"props":1838,"children":1839},{"style":285},[1840],{"type":246,"value":288},{"type":241,"tag":272,"props":1842,"children":1843},{"style":977},[1844],{"type":246,"value":1845}," 4px",{"type":241,"tag":272,"props":1847,"children":1848},{"style":285},[1849],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1852,"children":1853},{"class":274,"style":275},[1854],{"type":241,"tag":272,"props":1855,"children":1856},{"style":285},[1857],{"type":246,"value":338},{"type":241,"tag":921,"props":1859,"children":1861},{"id":1860},"css-variables-carousel",[1862],{"type":246,"value":1863},"Carousel",{"type":241,"tag":261,"props":1865,"children":1866},{"language":253,"class":265},[1867],{"type":241,"tag":249,"props":1868,"children":1869},{"class":931},[1870,1886,1887,1908,1909,1930,1931,1962,1963,1984,1985,2006,2007,2027,2028,2081,2082,2108,2109,2161,2162],{"type":241,"tag":272,"props":1871,"children":1872},{"class":274,"style":275},[1873,1877,1882],{"type":241,"tag":272,"props":1874,"children":1875},{"style":285},[1876],{"type":246,"value":940},{"type":241,"tag":272,"props":1878,"children":1879},{"style":279},[1880],{"type":246,"value":1881},"np-carousel",{"type":241,"tag":272,"props":1883,"children":1884},{"style":285},[1885],{"type":246,"value":293},{"type":246,"value":295},{"type":241,"tag":272,"props":1888,"children":1889},{"class":274,"style":275},[1890,1895,1899,1904],{"type":241,"tag":272,"props":1891,"children":1892},{"style":956},[1893],{"type":246,"value":1894},"  --np-carousel-gap",{"type":241,"tag":272,"props":1896,"children":1897},{"style":285},[1898],{"type":246,"value":288},{"type":241,"tag":272,"props":1900,"children":1901},{"style":977},[1902],{"type":246,"value":1903}," 0.75rem",{"type":241,"tag":272,"props":1905,"children":1906},{"style":285},[1907],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1910,"children":1911},{"class":274,"style":275},[1912,1917,1921,1926],{"type":241,"tag":272,"props":1913,"children":1914},{"style":956},[1915],{"type":246,"value":1916},"  --np-carousel-slide-size",{"type":241,"tag":272,"props":1918,"children":1919},{"style":285},[1920],{"type":246,"value":288},{"type":241,"tag":272,"props":1922,"children":1923},{"style":977},[1924],{"type":246,"value":1925}," 100%",{"type":241,"tag":272,"props":1927,"children":1928},{"style":285},[1929],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1932,"children":1933},{"class":274,"style":275},[1934,1939,1943,1948,1953,1958],{"type":241,"tag":272,"props":1935,"children":1936},{"style":956},[1937],{"type":246,"value":1938},"  --np-carousel-slide-aspect",{"type":241,"tag":272,"props":1940,"children":1941},{"style":285},[1942],{"type":246,"value":288},{"type":241,"tag":272,"props":1944,"children":1945},{"style":977},[1946],{"type":246,"value":1947}," 16",{"type":241,"tag":272,"props":1949,"children":1950},{"style":956},[1951],{"type":246,"value":1952}," \u002F ",{"type":241,"tag":272,"props":1954,"children":1955},{"style":977},[1956],{"type":246,"value":1957},"10",{"type":241,"tag":272,"props":1959,"children":1960},{"style":285},[1961],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1964,"children":1965},{"class":274,"style":275},[1966,1971,1975,1980],{"type":241,"tag":272,"props":1967,"children":1968},{"style":956},[1969],{"type":246,"value":1970},"  --np-carousel-thumb-size",{"type":241,"tag":272,"props":1972,"children":1973},{"style":285},[1974],{"type":246,"value":288},{"type":241,"tag":272,"props":1976,"children":1977},{"style":977},[1978],{"type":246,"value":1979}," 5.5rem",{"type":241,"tag":272,"props":1981,"children":1982},{"style":285},[1983],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":1986,"children":1987},{"class":274,"style":275},[1988,1993,1997,2002],{"type":241,"tag":272,"props":1989,"children":1990},{"style":956},[1991],{"type":246,"value":1992},"  --np-carousel-thumb-gap",{"type":241,"tag":272,"props":1994,"children":1995},{"style":285},[1996],{"type":246,"value":288},{"type":241,"tag":272,"props":1998,"children":1999},{"style":977},[2000],{"type":246,"value":2001}," 0.5rem",{"type":241,"tag":272,"props":2003,"children":2004},{"style":285},[2005],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":2008,"children":2009},{"class":274,"style":275},[2010,2015,2019,2023],{"type":241,"tag":272,"props":2011,"children":2012},{"style":956},[2013],{"type":246,"value":2014},"  --np-carousel-radius",{"type":241,"tag":272,"props":2016,"children":2017},{"style":285},[2018],{"type":246,"value":288},{"type":241,"tag":272,"props":2020,"children":2021},{"style":977},[2022],{"type":246,"value":2001},{"type":241,"tag":272,"props":2024,"children":2025},{"style":285},[2026],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":2029,"children":2030},{"class":274,"style":275},[2031,2036,2040,2044,2048,2052,2056,2060,2064,2068,2072,2077],{"type":241,"tag":272,"props":2032,"children":2033},{"style":956},[2034],{"type":246,"value":2035},"  --np-carousel-surface",{"type":241,"tag":272,"props":2037,"children":2038},{"style":285},[2039],{"type":246,"value":288},{"type":241,"tag":272,"props":2041,"children":2042},{"style":966},[2043],{"type":246,"value":969},{"type":241,"tag":272,"props":2045,"children":2046},{"style":285},[2047],{"type":246,"value":974},{"type":241,"tag":272,"props":2049,"children":2050},{"style":977},[2051],{"type":246,"value":980},{"type":241,"tag":272,"props":2053,"children":2054},{"style":285},[2055],{"type":246,"value":985},{"type":241,"tag":272,"props":2057,"children":2058},{"style":977},[2059],{"type":246,"value":990},{"type":241,"tag":272,"props":2061,"children":2062},{"style":285},[2063],{"type":246,"value":985},{"type":241,"tag":272,"props":2065,"children":2066},{"style":977},[2067],{"type":246,"value":990},{"type":241,"tag":272,"props":2069,"children":2070},{"style":285},[2071],{"type":246,"value":985},{"type":241,"tag":272,"props":2073,"children":2074},{"style":977},[2075],{"type":246,"value":2076}," 0.55",{"type":241,"tag":272,"props":2078,"children":2079},{"style":285},[2080],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":2083,"children":2084},{"class":274,"style":275},[2085,2090,2094,2099,2104],{"type":241,"tag":272,"props":2086,"children":2087},{"style":956},[2088],{"type":246,"value":2089},"  --np-carousel-surface-fg",{"type":241,"tag":272,"props":2091,"children":2092},{"style":285},[2093],{"type":246,"value":288},{"type":241,"tag":272,"props":2095,"children":2096},{"style":285},[2097],{"type":246,"value":2098}," #",{"type":241,"tag":272,"props":2100,"children":2101},{"style":956},[2102],{"type":246,"value":2103},"fff",{"type":241,"tag":272,"props":2105,"children":2106},{"style":285},[2107],{"type":246,"value":1035},{"type":246,"value":295},{"type":241,"tag":272,"props":2110,"children":2111},{"class":274,"style":275},[2112,2117,2121,2125,2129,2133,2137,2141,2145,2149,2153,2157],{"type":241,"tag":272,"props":2113,"children":2114},{"style":956},[2115],{"type":246,"value":2116},"  --np-carousel-thumb-border",{"type":241,"tag":272,"props":2118,"children":2119},{"style":285},[2120],{"type":246,"value":288},{"type":241,"tag":272,"props":2122,"children":2123},{"style":966},[2124],{"type":246,"value":969},{"type":241,"tag":272,"props":2126,"children":2127},{"style":285},[2128],{"type":246,"value":974},{"type":241,"tag":272,"props":2130,"children":2131},{"style":977},[2132],{"type":246,"value":980},{"type":241,"tag":272,"props":2134,"children":2135},{"style":285},[2136],{"type":246,"value":985},{"type":241,"tag":272,"props":2138,"children":2139},{"style":977},[2140],{"type":246,"value":990},{"type":241,"tag":272,"props":2142,"children":2143},{"style":285},[2144],{"type":246,"value":985},{"type":241,"tag":272,"props":2146,"children":2147},{"style":977},[2148],{"type":246,"value":990},{"type":241,"tag":272,"props":2150,"children":2151},{"style":285},[2152],{"type":246,"value":985},{"type":241,"tag":272,"props":2154,"children":2155},{"style":977},[2156],{"type":246,"value":1118},{"type":241,"tag":272,"props":2158,"children":2159},{"style":285},[2160],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":2163,"children":2164},{"class":274,"style":275},[2165],{"type":241,"tag":272,"props":2166,"children":2167},{"style":285},[2168],{"type":246,"value":338},{"type":241,"tag":242,"props":2170,"children":2171},{},[2172,2174,2179,2180,2185,2186,2191],{"type":246,"value":2173},"Slide size, aspect, and thumb size can also be set via props (",{"type":241,"tag":249,"props":2175,"children":2176},{},[2177],{"type":246,"value":2178},"slideSize",{"type":246,"value":888},{"type":241,"tag":249,"props":2181,"children":2182},{},[2183],{"type":246,"value":2184},"slideAspect",{"type":246,"value":888},{"type":241,"tag":249,"props":2187,"children":2188},{},[2189],{"type":246,"value":2190},"thumbSize",{"type":246,"value":2192},"). The prop wins over the variable.",{"type":241,"tag":921,"props":2194,"children":2196},{"id":2195},"css-variables-album",[2197],{"type":246,"value":2198},"Album",{"type":241,"tag":242,"props":2200,"children":2201},{},[2202],{"type":246,"value":2203},"Albums are mostly structural - spacing and padding come from props. For ready-made components, structure CSS is part of the layout contract, not decorative theme CSS.",{"type":241,"tag":422,"props":2205,"children":2207},{"id":2206},"why-structure-is-the-minimum",[2208,2210,2214],{"type":246,"value":2209},"Why ",{"type":241,"tag":249,"props":2211,"children":2212},{},[2213],{"type":246,"value":393},{"type":246,"value":2215}," is the minimum",{"type":241,"tag":242,"props":2217,"children":2218},{},[2219],{"type":246,"value":2220},"The structure CSS contains layout rules that are difficult to reproduce with Tailwind or other utility CSS:",{"type":241,"tag":2222,"props":2223,"children":2224},"ul",{},[2225,2238,2249],{"type":241,"tag":2226,"props":2227,"children":2228},"li",{},[2229,2231,2236],{"type":246,"value":2230},"Rows layout uses a trailing ",{"type":241,"tag":249,"props":2232,"children":2233},{},[2234],{"type":246,"value":2235},"\u003Cspan style=\"flex-grow:9999\">",{"type":246,"value":2237}," ghost to absorb remaining space.",{"type":241,"tag":2226,"props":2239,"children":2240},{},[2241,2243,2247],{"type":246,"value":2242},"Columns and masonry use nested ",{"type":241,"tag":249,"props":2244,"children":2245},{},[2246],{"type":246,"value":480},{"type":246,"value":2248}," children with explicit gap math.",{"type":241,"tag":2226,"props":2250,"children":2251},{},[2252],{"type":246,"value":2253},"The lightbox viewport coordinates CSS custom properties set by JavaScript (zoom state, pan offsets, gesture translate).",{"type":241,"tag":242,"props":2255,"children":2256},{},[2257,2259,2264],{"type":246,"value":2258},"The ",{"type":241,"tag":249,"props":2260,"children":2261},{},[2262],{"type":246,"value":2263},"css: 'none'",{"type":246,"value":2265}," setting requires a complete replacement for these rules. Use it only with a custom gallery CSS system.",{"type":241,"tag":422,"props":2267,"children":2269},{"id":2268},"overriding-with-itemclass-imgclass-etc",[2270,2272,2276,2277,2281],{"type":246,"value":2271},"Overriding with ",{"type":241,"tag":249,"props":2273,"children":2274},{},[2275],{"type":246,"value":886},{"type":246,"value":1952},{"type":241,"tag":249,"props":2278,"children":2279},{},[2280],{"type":246,"value":893},{"type":246,"value":2282}," \u002F etc.",{"type":241,"tag":242,"props":2284,"children":2285},{},[2286],{"type":246,"value":2287},"Ready-made components accept class-targeting props. They add to the default classes, so you extend rather than replace:",{"type":241,"tag":261,"props":2289,"children":2291},{"language":2290,"class":265},"vue",[2292],{"type":241,"tag":249,"props":2293,"children":2295},{"class":2294},"language-vue",[2296,2309,2310,2342,2343,2368,2369,2394,2395],{"type":241,"tag":272,"props":2297,"children":2298},{"class":274,"style":275},[2299,2304],{"type":241,"tag":272,"props":2300,"children":2301},{"style":285},[2302],{"type":246,"value":2303},"\u003C",{"type":241,"tag":272,"props":2305,"children":2307},{"style":2306},"color:#E53935;--shiki-dark:#F07178",[2308],{"type":246,"value":165},{"type":246,"value":295},{"type":241,"tag":272,"props":2311,"children":2312},{"class":274,"style":275},[2313,2318,2324,2329,2334,2338],{"type":241,"tag":272,"props":2314,"children":2315},{"style":285},[2316],{"type":246,"value":2317},"  :",{"type":241,"tag":272,"props":2319,"children":2321},{"style":2320},"color:#9C3EDA;--shiki-dark:#C792EA",[2322],{"type":246,"value":2323},"photos",{"type":241,"tag":272,"props":2325,"children":2326},{"style":285},[2327],{"type":246,"value":2328},"=",{"type":241,"tag":272,"props":2330,"children":2331},{"style":285},[2332],{"type":246,"value":2333},"\"",{"type":241,"tag":272,"props":2335,"children":2336},{"style":956},[2337],{"type":246,"value":2323},{"type":241,"tag":272,"props":2339,"children":2340},{"style":285},[2341],{"type":246,"value":2333},{"type":246,"value":295},{"type":241,"tag":272,"props":2344,"children":2345},{"class":274,"style":275},[2346,2351,2355,2359,2364],{"type":241,"tag":272,"props":2347,"children":2348},{"style":2320},[2349],{"type":246,"value":2350},"  item-class",{"type":241,"tag":272,"props":2352,"children":2353},{"style":285},[2354],{"type":246,"value":2328},{"type":241,"tag":272,"props":2356,"children":2357},{"style":285},[2358],{"type":246,"value":2333},{"type":241,"tag":272,"props":2360,"children":2361},{"style":315},[2362],{"type":246,"value":2363},"rounded-lg overflow-hidden shadow-lg",{"type":241,"tag":272,"props":2365,"children":2366},{"style":285},[2367],{"type":246,"value":2333},{"type":246,"value":295},{"type":241,"tag":272,"props":2370,"children":2371},{"class":274,"style":275},[2372,2377,2381,2385,2390],{"type":241,"tag":272,"props":2373,"children":2374},{"style":2320},[2375],{"type":246,"value":2376},"  img-class",{"type":241,"tag":272,"props":2378,"children":2379},{"style":285},[2380],{"type":246,"value":2328},{"type":241,"tag":272,"props":2382,"children":2383},{"style":285},[2384],{"type":246,"value":2333},{"type":241,"tag":272,"props":2386,"children":2387},{"style":315},[2388],{"type":246,"value":2389},"transition-transform hover:scale-105",{"type":241,"tag":272,"props":2391,"children":2392},{"style":285},[2393],{"type":246,"value":2333},{"type":246,"value":295},{"type":241,"tag":272,"props":2396,"children":2397},{"class":274,"style":275},[2398],{"type":241,"tag":272,"props":2399,"children":2400},{"style":956},[2401],{"type":246,"value":2402},"\u002F>",{"type":241,"tag":242,"props":2404,"children":2405},{},[2406],{"type":246,"value":2407},"Use this option for hover states, border treatments, and shadow effects that do not need custom layout calculations.",{"type":241,"tag":422,"props":2409,"children":2411},{"id":2410},"scoped-styles-in-your-components",[2412],{"type":246,"value":2413},"Scoped styles in your components",{"type":241,"tag":242,"props":2415,"children":2416},{},[2417,2419,2424,2426,2431,2433,2438],{"type":246,"value":2418},"Vue scoped styles rewrite class selectors. Therefore, a ",{"type":241,"tag":249,"props":2420,"children":2421},{},[2422],{"type":246,"value":2423},"\u003Cstyle scoped>",{"type":246,"value":2425}," block cannot target ",{"type":241,"tag":249,"props":2427,"children":2428},{},[2429],{"type":246,"value":2430},".np-album__item",{"type":246,"value":2432}," directly. Use ",{"type":241,"tag":249,"props":2434,"children":2435},{},[2436],{"type":246,"value":2437},":deep()",{"type":246,"value":288},{"type":241,"tag":261,"props":2440,"children":2441},{"language":2290,"class":265},[2442],{"type":241,"tag":249,"props":2443,"children":2444},{"class":2294},[2445,2467,2468,2504,2505,2545,2546,2553,2554],{"type":241,"tag":272,"props":2446,"children":2447},{"class":274,"style":275},[2448,2452,2457,2462],{"type":241,"tag":272,"props":2449,"children":2450},{"style":285},[2451],{"type":246,"value":2303},{"type":241,"tag":272,"props":2453,"children":2454},{"style":2306},[2455],{"type":246,"value":2456},"style",{"type":241,"tag":272,"props":2458,"children":2459},{"style":2320},[2460],{"type":246,"value":2461}," scoped",{"type":241,"tag":272,"props":2463,"children":2464},{"style":285},[2465],{"type":246,"value":2466},">",{"type":246,"value":295},{"type":241,"tag":272,"props":2469,"children":2470},{"class":274,"style":275},[2471,2475,2480,2485,2489,2494,2499],{"type":241,"tag":272,"props":2472,"children":2473},{"style":285},[2474],{"type":246,"value":940},{"type":241,"tag":272,"props":2476,"children":2477},{"style":279},[2478],{"type":246,"value":2479},"my-album",{"type":241,"tag":272,"props":2481,"children":2482},{"style":956},[2483],{"type":246,"value":2484}," :deep(",{"type":241,"tag":272,"props":2486,"children":2487},{"style":285},[2488],{"type":246,"value":940},{"type":241,"tag":272,"props":2490,"children":2491},{"style":279},[2492],{"type":246,"value":2493},"np-album__item",{"type":241,"tag":272,"props":2495,"children":2496},{"style":956},[2497],{"type":246,"value":2498},") ",{"type":241,"tag":272,"props":2500,"children":2501},{"style":285},[2502],{"type":246,"value":2503},"{",{"type":246,"value":295},{"type":241,"tag":272,"props":2506,"children":2507},{"class":274,"style":275},[2508,2514,2518,2522,2527,2532,2536,2541],{"type":241,"tag":272,"props":2509,"children":2511},{"style":2510},"color:#8796B0;--shiki-dark:#B2CCD6",[2512],{"type":246,"value":2513},"  border",{"type":241,"tag":272,"props":2515,"children":2516},{"style":285},[2517],{"type":246,"value":288},{"type":241,"tag":272,"props":2519,"children":2520},{"style":977},[2521],{"type":246,"value":1531},{"type":241,"tag":272,"props":2523,"children":2524},{"style":956},[2525],{"type":246,"value":2526}," solid ",{"type":241,"tag":272,"props":2528,"children":2529},{"style":966},[2530],{"type":246,"value":2531},"var",{"type":241,"tag":272,"props":2533,"children":2534},{"style":285},[2535],{"type":246,"value":974},{"type":241,"tag":272,"props":2537,"children":2538},{"style":956},[2539],{"type":246,"value":2540},"--accent",{"type":241,"tag":272,"props":2542,"children":2543},{"style":285},[2544],{"type":246,"value":1012},{"type":246,"value":295},{"type":241,"tag":272,"props":2547,"children":2548},{"class":274,"style":275},[2549],{"type":241,"tag":272,"props":2550,"children":2551},{"style":285},[2552],{"type":246,"value":338},{"type":246,"value":295},{"type":241,"tag":272,"props":2555,"children":2556},{"class":274,"style":275},[2557,2562,2566],{"type":241,"tag":272,"props":2558,"children":2559},{"style":285},[2560],{"type":246,"value":2561},"\u003C\u002F",{"type":241,"tag":272,"props":2563,"children":2564},{"style":2306},[2565],{"type":246,"value":2456},{"type":241,"tag":272,"props":2567,"children":2568},{"style":285},[2569],{"type":246,"value":2466},{"type":241,"tag":422,"props":2571,"children":2573},{"id":2572},"turning-off-everything",[2574],{"type":246,"value":2575},"Turning off everything",{"type":241,"tag":261,"props":2577,"children":2578},{"language":263,"filename":264,"class":265},[2579],{"type":241,"tag":249,"props":2580,"children":2581},{"class":269},[2582,2597,2598,2622,2623],{"type":241,"tag":272,"props":2583,"children":2584},{"class":274,"style":275},[2585,2589,2593],{"type":241,"tag":272,"props":2586,"children":2587},{"style":279},[2588],{"type":246,"value":282},{"type":241,"tag":272,"props":2590,"children":2591},{"style":285},[2592],{"type":246,"value":288},{"type":241,"tag":272,"props":2594,"children":2595},{"style":285},[2596],{"type":246,"value":293},{"type":246,"value":295},{"type":241,"tag":272,"props":2599,"children":2600},{"class":274,"style":275},[2601,2605,2609,2613,2618],{"type":241,"tag":272,"props":2602,"children":2603},{"style":279},[2604],{"type":246,"value":303},{"type":241,"tag":272,"props":2606,"children":2607},{"style":285},[2608],{"type":246,"value":288},{"type":241,"tag":272,"props":2610,"children":2611},{"style":285},[2612],{"type":246,"value":312},{"type":241,"tag":272,"props":2614,"children":2615},{"style":315},[2616],{"type":246,"value":2617},"none",{"type":241,"tag":272,"props":2619,"children":2620},{"style":285},[2621],{"type":246,"value":323},{"type":246,"value":295},{"type":241,"tag":272,"props":2624,"children":2625},{"class":274,"style":275},[2626],{"type":241,"tag":272,"props":2627,"children":2628},{"style":285},[2629],{"type":246,"value":338},{"type":241,"tag":2631,"props":2632,"children":2633},"warning",{},[2634,2636,2640],{"type":246,"value":2635},"Without the structure CSS, the grid calculations fail and photos collapse to zero-size boxes. Select ",{"type":241,"tag":249,"props":2637,"children":2638},{},[2639],{"type":246,"value":377},{"type":246,"value":2641}," only when you provide a complete replacement.",{"title":516,"searchDepth":2643,"depth":2643,"links":2644},4,[2645,2647,2653,2655,2657,2658],{"id":424,"depth":2646,"text":427},2,{"id":911,"depth":2646,"text":914,"children":2648},[2649,2651,2652],{"id":923,"depth":2650,"text":180},3,{"id":1860,"depth":2650,"text":1863},{"id":2195,"depth":2650,"text":2198},{"id":2206,"depth":2646,"text":2654},"Why 'structure' is the minimum",{"id":2268,"depth":2646,"text":2656},"Overriding with itemClass \u002F imgClass \u002F etc.",{"id":2410,"depth":2646,"text":2413},{"id":2572,"depth":2646,"text":2575},"markdown","docs",{"source":2662,"path":2663,"stem":2664,"dir":2665,"extension":2666},"content","docs\u002F4.reference\u002F11.css.md","docs\u002F4.reference\u002F11.css","reference","md",{"requestedPath":208,"resolvedPath":208,"alternates":2668},[],{"requested":2670,"resolved":2671,"usedFallback":6},{},{"locale":8},{"previous":2673,"next":2674},{"title":200,"id":201,"canonicalKey":202,"locale":8,"draft":6,"path":203},{"title":210,"id":211,"canonicalKey":212,"locale":8,"draft":6,"path":213},{"left":2676,"top":2676,"width":2677,"height":2677,"rotate":2676,"vFlip":6,"hFlip":6,"body":2678},0,24,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2a2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1m8 0h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\"\u002F>",{"left":2676,"top":2676,"width":2680,"height":2681,"rotate":2676,"vFlip":6,"hFlip":6,"body":2682},256,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":2676,"top":2676,"width":2680,"height":2684,"rotate":2676,"vFlip":6,"hFlip":6,"body":2685},168,"\u003Cpath fill=\"#00dc82\" d=\"M143.618 167.029h95.166c3.023 0 5.992-.771 8.61-2.237a16.96 16.96 0 0 0 6.302-6.115a16.3 16.3 0 0 0 2.304-8.352c0-2.932-.799-5.811-2.312-8.35L189.778 34.6a16.97 16.97 0 0 0-6.301-6.113a17.6 17.6 0 0 0-8.608-2.238c-3.023 0-5.991.772-8.609 2.238a16.96 16.96 0 0 0-6.3 6.113l-16.342 27.473l-31.95-53.724a17 17 0 0 0-6.304-6.112A17.64 17.64 0 0 0 96.754 0c-3.022 0-5.992.772-8.61 2.237a17 17 0 0 0-6.303 6.112L2.31 141.975a16.3 16.3 0 0 0-2.31 8.35c0 2.932.793 5.813 2.304 8.352a16.96 16.96 0 0 0 6.302 6.115a17.6 17.6 0 0 0 8.61 2.237h59.737c23.669 0 41.123-10.084 53.134-29.758l29.159-48.983l15.618-26.215l46.874 78.742h-62.492zm-67.64-26.24l-41.688-.01L96.782 35.796l31.181 52.492l-20.877 35.084c-7.976 12.765-17.037 17.416-31.107 17.416\"\u002F>",{"left":2676,"top":2676,"width":2677,"height":2677,"rotate":2676,"vFlip":6,"hFlip":6,"body":2687},"\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>",1788702885674]