[{"data":1,"prerenderedAt":1355},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-card":12,"i-ph:code":1349,"i-ph:x":1351,"i-ph:warning-circle":1353},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":1343,"meta":1344,"navigation":115,"path":1345,"seo":1346,"stem":1347,"__hash__":1348},"docs\u002Fdocs\u002Fcomponents\u002Fcard.md","Card",{"type":16,"value":17,"toc":1336},"minimark",[18,22,26,482,487,607,611,681,685,692,970,974,984,1211,1215,1218,1332],[19,20,14],"h1",{"id":21},"card",[23,24,25],"p",{},"A card component that provides a container for content with optional header and footer sections. It supports separators between sections and customizable padding.",[27,28,30],"card-example",{"source-path":29},"Card\u002FCard.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Button, Card, Flex } from '@dolanske\u002Fvui'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CCard separators>\n    \u003Ctemplate #header>\n      \u003Cstrong class=\"text-bold text-xl\">Separators\u003C\u002Fstrong>\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #header-end>\n      \u003CButton plain size=\"s\" square>\n        \u003CIcon name=\"ph:x\" \u002F>\n      \u003C\u002FButton>\n    \u003C\u002Ftemplate>\n    \u003Cp class=\"m-0\">\n      This card has separators and a header-end slot. All the cool stuff.\n    \u003C\u002Fp>\n    \u003Ctemplate #footer>\n      \u003CFlex x-end>\n        \u003CButton size=\"s\" variant=\"gray\" outline>\n          Cancel\n        \u003C\u002FButton>\n        \u003CButton size=\"s\" variant=\"fill\">\n          Save\n        \u003C\u002FButton>\n      \u003C\u002FFlex>\n    \u003C\u002Ftemplate>\n  \u003C\u002FCard>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,60,100,110,117,127,140,157,193,203,217,245,269,279,288,308,314,323,337,350,384,390,400,430,436,445,454,463,473],"code",{"__ignoreMap":36},[41,42,45,49,53,57],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":47},">\n",[41,61,63,66,69,72,75,78,80,83,86,89,93,97],{"class":43,"line":62},2,[41,64,65],{"class":51},"import",[41,67,68],{"class":47}," {",[41,70,71],{"class":55}," Button",[41,73,74],{"class":47},",",[41,76,77],{"class":55}," Card",[41,79,74],{"class":47},[41,81,82],{"class":55}," Flex",[41,84,85],{"class":47}," }",[41,87,88],{"class":51}," from",[41,90,92],{"class":91},"sBR95"," '",[41,94,96],{"class":95},"sfmH-","@dolanske\u002Fvui",[41,98,99],{"class":91},"'\n",[41,101,103,106,108],{"class":43,"line":102},3,[41,104,105],{"class":47},"\u003C\u002F",[41,107,52],{"class":51},[41,109,59],{"class":47},[41,111,113],{"class":43,"line":112},4,[41,114,116],{"emptyLinePlaceholder":115},true,"\n",[41,118,120,122,125],{"class":43,"line":119},5,[41,121,48],{"class":47},[41,123,124],{"class":51},"template",[41,126,59],{"class":47},[41,128,130,133,135,138],{"class":43,"line":129},6,[41,131,132],{"class":47},"  \u003C",[41,134,14],{"class":51},[41,136,137],{"class":55}," separators",[41,139,59],{"class":47},[41,141,143,146,148,151,155],{"class":43,"line":142},7,[41,144,145],{"class":47},"    \u003C",[41,147,124],{"class":51},[41,149,150],{"class":47}," #",[41,152,154],{"class":153},"sRTv0","header",[41,156,59],{"class":47},[41,158,160,163,166,169,172,175,178,180,183,187,189,191],{"class":43,"line":159},8,[41,161,162],{"class":47},"      \u003C",[41,164,165],{"class":51},"strong",[41,167,168],{"class":55}," class",[41,170,171],{"class":47},"=",[41,173,174],{"class":91},"\"",[41,176,177],{"class":95},"text-bold text-xl",[41,179,174],{"class":91},[41,181,182],{"class":47},">",[41,184,186],{"class":185},"sX1ls","Separators",[41,188,105],{"class":47},[41,190,165],{"class":51},[41,192,59],{"class":47},[41,194,196,199,201],{"class":43,"line":195},9,[41,197,198],{"class":47},"    \u003C\u002F",[41,200,124],{"class":51},[41,202,59],{"class":47},[41,204,206,208,210,212,215],{"class":43,"line":205},10,[41,207,145],{"class":47},[41,209,124],{"class":51},[41,211,150],{"class":47},[41,213,214],{"class":153},"header-end",[41,216,59],{"class":47},[41,218,220,222,225,228,231,233,235,238,240,243],{"class":43,"line":219},11,[41,221,162],{"class":47},[41,223,224],{"class":51},"Button",[41,226,227],{"class":55}," plain",[41,229,230],{"class":55}," size",[41,232,171],{"class":47},[41,234,174],{"class":91},[41,236,237],{"class":95},"s",[41,239,174],{"class":91},[41,241,242],{"class":55}," square",[41,244,59],{"class":47},[41,246,248,251,254,257,259,261,264,266],{"class":43,"line":247},12,[41,249,250],{"class":47},"        \u003C",[41,252,253],{"class":51},"Icon",[41,255,256],{"class":55}," name",[41,258,171],{"class":47},[41,260,174],{"class":91},[41,262,263],{"class":95},"ph:x",[41,265,174],{"class":91},[41,267,268],{"class":47}," \u002F>\n",[41,270,272,275,277],{"class":43,"line":271},13,[41,273,274],{"class":47},"      \u003C\u002F",[41,276,224],{"class":51},[41,278,59],{"class":47},[41,280,282,284,286],{"class":43,"line":281},14,[41,283,198],{"class":47},[41,285,124],{"class":51},[41,287,59],{"class":47},[41,289,291,293,295,297,299,301,304,306],{"class":43,"line":290},15,[41,292,145],{"class":47},[41,294,23],{"class":51},[41,296,168],{"class":55},[41,298,171],{"class":47},[41,300,174],{"class":91},[41,302,303],{"class":95},"m-0",[41,305,174],{"class":91},[41,307,59],{"class":47},[41,309,311],{"class":43,"line":310},16,[41,312,313],{"class":185},"      This card has separators and a header-end slot. All the cool stuff.\n",[41,315,317,319,321],{"class":43,"line":316},17,[41,318,198],{"class":47},[41,320,23],{"class":51},[41,322,59],{"class":47},[41,324,326,328,330,332,335],{"class":43,"line":325},18,[41,327,145],{"class":47},[41,329,124],{"class":51},[41,331,150],{"class":47},[41,333,334],{"class":153},"footer",[41,336,59],{"class":47},[41,338,340,342,345,348],{"class":43,"line":339},19,[41,341,162],{"class":47},[41,343,344],{"class":51},"Flex",[41,346,347],{"class":55}," x-end",[41,349,59],{"class":47},[41,351,353,355,357,359,361,363,365,367,370,372,374,377,379,382],{"class":43,"line":352},20,[41,354,250],{"class":47},[41,356,224],{"class":51},[41,358,230],{"class":55},[41,360,171],{"class":47},[41,362,174],{"class":91},[41,364,237],{"class":95},[41,366,174],{"class":91},[41,368,369],{"class":55}," variant",[41,371,171],{"class":47},[41,373,174],{"class":91},[41,375,376],{"class":95},"gray",[41,378,174],{"class":91},[41,380,381],{"class":55}," outline",[41,383,59],{"class":47},[41,385,387],{"class":43,"line":386},21,[41,388,389],{"class":185},"          Cancel\n",[41,391,393,396,398],{"class":43,"line":392},22,[41,394,395],{"class":47},"        \u003C\u002F",[41,397,224],{"class":51},[41,399,59],{"class":47},[41,401,403,405,407,409,411,413,415,417,419,421,423,426,428],{"class":43,"line":402},23,[41,404,250],{"class":47},[41,406,224],{"class":51},[41,408,230],{"class":55},[41,410,171],{"class":47},[41,412,174],{"class":91},[41,414,237],{"class":95},[41,416,174],{"class":91},[41,418,369],{"class":55},[41,420,171],{"class":47},[41,422,174],{"class":91},[41,424,425],{"class":95},"fill",[41,427,174],{"class":91},[41,429,59],{"class":47},[41,431,433],{"class":43,"line":432},24,[41,434,435],{"class":185},"          Save\n",[41,437,439,441,443],{"class":43,"line":438},25,[41,440,395],{"class":47},[41,442,224],{"class":51},[41,444,59],{"class":47},[41,446,448,450,452],{"class":43,"line":447},26,[41,449,274],{"class":47},[41,451,344],{"class":51},[41,453,59],{"class":47},[41,455,457,459,461],{"class":43,"line":456},27,[41,458,198],{"class":47},[41,460,124],{"class":51},[41,462,59],{"class":47},[41,464,466,469,471],{"class":43,"line":465},28,[41,467,468],{"class":47},"  \u003C\u002F",[41,470,14],{"class":51},[41,472,59],{"class":47},[41,474,476,478,480],{"class":43,"line":475},29,[41,477,105],{"class":47},[41,479,124],{"class":51},[41,481,59],{"class":47},[483,484,486],"h3",{"id":485},"props","Props",[488,489,490,506],"table",{},[491,492,493],"thead",{},[494,495,496,500,503],"tr",{},[497,498,499],"th",{},"Name",[497,501,502],{},"Default",[497,504,505],{},"Type",[507,508,509,532,550,568,587],"tbody",{},[494,510,511,517,522],{},[512,513,514],"td",{},[38,515,516],{},"separators",[512,518,519],{},[38,520,521],{},"false",[512,523,524,527,528,531],{},[38,525,526],{},"boolean"," ",[529,530],"br",{}," Adds separators between all sections (header, content, footer)",[494,533,534,539,543],{},[512,535,536],{},[38,537,538],{},"headerSeparator",[512,540,541],{},[38,542,521],{},[512,544,545,527,547,549],{},[38,546,526],{},[529,548],{}," Adds a separator only after the header section",[494,551,552,557,561],{},[512,553,554],{},[38,555,556],{},"footerSeparator",[512,558,559],{},[38,560,521],{},[512,562,563,527,565,567],{},[38,564,526],{},[529,566],{}," Adds a separator only before the footer section",[494,569,570,575,580],{},[512,571,572],{},[38,573,574],{},"padding",[512,576,577],{},[38,578,579],{},"true",[512,581,582,527,584,586],{},[38,583,526],{},[529,585],{}," Controls whether the card content has padding",[494,588,589,594,599],{},[512,590,591],{},[38,592,593],{},"headerAlign",[512,595,596],{},[38,597,598],{},"baseline",[512,600,601,527,604,606],{},[38,602,603],{},"'start' | 'center' | 'end' | 'baseline'",[529,605],{}," Controls vertical alignment of items in the card header",[483,608,610],{"id":609},"slots","Slots",[488,612,613,625],{},[491,614,615],{},[494,616,617,619,622],{},[497,618,499],{},[497,620,621],{},"Accepts",[497,623,624],{},"Description",[507,626,627,642,655,668],{},[494,628,629,634,639],{},[512,630,631],{},[38,632,633],{},"default",[512,635,636],{},[38,637,638],{},"any",[512,640,641],{},"The main content of the card",[494,643,644,648,652],{},[512,645,646],{},[38,647,154],{},[512,649,650],{},[38,651,638],{},[512,653,654],{},"Content to be displayed in the header section",[494,656,657,661,665],{},[512,658,659],{},[38,660,214],{},[512,662,663],{},[38,664,638],{},[512,666,667],{},"Content to be displayed at the end of the header section (right-aligned)",[494,669,670,674,678],{},[512,671,672],{},[38,673,334],{},[512,675,676],{},[38,677,638],{},[512,679,680],{},"Content to be displayed in the footer section",[483,682,684],{"id":683},"centered-header","Centered Header",[23,686,687,688,691],{},"Use the ",[38,689,690],{},"header-align"," prop to vertically align header content. This is useful when the header contains more than just the card title.",[693,694,695],"card-centered-header-example",{},[31,696,698],{"className":33,"code":697,"language":35,"meta":36,"style":36},"\u003Cscript setup>\nimport { Button, Card } from '@dolanske\u002Fvui'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CCard header-align=\"center\" separators>\n    \u003Ctemplate #header>\n      \u003Cstrong class=\"text-bold text-xl mb-s block\">Centered Header\u003C\u002Fstrong>\n      \u003Cp>Use \u003Ccode>header-align\u003C\u002Fcode> to vertically align header content. This is useful when the header contains more than just the card title.\u003C\u002Fp>\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #header-end>\n      \u003CButton plain size=\"s\" square>\n        \u003CIcon name=\"ph:x\" \u002F>\n      \u003C\u002FButton>\n    \u003C\u002Ftemplate>\n    \u003Cp class=\"m-0\">\n      Hello I'm a description and completely unrelated to this example.\n    \u003C\u002Fp>\n  \u003C\u002FCard>\n\u003C\u002Ftemplate>\n",[38,699,700,710,732,740,744,752,774,786,813,847,855,867,889,907,915,923,941,946,954,962],{"__ignoreMap":36},[41,701,702,704,706,708],{"class":43,"line":44},[41,703,48],{"class":47},[41,705,52],{"class":51},[41,707,56],{"class":55},[41,709,59],{"class":47},[41,711,712,714,716,718,720,722,724,726,728,730],{"class":43,"line":62},[41,713,65],{"class":51},[41,715,68],{"class":47},[41,717,71],{"class":55},[41,719,74],{"class":47},[41,721,77],{"class":55},[41,723,85],{"class":47},[41,725,88],{"class":51},[41,727,92],{"class":91},[41,729,96],{"class":95},[41,731,99],{"class":91},[41,733,734,736,738],{"class":43,"line":102},[41,735,105],{"class":47},[41,737,52],{"class":51},[41,739,59],{"class":47},[41,741,742],{"class":43,"line":112},[41,743,116],{"emptyLinePlaceholder":115},[41,745,746,748,750],{"class":43,"line":119},[41,747,48],{"class":47},[41,749,124],{"class":51},[41,751,59],{"class":47},[41,753,754,756,758,761,763,765,768,770,772],{"class":43,"line":129},[41,755,132],{"class":47},[41,757,14],{"class":51},[41,759,760],{"class":55}," header-align",[41,762,171],{"class":47},[41,764,174],{"class":91},[41,766,767],{"class":95},"center",[41,769,174],{"class":91},[41,771,137],{"class":55},[41,773,59],{"class":47},[41,775,776,778,780,782,784],{"class":43,"line":142},[41,777,145],{"class":47},[41,779,124],{"class":51},[41,781,150],{"class":47},[41,783,154],{"class":153},[41,785,59],{"class":47},[41,787,788,790,792,794,796,798,801,803,805,807,809,811],{"class":43,"line":159},[41,789,162],{"class":47},[41,791,165],{"class":51},[41,793,168],{"class":55},[41,795,171],{"class":47},[41,797,174],{"class":91},[41,799,800],{"class":95},"text-bold text-xl mb-s block",[41,802,174],{"class":91},[41,804,182],{"class":47},[41,806,684],{"class":185},[41,808,105],{"class":47},[41,810,165],{"class":51},[41,812,59],{"class":47},[41,814,815,817,819,821,824,826,828,830,832,834,836,838,841,843,845],{"class":43,"line":195},[41,816,162],{"class":47},[41,818,23],{"class":51},[41,820,182],{"class":47},[41,822,823],{"class":185},"Use ",[41,825,48],{"class":47},[41,827,38],{"class":51},[41,829,182],{"class":47},[41,831,690],{"class":185},[41,833,105],{"class":47},[41,835,38],{"class":51},[41,837,182],{"class":47},[41,839,840],{"class":185}," to vertically align header content. This is useful when the header contains more than just the card title.",[41,842,105],{"class":47},[41,844,23],{"class":51},[41,846,59],{"class":47},[41,848,849,851,853],{"class":43,"line":205},[41,850,198],{"class":47},[41,852,124],{"class":51},[41,854,59],{"class":47},[41,856,857,859,861,863,865],{"class":43,"line":219},[41,858,145],{"class":47},[41,860,124],{"class":51},[41,862,150],{"class":47},[41,864,214],{"class":153},[41,866,59],{"class":47},[41,868,869,871,873,875,877,879,881,883,885,887],{"class":43,"line":247},[41,870,162],{"class":47},[41,872,224],{"class":51},[41,874,227],{"class":55},[41,876,230],{"class":55},[41,878,171],{"class":47},[41,880,174],{"class":91},[41,882,237],{"class":95},[41,884,174],{"class":91},[41,886,242],{"class":55},[41,888,59],{"class":47},[41,890,891,893,895,897,899,901,903,905],{"class":43,"line":271},[41,892,250],{"class":47},[41,894,253],{"class":51},[41,896,256],{"class":55},[41,898,171],{"class":47},[41,900,174],{"class":91},[41,902,263],{"class":95},[41,904,174],{"class":91},[41,906,268],{"class":47},[41,908,909,911,913],{"class":43,"line":281},[41,910,274],{"class":47},[41,912,224],{"class":51},[41,914,59],{"class":47},[41,916,917,919,921],{"class":43,"line":290},[41,918,198],{"class":47},[41,920,124],{"class":51},[41,922,59],{"class":47},[41,924,925,927,929,931,933,935,937,939],{"class":43,"line":310},[41,926,145],{"class":47},[41,928,23],{"class":51},[41,930,168],{"class":55},[41,932,171],{"class":47},[41,934,174],{"class":91},[41,936,303],{"class":95},[41,938,174],{"class":91},[41,940,59],{"class":47},[41,942,943],{"class":43,"line":316},[41,944,945],{"class":185},"      Hello I'm a description and completely unrelated to this example.\n",[41,947,948,950,952],{"class":43,"line":325},[41,949,198],{"class":47},[41,951,23],{"class":51},[41,953,59],{"class":47},[41,955,956,958,960],{"class":43,"line":339},[41,957,468],{"class":47},[41,959,14],{"class":51},[41,961,59],{"class":47},[41,963,964,966,968],{"class":43,"line":352},[41,965,105],{"class":47},[41,967,124],{"class":51},[41,969,59],{"class":47},[483,971,973],{"id":972},"error-state","Error State",[23,975,823,976,979,980,983],{},[38,977,978],{},"centered"," and ",[38,981,982],{},"border-style=\"dashed\""," to create a styled error state card.",[985,986,987],"card-error-example",{},[31,988,990],{"className":33,"code":989,"language":35,"meta":36,"style":36},"\u003Cscript setup>\nimport { Card } from '@dolanske\u002Fvui'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CCard\n    centered\n    border-style=\"dashed\"\n    style=\"\n      --vui-card-border-color: var(--color-text-red);\n      --vui-card-background-color: transparent;\"\n  >\n    \u003CIcon name=\"ph:warning-circle\" :size=\"40\" class=\"mb-m text-color-red\" \u002F>\n    \u003Cstrong class=\"text-bold text-l mb-s\">Something went wrong\u003C\u002Fstrong>\n    \u003Cp class=\"text-color-lighter\">\n      We couldn't process your request. Please try again later.\n    \u003C\u002Fp>\n  \u003C\u002FCard>\n\u003C\u002Ftemplate>\n",[38,991,992,1002,1020,1028,1032,1040,1047,1052,1067,1076,1081,1088,1093,1135,1163,1182,1187,1195,1203],{"__ignoreMap":36},[41,993,994,996,998,1000],{"class":43,"line":44},[41,995,48],{"class":47},[41,997,52],{"class":51},[41,999,56],{"class":55},[41,1001,59],{"class":47},[41,1003,1004,1006,1008,1010,1012,1014,1016,1018],{"class":43,"line":62},[41,1005,65],{"class":51},[41,1007,68],{"class":47},[41,1009,77],{"class":55},[41,1011,85],{"class":47},[41,1013,88],{"class":51},[41,1015,92],{"class":91},[41,1017,96],{"class":95},[41,1019,99],{"class":91},[41,1021,1022,1024,1026],{"class":43,"line":102},[41,1023,105],{"class":47},[41,1025,52],{"class":51},[41,1027,59],{"class":47},[41,1029,1030],{"class":43,"line":112},[41,1031,116],{"emptyLinePlaceholder":115},[41,1033,1034,1036,1038],{"class":43,"line":119},[41,1035,48],{"class":47},[41,1037,124],{"class":51},[41,1039,59],{"class":47},[41,1041,1042,1044],{"class":43,"line":129},[41,1043,132],{"class":47},[41,1045,1046],{"class":51},"Card\n",[41,1048,1049],{"class":43,"line":142},[41,1050,1051],{"class":55},"    centered\n",[41,1053,1054,1057,1059,1061,1064],{"class":43,"line":159},[41,1055,1056],{"class":55},"    border-style",[41,1058,171],{"class":47},[41,1060,174],{"class":91},[41,1062,1063],{"class":95},"dashed",[41,1065,1066],{"class":91},"\"\n",[41,1068,1069,1072,1074],{"class":43,"line":195},[41,1070,1071],{"class":55},"    style",[41,1073,171],{"class":47},[41,1075,1066],{"class":91},[41,1077,1078],{"class":43,"line":205},[41,1079,1080],{"class":95},"      --vui-card-border-color: var(--color-text-red);\n",[41,1082,1083,1086],{"class":43,"line":219},[41,1084,1085],{"class":95},"      --vui-card-background-color: transparent;",[41,1087,1066],{"class":91},[41,1089,1090],{"class":43,"line":247},[41,1091,1092],{"class":47},"  >\n",[41,1094,1095,1097,1099,1101,1103,1105,1108,1110,1113,1115,1117,1120,1122,1124,1126,1128,1131,1133],{"class":43,"line":271},[41,1096,145],{"class":47},[41,1098,253],{"class":51},[41,1100,256],{"class":55},[41,1102,171],{"class":47},[41,1104,174],{"class":91},[41,1106,1107],{"class":95},"ph:warning-circle",[41,1109,174],{"class":91},[41,1111,1112],{"class":55}," :size",[41,1114,171],{"class":47},[41,1116,174],{"class":91},[41,1118,1119],{"class":95},"40",[41,1121,174],{"class":91},[41,1123,168],{"class":55},[41,1125,171],{"class":47},[41,1127,174],{"class":91},[41,1129,1130],{"class":95},"mb-m text-color-red",[41,1132,174],{"class":91},[41,1134,268],{"class":47},[41,1136,1137,1139,1141,1143,1145,1147,1150,1152,1154,1157,1159,1161],{"class":43,"line":281},[41,1138,145],{"class":47},[41,1140,165],{"class":51},[41,1142,168],{"class":55},[41,1144,171],{"class":47},[41,1146,174],{"class":91},[41,1148,1149],{"class":95},"text-bold text-l mb-s",[41,1151,174],{"class":91},[41,1153,182],{"class":47},[41,1155,1156],{"class":185},"Something went wrong",[41,1158,105],{"class":47},[41,1160,165],{"class":51},[41,1162,59],{"class":47},[41,1164,1165,1167,1169,1171,1173,1175,1178,1180],{"class":43,"line":290},[41,1166,145],{"class":47},[41,1168,23],{"class":51},[41,1170,168],{"class":55},[41,1172,171],{"class":47},[41,1174,174],{"class":91},[41,1176,1177],{"class":95},"text-color-lighter",[41,1179,174],{"class":91},[41,1181,59],{"class":47},[41,1183,1184],{"class":43,"line":310},[41,1185,1186],{"class":185},"      We couldn't process your request. Please try again later.\n",[41,1188,1189,1191,1193],{"class":43,"line":316},[41,1190,198],{"class":47},[41,1192,23],{"class":51},[41,1194,59],{"class":47},[41,1196,1197,1199,1201],{"class":43,"line":325},[41,1198,468],{"class":47},[41,1200,14],{"class":51},[41,1202,59],{"class":47},[41,1204,1205,1207,1209],{"class":43,"line":339},[41,1206,105],{"class":47},[41,1208,124],{"class":51},[41,1210,59],{"class":47},[483,1212,1214],{"id":1213},"tokens","Tokens",[23,1216,1217],{},"CSS variable tokens used for global or per-instance manipulation of certain styling.",[488,1219,1220,1231],{},[491,1221,1222],{},[494,1223,1224,1227,1229],{},[497,1225,1226],{},"Token",[497,1228,502],{},[497,1230,624],{},[507,1232,1233,1247,1262,1281,1298,1316],{},[494,1234,1235,1240,1244],{},[512,1236,1237],{},[38,1238,1239],{},"--vui-card-header-align",[512,1241,1242],{},[38,1243,767],{},[512,1245,1246],{},"Header content alignment",[494,1248,1249,1254,1259],{},[512,1250,1251],{},[38,1252,1253],{},"--vui-card-border-style",[512,1255,1256],{},[38,1257,1258],{},"solid",[512,1260,1261],{},"Border style",[494,1263,1264,1269,1278],{},[512,1265,1266],{},[38,1267,1268],{},"--vui-card-border-color",[512,1270,1271],{},[1272,1273,1275],"a",{"href":1274},"\u002Fdocs\u002Ftokens\u002Fcolors",[38,1276,1277],{},"var(--color-border)",[512,1279,1280],{},"Border color",[494,1282,1283,1288,1295],{},[512,1284,1285],{},[38,1286,1287],{},"--vui-card-background-color",[512,1289,1290],{},[1272,1291,1292],{"href":1274},[38,1293,1294],{},"var(--color-bg)",[512,1296,1297],{},"Background color",[494,1299,1300,1305,1313],{},[512,1301,1302],{},[38,1303,1304],{},"--vui-card-padding-block",[512,1306,1307],{},[1272,1308,1310],{"href":1309},"\u002Fdocs\u002Ftokens\u002Fspacing",[38,1311,1312],{},"var(--space-m)",[512,1314,1315],{},"Vertical content padding",[494,1317,1318,1323,1329],{},[512,1319,1320],{},[38,1321,1322],{},"--vui-card-padding-inline",[512,1324,1325],{},[1272,1326,1327],{"href":1309},[38,1328,1312],{},[512,1330,1331],{},"Horizontal content padding",[1333,1334,1335],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .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);}",{"title":36,"searchDepth":62,"depth":62,"links":1337},[1338,1339,1340,1341,1342],{"id":485,"depth":102,"text":486},{"id":609,"depth":102,"text":610},{"id":683,"depth":102,"text":684},{"id":972,"depth":102,"text":973},{"id":1213,"depth":102,"text":1214},"md",{},"\u002Fdocs\u002Fcomponents\u002Fcard",{"title":14,"description":25},"docs\u002Fcomponents\u002Fcard","myfIzrLlE3ZEpxgPg63HEHx-Y_oSHIFZHmZ_9D-Op6g",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1350},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1352},"\u003Cpath fill=\"currentColor\" d=\"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1354},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m-8-80V80a8 8 0 0 1 16 0v56a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12\"\u002F>",1782200882482]