[{"data":1,"prerenderedAt":2493},["ShallowReactive",2],{"navigation_docs":3,"-docs-examples-advanced-cards":215,"-docs-examples-advanced-cards-surround":2461,"$fSoLL_rMNAyGHq0-li8uxHUy71Ra9oqZfietPONPwFOc":2466},[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":126,"body":217,"description":2452,"extension":2453,"links":2454,"meta":2455,"navigation":2456,"path":127,"seo":2457,"stem":128,"__hash__":2460},"docs\u002Fdocs\u002F3.examples\u002F2.advanced\u002F4.cards.md",{"type":218,"value":219,"toc":2450},"minimark",[220,234,255,258,2447],[221,222,223],"supports-view-timeline-support",{},[224,225,226,227],"caution",{},"View-timeline is not yet supported in this browser. Check browser compatibility at ",[228,229,233],"a",{"href":230,"rel":231},"https:\u002F\u002Fcaniuse.com\u002F?search=scroll-snap-change",[232],"nofollow","caniuse.com",[235,236,237],"supports-view-timeline-safari-support",{},[224,238,239,240,244,245,248,249,254],{},"Safari's ",[241,242,243],"code",{},"view-timeline"," implementation does not yet account for sticky offsets when calculating ",[241,246,247],{},"animation-range: contain",", so scroll-driven animations in this example appear incorrect. See ",[228,250,253],{"href":251,"rel":252},"https:\u002F\u002Fbugs.webkit.org\u002Fshow_bug.cgi?id=288913",[232],"WebKit bug 288913",".",[256,257],"example-cards",{},[259,260,262,1613],"tabs",{"sync":261},"example-code-style",[263,264,266],"tabs-item",{"label":265},"CSS",[267,268,269,1172,1371],"code-group",{},[270,271,277],"pre",{"className":272,"code":273,"filename":274,"language":275,"meta":276,"style":276},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".carousel {\n  --card-width: 12rem;\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: 100%;\n  scroll-snap-type: x mandatory;\n  width: calc(var(--card-width) * 3);\n  padding-inline: var(--card-width);\n}\n\n.slide {\n  width: var(--card-width);\n  aspect-ratio: 3 \u002F 4;\n  position: sticky;\n  left: calc(var(--card-width) * -1);\n  right: calc(var(--card-width) * -1);\n\n  scroll-snap-align: center;\n  scroll-snap-stop: always;\n\n  transform-origin: center 70%;\n  will-change: transform;\n\n  view-timeline: --cards inline;\n  animation: stack-cards linear both;\n  animation-timeline: --cards;\n  animation-range: contain;\n\n  & .card {\n    width: 100%;\n    height: 100%;\n\n    animation: rotate-cards linear both;\n    animation-timeline: --cards;\n    animation-range: contain -50% contain 150%;\n  }\n}\n\n@keyframes stack-cards {\n  0% {\n    z-index: calc(100 - sibling-index());\n  }\n  40% {\n    z-index: 1000;\n  }\n  100% {\n    z-index: sibling-index();\n  }\n}\n\n@keyframes rotate-cards {\n  0% {\n    transform: translateX(-80%) rotate(10deg) scale(0.8);\n  }\n  25% {\n    transform: translateX(-90%) rotate(5deg) scale(0.9);\n  }\n  50% {\n    transform: translateX(0%) rotate(0deg) scale(1);\n  }\n  60% {\n    transform: translateX(-20%) rotate(-15deg) scale(0.6);\n  }\n  75% {\n    transform: translateX(90%) rotate(-5deg) scale(0.9);\n  }\n  100% {\n    transform: translateX(80%) rotate(-10deg) scale(0.8);\n  }\n}\n",".css","css","",[241,278,279,294,311,325,338,351,364,399,416,422,429,439,454,472,485,512,538,543,556,569,574,590,603,608,621,634,647,660,665,671,683,695,700,713,725,746,752,757,762,775,783,810,815,823,835,840,848,860,865,870,875,885,892,930,935,943,977,982,990,1024,1029,1037,1071,1076,1084,1117,1122,1129,1162,1167],{"__ignoreMap":276},[280,281,284,287,291],"span",{"class":282,"line":283},"line",1,[280,285,254],{"class":286},"sMK4o",[280,288,290],{"class":289},"sBMFI","carousel",[280,292,293],{"class":286}," {\n",[280,295,297,301,304,308],{"class":282,"line":296},2,[280,298,300],{"class":299},"sTEyZ","  --card-width",[280,302,303],{"class":286},":",[280,305,307],{"class":306},"sbssI"," 12rem",[280,309,310],{"class":286},";\n",[280,312,314,318,320,323],{"class":282,"line":313},3,[280,315,317],{"class":316},"sqsOY","  display",[280,319,303],{"class":286},[280,321,322],{"class":299}," grid",[280,324,310],{"class":286},[280,326,328,331,333,336],{"class":282,"line":327},4,[280,329,330],{"class":316},"  grid-auto-flow",[280,332,303],{"class":286},[280,334,335],{"class":299}," column",[280,337,310],{"class":286},[280,339,341,344,346,349],{"class":282,"line":340},5,[280,342,343],{"class":316},"  grid-auto-columns",[280,345,303],{"class":286},[280,347,348],{"class":306}," 100%",[280,350,310],{"class":286},[280,352,354,357,359,362],{"class":282,"line":353},6,[280,355,356],{"class":316},"  scroll-snap-type",[280,358,303],{"class":286},[280,360,361],{"class":299}," x mandatory",[280,363,310],{"class":286},[280,365,367,370,372,376,379,382,384,387,390,393,396],{"class":282,"line":366},7,[280,368,369],{"class":316},"  width",[280,371,303],{"class":286},[280,373,375],{"class":374},"s2Zo4"," calc",[280,377,378],{"class":286},"(",[280,380,381],{"class":374},"var",[280,383,378],{"class":286},[280,385,386],{"class":299},"--card-width",[280,388,389],{"class":286},")",[280,391,392],{"class":286}," *",[280,394,395],{"class":306}," 3",[280,397,398],{"class":286},");\n",[280,400,402,405,407,410,412,414],{"class":282,"line":401},8,[280,403,404],{"class":316},"  padding-inline",[280,406,303],{"class":286},[280,408,409],{"class":374}," var",[280,411,378],{"class":286},[280,413,386],{"class":299},[280,415,398],{"class":286},[280,417,419],{"class":282,"line":418},9,[280,420,421],{"class":286},"}\n",[280,423,425],{"class":282,"line":424},10,[280,426,428],{"emptyLinePlaceholder":427},true,"\n",[280,430,432,434,437],{"class":282,"line":431},11,[280,433,254],{"class":286},[280,435,436],{"class":289},"slide",[280,438,293],{"class":286},[280,440,442,444,446,448,450,452],{"class":282,"line":441},12,[280,443,369],{"class":316},[280,445,303],{"class":286},[280,447,409],{"class":374},[280,449,378],{"class":286},[280,451,386],{"class":299},[280,453,398],{"class":286},[280,455,457,460,462,464,467,470],{"class":282,"line":456},13,[280,458,459],{"class":316},"  aspect-ratio",[280,461,303],{"class":286},[280,463,395],{"class":306},[280,465,466],{"class":299}," \u002F ",[280,468,469],{"class":306},"4",[280,471,310],{"class":286},[280,473,475,478,480,483],{"class":282,"line":474},14,[280,476,477],{"class":316},"  position",[280,479,303],{"class":286},[280,481,482],{"class":299}," sticky",[280,484,310],{"class":286},[280,486,488,491,493,495,497,499,501,503,505,507,510],{"class":282,"line":487},15,[280,489,490],{"class":316},"  left",[280,492,303],{"class":286},[280,494,375],{"class":374},[280,496,378],{"class":286},[280,498,381],{"class":374},[280,500,378],{"class":286},[280,502,386],{"class":299},[280,504,389],{"class":286},[280,506,392],{"class":286},[280,508,509],{"class":306}," -1",[280,511,398],{"class":286},[280,513,515,518,520,522,524,526,528,530,532,534,536],{"class":282,"line":514},16,[280,516,517],{"class":316},"  right",[280,519,303],{"class":286},[280,521,375],{"class":374},[280,523,378],{"class":286},[280,525,381],{"class":374},[280,527,378],{"class":286},[280,529,386],{"class":299},[280,531,389],{"class":286},[280,533,392],{"class":286},[280,535,509],{"class":306},[280,537,398],{"class":286},[280,539,541],{"class":282,"line":540},17,[280,542,428],{"emptyLinePlaceholder":427},[280,544,546,549,551,554],{"class":282,"line":545},18,[280,547,548],{"class":316},"  scroll-snap-align",[280,550,303],{"class":286},[280,552,553],{"class":299}," center",[280,555,310],{"class":286},[280,557,559,562,564,567],{"class":282,"line":558},19,[280,560,561],{"class":316},"  scroll-snap-stop",[280,563,303],{"class":286},[280,565,566],{"class":299}," always",[280,568,310],{"class":286},[280,570,572],{"class":282,"line":571},20,[280,573,428],{"emptyLinePlaceholder":427},[280,575,577,580,582,585,588],{"class":282,"line":576},21,[280,578,579],{"class":316},"  transform-origin",[280,581,303],{"class":286},[280,583,584],{"class":299}," center ",[280,586,587],{"class":306},"70%",[280,589,310],{"class":286},[280,591,593,596,598,601],{"class":282,"line":592},22,[280,594,595],{"class":316},"  will-change",[280,597,303],{"class":286},[280,599,600],{"class":299}," transform",[280,602,310],{"class":286},[280,604,606],{"class":282,"line":605},23,[280,607,428],{"emptyLinePlaceholder":427},[280,609,611,614,616,619],{"class":282,"line":610},24,[280,612,613],{"class":299},"  view-timeline",[280,615,303],{"class":286},[280,617,618],{"class":299}," --cards inline",[280,620,310],{"class":286},[280,622,624,627,629,632],{"class":282,"line":623},25,[280,625,626],{"class":316},"  animation",[280,628,303],{"class":286},[280,630,631],{"class":299}," stack-cards linear both",[280,633,310],{"class":286},[280,635,637,640,642,645],{"class":282,"line":636},26,[280,638,639],{"class":299},"  animation-timeline",[280,641,303],{"class":286},[280,643,644],{"class":299}," --cards",[280,646,310],{"class":286},[280,648,650,653,655,658],{"class":282,"line":649},27,[280,651,652],{"class":299},"  animation-range",[280,654,303],{"class":286},[280,656,657],{"class":299}," contain",[280,659,310],{"class":286},[280,661,663],{"class":282,"line":662},28,[280,664,428],{"emptyLinePlaceholder":427},[280,666,668],{"class":282,"line":667},29,[280,669,670],{"class":299},"  & .card {\n",[280,672,674,677,679,681],{"class":282,"line":673},30,[280,675,676],{"class":316},"    width",[280,678,303],{"class":286},[280,680,348],{"class":306},[280,682,310],{"class":286},[280,684,686,689,691,693],{"class":282,"line":685},31,[280,687,688],{"class":316},"    height",[280,690,303],{"class":286},[280,692,348],{"class":306},[280,694,310],{"class":286},[280,696,698],{"class":282,"line":697},32,[280,699,428],{"emptyLinePlaceholder":427},[280,701,703,706,708,711],{"class":282,"line":702},33,[280,704,705],{"class":316},"    animation",[280,707,303],{"class":286},[280,709,710],{"class":299}," rotate-cards linear both",[280,712,310],{"class":286},[280,714,716,719,721,723],{"class":282,"line":715},34,[280,717,718],{"class":299},"    animation-timeline",[280,720,303],{"class":286},[280,722,644],{"class":299},[280,724,310],{"class":286},[280,726,728,731,733,736,739,741,744],{"class":282,"line":727},35,[280,729,730],{"class":299},"    animation-range",[280,732,303],{"class":286},[280,734,735],{"class":299}," contain ",[280,737,738],{"class":306},"-50%",[280,740,735],{"class":299},[280,742,743],{"class":306},"150%",[280,745,310],{"class":286},[280,747,749],{"class":282,"line":748},36,[280,750,751],{"class":286},"  }\n",[280,753,755],{"class":282,"line":754},37,[280,756,421],{"class":299},[280,758,760],{"class":282,"line":759},38,[280,761,428],{"emptyLinePlaceholder":427},[280,763,765,769,773],{"class":282,"line":764},39,[280,766,768],{"class":767},"s7zQu","@keyframes",[280,770,772],{"class":771},"sHdIc"," stack-cards",[280,774,293],{"class":286},[280,776,778,781],{"class":282,"line":777},40,[280,779,780],{"class":289},"  0%",[280,782,293],{"class":286},[280,784,786,789,791,793,795,798,801,804,806,808],{"class":282,"line":785},41,[280,787,788],{"class":316},"    z-index",[280,790,303],{"class":286},[280,792,375],{"class":374},[280,794,378],{"class":286},[280,796,797],{"class":306},"100",[280,799,800],{"class":286}," -",[280,802,803],{"class":299}," sibling-index(",[280,805,389],{"class":286},[280,807,389],{"class":299},[280,809,310],{"class":286},[280,811,813],{"class":282,"line":812},42,[280,814,751],{"class":286},[280,816,818,821],{"class":282,"line":817},43,[280,819,820],{"class":289},"  40%",[280,822,293],{"class":286},[280,824,826,828,830,833],{"class":282,"line":825},44,[280,827,788],{"class":316},[280,829,303],{"class":286},[280,831,832],{"class":306}," 1000",[280,834,310],{"class":286},[280,836,838],{"class":282,"line":837},45,[280,839,751],{"class":286},[280,841,843,846],{"class":282,"line":842},46,[280,844,845],{"class":289},"  100%",[280,847,293],{"class":286},[280,849,851,853,855,858],{"class":282,"line":850},47,[280,852,788],{"class":316},[280,854,303],{"class":286},[280,856,857],{"class":299}," sibling-index()",[280,859,310],{"class":286},[280,861,863],{"class":282,"line":862},48,[280,864,751],{"class":286},[280,866,868],{"class":282,"line":867},49,[280,869,421],{"class":286},[280,871,873],{"class":282,"line":872},50,[280,874,428],{"emptyLinePlaceholder":427},[280,876,878,880,883],{"class":282,"line":877},51,[280,879,768],{"class":767},[280,881,882],{"class":771}," rotate-cards",[280,884,293],{"class":286},[280,886,888,890],{"class":282,"line":887},52,[280,889,780],{"class":289},[280,891,293],{"class":286},[280,893,895,898,900,903,905,908,910,913,915,918,920,923,925,928],{"class":282,"line":894},53,[280,896,897],{"class":316},"    transform",[280,899,303],{"class":286},[280,901,902],{"class":374}," translateX",[280,904,378],{"class":286},[280,906,907],{"class":306},"-80%",[280,909,389],{"class":286},[280,911,912],{"class":374}," rotate",[280,914,378],{"class":286},[280,916,917],{"class":306},"10deg",[280,919,389],{"class":286},[280,921,922],{"class":374}," scale",[280,924,378],{"class":286},[280,926,927],{"class":306},"0.8",[280,929,398],{"class":286},[280,931,933],{"class":282,"line":932},54,[280,934,751],{"class":286},[280,936,938,941],{"class":282,"line":937},55,[280,939,940],{"class":289},"  25%",[280,942,293],{"class":286},[280,944,946,948,950,952,954,957,959,961,963,966,968,970,972,975],{"class":282,"line":945},56,[280,947,897],{"class":316},[280,949,303],{"class":286},[280,951,902],{"class":374},[280,953,378],{"class":286},[280,955,956],{"class":306},"-90%",[280,958,389],{"class":286},[280,960,912],{"class":374},[280,962,378],{"class":286},[280,964,965],{"class":306},"5deg",[280,967,389],{"class":286},[280,969,922],{"class":374},[280,971,378],{"class":286},[280,973,974],{"class":306},"0.9",[280,976,398],{"class":286},[280,978,980],{"class":282,"line":979},57,[280,981,751],{"class":286},[280,983,985,988],{"class":282,"line":984},58,[280,986,987],{"class":289},"  50%",[280,989,293],{"class":286},[280,991,993,995,997,999,1001,1004,1006,1008,1010,1013,1015,1017,1019,1022],{"class":282,"line":992},59,[280,994,897],{"class":316},[280,996,303],{"class":286},[280,998,902],{"class":374},[280,1000,378],{"class":286},[280,1002,1003],{"class":306},"0%",[280,1005,389],{"class":286},[280,1007,912],{"class":374},[280,1009,378],{"class":286},[280,1011,1012],{"class":306},"0deg",[280,1014,389],{"class":286},[280,1016,922],{"class":374},[280,1018,378],{"class":286},[280,1020,1021],{"class":306},"1",[280,1023,398],{"class":286},[280,1025,1027],{"class":282,"line":1026},60,[280,1028,751],{"class":286},[280,1030,1032,1035],{"class":282,"line":1031},61,[280,1033,1034],{"class":289},"  60%",[280,1036,293],{"class":286},[280,1038,1040,1042,1044,1046,1048,1051,1053,1055,1057,1060,1062,1064,1066,1069],{"class":282,"line":1039},62,[280,1041,897],{"class":316},[280,1043,303],{"class":286},[280,1045,902],{"class":374},[280,1047,378],{"class":286},[280,1049,1050],{"class":306},"-20%",[280,1052,389],{"class":286},[280,1054,912],{"class":374},[280,1056,378],{"class":286},[280,1058,1059],{"class":306},"-15deg",[280,1061,389],{"class":286},[280,1063,922],{"class":374},[280,1065,378],{"class":286},[280,1067,1068],{"class":306},"0.6",[280,1070,398],{"class":286},[280,1072,1074],{"class":282,"line":1073},63,[280,1075,751],{"class":286},[280,1077,1079,1082],{"class":282,"line":1078},64,[280,1080,1081],{"class":289},"  75%",[280,1083,293],{"class":286},[280,1085,1087,1089,1091,1093,1095,1098,1100,1102,1104,1107,1109,1111,1113,1115],{"class":282,"line":1086},65,[280,1088,897],{"class":316},[280,1090,303],{"class":286},[280,1092,902],{"class":374},[280,1094,378],{"class":286},[280,1096,1097],{"class":306},"90%",[280,1099,389],{"class":286},[280,1101,912],{"class":374},[280,1103,378],{"class":286},[280,1105,1106],{"class":306},"-5deg",[280,1108,389],{"class":286},[280,1110,922],{"class":374},[280,1112,378],{"class":286},[280,1114,974],{"class":306},[280,1116,398],{"class":286},[280,1118,1120],{"class":282,"line":1119},66,[280,1121,751],{"class":286},[280,1123,1125,1127],{"class":282,"line":1124},67,[280,1126,845],{"class":289},[280,1128,293],{"class":286},[280,1130,1132,1134,1136,1138,1140,1143,1145,1147,1149,1152,1154,1156,1158,1160],{"class":282,"line":1131},68,[280,1133,897],{"class":316},[280,1135,303],{"class":286},[280,1137,902],{"class":374},[280,1139,378],{"class":286},[280,1141,1142],{"class":306},"80%",[280,1144,389],{"class":286},[280,1146,912],{"class":374},[280,1148,378],{"class":286},[280,1150,1151],{"class":306},"-10deg",[280,1153,389],{"class":286},[280,1155,922],{"class":374},[280,1157,378],{"class":286},[280,1159,927],{"class":306},[280,1161,398],{"class":286},[280,1163,1165],{"class":282,"line":1164},69,[280,1166,751],{"class":286},[280,1168,1170],{"class":282,"line":1169},70,[280,1171,421],{"class":286},[270,1173,1178],{"className":1174,"code":1175,"filename":1176,"language":1177,"meta":276,"style":276},"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",[241,1179,1180,1207,1227,1252,1261,1279,1301,1309,1327,1349,1357,1362],{"__ignoreMap":276},[280,1181,1182,1185,1189,1193,1196,1199,1202,1204],{"class":282,"line":283},[280,1183,1184],{"class":286},"\u003C",[280,1186,1188],{"class":1187},"swJcz","BlossomCarousel",[280,1190,1192],{"class":1191},"spNyl"," class",[280,1194,1195],{"class":286},"=",[280,1197,1198],{"class":286},"\"",[280,1200,290],{"class":1201},"sfazB",[280,1203,1198],{"class":286},[280,1205,1206],{"class":286},">\n",[280,1208,1209,1212,1215,1217,1219,1221,1223,1225],{"class":282,"line":296},[280,1210,1211],{"class":286},"  \u003C",[280,1213,1214],{"class":1187},"div",[280,1216,1192],{"class":1191},[280,1218,1195],{"class":286},[280,1220,1198],{"class":286},[280,1222,436],{"class":1201},[280,1224,1198],{"class":286},[280,1226,1206],{"class":286},[280,1228,1229,1232,1234,1236,1238,1240,1243,1245,1248,1250],{"class":282,"line":313},[280,1230,1231],{"class":286},"    \u003C",[280,1233,1214],{"class":1187},[280,1235,1192],{"class":1191},[280,1237,1195],{"class":286},[280,1239,1198],{"class":286},[280,1241,1242],{"class":1201},"card",[280,1244,1198],{"class":286},[280,1246,1247],{"class":286},">\u003C\u002F",[280,1249,1214],{"class":1187},[280,1251,1206],{"class":286},[280,1253,1254,1257,1259],{"class":282,"line":327},[280,1255,1256],{"class":286},"  \u003C\u002F",[280,1258,1214],{"class":1187},[280,1260,1206],{"class":286},[280,1262,1263,1265,1267,1269,1271,1273,1275,1277],{"class":282,"line":340},[280,1264,1211],{"class":286},[280,1266,1214],{"class":1187},[280,1268,1192],{"class":1191},[280,1270,1195],{"class":286},[280,1272,1198],{"class":286},[280,1274,436],{"class":1201},[280,1276,1198],{"class":286},[280,1278,1206],{"class":286},[280,1280,1281,1283,1285,1287,1289,1291,1293,1295,1297,1299],{"class":282,"line":353},[280,1282,1231],{"class":286},[280,1284,1214],{"class":1187},[280,1286,1192],{"class":1191},[280,1288,1195],{"class":286},[280,1290,1198],{"class":286},[280,1292,1242],{"class":1201},[280,1294,1198],{"class":286},[280,1296,1247],{"class":286},[280,1298,1214],{"class":1187},[280,1300,1206],{"class":286},[280,1302,1303,1305,1307],{"class":282,"line":366},[280,1304,1256],{"class":286},[280,1306,1214],{"class":1187},[280,1308,1206],{"class":286},[280,1310,1311,1313,1315,1317,1319,1321,1323,1325],{"class":282,"line":401},[280,1312,1211],{"class":286},[280,1314,1214],{"class":1187},[280,1316,1192],{"class":1191},[280,1318,1195],{"class":286},[280,1320,1198],{"class":286},[280,1322,436],{"class":1201},[280,1324,1198],{"class":286},[280,1326,1206],{"class":286},[280,1328,1329,1331,1333,1335,1337,1339,1341,1343,1345,1347],{"class":282,"line":418},[280,1330,1231],{"class":286},[280,1332,1214],{"class":1187},[280,1334,1192],{"class":1191},[280,1336,1195],{"class":286},[280,1338,1198],{"class":286},[280,1340,1242],{"class":1201},[280,1342,1198],{"class":286},[280,1344,1247],{"class":286},[280,1346,1214],{"class":1187},[280,1348,1206],{"class":286},[280,1350,1351,1353,1355],{"class":282,"line":424},[280,1352,1256],{"class":286},[280,1354,1214],{"class":1187},[280,1356,1206],{"class":286},[280,1358,1359],{"class":282,"line":431},[280,1360,1361],{"class":299},"  ...\n",[280,1363,1364,1367,1369],{"class":282,"line":441},[280,1365,1366],{"class":286},"\u003C\u002F",[280,1368,1188],{"class":1187},[280,1370,1206],{"class":286},[270,1372,1377],{"className":1373,"code":1374,"filename":1375,"language":1376,"meta":276,"style":276},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","carousel.addEventListener(\"overscroll\", (event: CustomEvent) => {\n  const overscroll = event.detail.left * 0.2;\n  Array.from(event.target.children).forEach((child) => {\n    child.style.transform = `translateX(${overscroll}px) rotate(${(overscroll \u002F event.target.clientWidth) * 70}deg) scale(${1 - Math.abs(overscroll) \u002F event.target.clientWidth})`;\n  });\n});\n",".ts","ts",[241,1378,1379,1418,1449,1493,1596,1605],{"__ignoreMap":276},[280,1380,1381,1383,1385,1388,1390,1392,1395,1397,1400,1403,1406,1408,1411,1413,1416],{"class":282,"line":283},[280,1382,290],{"class":299},[280,1384,254],{"class":286},[280,1386,1387],{"class":374},"addEventListener",[280,1389,378],{"class":299},[280,1391,1198],{"class":286},[280,1393,1394],{"class":1201},"overscroll",[280,1396,1198],{"class":286},[280,1398,1399],{"class":286},",",[280,1401,1402],{"class":286}," (",[280,1404,1405],{"class":771},"event",[280,1407,303],{"class":286},[280,1409,1410],{"class":289}," CustomEvent",[280,1412,389],{"class":286},[280,1414,1415],{"class":1191}," =>",[280,1417,293],{"class":286},[280,1419,1420,1423,1426,1429,1432,1434,1437,1439,1442,1444,1447],{"class":282,"line":296},[280,1421,1422],{"class":1191},"  const",[280,1424,1425],{"class":299}," overscroll",[280,1427,1428],{"class":286}," =",[280,1430,1431],{"class":299}," event",[280,1433,254],{"class":286},[280,1435,1436],{"class":299},"detail",[280,1438,254],{"class":286},[280,1440,1441],{"class":299},"left",[280,1443,392],{"class":286},[280,1445,1446],{"class":306}," 0.2",[280,1448,310],{"class":286},[280,1450,1451,1454,1456,1459,1461,1463,1465,1468,1470,1473,1475,1477,1480,1482,1484,1487,1489,1491],{"class":282,"line":313},[280,1452,1453],{"class":299},"  Array",[280,1455,254],{"class":286},[280,1457,1458],{"class":374},"from",[280,1460,378],{"class":1187},[280,1462,1405],{"class":299},[280,1464,254],{"class":286},[280,1466,1467],{"class":299},"target",[280,1469,254],{"class":286},[280,1471,1472],{"class":299},"children",[280,1474,389],{"class":1187},[280,1476,254],{"class":286},[280,1478,1479],{"class":374},"forEach",[280,1481,378],{"class":1187},[280,1483,378],{"class":286},[280,1485,1486],{"class":771},"child",[280,1488,389],{"class":286},[280,1490,1415],{"class":1191},[280,1492,293],{"class":286},[280,1494,1495,1498,1500,1503,1505,1508,1510,1513,1516,1519,1521,1524,1527,1529,1532,1535,1537,1539,1541,1543,1546,1549,1552,1554,1557,1559,1561,1563,1566,1568,1571,1574,1576,1578,1580,1582,1584,1587,1589,1591,1594],{"class":282,"line":327},[280,1496,1497],{"class":299},"    child",[280,1499,254],{"class":286},[280,1501,1502],{"class":299},"style",[280,1504,254],{"class":286},[280,1506,1507],{"class":299},"transform",[280,1509,1428],{"class":286},[280,1511,1512],{"class":286}," `",[280,1514,1515],{"class":1201},"translateX(",[280,1517,1518],{"class":286},"${",[280,1520,1394],{"class":299},[280,1522,1523],{"class":286},"}",[280,1525,1526],{"class":1201},"px) rotate(",[280,1528,1518],{"class":286},[280,1530,1531],{"class":299},"(overscroll ",[280,1533,1534],{"class":286},"\u002F",[280,1536,1431],{"class":299},[280,1538,254],{"class":286},[280,1540,1467],{"class":299},[280,1542,254],{"class":286},[280,1544,1545],{"class":299},"clientWidth) ",[280,1547,1548],{"class":286},"*",[280,1550,1551],{"class":306}," 70",[280,1553,1523],{"class":286},[280,1555,1556],{"class":1201},"deg) scale(",[280,1558,1518],{"class":286},[280,1560,1021],{"class":306},[280,1562,800],{"class":286},[280,1564,1565],{"class":299}," Math",[280,1567,254],{"class":286},[280,1569,1570],{"class":374},"abs",[280,1572,1573],{"class":299},"(overscroll) ",[280,1575,1534],{"class":286},[280,1577,1431],{"class":299},[280,1579,254],{"class":286},[280,1581,1467],{"class":299},[280,1583,254],{"class":286},[280,1585,1586],{"class":299},"clientWidth",[280,1588,1523],{"class":286},[280,1590,389],{"class":1201},[280,1592,1593],{"class":286},"`",[280,1595,310],{"class":286},[280,1597,1598,1601,1603],{"class":282,"line":340},[280,1599,1600],{"class":286},"  }",[280,1602,389],{"class":1187},[280,1604,310],{"class":286},[280,1606,1607,1609,1611],{"class":282,"line":353},[280,1608,1523],{"class":286},[280,1610,389],{"class":299},[280,1612,310],{"class":286},[263,1614,1616],{"label":1615},"Tailwind",[267,1617,1618,2119,2249],{},[270,1619,1621],{"className":272,"code":1620,"filename":274,"language":275,"meta":276,"style":276},".carousel {\n  --card-width: 12rem;\n}\n\n.slide {\n  transform-origin: center 70%;\n  will-change: transform;\n\n  view-timeline: --cards inline;\n  animation: stack-cards linear both;\n  animation-timeline: --cards;\n  animation-range: contain;\n\n  & .card {\n    animation: rotate-cards linear both;\n    animation-timeline: --cards;\n    animation-range: contain -50% contain 150%;\n  }\n}\n\n@keyframes stack-cards {\n  0% {\n    z-index: calc(100 - sibling-index());\n  }\n  40% {\n    z-index: 1000;\n  }\n  100% {\n    z-index: sibling-index();\n  }\n}\n\n@keyframes rotate-cards {\n  0% {\n    transform: translateX(-80%) rotate(10deg) scale(0.8);\n  }\n  25% {\n    transform: translateX(-90%) rotate(5deg) scale(0.9);\n  }\n  50% {\n    transform: translateX(0%) rotate(0deg) scale(1);\n  }\n  60% {\n    transform: translateX(-20%) rotate(-15deg) scale(0.6);\n  }\n  75% {\n    transform: translateX(90%) rotate(-5deg) scale(0.9);\n  }\n  100% {\n    transform: translateX(80%) rotate(-10deg) scale(0.8);\n  }\n}\n",[241,1622,1623,1631,1641,1645,1649,1657,1669,1679,1683,1693,1703,1713,1723,1727,1731,1741,1751,1767,1771,1775,1779,1787,1793,1815,1819,1825,1835,1839,1845,1855,1859,1863,1867,1875,1881,1911,1915,1921,1951,1955,1961,1991,1995,2001,2031,2035,2041,2071,2075,2081,2111,2115],{"__ignoreMap":276},[280,1624,1625,1627,1629],{"class":282,"line":283},[280,1626,254],{"class":286},[280,1628,290],{"class":289},[280,1630,293],{"class":286},[280,1632,1633,1635,1637,1639],{"class":282,"line":296},[280,1634,300],{"class":299},[280,1636,303],{"class":286},[280,1638,307],{"class":306},[280,1640,310],{"class":286},[280,1642,1643],{"class":282,"line":313},[280,1644,421],{"class":286},[280,1646,1647],{"class":282,"line":327},[280,1648,428],{"emptyLinePlaceholder":427},[280,1650,1651,1653,1655],{"class":282,"line":340},[280,1652,254],{"class":286},[280,1654,436],{"class":289},[280,1656,293],{"class":286},[280,1658,1659,1661,1663,1665,1667],{"class":282,"line":353},[280,1660,579],{"class":316},[280,1662,303],{"class":286},[280,1664,584],{"class":299},[280,1666,587],{"class":306},[280,1668,310],{"class":286},[280,1670,1671,1673,1675,1677],{"class":282,"line":366},[280,1672,595],{"class":316},[280,1674,303],{"class":286},[280,1676,600],{"class":299},[280,1678,310],{"class":286},[280,1680,1681],{"class":282,"line":401},[280,1682,428],{"emptyLinePlaceholder":427},[280,1684,1685,1687,1689,1691],{"class":282,"line":418},[280,1686,613],{"class":299},[280,1688,303],{"class":286},[280,1690,618],{"class":299},[280,1692,310],{"class":286},[280,1694,1695,1697,1699,1701],{"class":282,"line":424},[280,1696,626],{"class":316},[280,1698,303],{"class":286},[280,1700,631],{"class":299},[280,1702,310],{"class":286},[280,1704,1705,1707,1709,1711],{"class":282,"line":431},[280,1706,639],{"class":299},[280,1708,303],{"class":286},[280,1710,644],{"class":299},[280,1712,310],{"class":286},[280,1714,1715,1717,1719,1721],{"class":282,"line":441},[280,1716,652],{"class":299},[280,1718,303],{"class":286},[280,1720,657],{"class":299},[280,1722,310],{"class":286},[280,1724,1725],{"class":282,"line":456},[280,1726,428],{"emptyLinePlaceholder":427},[280,1728,1729],{"class":282,"line":474},[280,1730,670],{"class":299},[280,1732,1733,1735,1737,1739],{"class":282,"line":487},[280,1734,705],{"class":316},[280,1736,303],{"class":286},[280,1738,710],{"class":299},[280,1740,310],{"class":286},[280,1742,1743,1745,1747,1749],{"class":282,"line":514},[280,1744,718],{"class":299},[280,1746,303],{"class":286},[280,1748,644],{"class":299},[280,1750,310],{"class":286},[280,1752,1753,1755,1757,1759,1761,1763,1765],{"class":282,"line":540},[280,1754,730],{"class":299},[280,1756,303],{"class":286},[280,1758,735],{"class":299},[280,1760,738],{"class":306},[280,1762,735],{"class":299},[280,1764,743],{"class":306},[280,1766,310],{"class":286},[280,1768,1769],{"class":282,"line":545},[280,1770,751],{"class":286},[280,1772,1773],{"class":282,"line":558},[280,1774,421],{"class":299},[280,1776,1777],{"class":282,"line":571},[280,1778,428],{"emptyLinePlaceholder":427},[280,1780,1781,1783,1785],{"class":282,"line":576},[280,1782,768],{"class":767},[280,1784,772],{"class":771},[280,1786,293],{"class":286},[280,1788,1789,1791],{"class":282,"line":592},[280,1790,780],{"class":289},[280,1792,293],{"class":286},[280,1794,1795,1797,1799,1801,1803,1805,1807,1809,1811,1813],{"class":282,"line":605},[280,1796,788],{"class":316},[280,1798,303],{"class":286},[280,1800,375],{"class":374},[280,1802,378],{"class":286},[280,1804,797],{"class":306},[280,1806,800],{"class":286},[280,1808,803],{"class":299},[280,1810,389],{"class":286},[280,1812,389],{"class":299},[280,1814,310],{"class":286},[280,1816,1817],{"class":282,"line":610},[280,1818,751],{"class":286},[280,1820,1821,1823],{"class":282,"line":623},[280,1822,820],{"class":289},[280,1824,293],{"class":286},[280,1826,1827,1829,1831,1833],{"class":282,"line":636},[280,1828,788],{"class":316},[280,1830,303],{"class":286},[280,1832,832],{"class":306},[280,1834,310],{"class":286},[280,1836,1837],{"class":282,"line":649},[280,1838,751],{"class":286},[280,1840,1841,1843],{"class":282,"line":662},[280,1842,845],{"class":289},[280,1844,293],{"class":286},[280,1846,1847,1849,1851,1853],{"class":282,"line":667},[280,1848,788],{"class":316},[280,1850,303],{"class":286},[280,1852,857],{"class":299},[280,1854,310],{"class":286},[280,1856,1857],{"class":282,"line":673},[280,1858,751],{"class":286},[280,1860,1861],{"class":282,"line":685},[280,1862,421],{"class":286},[280,1864,1865],{"class":282,"line":697},[280,1866,428],{"emptyLinePlaceholder":427},[280,1868,1869,1871,1873],{"class":282,"line":702},[280,1870,768],{"class":767},[280,1872,882],{"class":771},[280,1874,293],{"class":286},[280,1876,1877,1879],{"class":282,"line":715},[280,1878,780],{"class":289},[280,1880,293],{"class":286},[280,1882,1883,1885,1887,1889,1891,1893,1895,1897,1899,1901,1903,1905,1907,1909],{"class":282,"line":727},[280,1884,897],{"class":316},[280,1886,303],{"class":286},[280,1888,902],{"class":374},[280,1890,378],{"class":286},[280,1892,907],{"class":306},[280,1894,389],{"class":286},[280,1896,912],{"class":374},[280,1898,378],{"class":286},[280,1900,917],{"class":306},[280,1902,389],{"class":286},[280,1904,922],{"class":374},[280,1906,378],{"class":286},[280,1908,927],{"class":306},[280,1910,398],{"class":286},[280,1912,1913],{"class":282,"line":748},[280,1914,751],{"class":286},[280,1916,1917,1919],{"class":282,"line":754},[280,1918,940],{"class":289},[280,1920,293],{"class":286},[280,1922,1923,1925,1927,1929,1931,1933,1935,1937,1939,1941,1943,1945,1947,1949],{"class":282,"line":759},[280,1924,897],{"class":316},[280,1926,303],{"class":286},[280,1928,902],{"class":374},[280,1930,378],{"class":286},[280,1932,956],{"class":306},[280,1934,389],{"class":286},[280,1936,912],{"class":374},[280,1938,378],{"class":286},[280,1940,965],{"class":306},[280,1942,389],{"class":286},[280,1944,922],{"class":374},[280,1946,378],{"class":286},[280,1948,974],{"class":306},[280,1950,398],{"class":286},[280,1952,1953],{"class":282,"line":764},[280,1954,751],{"class":286},[280,1956,1957,1959],{"class":282,"line":777},[280,1958,987],{"class":289},[280,1960,293],{"class":286},[280,1962,1963,1965,1967,1969,1971,1973,1975,1977,1979,1981,1983,1985,1987,1989],{"class":282,"line":785},[280,1964,897],{"class":316},[280,1966,303],{"class":286},[280,1968,902],{"class":374},[280,1970,378],{"class":286},[280,1972,1003],{"class":306},[280,1974,389],{"class":286},[280,1976,912],{"class":374},[280,1978,378],{"class":286},[280,1980,1012],{"class":306},[280,1982,389],{"class":286},[280,1984,922],{"class":374},[280,1986,378],{"class":286},[280,1988,1021],{"class":306},[280,1990,398],{"class":286},[280,1992,1993],{"class":282,"line":812},[280,1994,751],{"class":286},[280,1996,1997,1999],{"class":282,"line":817},[280,1998,1034],{"class":289},[280,2000,293],{"class":286},[280,2002,2003,2005,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025,2027,2029],{"class":282,"line":825},[280,2004,897],{"class":316},[280,2006,303],{"class":286},[280,2008,902],{"class":374},[280,2010,378],{"class":286},[280,2012,1050],{"class":306},[280,2014,389],{"class":286},[280,2016,912],{"class":374},[280,2018,378],{"class":286},[280,2020,1059],{"class":306},[280,2022,389],{"class":286},[280,2024,922],{"class":374},[280,2026,378],{"class":286},[280,2028,1068],{"class":306},[280,2030,398],{"class":286},[280,2032,2033],{"class":282,"line":837},[280,2034,751],{"class":286},[280,2036,2037,2039],{"class":282,"line":842},[280,2038,1081],{"class":289},[280,2040,293],{"class":286},[280,2042,2043,2045,2047,2049,2051,2053,2055,2057,2059,2061,2063,2065,2067,2069],{"class":282,"line":850},[280,2044,897],{"class":316},[280,2046,303],{"class":286},[280,2048,902],{"class":374},[280,2050,378],{"class":286},[280,2052,1097],{"class":306},[280,2054,389],{"class":286},[280,2056,912],{"class":374},[280,2058,378],{"class":286},[280,2060,1106],{"class":306},[280,2062,389],{"class":286},[280,2064,922],{"class":374},[280,2066,378],{"class":286},[280,2068,974],{"class":306},[280,2070,398],{"class":286},[280,2072,2073],{"class":282,"line":862},[280,2074,751],{"class":286},[280,2076,2077,2079],{"class":282,"line":867},[280,2078,845],{"class":289},[280,2080,293],{"class":286},[280,2082,2083,2085,2087,2089,2091,2093,2095,2097,2099,2101,2103,2105,2107,2109],{"class":282,"line":872},[280,2084,897],{"class":316},[280,2086,303],{"class":286},[280,2088,902],{"class":374},[280,2090,378],{"class":286},[280,2092,1142],{"class":306},[280,2094,389],{"class":286},[280,2096,912],{"class":374},[280,2098,378],{"class":286},[280,2100,1151],{"class":306},[280,2102,389],{"class":286},[280,2104,922],{"class":374},[280,2106,378],{"class":286},[280,2108,927],{"class":306},[280,2110,398],{"class":286},[280,2112,2113],{"class":282,"line":877},[280,2114,751],{"class":286},[280,2116,2117],{"class":282,"line":887},[280,2118,421],{"class":286},[270,2120,2122],{"className":1174,"code":2121,"filename":1176,"language":1177,"meta":276,"style":276},"\u003CBlossomCarousel\n  class=\"carousel grid! snap-x snap-mandatory auto-cols-[100%] grid-flow-col w-[calc(var(--card-width)*3)]! px-(--card-width)\"\n>\n  \u003Cdiv\n    v-for=\"i in 10\"\n    :key=\"i\"\n    class=\"slide sticky -left-(--card-width) -right-(--card-width) w-(--card-width) aspect-[3\u002F4] snap-center snap-always\"\n  >\n    \u003Cdiv class=\"card size-full\">{{ i }}\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002FBlossomCarousel>\n",[241,2123,2124,2131,2146,2150,2157,2171,2185,2199,2204,2233,2241],{"__ignoreMap":276},[280,2125,2126,2128],{"class":282,"line":283},[280,2127,1184],{"class":286},[280,2129,2130],{"class":1187},"BlossomCarousel\n",[280,2132,2133,2136,2138,2140,2143],{"class":282,"line":296},[280,2134,2135],{"class":1191},"  class",[280,2137,1195],{"class":286},[280,2139,1198],{"class":286},[280,2141,2142],{"class":1201},"carousel grid! snap-x snap-mandatory auto-cols-[100%] grid-flow-col w-[calc(var(--card-width)*3)]! px-(--card-width)",[280,2144,2145],{"class":286},"\"\n",[280,2147,2148],{"class":282,"line":313},[280,2149,1206],{"class":286},[280,2151,2152,2154],{"class":282,"line":327},[280,2153,1211],{"class":286},[280,2155,2156],{"class":1187},"div\n",[280,2158,2159,2162,2164,2166,2169],{"class":282,"line":340},[280,2160,2161],{"class":1191},"    v-for",[280,2163,1195],{"class":286},[280,2165,1198],{"class":286},[280,2167,2168],{"class":1201},"i in 10",[280,2170,2145],{"class":286},[280,2172,2173,2176,2178,2180,2183],{"class":282,"line":353},[280,2174,2175],{"class":1191},"    :key",[280,2177,1195],{"class":286},[280,2179,1198],{"class":286},[280,2181,2182],{"class":1201},"i",[280,2184,2145],{"class":286},[280,2186,2187,2190,2192,2194,2197],{"class":282,"line":366},[280,2188,2189],{"class":1191},"    class",[280,2191,1195],{"class":286},[280,2193,1198],{"class":286},[280,2195,2196],{"class":1201},"slide sticky -left-(--card-width) -right-(--card-width) w-(--card-width) aspect-[3\u002F4] snap-center snap-always",[280,2198,2145],{"class":286},[280,2200,2201],{"class":282,"line":401},[280,2202,2203],{"class":286},"  >\n",[280,2205,2206,2208,2210,2212,2214,2216,2219,2221,2224,2227,2229,2231],{"class":282,"line":418},[280,2207,1231],{"class":286},[280,2209,1214],{"class":1187},[280,2211,1192],{"class":1191},[280,2213,1195],{"class":286},[280,2215,1198],{"class":286},[280,2217,2218],{"class":1201},"card size-full",[280,2220,1198],{"class":286},[280,2222,2223],{"class":286},">",[280,2225,2226],{"class":299},"{{ i }}",[280,2228,1366],{"class":286},[280,2230,1214],{"class":1187},[280,2232,1206],{"class":286},[280,2234,2235,2237,2239],{"class":282,"line":424},[280,2236,1256],{"class":286},[280,2238,1214],{"class":1187},[280,2240,1206],{"class":286},[280,2242,2243,2245,2247],{"class":282,"line":431},[280,2244,1366],{"class":286},[280,2246,1188],{"class":1187},[280,2248,1206],{"class":286},[270,2250,2251],{"className":1373,"code":1374,"filename":1375,"language":1376,"meta":276,"style":276},[241,2252,2253,2285,2309,2347,2431,2439],{"__ignoreMap":276},[280,2254,2255,2257,2259,2261,2263,2265,2267,2269,2271,2273,2275,2277,2279,2281,2283],{"class":282,"line":283},[280,2256,290],{"class":299},[280,2258,254],{"class":286},[280,2260,1387],{"class":374},[280,2262,378],{"class":299},[280,2264,1198],{"class":286},[280,2266,1394],{"class":1201},[280,2268,1198],{"class":286},[280,2270,1399],{"class":286},[280,2272,1402],{"class":286},[280,2274,1405],{"class":771},[280,2276,303],{"class":286},[280,2278,1410],{"class":289},[280,2280,389],{"class":286},[280,2282,1415],{"class":1191},[280,2284,293],{"class":286},[280,2286,2287,2289,2291,2293,2295,2297,2299,2301,2303,2305,2307],{"class":282,"line":296},[280,2288,1422],{"class":1191},[280,2290,1425],{"class":299},[280,2292,1428],{"class":286},[280,2294,1431],{"class":299},[280,2296,254],{"class":286},[280,2298,1436],{"class":299},[280,2300,254],{"class":286},[280,2302,1441],{"class":299},[280,2304,392],{"class":286},[280,2306,1446],{"class":306},[280,2308,310],{"class":286},[280,2310,2311,2313,2315,2317,2319,2321,2323,2325,2327,2329,2331,2333,2335,2337,2339,2341,2343,2345],{"class":282,"line":313},[280,2312,1453],{"class":299},[280,2314,254],{"class":286},[280,2316,1458],{"class":374},[280,2318,378],{"class":1187},[280,2320,1405],{"class":299},[280,2322,254],{"class":286},[280,2324,1467],{"class":299},[280,2326,254],{"class":286},[280,2328,1472],{"class":299},[280,2330,389],{"class":1187},[280,2332,254],{"class":286},[280,2334,1479],{"class":374},[280,2336,378],{"class":1187},[280,2338,378],{"class":286},[280,2340,1486],{"class":771},[280,2342,389],{"class":286},[280,2344,1415],{"class":1191},[280,2346,293],{"class":286},[280,2348,2349,2351,2353,2355,2357,2359,2361,2363,2365,2367,2369,2371,2373,2375,2377,2379,2381,2383,2385,2387,2389,2391,2393,2395,2397,2399,2401,2403,2405,2407,2409,2411,2413,2415,2417,2419,2421,2423,2425,2427,2429],{"class":282,"line":327},[280,2350,1497],{"class":299},[280,2352,254],{"class":286},[280,2354,1502],{"class":299},[280,2356,254],{"class":286},[280,2358,1507],{"class":299},[280,2360,1428],{"class":286},[280,2362,1512],{"class":286},[280,2364,1515],{"class":1201},[280,2366,1518],{"class":286},[280,2368,1394],{"class":299},[280,2370,1523],{"class":286},[280,2372,1526],{"class":1201},[280,2374,1518],{"class":286},[280,2376,1531],{"class":299},[280,2378,1534],{"class":286},[280,2380,1431],{"class":299},[280,2382,254],{"class":286},[280,2384,1467],{"class":299},[280,2386,254],{"class":286},[280,2388,1545],{"class":299},[280,2390,1548],{"class":286},[280,2392,1551],{"class":306},[280,2394,1523],{"class":286},[280,2396,1556],{"class":1201},[280,2398,1518],{"class":286},[280,2400,1021],{"class":306},[280,2402,800],{"class":286},[280,2404,1565],{"class":299},[280,2406,254],{"class":286},[280,2408,1570],{"class":374},[280,2410,1573],{"class":299},[280,2412,1534],{"class":286},[280,2414,1431],{"class":299},[280,2416,254],{"class":286},[280,2418,1467],{"class":299},[280,2420,254],{"class":286},[280,2422,1586],{"class":299},[280,2424,1523],{"class":286},[280,2426,389],{"class":1201},[280,2428,1593],{"class":286},[280,2430,310],{"class":286},[280,2432,2433,2435,2437],{"class":282,"line":340},[280,2434,1600],{"class":286},[280,2436,389],{"class":1187},[280,2438,310],{"class":286},[280,2440,2441,2443,2445],{"class":282,"line":353},[280,2442,1523],{"class":286},[280,2444,389],{"class":299},[280,2446,310],{"class":286},[1502,2448,2449],{},"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 .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 .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 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 .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":276,"searchDepth":296,"depth":296,"links":2451},[],"Build an iMessage-style card stack.","md",null,{},{"icon":129},{"title":2458,"description":2459},"iMessage-style card stack with Blossom Carousel","Build an iMessage-style card stack with scroll-driven animations and Blossom Carousel.","N89nkvBNAaJNM0txy8i7K3fE9F76f0rqrP7eatOWrNs",[2462,2464],{"title":121,"path":122,"stem":123,"description":2463,"icon":124,"children":-1},"Build an iOS-like smart stack.",{"title":131,"path":132,"stem":133,"description":2465,"icon":134,"children":-1},"Build a 3d flipbook-style carousel with scroll-driven animations.",{"baselineBadge":2467,"browserBadges":2471,"sources":2488,"updatedAt":2492},{"label":2468,"value":2469,"title":2470},"Baseline","Limited","view-timeline is not Baseline yet in the WebDX web-features data.",[2472,2476,2479,2484],{"browser":2473,"version":2474,"title":2475},"Chrome","115+","Chrome supports view-timeline from version 115.",{"browser":2477,"version":2474,"title":2478},"Edge","Edge supports view-timeline from version 115.",{"browser":2480,"version":2481,"note":2482,"title":2483},"Firefox","114+","flag","Firefox supports view-timeline from version 114 with a browser flag enabled.",{"browser":2485,"version":2486,"title":2487},"Safari","26+","Safari supports view-timeline from version 26.",{"bcd":2489,"mdn":2490,"webFeatures":2491},"https:\u002F\u002Fgithub.com\u002Fmdn\u002Fbrowser-compat-data\u002Fblob\u002Fmain\u002Fcss\u002Fproperties\u002Fview-timeline.json","https:\u002F\u002Fdeveloper.mozilla.org\u002Fdocs\u002FWeb\u002FCSS\u002FReference\u002FProperties\u002Fview-timeline","https:\u002F\u002Fgithub.com\u002Fweb-platform-dx\u002Fweb-features\u002Fblob\u002Fmain\u002Ffeatures\u002Fscroll-driven-animations.yml","2026-05-31T14:53:11.753Z",1780256956349]