[{"data":1,"prerenderedAt":1994},["ShallowReactive",2],{"navigation_docs":3,"-docs-examples-advanced-stories":215,"-docs-examples-advanced-stories-surround":1962,"$fSoLL_rMNAyGHq0-li8uxHUy71Ra9oqZfietPONPwFOc":1967},[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":116,"body":217,"description":1953,"extension":1954,"links":1955,"meta":1956,"navigation":1957,"path":117,"seo":1958,"stem":118,"__hash__":1961},"docs\u002Fdocs\u002F3.examples\u002F2.advanced\u002F2.stories.md",{"type":218,"value":219,"toc":1951},"minimark",[220,234,237,1948],[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],"example-stories",{},[238,239,241,1297],"tabs",{"sync":240},"example-code-style",[242,243,245],"tabs-item",{"label":244},"CSS",[246,247,248,861,1087],"code-group",{},[249,250,256],"pre",{"className":251,"code":252,"filename":253,"language":254,"meta":255,"style":255},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".frame {\n  aspect-ratio: 9 \u002F 16;\n  width: 100%;\n  max-width: 20rem;\n  perspective: 1200px;\n  overflow: clip;\n}\n\n.carousel {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: 100%;\n  scroll-snap-type: x mandatory;\n  height: 100%;\n}\n\n.slide {\n  width: 100%;\n  height: 100%;\n  scroll-snap-align: center;\n  scroll-snap-stop: always;\n  perspective: 1200px;\n\n  view-timeline: --stories inline;\n}\n\n.slide .card {\n  width: 100%;\n  height: 100%;\n\n  animation: stories linear both;\n  animation-timeline: --stories;\n  animation-range: cover;\n}\n\n@keyframes stories {\n  0% {\n    transform: rotateY(90deg);\n    transform-origin: left center;\n  }\n  49% {\n    transform: rotateY(0deg);\n    transform-origin: left center;\n  }\n  50% {\n    transform: rotateY(0deg);\n    transform-origin: center center;\n  }\n  51% {\n    transform: rotateY(0deg);\n    transform-origin: right center;\n  }\n  100% {\n    transform: rotateY(-90deg);\n    transform-origin: right center;\n  }\n}\n",".css","css","",[257,258,259,275,299,312,325,338,351,357,364,374,387,400,412,425,437,442,447,457,468,479,492,505,516,521,534,539,544,559,570,581,586,599,612,625,630,635,648,656,677,690,696,704,720,731,736,744,759,771,776,784,799,811,816,824,840,851,856],"code",{"__ignoreMap":255},[260,261,264,268,272],"span",{"class":262,"line":263},"line",1,[260,265,267],{"class":266},"sMK4o",".",[260,269,271],{"class":270},"sBMFI","frame",[260,273,274],{"class":266}," {\n",[260,276,278,282,285,289,293,296],{"class":262,"line":277},2,[260,279,281],{"class":280},"sqsOY","  aspect-ratio",[260,283,284],{"class":266},":",[260,286,288],{"class":287},"sbssI"," 9",[260,290,292],{"class":291},"sTEyZ"," \u002F ",[260,294,295],{"class":287},"16",[260,297,298],{"class":266},";\n",[260,300,302,305,307,310],{"class":262,"line":301},3,[260,303,304],{"class":280},"  width",[260,306,284],{"class":266},[260,308,309],{"class":287}," 100%",[260,311,298],{"class":266},[260,313,315,318,320,323],{"class":262,"line":314},4,[260,316,317],{"class":280},"  max-width",[260,319,284],{"class":266},[260,321,322],{"class":287}," 20rem",[260,324,298],{"class":266},[260,326,328,331,333,336],{"class":262,"line":327},5,[260,329,330],{"class":280},"  perspective",[260,332,284],{"class":266},[260,334,335],{"class":287}," 1200px",[260,337,298],{"class":266},[260,339,341,344,346,349],{"class":262,"line":340},6,[260,342,343],{"class":280},"  overflow",[260,345,284],{"class":266},[260,347,348],{"class":291}," clip",[260,350,298],{"class":266},[260,352,354],{"class":262,"line":353},7,[260,355,356],{"class":266},"}\n",[260,358,360],{"class":262,"line":359},8,[260,361,363],{"emptyLinePlaceholder":362},true,"\n",[260,365,367,369,372],{"class":262,"line":366},9,[260,368,267],{"class":266},[260,370,371],{"class":270},"carousel",[260,373,274],{"class":266},[260,375,377,380,382,385],{"class":262,"line":376},10,[260,378,379],{"class":280},"  display",[260,381,284],{"class":266},[260,383,384],{"class":291}," grid",[260,386,298],{"class":266},[260,388,390,393,395,398],{"class":262,"line":389},11,[260,391,392],{"class":280},"  grid-auto-flow",[260,394,284],{"class":266},[260,396,397],{"class":291}," column",[260,399,298],{"class":266},[260,401,403,406,408,410],{"class":262,"line":402},12,[260,404,405],{"class":280},"  grid-auto-columns",[260,407,284],{"class":266},[260,409,309],{"class":287},[260,411,298],{"class":266},[260,413,415,418,420,423],{"class":262,"line":414},13,[260,416,417],{"class":280},"  scroll-snap-type",[260,419,284],{"class":266},[260,421,422],{"class":291}," x mandatory",[260,424,298],{"class":266},[260,426,428,431,433,435],{"class":262,"line":427},14,[260,429,430],{"class":280},"  height",[260,432,284],{"class":266},[260,434,309],{"class":287},[260,436,298],{"class":266},[260,438,440],{"class":262,"line":439},15,[260,441,356],{"class":266},[260,443,445],{"class":262,"line":444},16,[260,446,363],{"emptyLinePlaceholder":362},[260,448,450,452,455],{"class":262,"line":449},17,[260,451,267],{"class":266},[260,453,454],{"class":270},"slide",[260,456,274],{"class":266},[260,458,460,462,464,466],{"class":262,"line":459},18,[260,461,304],{"class":280},[260,463,284],{"class":266},[260,465,309],{"class":287},[260,467,298],{"class":266},[260,469,471,473,475,477],{"class":262,"line":470},19,[260,472,430],{"class":280},[260,474,284],{"class":266},[260,476,309],{"class":287},[260,478,298],{"class":266},[260,480,482,485,487,490],{"class":262,"line":481},20,[260,483,484],{"class":280},"  scroll-snap-align",[260,486,284],{"class":266},[260,488,489],{"class":291}," center",[260,491,298],{"class":266},[260,493,495,498,500,503],{"class":262,"line":494},21,[260,496,497],{"class":280},"  scroll-snap-stop",[260,499,284],{"class":266},[260,501,502],{"class":291}," always",[260,504,298],{"class":266},[260,506,508,510,512,514],{"class":262,"line":507},22,[260,509,330],{"class":280},[260,511,284],{"class":266},[260,513,335],{"class":287},[260,515,298],{"class":266},[260,517,519],{"class":262,"line":518},23,[260,520,363],{"emptyLinePlaceholder":362},[260,522,524,527,529,532],{"class":262,"line":523},24,[260,525,526],{"class":291},"  view-timeline",[260,528,284],{"class":266},[260,530,531],{"class":291}," --stories inline",[260,533,298],{"class":266},[260,535,537],{"class":262,"line":536},25,[260,538,356],{"class":266},[260,540,542],{"class":262,"line":541},26,[260,543,363],{"emptyLinePlaceholder":362},[260,545,547,549,551,554,557],{"class":262,"line":546},27,[260,548,267],{"class":266},[260,550,454],{"class":270},[260,552,553],{"class":266}," .",[260,555,556],{"class":270},"card",[260,558,274],{"class":266},[260,560,562,564,566,568],{"class":262,"line":561},28,[260,563,304],{"class":280},[260,565,284],{"class":266},[260,567,309],{"class":287},[260,569,298],{"class":266},[260,571,573,575,577,579],{"class":262,"line":572},29,[260,574,430],{"class":280},[260,576,284],{"class":266},[260,578,309],{"class":287},[260,580,298],{"class":266},[260,582,584],{"class":262,"line":583},30,[260,585,363],{"emptyLinePlaceholder":362},[260,587,589,592,594,597],{"class":262,"line":588},31,[260,590,591],{"class":280},"  animation",[260,593,284],{"class":266},[260,595,596],{"class":291}," stories linear both",[260,598,298],{"class":266},[260,600,602,605,607,610],{"class":262,"line":601},32,[260,603,604],{"class":291},"  animation-timeline",[260,606,284],{"class":266},[260,608,609],{"class":291}," --stories",[260,611,298],{"class":266},[260,613,615,618,620,623],{"class":262,"line":614},33,[260,616,617],{"class":291},"  animation-range",[260,619,284],{"class":266},[260,621,622],{"class":291}," cover",[260,624,298],{"class":266},[260,626,628],{"class":262,"line":627},34,[260,629,356],{"class":266},[260,631,633],{"class":262,"line":632},35,[260,634,363],{"emptyLinePlaceholder":362},[260,636,638,642,646],{"class":262,"line":637},36,[260,639,641],{"class":640},"s7zQu","@keyframes",[260,643,645],{"class":644},"sHdIc"," stories",[260,647,274],{"class":266},[260,649,651,654],{"class":262,"line":650},37,[260,652,653],{"class":270},"  0%",[260,655,274],{"class":266},[260,657,659,662,664,668,671,674],{"class":262,"line":658},38,[260,660,661],{"class":280},"    transform",[260,663,284],{"class":266},[260,665,667],{"class":666},"s2Zo4"," rotateY",[260,669,670],{"class":266},"(",[260,672,673],{"class":287},"90deg",[260,675,676],{"class":266},");\n",[260,678,680,683,685,688],{"class":262,"line":679},39,[260,681,682],{"class":280},"    transform-origin",[260,684,284],{"class":266},[260,686,687],{"class":291}," left center",[260,689,298],{"class":266},[260,691,693],{"class":262,"line":692},40,[260,694,695],{"class":266},"  }\n",[260,697,699,702],{"class":262,"line":698},41,[260,700,701],{"class":270},"  49%",[260,703,274],{"class":266},[260,705,707,709,711,713,715,718],{"class":262,"line":706},42,[260,708,661],{"class":280},[260,710,284],{"class":266},[260,712,667],{"class":666},[260,714,670],{"class":266},[260,716,717],{"class":287},"0deg",[260,719,676],{"class":266},[260,721,723,725,727,729],{"class":262,"line":722},43,[260,724,682],{"class":280},[260,726,284],{"class":266},[260,728,687],{"class":291},[260,730,298],{"class":266},[260,732,734],{"class":262,"line":733},44,[260,735,695],{"class":266},[260,737,739,742],{"class":262,"line":738},45,[260,740,741],{"class":270},"  50%",[260,743,274],{"class":266},[260,745,747,749,751,753,755,757],{"class":262,"line":746},46,[260,748,661],{"class":280},[260,750,284],{"class":266},[260,752,667],{"class":666},[260,754,670],{"class":266},[260,756,717],{"class":287},[260,758,676],{"class":266},[260,760,762,764,766,769],{"class":262,"line":761},47,[260,763,682],{"class":280},[260,765,284],{"class":266},[260,767,768],{"class":291}," center center",[260,770,298],{"class":266},[260,772,774],{"class":262,"line":773},48,[260,775,695],{"class":266},[260,777,779,782],{"class":262,"line":778},49,[260,780,781],{"class":270},"  51%",[260,783,274],{"class":266},[260,785,787,789,791,793,795,797],{"class":262,"line":786},50,[260,788,661],{"class":280},[260,790,284],{"class":266},[260,792,667],{"class":666},[260,794,670],{"class":266},[260,796,717],{"class":287},[260,798,676],{"class":266},[260,800,802,804,806,809],{"class":262,"line":801},51,[260,803,682],{"class":280},[260,805,284],{"class":266},[260,807,808],{"class":291}," right center",[260,810,298],{"class":266},[260,812,814],{"class":262,"line":813},52,[260,815,695],{"class":266},[260,817,819,822],{"class":262,"line":818},53,[260,820,821],{"class":270},"  100%",[260,823,274],{"class":266},[260,825,827,829,831,833,835,838],{"class":262,"line":826},54,[260,828,661],{"class":280},[260,830,284],{"class":266},[260,832,667],{"class":666},[260,834,670],{"class":266},[260,836,837],{"class":287},"-90deg",[260,839,676],{"class":266},[260,841,843,845,847,849],{"class":262,"line":842},55,[260,844,682],{"class":280},[260,846,284],{"class":266},[260,848,808],{"class":291},[260,850,298],{"class":266},[260,852,854],{"class":262,"line":853},56,[260,855,695],{"class":266},[260,857,859],{"class":262,"line":858},57,[260,860,356],{"class":266},[249,862,867],{"className":863,"code":864,"filename":865,"language":866,"meta":255,"style":255},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv class=\"frame\">\n  \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\u003C\u002Fdiv>\n",".html","html",[257,868,869,896,916,935,959,968,986,1008,1016,1034,1056,1064,1069,1078],{"__ignoreMap":255},[260,870,871,874,878,882,885,888,891,893],{"class":262,"line":263},[260,872,873],{"class":266},"\u003C",[260,875,877],{"class":876},"swJcz","div",[260,879,881],{"class":880},"spNyl"," class",[260,883,884],{"class":266},"=",[260,886,887],{"class":266},"\"",[260,889,271],{"class":890},"sfazB",[260,892,887],{"class":266},[260,894,895],{"class":266},">\n",[260,897,898,901,904,906,908,910,912,914],{"class":262,"line":277},[260,899,900],{"class":266},"  \u003C",[260,902,903],{"class":876},"BlossomCarousel",[260,905,881],{"class":880},[260,907,884],{"class":266},[260,909,887],{"class":266},[260,911,371],{"class":890},[260,913,887],{"class":266},[260,915,895],{"class":266},[260,917,918,921,923,925,927,929,931,933],{"class":262,"line":301},[260,919,920],{"class":266},"    \u003C",[260,922,877],{"class":876},[260,924,881],{"class":880},[260,926,884],{"class":266},[260,928,887],{"class":266},[260,930,454],{"class":890},[260,932,887],{"class":266},[260,934,895],{"class":266},[260,936,937,940,942,944,946,948,950,952,955,957],{"class":262,"line":314},[260,938,939],{"class":266},"      \u003C",[260,941,877],{"class":876},[260,943,881],{"class":880},[260,945,884],{"class":266},[260,947,887],{"class":266},[260,949,556],{"class":890},[260,951,887],{"class":266},[260,953,954],{"class":266},">\u003C\u002F",[260,956,877],{"class":876},[260,958,895],{"class":266},[260,960,961,964,966],{"class":262,"line":327},[260,962,963],{"class":266},"    \u003C\u002F",[260,965,877],{"class":876},[260,967,895],{"class":266},[260,969,970,972,974,976,978,980,982,984],{"class":262,"line":340},[260,971,920],{"class":266},[260,973,877],{"class":876},[260,975,881],{"class":880},[260,977,884],{"class":266},[260,979,887],{"class":266},[260,981,454],{"class":890},[260,983,887],{"class":266},[260,985,895],{"class":266},[260,987,988,990,992,994,996,998,1000,1002,1004,1006],{"class":262,"line":353},[260,989,939],{"class":266},[260,991,877],{"class":876},[260,993,881],{"class":880},[260,995,884],{"class":266},[260,997,887],{"class":266},[260,999,556],{"class":890},[260,1001,887],{"class":266},[260,1003,954],{"class":266},[260,1005,877],{"class":876},[260,1007,895],{"class":266},[260,1009,1010,1012,1014],{"class":262,"line":359},[260,1011,963],{"class":266},[260,1013,877],{"class":876},[260,1015,895],{"class":266},[260,1017,1018,1020,1022,1024,1026,1028,1030,1032],{"class":262,"line":366},[260,1019,920],{"class":266},[260,1021,877],{"class":876},[260,1023,881],{"class":880},[260,1025,884],{"class":266},[260,1027,887],{"class":266},[260,1029,454],{"class":890},[260,1031,887],{"class":266},[260,1033,895],{"class":266},[260,1035,1036,1038,1040,1042,1044,1046,1048,1050,1052,1054],{"class":262,"line":376},[260,1037,939],{"class":266},[260,1039,877],{"class":876},[260,1041,881],{"class":880},[260,1043,884],{"class":266},[260,1045,887],{"class":266},[260,1047,556],{"class":890},[260,1049,887],{"class":266},[260,1051,954],{"class":266},[260,1053,877],{"class":876},[260,1055,895],{"class":266},[260,1057,1058,1060,1062],{"class":262,"line":389},[260,1059,963],{"class":266},[260,1061,877],{"class":876},[260,1063,895],{"class":266},[260,1065,1066],{"class":262,"line":402},[260,1067,1068],{"class":291},"    ...\n",[260,1070,1071,1074,1076],{"class":262,"line":414},[260,1072,1073],{"class":266},"  \u003C\u002F",[260,1075,903],{"class":876},[260,1077,895],{"class":266},[260,1079,1080,1083,1085],{"class":262,"line":427},[260,1081,1082],{"class":266},"\u003C\u002F",[260,1084,877],{"class":876},[260,1086,895],{"class":266},[249,1088,1093],{"className":1089,"code":1090,"filename":1091,"language":1092,"meta":255,"style":255},"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  event.target.style.transformOrigin =\n    overscroll > 0 ? \"left center\" : \"right center\";\n  event.target.style.transform = `translateX(${overscroll}px) rotateY(${(overscroll \u002F event.target.clientWidth) * 70}deg)`;\n});\n",".ts","ts",[257,1094,1095,1135,1161,1184,1218,1289],{"__ignoreMap":255},[260,1096,1097,1099,1101,1104,1106,1108,1111,1113,1116,1119,1122,1124,1127,1130,1133],{"class":262,"line":263},[260,1098,371],{"class":291},[260,1100,267],{"class":266},[260,1102,1103],{"class":666},"addEventListener",[260,1105,670],{"class":291},[260,1107,887],{"class":266},[260,1109,1110],{"class":890},"overscroll",[260,1112,887],{"class":266},[260,1114,1115],{"class":266},",",[260,1117,1118],{"class":266}," (",[260,1120,1121],{"class":644},"event",[260,1123,284],{"class":266},[260,1125,1126],{"class":270}," CustomEvent",[260,1128,1129],{"class":266},")",[260,1131,1132],{"class":880}," =>",[260,1134,274],{"class":266},[260,1136,1137,1140,1143,1146,1149,1151,1154,1156,1159],{"class":262,"line":277},[260,1138,1139],{"class":880},"  const",[260,1141,1142],{"class":291}," overscroll",[260,1144,1145],{"class":266}," =",[260,1147,1148],{"class":291}," event",[260,1150,267],{"class":266},[260,1152,1153],{"class":291},"detail",[260,1155,267],{"class":266},[260,1157,1158],{"class":291},"left",[260,1160,298],{"class":266},[260,1162,1163,1166,1168,1171,1173,1176,1178,1181],{"class":262,"line":301},[260,1164,1165],{"class":291},"  event",[260,1167,267],{"class":266},[260,1169,1170],{"class":291},"target",[260,1172,267],{"class":266},[260,1174,1175],{"class":291},"style",[260,1177,267],{"class":266},[260,1179,1180],{"class":291},"transformOrigin",[260,1182,1183],{"class":266}," =\n",[260,1185,1186,1189,1192,1195,1198,1201,1204,1206,1209,1211,1214,1216],{"class":262,"line":314},[260,1187,1188],{"class":291},"    overscroll",[260,1190,1191],{"class":266}," >",[260,1193,1194],{"class":287}," 0",[260,1196,1197],{"class":266}," ?",[260,1199,1200],{"class":266}," \"",[260,1202,1203],{"class":890},"left center",[260,1205,887],{"class":266},[260,1207,1208],{"class":266}," :",[260,1210,1200],{"class":266},[260,1212,1213],{"class":890},"right center",[260,1215,887],{"class":266},[260,1217,298],{"class":266},[260,1219,1220,1222,1224,1226,1228,1230,1232,1235,1237,1240,1243,1246,1248,1251,1254,1256,1259,1262,1264,1266,1268,1270,1273,1276,1279,1281,1284,1287],{"class":262,"line":327},[260,1221,1165],{"class":291},[260,1223,267],{"class":266},[260,1225,1170],{"class":291},[260,1227,267],{"class":266},[260,1229,1175],{"class":291},[260,1231,267],{"class":266},[260,1233,1234],{"class":291},"transform",[260,1236,1145],{"class":266},[260,1238,1239],{"class":266}," `",[260,1241,1242],{"class":890},"translateX(",[260,1244,1245],{"class":266},"${",[260,1247,1110],{"class":291},[260,1249,1250],{"class":266},"}",[260,1252,1253],{"class":890},"px) rotateY(",[260,1255,1245],{"class":266},[260,1257,1258],{"class":291},"(overscroll ",[260,1260,1261],{"class":266},"\u002F",[260,1263,1148],{"class":291},[260,1265,267],{"class":266},[260,1267,1170],{"class":291},[260,1269,267],{"class":266},[260,1271,1272],{"class":291},"clientWidth) ",[260,1274,1275],{"class":266},"*",[260,1277,1278],{"class":287}," 70",[260,1280,1250],{"class":266},[260,1282,1283],{"class":890},"deg)",[260,1285,1286],{"class":266},"`",[260,1288,298],{"class":266},[260,1290,1291,1293,1295],{"class":262,"line":340},[260,1292,1250],{"class":266},[260,1294,1129],{"class":291},[260,1296,298],{"class":266},[242,1298,1300],{"label":1299},"Tailwind",[246,1301,1302,1565,1782],{},[249,1303,1305],{"className":251,"code":1304,"filename":253,"language":254,"meta":255,"style":255},".slide {\n  view-timeline: --stories inline;\n}\n\n.slide .card {\n  animation: stories linear both;\n  animation-timeline: --stories;\n  animation-range: cover;\n}\n\n@keyframes stories {\n  0% {\n    transform: rotateY(90deg);\n    transform-origin: left center;\n  }\n  49% {\n    transform: rotateY(0deg);\n    transform-origin: left center;\n  }\n  50% {\n    transform: rotateY(0deg);\n    transform-origin: center center;\n  }\n  51% {\n    transform: rotateY(0deg);\n    transform-origin: right center;\n  }\n  100% {\n    transform: rotateY(-90deg);\n    transform-origin: right center;\n  }\n}\n",[257,1306,1307,1315,1325,1329,1333,1345,1355,1365,1375,1379,1383,1391,1397,1411,1421,1425,1431,1445,1455,1459,1465,1479,1489,1493,1499,1513,1523,1527,1533,1547,1557,1561],{"__ignoreMap":255},[260,1308,1309,1311,1313],{"class":262,"line":263},[260,1310,267],{"class":266},[260,1312,454],{"class":270},[260,1314,274],{"class":266},[260,1316,1317,1319,1321,1323],{"class":262,"line":277},[260,1318,526],{"class":291},[260,1320,284],{"class":266},[260,1322,531],{"class":291},[260,1324,298],{"class":266},[260,1326,1327],{"class":262,"line":301},[260,1328,356],{"class":266},[260,1330,1331],{"class":262,"line":314},[260,1332,363],{"emptyLinePlaceholder":362},[260,1334,1335,1337,1339,1341,1343],{"class":262,"line":327},[260,1336,267],{"class":266},[260,1338,454],{"class":270},[260,1340,553],{"class":266},[260,1342,556],{"class":270},[260,1344,274],{"class":266},[260,1346,1347,1349,1351,1353],{"class":262,"line":340},[260,1348,591],{"class":280},[260,1350,284],{"class":266},[260,1352,596],{"class":291},[260,1354,298],{"class":266},[260,1356,1357,1359,1361,1363],{"class":262,"line":353},[260,1358,604],{"class":291},[260,1360,284],{"class":266},[260,1362,609],{"class":291},[260,1364,298],{"class":266},[260,1366,1367,1369,1371,1373],{"class":262,"line":359},[260,1368,617],{"class":291},[260,1370,284],{"class":266},[260,1372,622],{"class":291},[260,1374,298],{"class":266},[260,1376,1377],{"class":262,"line":366},[260,1378,356],{"class":266},[260,1380,1381],{"class":262,"line":376},[260,1382,363],{"emptyLinePlaceholder":362},[260,1384,1385,1387,1389],{"class":262,"line":389},[260,1386,641],{"class":640},[260,1388,645],{"class":644},[260,1390,274],{"class":266},[260,1392,1393,1395],{"class":262,"line":402},[260,1394,653],{"class":270},[260,1396,274],{"class":266},[260,1398,1399,1401,1403,1405,1407,1409],{"class":262,"line":414},[260,1400,661],{"class":280},[260,1402,284],{"class":266},[260,1404,667],{"class":666},[260,1406,670],{"class":266},[260,1408,673],{"class":287},[260,1410,676],{"class":266},[260,1412,1413,1415,1417,1419],{"class":262,"line":427},[260,1414,682],{"class":280},[260,1416,284],{"class":266},[260,1418,687],{"class":291},[260,1420,298],{"class":266},[260,1422,1423],{"class":262,"line":439},[260,1424,695],{"class":266},[260,1426,1427,1429],{"class":262,"line":444},[260,1428,701],{"class":270},[260,1430,274],{"class":266},[260,1432,1433,1435,1437,1439,1441,1443],{"class":262,"line":449},[260,1434,661],{"class":280},[260,1436,284],{"class":266},[260,1438,667],{"class":666},[260,1440,670],{"class":266},[260,1442,717],{"class":287},[260,1444,676],{"class":266},[260,1446,1447,1449,1451,1453],{"class":262,"line":459},[260,1448,682],{"class":280},[260,1450,284],{"class":266},[260,1452,687],{"class":291},[260,1454,298],{"class":266},[260,1456,1457],{"class":262,"line":470},[260,1458,695],{"class":266},[260,1460,1461,1463],{"class":262,"line":481},[260,1462,741],{"class":270},[260,1464,274],{"class":266},[260,1466,1467,1469,1471,1473,1475,1477],{"class":262,"line":494},[260,1468,661],{"class":280},[260,1470,284],{"class":266},[260,1472,667],{"class":666},[260,1474,670],{"class":266},[260,1476,717],{"class":287},[260,1478,676],{"class":266},[260,1480,1481,1483,1485,1487],{"class":262,"line":507},[260,1482,682],{"class":280},[260,1484,284],{"class":266},[260,1486,768],{"class":291},[260,1488,298],{"class":266},[260,1490,1491],{"class":262,"line":518},[260,1492,695],{"class":266},[260,1494,1495,1497],{"class":262,"line":523},[260,1496,781],{"class":270},[260,1498,274],{"class":266},[260,1500,1501,1503,1505,1507,1509,1511],{"class":262,"line":536},[260,1502,661],{"class":280},[260,1504,284],{"class":266},[260,1506,667],{"class":666},[260,1508,670],{"class":266},[260,1510,717],{"class":287},[260,1512,676],{"class":266},[260,1514,1515,1517,1519,1521],{"class":262,"line":541},[260,1516,682],{"class":280},[260,1518,284],{"class":266},[260,1520,808],{"class":291},[260,1522,298],{"class":266},[260,1524,1525],{"class":262,"line":546},[260,1526,695],{"class":266},[260,1528,1529,1531],{"class":262,"line":561},[260,1530,821],{"class":270},[260,1532,274],{"class":266},[260,1534,1535,1537,1539,1541,1543,1545],{"class":262,"line":572},[260,1536,661],{"class":280},[260,1538,284],{"class":266},[260,1540,667],{"class":666},[260,1542,670],{"class":266},[260,1544,837],{"class":287},[260,1546,676],{"class":266},[260,1548,1549,1551,1553,1555],{"class":262,"line":583},[260,1550,682],{"class":280},[260,1552,284],{"class":266},[260,1554,808],{"class":291},[260,1556,298],{"class":266},[260,1558,1559],{"class":262,"line":588},[260,1560,695],{"class":266},[260,1562,1563],{"class":262,"line":601},[260,1564,356],{"class":266},[249,1566,1568],{"className":863,"code":1567,"filename":865,"language":866,"meta":255,"style":255},"\u003Cdiv class=\"aspect-[9\u002F16] w-full max-w-80 perspective-normal overflow-clip\">\n  \u003CBlossomCarousel\n    class=\"grid! h-full snap-x snap-mandatory auto-cols-[100%] grid-flow-col\"\n  >\n    \u003Cdiv class=\"slide perspective-normal size-full snap-center snap-always\">\n      \u003Cdiv class=\"card size-full\">\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"slide perspective-normal size-full snap-center snap-always\">\n      \u003Cdiv class=\"card size-full\">\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"slide perspective-normal size-full snap-center snap-always\">\n      \u003Cdiv class=\"card size-full\">\u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    ...\n  \u003C\u002FBlossomCarousel>\n\u003C\u002Fdiv>\n",[257,1569,1570,1589,1596,1611,1616,1635,1658,1666,1684,1706,1714,1732,1754,1762,1766,1774],{"__ignoreMap":255},[260,1571,1572,1574,1576,1578,1580,1582,1585,1587],{"class":262,"line":263},[260,1573,873],{"class":266},[260,1575,877],{"class":876},[260,1577,881],{"class":880},[260,1579,884],{"class":266},[260,1581,887],{"class":266},[260,1583,1584],{"class":890},"aspect-[9\u002F16] w-full max-w-80 perspective-normal overflow-clip",[260,1586,887],{"class":266},[260,1588,895],{"class":266},[260,1590,1591,1593],{"class":262,"line":277},[260,1592,900],{"class":266},[260,1594,1595],{"class":876},"BlossomCarousel\n",[260,1597,1598,1601,1603,1605,1608],{"class":262,"line":301},[260,1599,1600],{"class":880},"    class",[260,1602,884],{"class":266},[260,1604,887],{"class":266},[260,1606,1607],{"class":890},"grid! h-full snap-x snap-mandatory auto-cols-[100%] grid-flow-col",[260,1609,1610],{"class":266},"\"\n",[260,1612,1613],{"class":262,"line":314},[260,1614,1615],{"class":266},"  >\n",[260,1617,1618,1620,1622,1624,1626,1628,1631,1633],{"class":262,"line":327},[260,1619,920],{"class":266},[260,1621,877],{"class":876},[260,1623,881],{"class":880},[260,1625,884],{"class":266},[260,1627,887],{"class":266},[260,1629,1630],{"class":890},"slide perspective-normal size-full snap-center snap-always",[260,1632,887],{"class":266},[260,1634,895],{"class":266},[260,1636,1637,1639,1641,1643,1645,1647,1650,1652,1654,1656],{"class":262,"line":340},[260,1638,939],{"class":266},[260,1640,877],{"class":876},[260,1642,881],{"class":880},[260,1644,884],{"class":266},[260,1646,887],{"class":266},[260,1648,1649],{"class":890},"card size-full",[260,1651,887],{"class":266},[260,1653,954],{"class":266},[260,1655,877],{"class":876},[260,1657,895],{"class":266},[260,1659,1660,1662,1664],{"class":262,"line":353},[260,1661,963],{"class":266},[260,1663,877],{"class":876},[260,1665,895],{"class":266},[260,1667,1668,1670,1672,1674,1676,1678,1680,1682],{"class":262,"line":359},[260,1669,920],{"class":266},[260,1671,877],{"class":876},[260,1673,881],{"class":880},[260,1675,884],{"class":266},[260,1677,887],{"class":266},[260,1679,1630],{"class":890},[260,1681,887],{"class":266},[260,1683,895],{"class":266},[260,1685,1686,1688,1690,1692,1694,1696,1698,1700,1702,1704],{"class":262,"line":366},[260,1687,939],{"class":266},[260,1689,877],{"class":876},[260,1691,881],{"class":880},[260,1693,884],{"class":266},[260,1695,887],{"class":266},[260,1697,1649],{"class":890},[260,1699,887],{"class":266},[260,1701,954],{"class":266},[260,1703,877],{"class":876},[260,1705,895],{"class":266},[260,1707,1708,1710,1712],{"class":262,"line":376},[260,1709,963],{"class":266},[260,1711,877],{"class":876},[260,1713,895],{"class":266},[260,1715,1716,1718,1720,1722,1724,1726,1728,1730],{"class":262,"line":389},[260,1717,920],{"class":266},[260,1719,877],{"class":876},[260,1721,881],{"class":880},[260,1723,884],{"class":266},[260,1725,887],{"class":266},[260,1727,1630],{"class":890},[260,1729,887],{"class":266},[260,1731,895],{"class":266},[260,1733,1734,1736,1738,1740,1742,1744,1746,1748,1750,1752],{"class":262,"line":402},[260,1735,939],{"class":266},[260,1737,877],{"class":876},[260,1739,881],{"class":880},[260,1741,884],{"class":266},[260,1743,887],{"class":266},[260,1745,1649],{"class":890},[260,1747,887],{"class":266},[260,1749,954],{"class":266},[260,1751,877],{"class":876},[260,1753,895],{"class":266},[260,1755,1756,1758,1760],{"class":262,"line":414},[260,1757,963],{"class":266},[260,1759,877],{"class":876},[260,1761,895],{"class":266},[260,1763,1764],{"class":262,"line":427},[260,1765,1068],{"class":291},[260,1767,1768,1770,1772],{"class":262,"line":439},[260,1769,1073],{"class":266},[260,1771,903],{"class":876},[260,1773,895],{"class":266},[260,1775,1776,1778,1780],{"class":262,"line":444},[260,1777,1082],{"class":266},[260,1779,877],{"class":876},[260,1781,895],{"class":266},[249,1783,1784],{"className":1089,"code":1090,"filename":1091,"language":1092,"meta":255,"style":255},[257,1785,1786,1818,1838,1856,1882,1940],{"__ignoreMap":255},[260,1787,1788,1790,1792,1794,1796,1798,1800,1802,1804,1806,1808,1810,1812,1814,1816],{"class":262,"line":263},[260,1789,371],{"class":291},[260,1791,267],{"class":266},[260,1793,1103],{"class":666},[260,1795,670],{"class":291},[260,1797,887],{"class":266},[260,1799,1110],{"class":890},[260,1801,887],{"class":266},[260,1803,1115],{"class":266},[260,1805,1118],{"class":266},[260,1807,1121],{"class":644},[260,1809,284],{"class":266},[260,1811,1126],{"class":270},[260,1813,1129],{"class":266},[260,1815,1132],{"class":880},[260,1817,274],{"class":266},[260,1819,1820,1822,1824,1826,1828,1830,1832,1834,1836],{"class":262,"line":277},[260,1821,1139],{"class":880},[260,1823,1142],{"class":291},[260,1825,1145],{"class":266},[260,1827,1148],{"class":291},[260,1829,267],{"class":266},[260,1831,1153],{"class":291},[260,1833,267],{"class":266},[260,1835,1158],{"class":291},[260,1837,298],{"class":266},[260,1839,1840,1842,1844,1846,1848,1850,1852,1854],{"class":262,"line":301},[260,1841,1165],{"class":291},[260,1843,267],{"class":266},[260,1845,1170],{"class":291},[260,1847,267],{"class":266},[260,1849,1175],{"class":291},[260,1851,267],{"class":266},[260,1853,1180],{"class":291},[260,1855,1183],{"class":266},[260,1857,1858,1860,1862,1864,1866,1868,1870,1872,1874,1876,1878,1880],{"class":262,"line":314},[260,1859,1188],{"class":291},[260,1861,1191],{"class":266},[260,1863,1194],{"class":287},[260,1865,1197],{"class":266},[260,1867,1200],{"class":266},[260,1869,1203],{"class":890},[260,1871,887],{"class":266},[260,1873,1208],{"class":266},[260,1875,1200],{"class":266},[260,1877,1213],{"class":890},[260,1879,887],{"class":266},[260,1881,298],{"class":266},[260,1883,1884,1886,1888,1890,1892,1894,1896,1898,1900,1902,1904,1906,1908,1910,1912,1914,1916,1918,1920,1922,1924,1926,1928,1930,1932,1934,1936,1938],{"class":262,"line":327},[260,1885,1165],{"class":291},[260,1887,267],{"class":266},[260,1889,1170],{"class":291},[260,1891,267],{"class":266},[260,1893,1175],{"class":291},[260,1895,267],{"class":266},[260,1897,1234],{"class":291},[260,1899,1145],{"class":266},[260,1901,1239],{"class":266},[260,1903,1242],{"class":890},[260,1905,1245],{"class":266},[260,1907,1110],{"class":291},[260,1909,1250],{"class":266},[260,1911,1253],{"class":890},[260,1913,1245],{"class":266},[260,1915,1258],{"class":291},[260,1917,1261],{"class":266},[260,1919,1148],{"class":291},[260,1921,267],{"class":266},[260,1923,1170],{"class":291},[260,1925,267],{"class":266},[260,1927,1272],{"class":291},[260,1929,1275],{"class":266},[260,1931,1278],{"class":287},[260,1933,1250],{"class":266},[260,1935,1283],{"class":890},[260,1937,1286],{"class":266},[260,1939,298],{"class":266},[260,1941,1942,1944,1946],{"class":262,"line":340},[260,1943,1250],{"class":266},[260,1945,1129],{"class":291},[260,1947,298],{"class":266},[1175,1949,1950],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":255,"searchDepth":277,"depth":277,"links":1952},[],"Build an Instagram Stories-inspired 3d effect.","md",null,{},{"icon":119},{"title":1959,"description":1960},"Instagram Stories-inspired 3d carousel with Blossom Carousel","Build an Instagram Stories-inspired 3d carousel effect using CSS scroll-driven animations and Blossom Carousel.","Cgqp-xr8v6heSq1-_ooH_pGoPzJuEsnt6yGAAA_JDvw",[1963,1965],{"title":111,"path":112,"stem":113,"description":1964,"icon":114,"children":-1},"Create a slideshow with parallax effects.",{"title":121,"path":122,"stem":123,"description":1966,"icon":124,"children":-1},"Build an iOS-like smart stack.",{"baselineBadge":1968,"browserBadges":1972,"sources":1989,"updatedAt":1993},{"label":1969,"value":1970,"title":1971},"Baseline","Limited","view-timeline is not Baseline yet in the WebDX web-features data.",[1973,1977,1980,1985],{"browser":1974,"version":1975,"title":1976},"Chrome","115+","Chrome supports view-timeline from version 115.",{"browser":1978,"version":1975,"title":1979},"Edge","Edge supports view-timeline from version 115.",{"browser":1981,"version":1982,"note":1983,"title":1984},"Firefox","114+","flag","Firefox supports view-timeline from version 114 with a browser flag enabled.",{"browser":1986,"version":1987,"title":1988},"Safari","26+","Safari supports view-timeline from version 26.",{"bcd":1990,"mdn":1991,"webFeatures":1992},"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",1780256956133]