[{"data":1,"prerenderedAt":916},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-css-utilities-spacing":273,"-colorffy-css-utilities-spacing-surround":911},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,268],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":274,"title":69,"body":275,"description":905,"extension":289,"links":906,"meta":907,"navigation":908,"path":70,"seo":909,"stem":71,"__hash__":910},"docs\u002F2.colorffy-css\u002F4.utilities\u002F05.spacing.md",{"type":276,"value":277,"toc":899},"minimark",[278,300,305,460,464,491,631,634,667,671,685,745,749,788,874,895],[279,280,281,282,286,287,286,290,286,293,286,296,299],"p",{},"Spacing utilities follow a shared scale. Apply them to any element; add a breakpoint segment (",[283,284,285],"code",{},"sm",", ",[283,288,289],{},"md",[283,291,292],{},"lg",[283,294,295],{},"xl",[283,297,298],{},"xxl",") for responsive variants.",[301,302,304],"h2",{"id":303},"the-scale","The scale",[306,307,308,325],"table",{},[309,310,311],"thead",{},[312,313,314,318,321,323],"tr",{},[315,316,317],"th",{},"Step",[315,319,320],{},"Value",[315,322,317],{},[315,324,320],{},[326,327,328,350,372,394,416,438],"tbody",{},[312,329,330,336,340,345],{},[331,332,333],"td",{},[283,334,335],{},"0",[331,337,338],{},[283,339,335],{},[331,341,342],{},[283,343,344],{},"5",[331,346,347],{},[283,348,349],{},"3rem",[312,351,352,357,362,367],{},[331,353,354],{},[283,355,356],{},"px",[331,358,359],{},[283,360,361],{},"1px",[331,363,364],{},[283,365,366],{},"6",[331,368,369],{},[283,370,371],{},"4.5rem",[312,373,374,379,384,389],{},[331,375,376],{},[283,377,378],{},"1",[331,380,381],{},[283,382,383],{},"0.25rem",[331,385,386],{},[283,387,388],{},"7",[331,390,391],{},[283,392,393],{},"6rem",[312,395,396,401,406,411],{},[331,397,398],{},[283,399,400],{},"2",[331,402,403],{},[283,404,405],{},"0.5rem",[331,407,408],{},[283,409,410],{},"8",[331,412,413],{},[283,414,415],{},"7.5rem",[312,417,418,423,428,433],{},[331,419,420],{},[283,421,422],{},"3",[331,424,425],{},[283,426,427],{},"1rem",[331,429,430],{},[283,431,432],{},"9",[331,434,435],{},[283,436,437],{},"9rem",[312,439,440,445,450,455],{},[331,441,442],{},[283,443,444],{},"4",[331,446,447],{},[283,448,449],{},"1.5rem",[331,451,452],{},[283,453,454],{},"10",[331,456,457],{},[283,458,459],{},"12rem",[301,461,463],{"id":462},"margin-padding","Margin & padding",[279,465,466,469,470,286,473,286,476,479,480,483,484,286,487,490],{},[283,467,468],{},"{m|p}{side}-{step}"," — side is ",[283,471,472],{},"t",[283,474,475],{},"b",[283,477,478],{},"s"," (start), ",[283,481,482],{},"e"," (end), ",[283,485,486],{},"x",[283,488,489],{},"y",", or none:",[492,493,498],"pre",{"className":494,"code":495,"language":496,"meta":497,"style":497},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv class=\"mt-3 mb-4\">Margin-top 1rem, margin-bottom 1.5rem\u003C\u002Fdiv>\n\u003Cdiv class=\"px-4 py-2\">1.5rem horizontal, 0.5rem vertical padding\u003C\u002Fdiv>\n\u003Cdiv class=\"m-0 p-5\">Reset margin, 3rem padding\u003C\u002Fdiv>\n\u003Cdiv class=\"mx-auto\">Horizontally centered block\u003C\u002Fdiv>\n","html","",[283,499,500,544,573,602],{"__ignoreMap":497},[501,502,505,509,513,517,520,523,527,529,532,536,539,541],"span",{"class":503,"line":504},"line",1,[501,506,508],{"class":507},"sMK4o","\u003C",[501,510,512],{"class":511},"swJcz","div",[501,514,516],{"class":515},"spNyl"," class",[501,518,519],{"class":507},"=",[501,521,522],{"class":507},"\"",[501,524,526],{"class":525},"sfazB","mt-3 mb-4",[501,528,522],{"class":507},[501,530,531],{"class":507},">",[501,533,535],{"class":534},"sTEyZ","Margin-top 1rem, margin-bottom 1.5rem",[501,537,538],{"class":507},"\u003C\u002F",[501,540,512],{"class":511},[501,542,543],{"class":507},">\n",[501,545,547,549,551,553,555,557,560,562,564,567,569,571],{"class":503,"line":546},2,[501,548,508],{"class":507},[501,550,512],{"class":511},[501,552,516],{"class":515},[501,554,519],{"class":507},[501,556,522],{"class":507},[501,558,559],{"class":525},"px-4 py-2",[501,561,522],{"class":507},[501,563,531],{"class":507},[501,565,566],{"class":534},"1.5rem horizontal, 0.5rem vertical padding",[501,568,538],{"class":507},[501,570,512],{"class":511},[501,572,543],{"class":507},[501,574,576,578,580,582,584,586,589,591,593,596,598,600],{"class":503,"line":575},3,[501,577,508],{"class":507},[501,579,512],{"class":511},[501,581,516],{"class":515},[501,583,519],{"class":507},[501,585,522],{"class":507},[501,587,588],{"class":525},"m-0 p-5",[501,590,522],{"class":507},[501,592,531],{"class":507},[501,594,595],{"class":534},"Reset margin, 3rem padding",[501,597,538],{"class":507},[501,599,512],{"class":511},[501,601,543],{"class":507},[501,603,605,607,609,611,613,615,618,620,622,625,627,629],{"class":503,"line":604},4,[501,606,508],{"class":507},[501,608,512],{"class":511},[501,610,516],{"class":515},[501,612,519],{"class":507},[501,614,522],{"class":507},[501,616,617],{"class":525},"mx-auto",[501,619,522],{"class":507},[501,621,531],{"class":507},[501,623,624],{"class":534},"Horizontally centered block",[501,626,538],{"class":507},[501,628,512],{"class":511},[501,630,543],{"class":507},[279,632,633],{},"Responsive:",[492,635,637],{"className":494,"code":636,"language":496,"meta":497,"style":497},"\u003Cdiv class=\"p-2 p-md-4 p-xl-5\">Padding grows with the viewport\u003C\u002Fdiv>\n",[283,638,639],{"__ignoreMap":497},[501,640,641,643,645,647,649,651,654,656,658,661,663,665],{"class":503,"line":504},[501,642,508],{"class":507},[501,644,512],{"class":511},[501,646,516],{"class":515},[501,648,519],{"class":507},[501,650,522],{"class":507},[501,652,653],{"class":525},"p-2 p-md-4 p-xl-5",[501,655,522],{"class":507},[501,657,531],{"class":507},[501,659,660],{"class":534},"Padding grows with the viewport",[501,662,538],{"class":507},[501,664,512],{"class":511},[501,666,543],{"class":507},[301,668,670],{"id":669},"gap-flex-grid","Gap (flex & grid)",[279,672,673,676,677,680,681,684],{},[283,674,675],{},"gap-{0–10}",", plus axis-specific ",[283,678,679],{},"gap-inline-*"," \u002F ",[283,682,683],{},"gap-block-*",":",[492,686,688],{"className":494,"code":687,"language":496,"meta":497,"style":497},"\u003Cdiv class=\"d-flex gap-3\">…\u003C\u002Fdiv>\n\u003Cdiv class=\"d-grid gap-inline-4 gap-block-2\">…\u003C\u002Fdiv>\n",[283,689,690,718],{"__ignoreMap":497},[501,691,692,694,696,698,700,702,705,707,709,712,714,716],{"class":503,"line":504},[501,693,508],{"class":507},[501,695,512],{"class":511},[501,697,516],{"class":515},[501,699,519],{"class":507},[501,701,522],{"class":507},[501,703,704],{"class":525},"d-flex gap-3",[501,706,522],{"class":507},[501,708,531],{"class":507},[501,710,711],{"class":534},"…",[501,713,538],{"class":507},[501,715,512],{"class":511},[501,717,543],{"class":507},[501,719,720,722,724,726,728,730,733,735,737,739,741,743],{"class":503,"line":546},[501,721,508],{"class":507},[501,723,512],{"class":511},[501,725,516],{"class":515},[501,727,519],{"class":507},[501,729,522],{"class":507},[501,731,732],{"class":525},"d-grid gap-inline-4 gap-block-2",[501,734,522],{"class":507},[501,736,531],{"class":507},[501,738,711],{"class":534},[501,740,538],{"class":507},[501,742,512],{"class":511},[501,744,543],{"class":507},[301,746,748],{"id":747},"flow-sections","Flow & sections",[750,751,752,763,769],"ul",{},[753,754,755,758,759,762],"li",{},[283,756,757],{},"flow-{step}"," — adds top margin between sibling children (",[283,760,761],{},"> * + *","); great for prose.",[753,764,765,768],{},[283,766,767],{},"block-spacing-{step}"," — vertical section padding with scroll-margin for anchored sections.",[753,770,771,774,775,680,778,680,781,680,784,787],{},[283,772,773],{},"mt-section"," (+ ",[283,776,777],{},"mt-section-sm",[283,779,780],{},"-md",[283,782,783],{},"-lg",[283,785,786],{},"-xl",") — semantic top spacing for content hierarchy.",[492,789,791],{"className":494,"code":790,"language":496,"meta":497,"style":497},"\u003Carticle class=\"flow-3\">\n  \u003Ch2>Heading\u003C\u002Fh2>\n  \u003Cp>Sibling elements get even vertical rhythm automatically…\u003C\u002Fp>\n  \u003Cp>…with no per-child margins.\u003C\u002Fp>\n\u003C\u002Farticle>\n",[283,792,793,813,831,848,865],{"__ignoreMap":497},[501,794,795,797,800,802,804,806,809,811],{"class":503,"line":504},[501,796,508],{"class":507},[501,798,799],{"class":511},"article",[501,801,516],{"class":515},[501,803,519],{"class":507},[501,805,522],{"class":507},[501,807,808],{"class":525},"flow-3",[501,810,522],{"class":507},[501,812,543],{"class":507},[501,814,815,818,820,822,825,827,829],{"class":503,"line":546},[501,816,817],{"class":507},"  \u003C",[501,819,301],{"class":511},[501,821,531],{"class":507},[501,823,824],{"class":534},"Heading",[501,826,538],{"class":507},[501,828,301],{"class":511},[501,830,543],{"class":507},[501,832,833,835,837,839,842,844,846],{"class":503,"line":575},[501,834,817],{"class":507},[501,836,279],{"class":511},[501,838,531],{"class":507},[501,840,841],{"class":534},"Sibling elements get even vertical rhythm automatically…",[501,843,538],{"class":507},[501,845,279],{"class":511},[501,847,543],{"class":507},[501,849,850,852,854,856,859,861,863],{"class":503,"line":604},[501,851,817],{"class":507},[501,853,279],{"class":511},[501,855,531],{"class":507},[501,857,858],{"class":534},"…with no per-child margins.",[501,860,538],{"class":507},[501,862,279],{"class":511},[501,864,543],{"class":507},[501,866,868,870,872],{"class":503,"line":867},5,[501,869,538],{"class":507},[501,871,799],{"class":511},[501,873,543],{"class":507},[875,876,877,878,680,881,680,884,887,888,680,891,894],"tip",{},"Custom hooks ",[283,879,880],{},"mt-custom",[283,882,883],{},"mb-custom",[283,885,886],{},"px-custom"," (etc.) read from ",[283,889,890],{},"--_margin",[283,892,893],{},"--_padding",", so you can drive spacing from a CSS variable.",[896,897,898],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":497,"searchDepth":546,"depth":546,"links":900},[901,902,903,904],{"id":303,"depth":546,"text":304},{"id":462,"depth":546,"text":463},{"id":669,"depth":546,"text":670},{"id":747,"depth":546,"text":748},"Margin, padding, gap, and flow utilities on a consistent scale.",null,{},{"icon":72},{"title":69,"description":905},"zDMM2BRMw5BraznAnrqbpqPG3FA8_W24vbZ38754klk",[912,914],{"title":64,"path":65,"stem":66,"description":913,"icon":67,"children":-1},"Filters, transforms, opacity, blend modes, masks, and scroll effects.",{"title":74,"path":75,"stem":76,"description":915,"icon":77,"children":-1},"Font, size, weight, alignment, and semantic text utilities.",1782196219260]