{children}

); }; `,__src__:"src/registry/default/ui/lamp.tsx",__style__:"default",children:(0,e.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"use client"'}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF738A"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"react"'}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF738A"},children:"motion"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"framer-motion"'}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF738A"},children:"cn"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"@/utils/cn"'}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:";"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#22ECDB"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:" LampDemo"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#B78AFF"},children:"LampContainer"}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#B78AFF"},children:"motion.h1"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"initial"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"opacity"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.5"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"y"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"100"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"whileInView"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"opacity"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"1"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"y"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"transition"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"delay"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.3"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"duration"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.8"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"ease"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"easeInOut"'}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"mt-8 bg-gradient-to-br from-slate-300 to-slate-500 py-4 bg-clip-text text-center text-4xl font-medium tracking-tight text-transparent md:text-7xl"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" Build lamps "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"br"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"/>"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" the right way"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:");"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#22ECDB"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF738A"},children:"LampContainer"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"({"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF738A"},children:"children"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF738A"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}:"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"children"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#B78AFF"},children:"React"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#B78AFF"},children:"ReactNode"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#B78AFF"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"})"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"cn"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-slate-950 w-full rounded-md z-0"'}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF738A"},children:"className"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:")}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"relative flex w-full flex-1 scale-y-125 items-center justify-center isolate z-0 "'}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#B78AFF"},children:"motion.div"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"initial"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"opacity"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.5"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"width"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"15rem"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"whileInView"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"opacity"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"1"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"width"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"30rem"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"transition"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"delay"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.3"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"duration"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.8"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"ease"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"easeInOut"'}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"style"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"backgroundImage"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:"`conic-gradient(var(--conic-position), var(--tw-gradient-stops))`"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute inset-auto right-1/2 h-56 overflow-visible w-[30rem] bg-gradient-conic from-cyan-500 via-transparent to-transparent text-white [--conic-position:from_70deg_at_center_top]"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute w-[100%] left-0 bg-slate-950 h-40 bottom-0 z-20 [mask-image:linear-gradient(to_top,white,transparent)]"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute w-40 h-[100%] left-0 bg-slate-950 bottom-0 z-20 [mask-image:linear-gradient(to_right,white,transparent)]"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#B78AFF"},children:"motion.div"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"initial"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"opacity"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.5"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"width"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"15rem"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"whileInView"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"opacity"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"1"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"width"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"30rem"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"transition"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"delay"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.3"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"duration"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.8"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"ease"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"easeInOut"'}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"style"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"backgroundImage"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:"`conic-gradient(var(--conic-position), var(--tw-gradient-stops))`"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute inset-auto left-1/2 h-56 w-[30rem] bg-gradient-conic from-transparent via-transparent to-cyan-500 text-white [--conic-position:from_290deg_at_center_top]"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute w-40 h-[100%] right-0 bg-slate-950 bottom-0 z-20 [mask-image:linear-gradient(to_left,white,transparent)]"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute w-[100%] right-0 bg-slate-950 h-40 bottom-0 z-20 [mask-image:linear-gradient(to_top,white,transparent)]"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"/>"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute top-1/2 h-48 w-full translate-y-12 scale-x-150 bg-slate-950 blur-2xl"'}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute top-1/2 z-50 h-48 w-full bg-transparent opacity-10 backdrop-blur-md"'}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute inset-auto z-50 h-36 w-[28rem] -translate-y-1/2 rounded-full bg-cyan-500 opacity-50 blur-3xl"'}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#B78AFF"},children:"motion.div"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"initial"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"width"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"8rem"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"whileInView"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"width"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"16rem"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"transition"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"delay"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.3"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"duration"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.8"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"ease"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"easeInOut"'}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute inset-auto z-30 h-36 w-64 -translate-y-[6rem] rounded-full bg-cyan-400 blur-2xl"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#B78AFF"},children:"motion.div"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"initial"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"width"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"15rem"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"whileInView"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"width"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"30rem"'}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"transition"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"={{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"delay"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.3"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"duration"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF955C"},children:"0.8"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E1"},children:"ease"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"easeInOut"'}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute inset-auto z-50 h-0.5 w-[30rem] -translate-y-[7rem] bg-cyan-400 "'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"absolute inset-auto z-40 h-44 w-full -translate-y-[12.5rem] bg-slate-950 "'}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:""})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#69C3FF"},children:"div"}),(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#EACD61"},children:"className"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#3CEC85"},children:'"relative z-50 flex -translate-y-80 flex-col items-center px-5"'}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#FF738A"},children:"children"}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"}"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#69C3FFAA"},children:""})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#B5BDCC"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:");"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#D3D8E160"},children:"};"})})]})})})})]}),` `,(0,e.jsxs)(l.h2,{id:"props",children:[(0,e.jsx)(l.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#props",children:(0,e.jsx)(l.span,{className:"icon icon-link"})}),"Props"]}),` `,(0,e.jsxs)(l.table,{children:[(0,e.jsx)(l.thead,{children:(0,e.jsxs)(l.tr,{children:[(0,e.jsx)(l.th,{children:"Prop"}),(0,e.jsx)(l.th,{children:"Type"}),(0,e.jsx)(l.th,{children:"Description"})]})}),(0,e.jsxs)(l.tbody,{children:[(0,e.jsxs)(l.tr,{children:[(0,e.jsx)(l.td,{children:(0,e.jsx)(l.code,{children:"children"})}),(0,e.jsx)(l.td,{children:(0,e.jsx)(l.code,{children:"React Node"})}),(0,e.jsx)(l.td,{children:"Children that can be passed to the component"})]}),(0,e.jsxs)(l.tr,{children:[(0,e.jsx)(l.td,{children:(0,e.jsx)(l.code,{children:"className"})}),(0,e.jsx)(l.td,{children:(0,e.jsx)(l.code,{children:"string"})}),(0,e.jsx)(l.td,{children:"Classname for the container"})]})]})]})]})}function g(n={}){let{wrapper:l}=n.components||{};return l?(0,e.jsx)(l,Object.assign({},n,{children:(0,e.jsx)(h,n)})):h(n)}var f=g;function a(n,l){throw new Error("Expected "+(l?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return N(w);})(); ;return Component;

Aceternity UI