[{"data":1,"prerenderedAt":495},["ShallowReactive",2],{"docs:avatar":3,"demo:avatar\u002Fhero":494},{"frontmatter":4,"meta":5,"nodes":6},{},{},[7,12,16,20,25,139,143,148,155,205,209,215,249,341,379,383,388,431,435,439,458],[8,9,11],"h1",{"id":10},"avatar","Avatar",[13,14,15],"p",{},"A user image with a fallback.",[17,18],"demo",{"name":19},"avatar\u002Fhero",[21,22,24],"h2",{"id":23},"anatomy","Anatomy",[26,27,31],"pre",{"language":28,"meta":29,"class":30},"vue","title=\"Anatomy\"","shiki shiki-themes github-light github-dark dark:github-dark",[32,33,35,55,56,55,72,55,81,55,83,55,92,55,102,55,113,55,122,55,131],"code",{"class":34},"language-vue",[36,37,40,44,48,52],"span",{"class":38,"style":39},"line","display: inline",[36,41,43],{"style":42},"color:#24292E;--shiki-dark:#E1E4E8","\u003C",[36,45,47],{"style":46},"color:#22863A;--shiki-dark:#85E89D","script",[36,49,51],{"style":50},"color:#6F42C1;--shiki-dark:#B392F0"," setup",[36,53,54],{"style":42},">","\n",[36,57,58,62,65,68],{"class":38,"style":39},[36,59,61],{"style":60},"color:#D73A49;--shiki-dark:#F97583","import",[36,63,64],{"style":42}," { Avatar } ",[36,66,67],{"style":60},"from",[36,69,71],{"style":70},"color:#032F62;--shiki-dark:#9ECBFF"," '@shardsui\u002Fvue\u002Favatar'",[36,73,74,77,79],{"class":38,"style":39},[36,75,76],{"style":42},"\u003C\u002F",[36,78,47],{"style":46},[36,80,54],{"style":42},[36,82],{"class":38,"style":39},[36,84,85,87,90],{"class":38,"style":39},[36,86,43],{"style":42},[36,88,89],{"style":46},"template",[36,91,54],{"style":42},[36,93,94,97,100],{"class":38,"style":39},[36,95,96],{"style":42},"  \u003C",[36,98,99],{"style":46},"Avatar.Root",[36,101,54],{"style":42},[36,103,104,107,110],{"class":38,"style":39},[36,105,106],{"style":42},"    \u003C",[36,108,109],{"style":46},"Avatar.Image",[36,111,112],{"style":42}," \u002F>",[36,114,115,117,120],{"class":38,"style":39},[36,116,106],{"style":42},[36,118,119],{"style":46},"Avatar.Fallback",[36,121,112],{"style":42},[36,123,124,127,129],{"class":38,"style":39},[36,125,126],{"style":42},"  \u003C\u002F",[36,128,99],{"style":46},[36,130,54],{"style":42},[36,132,133,135,137],{"class":38,"style":39},[36,134,76],{"style":42},[36,136,89],{"style":46},[36,138,54],{"style":42},[21,140,142],{"id":141},"api-reference","API reference",[144,145,147],"h3",{"id":146},"api-reference-root","Root",[13,149,150,151,154],{},"Groups the image and its fallback. Renders a ",[32,152,153],{},"\u003Cspan>"," element.",[156,157],"table",{"columns":158,"rows":162},[159,160,161],"Prop","Type","Default",[163,175,186,195],{"summary":164,"detail":168},[165,166,167],"\u003Ccode>as\u003C\u002Fcode>","\u003Ccode>keyof HTMLElementTagNameMap\u003C\u002Fcode>","\u003Ccode>'span'\u003C\u002Fcode>",[169,170,171,172],{"label":159,"html":165},{"label":160,"html":166},{"label":161,"html":167},{"label":173,"html":174},"Description","HTML element to render.",{"summary":176,"detail":180},[177,178,179],"\u003Ccode>class\u003C\u002Fcode>","\u003Ccode>string\u003C\u002Fcode>","—",[181,182,183,184],{"label":159,"html":177},{"label":160,"html":178},{"label":161,"html":179},{"label":173,"html":185},"CSS class applied to the element.",{"summary":187,"detail":189},[188,178,179],"\u003Ccode>style\u003C\u002Fcode>",[190,191,192,193],{"label":159,"html":188},{"label":160,"html":178},{"label":161,"html":179},{"label":173,"html":194},"Inline style applied to the element.",{"summary":196,"detail":199},[197,198,179],"\u003Ccode>default\u003C\u002Fcode>","\u003Ccode>Slot<{ imageLoadingStatus }>\u003C\u002Fcode>",[200,201,202,203],{"label":159,"html":197},{"label":160,"html":198},{"label":161,"html":179},{"label":173,"html":204},"Content; receives the image loading status.",[144,206,208],{"id":207},"api-reference-image","Image",[13,210,211,212,154],{},"Renders an ",[32,213,214],{},"\u003Cimg>",[13,216,217,218,221,222,221,225,221,228,231,232,235,236,238,239,242,243,248],{},"The component preloads the image — applying the same ",[32,219,220],{},"src",", ",[32,223,224],{},"srcset",[32,226,227],{},"sizes",[32,229,230],{},"crossorigin"," and ",[32,233,234],{},"referrerpolicy"," — so the loading status is known from the first render. Those five are declared props rather than fallthrough attributes, so changing any of them restarts the preload. The ",[32,237,214],{}," mounts only once the image has loaded, which is why it can be animated in with ",[32,240,241],{},"data-starting-style","; see ",[244,245,247],"a",{"href":246},"\u002Fanimation","Animation",".",[156,250],{"columns":251,"rows":252},[159,160,161],[253,261,268,275,284,293,302,312,322,331],{"summary":254,"detail":256},[165,166,255],"\u003Ccode>'img'\u003C\u002Fcode>",[257,258,259,260],{"label":159,"html":165},{"label":160,"html":166},{"label":161,"html":255},{"label":173,"html":174},{"summary":262,"detail":263},[177,178,179],[264,265,266,267],{"label":159,"html":177},{"label":160,"html":178},{"label":161,"html":179},{"label":173,"html":185},{"summary":269,"detail":270},[188,178,179],[271,272,273,274],{"label":159,"html":188},{"label":160,"html":178},{"label":161,"html":179},{"label":173,"html":194},{"summary":276,"detail":278},[277,178,179],"\u003Ccode>src\u003C\u002Fcode>",[279,280,281,282],{"label":159,"html":277},{"label":160,"html":178},{"label":161,"html":179},{"label":173,"html":283},"Image URL.",{"summary":285,"detail":287},[286,178,179],"\u003Ccode>srcset\u003C\u002Fcode>",[288,289,290,291],{"label":159,"html":286},{"label":160,"html":178},{"label":161,"html":179},{"label":173,"html":292},"Responsive image source set. Enough on its own — \u003Ccode>src\u003C\u002Fcode> may be omitted.",{"summary":294,"detail":296},[295,178,179],"\u003Ccode>sizes\u003C\u002Fcode>",[297,298,299,300],{"label":159,"html":295},{"label":160,"html":178},{"label":161,"html":179},{"label":173,"html":301},"Layout widths the browser matches \u003Ccode>srcset\u003C\u002Fcode> against.",{"summary":303,"detail":306},[304,305,179],"\u003Ccode>crossorigin\u003C\u002Fcode>","\u003Ccode>'anonymous' | 'use-credentials' | ''\u003C\u002Fcode>",[307,308,309,310],{"label":159,"html":304},{"label":160,"html":305},{"label":161,"html":179},{"label":173,"html":311},"CORS mode used to fetch the image.",{"summary":313,"detail":316},[314,315,179],"\u003Ccode>referrerpolicy\u003C\u002Fcode>","\u003Ccode>ReferrerPolicy\u003C\u002Fcode>",[317,318,319,320],{"label":159,"html":314},{"label":160,"html":315},{"label":161,"html":179},{"label":173,"html":321},"Referrer sent when fetching the image.",{"summary":323,"detail":325},[324,178,179],"\u003Ccode>alt\u003C\u002Fcode>",[326,327,328,329],{"label":159,"html":324},{"label":160,"html":178},{"label":161,"html":179},{"label":173,"html":330},"Alternative text. Use \u003Ccode>alt=""\u003C\u002Fcode> when the user's name already appears next to it.",{"summary":332,"detail":335},[333,334,179],"\u003Ccode>loadingStatusChange\u003C\u002Fcode>","\u003Ccode>(status: ImageLoadingStatus) => void\u003C\u002Fcode>",[336,337,338,339],{"label":159,"html":333},{"label":160,"html":334},{"label":161,"html":179},{"label":173,"html":340},"Emitted when the loading status changes. Never emitted with \u003Ccode>'idle'\u003C\u002Fcode>.",[156,342,343,356],{},[344,345,346],"thead",{},[347,348,349,354],"tr",{},[350,351,353],"th",{"style":352},"text-align:left","Attribute",[350,355,173],{"style":352},[357,358,359,369],"tbody",{},[347,360,361,366],{},[362,363,364],"td",{"style":352},[32,365,241],{},[362,367,368],{"style":352},"Present when the image is animating in.",[347,370,371,376],{},[362,372,373],{"style":352},[32,374,375],{},"data-ending-style",[362,377,378],{"style":352},"Present when the image is animating out.",[144,380,382],{"id":381},"api-reference-fallback","Fallback",[13,384,385,386,154],{},"Rendered while the image is missing, still loading, or failed. Renders a ",[32,387,153],{},[156,389],{"columns":390,"rows":391},[159,160,161],[392,399,406,413,424],{"summary":393,"detail":394},[165,166,167],[395,396,397,398],{"label":159,"html":165},{"label":160,"html":166},{"label":161,"html":167},{"label":173,"html":174},{"summary":400,"detail":401},[177,178,179],[402,403,404,405],{"label":159,"html":177},{"label":160,"html":178},{"label":161,"html":179},{"label":173,"html":185},{"summary":407,"detail":408},[188,178,179],[409,410,411,412],{"label":159,"html":188},{"label":160,"html":178},{"label":161,"html":179},{"label":173,"html":194},{"summary":414,"detail":418},[415,416,417],"\u003Ccode>delay\u003C\u002Fcode>","\u003Ccode>number\u003C\u002Fcode>","\u003Ccode>0\u003C\u002Fcode>",[419,420,421,422],{"label":159,"html":415},{"label":160,"html":416},{"label":161,"html":417},{"label":173,"html":423},"How long to wait before showing the fallback. Specified in milliseconds.",{"summary":425,"detail":426},[197,198,179],[427,428,429,430],{"label":159,"html":197},{"label":160,"html":198},{"label":161,"html":179},{"label":173,"html":204},[21,432,434],{"id":433},"additional-types","Additional types",[144,436,438],{"id":437},"additional-types-imageloadingstatus","ImageLoadingStatus",[13,440,441,442,445,446,449,450,231,452,454,455,248],{},"The status carried by ",[32,443,444],{},"loadingStatusChange",", and passed to the ",[32,447,448],{},"default"," slot of ",[32,451,147],{},[32,453,382],{}," as ",[32,456,457],{},"imageLoadingStatus",[26,459,461],{"language":460,"class":30},"ts",[32,462,464],{"class":463},"language-ts",[36,465,466,469,472,475,478,481,484,486,489,491],{"class":38,"style":39},[36,467,468],{"style":60},"type",[36,470,471],{"style":50}," ImageLoadingStatus",[36,473,474],{"style":60}," =",[36,476,477],{"style":70}," 'idle'",[36,479,480],{"style":60}," |",[36,482,483],{"style":70}," 'loading'",[36,485,480],{"style":60},[36,487,488],{"style":70}," 'loaded'",[36,490,480],{"style":60},[36,492,493],{"style":70}," 'error'","\u003Cpre class=\"shiki shiki-themes github-light github-dark\" style=\"--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { Avatar } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> '@shardsui\u002Fvue\u002Favatar'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex gap-4\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Avatar.Root\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"inline-flex size-10 items-center justify-center overflow-hidden rounded-full bg-gray-100 align-middle text-sm leading-none font-medium text-gray-900 select-none\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Avatar.Image\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        src\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"data:image\u002Fsvg+xml,<svg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg'><linearGradient id='g' x2='1' y2='1'><stop stop-color='%23e2e8f0'\u002F><stop offset='.5' stop-color='%2394a3b8'\u002F><stop offset='1' stop-color='%23334155'\u002F><\u002FlinearGradient><rect width='100%25' height='100%25' fill='url(%23g)'\u002F><\u002Fsvg>\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        alt\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"Paul Rand\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"size-full object-cover\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Avatar.Fallback\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :delay\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"300\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex size-full items-center justify-center\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        PR\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Avatar.Fallback\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Avatar.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Avatar.Root\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"inline-flex size-10 items-center justify-center overflow-hidden rounded-full bg-gray-100 align-middle text-sm leading-none font-medium text-gray-900 select-none\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Avatar.Image\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> src\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"data:,\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> alt\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"Milton Glaser\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"size-full object-cover\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Avatar.Fallback\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :delay\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"300\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex size-full items-center justify-center\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        MG\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Avatar.Fallback\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Avatar.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",1789390071941]