[{"data":1,"prerenderedAt":1110},["ShallowReactive",2],{"navigation_docs":3,"-docs-examples-experimental-scroll-state-queries":215,"-docs-examples-experimental-scroll-state-queries-surround":1080,"$f3cqnhUip8dEAE10nBGFKK7zqHIsPPdV_tyaa4yQIIUE":1085},[4,20,50,165,175,185],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002F1.getting-started\u002F1.introduction","i-lucide-sprout",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002F1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"children":24,"page":6},"Framework Guides","\u002Fdocs\u002Fframework-guides","docs\u002F2.framework-guides",[25,30,35,40,45],{"title":26,"path":27,"stem":28,"icon":29},"Vue and Nuxt","\u002Fdocs\u002Fframework-guides\u002Fvue-nuxt","docs\u002F2.framework-guides\u002F1.vue-nuxt","i-simple-icons-vuedotjs",{"title":31,"path":32,"stem":33,"icon":34},"React and Next.js","\u002Fdocs\u002Fframework-guides\u002Freact-nextjs","docs\u002F2.framework-guides\u002F2.react-nextjs","i-simple-icons-react",{"title":36,"path":37,"stem":38,"icon":39},"Svelte and SvelteKit","\u002Fdocs\u002Fframework-guides\u002Fsvelte-sveltekit","docs\u002F2.framework-guides\u002F3.svelte-sveltekit","i-simple-icons-svelte",{"title":41,"path":42,"stem":43,"icon":44},"Web Components","\u002Fdocs\u002Fframework-guides\u002Fweb-components","docs\u002F2.framework-guides\u002F4.web-components","i-simple-icons-webcomponentsdotorg",{"title":46,"path":47,"stem":48,"icon":49},"Core","\u002Fdocs\u002Fframework-guides\u002Fcore","docs\u002F2.framework-guides\u002F5.core","i-lucide-braces",{"title":51,"path":52,"stem":53,"children":54,"page":6},"Examples","\u002Fdocs\u002Fexamples","docs\u002F3.examples",[55,100,135],{"title":56,"icon":6,"defaultOpen":6,"path":57,"stem":58,"children":59,"page":6},"Basic","\u002Fdocs\u002Fexamples\u002Fbasic","docs\u002F3.examples\u002F1.basic",[60,65,70,75,80,85,90,95],{"title":61,"path":62,"stem":63,"icon":64},"Simple","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsimple","docs\u002F3.examples\u002F1.basic\u002F1.simple","i-lucide-square",{"title":66,"path":67,"stem":68,"icon":69},"Snapping","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsnap","docs\u002F3.examples\u002F1.basic\u002F2.snap","i-lucide-magnet",{"title":71,"path":72,"stem":73,"icon":74},"Masonry","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fmasonry","docs\u002F3.examples\u002F1.basic\u002F3.masonry","i-lucide-grid-3x3",{"title":76,"path":77,"stem":78,"icon":79},"Right to Left","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fright-to-left","docs\u002F3.examples\u002F1.basic\u002F4.right-to-left","i-lucide-arrow-left-from-line",{"title":81,"path":82,"stem":83,"icon":84},"Sticky Slides","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsticky","docs\u002F3.examples\u002F1.basic\u002F5.sticky","i-lucide-pin",{"title":86,"path":87,"stem":88,"icon":89},"Buttons","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fbuttons","docs\u002F3.examples\u002F1.basic\u002F6.buttons","i-lucide-circle-arrow-right",{"title":91,"path":92,"stem":93,"icon":94},"Dots","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fdots","docs\u002F3.examples\u002F1.basic\u002F7.dots","i-lucide-rectangle-ellipsis",{"title":96,"path":97,"stem":98,"icon":99},"Thumbnails","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fthumbnails","docs\u002F3.examples\u002F1.basic\u002F8.thumbnails","i-lucide-layout-list",{"title":101,"icon":6,"defaultOpen":6,"path":102,"stem":103,"children":104,"page":6},"Advanced","\u002Fdocs\u002Fexamples\u002Fadvanced","docs\u002F3.examples\u002F2.advanced",[105,110,115,120,125,130],{"title":106,"path":107,"stem":108,"icon":109},"Cover Flow","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fcover-flow","docs\u002F3.examples\u002F2.advanced\u002F1.cover-flow","i-lucide-gallery-horizontal-end",{"title":111,"path":112,"stem":113,"icon":114},"Slideshow","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fslideshow","docs\u002F3.examples\u002F2.advanced\u002F2.slideshow","i-lucide-presentation",{"title":116,"path":117,"stem":118,"icon":119},"Stories","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fstories","docs\u002F3.examples\u002F2.advanced\u002F2.stories","i-lucide-circle-fading-plus",{"title":121,"path":122,"stem":123,"icon":124},"Smart Stack","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fsmart-stack","docs\u002F3.examples\u002F2.advanced\u002F3.smart-stack","i-lucide-layers",{"title":126,"path":127,"stem":128,"icon":129},"Cards","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fcards","docs\u002F3.examples\u002F2.advanced\u002F4.cards","i-lucide-images",{"title":131,"path":132,"stem":133,"icon":134},"Flipbook","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fflipbook","docs\u002F3.examples\u002F2.advanced\u002F5.flipbook","i-lucide-swatch-book",{"title":136,"icon":6,"defaultOpen":6,"path":137,"stem":138,"children":139,"page":6},"Experimental","\u002Fdocs\u002Fexamples\u002Fexperimental","docs\u002F3.examples\u002F3.experimental",[140,145,150,155,160],{"title":141,"path":142,"stem":143,"icon":144},"CSS Controls","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fcss-controls","docs\u002F3.examples\u002F3.experimental\u002F1.css-controls","i-lucide-eclipse",{"title":146,"path":147,"stem":148,"icon":149},"Scroll State Query","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-state-queries","docs\u002F3.examples\u002F3.experimental\u002F2.scroll-state-queries","i-lucide-anvil",{"title":151,"path":152,"stem":153,"icon":154},"Scroll Snap Events","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-snap-changing","docs\u002F3.examples\u002F3.experimental\u002F3.scroll-snap-changing","i-lucide-megaphone",{"title":156,"path":157,"stem":158,"icon":159},"Repeat","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Frepeat","docs\u002F3.examples\u002F3.experimental\u002F4.repeat","i-lucide-repeat",{"title":161,"path":162,"stem":163,"icon":164},"Scroll Trigger","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-trigger","docs\u002F3.examples\u002F3.experimental\u002F5.scroll-trigger","i-lucide-bow-arrow",{"title":166,"path":167,"stem":168,"children":169,"page":6},"A11y","\u002Fdocs\u002Fa11y","docs\u002F4.a11y",[170],{"title":171,"path":172,"stem":173,"icon":174},"Accessibility Guide","\u002Fdocs\u002Fa11y\u002Faccessibility-guide","docs\u002F4.a11y\u002Faccessibility-guide","i-lucide-person-standing",{"title":176,"path":177,"stem":178,"children":179,"page":6},"Ai","\u002Fdocs\u002Fai","docs\u002F5.AI",[180],{"title":181,"path":182,"stem":183,"icon":184},"Agent Skills","\u002Fdocs\u002Fai\u002Fagent-skills","docs\u002F5.AI\u002F1.agent-skills","i-lucide-sparkles",{"title":186,"icon":6,"path":187,"stem":188,"children":189,"page":6},"Migration Guides","\u002Fdocs\u002Fmigration-guides","docs\u002F6.migration-guides",[190,195,200,205,210],{"title":191,"path":192,"stem":193,"icon":194},"Embla","\u002Fdocs\u002Fmigration-guides\u002Fembla","docs\u002F6.migration-guides\u002F1.embla","i-lucide-atom",{"title":196,"path":197,"stem":198,"icon":199},"Swiper","\u002Fdocs\u002Fmigration-guides\u002Fswiper","docs\u002F6.migration-guides\u002F2.swiper","i-lucide-circle-slash",{"title":201,"path":202,"stem":203,"icon":204},"Splide","\u002Fdocs\u002Fmigration-guides\u002Fsplide","docs\u002F6.migration-guides\u002F3.splide","i-lucide-diamond",{"title":206,"path":207,"stem":208,"icon":209},"Slick","\u002Fdocs\u002Fmigration-guides\u002Fslick","docs\u002F6.migration-guides\u002F4.slick","i-lucide-ampersand",{"title":211,"path":212,"stem":213,"icon":214},"Flickity","\u002Fdocs\u002Fmigration-guides\u002Fflickity","docs\u002F6.migration-guides\u002F5.flickity","i-lucide-smartphone",{"id":216,"title":146,"body":217,"description":1071,"extension":1072,"links":1073,"meta":1074,"navigation":1075,"path":147,"seo":1076,"stem":148,"__hash__":1079},"docs\u002Fdocs\u002F3.examples\u002F3.experimental\u002F2.scroll-state-queries.md",{"type":218,"value":219,"toc":1069},"minimark",[220,234,237,1065],[221,222,223],"supports-scroll-state-support",{},[224,225,226,227],"caution",{},"Scroll-state queries are not yet supported in this browser. Check browser compatibility at ",[228,229,233],"a",{"href":230,"rel":231},"https:\u002F\u002Fcaniuse.com\u002F#feat=css-container-queries",[232],"nofollow","caniuse.com",[235,236],"example-scroll-state",{},[238,239,241,792],"tabs",{"sync":240},"example-code-style",[242,243,245],"tabs-item",{"label":244},"CSS",[246,247,248,594],"code-group",{},[249,250,256],"pre",{"className":251,"code":252,"filename":253,"language":254,"meta":255,"style":255},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".carousel {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: 200px;\n  gap: 1rem;\n  scroll-snap-type: x mandatory;\n}\n\n.slide {\n  width: 100%;\n  aspect-ratio: 3 \u002F 4;\n  scroll-snap-align: center;\n\n  container-type: scroll-state;\n  container-name: snap-container;\n}\n\n.card {\n  width: 100%;\n  height: 100%;\n  background: color-mix(in srgb, var(--color-primary) 50%, transparent);\n}\n\n@container snap-container scroll-state(snapped: x) {\n  .card {\n    background: var(--color-primary);\n  }\n}\n",".css","css","",[257,258,259,275,292,305,319,332,345,351,358,368,381,400,413,418,431,444,449,454,464,475,487,534,539,544,557,567,583,589],"code",{"__ignoreMap":255},[260,261,264,268,272],"span",{"class":262,"line":263},"line",1,[260,265,267],{"class":266},"sMK4o",".",[260,269,271],{"class":270},"sBMFI","carousel",[260,273,274],{"class":266}," {\n",[260,276,278,282,285,289],{"class":262,"line":277},2,[260,279,281],{"class":280},"sqsOY","  display",[260,283,284],{"class":266},":",[260,286,288],{"class":287},"sTEyZ"," grid",[260,290,291],{"class":266},";\n",[260,293,295,298,300,303],{"class":262,"line":294},3,[260,296,297],{"class":280},"  grid-auto-flow",[260,299,284],{"class":266},[260,301,302],{"class":287}," column",[260,304,291],{"class":266},[260,306,308,311,313,317],{"class":262,"line":307},4,[260,309,310],{"class":280},"  grid-auto-columns",[260,312,284],{"class":266},[260,314,316],{"class":315},"sbssI"," 200px",[260,318,291],{"class":266},[260,320,322,325,327,330],{"class":262,"line":321},5,[260,323,324],{"class":280},"  gap",[260,326,284],{"class":266},[260,328,329],{"class":315}," 1rem",[260,331,291],{"class":266},[260,333,335,338,340,343],{"class":262,"line":334},6,[260,336,337],{"class":280},"  scroll-snap-type",[260,339,284],{"class":266},[260,341,342],{"class":287}," x mandatory",[260,344,291],{"class":266},[260,346,348],{"class":262,"line":347},7,[260,349,350],{"class":266},"}\n",[260,352,354],{"class":262,"line":353},8,[260,355,357],{"emptyLinePlaceholder":356},true,"\n",[260,359,361,363,366],{"class":262,"line":360},9,[260,362,267],{"class":266},[260,364,365],{"class":270},"slide",[260,367,274],{"class":266},[260,369,371,374,376,379],{"class":262,"line":370},10,[260,372,373],{"class":280},"  width",[260,375,284],{"class":266},[260,377,378],{"class":315}," 100%",[260,380,291],{"class":266},[260,382,384,387,389,392,395,398],{"class":262,"line":383},11,[260,385,386],{"class":280},"  aspect-ratio",[260,388,284],{"class":266},[260,390,391],{"class":315}," 3",[260,393,394],{"class":287}," \u002F ",[260,396,397],{"class":315},"4",[260,399,291],{"class":266},[260,401,403,406,408,411],{"class":262,"line":402},12,[260,404,405],{"class":280},"  scroll-snap-align",[260,407,284],{"class":266},[260,409,410],{"class":287}," center",[260,412,291],{"class":266},[260,414,416],{"class":262,"line":415},13,[260,417,357],{"emptyLinePlaceholder":356},[260,419,421,424,426,429],{"class":262,"line":420},14,[260,422,423],{"class":280},"  container-type",[260,425,284],{"class":266},[260,427,428],{"class":287}," scroll-state",[260,430,291],{"class":266},[260,432,434,437,439,442],{"class":262,"line":433},15,[260,435,436],{"class":280},"  container-name",[260,438,284],{"class":266},[260,440,441],{"class":287}," snap-container",[260,443,291],{"class":266},[260,445,447],{"class":262,"line":446},16,[260,448,350],{"class":266},[260,450,452],{"class":262,"line":451},17,[260,453,357],{"emptyLinePlaceholder":356},[260,455,457,459,462],{"class":262,"line":456},18,[260,458,267],{"class":266},[260,460,461],{"class":270},"card",[260,463,274],{"class":266},[260,465,467,469,471,473],{"class":262,"line":466},19,[260,468,373],{"class":280},[260,470,284],{"class":266},[260,472,378],{"class":315},[260,474,291],{"class":266},[260,476,478,481,483,485],{"class":262,"line":477},20,[260,479,480],{"class":280},"  height",[260,482,284],{"class":266},[260,484,378],{"class":315},[260,486,291],{"class":266},[260,488,490,493,495,499,502,506,509,512,515,517,520,523,526,528,531],{"class":262,"line":489},21,[260,491,492],{"class":280},"  background",[260,494,284],{"class":266},[260,496,498],{"class":497},"s2Zo4"," color-mix",[260,500,501],{"class":266},"(",[260,503,505],{"class":504},"sHdIc","in",[260,507,508],{"class":287}," srgb",[260,510,511],{"class":266},",",[260,513,514],{"class":497}," var",[260,516,501],{"class":266},[260,518,519],{"class":287},"--color-primary",[260,521,522],{"class":266},")",[260,524,525],{"class":315}," 50%",[260,527,511],{"class":266},[260,529,530],{"class":287}," transparent",[260,532,533],{"class":266},");\n",[260,535,537],{"class":262,"line":536},22,[260,538,350],{"class":266},[260,540,542],{"class":262,"line":541},23,[260,543,357],{"emptyLinePlaceholder":356},[260,545,547,551,554],{"class":262,"line":546},24,[260,548,550],{"class":549},"s7zQu","@container",[260,552,553],{"class":287}," snap-container scroll-state(snapped: x) ",[260,555,556],{"class":266},"{\n",[260,558,560,563,565],{"class":262,"line":559},25,[260,561,562],{"class":266},"  .",[260,564,461],{"class":270},[260,566,274],{"class":266},[260,568,570,573,575,577,579,581],{"class":262,"line":569},26,[260,571,572],{"class":280},"    background",[260,574,284],{"class":266},[260,576,514],{"class":497},[260,578,501],{"class":266},[260,580,519],{"class":287},[260,582,533],{"class":266},[260,584,586],{"class":262,"line":585},27,[260,587,588],{"class":266},"  }\n",[260,590,592],{"class":262,"line":591},28,[260,593,350],{"class":266},[249,595,600],{"className":596,"code":597,"filename":598,"language":599,"meta":255,"style":255},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBlossomCarousel class=\"carousel\">\n  \u003Cdiv class=\"slide\">\n    \u003Cdiv class=\"card\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"slide\">\n    \u003Cdiv class=\"card\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"slide\">\n    \u003Cdiv class=\"card\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  ...\n\u003C\u002FBlossomCarousel>\n",".html","html",[257,601,602,629,649,673,682,700,722,730,748,770,778,783],{"__ignoreMap":255},[260,603,604,607,611,615,618,621,624,626],{"class":262,"line":263},[260,605,606],{"class":266},"\u003C",[260,608,610],{"class":609},"swJcz","BlossomCarousel",[260,612,614],{"class":613},"spNyl"," class",[260,616,617],{"class":266},"=",[260,619,620],{"class":266},"\"",[260,622,271],{"class":623},"sfazB",[260,625,620],{"class":266},[260,627,628],{"class":266},">\n",[260,630,631,634,637,639,641,643,645,647],{"class":262,"line":277},[260,632,633],{"class":266},"  \u003C",[260,635,636],{"class":609},"div",[260,638,614],{"class":613},[260,640,617],{"class":266},[260,642,620],{"class":266},[260,644,365],{"class":623},[260,646,620],{"class":266},[260,648,628],{"class":266},[260,650,651,654,656,658,660,662,664,666,669,671],{"class":262,"line":294},[260,652,653],{"class":266},"    \u003C",[260,655,636],{"class":609},[260,657,614],{"class":613},[260,659,617],{"class":266},[260,661,620],{"class":266},[260,663,461],{"class":623},[260,665,620],{"class":266},[260,667,668],{"class":266},">\u003C\u002F",[260,670,636],{"class":609},[260,672,628],{"class":266},[260,674,675,678,680],{"class":262,"line":307},[260,676,677],{"class":266},"  \u003C\u002F",[260,679,636],{"class":609},[260,681,628],{"class":266},[260,683,684,686,688,690,692,694,696,698],{"class":262,"line":321},[260,685,633],{"class":266},[260,687,636],{"class":609},[260,689,614],{"class":613},[260,691,617],{"class":266},[260,693,620],{"class":266},[260,695,365],{"class":623},[260,697,620],{"class":266},[260,699,628],{"class":266},[260,701,702,704,706,708,710,712,714,716,718,720],{"class":262,"line":334},[260,703,653],{"class":266},[260,705,636],{"class":609},[260,707,614],{"class":613},[260,709,617],{"class":266},[260,711,620],{"class":266},[260,713,461],{"class":623},[260,715,620],{"class":266},[260,717,668],{"class":266},[260,719,636],{"class":609},[260,721,628],{"class":266},[260,723,724,726,728],{"class":262,"line":347},[260,725,677],{"class":266},[260,727,636],{"class":609},[260,729,628],{"class":266},[260,731,732,734,736,738,740,742,744,746],{"class":262,"line":353},[260,733,633],{"class":266},[260,735,636],{"class":609},[260,737,614],{"class":613},[260,739,617],{"class":266},[260,741,620],{"class":266},[260,743,365],{"class":623},[260,745,620],{"class":266},[260,747,628],{"class":266},[260,749,750,752,754,756,758,760,762,764,766,768],{"class":262,"line":360},[260,751,653],{"class":266},[260,753,636],{"class":609},[260,755,614],{"class":613},[260,757,617],{"class":266},[260,759,620],{"class":266},[260,761,461],{"class":623},[260,763,620],{"class":266},[260,765,668],{"class":266},[260,767,636],{"class":609},[260,769,628],{"class":266},[260,771,772,774,776],{"class":262,"line":370},[260,773,677],{"class":266},[260,775,636],{"class":609},[260,777,628],{"class":266},[260,779,780],{"class":262,"line":383},[260,781,782],{"class":287},"  ...\n",[260,784,785,788,790],{"class":262,"line":402},[260,786,787],{"class":266},"\u003C\u002F",[260,789,610],{"class":609},[260,791,628],{"class":266},[242,793,795],{"label":794},"Tailwind",[246,796,797,876],{},[249,798,800],{"className":251,"code":799,"filename":253,"language":254,"meta":255,"style":255},".slide {\n  container-type: scroll-state;\n  container-name: snap-container;\n}\n\n@container snap-container scroll-state(snapped: x) {\n  .card {\n    background: var(--color-primary);\n  }\n}\n",[257,801,802,810,820,830,834,838,846,854,868,872],{"__ignoreMap":255},[260,803,804,806,808],{"class":262,"line":263},[260,805,267],{"class":266},[260,807,365],{"class":270},[260,809,274],{"class":266},[260,811,812,814,816,818],{"class":262,"line":277},[260,813,423],{"class":280},[260,815,284],{"class":266},[260,817,428],{"class":287},[260,819,291],{"class":266},[260,821,822,824,826,828],{"class":262,"line":294},[260,823,436],{"class":280},[260,825,284],{"class":266},[260,827,441],{"class":287},[260,829,291],{"class":266},[260,831,832],{"class":262,"line":307},[260,833,350],{"class":266},[260,835,836],{"class":262,"line":321},[260,837,357],{"emptyLinePlaceholder":356},[260,839,840,842,844],{"class":262,"line":334},[260,841,550],{"class":549},[260,843,553],{"class":287},[260,845,556],{"class":266},[260,847,848,850,852],{"class":262,"line":347},[260,849,562],{"class":266},[260,851,461],{"class":270},[260,853,274],{"class":266},[260,855,856,858,860,862,864,866],{"class":262,"line":353},[260,857,572],{"class":280},[260,859,284],{"class":266},[260,861,514],{"class":497},[260,863,501],{"class":266},[260,865,519],{"class":287},[260,867,533],{"class":266},[260,869,870],{"class":262,"line":360},[260,871,588],{"class":266},[260,873,874],{"class":262,"line":370},[260,875,350],{"class":266},[249,877,879],{"className":596,"code":878,"filename":598,"language":599,"meta":255,"style":255},"\u003CBlossomCarousel\n  class=\"grid! auto-cols-[200px] snap-x snap-mandatory grid-flow-col gap-4\"\n>\n  \u003Cdiv class=\"slide w-full snap-center aspect-3\u002F4\">\n    \u003Cdiv class=\"card size-full bg-primary\u002F50\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"slide w-full snap-center aspect-3\u002F4\">\n    \u003Cdiv class=\"card size-full bg-primary\u002F50\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"slide w-full snap-center aspect-3\u002F4\">\n    \u003Cdiv class=\"card size-full bg-primary\u002F50\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  ...\n\u003C\u002FBlossomCarousel>\n",[257,880,881,888,903,907,926,949,957,975,997,1005,1023,1045,1053,1057],{"__ignoreMap":255},[260,882,883,885],{"class":262,"line":263},[260,884,606],{"class":266},[260,886,887],{"class":609},"BlossomCarousel\n",[260,889,890,893,895,897,900],{"class":262,"line":277},[260,891,892],{"class":613},"  class",[260,894,617],{"class":266},[260,896,620],{"class":266},[260,898,899],{"class":623},"grid! auto-cols-[200px] snap-x snap-mandatory grid-flow-col gap-4",[260,901,902],{"class":266},"\"\n",[260,904,905],{"class":262,"line":294},[260,906,628],{"class":266},[260,908,909,911,913,915,917,919,922,924],{"class":262,"line":307},[260,910,633],{"class":266},[260,912,636],{"class":609},[260,914,614],{"class":613},[260,916,617],{"class":266},[260,918,620],{"class":266},[260,920,921],{"class":623},"slide w-full snap-center aspect-3\u002F4",[260,923,620],{"class":266},[260,925,628],{"class":266},[260,927,928,930,932,934,936,938,941,943,945,947],{"class":262,"line":321},[260,929,653],{"class":266},[260,931,636],{"class":609},[260,933,614],{"class":613},[260,935,617],{"class":266},[260,937,620],{"class":266},[260,939,940],{"class":623},"card size-full bg-primary\u002F50",[260,942,620],{"class":266},[260,944,668],{"class":266},[260,946,636],{"class":609},[260,948,628],{"class":266},[260,950,951,953,955],{"class":262,"line":334},[260,952,677],{"class":266},[260,954,636],{"class":609},[260,956,628],{"class":266},[260,958,959,961,963,965,967,969,971,973],{"class":262,"line":347},[260,960,633],{"class":266},[260,962,636],{"class":609},[260,964,614],{"class":613},[260,966,617],{"class":266},[260,968,620],{"class":266},[260,970,921],{"class":623},[260,972,620],{"class":266},[260,974,628],{"class":266},[260,976,977,979,981,983,985,987,989,991,993,995],{"class":262,"line":353},[260,978,653],{"class":266},[260,980,636],{"class":609},[260,982,614],{"class":613},[260,984,617],{"class":266},[260,986,620],{"class":266},[260,988,940],{"class":623},[260,990,620],{"class":266},[260,992,668],{"class":266},[260,994,636],{"class":609},[260,996,628],{"class":266},[260,998,999,1001,1003],{"class":262,"line":360},[260,1000,677],{"class":266},[260,1002,636],{"class":609},[260,1004,628],{"class":266},[260,1006,1007,1009,1011,1013,1015,1017,1019,1021],{"class":262,"line":370},[260,1008,633],{"class":266},[260,1010,636],{"class":609},[260,1012,614],{"class":613},[260,1014,617],{"class":266},[260,1016,620],{"class":266},[260,1018,921],{"class":623},[260,1020,620],{"class":266},[260,1022,628],{"class":266},[260,1024,1025,1027,1029,1031,1033,1035,1037,1039,1041,1043],{"class":262,"line":383},[260,1026,653],{"class":266},[260,1028,636],{"class":609},[260,1030,614],{"class":613},[260,1032,617],{"class":266},[260,1034,620],{"class":266},[260,1036,940],{"class":623},[260,1038,620],{"class":266},[260,1040,668],{"class":266},[260,1042,636],{"class":609},[260,1044,628],{"class":266},[260,1046,1047,1049,1051],{"class":262,"line":402},[260,1048,677],{"class":266},[260,1050,636],{"class":609},[260,1052,628],{"class":266},[260,1054,1055],{"class":262,"line":415},[260,1056,782],{"class":287},[260,1058,1059,1061,1063],{"class":262,"line":420},[260,1060,787],{"class":266},[260,1062,610],{"class":609},[260,1064,628],{"class":266},[1066,1067,1068],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":255,"searchDepth":277,"depth":277,"links":1070},[],"Use CSS scroll-state container queries to style slides based on their snap state.","md",null,{},{"icon":149},{"title":1077,"description":1078},"CSS scroll-state queries carousel with Blossom Carousel","Use CSS scroll-state container queries to style Blossom Carousel slides based on their snap state.","AJoWyiXEyT7-4Rjjix4qjhMwoxcyTUZ7bt7n2vAbl2M",[1081,1083],{"title":141,"path":142,"stem":143,"description":1082,"icon":144,"children":-1},"Use ::scroll-button and ::scroll-marker pseudo-elements to create interactive controls with CSS.",{"title":151,"path":152,"stem":153,"description":1084,"icon":154,"children":-1},"Trigger actions when a slide snaps using native scroll snap events.",{"baselineBadge":1086,"browserBadges":1090,"sources":1105,"updatedAt":1109},{"label":1087,"value":1088,"title":1089},"Baseline","Limited","scroll-state queries is not Baseline yet in the WebDX web-features data.",[1091,1095,1098,1102],{"browser":1092,"version":1093,"title":1094},"Chrome","133+","Chrome supports scroll-state queries from version 133.",{"browser":1096,"version":1093,"title":1097},"Edge","Edge supports scroll-state queries from version 133.",{"browser":1099,"version":1100,"title":1101},"Firefox","No","Firefox does not support scroll-state queries.",{"browser":1103,"version":1100,"title":1104},"Safari","Safari does not support scroll-state queries.",{"bcd":1106,"mdn":1107,"webFeatures":1108},"https:\u002F\u002Fgithub.com\u002Fmdn\u002Fbrowser-compat-data\u002Fblob\u002Fmain\u002Fcss\u002Fproperties\u002Fcontainer-type.json","https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS\u002FGuides\u002FConditional_rules\u002FContainer_scroll-state_queries","https:\u002F\u002Fgithub.com\u002Fweb-platform-dx\u002Fweb-features\u002Fblob\u002Fmain\u002Ffeatures\u002Fcontainer-scroll-state-queries.yml","2026-05-31T14:53:12.482Z",1780251488999]