[{"data":1,"prerenderedAt":752},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-popout":24},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\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 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":37,"extension":747,"meta":748,"navigation":164,"path":57,"seo":749,"stem":750,"__hash__":751},"docs/docs/components/popout.md","Popout",{"type":28,"value":29,"toc":742},"minimark",[30,34,38,72,476,480,672,676,703,707,738],[31,32,26],"h1",{"id":33},"popout",[35,36,37],"p",{},"A flexible popout component that can be used to create tooltips, dropdowns, or any other floating content. It uses the Floating UI library for positioning and provides smooth animations.",[39,40,41],"blockquote",{},[35,42,43,44,49,50,54,55,58,59,63,64,67,68,71],{},"Plese note: components using popout (",[45,46,48],"a",{"href":47},"/docs/components/tooltip","Tooltip",", ",[45,51,53],{"href":52},"/docs/components/dropdown","Dropdown"," & ",[45,56,26],{"href":57},"/docs/components/popout",") cannot be styled using ",[60,61,62],"code",{},"scoped"," CSS in Vue SFC. However, you can just define a new ",[60,65,66],{},"\u003Cstyle>"," tag, style the popout inside and keep rest of your CSS scoped in a separate ",[60,69,70],{},"\u003Cstyle scoped>",".",[73,74,75],"popout-example",{},[76,77,82],"pre",{"className":78,"code":79,"language":80,"meta":81,"style":81},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Button, Popout } from '@dolanske/vui'\nimport { ref } from 'vue'\n\nconst isVisible = ref(false)\nconst anchorRef = ref(null)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CButton @click=\"isVisible = !isVisible\">\n    Toggle Popout\n  \u003C/Button>\n\n  \u003CPopout\n    :anchor=\"anchorRef\"\n    :visible=\"isVisible\"\n    placement=\"bottom\"\n    class=\"p-l\"\n    style=\"max-width: 256px\"\n    @click-outside=\"isVisible = false\"\n  >\n    \u003Ch3>Popout content\u003C/h3>\n    \u003Cp>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem facere eligendi ex, alias itaque molestiae, vero animi, vitae vel fuga corporis aut consectetur temporibus ipsum placeat dolores perferendis. Deleniti, et!\u003C/p>\n  \u003C/Popout>\n\u003C/template>\n","vue","",[60,83,84,104,139,159,166,191,210,220,225,235,270,277,287,292,300,319,335,350,365,391,413,419,440,458,467],{"__ignoreMap":81},[85,86,89,93,97,101],"span",{"class":87,"line":88},"line",1,[85,90,92],{"class":91},"sP76a","\u003C",[85,94,96],{"class":95},"sKpE2","script",[85,98,100],{"class":99},"sflEz"," setup",[85,102,103],{"class":91},">\n",[85,105,107,110,113,116,119,122,125,128,132,136],{"class":87,"line":106},2,[85,108,109],{"class":95},"import",[85,111,112],{"class":91}," {",[85,114,115],{"class":99}," Button",[85,117,118],{"class":91},",",[85,120,121],{"class":99}," Popout",[85,123,124],{"class":91}," }",[85,126,127],{"class":95}," from",[85,129,131],{"class":130},"sBR95"," '",[85,133,135],{"class":134},"sfmH-","@dolanske/vui",[85,137,138],{"class":130},"'\n",[85,140,142,144,146,149,151,153,155,157],{"class":87,"line":141},3,[85,143,109],{"class":95},[85,145,112],{"class":91},[85,147,148],{"class":99}," ref",[85,150,124],{"class":91},[85,152,127],{"class":95},[85,154,131],{"class":130},[85,156,80],{"class":134},[85,158,138],{"class":130},[85,160,162],{"class":87,"line":161},4,[85,163,165],{"emptyLinePlaceholder":164},true,"\n",[85,167,169,173,176,179,182,185,188],{"class":87,"line":168},5,[85,170,172],{"class":171},"sCMWV","const",[85,174,175],{"class":99}," isVisible",[85,177,178],{"class":91}," =",[85,180,148],{"class":181},"sRTv0",[85,183,184],{"class":91},"(",[85,186,187],{"class":95},"false",[85,189,190],{"class":91},")\n",[85,192,194,196,199,201,203,205,208],{"class":87,"line":193},6,[85,195,172],{"class":171},[85,197,198],{"class":99}," anchorRef",[85,200,178],{"class":91},[85,202,148],{"class":181},[85,204,184],{"class":91},[85,206,207],{"class":171},"null",[85,209,190],{"class":91},[85,211,213,216,218],{"class":87,"line":212},7,[85,214,215],{"class":91},"\u003C/",[85,217,96],{"class":95},[85,219,103],{"class":91},[85,221,223],{"class":87,"line":222},8,[85,224,165],{"emptyLinePlaceholder":164},[85,226,228,230,233],{"class":87,"line":227},9,[85,229,92],{"class":91},[85,231,232],{"class":95},"template",[85,234,103],{"class":91},[85,236,238,241,244,247,250,253,256,259,261,264,266,268],{"class":87,"line":237},10,[85,239,240],{"class":91},"  \u003C",[85,242,243],{"class":95},"Button",[85,245,246],{"class":91}," @",[85,248,249],{"class":181},"click",[85,251,252],{"class":91},"=",[85,254,255],{"class":91},"\"",[85,257,258],{"class":99},"isVisible",[85,260,178],{"class":91},[85,262,263],{"class":171}," !",[85,265,258],{"class":99},[85,267,255],{"class":91},[85,269,103],{"class":91},[85,271,273],{"class":87,"line":272},11,[85,274,276],{"class":275},"sX1ls","    Toggle Popout\n",[85,278,280,283,285],{"class":87,"line":279},12,[85,281,282],{"class":91},"  \u003C/",[85,284,243],{"class":95},[85,286,103],{"class":91},[85,288,290],{"class":87,"line":289},13,[85,291,165],{"emptyLinePlaceholder":164},[85,293,295,297],{"class":87,"line":294},14,[85,296,240],{"class":91},[85,298,299],{"class":95},"Popout\n",[85,301,303,306,309,311,313,316],{"class":87,"line":302},15,[85,304,305],{"class":91},"    :",[85,307,308],{"class":181},"anchor",[85,310,252],{"class":91},[85,312,255],{"class":91},[85,314,315],{"class":99},"anchorRef",[85,317,318],{"class":91},"\"\n",[85,320,322,324,327,329,331,333],{"class":87,"line":321},16,[85,323,305],{"class":91},[85,325,326],{"class":181},"visible",[85,328,252],{"class":91},[85,330,255],{"class":91},[85,332,258],{"class":99},[85,334,318],{"class":91},[85,336,338,341,343,345,348],{"class":87,"line":337},17,[85,339,340],{"class":99},"    placement",[85,342,252],{"class":91},[85,344,255],{"class":130},[85,346,347],{"class":134},"bottom",[85,349,318],{"class":130},[85,351,353,356,358,360,363],{"class":87,"line":352},18,[85,354,355],{"class":99},"    class",[85,357,252],{"class":91},[85,359,255],{"class":130},[85,361,362],{"class":134},"p-l",[85,364,318],{"class":130},[85,366,368,371,373,375,379,382,386,389],{"class":87,"line":367},19,[85,369,370],{"class":181},"    style",[85,372,252],{"class":91},[85,374,255],{"class":91},[85,376,378],{"class":377},"sDB6b","max-width",[85,380,381],{"class":91},":",[85,383,385],{"class":384},"socUO"," 256",[85,387,388],{"class":171},"px",[85,390,318],{"class":91},[85,392,394,397,400,402,404,406,408,411],{"class":87,"line":393},20,[85,395,396],{"class":91},"    @",[85,398,399],{"class":181},"click-outside",[85,401,252],{"class":91},[85,403,255],{"class":91},[85,405,258],{"class":99},[85,407,178],{"class":91},[85,409,410],{"class":95}," false",[85,412,318],{"class":91},[85,414,416],{"class":87,"line":415},21,[85,417,418],{"class":91},"  >\n",[85,420,422,425,428,431,434,436,438],{"class":87,"line":421},22,[85,423,424],{"class":91},"    \u003C",[85,426,427],{"class":95},"h3",[85,429,430],{"class":91},">",[85,432,433],{"class":275},"Popout content",[85,435,215],{"class":91},[85,437,427],{"class":95},[85,439,103],{"class":91},[85,441,443,445,447,449,452,454,456],{"class":87,"line":442},23,[85,444,424],{"class":91},[85,446,35],{"class":95},[85,448,430],{"class":91},[85,450,451],{"class":275},"Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem facere eligendi ex, alias itaque molestiae, vero animi, vitae vel fuga corporis aut consectetur temporibus ipsum placeat dolores perferendis. Deleniti, et!",[85,453,215],{"class":91},[85,455,35],{"class":95},[85,457,103],{"class":91},[85,459,461,463,465],{"class":87,"line":460},24,[85,462,282],{"class":91},[85,464,26],{"class":95},[85,466,103],{"class":91},[85,468,470,472,474],{"class":87,"line":469},25,[85,471,215],{"class":91},[85,473,232],{"class":95},[85,475,103],{"class":91},[427,477,479],{"id":478},"props","Props",[481,482,483,499],"table",{},[484,485,486],"thead",{},[487,488,489,493,496],"tr",{},[490,491,492],"th",{},"Name",[490,494,495],{},"Default",[490,497,498],{},"Type",[500,501,502,522,542,562,578,607,629,651],"tbody",{},[487,503,504,509,512],{},[505,506,507],"td",{},[60,508,308],{},[505,510,511],{},"—",[505,513,514,517,518,521],{},[60,515,516],{},"HTMLElement"," ",[519,520],"br",{}," Reference to the HTML element the Popout is anchored to",[487,523,524,529,534],{},[505,525,526],{},[60,527,528],{},"placement",[505,530,531],{},[60,532,533],{},"top",[505,535,536,517,539,541],{},[60,537,538],{},"string",[519,540],{}," Position of the popout relative to the anchor",[487,543,544,549,554],{},[505,545,546],{},[60,547,548],{},"offset",[505,550,551],{},[60,552,553],{},"8",[505,555,556,517,559,561],{},[60,557,558],{},"number",[519,560],{}," Distance between the anchor and the popout in pixels",[487,563,564,568,570],{},[505,565,566],{},[60,567,326],{},[505,569,511],{},[505,571,572,517,575,577],{},[60,573,574],{},"boolean",[519,576],{}," Whether the popout is visible",[487,579,580,585,587],{},[505,581,582],{},[60,583,584],{},"transition-name",[505,586,511],{},[505,588,589,517,591,517,594,596,597,599,600,606],{},[60,590,538],{},[60,592,593],{},"none",[519,595],{}," Allows you to change or disable the Vue transition for the popout appear. By default, placement-based transition is used. Set to ",[60,598,593],{}," when using the ",[45,601,605],{"href":602,"rel":603},"https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API",[604],"nofollow","View Transitions API"," to prevent the default animation from conflicting with your view transition.",[487,608,609,614,619],{},[505,610,611],{},[60,612,613],{},"teleport",[505,615,616],{},[60,617,618],{},"true",[505,620,621,517,623,625,626],{},[60,622,574],{},[519,624],{}," Whether the popout is teleported to ",[60,627,628],{},"body",[487,630,631,636,641],{},[505,632,633],{},[60,634,635],{},"enter-delay",[505,637,638],{},[60,639,640],{},"0",[505,642,643,517,645,647,648,650],{},[60,644,558],{},[519,646],{}," Delay in milliseconds before the popout becomes visible after ",[60,649,326],{}," turns true",[487,652,653,658,662],{},[505,654,655],{},[60,656,657],{},"leave-delay",[505,659,660],{},[60,661,640],{},[505,663,664,517,666,668,669,671],{},[60,665,558],{},[519,667],{}," Delay in milliseconds before the popout hides after ",[60,670,326],{}," turns false",[427,673,675],{"id":674},"events","Events",[481,677,678,689],{},[484,679,680],{},[487,681,682,684,687],{},[490,683,492],{},[490,685,686],{},"Payload",[490,688,498],{},[500,690,691],{},[487,692,693,698,700],{},[505,694,695],{},[60,696,697],{},"clickOutside",[505,699,511],{},[505,701,702],{},"Called when clicking outside the popout",[427,704,706],{"id":705},"slots","Slots",[481,708,709,721],{},[484,710,711],{},[487,712,713,715,718],{},[490,714,492],{},[490,716,717],{},"Accepts",[490,719,720],{},"Description",[500,722,723],{},[487,724,725,730,735],{},[505,726,727],{},[60,728,729],{},"default",[505,731,732],{},[60,733,734],{},"any",[505,736,737],{},"The content inside the popout",[739,740,741],"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 .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}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 pre.shiki code .sDB6b, html code.shiki .sDB6b{--shiki-dark:#B8A965;--shiki-light:#998418;--shiki-default:#B8A965}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}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":81,"searchDepth":106,"depth":106,"links":743},[744,745,746],{"id":478,"depth":141,"text":479},{"id":674,"depth":141,"text":675},{"id":705,"depth":141,"text":706},"md",{},{"title":26,"description":37},"docs/components/popout","I7-nyD_KMy54PdTTiSw4q8dIPA4IZ29e4zYtNy14qYM",1777992281422]