[{"data":1,"prerenderedAt":3202},["ShallowReactive",2],{"navigation_docs":3,"-docs-examples-advanced-custom-scrollbar":220,"-docs-examples-advanced-custom-scrollbar-surround":3197},[4,20,50,170,180,190],{"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,140],{"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,135],{"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,"path":137,"stem":138,"icon":139},"Custom Scrollbar","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fcustom-scrollbar","docs\u002F3.examples\u002F2.advanced\u002F6.custom-scrollbar","i-lucide-line-squiggle",{"title":141,"icon":6,"defaultOpen":6,"path":142,"stem":143,"children":144,"page":6},"Experimental","\u002Fdocs\u002Fexamples\u002Fexperimental","docs\u002F3.examples\u002F3.experimental",[145,150,155,160,165],{"title":146,"path":147,"stem":148,"icon":149},"CSS Controls","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fcss-controls","docs\u002F3.examples\u002F3.experimental\u002F1.css-controls","i-lucide-eclipse",{"title":151,"path":152,"stem":153,"icon":154},"Scroll State Query","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-state-queries","docs\u002F3.examples\u002F3.experimental\u002F2.scroll-state-queries","i-lucide-anvil",{"title":156,"path":157,"stem":158,"icon":159},"Scroll Snap Events","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-snap-changing","docs\u002F3.examples\u002F3.experimental\u002F3.scroll-snap-changing","i-lucide-megaphone",{"title":161,"path":162,"stem":163,"icon":164},"Repeat","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Frepeat","docs\u002F3.examples\u002F3.experimental\u002F4.repeat","i-lucide-repeat",{"title":166,"path":167,"stem":168,"icon":169},"Scroll Trigger","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-trigger","docs\u002F3.examples\u002F3.experimental\u002F5.scroll-trigger","i-lucide-bow-arrow",{"title":171,"path":172,"stem":173,"children":174,"page":6},"A11y","\u002Fdocs\u002Fa11y","docs\u002F4.a11y",[175],{"title":176,"path":177,"stem":178,"icon":179},"Accessibility Guide","\u002Fdocs\u002Fa11y\u002Faccessibility-guide","docs\u002F4.a11y\u002Faccessibility-guide","i-lucide-person-standing",{"title":181,"path":182,"stem":183,"children":184,"page":6},"Ai","\u002Fdocs\u002Fai","docs\u002F5.AI",[185],{"title":186,"path":187,"stem":188,"icon":189},"Agent Skills","\u002Fdocs\u002Fai\u002Fagent-skills","docs\u002F5.AI\u002F1.agent-skills","i-lucide-sparkles",{"title":191,"icon":6,"path":192,"stem":193,"children":194,"page":6},"Migration Guides","\u002Fdocs\u002Fmigration-guides","docs\u002F6.migration-guides",[195,200,205,210,215],{"title":196,"path":197,"stem":198,"icon":199},"Embla","\u002Fdocs\u002Fmigration-guides\u002Fembla","docs\u002F6.migration-guides\u002F1.embla","i-lucide-atom",{"title":201,"path":202,"stem":203,"icon":204},"Swiper","\u002Fdocs\u002Fmigration-guides\u002Fswiper","docs\u002F6.migration-guides\u002F2.swiper","i-lucide-circle-slash",{"title":206,"path":207,"stem":208,"icon":209},"Splide","\u002Fdocs\u002Fmigration-guides\u002Fsplide","docs\u002F6.migration-guides\u002F3.splide","i-lucide-diamond",{"title":211,"path":212,"stem":213,"icon":214},"Slick","\u002Fdocs\u002Fmigration-guides\u002Fslick","docs\u002F6.migration-guides\u002F4.slick","i-lucide-ampersand",{"title":216,"path":217,"stem":218,"icon":219},"Flickity","\u002Fdocs\u002Fmigration-guides\u002Fflickity","docs\u002F6.migration-guides\u002F5.flickity","i-lucide-smartphone",{"id":221,"title":136,"body":222,"description":3189,"extension":3190,"links":3191,"meta":3192,"navigation":3193,"path":137,"seo":3194,"stem":138,"__hash__":3196},"docs\u002Fdocs\u002F3.examples\u002F2.advanced\u002F6.custom-scrollbar.md",{"type":223,"value":224,"toc":3187},"minimark",[225,228,3183],[226,227],"example-custom-scrollbar",{},[229,230,232,1886],"tabs",{"sync":231},"example-code-style",[233,234,236],"tabs-item",{"label":235},"CSS",[237,238,239,737,1203],"code-group",{},[240,241,247],"pre",{"className":242,"code":243,"filename":244,"language":245,"meta":246,"style":246},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv class=\"example\">\n  \u003CBlossomCarousel class=\"carousel\">\n    \u003Cdiv class=\"slide\">\u003C\u002Fdiv>\n    \u003Cdiv class=\"slide\">\u003C\u002Fdiv>\n    \u003Cdiv class=\"slide\">\u003C\u002Fdiv>\n    ...\n  \u003C\u002FBlossomCarousel>\n\n  \u003Cdiv class=\"scrollbar\">\n    \u003Csvg class=\"track\" viewBox=\"0 0 300 16\" fill=\"none\">\n      \u003C!-- The faded path is the full track. -->\n      \u003Cpath\n        d=\"cosinePath\"\n        stroke=\"currentColor\"\n        opacity=\"0.2\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n      \u002F>\n      \u003C!-- The progress path is also referenced by offset-path. -->\n      \u003Cpath\n        id=\"custom-scrollbar-path\"\n        class=\"progress\"\n        d=\"cosinePath\"\n        stroke=\"currentColor\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        pathLength=\"1\"\n      \u002F>\n    \u003C\u002Fsvg>\n\n    \u003Cbutton class=\"handle\">\u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n",".html","html","",[248,249,250,282,304,330,353,376,383,393,400,420,465,472,481,497,512,527,542,557,563,569,576,591,606,619,632,645,658,673,678,688,693,718,727],"code",{"__ignoreMap":246},[251,252,255,259,263,267,270,273,277,279],"span",{"class":253,"line":254},"line",1,[251,256,258],{"class":257},"sMK4o","\u003C",[251,260,262],{"class":261},"swJcz","div",[251,264,266],{"class":265},"spNyl"," class",[251,268,269],{"class":257},"=",[251,271,272],{"class":257},"\"",[251,274,276],{"class":275},"sfazB","example",[251,278,272],{"class":257},[251,280,281],{"class":257},">\n",[251,283,285,288,291,293,295,297,300,302],{"class":253,"line":284},2,[251,286,287],{"class":257},"  \u003C",[251,289,290],{"class":261},"BlossomCarousel",[251,292,266],{"class":265},[251,294,269],{"class":257},[251,296,272],{"class":257},[251,298,299],{"class":275},"carousel",[251,301,272],{"class":257},[251,303,281],{"class":257},[251,305,307,310,312,314,316,318,321,323,326,328],{"class":253,"line":306},3,[251,308,309],{"class":257},"    \u003C",[251,311,262],{"class":261},[251,313,266],{"class":265},[251,315,269],{"class":257},[251,317,272],{"class":257},[251,319,320],{"class":275},"slide",[251,322,272],{"class":257},[251,324,325],{"class":257},">\u003C\u002F",[251,327,262],{"class":261},[251,329,281],{"class":257},[251,331,333,335,337,339,341,343,345,347,349,351],{"class":253,"line":332},4,[251,334,309],{"class":257},[251,336,262],{"class":261},[251,338,266],{"class":265},[251,340,269],{"class":257},[251,342,272],{"class":257},[251,344,320],{"class":275},[251,346,272],{"class":257},[251,348,325],{"class":257},[251,350,262],{"class":261},[251,352,281],{"class":257},[251,354,356,358,360,362,364,366,368,370,372,374],{"class":253,"line":355},5,[251,357,309],{"class":257},[251,359,262],{"class":261},[251,361,266],{"class":265},[251,363,269],{"class":257},[251,365,272],{"class":257},[251,367,320],{"class":275},[251,369,272],{"class":257},[251,371,325],{"class":257},[251,373,262],{"class":261},[251,375,281],{"class":257},[251,377,379],{"class":253,"line":378},6,[251,380,382],{"class":381},"sTEyZ","    ...\n",[251,384,386,389,391],{"class":253,"line":385},7,[251,387,388],{"class":257},"  \u003C\u002F",[251,390,290],{"class":261},[251,392,281],{"class":257},[251,394,396],{"class":253,"line":395},8,[251,397,399],{"emptyLinePlaceholder":398},true,"\n",[251,401,403,405,407,409,411,413,416,418],{"class":253,"line":402},9,[251,404,287],{"class":257},[251,406,262],{"class":261},[251,408,266],{"class":265},[251,410,269],{"class":257},[251,412,272],{"class":257},[251,414,415],{"class":275},"scrollbar",[251,417,272],{"class":257},[251,419,281],{"class":257},[251,421,423,425,428,430,432,434,437,439,442,444,446,449,451,454,456,458,461,463],{"class":253,"line":422},10,[251,424,309],{"class":257},[251,426,427],{"class":261},"svg",[251,429,266],{"class":265},[251,431,269],{"class":257},[251,433,272],{"class":257},[251,435,436],{"class":275},"track",[251,438,272],{"class":257},[251,440,441],{"class":265}," viewBox",[251,443,269],{"class":257},[251,445,272],{"class":257},[251,447,448],{"class":275},"0 0 300 16",[251,450,272],{"class":257},[251,452,453],{"class":265}," fill",[251,455,269],{"class":257},[251,457,272],{"class":257},[251,459,460],{"class":275},"none",[251,462,272],{"class":257},[251,464,281],{"class":257},[251,466,468],{"class":253,"line":467},11,[251,469,471],{"class":470},"sHwdD","      \u003C!-- The faded path is the full track. -->\n",[251,473,475,478],{"class":253,"line":474},12,[251,476,477],{"class":257},"      \u003C",[251,479,480],{"class":261},"path\n",[251,482,484,487,489,491,494],{"class":253,"line":483},13,[251,485,486],{"class":265},"        d",[251,488,269],{"class":257},[251,490,272],{"class":257},[251,492,493],{"class":275},"cosinePath",[251,495,496],{"class":257},"\"\n",[251,498,500,503,505,507,510],{"class":253,"line":499},14,[251,501,502],{"class":265},"        stroke",[251,504,269],{"class":257},[251,506,272],{"class":257},[251,508,509],{"class":275},"currentColor",[251,511,496],{"class":257},[251,513,515,518,520,522,525],{"class":253,"line":514},15,[251,516,517],{"class":265},"        opacity",[251,519,269],{"class":257},[251,521,272],{"class":257},[251,523,524],{"class":275},"0.2",[251,526,496],{"class":257},[251,528,530,533,535,537,540],{"class":253,"line":529},16,[251,531,532],{"class":265},"        stroke-width",[251,534,269],{"class":257},[251,536,272],{"class":257},[251,538,539],{"class":275},"4",[251,541,496],{"class":257},[251,543,545,548,550,552,555],{"class":253,"line":544},17,[251,546,547],{"class":265},"        stroke-linecap",[251,549,269],{"class":257},[251,551,272],{"class":257},[251,553,554],{"class":275},"round",[251,556,496],{"class":257},[251,558,560],{"class":253,"line":559},18,[251,561,562],{"class":257},"      \u002F>\n",[251,564,566],{"class":253,"line":565},19,[251,567,568],{"class":470},"      \u003C!-- The progress path is also referenced by offset-path. -->\n",[251,570,572,574],{"class":253,"line":571},20,[251,573,477],{"class":257},[251,575,480],{"class":261},[251,577,579,582,584,586,589],{"class":253,"line":578},21,[251,580,581],{"class":265},"        id",[251,583,269],{"class":257},[251,585,272],{"class":257},[251,587,588],{"class":275},"custom-scrollbar-path",[251,590,496],{"class":257},[251,592,594,597,599,601,604],{"class":253,"line":593},22,[251,595,596],{"class":265},"        class",[251,598,269],{"class":257},[251,600,272],{"class":257},[251,602,603],{"class":275},"progress",[251,605,496],{"class":257},[251,607,609,611,613,615,617],{"class":253,"line":608},23,[251,610,486],{"class":265},[251,612,269],{"class":257},[251,614,272],{"class":257},[251,616,493],{"class":275},[251,618,496],{"class":257},[251,620,622,624,626,628,630],{"class":253,"line":621},24,[251,623,502],{"class":265},[251,625,269],{"class":257},[251,627,272],{"class":257},[251,629,509],{"class":275},[251,631,496],{"class":257},[251,633,635,637,639,641,643],{"class":253,"line":634},25,[251,636,532],{"class":265},[251,638,269],{"class":257},[251,640,272],{"class":257},[251,642,539],{"class":275},[251,644,496],{"class":257},[251,646,648,650,652,654,656],{"class":253,"line":647},26,[251,649,547],{"class":265},[251,651,269],{"class":257},[251,653,272],{"class":257},[251,655,554],{"class":275},[251,657,496],{"class":257},[251,659,661,664,666,668,671],{"class":253,"line":660},27,[251,662,663],{"class":265},"        pathLength",[251,665,269],{"class":257},[251,667,272],{"class":257},[251,669,670],{"class":275},"1",[251,672,496],{"class":257},[251,674,676],{"class":253,"line":675},28,[251,677,562],{"class":257},[251,679,681,684,686],{"class":253,"line":680},29,[251,682,683],{"class":257},"    \u003C\u002F",[251,685,427],{"class":261},[251,687,281],{"class":257},[251,689,691],{"class":253,"line":690},30,[251,692,399],{"emptyLinePlaceholder":398},[251,694,696,698,701,703,705,707,710,712,714,716],{"class":253,"line":695},31,[251,697,309],{"class":257},[251,699,700],{"class":261},"button",[251,702,266],{"class":265},[251,704,269],{"class":257},[251,706,272],{"class":257},[251,708,709],{"class":275},"handle",[251,711,272],{"class":257},[251,713,325],{"class":257},[251,715,700],{"class":261},[251,717,281],{"class":257},[251,719,721,723,725],{"class":253,"line":720},32,[251,722,388],{"class":257},[251,724,262],{"class":261},[251,726,281],{"class":257},[251,728,730,733,735],{"class":253,"line":729},33,[251,731,732],{"class":257},"\u003C\u002F",[251,734,262],{"class":261},[251,736,281],{"class":257},[240,738,743],{"className":739,"code":740,"filename":741,"language":742,"meta":246,"style":246},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".example {\n  \u002F* Gives the carousel and scrollbar a shared named scroll timeline. *\u002F\n  timeline-scope: --custom-scrollbar;\n}\n\n.carousel {\n  \u002F* The carousel's horizontal scroll position drives the animations below. *\u002F\n  scroll-timeline: --custom-scrollbar inline;\n}\n\n.scrollbar {\n  position: relative;\n  width: 300px;\n  height: 16px;\n}\n\n.track .progress {\n  \u002F* pathLength=\"1\" lets us animate the whole path with values from 1 to 0. *\u002F\n  animation: progress 1s linear both;\n  animation-timeline: --custom-scrollbar;\n  stroke-dasharray: 1;\n}\n\n.handle {\n  position: absolute;\n  top: 0;\n  left: 0;\n  \n  \u002F* The handle follows the same SVG path as the progress stroke. *\u002F\n  offset-path: url(\"#custom-scrollbar-path\");\n  offset-anchor: auto;\n\n  animation: handle 1s linear both;\n  animation-timeline: --custom-scrollbar;\n}\n\n@keyframes progress {\n  from {\n    stroke-dashoffset: 1;\n  }\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes handle {\n  from {\n    offset-distance: 0%;\n  }\n  to {\n    offset-distance: 100%;\n  }\n}\n",".css","css",[248,744,745,756,761,775,780,784,792,797,809,813,817,825,838,851,863,867,871,884,889,907,918,930,934,938,946,957,969,980,985,990,1014,1026,1030,1045,1056,1061,1066,1079,1087,1099,1105,1113,1124,1129,1134,1139,1149,1156,1169,1174,1181,1193,1198],{"__ignoreMap":246},[251,746,747,750,753],{"class":253,"line":254},[251,748,749],{"class":257},".",[251,751,276],{"class":752},"sBMFI",[251,754,755],{"class":257}," {\n",[251,757,758],{"class":253,"line":284},[251,759,760],{"class":470},"  \u002F* Gives the carousel and scrollbar a shared named scroll timeline. *\u002F\n",[251,762,763,766,769,772],{"class":253,"line":306},[251,764,765],{"class":381},"  timeline-scope",[251,767,768],{"class":257},":",[251,770,771],{"class":381}," --custom-scrollbar",[251,773,774],{"class":257},";\n",[251,776,777],{"class":253,"line":332},[251,778,779],{"class":257},"}\n",[251,781,782],{"class":253,"line":355},[251,783,399],{"emptyLinePlaceholder":398},[251,785,786,788,790],{"class":253,"line":378},[251,787,749],{"class":257},[251,789,299],{"class":752},[251,791,755],{"class":257},[251,793,794],{"class":253,"line":385},[251,795,796],{"class":470},"  \u002F* The carousel's horizontal scroll position drives the animations below. *\u002F\n",[251,798,799,802,804,807],{"class":253,"line":395},[251,800,801],{"class":381},"  scroll-timeline",[251,803,768],{"class":257},[251,805,806],{"class":381}," --custom-scrollbar inline",[251,808,774],{"class":257},[251,810,811],{"class":253,"line":402},[251,812,779],{"class":257},[251,814,815],{"class":253,"line":422},[251,816,399],{"emptyLinePlaceholder":398},[251,818,819,821,823],{"class":253,"line":467},[251,820,749],{"class":257},[251,822,415],{"class":752},[251,824,755],{"class":257},[251,826,827,831,833,836],{"class":253,"line":474},[251,828,830],{"class":829},"sqsOY","  position",[251,832,768],{"class":257},[251,834,835],{"class":381}," relative",[251,837,774],{"class":257},[251,839,840,843,845,849],{"class":253,"line":483},[251,841,842],{"class":829},"  width",[251,844,768],{"class":257},[251,846,848],{"class":847},"sbssI"," 300px",[251,850,774],{"class":257},[251,852,853,856,858,861],{"class":253,"line":499},[251,854,855],{"class":829},"  height",[251,857,768],{"class":257},[251,859,860],{"class":847}," 16px",[251,862,774],{"class":257},[251,864,865],{"class":253,"line":514},[251,866,779],{"class":257},[251,868,869],{"class":253,"line":529},[251,870,399],{"emptyLinePlaceholder":398},[251,872,873,875,877,880,882],{"class":253,"line":544},[251,874,749],{"class":257},[251,876,436],{"class":752},[251,878,879],{"class":257}," .",[251,881,603],{"class":752},[251,883,755],{"class":257},[251,885,886],{"class":253,"line":559},[251,887,888],{"class":470},"  \u002F* pathLength=\"1\" lets us animate the whole path with values from 1 to 0. *\u002F\n",[251,890,891,894,896,899,902,905],{"class":253,"line":565},[251,892,893],{"class":829},"  animation",[251,895,768],{"class":257},[251,897,898],{"class":381}," progress ",[251,900,901],{"class":847},"1s",[251,903,904],{"class":381}," linear both",[251,906,774],{"class":257},[251,908,909,912,914,916],{"class":253,"line":571},[251,910,911],{"class":381},"  animation-timeline",[251,913,768],{"class":257},[251,915,771],{"class":381},[251,917,774],{"class":257},[251,919,920,923,925,928],{"class":253,"line":578},[251,921,922],{"class":829},"  stroke-dasharray",[251,924,768],{"class":257},[251,926,927],{"class":847}," 1",[251,929,774],{"class":257},[251,931,932],{"class":253,"line":593},[251,933,779],{"class":257},[251,935,936],{"class":253,"line":608},[251,937,399],{"emptyLinePlaceholder":398},[251,939,940,942,944],{"class":253,"line":621},[251,941,749],{"class":257},[251,943,709],{"class":752},[251,945,755],{"class":257},[251,947,948,950,952,955],{"class":253,"line":634},[251,949,830],{"class":829},[251,951,768],{"class":257},[251,953,954],{"class":381}," absolute",[251,956,774],{"class":257},[251,958,959,962,964,967],{"class":253,"line":647},[251,960,961],{"class":829},"  top",[251,963,768],{"class":257},[251,965,966],{"class":847}," 0",[251,968,774],{"class":257},[251,970,971,974,976,978],{"class":253,"line":660},[251,972,973],{"class":829},"  left",[251,975,768],{"class":257},[251,977,966],{"class":847},[251,979,774],{"class":257},[251,981,982],{"class":253,"line":675},[251,983,984],{"class":381},"  \n",[251,986,987],{"class":253,"line":680},[251,988,989],{"class":470},"  \u002F* The handle follows the same SVG path as the progress stroke. *\u002F\n",[251,991,992,995,997,1001,1004,1006,1009,1011],{"class":253,"line":690},[251,993,994],{"class":829},"  offset-path",[251,996,768],{"class":257},[251,998,1000],{"class":999},"s2Zo4"," url",[251,1002,1003],{"class":257},"(",[251,1005,272],{"class":257},[251,1007,1008],{"class":275},"#custom-scrollbar-path",[251,1010,272],{"class":257},[251,1012,1013],{"class":257},");\n",[251,1015,1016,1019,1021,1024],{"class":253,"line":695},[251,1017,1018],{"class":829},"  offset-anchor",[251,1020,768],{"class":257},[251,1022,1023],{"class":381}," auto",[251,1025,774],{"class":257},[251,1027,1028],{"class":253,"line":720},[251,1029,399],{"emptyLinePlaceholder":398},[251,1031,1032,1034,1036,1039,1041,1043],{"class":253,"line":729},[251,1033,893],{"class":829},[251,1035,768],{"class":257},[251,1037,1038],{"class":381}," handle ",[251,1040,901],{"class":847},[251,1042,904],{"class":381},[251,1044,774],{"class":257},[251,1046,1048,1050,1052,1054],{"class":253,"line":1047},34,[251,1049,911],{"class":381},[251,1051,768],{"class":257},[251,1053,771],{"class":381},[251,1055,774],{"class":257},[251,1057,1059],{"class":253,"line":1058},35,[251,1060,779],{"class":257},[251,1062,1064],{"class":253,"line":1063},36,[251,1065,399],{"emptyLinePlaceholder":398},[251,1067,1069,1073,1077],{"class":253,"line":1068},37,[251,1070,1072],{"class":1071},"s7zQu","@keyframes",[251,1074,1076],{"class":1075},"sHdIc"," progress",[251,1078,755],{"class":257},[251,1080,1082,1085],{"class":253,"line":1081},38,[251,1083,1084],{"class":752},"  from",[251,1086,755],{"class":257},[251,1088,1090,1093,1095,1097],{"class":253,"line":1089},39,[251,1091,1092],{"class":829},"    stroke-dashoffset",[251,1094,768],{"class":257},[251,1096,927],{"class":847},[251,1098,774],{"class":257},[251,1100,1102],{"class":253,"line":1101},40,[251,1103,1104],{"class":257},"  }\n",[251,1106,1108,1111],{"class":253,"line":1107},41,[251,1109,1110],{"class":752},"  to",[251,1112,755],{"class":257},[251,1114,1116,1118,1120,1122],{"class":253,"line":1115},42,[251,1117,1092],{"class":829},[251,1119,768],{"class":257},[251,1121,966],{"class":847},[251,1123,774],{"class":257},[251,1125,1127],{"class":253,"line":1126},43,[251,1128,1104],{"class":257},[251,1130,1132],{"class":253,"line":1131},44,[251,1133,779],{"class":257},[251,1135,1137],{"class":253,"line":1136},45,[251,1138,399],{"emptyLinePlaceholder":398},[251,1140,1142,1144,1147],{"class":253,"line":1141},46,[251,1143,1072],{"class":1071},[251,1145,1146],{"class":1075}," handle",[251,1148,755],{"class":257},[251,1150,1152,1154],{"class":253,"line":1151},47,[251,1153,1084],{"class":752},[251,1155,755],{"class":257},[251,1157,1159,1162,1164,1167],{"class":253,"line":1158},48,[251,1160,1161],{"class":829},"    offset-distance",[251,1163,768],{"class":257},[251,1165,1166],{"class":847}," 0%",[251,1168,774],{"class":257},[251,1170,1172],{"class":253,"line":1171},49,[251,1173,1104],{"class":257},[251,1175,1177,1179],{"class":253,"line":1176},50,[251,1178,1110],{"class":752},[251,1180,755],{"class":257},[251,1182,1184,1186,1188,1191],{"class":253,"line":1183},51,[251,1185,1161],{"class":829},[251,1187,768],{"class":257},[251,1189,1190],{"class":847}," 100%",[251,1192,774],{"class":257},[251,1194,1196],{"class":253,"line":1195},52,[251,1197,1104],{"class":257},[251,1199,1201],{"class":253,"line":1200},53,[251,1202,779],{"class":257},[240,1204,1209],{"className":1205,"code":1206,"filename":1207,"language":1208,"meta":246,"style":246},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","let svgRect: DOMRect\nlet offsetX: number\nlet activeHandle: HTMLButtonElement | null = null\n\nconst carousel = document.querySelector\u003CHTMLElement>('.carousel')!\nconst svg = document.querySelector\u003CSVGSVGElement>('.track')!\nconst handle = document.querySelector\u003CHTMLButtonElement>('.handle')!\n\nhandle.addEventListener('pointerdown', onPointerDown)\n\nfunction onPointerDown(event: PointerEvent) {\n  const handleRect = handle.getBoundingClientRect()\n\n  \u002F\u002F Keep receiving pointer events while dragging outside the handle.\n  activeHandle = handle\n  handle.setPointerCapture(event.pointerId)\n\n  \u002F\u002F Measure once at the start so pointer movement maps to track progress.\n  svgRect = svg.getBoundingClientRect()\n  offsetX = event.clientX - handleRect.left\n\n  window.addEventListener('pointermove', onPointerMove)\n  window.addEventListener('pointerup', onPointerUp)\n}\n\nfunction onPointerMove(event: PointerEvent) {\n  const newX = event.clientX - offsetX\n  const percentageX = ((newX - svgRect.left) \u002F svgRect.width) * 100\n\n  \u002F\u002F Convert track progress to the carousel's scroll range.\n  carousel.scrollTo({\n    left: (percentageX \u002F 100) * (carousel.scrollWidth - carousel.clientWidth),\n    behavior: 'instant',\n  })\n}\n\nfunction onPointerUp(event: PointerEvent) {\n  activeHandle?.releasePointerCapture(event.pointerId)\n  activeHandle = null\n\n  window.removeEventListener('pointermove', onPointerMove)\n  window.removeEventListener('pointerup', onPointerUp)\n}\n",".ts","ts",[248,1210,1211,1224,1236,1260,1264,1306,1341,1375,1379,1403,1407,1429,1449,1453,1458,1468,1490,1494,1499,1515,1540,1544,1569,1593,1597,1601,1619,1639,1684,1688,1693,1708,1755,1772,1779,1783,1787,1805,1825,1833,1837,1860,1882],{"__ignoreMap":246},[251,1212,1213,1216,1219,1221],{"class":253,"line":254},[251,1214,1215],{"class":265},"let",[251,1217,1218],{"class":381}," svgRect",[251,1220,768],{"class":257},[251,1222,1223],{"class":752}," DOMRect\n",[251,1225,1226,1228,1231,1233],{"class":253,"line":284},[251,1227,1215],{"class":265},[251,1229,1230],{"class":381}," offsetX",[251,1232,768],{"class":257},[251,1234,1235],{"class":752}," number\n",[251,1237,1238,1240,1243,1245,1248,1251,1254,1257],{"class":253,"line":306},[251,1239,1215],{"class":265},[251,1241,1242],{"class":381}," activeHandle",[251,1244,768],{"class":257},[251,1246,1247],{"class":752}," HTMLButtonElement",[251,1249,1250],{"class":257}," |",[251,1252,1253],{"class":752}," null",[251,1255,1256],{"class":257}," =",[251,1258,1259],{"class":257}," null\n",[251,1261,1262],{"class":253,"line":332},[251,1263,399],{"emptyLinePlaceholder":398},[251,1265,1266,1269,1272,1274,1277,1279,1282,1284,1287,1290,1292,1295,1298,1300,1303],{"class":253,"line":355},[251,1267,1268],{"class":265},"const",[251,1270,1271],{"class":381}," carousel ",[251,1273,269],{"class":257},[251,1275,1276],{"class":381}," document",[251,1278,749],{"class":257},[251,1280,1281],{"class":999},"querySelector",[251,1283,258],{"class":257},[251,1285,1286],{"class":752},"HTMLElement",[251,1288,1289],{"class":257},">",[251,1291,1003],{"class":381},[251,1293,1294],{"class":257},"'",[251,1296,1297],{"class":275},".carousel",[251,1299,1294],{"class":257},[251,1301,1302],{"class":381},")",[251,1304,1305],{"class":257},"!\n",[251,1307,1308,1310,1313,1315,1317,1319,1321,1323,1326,1328,1330,1332,1335,1337,1339],{"class":253,"line":378},[251,1309,1268],{"class":265},[251,1311,1312],{"class":381}," svg ",[251,1314,269],{"class":257},[251,1316,1276],{"class":381},[251,1318,749],{"class":257},[251,1320,1281],{"class":999},[251,1322,258],{"class":257},[251,1324,1325],{"class":752},"SVGSVGElement",[251,1327,1289],{"class":257},[251,1329,1003],{"class":381},[251,1331,1294],{"class":257},[251,1333,1334],{"class":275},".track",[251,1336,1294],{"class":257},[251,1338,1302],{"class":381},[251,1340,1305],{"class":257},[251,1342,1343,1345,1347,1349,1351,1353,1355,1357,1360,1362,1364,1366,1369,1371,1373],{"class":253,"line":385},[251,1344,1268],{"class":265},[251,1346,1038],{"class":381},[251,1348,269],{"class":257},[251,1350,1276],{"class":381},[251,1352,749],{"class":257},[251,1354,1281],{"class":999},[251,1356,258],{"class":257},[251,1358,1359],{"class":752},"HTMLButtonElement",[251,1361,1289],{"class":257},[251,1363,1003],{"class":381},[251,1365,1294],{"class":257},[251,1367,1368],{"class":275},".handle",[251,1370,1294],{"class":257},[251,1372,1302],{"class":381},[251,1374,1305],{"class":257},[251,1376,1377],{"class":253,"line":395},[251,1378,399],{"emptyLinePlaceholder":398},[251,1380,1381,1383,1385,1388,1390,1392,1395,1397,1400],{"class":253,"line":402},[251,1382,709],{"class":381},[251,1384,749],{"class":257},[251,1386,1387],{"class":999},"addEventListener",[251,1389,1003],{"class":381},[251,1391,1294],{"class":257},[251,1393,1394],{"class":275},"pointerdown",[251,1396,1294],{"class":257},[251,1398,1399],{"class":257},",",[251,1401,1402],{"class":381}," onPointerDown)\n",[251,1404,1405],{"class":253,"line":422},[251,1406,399],{"emptyLinePlaceholder":398},[251,1408,1409,1412,1415,1417,1420,1422,1425,1427],{"class":253,"line":467},[251,1410,1411],{"class":265},"function",[251,1413,1414],{"class":999}," onPointerDown",[251,1416,1003],{"class":257},[251,1418,1419],{"class":1075},"event",[251,1421,768],{"class":257},[251,1423,1424],{"class":752}," PointerEvent",[251,1426,1302],{"class":257},[251,1428,755],{"class":257},[251,1430,1431,1434,1437,1439,1441,1443,1446],{"class":253,"line":474},[251,1432,1433],{"class":265},"  const",[251,1435,1436],{"class":381}," handleRect",[251,1438,1256],{"class":257},[251,1440,1146],{"class":381},[251,1442,749],{"class":257},[251,1444,1445],{"class":999},"getBoundingClientRect",[251,1447,1448],{"class":261},"()\n",[251,1450,1451],{"class":253,"line":483},[251,1452,399],{"emptyLinePlaceholder":398},[251,1454,1455],{"class":253,"line":499},[251,1456,1457],{"class":470},"  \u002F\u002F Keep receiving pointer events while dragging outside the handle.\n",[251,1459,1460,1463,1465],{"class":253,"line":514},[251,1461,1462],{"class":381},"  activeHandle",[251,1464,1256],{"class":257},[251,1466,1467],{"class":381}," handle\n",[251,1469,1470,1473,1475,1478,1480,1482,1484,1487],{"class":253,"line":529},[251,1471,1472],{"class":381},"  handle",[251,1474,749],{"class":257},[251,1476,1477],{"class":999},"setPointerCapture",[251,1479,1003],{"class":261},[251,1481,1419],{"class":381},[251,1483,749],{"class":257},[251,1485,1486],{"class":381},"pointerId",[251,1488,1489],{"class":261},")\n",[251,1491,1492],{"class":253,"line":544},[251,1493,399],{"emptyLinePlaceholder":398},[251,1495,1496],{"class":253,"line":559},[251,1497,1498],{"class":470},"  \u002F\u002F Measure once at the start so pointer movement maps to track progress.\n",[251,1500,1501,1504,1506,1509,1511,1513],{"class":253,"line":565},[251,1502,1503],{"class":381},"  svgRect",[251,1505,1256],{"class":257},[251,1507,1508],{"class":381}," svg",[251,1510,749],{"class":257},[251,1512,1445],{"class":999},[251,1514,1448],{"class":261},[251,1516,1517,1520,1522,1525,1527,1530,1533,1535,1537],{"class":253,"line":571},[251,1518,1519],{"class":381},"  offsetX",[251,1521,1256],{"class":257},[251,1523,1524],{"class":381}," event",[251,1526,749],{"class":257},[251,1528,1529],{"class":381},"clientX",[251,1531,1532],{"class":257}," -",[251,1534,1436],{"class":381},[251,1536,749],{"class":257},[251,1538,1539],{"class":381},"left\n",[251,1541,1542],{"class":253,"line":578},[251,1543,399],{"emptyLinePlaceholder":398},[251,1545,1546,1549,1551,1553,1555,1557,1560,1562,1564,1567],{"class":253,"line":593},[251,1547,1548],{"class":381},"  window",[251,1550,749],{"class":257},[251,1552,1387],{"class":999},[251,1554,1003],{"class":261},[251,1556,1294],{"class":257},[251,1558,1559],{"class":275},"pointermove",[251,1561,1294],{"class":257},[251,1563,1399],{"class":257},[251,1565,1566],{"class":381}," onPointerMove",[251,1568,1489],{"class":261},[251,1570,1571,1573,1575,1577,1579,1581,1584,1586,1588,1591],{"class":253,"line":608},[251,1572,1548],{"class":381},[251,1574,749],{"class":257},[251,1576,1387],{"class":999},[251,1578,1003],{"class":261},[251,1580,1294],{"class":257},[251,1582,1583],{"class":275},"pointerup",[251,1585,1294],{"class":257},[251,1587,1399],{"class":257},[251,1589,1590],{"class":381}," onPointerUp",[251,1592,1489],{"class":261},[251,1594,1595],{"class":253,"line":621},[251,1596,779],{"class":257},[251,1598,1599],{"class":253,"line":634},[251,1600,399],{"emptyLinePlaceholder":398},[251,1602,1603,1605,1607,1609,1611,1613,1615,1617],{"class":253,"line":647},[251,1604,1411],{"class":265},[251,1606,1566],{"class":999},[251,1608,1003],{"class":257},[251,1610,1419],{"class":1075},[251,1612,768],{"class":257},[251,1614,1424],{"class":752},[251,1616,1302],{"class":257},[251,1618,755],{"class":257},[251,1620,1621,1623,1626,1628,1630,1632,1634,1636],{"class":253,"line":660},[251,1622,1433],{"class":265},[251,1624,1625],{"class":381}," newX",[251,1627,1256],{"class":257},[251,1629,1524],{"class":381},[251,1631,749],{"class":257},[251,1633,1529],{"class":381},[251,1635,1532],{"class":257},[251,1637,1638],{"class":381}," offsetX\n",[251,1640,1641,1643,1646,1648,1651,1654,1656,1658,1660,1663,1666,1669,1671,1673,1676,1678,1681],{"class":253,"line":675},[251,1642,1433],{"class":265},[251,1644,1645],{"class":381}," percentageX",[251,1647,1256],{"class":257},[251,1649,1650],{"class":261}," ((",[251,1652,1653],{"class":381},"newX",[251,1655,1532],{"class":257},[251,1657,1218],{"class":381},[251,1659,749],{"class":257},[251,1661,1662],{"class":381},"left",[251,1664,1665],{"class":261},") ",[251,1667,1668],{"class":257},"\u002F",[251,1670,1218],{"class":381},[251,1672,749],{"class":257},[251,1674,1675],{"class":381},"width",[251,1677,1665],{"class":261},[251,1679,1680],{"class":257},"*",[251,1682,1683],{"class":847}," 100\n",[251,1685,1686],{"class":253,"line":680},[251,1687,399],{"emptyLinePlaceholder":398},[251,1689,1690],{"class":253,"line":690},[251,1691,1692],{"class":470},"  \u002F\u002F Convert track progress to the carousel's scroll range.\n",[251,1694,1695,1698,1700,1703,1705],{"class":253,"line":695},[251,1696,1697],{"class":381},"  carousel",[251,1699,749],{"class":257},[251,1701,1702],{"class":999},"scrollTo",[251,1704,1003],{"class":261},[251,1706,1707],{"class":257},"{\n",[251,1709,1710,1713,1715,1718,1721,1724,1727,1729,1731,1733,1735,1737,1740,1742,1745,1747,1750,1752],{"class":253,"line":720},[251,1711,1712],{"class":261},"    left",[251,1714,768],{"class":257},[251,1716,1717],{"class":261}," (",[251,1719,1720],{"class":381},"percentageX",[251,1722,1723],{"class":257}," \u002F",[251,1725,1726],{"class":847}," 100",[251,1728,1665],{"class":261},[251,1730,1680],{"class":257},[251,1732,1717],{"class":261},[251,1734,299],{"class":381},[251,1736,749],{"class":257},[251,1738,1739],{"class":381},"scrollWidth",[251,1741,1532],{"class":257},[251,1743,1744],{"class":381}," carousel",[251,1746,749],{"class":257},[251,1748,1749],{"class":381},"clientWidth",[251,1751,1302],{"class":261},[251,1753,1754],{"class":257},",\n",[251,1756,1757,1760,1762,1765,1768,1770],{"class":253,"line":729},[251,1758,1759],{"class":261},"    behavior",[251,1761,768],{"class":257},[251,1763,1764],{"class":257}," '",[251,1766,1767],{"class":275},"instant",[251,1769,1294],{"class":257},[251,1771,1754],{"class":257},[251,1773,1774,1777],{"class":253,"line":1047},[251,1775,1776],{"class":257},"  }",[251,1778,1489],{"class":261},[251,1780,1781],{"class":253,"line":1058},[251,1782,779],{"class":257},[251,1784,1785],{"class":253,"line":1063},[251,1786,399],{"emptyLinePlaceholder":398},[251,1788,1789,1791,1793,1795,1797,1799,1801,1803],{"class":253,"line":1068},[251,1790,1411],{"class":265},[251,1792,1590],{"class":999},[251,1794,1003],{"class":257},[251,1796,1419],{"class":1075},[251,1798,768],{"class":257},[251,1800,1424],{"class":752},[251,1802,1302],{"class":257},[251,1804,755],{"class":257},[251,1806,1807,1809,1812,1815,1817,1819,1821,1823],{"class":253,"line":1081},[251,1808,1462],{"class":381},[251,1810,1811],{"class":257},"?.",[251,1813,1814],{"class":999},"releasePointerCapture",[251,1816,1003],{"class":261},[251,1818,1419],{"class":381},[251,1820,749],{"class":257},[251,1822,1486],{"class":381},[251,1824,1489],{"class":261},[251,1826,1827,1829,1831],{"class":253,"line":1089},[251,1828,1462],{"class":381},[251,1830,1256],{"class":257},[251,1832,1259],{"class":257},[251,1834,1835],{"class":253,"line":1101},[251,1836,399],{"emptyLinePlaceholder":398},[251,1838,1839,1841,1843,1846,1848,1850,1852,1854,1856,1858],{"class":253,"line":1107},[251,1840,1548],{"class":381},[251,1842,749],{"class":257},[251,1844,1845],{"class":999},"removeEventListener",[251,1847,1003],{"class":261},[251,1849,1294],{"class":257},[251,1851,1559],{"class":275},[251,1853,1294],{"class":257},[251,1855,1399],{"class":257},[251,1857,1566],{"class":381},[251,1859,1489],{"class":261},[251,1861,1862,1864,1866,1868,1870,1872,1874,1876,1878,1880],{"class":253,"line":1115},[251,1863,1548],{"class":381},[251,1865,749],{"class":257},[251,1867,1845],{"class":999},[251,1869,1003],{"class":261},[251,1871,1294],{"class":257},[251,1873,1583],{"class":275},[251,1875,1294],{"class":257},[251,1877,1399],{"class":257},[251,1879,1590],{"class":381},[251,1881,1489],{"class":261},[251,1883,1884],{"class":253,"line":1126},[251,1885,779],{"class":257},[233,1887,1889],{"label":1888},"Tailwind",[237,1890,1891,2286,2593],{},[240,1892,1894],{"className":242,"code":1893,"filename":244,"language":245,"meta":246,"style":246},"\u003Cdiv class=\"group relative flex w-full flex-col items-center gap-6\">\n  \u003CBlossomCarousel class=\"carousel grid! auto-cols-[200px] grid-flow-col gap-4\">\n    \u003Cdiv class=\"aspect-3\u002F4 w-full\">\u003C\u002Fdiv>\n    \u003Cdiv class=\"aspect-3\u002F4 w-full\">\u003C\u002Fdiv>\n    \u003Cdiv class=\"aspect-3\u002F4 w-full\">\u003C\u002Fdiv>\n    ...\n  \u003C\u002FBlossomCarousel>\n\n  \u003Cdiv class=\"relative h-4 w-[300px]\">\n    \u003Csvg class=\"track h-full w-full\" viewBox=\"0 0 300 16\" fill=\"none\">\n      \u003C!-- The faded path is the full track. -->\n      \u003Cpath\n        d=\"cosinePath\"\n        stroke=\"currentColor\"\n        opacity=\"0.2\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n      \u002F>\n      \u003C!-- The progress path is also referenced by offset-path. -->\n      \u003Cpath\n        id=\"custom-scrollbar-path\"\n        d=\"cosinePath\"\n        stroke=\"currentColor\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n        pathLength=\"1\"\n      \u002F>\n    \u003C\u002Fsvg>\n\n    \u003Cbutton class=\"handle absolute top-0 left-0 size-3 rounded-full\">\u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n",[248,1895,1896,1915,1934,1957,1979,2001,2005,2013,2017,2036,2075,2079,2085,2097,2109,2121,2133,2145,2149,2153,2159,2171,2183,2195,2207,2219,2231,2235,2243,2247,2270,2278],{"__ignoreMap":246},[251,1897,1898,1900,1902,1904,1906,1908,1911,1913],{"class":253,"line":254},[251,1899,258],{"class":257},[251,1901,262],{"class":261},[251,1903,266],{"class":265},[251,1905,269],{"class":257},[251,1907,272],{"class":257},[251,1909,1910],{"class":275},"group relative flex w-full flex-col items-center gap-6",[251,1912,272],{"class":257},[251,1914,281],{"class":257},[251,1916,1917,1919,1921,1923,1925,1927,1930,1932],{"class":253,"line":284},[251,1918,287],{"class":257},[251,1920,290],{"class":261},[251,1922,266],{"class":265},[251,1924,269],{"class":257},[251,1926,272],{"class":257},[251,1928,1929],{"class":275},"carousel grid! auto-cols-[200px] grid-flow-col gap-4",[251,1931,272],{"class":257},[251,1933,281],{"class":257},[251,1935,1936,1938,1940,1942,1944,1946,1949,1951,1953,1955],{"class":253,"line":306},[251,1937,309],{"class":257},[251,1939,262],{"class":261},[251,1941,266],{"class":265},[251,1943,269],{"class":257},[251,1945,272],{"class":257},[251,1947,1948],{"class":275},"aspect-3\u002F4 w-full",[251,1950,272],{"class":257},[251,1952,325],{"class":257},[251,1954,262],{"class":261},[251,1956,281],{"class":257},[251,1958,1959,1961,1963,1965,1967,1969,1971,1973,1975,1977],{"class":253,"line":332},[251,1960,309],{"class":257},[251,1962,262],{"class":261},[251,1964,266],{"class":265},[251,1966,269],{"class":257},[251,1968,272],{"class":257},[251,1970,1948],{"class":275},[251,1972,272],{"class":257},[251,1974,325],{"class":257},[251,1976,262],{"class":261},[251,1978,281],{"class":257},[251,1980,1981,1983,1985,1987,1989,1991,1993,1995,1997,1999],{"class":253,"line":355},[251,1982,309],{"class":257},[251,1984,262],{"class":261},[251,1986,266],{"class":265},[251,1988,269],{"class":257},[251,1990,272],{"class":257},[251,1992,1948],{"class":275},[251,1994,272],{"class":257},[251,1996,325],{"class":257},[251,1998,262],{"class":261},[251,2000,281],{"class":257},[251,2002,2003],{"class":253,"line":378},[251,2004,382],{"class":381},[251,2006,2007,2009,2011],{"class":253,"line":385},[251,2008,388],{"class":257},[251,2010,290],{"class":261},[251,2012,281],{"class":257},[251,2014,2015],{"class":253,"line":395},[251,2016,399],{"emptyLinePlaceholder":398},[251,2018,2019,2021,2023,2025,2027,2029,2032,2034],{"class":253,"line":402},[251,2020,287],{"class":257},[251,2022,262],{"class":261},[251,2024,266],{"class":265},[251,2026,269],{"class":257},[251,2028,272],{"class":257},[251,2030,2031],{"class":275},"relative h-4 w-[300px]",[251,2033,272],{"class":257},[251,2035,281],{"class":257},[251,2037,2038,2040,2042,2044,2046,2048,2051,2053,2055,2057,2059,2061,2063,2065,2067,2069,2071,2073],{"class":253,"line":422},[251,2039,309],{"class":257},[251,2041,427],{"class":261},[251,2043,266],{"class":265},[251,2045,269],{"class":257},[251,2047,272],{"class":257},[251,2049,2050],{"class":275},"track h-full w-full",[251,2052,272],{"class":257},[251,2054,441],{"class":265},[251,2056,269],{"class":257},[251,2058,272],{"class":257},[251,2060,448],{"class":275},[251,2062,272],{"class":257},[251,2064,453],{"class":265},[251,2066,269],{"class":257},[251,2068,272],{"class":257},[251,2070,460],{"class":275},[251,2072,272],{"class":257},[251,2074,281],{"class":257},[251,2076,2077],{"class":253,"line":467},[251,2078,471],{"class":470},[251,2080,2081,2083],{"class":253,"line":474},[251,2082,477],{"class":257},[251,2084,480],{"class":261},[251,2086,2087,2089,2091,2093,2095],{"class":253,"line":483},[251,2088,486],{"class":265},[251,2090,269],{"class":257},[251,2092,272],{"class":257},[251,2094,493],{"class":275},[251,2096,496],{"class":257},[251,2098,2099,2101,2103,2105,2107],{"class":253,"line":499},[251,2100,502],{"class":265},[251,2102,269],{"class":257},[251,2104,272],{"class":257},[251,2106,509],{"class":275},[251,2108,496],{"class":257},[251,2110,2111,2113,2115,2117,2119],{"class":253,"line":514},[251,2112,517],{"class":265},[251,2114,269],{"class":257},[251,2116,272],{"class":257},[251,2118,524],{"class":275},[251,2120,496],{"class":257},[251,2122,2123,2125,2127,2129,2131],{"class":253,"line":529},[251,2124,532],{"class":265},[251,2126,269],{"class":257},[251,2128,272],{"class":257},[251,2130,539],{"class":275},[251,2132,496],{"class":257},[251,2134,2135,2137,2139,2141,2143],{"class":253,"line":544},[251,2136,547],{"class":265},[251,2138,269],{"class":257},[251,2140,272],{"class":257},[251,2142,554],{"class":275},[251,2144,496],{"class":257},[251,2146,2147],{"class":253,"line":559},[251,2148,562],{"class":257},[251,2150,2151],{"class":253,"line":565},[251,2152,568],{"class":470},[251,2154,2155,2157],{"class":253,"line":571},[251,2156,477],{"class":257},[251,2158,480],{"class":261},[251,2160,2161,2163,2165,2167,2169],{"class":253,"line":578},[251,2162,581],{"class":265},[251,2164,269],{"class":257},[251,2166,272],{"class":257},[251,2168,588],{"class":275},[251,2170,496],{"class":257},[251,2172,2173,2175,2177,2179,2181],{"class":253,"line":593},[251,2174,486],{"class":265},[251,2176,269],{"class":257},[251,2178,272],{"class":257},[251,2180,493],{"class":275},[251,2182,496],{"class":257},[251,2184,2185,2187,2189,2191,2193],{"class":253,"line":608},[251,2186,502],{"class":265},[251,2188,269],{"class":257},[251,2190,272],{"class":257},[251,2192,509],{"class":275},[251,2194,496],{"class":257},[251,2196,2197,2199,2201,2203,2205],{"class":253,"line":621},[251,2198,532],{"class":265},[251,2200,269],{"class":257},[251,2202,272],{"class":257},[251,2204,539],{"class":275},[251,2206,496],{"class":257},[251,2208,2209,2211,2213,2215,2217],{"class":253,"line":634},[251,2210,547],{"class":265},[251,2212,269],{"class":257},[251,2214,272],{"class":257},[251,2216,554],{"class":275},[251,2218,496],{"class":257},[251,2220,2221,2223,2225,2227,2229],{"class":253,"line":647},[251,2222,663],{"class":265},[251,2224,269],{"class":257},[251,2226,272],{"class":257},[251,2228,670],{"class":275},[251,2230,496],{"class":257},[251,2232,2233],{"class":253,"line":660},[251,2234,562],{"class":257},[251,2236,2237,2239,2241],{"class":253,"line":675},[251,2238,683],{"class":257},[251,2240,427],{"class":261},[251,2242,281],{"class":257},[251,2244,2245],{"class":253,"line":680},[251,2246,399],{"emptyLinePlaceholder":398},[251,2248,2249,2251,2253,2255,2257,2259,2262,2264,2266,2268],{"class":253,"line":690},[251,2250,309],{"class":257},[251,2252,700],{"class":261},[251,2254,266],{"class":265},[251,2256,269],{"class":257},[251,2258,272],{"class":257},[251,2260,2261],{"class":275},"handle absolute top-0 left-0 size-3 rounded-full",[251,2263,272],{"class":257},[251,2265,325],{"class":257},[251,2267,700],{"class":261},[251,2269,281],{"class":257},[251,2271,2272,2274,2276],{"class":253,"line":695},[251,2273,388],{"class":257},[251,2275,262],{"class":261},[251,2277,281],{"class":257},[251,2279,2280,2282,2284],{"class":253,"line":720},[251,2281,732],{"class":257},[251,2283,262],{"class":261},[251,2285,281],{"class":257},[240,2287,2289],{"className":739,"code":2288,"filename":741,"language":742,"meta":246,"style":246},".group {\n  \u002F* Gives the carousel and scrollbar a shared named scroll timeline. *\u002F\n  timeline-scope: --custom-scrollbar;\n}\n\n.carousel {\n  \u002F* The carousel's horizontal scroll position drives the animations below. *\u002F\n  scroll-timeline: --custom-scrollbar inline;\n}\n\nsvg path:last-child {\n  \u002F* pathLength=\"1\" lets us animate the whole path with values from 1 to 0. *\u002F\n  animation: progress 1s linear both;\n  animation-timeline: --custom-scrollbar;\n  stroke-dasharray: 1;\n}\n\n.handle {\n  \u002F* The handle follows the same SVG path as the progress stroke. *\u002F\n  offset-path: url(\"#custom-scrollbar-path\");\n  offset-anchor: auto;\n  animation: handle 1s linear both;\n  animation-timeline: --custom-scrollbar;\n}\n\n@keyframes progress {\n  from {\n    stroke-dashoffset: 1;\n  }\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes handle {\n  from {\n    offset-distance: 0%;\n  }\n  to {\n    offset-distance: 99%;\n  }\n}\n",[248,2290,2291,2300,2304,2314,2318,2322,2330,2334,2344,2348,2352,2366,2370,2384,2394,2404,2408,2412,2420,2424,2442,2452,2466,2476,2480,2484,2492,2498,2508,2512,2518,2528,2532,2536,2540,2548,2554,2564,2568,2574,2585,2589],{"__ignoreMap":246},[251,2292,2293,2295,2298],{"class":253,"line":254},[251,2294,749],{"class":257},[251,2296,2297],{"class":752},"group",[251,2299,755],{"class":257},[251,2301,2302],{"class":253,"line":284},[251,2303,760],{"class":470},[251,2305,2306,2308,2310,2312],{"class":253,"line":306},[251,2307,765],{"class":381},[251,2309,768],{"class":257},[251,2311,771],{"class":381},[251,2313,774],{"class":257},[251,2315,2316],{"class":253,"line":332},[251,2317,779],{"class":257},[251,2319,2320],{"class":253,"line":355},[251,2321,399],{"emptyLinePlaceholder":398},[251,2323,2324,2326,2328],{"class":253,"line":378},[251,2325,749],{"class":257},[251,2327,299],{"class":752},[251,2329,755],{"class":257},[251,2331,2332],{"class":253,"line":385},[251,2333,796],{"class":470},[251,2335,2336,2338,2340,2342],{"class":253,"line":395},[251,2337,801],{"class":381},[251,2339,768],{"class":257},[251,2341,806],{"class":381},[251,2343,774],{"class":257},[251,2345,2346],{"class":253,"line":402},[251,2347,779],{"class":257},[251,2349,2350],{"class":253,"line":422},[251,2351,399],{"emptyLinePlaceholder":398},[251,2353,2354,2356,2359,2361,2364],{"class":253,"line":467},[251,2355,427],{"class":752},[251,2357,2358],{"class":752}," path",[251,2360,768],{"class":257},[251,2362,2363],{"class":265},"last-child",[251,2365,755],{"class":257},[251,2367,2368],{"class":253,"line":474},[251,2369,888],{"class":470},[251,2371,2372,2374,2376,2378,2380,2382],{"class":253,"line":483},[251,2373,893],{"class":829},[251,2375,768],{"class":257},[251,2377,898],{"class":381},[251,2379,901],{"class":847},[251,2381,904],{"class":381},[251,2383,774],{"class":257},[251,2385,2386,2388,2390,2392],{"class":253,"line":499},[251,2387,911],{"class":381},[251,2389,768],{"class":257},[251,2391,771],{"class":381},[251,2393,774],{"class":257},[251,2395,2396,2398,2400,2402],{"class":253,"line":514},[251,2397,922],{"class":829},[251,2399,768],{"class":257},[251,2401,927],{"class":847},[251,2403,774],{"class":257},[251,2405,2406],{"class":253,"line":529},[251,2407,779],{"class":257},[251,2409,2410],{"class":253,"line":544},[251,2411,399],{"emptyLinePlaceholder":398},[251,2413,2414,2416,2418],{"class":253,"line":559},[251,2415,749],{"class":257},[251,2417,709],{"class":752},[251,2419,755],{"class":257},[251,2421,2422],{"class":253,"line":565},[251,2423,989],{"class":470},[251,2425,2426,2428,2430,2432,2434,2436,2438,2440],{"class":253,"line":571},[251,2427,994],{"class":829},[251,2429,768],{"class":257},[251,2431,1000],{"class":999},[251,2433,1003],{"class":257},[251,2435,272],{"class":257},[251,2437,1008],{"class":275},[251,2439,272],{"class":257},[251,2441,1013],{"class":257},[251,2443,2444,2446,2448,2450],{"class":253,"line":578},[251,2445,1018],{"class":829},[251,2447,768],{"class":257},[251,2449,1023],{"class":381},[251,2451,774],{"class":257},[251,2453,2454,2456,2458,2460,2462,2464],{"class":253,"line":593},[251,2455,893],{"class":829},[251,2457,768],{"class":257},[251,2459,1038],{"class":381},[251,2461,901],{"class":847},[251,2463,904],{"class":381},[251,2465,774],{"class":257},[251,2467,2468,2470,2472,2474],{"class":253,"line":608},[251,2469,911],{"class":381},[251,2471,768],{"class":257},[251,2473,771],{"class":381},[251,2475,774],{"class":257},[251,2477,2478],{"class":253,"line":621},[251,2479,779],{"class":257},[251,2481,2482],{"class":253,"line":634},[251,2483,399],{"emptyLinePlaceholder":398},[251,2485,2486,2488,2490],{"class":253,"line":647},[251,2487,1072],{"class":1071},[251,2489,1076],{"class":1075},[251,2491,755],{"class":257},[251,2493,2494,2496],{"class":253,"line":660},[251,2495,1084],{"class":752},[251,2497,755],{"class":257},[251,2499,2500,2502,2504,2506],{"class":253,"line":675},[251,2501,1092],{"class":829},[251,2503,768],{"class":257},[251,2505,927],{"class":847},[251,2507,774],{"class":257},[251,2509,2510],{"class":253,"line":680},[251,2511,1104],{"class":257},[251,2513,2514,2516],{"class":253,"line":690},[251,2515,1110],{"class":752},[251,2517,755],{"class":257},[251,2519,2520,2522,2524,2526],{"class":253,"line":695},[251,2521,1092],{"class":829},[251,2523,768],{"class":257},[251,2525,966],{"class":847},[251,2527,774],{"class":257},[251,2529,2530],{"class":253,"line":720},[251,2531,1104],{"class":257},[251,2533,2534],{"class":253,"line":729},[251,2535,779],{"class":257},[251,2537,2538],{"class":253,"line":1047},[251,2539,399],{"emptyLinePlaceholder":398},[251,2541,2542,2544,2546],{"class":253,"line":1058},[251,2543,1072],{"class":1071},[251,2545,1146],{"class":1075},[251,2547,755],{"class":257},[251,2549,2550,2552],{"class":253,"line":1063},[251,2551,1084],{"class":752},[251,2553,755],{"class":257},[251,2555,2556,2558,2560,2562],{"class":253,"line":1068},[251,2557,1161],{"class":829},[251,2559,768],{"class":257},[251,2561,1166],{"class":847},[251,2563,774],{"class":257},[251,2565,2566],{"class":253,"line":1081},[251,2567,1104],{"class":257},[251,2569,2570,2572],{"class":253,"line":1089},[251,2571,1110],{"class":752},[251,2573,755],{"class":257},[251,2575,2576,2578,2580,2583],{"class":253,"line":1101},[251,2577,1161],{"class":829},[251,2579,768],{"class":257},[251,2581,2582],{"class":847}," 99%",[251,2584,774],{"class":257},[251,2586,2587],{"class":253,"line":1107},[251,2588,1104],{"class":257},[251,2590,2591],{"class":253,"line":1115},[251,2592,779],{"class":257},[240,2594,2595],{"className":1205,"code":1206,"filename":1207,"language":1208,"meta":246,"style":246},[248,2596,2597,2607,2617,2635,2639,2671,2703,2735,2739,2759,2763,2781,2797,2801,2805,2813,2831,2835,2839,2853,2873,2877,2899,2921,2925,2929,2947,2965,3001,3005,3009,3021,3059,3073,3079,3083,3087,3105,3123,3131,3135,3157,3179],{"__ignoreMap":246},[251,2598,2599,2601,2603,2605],{"class":253,"line":254},[251,2600,1215],{"class":265},[251,2602,1218],{"class":381},[251,2604,768],{"class":257},[251,2606,1223],{"class":752},[251,2608,2609,2611,2613,2615],{"class":253,"line":284},[251,2610,1215],{"class":265},[251,2612,1230],{"class":381},[251,2614,768],{"class":257},[251,2616,1235],{"class":752},[251,2618,2619,2621,2623,2625,2627,2629,2631,2633],{"class":253,"line":306},[251,2620,1215],{"class":265},[251,2622,1242],{"class":381},[251,2624,768],{"class":257},[251,2626,1247],{"class":752},[251,2628,1250],{"class":257},[251,2630,1253],{"class":752},[251,2632,1256],{"class":257},[251,2634,1259],{"class":257},[251,2636,2637],{"class":253,"line":332},[251,2638,399],{"emptyLinePlaceholder":398},[251,2640,2641,2643,2645,2647,2649,2651,2653,2655,2657,2659,2661,2663,2665,2667,2669],{"class":253,"line":355},[251,2642,1268],{"class":265},[251,2644,1271],{"class":381},[251,2646,269],{"class":257},[251,2648,1276],{"class":381},[251,2650,749],{"class":257},[251,2652,1281],{"class":999},[251,2654,258],{"class":257},[251,2656,1286],{"class":752},[251,2658,1289],{"class":257},[251,2660,1003],{"class":381},[251,2662,1294],{"class":257},[251,2664,1297],{"class":275},[251,2666,1294],{"class":257},[251,2668,1302],{"class":381},[251,2670,1305],{"class":257},[251,2672,2673,2675,2677,2679,2681,2683,2685,2687,2689,2691,2693,2695,2697,2699,2701],{"class":253,"line":378},[251,2674,1268],{"class":265},[251,2676,1312],{"class":381},[251,2678,269],{"class":257},[251,2680,1276],{"class":381},[251,2682,749],{"class":257},[251,2684,1281],{"class":999},[251,2686,258],{"class":257},[251,2688,1325],{"class":752},[251,2690,1289],{"class":257},[251,2692,1003],{"class":381},[251,2694,1294],{"class":257},[251,2696,1334],{"class":275},[251,2698,1294],{"class":257},[251,2700,1302],{"class":381},[251,2702,1305],{"class":257},[251,2704,2705,2707,2709,2711,2713,2715,2717,2719,2721,2723,2725,2727,2729,2731,2733],{"class":253,"line":385},[251,2706,1268],{"class":265},[251,2708,1038],{"class":381},[251,2710,269],{"class":257},[251,2712,1276],{"class":381},[251,2714,749],{"class":257},[251,2716,1281],{"class":999},[251,2718,258],{"class":257},[251,2720,1359],{"class":752},[251,2722,1289],{"class":257},[251,2724,1003],{"class":381},[251,2726,1294],{"class":257},[251,2728,1368],{"class":275},[251,2730,1294],{"class":257},[251,2732,1302],{"class":381},[251,2734,1305],{"class":257},[251,2736,2737],{"class":253,"line":395},[251,2738,399],{"emptyLinePlaceholder":398},[251,2740,2741,2743,2745,2747,2749,2751,2753,2755,2757],{"class":253,"line":402},[251,2742,709],{"class":381},[251,2744,749],{"class":257},[251,2746,1387],{"class":999},[251,2748,1003],{"class":381},[251,2750,1294],{"class":257},[251,2752,1394],{"class":275},[251,2754,1294],{"class":257},[251,2756,1399],{"class":257},[251,2758,1402],{"class":381},[251,2760,2761],{"class":253,"line":422},[251,2762,399],{"emptyLinePlaceholder":398},[251,2764,2765,2767,2769,2771,2773,2775,2777,2779],{"class":253,"line":467},[251,2766,1411],{"class":265},[251,2768,1414],{"class":999},[251,2770,1003],{"class":257},[251,2772,1419],{"class":1075},[251,2774,768],{"class":257},[251,2776,1424],{"class":752},[251,2778,1302],{"class":257},[251,2780,755],{"class":257},[251,2782,2783,2785,2787,2789,2791,2793,2795],{"class":253,"line":474},[251,2784,1433],{"class":265},[251,2786,1436],{"class":381},[251,2788,1256],{"class":257},[251,2790,1146],{"class":381},[251,2792,749],{"class":257},[251,2794,1445],{"class":999},[251,2796,1448],{"class":261},[251,2798,2799],{"class":253,"line":483},[251,2800,399],{"emptyLinePlaceholder":398},[251,2802,2803],{"class":253,"line":499},[251,2804,1457],{"class":470},[251,2806,2807,2809,2811],{"class":253,"line":514},[251,2808,1462],{"class":381},[251,2810,1256],{"class":257},[251,2812,1467],{"class":381},[251,2814,2815,2817,2819,2821,2823,2825,2827,2829],{"class":253,"line":529},[251,2816,1472],{"class":381},[251,2818,749],{"class":257},[251,2820,1477],{"class":999},[251,2822,1003],{"class":261},[251,2824,1419],{"class":381},[251,2826,749],{"class":257},[251,2828,1486],{"class":381},[251,2830,1489],{"class":261},[251,2832,2833],{"class":253,"line":544},[251,2834,399],{"emptyLinePlaceholder":398},[251,2836,2837],{"class":253,"line":559},[251,2838,1498],{"class":470},[251,2840,2841,2843,2845,2847,2849,2851],{"class":253,"line":565},[251,2842,1503],{"class":381},[251,2844,1256],{"class":257},[251,2846,1508],{"class":381},[251,2848,749],{"class":257},[251,2850,1445],{"class":999},[251,2852,1448],{"class":261},[251,2854,2855,2857,2859,2861,2863,2865,2867,2869,2871],{"class":253,"line":571},[251,2856,1519],{"class":381},[251,2858,1256],{"class":257},[251,2860,1524],{"class":381},[251,2862,749],{"class":257},[251,2864,1529],{"class":381},[251,2866,1532],{"class":257},[251,2868,1436],{"class":381},[251,2870,749],{"class":257},[251,2872,1539],{"class":381},[251,2874,2875],{"class":253,"line":578},[251,2876,399],{"emptyLinePlaceholder":398},[251,2878,2879,2881,2883,2885,2887,2889,2891,2893,2895,2897],{"class":253,"line":593},[251,2880,1548],{"class":381},[251,2882,749],{"class":257},[251,2884,1387],{"class":999},[251,2886,1003],{"class":261},[251,2888,1294],{"class":257},[251,2890,1559],{"class":275},[251,2892,1294],{"class":257},[251,2894,1399],{"class":257},[251,2896,1566],{"class":381},[251,2898,1489],{"class":261},[251,2900,2901,2903,2905,2907,2909,2911,2913,2915,2917,2919],{"class":253,"line":608},[251,2902,1548],{"class":381},[251,2904,749],{"class":257},[251,2906,1387],{"class":999},[251,2908,1003],{"class":261},[251,2910,1294],{"class":257},[251,2912,1583],{"class":275},[251,2914,1294],{"class":257},[251,2916,1399],{"class":257},[251,2918,1590],{"class":381},[251,2920,1489],{"class":261},[251,2922,2923],{"class":253,"line":621},[251,2924,779],{"class":257},[251,2926,2927],{"class":253,"line":634},[251,2928,399],{"emptyLinePlaceholder":398},[251,2930,2931,2933,2935,2937,2939,2941,2943,2945],{"class":253,"line":647},[251,2932,1411],{"class":265},[251,2934,1566],{"class":999},[251,2936,1003],{"class":257},[251,2938,1419],{"class":1075},[251,2940,768],{"class":257},[251,2942,1424],{"class":752},[251,2944,1302],{"class":257},[251,2946,755],{"class":257},[251,2948,2949,2951,2953,2955,2957,2959,2961,2963],{"class":253,"line":660},[251,2950,1433],{"class":265},[251,2952,1625],{"class":381},[251,2954,1256],{"class":257},[251,2956,1524],{"class":381},[251,2958,749],{"class":257},[251,2960,1529],{"class":381},[251,2962,1532],{"class":257},[251,2964,1638],{"class":381},[251,2966,2967,2969,2971,2973,2975,2977,2979,2981,2983,2985,2987,2989,2991,2993,2995,2997,2999],{"class":253,"line":675},[251,2968,1433],{"class":265},[251,2970,1645],{"class":381},[251,2972,1256],{"class":257},[251,2974,1650],{"class":261},[251,2976,1653],{"class":381},[251,2978,1532],{"class":257},[251,2980,1218],{"class":381},[251,2982,749],{"class":257},[251,2984,1662],{"class":381},[251,2986,1665],{"class":261},[251,2988,1668],{"class":257},[251,2990,1218],{"class":381},[251,2992,749],{"class":257},[251,2994,1675],{"class":381},[251,2996,1665],{"class":261},[251,2998,1680],{"class":257},[251,3000,1683],{"class":847},[251,3002,3003],{"class":253,"line":680},[251,3004,399],{"emptyLinePlaceholder":398},[251,3006,3007],{"class":253,"line":690},[251,3008,1692],{"class":470},[251,3010,3011,3013,3015,3017,3019],{"class":253,"line":695},[251,3012,1697],{"class":381},[251,3014,749],{"class":257},[251,3016,1702],{"class":999},[251,3018,1003],{"class":261},[251,3020,1707],{"class":257},[251,3022,3023,3025,3027,3029,3031,3033,3035,3037,3039,3041,3043,3045,3047,3049,3051,3053,3055,3057],{"class":253,"line":720},[251,3024,1712],{"class":261},[251,3026,768],{"class":257},[251,3028,1717],{"class":261},[251,3030,1720],{"class":381},[251,3032,1723],{"class":257},[251,3034,1726],{"class":847},[251,3036,1665],{"class":261},[251,3038,1680],{"class":257},[251,3040,1717],{"class":261},[251,3042,299],{"class":381},[251,3044,749],{"class":257},[251,3046,1739],{"class":381},[251,3048,1532],{"class":257},[251,3050,1744],{"class":381},[251,3052,749],{"class":257},[251,3054,1749],{"class":381},[251,3056,1302],{"class":261},[251,3058,1754],{"class":257},[251,3060,3061,3063,3065,3067,3069,3071],{"class":253,"line":729},[251,3062,1759],{"class":261},[251,3064,768],{"class":257},[251,3066,1764],{"class":257},[251,3068,1767],{"class":275},[251,3070,1294],{"class":257},[251,3072,1754],{"class":257},[251,3074,3075,3077],{"class":253,"line":1047},[251,3076,1776],{"class":257},[251,3078,1489],{"class":261},[251,3080,3081],{"class":253,"line":1058},[251,3082,779],{"class":257},[251,3084,3085],{"class":253,"line":1063},[251,3086,399],{"emptyLinePlaceholder":398},[251,3088,3089,3091,3093,3095,3097,3099,3101,3103],{"class":253,"line":1068},[251,3090,1411],{"class":265},[251,3092,1590],{"class":999},[251,3094,1003],{"class":257},[251,3096,1419],{"class":1075},[251,3098,768],{"class":257},[251,3100,1424],{"class":752},[251,3102,1302],{"class":257},[251,3104,755],{"class":257},[251,3106,3107,3109,3111,3113,3115,3117,3119,3121],{"class":253,"line":1081},[251,3108,1462],{"class":381},[251,3110,1811],{"class":257},[251,3112,1814],{"class":999},[251,3114,1003],{"class":261},[251,3116,1419],{"class":381},[251,3118,749],{"class":257},[251,3120,1486],{"class":381},[251,3122,1489],{"class":261},[251,3124,3125,3127,3129],{"class":253,"line":1089},[251,3126,1462],{"class":381},[251,3128,1256],{"class":257},[251,3130,1259],{"class":257},[251,3132,3133],{"class":253,"line":1101},[251,3134,399],{"emptyLinePlaceholder":398},[251,3136,3137,3139,3141,3143,3145,3147,3149,3151,3153,3155],{"class":253,"line":1107},[251,3138,1548],{"class":381},[251,3140,749],{"class":257},[251,3142,1845],{"class":999},[251,3144,1003],{"class":261},[251,3146,1294],{"class":257},[251,3148,1559],{"class":275},[251,3150,1294],{"class":257},[251,3152,1399],{"class":257},[251,3154,1566],{"class":381},[251,3156,1489],{"class":261},[251,3158,3159,3161,3163,3165,3167,3169,3171,3173,3175,3177],{"class":253,"line":1115},[251,3160,1548],{"class":381},[251,3162,749],{"class":257},[251,3164,1845],{"class":999},[251,3166,1003],{"class":261},[251,3168,1294],{"class":257},[251,3170,1583],{"class":275},[251,3172,1294],{"class":257},[251,3174,1399],{"class":257},[251,3176,1590],{"class":381},[251,3178,1489],{"class":261},[251,3180,3181],{"class":253,"line":1126},[251,3182,779],{"class":257},[3184,3185,3186],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--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 .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 .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}",{"title":246,"searchDepth":284,"depth":284,"links":3188},[],"Add a custom scrollbar to Blossom Carousel with svg, offset-path and scroll-timeline.","md",null,{},{"icon":139},{"title":3195,"description":3189},"Custom scrollbar with Blossom Carousel","3O7OiBJNMh1htGmcVCe_EZ6F9sPEgcAt-P3Lxmgxu_w",[3198,3200],{"title":131,"path":132,"stem":133,"description":3199,"icon":134,"children":-1},"Build a 3d flipbook-style carousel with scroll-driven animations.",{"title":146,"path":147,"stem":148,"description":3201,"icon":149,"children":-1},"Use ::scroll-button and ::scroll-marker pseudo-elements to create interactive controls with CSS.",1784896617823]