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