var Component=(()=>{var p=Object.create;var e=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var C=(h,i)=>()=>(i||h((i={exports:{}}).exports,i),i.exports),D=(h,i)=>{for(var l in i)e(h,l,{get:i[l],enumerable:!0})},d=(h,i,l,a)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of g(i))!A.call(h,n)&&n!==l&&e(h,n,{get:()=>i[n],enumerable:!(a=F(i,n))||a.enumerable});return h};var B=(h,i,l)=>(l=h!=null?p(y(h)):{},d(i||!h||!h.__esModule?e(l,"default",{value:h,enumerable:!0}):l,h)),E=h=>d(e({},"__esModule",{value:!0}),h);var r=C((b,t)=>{t.exports=_jsx_runtime});var f={};D(f,{default:()=>u,frontmatter:()=>o});var s=B(r()),o={title:"Day 4 - Mastering Framer Motion"};function c(h){let i=Object.assign({h1:"h1",a:"a",figure:"figure",figcaption:"figcaption",pre:"pre",code:"code",span:"span"},h.components),{Tabs:l,Tab:a,ComponentPreview:n}=i;return n||k("ComponentPreview",!0),a||k("Tab",!0),l||k("Tabs",!0),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.h1,{id:"day-4---mastering-framer-motion",children:(0,s.jsx)(i.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#day-4---mastering-framer-motion",children:"Day 4 - Mastering Framer Motion"})}),` `,(0,s.jsxs)(l,{id:"day-4",children:[(0,s.jsx)(a,{label:"Preview",children:(0,s.jsx)(n,{name:"framer-motion-day-4"})}),(0,s.jsx)(a,{label:"Code",children:(0,s.jsxs)(i.figure,{"data-rehype-pretty-code-figure":"",children:[(0,s.jsx)(i.figcaption,{"data-rehype-pretty-code-title":"","data-language":"tsx","data-theme":"github-light-default github-dark-dimmed",children:"components/day-4.tsx"}),(0,s.jsx)(i.pre,{tabIndex:"0","data-language":"tsx","data-theme":"github-light-default github-dark-dimmed",children:(0,s.jsxs)(i.code,{"data-line-numbers":"","data-language":"tsx","data-theme":"github-light-default github-dark-dimmed",style:{display:"grid"},"data-line-numbers-max-digits":"3",children:[(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"use client"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:";"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"import"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" React, { useState } "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"from"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:' "react"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:";"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"import"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" { AnimatePresence, MotionConfig, motion } "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"from"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:' "framer-motion"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:";"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"import"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" useMeasure "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"from"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:' "react-use-measure"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:";"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"export"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" default"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" function"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#DCBDFB"},children:" Day4"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#953800","--shiki-dark":"#F69D50"},children:"() "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"{"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" const"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" ["}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:"isOpen"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:", "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:"setIsOpen"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"] "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#DCBDFB"},children:" useState"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"("}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:"false"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:");"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" const"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#DCBDFB"},children:" onClickHandler"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" ="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" () "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"=>"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" {"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#DCBDFB"},children:" setIsOpen"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"("}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"!"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"isOpen);"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" };"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" const"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" ["}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:"ref"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:", { "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:"height"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" }] "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#8250DF","--shiki-dark":"#DCBDFB"},children:" useMeasure"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"();"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" return"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" ("})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"MotionConfig"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" transition"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"={"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"{ duration: "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:"0.5"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:", type: "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"spring"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:", bounce: "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:"0"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" }"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.div"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" animate"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"={"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"{ height: height "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:">"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" 0"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" ?"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" height "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:":"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" undefined"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" }"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"overflow-hidden rounded-2xl bg-[#F5F5F5]"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"div"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" ref"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"={"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"ref"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"flex w-[400px] flex-col items-center p-1"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.div"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layout"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"grid w-full grid-cols-5 items-center rounded-2xl p-3"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" animate"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"={"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"{ background: isOpen "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"?"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:' "#ffffff"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" :"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:' "#F5F5F5"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" }"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.img"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"image-layout"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" src"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"/50-day-challenge/rabbit-ai.png"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" alt"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"rabbit-ai"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"z-20 w-[80px]"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" />"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"div"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"col-span-3"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"AnimatePresence"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" mode"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"popLayout"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"div"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"flex font-bold"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.h2"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"h2-layout"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"={"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:"`tracking-tight`"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" Rabbit R1"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" {"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"isOpen "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"&&"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" ("})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.h2"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"h2-layout"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"={"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:"`text-center`"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" Rabbit R1"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" )"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" {"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"isOpen "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"&&"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" ("})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.img"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"image-layout"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" src"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"/50-day-challenge/rabbit-ai.png"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" alt"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"rabbit-ai"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"mx-auto w-[130px]"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" />"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" )"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.div"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layout"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"={"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:"`flex text-sm font-normal text-[#A1A1A1] ${"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"!"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"isOpen"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" &&"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:' "divide-x divide-[#E2E2E2]"}`'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"p"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"pr-2"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"1-layout"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"inline-block"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" 1"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"{"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'" "'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"piece-layout"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"inline-block"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" piece"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"p"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"px-2"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"$-layout"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"inline-block"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" $"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"89-layout"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"inline-block"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" 89"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"p"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"px-2"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"36645-layout"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"inline-block"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" 36645"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.div"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layout"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"flex flex-col items-end justify-center gap-2"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"button"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"flex h-7 w-7 items-center justify-center rounded-full bg-white"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" onClick"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"={"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"onClickHandler"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"svg"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" width"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"15"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" height"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"11"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" viewBox"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"0 0 15 11"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" fill"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"none"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" xmlns"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"http://www.w3.org/2000/svg"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"path"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" d"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"M14.8734 5.50599C14.8525 5.45868 14.3452 4.33339 13.2175 3.2057C11.7149 1.70311 9.8171 0.908998 7.72821 0.908998C5.63932 0.908998 3.74147 1.70311 2.23889 3.2057C1.1112 4.33339 0.601554 5.46048 0.582989 5.50599C0.555748 5.56726 0.541672 5.63357 0.541672 5.70063C0.541672 5.76768 0.555748 5.83399 0.582989 5.89526C0.603949 5.94257 1.1112 7.06727 2.23889 8.19496C3.74147 9.69694 5.63932 10.4911 7.72821 10.4911C9.8171 10.4911 11.7149 9.69694 13.2175 8.19496C14.3452 7.06727 14.8525 5.94257 14.8734 5.89526C14.9007 5.83399 14.9147 5.76768 14.9147 5.70063C14.9147 5.63357 14.9007 5.56726 14.8734 5.50599ZM7.72821 9.53285C5.88486 9.53285 4.27448 8.86271 2.94137 7.54158C2.3944 6.9976 1.92904 6.37732 1.55976 5.70003C1.9289 5.02265 2.39428 4.40235 2.94137 3.85848C4.27448 2.53735 5.88486 1.8672 7.72821 1.8672C9.57156 1.8672 11.1819 2.53735 12.515 3.85848C13.0631 4.40226 13.5295 5.02255 13.8997 5.70003C13.4679 6.50612 11.5868 9.53285 7.72821 9.53285ZM7.72821 2.82541C7.15966 2.82541 6.60389 2.994 6.13116 3.30987C5.65843 3.62574 5.28998 4.07469 5.07241 4.59996C4.85484 5.12523 4.79791 5.70322 4.90883 6.26084C5.01974 6.81846 5.29353 7.33067 5.69555 7.73269C6.09757 8.13471 6.60978 8.40849 7.1674 8.51941C7.72502 8.63033 8.30301 8.5734 8.82828 8.35583C9.35355 8.13826 9.8025 7.76981 10.1184 7.29708C10.4342 6.82435 10.6028 6.26857 10.6028 5.70003C10.602 4.93787 10.2989 4.20717 9.76 3.66824C9.22107 3.12932 8.49036 2.8262 7.72821 2.82541ZM7.72821 7.61644C7.34918 7.61644 6.97866 7.50404 6.66351 7.29347C6.34836 7.08289 6.10272 6.78358 5.95768 6.43341C5.81263 6.08323 5.77468 5.6979 5.84862 5.32615C5.92257 4.95441 6.10509 4.61293 6.3731 4.34492C6.64112 4.0769 6.98259 3.89438 7.35434 3.82044C7.72608 3.74649 8.11141 3.78445 8.46159 3.92949C8.81177 4.07454 9.11107 4.32017 9.32165 4.63533C9.53223 4.95048 9.64462 5.321 9.64462 5.70003C9.64462 6.20829 9.44271 6.69574 9.08332 7.05513C8.72392 7.41453 8.23647 7.61644 7.72821 7.61644Z"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" fill"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"black"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" />"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"button"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"flex h-7 w-7 items-center justify-center rounded-full bg-white"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"svg"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" width"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"14"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" height"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"13"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" viewBox"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"0 0 14 13"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" fill"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"none"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" xmlns"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"http://www.w3.org/2000/svg"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"line"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" x1"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"0.0430813"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" y1"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"4.2107"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" x2"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"13.4133"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" y2"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"4.2107"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" stroke"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"#060606"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" strokeWidth"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"1.45864"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" />"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"circle"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" cx"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"9.07162"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" cy"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"3.98707"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" r"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"1.85832"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" fill"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"white"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" stroke"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"black"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" strokeWidth"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"0.345903"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" />"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"line"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" x1"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"0.0430813"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" y1"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"9.56476"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" x2"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"13.4133"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" y2"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"9.56476"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" stroke"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"#060606"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" strokeWidth"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"1.45864"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" />"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"circle"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" cx"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"4.10234"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" cy"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"9.468"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" r"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"1.8215"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" fill"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"white"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" stroke"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"black"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" strokeWidth"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"0.339049"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" />"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:" "}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:" {"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"isOpen "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"&&"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" ("})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"div"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"mt-4 grid w-full grid-cols-3 divide-x divide-[#E2E2E2] px-8 text-xl font-normal text-[#A1A1A1]"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"p"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"flex flex-col pr-2"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"div"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"h-6"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"1-layout"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"absolute inline-block text-black"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" 1"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"{"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'" "'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"div"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"relative h-8"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"piece-layout"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"absolute inline-block text-sm"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" piece"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"p"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"flex flex-col px-2"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"div"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"relative h-6"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"89-layout"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"absolute inline-block text-black"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" 89"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"div"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"relative h-8"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"cost-layout"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"inline-block text-sm"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" Cost"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"$-layout"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"absolute top-[6px] inline-block text-sm"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" $"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"p"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"flex flex-col px-2"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"div"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"relative h-6"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"36645-layout"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"absolute inline-block text-black"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" 36645"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"div"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"relative h-8"'}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:">"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" <"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#116329","--shiki-dark":"#8DDB8C"},children:"motion.span"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" layoutId"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"hs-layout"'})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#0550AE","--shiki-dark":"#6CB6FF"},children:" className"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"="}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#0A3069","--shiki-dark":"#96D0FF"},children:'"inline-block text-sm"'})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" >"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" HS code"})}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" )"}),(0,s.jsx)(i.span,{style:{"--shiki-light":"#CF222E","--shiki-dark":"#F47067"},children:"}"})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsxs)(i.span,{"data-line":"",children:[(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" "})]}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:" );"})}),` `,(0,s.jsx)(i.span,{"data-line":"",children:(0,s.jsx)(i.span,{style:{"--shiki-light":"#1F2328","--shiki-dark":"#ADBAC7"},children:"}"})})]})})]})})]})]})}function m(h={}){let{wrapper:i}=h.components||{};return i?(0,s.jsx)(i,Object.assign({},h,{children:(0,s.jsx)(c,h)})):c(h)}var u=m;function k(h,i){throw new Error("Expected "+(i?"component":"object")+" `"+h+"` to be defined: you likely forgot to import, pass, or provide it.")}return E(f);})(); ;return Component;