[{"data":1,"prerenderedAt":7824},["Reactive",2],{"content-query-EwNXQeD6E4":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":7819,"_id":7820,"_source":7821,"_file":7822,"_extension":7823},"/docs/utilities/css/flex","css",false,"","CSS Utility Classes - Flex - Inkline","Use flexbox utilities to modify the layout, alignment, and sizing of components and more.",{"type":11,"children":12,"toc":7805},"root",[13,20,27,48,168,263,268,289,296,308,315,320,580,586,591,838,843,878,884,909,1592,1597,1653,1659,1681,2343,2354,2359,2414,2420,2441,3185,3190,3245,3251,3301,3320,4957,4962,5025,5031,5042,5261,5266,5277,5283,5308,5495,5520,5701,5705,5740,5746,5751,6387,6393,6418,7091,7095,7139,7145,7185,7770,7774,7801],{"type":14,"tag":15,"props":16,"children":19},"element","content-heading",{"subtitle":17,"title":18},"CSS Utility Classes","Flex",[],{"type":14,"tag":21,"props":22,"children":24},"h2",{"id":23},"use-flexbox-utilities-to-modify-the-layout-alignment-and-sizing-of-components-and-more",[25],{"type":26,"value":9},"text",{"type":14,"tag":28,"props":29,"children":30},"p",{},[31,33,39,41,46],{"type":26,"value":32},"Apply ",{"type":14,"tag":34,"props":35,"children":36},"code-inline",{},[37],{"type":26,"value":38},"display: flex",{"type":26,"value":40}," using CSS or the ",{"type":14,"tag":34,"props":42,"children":43},{},[44],{"type":26,"value":45},"_display:flex",{"type":26,"value":47}," helper to create a flexbox container and transform direct children elements into flex items.",{"type":14,"tag":49,"props":50,"children":51},"content-tabs",{},[52,61],{"type":14,"tag":53,"props":54,"children":55},"template",{"v-slot:preview":7},[56],{"type":14,"tag":57,"props":58,"children":60},"content-preview",{"src":59},"/stories/utilities/flex/flex",[],{"type":14,"tag":53,"props":62,"children":63},{"v-slot:vue":7},[64],{"type":14,"tag":65,"props":66,"children":71},"code",{"className":67,"code":69,"language":70,"meta":7},[68],"language-vue","\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex!\">I'm a flexbox container\u003C/div>\n\u003C/template>\n\n","vue",[72],{"type":14,"tag":73,"props":74,"children":75},"pre",{},[76],{"type":14,"tag":65,"props":77,"children":78},{"__ignoreMap":7},[79,101,150],{"type":14,"tag":80,"props":81,"children":84},"span",{"class":82,"line":83},"line",1,[85,91,96],{"type":14,"tag":80,"props":86,"children":88},{"class":87},"ct-553616",[89],{"type":26,"value":90},"\u003C",{"type":14,"tag":80,"props":92,"children":94},{"class":93},"ct-914029",[95],{"type":26,"value":53},{"type":14,"tag":80,"props":97,"children":98},{"class":87},[99],{"type":26,"value":100},">\n",{"type":14,"tag":80,"props":102,"children":104},{"class":82,"line":103},2,[105,110,115,120,126,131,137,142,146],{"type":14,"tag":80,"props":106,"children":107},{"class":87},[108],{"type":26,"value":109},"    \u003C",{"type":14,"tag":80,"props":111,"children":112},{"class":93},[113],{"type":26,"value":114},"div",{"type":14,"tag":80,"props":116,"children":117},{"class":87},[118],{"type":26,"value":119}," ",{"type":14,"tag":80,"props":121,"children":123},{"class":122},"ct-762058",[124],{"type":26,"value":125},"class",{"type":14,"tag":80,"props":127,"children":128},{"class":87},[129],{"type":26,"value":130},"=",{"type":14,"tag":80,"props":132,"children":134},{"class":133},"ct-952708",[135],{"type":26,"value":136},"\"_display:flex!\"",{"type":14,"tag":80,"props":138,"children":139},{"class":87},[140],{"type":26,"value":141},">I'm a flexbox container\u003C/",{"type":14,"tag":80,"props":143,"children":144},{"class":93},[145],{"type":26,"value":114},{"type":14,"tag":80,"props":147,"children":148},{"class":87},[149],{"type":26,"value":100},{"type":14,"tag":80,"props":151,"children":153},{"class":82,"line":152},3,[154,159,163],{"type":14,"tag":80,"props":155,"children":156},{"class":87},[157],{"type":26,"value":158},"\u003C/",{"type":14,"tag":80,"props":160,"children":161},{"class":93},[162],{"type":26,"value":53},{"type":14,"tag":80,"props":164,"children":165},{"class":87},[166],{"type":26,"value":167},">",{"type":14,"tag":49,"props":169,"children":170},{},[171,178],{"type":14,"tag":53,"props":172,"children":173},{"v-slot:preview":7},[174],{"type":14,"tag":57,"props":175,"children":177},{"src":176},"/stories/utilities/flex/inline-flex",[],{"type":14,"tag":53,"props":179,"children":180},{"v-slot:vue":7},[181],{"type":14,"tag":65,"props":182,"children":185},{"className":183,"code":184,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:inline-flex!\">I'm an inline flexbox container\u003C/div>\n\u003C/template>\n\n",[186],{"type":14,"tag":73,"props":187,"children":188},{},[189],{"type":14,"tag":65,"props":190,"children":191},{"__ignoreMap":7},[192,207,248],{"type":14,"tag":80,"props":193,"children":194},{"class":82,"line":83},[195,199,203],{"type":14,"tag":80,"props":196,"children":197},{"class":87},[198],{"type":26,"value":90},{"type":14,"tag":80,"props":200,"children":201},{"class":93},[202],{"type":26,"value":53},{"type":14,"tag":80,"props":204,"children":205},{"class":87},[206],{"type":26,"value":100},{"type":14,"tag":80,"props":208,"children":209},{"class":82,"line":103},[210,214,218,222,226,230,235,240,244],{"type":14,"tag":80,"props":211,"children":212},{"class":87},[213],{"type":26,"value":109},{"type":14,"tag":80,"props":215,"children":216},{"class":93},[217],{"type":26,"value":114},{"type":14,"tag":80,"props":219,"children":220},{"class":87},[221],{"type":26,"value":119},{"type":14,"tag":80,"props":223,"children":224},{"class":122},[225],{"type":26,"value":125},{"type":14,"tag":80,"props":227,"children":228},{"class":87},[229],{"type":26,"value":130},{"type":14,"tag":80,"props":231,"children":232},{"class":133},[233],{"type":26,"value":234},"\"_display:inline-flex!\"",{"type":14,"tag":80,"props":236,"children":237},{"class":87},[238],{"type":26,"value":239},">I'm an inline flexbox container\u003C/",{"type":14,"tag":80,"props":241,"children":242},{"class":93},[243],{"type":26,"value":114},{"type":14,"tag":80,"props":245,"children":246},{"class":87},[247],{"type":26,"value":100},{"type":14,"tag":80,"props":249,"children":250},{"class":82,"line":152},[251,255,259],{"type":14,"tag":80,"props":252,"children":253},{"class":87},[254],{"type":26,"value":158},{"type":14,"tag":80,"props":256,"children":257},{"class":93},[258],{"type":26,"value":53},{"type":14,"tag":80,"props":260,"children":261},{"class":87},[262],{"type":26,"value":167},{"type":14,"tag":28,"props":264,"children":265},{},[266],{"type":26,"value":267},"Flexbox utilities can also be applied responsively. Here are the available helper classes::",{"type":14,"tag":269,"props":270,"children":271},"ul",{},[272,281],{"type":14,"tag":273,"props":274,"children":275},"li",{},[276],{"type":14,"tag":34,"props":277,"children":278},{},[279],{"type":26,"value":280},"._display:flex",{"type":14,"tag":273,"props":282,"children":283},{},[284],{"type":14,"tag":34,"props":285,"children":286},{},[287],{"type":26,"value":288},"._display:inline-flex",{"type":14,"tag":290,"props":291,"children":293},"h3",{"id":292},"flex-direction",[294],{"type":26,"value":295},"Flex Direction",{"type":14,"tag":28,"props":297,"children":298},{},[299,301,306],{"type":26,"value":300},"Set the direction of flex items in a flex container with direction utilities. The browser default is ",{"type":14,"tag":34,"props":302,"children":303},{},[304],{"type":26,"value":305},"flex-direction: row",{"type":26,"value":307},", therefore the row helper won't be always necessary. However, when targeting various screen sizes, you may encounter situations where you needed to explicitly set this value.",{"type":14,"tag":309,"props":310,"children":312},"h4",{"id":311},"row-direction",[313],{"type":26,"value":314},"Row Direction",{"type":14,"tag":28,"props":316,"children":317},{},[318],{"type":26,"value":319},"Setting a row direction will cause the flexbox items to flow horizontally.",{"type":14,"tag":49,"props":321,"children":322},{},[323,330],{"type":14,"tag":53,"props":324,"children":325},{"v-slot:preview":7},[326],{"type":14,"tag":57,"props":327,"children":329},{"src":328},"/stories/utilities/flex/flex-direction-row",[],{"type":14,"tag":53,"props":331,"children":332},{"v-slot:vue":7},[333],{"type":14,"tag":65,"props":334,"children":337},{"className":335,"code":336,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex! _flex-direction:row!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _flex-direction:row-reverse!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[338],{"type":14,"tag":73,"props":339,"children":340},{},[341],{"type":14,"tag":65,"props":342,"children":343},{"__ignoreMap":7},[344,359,391,416,441,458,467,500,524,548,564],{"type":14,"tag":80,"props":345,"children":346},{"class":82,"line":83},[347,351,355],{"type":14,"tag":80,"props":348,"children":349},{"class":87},[350],{"type":26,"value":90},{"type":14,"tag":80,"props":352,"children":353},{"class":93},[354],{"type":26,"value":53},{"type":14,"tag":80,"props":356,"children":357},{"class":87},[358],{"type":26,"value":100},{"type":14,"tag":80,"props":360,"children":361},{"class":82,"line":103},[362,366,370,374,378,382,387],{"type":14,"tag":80,"props":363,"children":364},{"class":87},[365],{"type":26,"value":109},{"type":14,"tag":80,"props":367,"children":368},{"class":93},[369],{"type":26,"value":114},{"type":14,"tag":80,"props":371,"children":372},{"class":87},[373],{"type":26,"value":119},{"type":14,"tag":80,"props":375,"children":376},{"class":122},[377],{"type":26,"value":125},{"type":14,"tag":80,"props":379,"children":380},{"class":87},[381],{"type":26,"value":130},{"type":14,"tag":80,"props":383,"children":384},{"class":133},[385],{"type":26,"value":386},"\"_display:flex! _flex-direction:row!\"",{"type":14,"tag":80,"props":388,"children":389},{"class":87},[390],{"type":26,"value":100},{"type":14,"tag":80,"props":392,"children":393},{"class":82,"line":152},[394,399,403,408,412],{"type":14,"tag":80,"props":395,"children":396},{"class":87},[397],{"type":26,"value":398},"        \u003C",{"type":14,"tag":80,"props":400,"children":401},{"class":93},[402],{"type":26,"value":114},{"type":14,"tag":80,"props":404,"children":405},{"class":87},[406],{"type":26,"value":407},">Flex Item 1\u003C/",{"type":14,"tag":80,"props":409,"children":410},{"class":93},[411],{"type":26,"value":114},{"type":14,"tag":80,"props":413,"children":414},{"class":87},[415],{"type":26,"value":100},{"type":14,"tag":80,"props":417,"children":419},{"class":82,"line":418},4,[420,424,428,433,437],{"type":14,"tag":80,"props":421,"children":422},{"class":87},[423],{"type":26,"value":398},{"type":14,"tag":80,"props":425,"children":426},{"class":93},[427],{"type":26,"value":114},{"type":14,"tag":80,"props":429,"children":430},{"class":87},[431],{"type":26,"value":432},">Flex Item 2\u003C/",{"type":14,"tag":80,"props":434,"children":435},{"class":93},[436],{"type":26,"value":114},{"type":14,"tag":80,"props":438,"children":439},{"class":87},[440],{"type":26,"value":100},{"type":14,"tag":80,"props":442,"children":444},{"class":82,"line":443},5,[445,450,454],{"type":14,"tag":80,"props":446,"children":447},{"class":87},[448],{"type":26,"value":449},"    \u003C/",{"type":14,"tag":80,"props":451,"children":452},{"class":93},[453],{"type":26,"value":114},{"type":14,"tag":80,"props":455,"children":456},{"class":87},[457],{"type":26,"value":100},{"type":14,"tag":80,"props":459,"children":461},{"class":82,"line":460},6,[462],{"type":14,"tag":80,"props":463,"children":464},{},[465],{"type":26,"value":466},"\n",{"type":14,"tag":80,"props":468,"children":470},{"class":82,"line":469},7,[471,475,479,483,487,491,496],{"type":14,"tag":80,"props":472,"children":473},{"class":87},[474],{"type":26,"value":109},{"type":14,"tag":80,"props":476,"children":477},{"class":93},[478],{"type":26,"value":114},{"type":14,"tag":80,"props":480,"children":481},{"class":87},[482],{"type":26,"value":119},{"type":14,"tag":80,"props":484,"children":485},{"class":122},[486],{"type":26,"value":125},{"type":14,"tag":80,"props":488,"children":489},{"class":87},[490],{"type":26,"value":130},{"type":14,"tag":80,"props":492,"children":493},{"class":133},[494],{"type":26,"value":495},"\"_display:flex! _flex-direction:row-reverse!\"",{"type":14,"tag":80,"props":497,"children":498},{"class":87},[499],{"type":26,"value":100},{"type":14,"tag":80,"props":501,"children":503},{"class":82,"line":502},8,[504,508,512,516,520],{"type":14,"tag":80,"props":505,"children":506},{"class":87},[507],{"type":26,"value":398},{"type":14,"tag":80,"props":509,"children":510},{"class":93},[511],{"type":26,"value":114},{"type":14,"tag":80,"props":513,"children":514},{"class":87},[515],{"type":26,"value":407},{"type":14,"tag":80,"props":517,"children":518},{"class":93},[519],{"type":26,"value":114},{"type":14,"tag":80,"props":521,"children":522},{"class":87},[523],{"type":26,"value":100},{"type":14,"tag":80,"props":525,"children":527},{"class":82,"line":526},9,[528,532,536,540,544],{"type":14,"tag":80,"props":529,"children":530},{"class":87},[531],{"type":26,"value":398},{"type":14,"tag":80,"props":533,"children":534},{"class":93},[535],{"type":26,"value":114},{"type":14,"tag":80,"props":537,"children":538},{"class":87},[539],{"type":26,"value":432},{"type":14,"tag":80,"props":541,"children":542},{"class":93},[543],{"type":26,"value":114},{"type":14,"tag":80,"props":545,"children":546},{"class":87},[547],{"type":26,"value":100},{"type":14,"tag":80,"props":549,"children":551},{"class":82,"line":550},10,[552,556,560],{"type":14,"tag":80,"props":553,"children":554},{"class":87},[555],{"type":26,"value":449},{"type":14,"tag":80,"props":557,"children":558},{"class":93},[559],{"type":26,"value":114},{"type":14,"tag":80,"props":561,"children":562},{"class":87},[563],{"type":26,"value":100},{"type":14,"tag":80,"props":565,"children":567},{"class":82,"line":566},11,[568,572,576],{"type":14,"tag":80,"props":569,"children":570},{"class":87},[571],{"type":26,"value":158},{"type":14,"tag":80,"props":573,"children":574},{"class":93},[575],{"type":26,"value":53},{"type":14,"tag":80,"props":577,"children":578},{"class":87},[579],{"type":26,"value":167},{"type":14,"tag":309,"props":581,"children":583},{"id":582},"column-direction",[584],{"type":26,"value":585},"Column Direction",{"type":14,"tag":28,"props":587,"children":588},{},[589],{"type":26,"value":590},"Setting a column direction will cause the flexbox items to flow vertically.",{"type":14,"tag":49,"props":592,"children":593},{},[594,601],{"type":14,"tag":53,"props":595,"children":596},{"v-slot:preview":7},[597],{"type":14,"tag":57,"props":598,"children":600},{"src":599},"/stories/utilities/flex/flex-direction-column",[],{"type":14,"tag":53,"props":602,"children":603},{"v-slot:vue":7},[604],{"type":14,"tag":65,"props":605,"children":608},{"className":606,"code":607,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex! _flex-direction:column!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _flex-direction:column-reverse!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[609],{"type":14,"tag":73,"props":610,"children":611},{},[612],{"type":14,"tag":65,"props":613,"children":614},{"__ignoreMap":7},[615,630,662,685,708,723,730,762,785,808,823],{"type":14,"tag":80,"props":616,"children":617},{"class":82,"line":83},[618,622,626],{"type":14,"tag":80,"props":619,"children":620},{"class":87},[621],{"type":26,"value":90},{"type":14,"tag":80,"props":623,"children":624},{"class":93},[625],{"type":26,"value":53},{"type":14,"tag":80,"props":627,"children":628},{"class":87},[629],{"type":26,"value":100},{"type":14,"tag":80,"props":631,"children":632},{"class":82,"line":103},[633,637,641,645,649,653,658],{"type":14,"tag":80,"props":634,"children":635},{"class":87},[636],{"type":26,"value":109},{"type":14,"tag":80,"props":638,"children":639},{"class":93},[640],{"type":26,"value":114},{"type":14,"tag":80,"props":642,"children":643},{"class":87},[644],{"type":26,"value":119},{"type":14,"tag":80,"props":646,"children":647},{"class":122},[648],{"type":26,"value":125},{"type":14,"tag":80,"props":650,"children":651},{"class":87},[652],{"type":26,"value":130},{"type":14,"tag":80,"props":654,"children":655},{"class":133},[656],{"type":26,"value":657},"\"_display:flex! _flex-direction:column!\"",{"type":14,"tag":80,"props":659,"children":660},{"class":87},[661],{"type":26,"value":100},{"type":14,"tag":80,"props":663,"children":664},{"class":82,"line":152},[665,669,673,677,681],{"type":14,"tag":80,"props":666,"children":667},{"class":87},[668],{"type":26,"value":398},{"type":14,"tag":80,"props":670,"children":671},{"class":93},[672],{"type":26,"value":114},{"type":14,"tag":80,"props":674,"children":675},{"class":87},[676],{"type":26,"value":407},{"type":14,"tag":80,"props":678,"children":679},{"class":93},[680],{"type":26,"value":114},{"type":14,"tag":80,"props":682,"children":683},{"class":87},[684],{"type":26,"value":100},{"type":14,"tag":80,"props":686,"children":687},{"class":82,"line":418},[688,692,696,700,704],{"type":14,"tag":80,"props":689,"children":690},{"class":87},[691],{"type":26,"value":398},{"type":14,"tag":80,"props":693,"children":694},{"class":93},[695],{"type":26,"value":114},{"type":14,"tag":80,"props":697,"children":698},{"class":87},[699],{"type":26,"value":432},{"type":14,"tag":80,"props":701,"children":702},{"class":93},[703],{"type":26,"value":114},{"type":14,"tag":80,"props":705,"children":706},{"class":87},[707],{"type":26,"value":100},{"type":14,"tag":80,"props":709,"children":710},{"class":82,"line":443},[711,715,719],{"type":14,"tag":80,"props":712,"children":713},{"class":87},[714],{"type":26,"value":449},{"type":14,"tag":80,"props":716,"children":717},{"class":93},[718],{"type":26,"value":114},{"type":14,"tag":80,"props":720,"children":721},{"class":87},[722],{"type":26,"value":100},{"type":14,"tag":80,"props":724,"children":725},{"class":82,"line":460},[726],{"type":14,"tag":80,"props":727,"children":728},{},[729],{"type":26,"value":466},{"type":14,"tag":80,"props":731,"children":732},{"class":82,"line":469},[733,737,741,745,749,753,758],{"type":14,"tag":80,"props":734,"children":735},{"class":87},[736],{"type":26,"value":109},{"type":14,"tag":80,"props":738,"children":739},{"class":93},[740],{"type":26,"value":114},{"type":14,"tag":80,"props":742,"children":743},{"class":87},[744],{"type":26,"value":119},{"type":14,"tag":80,"props":746,"children":747},{"class":122},[748],{"type":26,"value":125},{"type":14,"tag":80,"props":750,"children":751},{"class":87},[752],{"type":26,"value":130},{"type":14,"tag":80,"props":754,"children":755},{"class":133},[756],{"type":26,"value":757},"\"_display:flex! _flex-direction:column-reverse!\"",{"type":14,"tag":80,"props":759,"children":760},{"class":87},[761],{"type":26,"value":100},{"type":14,"tag":80,"props":763,"children":764},{"class":82,"line":502},[765,769,773,777,781],{"type":14,"tag":80,"props":766,"children":767},{"class":87},[768],{"type":26,"value":398},{"type":14,"tag":80,"props":770,"children":771},{"class":93},[772],{"type":26,"value":114},{"type":14,"tag":80,"props":774,"children":775},{"class":87},[776],{"type":26,"value":407},{"type":14,"tag":80,"props":778,"children":779},{"class":93},[780],{"type":26,"value":114},{"type":14,"tag":80,"props":782,"children":783},{"class":87},[784],{"type":26,"value":100},{"type":14,"tag":80,"props":786,"children":787},{"class":82,"line":526},[788,792,796,800,804],{"type":14,"tag":80,"props":789,"children":790},{"class":87},[791],{"type":26,"value":398},{"type":14,"tag":80,"props":793,"children":794},{"class":93},[795],{"type":26,"value":114},{"type":14,"tag":80,"props":797,"children":798},{"class":87},[799],{"type":26,"value":432},{"type":14,"tag":80,"props":801,"children":802},{"class":93},[803],{"type":26,"value":114},{"type":14,"tag":80,"props":805,"children":806},{"class":87},[807],{"type":26,"value":100},{"type":14,"tag":80,"props":809,"children":810},{"class":82,"line":550},[811,815,819],{"type":14,"tag":80,"props":812,"children":813},{"class":87},[814],{"type":26,"value":449},{"type":14,"tag":80,"props":816,"children":817},{"class":93},[818],{"type":26,"value":114},{"type":14,"tag":80,"props":820,"children":821},{"class":87},[822],{"type":26,"value":100},{"type":14,"tag":80,"props":824,"children":825},{"class":82,"line":566},[826,830,834],{"type":14,"tag":80,"props":827,"children":828},{"class":87},[829],{"type":26,"value":158},{"type":14,"tag":80,"props":831,"children":832},{"class":93},[833],{"type":26,"value":53},{"type":14,"tag":80,"props":835,"children":836},{"class":87},[837],{"type":26,"value":167},{"type":14,"tag":28,"props":839,"children":840},{},[841],{"type":26,"value":842},"Flexbox direction utilities can also be applied responsively. Here are the available helper classes::",{"type":14,"tag":269,"props":844,"children":845},{},[846,854,862,870],{"type":14,"tag":273,"props":847,"children":848},{},[849],{"type":14,"tag":34,"props":850,"children":851},{},[852],{"type":26,"value":853},"._flex-direction:row",{"type":14,"tag":273,"props":855,"children":856},{},[857],{"type":14,"tag":34,"props":858,"children":859},{},[860],{"type":26,"value":861},"._flex-direction:row-reverse",{"type":14,"tag":273,"props":863,"children":864},{},[865],{"type":14,"tag":34,"props":866,"children":867},{},[868],{"type":26,"value":869},"._flex-direction:column",{"type":14,"tag":273,"props":871,"children":872},{},[873],{"type":14,"tag":34,"props":874,"children":875},{},[876],{"type":26,"value":877},"._flex-direction:column-reverse",{"type":14,"tag":290,"props":879,"children":881},{"id":880},"justify-content",[882],{"type":26,"value":883},"Justify Content",{"type":14,"tag":28,"props":885,"children":886},{},[887,889,894,896,900,902,907],{"type":26,"value":888},"Use ",{"type":14,"tag":34,"props":890,"children":891},{},[892],{"type":26,"value":893},"_justify-content",{"type":26,"value":895}," utilities on flexbox containers to change the alignment of flex items on the main axis (the x-axis if ",{"type":14,"tag":34,"props":897,"children":898},{},[899],{"type":26,"value":305},{"type":26,"value":901},", y-axis if ",{"type":14,"tag":34,"props":903,"children":904},{},[905],{"type":26,"value":906},"flex-direction: column",{"type":26,"value":908},").",{"type":14,"tag":49,"props":910,"children":911},{},[912,919],{"type":14,"tag":53,"props":913,"children":914},{"v-slot:preview":7},[915],{"type":14,"tag":57,"props":916,"children":918},{"src":917},"/stories/utilities/flex/justify-content",[],{"type":14,"tag":53,"props":920,"children":921},{"v-slot:vue":7},[922],{"type":14,"tag":65,"props":923,"children":926},{"className":924,"code":925,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex! _justify-content:start!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _justify-content:center!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _justify-content:end!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _justify-content:space-between!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _justify-content:space-around!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[927],{"type":14,"tag":73,"props":928,"children":929},{},[930],{"type":14,"tag":65,"props":931,"children":932},{"__ignoreMap":7},[933,948,980,1003,1026,1050,1065,1072,1104,1127,1150,1173,1189,1197,1230,1254,1278,1302,1318,1326,1359,1383,1407,1431,1447,1455,1488,1512,1536,1560,1576],{"type":14,"tag":80,"props":934,"children":935},{"class":82,"line":83},[936,940,944],{"type":14,"tag":80,"props":937,"children":938},{"class":87},[939],{"type":26,"value":90},{"type":14,"tag":80,"props":941,"children":942},{"class":93},[943],{"type":26,"value":53},{"type":14,"tag":80,"props":945,"children":946},{"class":87},[947],{"type":26,"value":100},{"type":14,"tag":80,"props":949,"children":950},{"class":82,"line":103},[951,955,959,963,967,971,976],{"type":14,"tag":80,"props":952,"children":953},{"class":87},[954],{"type":26,"value":109},{"type":14,"tag":80,"props":956,"children":957},{"class":93},[958],{"type":26,"value":114},{"type":14,"tag":80,"props":960,"children":961},{"class":87},[962],{"type":26,"value":119},{"type":14,"tag":80,"props":964,"children":965},{"class":122},[966],{"type":26,"value":125},{"type":14,"tag":80,"props":968,"children":969},{"class":87},[970],{"type":26,"value":130},{"type":14,"tag":80,"props":972,"children":973},{"class":133},[974],{"type":26,"value":975},"\"_display:flex! _justify-content:start!\"",{"type":14,"tag":80,"props":977,"children":978},{"class":87},[979],{"type":26,"value":100},{"type":14,"tag":80,"props":981,"children":982},{"class":82,"line":152},[983,987,991,995,999],{"type":14,"tag":80,"props":984,"children":985},{"class":87},[986],{"type":26,"value":398},{"type":14,"tag":80,"props":988,"children":989},{"class":93},[990],{"type":26,"value":114},{"type":14,"tag":80,"props":992,"children":993},{"class":87},[994],{"type":26,"value":407},{"type":14,"tag":80,"props":996,"children":997},{"class":93},[998],{"type":26,"value":114},{"type":14,"tag":80,"props":1000,"children":1001},{"class":87},[1002],{"type":26,"value":100},{"type":14,"tag":80,"props":1004,"children":1005},{"class":82,"line":418},[1006,1010,1014,1018,1022],{"type":14,"tag":80,"props":1007,"children":1008},{"class":87},[1009],{"type":26,"value":398},{"type":14,"tag":80,"props":1011,"children":1012},{"class":93},[1013],{"type":26,"value":114},{"type":14,"tag":80,"props":1015,"children":1016},{"class":87},[1017],{"type":26,"value":432},{"type":14,"tag":80,"props":1019,"children":1020},{"class":93},[1021],{"type":26,"value":114},{"type":14,"tag":80,"props":1023,"children":1024},{"class":87},[1025],{"type":26,"value":100},{"type":14,"tag":80,"props":1027,"children":1028},{"class":82,"line":443},[1029,1033,1037,1042,1046],{"type":14,"tag":80,"props":1030,"children":1031},{"class":87},[1032],{"type":26,"value":398},{"type":14,"tag":80,"props":1034,"children":1035},{"class":93},[1036],{"type":26,"value":114},{"type":14,"tag":80,"props":1038,"children":1039},{"class":87},[1040],{"type":26,"value":1041},">Flex Item 3\u003C/",{"type":14,"tag":80,"props":1043,"children":1044},{"class":93},[1045],{"type":26,"value":114},{"type":14,"tag":80,"props":1047,"children":1048},{"class":87},[1049],{"type":26,"value":100},{"type":14,"tag":80,"props":1051,"children":1052},{"class":82,"line":460},[1053,1057,1061],{"type":14,"tag":80,"props":1054,"children":1055},{"class":87},[1056],{"type":26,"value":449},{"type":14,"tag":80,"props":1058,"children":1059},{"class":93},[1060],{"type":26,"value":114},{"type":14,"tag":80,"props":1062,"children":1063},{"class":87},[1064],{"type":26,"value":100},{"type":14,"tag":80,"props":1066,"children":1067},{"class":82,"line":469},[1068],{"type":14,"tag":80,"props":1069,"children":1070},{},[1071],{"type":26,"value":466},{"type":14,"tag":80,"props":1073,"children":1074},{"class":82,"line":502},[1075,1079,1083,1087,1091,1095,1100],{"type":14,"tag":80,"props":1076,"children":1077},{"class":87},[1078],{"type":26,"value":109},{"type":14,"tag":80,"props":1080,"children":1081},{"class":93},[1082],{"type":26,"value":114},{"type":14,"tag":80,"props":1084,"children":1085},{"class":87},[1086],{"type":26,"value":119},{"type":14,"tag":80,"props":1088,"children":1089},{"class":122},[1090],{"type":26,"value":125},{"type":14,"tag":80,"props":1092,"children":1093},{"class":87},[1094],{"type":26,"value":130},{"type":14,"tag":80,"props":1096,"children":1097},{"class":133},[1098],{"type":26,"value":1099},"\"_display:flex! _justify-content:center!\"",{"type":14,"tag":80,"props":1101,"children":1102},{"class":87},[1103],{"type":26,"value":100},{"type":14,"tag":80,"props":1105,"children":1106},{"class":82,"line":526},[1107,1111,1115,1119,1123],{"type":14,"tag":80,"props":1108,"children":1109},{"class":87},[1110],{"type":26,"value":398},{"type":14,"tag":80,"props":1112,"children":1113},{"class":93},[1114],{"type":26,"value":114},{"type":14,"tag":80,"props":1116,"children":1117},{"class":87},[1118],{"type":26,"value":407},{"type":14,"tag":80,"props":1120,"children":1121},{"class":93},[1122],{"type":26,"value":114},{"type":14,"tag":80,"props":1124,"children":1125},{"class":87},[1126],{"type":26,"value":100},{"type":14,"tag":80,"props":1128,"children":1129},{"class":82,"line":550},[1130,1134,1138,1142,1146],{"type":14,"tag":80,"props":1131,"children":1132},{"class":87},[1133],{"type":26,"value":398},{"type":14,"tag":80,"props":1135,"children":1136},{"class":93},[1137],{"type":26,"value":114},{"type":14,"tag":80,"props":1139,"children":1140},{"class":87},[1141],{"type":26,"value":432},{"type":14,"tag":80,"props":1143,"children":1144},{"class":93},[1145],{"type":26,"value":114},{"type":14,"tag":80,"props":1147,"children":1148},{"class":87},[1149],{"type":26,"value":100},{"type":14,"tag":80,"props":1151,"children":1152},{"class":82,"line":566},[1153,1157,1161,1165,1169],{"type":14,"tag":80,"props":1154,"children":1155},{"class":87},[1156],{"type":26,"value":398},{"type":14,"tag":80,"props":1158,"children":1159},{"class":93},[1160],{"type":26,"value":114},{"type":14,"tag":80,"props":1162,"children":1163},{"class":87},[1164],{"type":26,"value":1041},{"type":14,"tag":80,"props":1166,"children":1167},{"class":93},[1168],{"type":26,"value":114},{"type":14,"tag":80,"props":1170,"children":1171},{"class":87},[1172],{"type":26,"value":100},{"type":14,"tag":80,"props":1174,"children":1176},{"class":82,"line":1175},12,[1177,1181,1185],{"type":14,"tag":80,"props":1178,"children":1179},{"class":87},[1180],{"type":26,"value":449},{"type":14,"tag":80,"props":1182,"children":1183},{"class":93},[1184],{"type":26,"value":114},{"type":14,"tag":80,"props":1186,"children":1187},{"class":87},[1188],{"type":26,"value":100},{"type":14,"tag":80,"props":1190,"children":1192},{"class":82,"line":1191},13,[1193],{"type":14,"tag":80,"props":1194,"children":1195},{},[1196],{"type":26,"value":466},{"type":14,"tag":80,"props":1198,"children":1200},{"class":82,"line":1199},14,[1201,1205,1209,1213,1217,1221,1226],{"type":14,"tag":80,"props":1202,"children":1203},{"class":87},[1204],{"type":26,"value":109},{"type":14,"tag":80,"props":1206,"children":1207},{"class":93},[1208],{"type":26,"value":114},{"type":14,"tag":80,"props":1210,"children":1211},{"class":87},[1212],{"type":26,"value":119},{"type":14,"tag":80,"props":1214,"children":1215},{"class":122},[1216],{"type":26,"value":125},{"type":14,"tag":80,"props":1218,"children":1219},{"class":87},[1220],{"type":26,"value":130},{"type":14,"tag":80,"props":1222,"children":1223},{"class":133},[1224],{"type":26,"value":1225},"\"_display:flex! _justify-content:end!\"",{"type":14,"tag":80,"props":1227,"children":1228},{"class":87},[1229],{"type":26,"value":100},{"type":14,"tag":80,"props":1231,"children":1233},{"class":82,"line":1232},15,[1234,1238,1242,1246,1250],{"type":14,"tag":80,"props":1235,"children":1236},{"class":87},[1237],{"type":26,"value":398},{"type":14,"tag":80,"props":1239,"children":1240},{"class":93},[1241],{"type":26,"value":114},{"type":14,"tag":80,"props":1243,"children":1244},{"class":87},[1245],{"type":26,"value":407},{"type":14,"tag":80,"props":1247,"children":1248},{"class":93},[1249],{"type":26,"value":114},{"type":14,"tag":80,"props":1251,"children":1252},{"class":87},[1253],{"type":26,"value":100},{"type":14,"tag":80,"props":1255,"children":1257},{"class":82,"line":1256},16,[1258,1262,1266,1270,1274],{"type":14,"tag":80,"props":1259,"children":1260},{"class":87},[1261],{"type":26,"value":398},{"type":14,"tag":80,"props":1263,"children":1264},{"class":93},[1265],{"type":26,"value":114},{"type":14,"tag":80,"props":1267,"children":1268},{"class":87},[1269],{"type":26,"value":432},{"type":14,"tag":80,"props":1271,"children":1272},{"class":93},[1273],{"type":26,"value":114},{"type":14,"tag":80,"props":1275,"children":1276},{"class":87},[1277],{"type":26,"value":100},{"type":14,"tag":80,"props":1279,"children":1281},{"class":82,"line":1280},17,[1282,1286,1290,1294,1298],{"type":14,"tag":80,"props":1283,"children":1284},{"class":87},[1285],{"type":26,"value":398},{"type":14,"tag":80,"props":1287,"children":1288},{"class":93},[1289],{"type":26,"value":114},{"type":14,"tag":80,"props":1291,"children":1292},{"class":87},[1293],{"type":26,"value":1041},{"type":14,"tag":80,"props":1295,"children":1296},{"class":93},[1297],{"type":26,"value":114},{"type":14,"tag":80,"props":1299,"children":1300},{"class":87},[1301],{"type":26,"value":100},{"type":14,"tag":80,"props":1303,"children":1305},{"class":82,"line":1304},18,[1306,1310,1314],{"type":14,"tag":80,"props":1307,"children":1308},{"class":87},[1309],{"type":26,"value":449},{"type":14,"tag":80,"props":1311,"children":1312},{"class":93},[1313],{"type":26,"value":114},{"type":14,"tag":80,"props":1315,"children":1316},{"class":87},[1317],{"type":26,"value":100},{"type":14,"tag":80,"props":1319,"children":1321},{"class":82,"line":1320},19,[1322],{"type":14,"tag":80,"props":1323,"children":1324},{},[1325],{"type":26,"value":466},{"type":14,"tag":80,"props":1327,"children":1329},{"class":82,"line":1328},20,[1330,1334,1338,1342,1346,1350,1355],{"type":14,"tag":80,"props":1331,"children":1332},{"class":87},[1333],{"type":26,"value":109},{"type":14,"tag":80,"props":1335,"children":1336},{"class":93},[1337],{"type":26,"value":114},{"type":14,"tag":80,"props":1339,"children":1340},{"class":87},[1341],{"type":26,"value":119},{"type":14,"tag":80,"props":1343,"children":1344},{"class":122},[1345],{"type":26,"value":125},{"type":14,"tag":80,"props":1347,"children":1348},{"class":87},[1349],{"type":26,"value":130},{"type":14,"tag":80,"props":1351,"children":1352},{"class":133},[1353],{"type":26,"value":1354},"\"_display:flex! _justify-content:space-between!\"",{"type":14,"tag":80,"props":1356,"children":1357},{"class":87},[1358],{"type":26,"value":100},{"type":14,"tag":80,"props":1360,"children":1362},{"class":82,"line":1361},21,[1363,1367,1371,1375,1379],{"type":14,"tag":80,"props":1364,"children":1365},{"class":87},[1366],{"type":26,"value":398},{"type":14,"tag":80,"props":1368,"children":1369},{"class":93},[1370],{"type":26,"value":114},{"type":14,"tag":80,"props":1372,"children":1373},{"class":87},[1374],{"type":26,"value":407},{"type":14,"tag":80,"props":1376,"children":1377},{"class":93},[1378],{"type":26,"value":114},{"type":14,"tag":80,"props":1380,"children":1381},{"class":87},[1382],{"type":26,"value":100},{"type":14,"tag":80,"props":1384,"children":1386},{"class":82,"line":1385},22,[1387,1391,1395,1399,1403],{"type":14,"tag":80,"props":1388,"children":1389},{"class":87},[1390],{"type":26,"value":398},{"type":14,"tag":80,"props":1392,"children":1393},{"class":93},[1394],{"type":26,"value":114},{"type":14,"tag":80,"props":1396,"children":1397},{"class":87},[1398],{"type":26,"value":432},{"type":14,"tag":80,"props":1400,"children":1401},{"class":93},[1402],{"type":26,"value":114},{"type":14,"tag":80,"props":1404,"children":1405},{"class":87},[1406],{"type":26,"value":100},{"type":14,"tag":80,"props":1408,"children":1410},{"class":82,"line":1409},23,[1411,1415,1419,1423,1427],{"type":14,"tag":80,"props":1412,"children":1413},{"class":87},[1414],{"type":26,"value":398},{"type":14,"tag":80,"props":1416,"children":1417},{"class":93},[1418],{"type":26,"value":114},{"type":14,"tag":80,"props":1420,"children":1421},{"class":87},[1422],{"type":26,"value":1041},{"type":14,"tag":80,"props":1424,"children":1425},{"class":93},[1426],{"type":26,"value":114},{"type":14,"tag":80,"props":1428,"children":1429},{"class":87},[1430],{"type":26,"value":100},{"type":14,"tag":80,"props":1432,"children":1434},{"class":82,"line":1433},24,[1435,1439,1443],{"type":14,"tag":80,"props":1436,"children":1437},{"class":87},[1438],{"type":26,"value":449},{"type":14,"tag":80,"props":1440,"children":1441},{"class":93},[1442],{"type":26,"value":114},{"type":14,"tag":80,"props":1444,"children":1445},{"class":87},[1446],{"type":26,"value":100},{"type":14,"tag":80,"props":1448,"children":1450},{"class":82,"line":1449},25,[1451],{"type":14,"tag":80,"props":1452,"children":1453},{},[1454],{"type":26,"value":466},{"type":14,"tag":80,"props":1456,"children":1458},{"class":82,"line":1457},26,[1459,1463,1467,1471,1475,1479,1484],{"type":14,"tag":80,"props":1460,"children":1461},{"class":87},[1462],{"type":26,"value":109},{"type":14,"tag":80,"props":1464,"children":1465},{"class":93},[1466],{"type":26,"value":114},{"type":14,"tag":80,"props":1468,"children":1469},{"class":87},[1470],{"type":26,"value":119},{"type":14,"tag":80,"props":1472,"children":1473},{"class":122},[1474],{"type":26,"value":125},{"type":14,"tag":80,"props":1476,"children":1477},{"class":87},[1478],{"type":26,"value":130},{"type":14,"tag":80,"props":1480,"children":1481},{"class":133},[1482],{"type":26,"value":1483},"\"_display:flex! _justify-content:space-around!\"",{"type":14,"tag":80,"props":1485,"children":1486},{"class":87},[1487],{"type":26,"value":100},{"type":14,"tag":80,"props":1489,"children":1491},{"class":82,"line":1490},27,[1492,1496,1500,1504,1508],{"type":14,"tag":80,"props":1493,"children":1494},{"class":87},[1495],{"type":26,"value":398},{"type":14,"tag":80,"props":1497,"children":1498},{"class":93},[1499],{"type":26,"value":114},{"type":14,"tag":80,"props":1501,"children":1502},{"class":87},[1503],{"type":26,"value":407},{"type":14,"tag":80,"props":1505,"children":1506},{"class":93},[1507],{"type":26,"value":114},{"type":14,"tag":80,"props":1509,"children":1510},{"class":87},[1511],{"type":26,"value":100},{"type":14,"tag":80,"props":1513,"children":1515},{"class":82,"line":1514},28,[1516,1520,1524,1528,1532],{"type":14,"tag":80,"props":1517,"children":1518},{"class":87},[1519],{"type":26,"value":398},{"type":14,"tag":80,"props":1521,"children":1522},{"class":93},[1523],{"type":26,"value":114},{"type":14,"tag":80,"props":1525,"children":1526},{"class":87},[1527],{"type":26,"value":432},{"type":14,"tag":80,"props":1529,"children":1530},{"class":93},[1531],{"type":26,"value":114},{"type":14,"tag":80,"props":1533,"children":1534},{"class":87},[1535],{"type":26,"value":100},{"type":14,"tag":80,"props":1537,"children":1539},{"class":82,"line":1538},29,[1540,1544,1548,1552,1556],{"type":14,"tag":80,"props":1541,"children":1542},{"class":87},[1543],{"type":26,"value":398},{"type":14,"tag":80,"props":1545,"children":1546},{"class":93},[1547],{"type":26,"value":114},{"type":14,"tag":80,"props":1549,"children":1550},{"class":87},[1551],{"type":26,"value":1041},{"type":14,"tag":80,"props":1553,"children":1554},{"class":93},[1555],{"type":26,"value":114},{"type":14,"tag":80,"props":1557,"children":1558},{"class":87},[1559],{"type":26,"value":100},{"type":14,"tag":80,"props":1561,"children":1563},{"class":82,"line":1562},30,[1564,1568,1572],{"type":14,"tag":80,"props":1565,"children":1566},{"class":87},[1567],{"type":26,"value":449},{"type":14,"tag":80,"props":1569,"children":1570},{"class":93},[1571],{"type":26,"value":114},{"type":14,"tag":80,"props":1573,"children":1574},{"class":87},[1575],{"type":26,"value":100},{"type":14,"tag":80,"props":1577,"children":1579},{"class":82,"line":1578},31,[1580,1584,1588],{"type":14,"tag":80,"props":1581,"children":1582},{"class":87},[1583],{"type":26,"value":158},{"type":14,"tag":80,"props":1585,"children":1586},{"class":93},[1587],{"type":26,"value":53},{"type":14,"tag":80,"props":1589,"children":1590},{"class":87},[1591],{"type":26,"value":167},{"type":14,"tag":28,"props":1593,"children":1594},{},[1595],{"type":26,"value":1596},"Flexbox justify content utilities can also be applied responsively. Here are the available helper classes::",{"type":14,"tag":269,"props":1598,"children":1599},{},[1600,1615,1629,1637,1645],{"type":14,"tag":273,"props":1601,"children":1602},{},[1603,1608,1610],{"type":14,"tag":34,"props":1604,"children":1605},{},[1606],{"type":26,"value":1607},"._justify-content:start",{"type":26,"value":1609}," or ",{"type":14,"tag":34,"props":1611,"children":1612},{},[1613],{"type":26,"value":1614},"._justify-content:flex-start",{"type":14,"tag":273,"props":1616,"children":1617},{},[1618,1623,1624],{"type":14,"tag":34,"props":1619,"children":1620},{},[1621],{"type":26,"value":1622},"._justify-content:end",{"type":26,"value":1609},{"type":14,"tag":34,"props":1625,"children":1626},{},[1627],{"type":26,"value":1628},"._justify-content:flex-end",{"type":14,"tag":273,"props":1630,"children":1631},{},[1632],{"type":14,"tag":34,"props":1633,"children":1634},{},[1635],{"type":26,"value":1636},"._justify-content:center",{"type":14,"tag":273,"props":1638,"children":1639},{},[1640],{"type":14,"tag":34,"props":1641,"children":1642},{},[1643],{"type":26,"value":1644},"._justify-content:space-between",{"type":14,"tag":273,"props":1646,"children":1647},{},[1648],{"type":14,"tag":34,"props":1649,"children":1650},{},[1651],{"type":26,"value":1652},"._justify-content:space-around",{"type":14,"tag":290,"props":1654,"children":1656},{"id":1655},"align-items",[1657],{"type":26,"value":1658},"Align Items",{"type":14,"tag":28,"props":1660,"children":1661},{},[1662,1663,1668,1670,1674,1676,1680],{"type":26,"value":888},{"type":14,"tag":34,"props":1664,"children":1665},{},[1666],{"type":26,"value":1667},"_align-items",{"type":26,"value":1669}," utilities on flexbox containers to change the alignment of flex items on the secondary axis (the y-axis if ",{"type":14,"tag":34,"props":1671,"children":1672},{},[1673],{"type":26,"value":305},{"type":26,"value":1675},", x-axis if ",{"type":14,"tag":34,"props":1677,"children":1678},{},[1679],{"type":26,"value":906},{"type":26,"value":908},{"type":14,"tag":49,"props":1682,"children":1683},{},[1684,1691],{"type":14,"tag":53,"props":1685,"children":1686},{"v-slot:preview":7},[1687],{"type":14,"tag":57,"props":1688,"children":1690},{"src":1689},"/stories/utilities/flex/align-items",[],{"type":14,"tag":53,"props":1692,"children":1693},{"v-slot:vue":7},[1694],{"type":14,"tag":65,"props":1695,"children":1698},{"className":1696,"code":1697,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex! _align-items:start!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _align-items:center!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _align-items:end!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _align-items:baseline!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _align-items:stretch!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[1699],{"type":14,"tag":73,"props":1700,"children":1701},{},[1702],{"type":14,"tag":65,"props":1703,"children":1704},{"__ignoreMap":7},[1705,1720,1752,1775,1798,1821,1836,1843,1875,1898,1921,1944,1959,1966,1998,2021,2044,2067,2082,2089,2121,2144,2167,2190,2205,2212,2244,2267,2290,2313,2328],{"type":14,"tag":80,"props":1706,"children":1707},{"class":82,"line":83},[1708,1712,1716],{"type":14,"tag":80,"props":1709,"children":1710},{"class":87},[1711],{"type":26,"value":90},{"type":14,"tag":80,"props":1713,"children":1714},{"class":93},[1715],{"type":26,"value":53},{"type":14,"tag":80,"props":1717,"children":1718},{"class":87},[1719],{"type":26,"value":100},{"type":14,"tag":80,"props":1721,"children":1722},{"class":82,"line":103},[1723,1727,1731,1735,1739,1743,1748],{"type":14,"tag":80,"props":1724,"children":1725},{"class":87},[1726],{"type":26,"value":109},{"type":14,"tag":80,"props":1728,"children":1729},{"class":93},[1730],{"type":26,"value":114},{"type":14,"tag":80,"props":1732,"children":1733},{"class":87},[1734],{"type":26,"value":119},{"type":14,"tag":80,"props":1736,"children":1737},{"class":122},[1738],{"type":26,"value":125},{"type":14,"tag":80,"props":1740,"children":1741},{"class":87},[1742],{"type":26,"value":130},{"type":14,"tag":80,"props":1744,"children":1745},{"class":133},[1746],{"type":26,"value":1747},"\"_display:flex! _align-items:start!\"",{"type":14,"tag":80,"props":1749,"children":1750},{"class":87},[1751],{"type":26,"value":100},{"type":14,"tag":80,"props":1753,"children":1754},{"class":82,"line":152},[1755,1759,1763,1767,1771],{"type":14,"tag":80,"props":1756,"children":1757},{"class":87},[1758],{"type":26,"value":398},{"type":14,"tag":80,"props":1760,"children":1761},{"class":93},[1762],{"type":26,"value":114},{"type":14,"tag":80,"props":1764,"children":1765},{"class":87},[1766],{"type":26,"value":407},{"type":14,"tag":80,"props":1768,"children":1769},{"class":93},[1770],{"type":26,"value":114},{"type":14,"tag":80,"props":1772,"children":1773},{"class":87},[1774],{"type":26,"value":100},{"type":14,"tag":80,"props":1776,"children":1777},{"class":82,"line":418},[1778,1782,1786,1790,1794],{"type":14,"tag":80,"props":1779,"children":1780},{"class":87},[1781],{"type":26,"value":398},{"type":14,"tag":80,"props":1783,"children":1784},{"class":93},[1785],{"type":26,"value":114},{"type":14,"tag":80,"props":1787,"children":1788},{"class":87},[1789],{"type":26,"value":432},{"type":14,"tag":80,"props":1791,"children":1792},{"class":93},[1793],{"type":26,"value":114},{"type":14,"tag":80,"props":1795,"children":1796},{"class":87},[1797],{"type":26,"value":100},{"type":14,"tag":80,"props":1799,"children":1800},{"class":82,"line":443},[1801,1805,1809,1813,1817],{"type":14,"tag":80,"props":1802,"children":1803},{"class":87},[1804],{"type":26,"value":398},{"type":14,"tag":80,"props":1806,"children":1807},{"class":93},[1808],{"type":26,"value":114},{"type":14,"tag":80,"props":1810,"children":1811},{"class":87},[1812],{"type":26,"value":1041},{"type":14,"tag":80,"props":1814,"children":1815},{"class":93},[1816],{"type":26,"value":114},{"type":14,"tag":80,"props":1818,"children":1819},{"class":87},[1820],{"type":26,"value":100},{"type":14,"tag":80,"props":1822,"children":1823},{"class":82,"line":460},[1824,1828,1832],{"type":14,"tag":80,"props":1825,"children":1826},{"class":87},[1827],{"type":26,"value":449},{"type":14,"tag":80,"props":1829,"children":1830},{"class":93},[1831],{"type":26,"value":114},{"type":14,"tag":80,"props":1833,"children":1834},{"class":87},[1835],{"type":26,"value":100},{"type":14,"tag":80,"props":1837,"children":1838},{"class":82,"line":469},[1839],{"type":14,"tag":80,"props":1840,"children":1841},{},[1842],{"type":26,"value":466},{"type":14,"tag":80,"props":1844,"children":1845},{"class":82,"line":502},[1846,1850,1854,1858,1862,1866,1871],{"type":14,"tag":80,"props":1847,"children":1848},{"class":87},[1849],{"type":26,"value":109},{"type":14,"tag":80,"props":1851,"children":1852},{"class":93},[1853],{"type":26,"value":114},{"type":14,"tag":80,"props":1855,"children":1856},{"class":87},[1857],{"type":26,"value":119},{"type":14,"tag":80,"props":1859,"children":1860},{"class":122},[1861],{"type":26,"value":125},{"type":14,"tag":80,"props":1863,"children":1864},{"class":87},[1865],{"type":26,"value":130},{"type":14,"tag":80,"props":1867,"children":1868},{"class":133},[1869],{"type":26,"value":1870},"\"_display:flex! _align-items:center!\"",{"type":14,"tag":80,"props":1872,"children":1873},{"class":87},[1874],{"type":26,"value":100},{"type":14,"tag":80,"props":1876,"children":1877},{"class":82,"line":526},[1878,1882,1886,1890,1894],{"type":14,"tag":80,"props":1879,"children":1880},{"class":87},[1881],{"type":26,"value":398},{"type":14,"tag":80,"props":1883,"children":1884},{"class":93},[1885],{"type":26,"value":114},{"type":14,"tag":80,"props":1887,"children":1888},{"class":87},[1889],{"type":26,"value":407},{"type":14,"tag":80,"props":1891,"children":1892},{"class":93},[1893],{"type":26,"value":114},{"type":14,"tag":80,"props":1895,"children":1896},{"class":87},[1897],{"type":26,"value":100},{"type":14,"tag":80,"props":1899,"children":1900},{"class":82,"line":550},[1901,1905,1909,1913,1917],{"type":14,"tag":80,"props":1902,"children":1903},{"class":87},[1904],{"type":26,"value":398},{"type":14,"tag":80,"props":1906,"children":1907},{"class":93},[1908],{"type":26,"value":114},{"type":14,"tag":80,"props":1910,"children":1911},{"class":87},[1912],{"type":26,"value":432},{"type":14,"tag":80,"props":1914,"children":1915},{"class":93},[1916],{"type":26,"value":114},{"type":14,"tag":80,"props":1918,"children":1919},{"class":87},[1920],{"type":26,"value":100},{"type":14,"tag":80,"props":1922,"children":1923},{"class":82,"line":566},[1924,1928,1932,1936,1940],{"type":14,"tag":80,"props":1925,"children":1926},{"class":87},[1927],{"type":26,"value":398},{"type":14,"tag":80,"props":1929,"children":1930},{"class":93},[1931],{"type":26,"value":114},{"type":14,"tag":80,"props":1933,"children":1934},{"class":87},[1935],{"type":26,"value":1041},{"type":14,"tag":80,"props":1937,"children":1938},{"class":93},[1939],{"type":26,"value":114},{"type":14,"tag":80,"props":1941,"children":1942},{"class":87},[1943],{"type":26,"value":100},{"type":14,"tag":80,"props":1945,"children":1946},{"class":82,"line":1175},[1947,1951,1955],{"type":14,"tag":80,"props":1948,"children":1949},{"class":87},[1950],{"type":26,"value":449},{"type":14,"tag":80,"props":1952,"children":1953},{"class":93},[1954],{"type":26,"value":114},{"type":14,"tag":80,"props":1956,"children":1957},{"class":87},[1958],{"type":26,"value":100},{"type":14,"tag":80,"props":1960,"children":1961},{"class":82,"line":1191},[1962],{"type":14,"tag":80,"props":1963,"children":1964},{},[1965],{"type":26,"value":466},{"type":14,"tag":80,"props":1967,"children":1968},{"class":82,"line":1199},[1969,1973,1977,1981,1985,1989,1994],{"type":14,"tag":80,"props":1970,"children":1971},{"class":87},[1972],{"type":26,"value":109},{"type":14,"tag":80,"props":1974,"children":1975},{"class":93},[1976],{"type":26,"value":114},{"type":14,"tag":80,"props":1978,"children":1979},{"class":87},[1980],{"type":26,"value":119},{"type":14,"tag":80,"props":1982,"children":1983},{"class":122},[1984],{"type":26,"value":125},{"type":14,"tag":80,"props":1986,"children":1987},{"class":87},[1988],{"type":26,"value":130},{"type":14,"tag":80,"props":1990,"children":1991},{"class":133},[1992],{"type":26,"value":1993},"\"_display:flex! _align-items:end!\"",{"type":14,"tag":80,"props":1995,"children":1996},{"class":87},[1997],{"type":26,"value":100},{"type":14,"tag":80,"props":1999,"children":2000},{"class":82,"line":1232},[2001,2005,2009,2013,2017],{"type":14,"tag":80,"props":2002,"children":2003},{"class":87},[2004],{"type":26,"value":398},{"type":14,"tag":80,"props":2006,"children":2007},{"class":93},[2008],{"type":26,"value":114},{"type":14,"tag":80,"props":2010,"children":2011},{"class":87},[2012],{"type":26,"value":407},{"type":14,"tag":80,"props":2014,"children":2015},{"class":93},[2016],{"type":26,"value":114},{"type":14,"tag":80,"props":2018,"children":2019},{"class":87},[2020],{"type":26,"value":100},{"type":14,"tag":80,"props":2022,"children":2023},{"class":82,"line":1256},[2024,2028,2032,2036,2040],{"type":14,"tag":80,"props":2025,"children":2026},{"class":87},[2027],{"type":26,"value":398},{"type":14,"tag":80,"props":2029,"children":2030},{"class":93},[2031],{"type":26,"value":114},{"type":14,"tag":80,"props":2033,"children":2034},{"class":87},[2035],{"type":26,"value":432},{"type":14,"tag":80,"props":2037,"children":2038},{"class":93},[2039],{"type":26,"value":114},{"type":14,"tag":80,"props":2041,"children":2042},{"class":87},[2043],{"type":26,"value":100},{"type":14,"tag":80,"props":2045,"children":2046},{"class":82,"line":1280},[2047,2051,2055,2059,2063],{"type":14,"tag":80,"props":2048,"children":2049},{"class":87},[2050],{"type":26,"value":398},{"type":14,"tag":80,"props":2052,"children":2053},{"class":93},[2054],{"type":26,"value":114},{"type":14,"tag":80,"props":2056,"children":2057},{"class":87},[2058],{"type":26,"value":1041},{"type":14,"tag":80,"props":2060,"children":2061},{"class":93},[2062],{"type":26,"value":114},{"type":14,"tag":80,"props":2064,"children":2065},{"class":87},[2066],{"type":26,"value":100},{"type":14,"tag":80,"props":2068,"children":2069},{"class":82,"line":1304},[2070,2074,2078],{"type":14,"tag":80,"props":2071,"children":2072},{"class":87},[2073],{"type":26,"value":449},{"type":14,"tag":80,"props":2075,"children":2076},{"class":93},[2077],{"type":26,"value":114},{"type":14,"tag":80,"props":2079,"children":2080},{"class":87},[2081],{"type":26,"value":100},{"type":14,"tag":80,"props":2083,"children":2084},{"class":82,"line":1320},[2085],{"type":14,"tag":80,"props":2086,"children":2087},{},[2088],{"type":26,"value":466},{"type":14,"tag":80,"props":2090,"children":2091},{"class":82,"line":1328},[2092,2096,2100,2104,2108,2112,2117],{"type":14,"tag":80,"props":2093,"children":2094},{"class":87},[2095],{"type":26,"value":109},{"type":14,"tag":80,"props":2097,"children":2098},{"class":93},[2099],{"type":26,"value":114},{"type":14,"tag":80,"props":2101,"children":2102},{"class":87},[2103],{"type":26,"value":119},{"type":14,"tag":80,"props":2105,"children":2106},{"class":122},[2107],{"type":26,"value":125},{"type":14,"tag":80,"props":2109,"children":2110},{"class":87},[2111],{"type":26,"value":130},{"type":14,"tag":80,"props":2113,"children":2114},{"class":133},[2115],{"type":26,"value":2116},"\"_display:flex! _align-items:baseline!\"",{"type":14,"tag":80,"props":2118,"children":2119},{"class":87},[2120],{"type":26,"value":100},{"type":14,"tag":80,"props":2122,"children":2123},{"class":82,"line":1361},[2124,2128,2132,2136,2140],{"type":14,"tag":80,"props":2125,"children":2126},{"class":87},[2127],{"type":26,"value":398},{"type":14,"tag":80,"props":2129,"children":2130},{"class":93},[2131],{"type":26,"value":114},{"type":14,"tag":80,"props":2133,"children":2134},{"class":87},[2135],{"type":26,"value":407},{"type":14,"tag":80,"props":2137,"children":2138},{"class":93},[2139],{"type":26,"value":114},{"type":14,"tag":80,"props":2141,"children":2142},{"class":87},[2143],{"type":26,"value":100},{"type":14,"tag":80,"props":2145,"children":2146},{"class":82,"line":1385},[2147,2151,2155,2159,2163],{"type":14,"tag":80,"props":2148,"children":2149},{"class":87},[2150],{"type":26,"value":398},{"type":14,"tag":80,"props":2152,"children":2153},{"class":93},[2154],{"type":26,"value":114},{"type":14,"tag":80,"props":2156,"children":2157},{"class":87},[2158],{"type":26,"value":432},{"type":14,"tag":80,"props":2160,"children":2161},{"class":93},[2162],{"type":26,"value":114},{"type":14,"tag":80,"props":2164,"children":2165},{"class":87},[2166],{"type":26,"value":100},{"type":14,"tag":80,"props":2168,"children":2169},{"class":82,"line":1409},[2170,2174,2178,2182,2186],{"type":14,"tag":80,"props":2171,"children":2172},{"class":87},[2173],{"type":26,"value":398},{"type":14,"tag":80,"props":2175,"children":2176},{"class":93},[2177],{"type":26,"value":114},{"type":14,"tag":80,"props":2179,"children":2180},{"class":87},[2181],{"type":26,"value":1041},{"type":14,"tag":80,"props":2183,"children":2184},{"class":93},[2185],{"type":26,"value":114},{"type":14,"tag":80,"props":2187,"children":2188},{"class":87},[2189],{"type":26,"value":100},{"type":14,"tag":80,"props":2191,"children":2192},{"class":82,"line":1433},[2193,2197,2201],{"type":14,"tag":80,"props":2194,"children":2195},{"class":87},[2196],{"type":26,"value":449},{"type":14,"tag":80,"props":2198,"children":2199},{"class":93},[2200],{"type":26,"value":114},{"type":14,"tag":80,"props":2202,"children":2203},{"class":87},[2204],{"type":26,"value":100},{"type":14,"tag":80,"props":2206,"children":2207},{"class":82,"line":1449},[2208],{"type":14,"tag":80,"props":2209,"children":2210},{},[2211],{"type":26,"value":466},{"type":14,"tag":80,"props":2213,"children":2214},{"class":82,"line":1457},[2215,2219,2223,2227,2231,2235,2240],{"type":14,"tag":80,"props":2216,"children":2217},{"class":87},[2218],{"type":26,"value":109},{"type":14,"tag":80,"props":2220,"children":2221},{"class":93},[2222],{"type":26,"value":114},{"type":14,"tag":80,"props":2224,"children":2225},{"class":87},[2226],{"type":26,"value":119},{"type":14,"tag":80,"props":2228,"children":2229},{"class":122},[2230],{"type":26,"value":125},{"type":14,"tag":80,"props":2232,"children":2233},{"class":87},[2234],{"type":26,"value":130},{"type":14,"tag":80,"props":2236,"children":2237},{"class":133},[2238],{"type":26,"value":2239},"\"_display:flex! _align-items:stretch!\"",{"type":14,"tag":80,"props":2241,"children":2242},{"class":87},[2243],{"type":26,"value":100},{"type":14,"tag":80,"props":2245,"children":2246},{"class":82,"line":1490},[2247,2251,2255,2259,2263],{"type":14,"tag":80,"props":2248,"children":2249},{"class":87},[2250],{"type":26,"value":398},{"type":14,"tag":80,"props":2252,"children":2253},{"class":93},[2254],{"type":26,"value":114},{"type":14,"tag":80,"props":2256,"children":2257},{"class":87},[2258],{"type":26,"value":407},{"type":14,"tag":80,"props":2260,"children":2261},{"class":93},[2262],{"type":26,"value":114},{"type":14,"tag":80,"props":2264,"children":2265},{"class":87},[2266],{"type":26,"value":100},{"type":14,"tag":80,"props":2268,"children":2269},{"class":82,"line":1514},[2270,2274,2278,2282,2286],{"type":14,"tag":80,"props":2271,"children":2272},{"class":87},[2273],{"type":26,"value":398},{"type":14,"tag":80,"props":2275,"children":2276},{"class":93},[2277],{"type":26,"value":114},{"type":14,"tag":80,"props":2279,"children":2280},{"class":87},[2281],{"type":26,"value":432},{"type":14,"tag":80,"props":2283,"children":2284},{"class":93},[2285],{"type":26,"value":114},{"type":14,"tag":80,"props":2287,"children":2288},{"class":87},[2289],{"type":26,"value":100},{"type":14,"tag":80,"props":2291,"children":2292},{"class":82,"line":1538},[2293,2297,2301,2305,2309],{"type":14,"tag":80,"props":2294,"children":2295},{"class":87},[2296],{"type":26,"value":398},{"type":14,"tag":80,"props":2298,"children":2299},{"class":93},[2300],{"type":26,"value":114},{"type":14,"tag":80,"props":2302,"children":2303},{"class":87},[2304],{"type":26,"value":1041},{"type":14,"tag":80,"props":2306,"children":2307},{"class":93},[2308],{"type":26,"value":114},{"type":14,"tag":80,"props":2310,"children":2311},{"class":87},[2312],{"type":26,"value":100},{"type":14,"tag":80,"props":2314,"children":2315},{"class":82,"line":1562},[2316,2320,2324],{"type":14,"tag":80,"props":2317,"children":2318},{"class":87},[2319],{"type":26,"value":449},{"type":14,"tag":80,"props":2321,"children":2322},{"class":93},[2323],{"type":26,"value":114},{"type":14,"tag":80,"props":2325,"children":2326},{"class":87},[2327],{"type":26,"value":100},{"type":14,"tag":80,"props":2329,"children":2330},{"class":82,"line":1578},[2331,2335,2339],{"type":14,"tag":80,"props":2332,"children":2333},{"class":87},[2334],{"type":26,"value":158},{"type":14,"tag":80,"props":2336,"children":2337},{"class":93},[2338],{"type":26,"value":53},{"type":14,"tag":80,"props":2340,"children":2341},{"class":87},[2342],{"type":26,"value":167},{"type":14,"tag":28,"props":2344,"children":2345},{},[2346,2352],{"type":14,"tag":2347,"props":2348,"children":2349},"strong",{},[2350],{"type":26,"value":2351},"Note:",{"type":26,"value":2353}," The wrappers of the items above have a fixed height.",{"type":14,"tag":28,"props":2355,"children":2356},{},[2357],{"type":26,"value":2358},"Flexbox align items utilities can also be applied responsively. Here are the available helper classes::",{"type":14,"tag":269,"props":2360,"children":2361},{},[2362,2376,2390,2398,2406],{"type":14,"tag":273,"props":2363,"children":2364},{},[2365,2370,2371],{"type":14,"tag":34,"props":2366,"children":2367},{},[2368],{"type":26,"value":2369},"._align-items:start",{"type":26,"value":1609},{"type":14,"tag":34,"props":2372,"children":2373},{},[2374],{"type":26,"value":2375},"._align-items:flex-start",{"type":14,"tag":273,"props":2377,"children":2378},{},[2379,2384,2385],{"type":14,"tag":34,"props":2380,"children":2381},{},[2382],{"type":26,"value":2383},"._align-items:end",{"type":26,"value":1609},{"type":14,"tag":34,"props":2386,"children":2387},{},[2388],{"type":26,"value":2389},"._align-items:flex-end",{"type":14,"tag":273,"props":2391,"children":2392},{},[2393],{"type":14,"tag":34,"props":2394,"children":2395},{},[2396],{"type":26,"value":2397},"._align-items:center",{"type":14,"tag":273,"props":2399,"children":2400},{},[2401],{"type":14,"tag":34,"props":2402,"children":2403},{},[2404],{"type":26,"value":2405},"._align-items:baseline",{"type":14,"tag":273,"props":2407,"children":2408},{},[2409],{"type":14,"tag":34,"props":2410,"children":2411},{},[2412],{"type":26,"value":2413},"._align-items:stretch",{"type":14,"tag":290,"props":2415,"children":2417},{"id":2416},"align-self",[2418],{"type":26,"value":2419},"Align Self",{"type":14,"tag":28,"props":2421,"children":2422},{},[2423,2424,2429,2431,2435,2436,2440],{"type":26,"value":888},{"type":14,"tag":34,"props":2425,"children":2426},{},[2427],{"type":26,"value":2428},"_align-self",{"type":26,"value":2430}," utilities on a flexbox item to change the alignment of the item on the secondary axis (the y-axis if ",{"type":14,"tag":34,"props":2432,"children":2433},{},[2434],{"type":26,"value":305},{"type":26,"value":1675},{"type":14,"tag":34,"props":2437,"children":2438},{},[2439],{"type":26,"value":906},{"type":26,"value":908},{"type":14,"tag":49,"props":2442,"children":2443},{},[2444,2451],{"type":14,"tag":53,"props":2445,"children":2446},{"v-slot:preview":7},[2447],{"type":14,"tag":57,"props":2448,"children":2450},{"src":2449},"/stories/utilities/flex/align-self",[],{"type":14,"tag":53,"props":2452,"children":2453},{"v-slot:vue":7},[2454],{"type":14,"tag":65,"props":2455,"children":2458},{"className":2456,"code":2457,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv class=\"_align-self:start!\">Aligned Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv class=\"_align-self:center!\">Aligned Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv class=\"_align-self:end!\">Aligned Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv class=\"_align-self:baseline!\">Aligned Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv class=\"_align-self:stretch!\">Aligned Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[2459],{"type":14,"tag":73,"props":2460,"children":2461},{},[2462],{"type":14,"tag":65,"props":2463,"children":2464},{"__ignoreMap":7},[2465,2480,2511,2535,2576,2599,2614,2621,2652,2675,2715,2738,2753,2760,2791,2814,2854,2877,2892,2899,2930,2953,2993,3016,3031,3038,3069,3092,3132,3155,3170],{"type":14,"tag":80,"props":2466,"children":2467},{"class":82,"line":83},[2468,2472,2476],{"type":14,"tag":80,"props":2469,"children":2470},{"class":87},[2471],{"type":26,"value":90},{"type":14,"tag":80,"props":2473,"children":2474},{"class":93},[2475],{"type":26,"value":53},{"type":14,"tag":80,"props":2477,"children":2478},{"class":87},[2479],{"type":26,"value":100},{"type":14,"tag":80,"props":2481,"children":2482},{"class":82,"line":103},[2483,2487,2491,2495,2499,2503,2507],{"type":14,"tag":80,"props":2484,"children":2485},{"class":87},[2486],{"type":26,"value":109},{"type":14,"tag":80,"props":2488,"children":2489},{"class":93},[2490],{"type":26,"value":114},{"type":14,"tag":80,"props":2492,"children":2493},{"class":87},[2494],{"type":26,"value":119},{"type":14,"tag":80,"props":2496,"children":2497},{"class":122},[2498],{"type":26,"value":125},{"type":14,"tag":80,"props":2500,"children":2501},{"class":87},[2502],{"type":26,"value":130},{"type":14,"tag":80,"props":2504,"children":2505},{"class":133},[2506],{"type":26,"value":136},{"type":14,"tag":80,"props":2508,"children":2509},{"class":87},[2510],{"type":26,"value":100},{"type":14,"tag":80,"props":2512,"children":2513},{"class":82,"line":152},[2514,2518,2522,2527,2531],{"type":14,"tag":80,"props":2515,"children":2516},{"class":87},[2517],{"type":26,"value":398},{"type":14,"tag":80,"props":2519,"children":2520},{"class":93},[2521],{"type":26,"value":114},{"type":14,"tag":80,"props":2523,"children":2524},{"class":87},[2525],{"type":26,"value":2526},">Flex Item\u003C/",{"type":14,"tag":80,"props":2528,"children":2529},{"class":93},[2530],{"type":26,"value":114},{"type":14,"tag":80,"props":2532,"children":2533},{"class":87},[2534],{"type":26,"value":100},{"type":14,"tag":80,"props":2536,"children":2537},{"class":82,"line":418},[2538,2542,2546,2550,2554,2558,2563,2568,2572],{"type":14,"tag":80,"props":2539,"children":2540},{"class":87},[2541],{"type":26,"value":398},{"type":14,"tag":80,"props":2543,"children":2544},{"class":93},[2545],{"type":26,"value":114},{"type":14,"tag":80,"props":2547,"children":2548},{"class":87},[2549],{"type":26,"value":119},{"type":14,"tag":80,"props":2551,"children":2552},{"class":122},[2553],{"type":26,"value":125},{"type":14,"tag":80,"props":2555,"children":2556},{"class":87},[2557],{"type":26,"value":130},{"type":14,"tag":80,"props":2559,"children":2560},{"class":133},[2561],{"type":26,"value":2562},"\"_align-self:start!\"",{"type":14,"tag":80,"props":2564,"children":2565},{"class":87},[2566],{"type":26,"value":2567},">Aligned Flex Item\u003C/",{"type":14,"tag":80,"props":2569,"children":2570},{"class":93},[2571],{"type":26,"value":114},{"type":14,"tag":80,"props":2573,"children":2574},{"class":87},[2575],{"type":26,"value":100},{"type":14,"tag":80,"props":2577,"children":2578},{"class":82,"line":443},[2579,2583,2587,2591,2595],{"type":14,"tag":80,"props":2580,"children":2581},{"class":87},[2582],{"type":26,"value":398},{"type":14,"tag":80,"props":2584,"children":2585},{"class":93},[2586],{"type":26,"value":114},{"type":14,"tag":80,"props":2588,"children":2589},{"class":87},[2590],{"type":26,"value":2526},{"type":14,"tag":80,"props":2592,"children":2593},{"class":93},[2594],{"type":26,"value":114},{"type":14,"tag":80,"props":2596,"children":2597},{"class":87},[2598],{"type":26,"value":100},{"type":14,"tag":80,"props":2600,"children":2601},{"class":82,"line":460},[2602,2606,2610],{"type":14,"tag":80,"props":2603,"children":2604},{"class":87},[2605],{"type":26,"value":449},{"type":14,"tag":80,"props":2607,"children":2608},{"class":93},[2609],{"type":26,"value":114},{"type":14,"tag":80,"props":2611,"children":2612},{"class":87},[2613],{"type":26,"value":100},{"type":14,"tag":80,"props":2615,"children":2616},{"class":82,"line":469},[2617],{"type":14,"tag":80,"props":2618,"children":2619},{},[2620],{"type":26,"value":466},{"type":14,"tag":80,"props":2622,"children":2623},{"class":82,"line":502},[2624,2628,2632,2636,2640,2644,2648],{"type":14,"tag":80,"props":2625,"children":2626},{"class":87},[2627],{"type":26,"value":109},{"type":14,"tag":80,"props":2629,"children":2630},{"class":93},[2631],{"type":26,"value":114},{"type":14,"tag":80,"props":2633,"children":2634},{"class":87},[2635],{"type":26,"value":119},{"type":14,"tag":80,"props":2637,"children":2638},{"class":122},[2639],{"type":26,"value":125},{"type":14,"tag":80,"props":2641,"children":2642},{"class":87},[2643],{"type":26,"value":130},{"type":14,"tag":80,"props":2645,"children":2646},{"class":133},[2647],{"type":26,"value":136},{"type":14,"tag":80,"props":2649,"children":2650},{"class":87},[2651],{"type":26,"value":100},{"type":14,"tag":80,"props":2653,"children":2654},{"class":82,"line":526},[2655,2659,2663,2667,2671],{"type":14,"tag":80,"props":2656,"children":2657},{"class":87},[2658],{"type":26,"value":398},{"type":14,"tag":80,"props":2660,"children":2661},{"class":93},[2662],{"type":26,"value":114},{"type":14,"tag":80,"props":2664,"children":2665},{"class":87},[2666],{"type":26,"value":2526},{"type":14,"tag":80,"props":2668,"children":2669},{"class":93},[2670],{"type":26,"value":114},{"type":14,"tag":80,"props":2672,"children":2673},{"class":87},[2674],{"type":26,"value":100},{"type":14,"tag":80,"props":2676,"children":2677},{"class":82,"line":550},[2678,2682,2686,2690,2694,2698,2703,2707,2711],{"type":14,"tag":80,"props":2679,"children":2680},{"class":87},[2681],{"type":26,"value":398},{"type":14,"tag":80,"props":2683,"children":2684},{"class":93},[2685],{"type":26,"value":114},{"type":14,"tag":80,"props":2687,"children":2688},{"class":87},[2689],{"type":26,"value":119},{"type":14,"tag":80,"props":2691,"children":2692},{"class":122},[2693],{"type":26,"value":125},{"type":14,"tag":80,"props":2695,"children":2696},{"class":87},[2697],{"type":26,"value":130},{"type":14,"tag":80,"props":2699,"children":2700},{"class":133},[2701],{"type":26,"value":2702},"\"_align-self:center!\"",{"type":14,"tag":80,"props":2704,"children":2705},{"class":87},[2706],{"type":26,"value":2567},{"type":14,"tag":80,"props":2708,"children":2709},{"class":93},[2710],{"type":26,"value":114},{"type":14,"tag":80,"props":2712,"children":2713},{"class":87},[2714],{"type":26,"value":100},{"type":14,"tag":80,"props":2716,"children":2717},{"class":82,"line":566},[2718,2722,2726,2730,2734],{"type":14,"tag":80,"props":2719,"children":2720},{"class":87},[2721],{"type":26,"value":398},{"type":14,"tag":80,"props":2723,"children":2724},{"class":93},[2725],{"type":26,"value":114},{"type":14,"tag":80,"props":2727,"children":2728},{"class":87},[2729],{"type":26,"value":2526},{"type":14,"tag":80,"props":2731,"children":2732},{"class":93},[2733],{"type":26,"value":114},{"type":14,"tag":80,"props":2735,"children":2736},{"class":87},[2737],{"type":26,"value":100},{"type":14,"tag":80,"props":2739,"children":2740},{"class":82,"line":1175},[2741,2745,2749],{"type":14,"tag":80,"props":2742,"children":2743},{"class":87},[2744],{"type":26,"value":449},{"type":14,"tag":80,"props":2746,"children":2747},{"class":93},[2748],{"type":26,"value":114},{"type":14,"tag":80,"props":2750,"children":2751},{"class":87},[2752],{"type":26,"value":100},{"type":14,"tag":80,"props":2754,"children":2755},{"class":82,"line":1191},[2756],{"type":14,"tag":80,"props":2757,"children":2758},{},[2759],{"type":26,"value":466},{"type":14,"tag":80,"props":2761,"children":2762},{"class":82,"line":1199},[2763,2767,2771,2775,2779,2783,2787],{"type":14,"tag":80,"props":2764,"children":2765},{"class":87},[2766],{"type":26,"value":109},{"type":14,"tag":80,"props":2768,"children":2769},{"class":93},[2770],{"type":26,"value":114},{"type":14,"tag":80,"props":2772,"children":2773},{"class":87},[2774],{"type":26,"value":119},{"type":14,"tag":80,"props":2776,"children":2777},{"class":122},[2778],{"type":26,"value":125},{"type":14,"tag":80,"props":2780,"children":2781},{"class":87},[2782],{"type":26,"value":130},{"type":14,"tag":80,"props":2784,"children":2785},{"class":133},[2786],{"type":26,"value":136},{"type":14,"tag":80,"props":2788,"children":2789},{"class":87},[2790],{"type":26,"value":100},{"type":14,"tag":80,"props":2792,"children":2793},{"class":82,"line":1232},[2794,2798,2802,2806,2810],{"type":14,"tag":80,"props":2795,"children":2796},{"class":87},[2797],{"type":26,"value":398},{"type":14,"tag":80,"props":2799,"children":2800},{"class":93},[2801],{"type":26,"value":114},{"type":14,"tag":80,"props":2803,"children":2804},{"class":87},[2805],{"type":26,"value":2526},{"type":14,"tag":80,"props":2807,"children":2808},{"class":93},[2809],{"type":26,"value":114},{"type":14,"tag":80,"props":2811,"children":2812},{"class":87},[2813],{"type":26,"value":100},{"type":14,"tag":80,"props":2815,"children":2816},{"class":82,"line":1256},[2817,2821,2825,2829,2833,2837,2842,2846,2850],{"type":14,"tag":80,"props":2818,"children":2819},{"class":87},[2820],{"type":26,"value":398},{"type":14,"tag":80,"props":2822,"children":2823},{"class":93},[2824],{"type":26,"value":114},{"type":14,"tag":80,"props":2826,"children":2827},{"class":87},[2828],{"type":26,"value":119},{"type":14,"tag":80,"props":2830,"children":2831},{"class":122},[2832],{"type":26,"value":125},{"type":14,"tag":80,"props":2834,"children":2835},{"class":87},[2836],{"type":26,"value":130},{"type":14,"tag":80,"props":2838,"children":2839},{"class":133},[2840],{"type":26,"value":2841},"\"_align-self:end!\"",{"type":14,"tag":80,"props":2843,"children":2844},{"class":87},[2845],{"type":26,"value":2567},{"type":14,"tag":80,"props":2847,"children":2848},{"class":93},[2849],{"type":26,"value":114},{"type":14,"tag":80,"props":2851,"children":2852},{"class":87},[2853],{"type":26,"value":100},{"type":14,"tag":80,"props":2855,"children":2856},{"class":82,"line":1280},[2857,2861,2865,2869,2873],{"type":14,"tag":80,"props":2858,"children":2859},{"class":87},[2860],{"type":26,"value":398},{"type":14,"tag":80,"props":2862,"children":2863},{"class":93},[2864],{"type":26,"value":114},{"type":14,"tag":80,"props":2866,"children":2867},{"class":87},[2868],{"type":26,"value":2526},{"type":14,"tag":80,"props":2870,"children":2871},{"class":93},[2872],{"type":26,"value":114},{"type":14,"tag":80,"props":2874,"children":2875},{"class":87},[2876],{"type":26,"value":100},{"type":14,"tag":80,"props":2878,"children":2879},{"class":82,"line":1304},[2880,2884,2888],{"type":14,"tag":80,"props":2881,"children":2882},{"class":87},[2883],{"type":26,"value":449},{"type":14,"tag":80,"props":2885,"children":2886},{"class":93},[2887],{"type":26,"value":114},{"type":14,"tag":80,"props":2889,"children":2890},{"class":87},[2891],{"type":26,"value":100},{"type":14,"tag":80,"props":2893,"children":2894},{"class":82,"line":1320},[2895],{"type":14,"tag":80,"props":2896,"children":2897},{},[2898],{"type":26,"value":466},{"type":14,"tag":80,"props":2900,"children":2901},{"class":82,"line":1328},[2902,2906,2910,2914,2918,2922,2926],{"type":14,"tag":80,"props":2903,"children":2904},{"class":87},[2905],{"type":26,"value":109},{"type":14,"tag":80,"props":2907,"children":2908},{"class":93},[2909],{"type":26,"value":114},{"type":14,"tag":80,"props":2911,"children":2912},{"class":87},[2913],{"type":26,"value":119},{"type":14,"tag":80,"props":2915,"children":2916},{"class":122},[2917],{"type":26,"value":125},{"type":14,"tag":80,"props":2919,"children":2920},{"class":87},[2921],{"type":26,"value":130},{"type":14,"tag":80,"props":2923,"children":2924},{"class":133},[2925],{"type":26,"value":136},{"type":14,"tag":80,"props":2927,"children":2928},{"class":87},[2929],{"type":26,"value":100},{"type":14,"tag":80,"props":2931,"children":2932},{"class":82,"line":1361},[2933,2937,2941,2945,2949],{"type":14,"tag":80,"props":2934,"children":2935},{"class":87},[2936],{"type":26,"value":398},{"type":14,"tag":80,"props":2938,"children":2939},{"class":93},[2940],{"type":26,"value":114},{"type":14,"tag":80,"props":2942,"children":2943},{"class":87},[2944],{"type":26,"value":2526},{"type":14,"tag":80,"props":2946,"children":2947},{"class":93},[2948],{"type":26,"value":114},{"type":14,"tag":80,"props":2950,"children":2951},{"class":87},[2952],{"type":26,"value":100},{"type":14,"tag":80,"props":2954,"children":2955},{"class":82,"line":1385},[2956,2960,2964,2968,2972,2976,2981,2985,2989],{"type":14,"tag":80,"props":2957,"children":2958},{"class":87},[2959],{"type":26,"value":398},{"type":14,"tag":80,"props":2961,"children":2962},{"class":93},[2963],{"type":26,"value":114},{"type":14,"tag":80,"props":2965,"children":2966},{"class":87},[2967],{"type":26,"value":119},{"type":14,"tag":80,"props":2969,"children":2970},{"class":122},[2971],{"type":26,"value":125},{"type":14,"tag":80,"props":2973,"children":2974},{"class":87},[2975],{"type":26,"value":130},{"type":14,"tag":80,"props":2977,"children":2978},{"class":133},[2979],{"type":26,"value":2980},"\"_align-self:baseline!\"",{"type":14,"tag":80,"props":2982,"children":2983},{"class":87},[2984],{"type":26,"value":2567},{"type":14,"tag":80,"props":2986,"children":2987},{"class":93},[2988],{"type":26,"value":114},{"type":14,"tag":80,"props":2990,"children":2991},{"class":87},[2992],{"type":26,"value":100},{"type":14,"tag":80,"props":2994,"children":2995},{"class":82,"line":1409},[2996,3000,3004,3008,3012],{"type":14,"tag":80,"props":2997,"children":2998},{"class":87},[2999],{"type":26,"value":398},{"type":14,"tag":80,"props":3001,"children":3002},{"class":93},[3003],{"type":26,"value":114},{"type":14,"tag":80,"props":3005,"children":3006},{"class":87},[3007],{"type":26,"value":2526},{"type":14,"tag":80,"props":3009,"children":3010},{"class":93},[3011],{"type":26,"value":114},{"type":14,"tag":80,"props":3013,"children":3014},{"class":87},[3015],{"type":26,"value":100},{"type":14,"tag":80,"props":3017,"children":3018},{"class":82,"line":1433},[3019,3023,3027],{"type":14,"tag":80,"props":3020,"children":3021},{"class":87},[3022],{"type":26,"value":449},{"type":14,"tag":80,"props":3024,"children":3025},{"class":93},[3026],{"type":26,"value":114},{"type":14,"tag":80,"props":3028,"children":3029},{"class":87},[3030],{"type":26,"value":100},{"type":14,"tag":80,"props":3032,"children":3033},{"class":82,"line":1449},[3034],{"type":14,"tag":80,"props":3035,"children":3036},{},[3037],{"type":26,"value":466},{"type":14,"tag":80,"props":3039,"children":3040},{"class":82,"line":1457},[3041,3045,3049,3053,3057,3061,3065],{"type":14,"tag":80,"props":3042,"children":3043},{"class":87},[3044],{"type":26,"value":109},{"type":14,"tag":80,"props":3046,"children":3047},{"class":93},[3048],{"type":26,"value":114},{"type":14,"tag":80,"props":3050,"children":3051},{"class":87},[3052],{"type":26,"value":119},{"type":14,"tag":80,"props":3054,"children":3055},{"class":122},[3056],{"type":26,"value":125},{"type":14,"tag":80,"props":3058,"children":3059},{"class":87},[3060],{"type":26,"value":130},{"type":14,"tag":80,"props":3062,"children":3063},{"class":133},[3064],{"type":26,"value":136},{"type":14,"tag":80,"props":3066,"children":3067},{"class":87},[3068],{"type":26,"value":100},{"type":14,"tag":80,"props":3070,"children":3071},{"class":82,"line":1490},[3072,3076,3080,3084,3088],{"type":14,"tag":80,"props":3073,"children":3074},{"class":87},[3075],{"type":26,"value":398},{"type":14,"tag":80,"props":3077,"children":3078},{"class":93},[3079],{"type":26,"value":114},{"type":14,"tag":80,"props":3081,"children":3082},{"class":87},[3083],{"type":26,"value":2526},{"type":14,"tag":80,"props":3085,"children":3086},{"class":93},[3087],{"type":26,"value":114},{"type":14,"tag":80,"props":3089,"children":3090},{"class":87},[3091],{"type":26,"value":100},{"type":14,"tag":80,"props":3093,"children":3094},{"class":82,"line":1514},[3095,3099,3103,3107,3111,3115,3120,3124,3128],{"type":14,"tag":80,"props":3096,"children":3097},{"class":87},[3098],{"type":26,"value":398},{"type":14,"tag":80,"props":3100,"children":3101},{"class":93},[3102],{"type":26,"value":114},{"type":14,"tag":80,"props":3104,"children":3105},{"class":87},[3106],{"type":26,"value":119},{"type":14,"tag":80,"props":3108,"children":3109},{"class":122},[3110],{"type":26,"value":125},{"type":14,"tag":80,"props":3112,"children":3113},{"class":87},[3114],{"type":26,"value":130},{"type":14,"tag":80,"props":3116,"children":3117},{"class":133},[3118],{"type":26,"value":3119},"\"_align-self:stretch!\"",{"type":14,"tag":80,"props":3121,"children":3122},{"class":87},[3123],{"type":26,"value":2567},{"type":14,"tag":80,"props":3125,"children":3126},{"class":93},[3127],{"type":26,"value":114},{"type":14,"tag":80,"props":3129,"children":3130},{"class":87},[3131],{"type":26,"value":100},{"type":14,"tag":80,"props":3133,"children":3134},{"class":82,"line":1538},[3135,3139,3143,3147,3151],{"type":14,"tag":80,"props":3136,"children":3137},{"class":87},[3138],{"type":26,"value":398},{"type":14,"tag":80,"props":3140,"children":3141},{"class":93},[3142],{"type":26,"value":114},{"type":14,"tag":80,"props":3144,"children":3145},{"class":87},[3146],{"type":26,"value":2526},{"type":14,"tag":80,"props":3148,"children":3149},{"class":93},[3150],{"type":26,"value":114},{"type":14,"tag":80,"props":3152,"children":3153},{"class":87},[3154],{"type":26,"value":100},{"type":14,"tag":80,"props":3156,"children":3157},{"class":82,"line":1562},[3158,3162,3166],{"type":14,"tag":80,"props":3159,"children":3160},{"class":87},[3161],{"type":26,"value":449},{"type":14,"tag":80,"props":3163,"children":3164},{"class":93},[3165],{"type":26,"value":114},{"type":14,"tag":80,"props":3167,"children":3168},{"class":87},[3169],{"type":26,"value":100},{"type":14,"tag":80,"props":3171,"children":3172},{"class":82,"line":1578},[3173,3177,3181],{"type":14,"tag":80,"props":3174,"children":3175},{"class":87},[3176],{"type":26,"value":158},{"type":14,"tag":80,"props":3178,"children":3179},{"class":93},[3180],{"type":26,"value":53},{"type":14,"tag":80,"props":3182,"children":3183},{"class":87},[3184],{"type":26,"value":167},{"type":14,"tag":28,"props":3186,"children":3187},{},[3188],{"type":26,"value":3189},"Flexbox align self utilities can also be applied responsively. Here are the available helper classes::",{"type":14,"tag":269,"props":3191,"children":3192},{},[3193,3207,3221,3229,3237],{"type":14,"tag":273,"props":3194,"children":3195},{},[3196,3201,3202],{"type":14,"tag":34,"props":3197,"children":3198},{},[3199],{"type":26,"value":3200},"._align-self:start",{"type":26,"value":1609},{"type":14,"tag":34,"props":3203,"children":3204},{},[3205],{"type":26,"value":3206},"._align-self:flex-start",{"type":14,"tag":273,"props":3208,"children":3209},{},[3210,3215,3216],{"type":14,"tag":34,"props":3211,"children":3212},{},[3213],{"type":26,"value":3214},"._align-self:end",{"type":26,"value":1609},{"type":14,"tag":34,"props":3217,"children":3218},{},[3219],{"type":26,"value":3220},"._align-self:flex-end",{"type":14,"tag":273,"props":3222,"children":3223},{},[3224],{"type":14,"tag":34,"props":3225,"children":3226},{},[3227],{"type":26,"value":3228},"._align-self:center",{"type":14,"tag":273,"props":3230,"children":3231},{},[3232],{"type":14,"tag":34,"props":3233,"children":3234},{},[3235],{"type":26,"value":3236},"._align-self:baseline",{"type":14,"tag":273,"props":3238,"children":3239},{},[3240],{"type":14,"tag":34,"props":3241,"children":3242},{},[3243],{"type":26,"value":3244},"._align-self:stretch",{"type":14,"tag":290,"props":3246,"children":3248},{"id":3247},"align-content",[3249],{"type":26,"value":3250},"Align Content",{"type":14,"tag":28,"props":3252,"children":3253},{},[3254,3255,3260,3262,3267,3269,3274,3275,3280,3281,3286,3287,3292,3294,3299],{"type":26,"value":888},{"type":14,"tag":34,"props":3256,"children":3257},{},[3258],{"type":26,"value":3259},"_align-content",{"type":26,"value":3261}," utilities on flexbox containers to align flex content on the secondary axis. You can use one of ",{"type":14,"tag":34,"props":3263,"children":3264},{},[3265],{"type":26,"value":3266},"start",{"type":26,"value":3268},", ",{"type":14,"tag":34,"props":3270,"children":3271},{},[3272],{"type":26,"value":3273},"end",{"type":26,"value":3268},{"type":14,"tag":34,"props":3276,"children":3277},{},[3278],{"type":26,"value":3279},"center",{"type":26,"value":3268},{"type":14,"tag":34,"props":3282,"children":3283},{},[3284],{"type":26,"value":3285},"between",{"type":26,"value":3268},{"type":14,"tag":34,"props":3288,"children":3289},{},[3290],{"type":26,"value":3291},"around",{"type":26,"value":3293},", or ",{"type":14,"tag":34,"props":3295,"children":3296},{},[3297],{"type":26,"value":3298},"stretch",{"type":26,"value":3300},".",{"type":14,"tag":28,"props":3302,"children":3303},{},[3304,3306,3311,3313,3318],{"type":26,"value":3305},"For demonstration purposes, the examples below use ",{"type":14,"tag":34,"props":3307,"children":3308},{},[3309],{"type":26,"value":3310},"._flex-wrap:wrap",{"type":26,"value":3312},", an increased ",{"type":14,"tag":34,"props":3314,"children":3315},{},[3316],{"type":26,"value":3317},"height",{"type":26,"value":3319},", and large number of items.",{"type":14,"tag":49,"props":3321,"children":3322},{},[3323,3330],{"type":14,"tag":53,"props":3324,"children":3325},{"v-slot:preview":7},[3326],{"type":14,"tag":57,"props":3327,"children":3329},{"src":3328},"/stories/utilities/flex/align-content",[],{"type":14,"tag":53,"props":3331,"children":3332},{"v-slot:vue":7},[3333],{"type":14,"tag":65,"props":3334,"children":3337},{"className":3335,"code":3336,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex! _flex-wrap:wrap! _align-content:start!\" style=\"max-width: 600px\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _flex-wrap:wrap! _align-content:center!\" style=\"max-width: 600px\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _flex-wrap:wrap! _align-content:end!\" style=\"max-width: 600px\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv\n        class=\"_display:flex! _flex-wrap:wrap! _align-content:space-between!\"\n        style=\"max-width: 600px\"\n    >\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv\n        class=\"_display:flex! _flex-wrap:wrap! _align-content:space-around!\"\n        style=\"max-width: 600px\"\n    >\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _flex-wrap:wrap! _align-content:stretch!\" style=\"max-width: 600px\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[3338],{"type":14,"tag":73,"props":3339,"children":3340},{},[3341],{"type":14,"tag":65,"props":3342,"children":3343},{"__ignoreMap":7},[3344,3359,3409,3432,3455,3478,3501,3524,3547,3570,3593,3608,3615,3663,3686,3709,3732,3755,3778,3801,3824,3847,3862,3869,3917,3940,3963,3986,4009,4032,4055,4078,4102,4118,4126,4139,4161,4182,4191,4215,4239,4263,4287,4311,4335,4359,4383,4399,4407,4419,4440,4460,4468,4492,4516,4540,4564,4588,4612,4636,4660,4676,4684,4733,4757,4781,4805,4829,4853,4877,4901,4925,4941],{"type":14,"tag":80,"props":3345,"children":3346},{"class":82,"line":83},[3347,3351,3355],{"type":14,"tag":80,"props":3348,"children":3349},{"class":87},[3350],{"type":26,"value":90},{"type":14,"tag":80,"props":3352,"children":3353},{"class":93},[3354],{"type":26,"value":53},{"type":14,"tag":80,"props":3356,"children":3357},{"class":87},[3358],{"type":26,"value":100},{"type":14,"tag":80,"props":3360,"children":3361},{"class":82,"line":103},[3362,3366,3370,3374,3378,3382,3387,3391,3396,3400,3405],{"type":14,"tag":80,"props":3363,"children":3364},{"class":87},[3365],{"type":26,"value":109},{"type":14,"tag":80,"props":3367,"children":3368},{"class":93},[3369],{"type":26,"value":114},{"type":14,"tag":80,"props":3371,"children":3372},{"class":87},[3373],{"type":26,"value":119},{"type":14,"tag":80,"props":3375,"children":3376},{"class":122},[3377],{"type":26,"value":125},{"type":14,"tag":80,"props":3379,"children":3380},{"class":87},[3381],{"type":26,"value":130},{"type":14,"tag":80,"props":3383,"children":3384},{"class":133},[3385],{"type":26,"value":3386},"\"_display:flex! _flex-wrap:wrap! _align-content:start!\"",{"type":14,"tag":80,"props":3388,"children":3389},{"class":87},[3390],{"type":26,"value":119},{"type":14,"tag":80,"props":3392,"children":3393},{"class":122},[3394],{"type":26,"value":3395},"style",{"type":14,"tag":80,"props":3397,"children":3398},{"class":87},[3399],{"type":26,"value":130},{"type":14,"tag":80,"props":3401,"children":3402},{"class":133},[3403],{"type":26,"value":3404},"\"max-width: 600px\"",{"type":14,"tag":80,"props":3406,"children":3407},{"class":87},[3408],{"type":26,"value":100},{"type":14,"tag":80,"props":3410,"children":3411},{"class":82,"line":152},[3412,3416,3420,3424,3428],{"type":14,"tag":80,"props":3413,"children":3414},{"class":87},[3415],{"type":26,"value":398},{"type":14,"tag":80,"props":3417,"children":3418},{"class":93},[3419],{"type":26,"value":114},{"type":14,"tag":80,"props":3421,"children":3422},{"class":87},[3423],{"type":26,"value":2526},{"type":14,"tag":80,"props":3425,"children":3426},{"class":93},[3427],{"type":26,"value":114},{"type":14,"tag":80,"props":3429,"children":3430},{"class":87},[3431],{"type":26,"value":100},{"type":14,"tag":80,"props":3433,"children":3434},{"class":82,"line":418},[3435,3439,3443,3447,3451],{"type":14,"tag":80,"props":3436,"children":3437},{"class":87},[3438],{"type":26,"value":398},{"type":14,"tag":80,"props":3440,"children":3441},{"class":93},[3442],{"type":26,"value":114},{"type":14,"tag":80,"props":3444,"children":3445},{"class":87},[3446],{"type":26,"value":2526},{"type":14,"tag":80,"props":3448,"children":3449},{"class":93},[3450],{"type":26,"value":114},{"type":14,"tag":80,"props":3452,"children":3453},{"class":87},[3454],{"type":26,"value":100},{"type":14,"tag":80,"props":3456,"children":3457},{"class":82,"line":443},[3458,3462,3466,3470,3474],{"type":14,"tag":80,"props":3459,"children":3460},{"class":87},[3461],{"type":26,"value":398},{"type":14,"tag":80,"props":3463,"children":3464},{"class":93},[3465],{"type":26,"value":114},{"type":14,"tag":80,"props":3467,"children":3468},{"class":87},[3469],{"type":26,"value":2526},{"type":14,"tag":80,"props":3471,"children":3472},{"class":93},[3473],{"type":26,"value":114},{"type":14,"tag":80,"props":3475,"children":3476},{"class":87},[3477],{"type":26,"value":100},{"type":14,"tag":80,"props":3479,"children":3480},{"class":82,"line":460},[3481,3485,3489,3493,3497],{"type":14,"tag":80,"props":3482,"children":3483},{"class":87},[3484],{"type":26,"value":398},{"type":14,"tag":80,"props":3486,"children":3487},{"class":93},[3488],{"type":26,"value":114},{"type":14,"tag":80,"props":3490,"children":3491},{"class":87},[3492],{"type":26,"value":2526},{"type":14,"tag":80,"props":3494,"children":3495},{"class":93},[3496],{"type":26,"value":114},{"type":14,"tag":80,"props":3498,"children":3499},{"class":87},[3500],{"type":26,"value":100},{"type":14,"tag":80,"props":3502,"children":3503},{"class":82,"line":469},[3504,3508,3512,3516,3520],{"type":14,"tag":80,"props":3505,"children":3506},{"class":87},[3507],{"type":26,"value":398},{"type":14,"tag":80,"props":3509,"children":3510},{"class":93},[3511],{"type":26,"value":114},{"type":14,"tag":80,"props":3513,"children":3514},{"class":87},[3515],{"type":26,"value":2526},{"type":14,"tag":80,"props":3517,"children":3518},{"class":93},[3519],{"type":26,"value":114},{"type":14,"tag":80,"props":3521,"children":3522},{"class":87},[3523],{"type":26,"value":100},{"type":14,"tag":80,"props":3525,"children":3526},{"class":82,"line":502},[3527,3531,3535,3539,3543],{"type":14,"tag":80,"props":3528,"children":3529},{"class":87},[3530],{"type":26,"value":398},{"type":14,"tag":80,"props":3532,"children":3533},{"class":93},[3534],{"type":26,"value":114},{"type":14,"tag":80,"props":3536,"children":3537},{"class":87},[3538],{"type":26,"value":2526},{"type":14,"tag":80,"props":3540,"children":3541},{"class":93},[3542],{"type":26,"value":114},{"type":14,"tag":80,"props":3544,"children":3545},{"class":87},[3546],{"type":26,"value":100},{"type":14,"tag":80,"props":3548,"children":3549},{"class":82,"line":526},[3550,3554,3558,3562,3566],{"type":14,"tag":80,"props":3551,"children":3552},{"class":87},[3553],{"type":26,"value":398},{"type":14,"tag":80,"props":3555,"children":3556},{"class":93},[3557],{"type":26,"value":114},{"type":14,"tag":80,"props":3559,"children":3560},{"class":87},[3561],{"type":26,"value":2526},{"type":14,"tag":80,"props":3563,"children":3564},{"class":93},[3565],{"type":26,"value":114},{"type":14,"tag":80,"props":3567,"children":3568},{"class":87},[3569],{"type":26,"value":100},{"type":14,"tag":80,"props":3571,"children":3572},{"class":82,"line":550},[3573,3577,3581,3585,3589],{"type":14,"tag":80,"props":3574,"children":3575},{"class":87},[3576],{"type":26,"value":398},{"type":14,"tag":80,"props":3578,"children":3579},{"class":93},[3580],{"type":26,"value":114},{"type":14,"tag":80,"props":3582,"children":3583},{"class":87},[3584],{"type":26,"value":2526},{"type":14,"tag":80,"props":3586,"children":3587},{"class":93},[3588],{"type":26,"value":114},{"type":14,"tag":80,"props":3590,"children":3591},{"class":87},[3592],{"type":26,"value":100},{"type":14,"tag":80,"props":3594,"children":3595},{"class":82,"line":566},[3596,3600,3604],{"type":14,"tag":80,"props":3597,"children":3598},{"class":87},[3599],{"type":26,"value":449},{"type":14,"tag":80,"props":3601,"children":3602},{"class":93},[3603],{"type":26,"value":114},{"type":14,"tag":80,"props":3605,"children":3606},{"class":87},[3607],{"type":26,"value":100},{"type":14,"tag":80,"props":3609,"children":3610},{"class":82,"line":1175},[3611],{"type":14,"tag":80,"props":3612,"children":3613},{},[3614],{"type":26,"value":466},{"type":14,"tag":80,"props":3616,"children":3617},{"class":82,"line":1191},[3618,3622,3626,3630,3634,3638,3643,3647,3651,3655,3659],{"type":14,"tag":80,"props":3619,"children":3620},{"class":87},[3621],{"type":26,"value":109},{"type":14,"tag":80,"props":3623,"children":3624},{"class":93},[3625],{"type":26,"value":114},{"type":14,"tag":80,"props":3627,"children":3628},{"class":87},[3629],{"type":26,"value":119},{"type":14,"tag":80,"props":3631,"children":3632},{"class":122},[3633],{"type":26,"value":125},{"type":14,"tag":80,"props":3635,"children":3636},{"class":87},[3637],{"type":26,"value":130},{"type":14,"tag":80,"props":3639,"children":3640},{"class":133},[3641],{"type":26,"value":3642},"\"_display:flex! _flex-wrap:wrap! _align-content:center!\"",{"type":14,"tag":80,"props":3644,"children":3645},{"class":87},[3646],{"type":26,"value":119},{"type":14,"tag":80,"props":3648,"children":3649},{"class":122},[3650],{"type":26,"value":3395},{"type":14,"tag":80,"props":3652,"children":3653},{"class":87},[3654],{"type":26,"value":130},{"type":14,"tag":80,"props":3656,"children":3657},{"class":133},[3658],{"type":26,"value":3404},{"type":14,"tag":80,"props":3660,"children":3661},{"class":87},[3662],{"type":26,"value":100},{"type":14,"tag":80,"props":3664,"children":3665},{"class":82,"line":1199},[3666,3670,3674,3678,3682],{"type":14,"tag":80,"props":3667,"children":3668},{"class":87},[3669],{"type":26,"value":398},{"type":14,"tag":80,"props":3671,"children":3672},{"class":93},[3673],{"type":26,"value":114},{"type":14,"tag":80,"props":3675,"children":3676},{"class":87},[3677],{"type":26,"value":2526},{"type":14,"tag":80,"props":3679,"children":3680},{"class":93},[3681],{"type":26,"value":114},{"type":14,"tag":80,"props":3683,"children":3684},{"class":87},[3685],{"type":26,"value":100},{"type":14,"tag":80,"props":3687,"children":3688},{"class":82,"line":1232},[3689,3693,3697,3701,3705],{"type":14,"tag":80,"props":3690,"children":3691},{"class":87},[3692],{"type":26,"value":398},{"type":14,"tag":80,"props":3694,"children":3695},{"class":93},[3696],{"type":26,"value":114},{"type":14,"tag":80,"props":3698,"children":3699},{"class":87},[3700],{"type":26,"value":2526},{"type":14,"tag":80,"props":3702,"children":3703},{"class":93},[3704],{"type":26,"value":114},{"type":14,"tag":80,"props":3706,"children":3707},{"class":87},[3708],{"type":26,"value":100},{"type":14,"tag":80,"props":3710,"children":3711},{"class":82,"line":1256},[3712,3716,3720,3724,3728],{"type":14,"tag":80,"props":3713,"children":3714},{"class":87},[3715],{"type":26,"value":398},{"type":14,"tag":80,"props":3717,"children":3718},{"class":93},[3719],{"type":26,"value":114},{"type":14,"tag":80,"props":3721,"children":3722},{"class":87},[3723],{"type":26,"value":2526},{"type":14,"tag":80,"props":3725,"children":3726},{"class":93},[3727],{"type":26,"value":114},{"type":14,"tag":80,"props":3729,"children":3730},{"class":87},[3731],{"type":26,"value":100},{"type":14,"tag":80,"props":3733,"children":3734},{"class":82,"line":1280},[3735,3739,3743,3747,3751],{"type":14,"tag":80,"props":3736,"children":3737},{"class":87},[3738],{"type":26,"value":398},{"type":14,"tag":80,"props":3740,"children":3741},{"class":93},[3742],{"type":26,"value":114},{"type":14,"tag":80,"props":3744,"children":3745},{"class":87},[3746],{"type":26,"value":2526},{"type":14,"tag":80,"props":3748,"children":3749},{"class":93},[3750],{"type":26,"value":114},{"type":14,"tag":80,"props":3752,"children":3753},{"class":87},[3754],{"type":26,"value":100},{"type":14,"tag":80,"props":3756,"children":3757},{"class":82,"line":1304},[3758,3762,3766,3770,3774],{"type":14,"tag":80,"props":3759,"children":3760},{"class":87},[3761],{"type":26,"value":398},{"type":14,"tag":80,"props":3763,"children":3764},{"class":93},[3765],{"type":26,"value":114},{"type":14,"tag":80,"props":3767,"children":3768},{"class":87},[3769],{"type":26,"value":2526},{"type":14,"tag":80,"props":3771,"children":3772},{"class":93},[3773],{"type":26,"value":114},{"type":14,"tag":80,"props":3775,"children":3776},{"class":87},[3777],{"type":26,"value":100},{"type":14,"tag":80,"props":3779,"children":3780},{"class":82,"line":1320},[3781,3785,3789,3793,3797],{"type":14,"tag":80,"props":3782,"children":3783},{"class":87},[3784],{"type":26,"value":398},{"type":14,"tag":80,"props":3786,"children":3787},{"class":93},[3788],{"type":26,"value":114},{"type":14,"tag":80,"props":3790,"children":3791},{"class":87},[3792],{"type":26,"value":2526},{"type":14,"tag":80,"props":3794,"children":3795},{"class":93},[3796],{"type":26,"value":114},{"type":14,"tag":80,"props":3798,"children":3799},{"class":87},[3800],{"type":26,"value":100},{"type":14,"tag":80,"props":3802,"children":3803},{"class":82,"line":1328},[3804,3808,3812,3816,3820],{"type":14,"tag":80,"props":3805,"children":3806},{"class":87},[3807],{"type":26,"value":398},{"type":14,"tag":80,"props":3809,"children":3810},{"class":93},[3811],{"type":26,"value":114},{"type":14,"tag":80,"props":3813,"children":3814},{"class":87},[3815],{"type":26,"value":2526},{"type":14,"tag":80,"props":3817,"children":3818},{"class":93},[3819],{"type":26,"value":114},{"type":14,"tag":80,"props":3821,"children":3822},{"class":87},[3823],{"type":26,"value":100},{"type":14,"tag":80,"props":3825,"children":3826},{"class":82,"line":1361},[3827,3831,3835,3839,3843],{"type":14,"tag":80,"props":3828,"children":3829},{"class":87},[3830],{"type":26,"value":398},{"type":14,"tag":80,"props":3832,"children":3833},{"class":93},[3834],{"type":26,"value":114},{"type":14,"tag":80,"props":3836,"children":3837},{"class":87},[3838],{"type":26,"value":2526},{"type":14,"tag":80,"props":3840,"children":3841},{"class":93},[3842],{"type":26,"value":114},{"type":14,"tag":80,"props":3844,"children":3845},{"class":87},[3846],{"type":26,"value":100},{"type":14,"tag":80,"props":3848,"children":3849},{"class":82,"line":1385},[3850,3854,3858],{"type":14,"tag":80,"props":3851,"children":3852},{"class":87},[3853],{"type":26,"value":449},{"type":14,"tag":80,"props":3855,"children":3856},{"class":93},[3857],{"type":26,"value":114},{"type":14,"tag":80,"props":3859,"children":3860},{"class":87},[3861],{"type":26,"value":100},{"type":14,"tag":80,"props":3863,"children":3864},{"class":82,"line":1409},[3865],{"type":14,"tag":80,"props":3866,"children":3867},{},[3868],{"type":26,"value":466},{"type":14,"tag":80,"props":3870,"children":3871},{"class":82,"line":1433},[3872,3876,3880,3884,3888,3892,3897,3901,3905,3909,3913],{"type":14,"tag":80,"props":3873,"children":3874},{"class":87},[3875],{"type":26,"value":109},{"type":14,"tag":80,"props":3877,"children":3878},{"class":93},[3879],{"type":26,"value":114},{"type":14,"tag":80,"props":3881,"children":3882},{"class":87},[3883],{"type":26,"value":119},{"type":14,"tag":80,"props":3885,"children":3886},{"class":122},[3887],{"type":26,"value":125},{"type":14,"tag":80,"props":3889,"children":3890},{"class":87},[3891],{"type":26,"value":130},{"type":14,"tag":80,"props":3893,"children":3894},{"class":133},[3895],{"type":26,"value":3896},"\"_display:flex! _flex-wrap:wrap! _align-content:end!\"",{"type":14,"tag":80,"props":3898,"children":3899},{"class":87},[3900],{"type":26,"value":119},{"type":14,"tag":80,"props":3902,"children":3903},{"class":122},[3904],{"type":26,"value":3395},{"type":14,"tag":80,"props":3906,"children":3907},{"class":87},[3908],{"type":26,"value":130},{"type":14,"tag":80,"props":3910,"children":3911},{"class":133},[3912],{"type":26,"value":3404},{"type":14,"tag":80,"props":3914,"children":3915},{"class":87},[3916],{"type":26,"value":100},{"type":14,"tag":80,"props":3918,"children":3919},{"class":82,"line":1449},[3920,3924,3928,3932,3936],{"type":14,"tag":80,"props":3921,"children":3922},{"class":87},[3923],{"type":26,"value":398},{"type":14,"tag":80,"props":3925,"children":3926},{"class":93},[3927],{"type":26,"value":114},{"type":14,"tag":80,"props":3929,"children":3930},{"class":87},[3931],{"type":26,"value":2526},{"type":14,"tag":80,"props":3933,"children":3934},{"class":93},[3935],{"type":26,"value":114},{"type":14,"tag":80,"props":3937,"children":3938},{"class":87},[3939],{"type":26,"value":100},{"type":14,"tag":80,"props":3941,"children":3942},{"class":82,"line":1457},[3943,3947,3951,3955,3959],{"type":14,"tag":80,"props":3944,"children":3945},{"class":87},[3946],{"type":26,"value":398},{"type":14,"tag":80,"props":3948,"children":3949},{"class":93},[3950],{"type":26,"value":114},{"type":14,"tag":80,"props":3952,"children":3953},{"class":87},[3954],{"type":26,"value":2526},{"type":14,"tag":80,"props":3956,"children":3957},{"class":93},[3958],{"type":26,"value":114},{"type":14,"tag":80,"props":3960,"children":3961},{"class":87},[3962],{"type":26,"value":100},{"type":14,"tag":80,"props":3964,"children":3965},{"class":82,"line":1490},[3966,3970,3974,3978,3982],{"type":14,"tag":80,"props":3967,"children":3968},{"class":87},[3969],{"type":26,"value":398},{"type":14,"tag":80,"props":3971,"children":3972},{"class":93},[3973],{"type":26,"value":114},{"type":14,"tag":80,"props":3975,"children":3976},{"class":87},[3977],{"type":26,"value":2526},{"type":14,"tag":80,"props":3979,"children":3980},{"class":93},[3981],{"type":26,"value":114},{"type":14,"tag":80,"props":3983,"children":3984},{"class":87},[3985],{"type":26,"value":100},{"type":14,"tag":80,"props":3987,"children":3988},{"class":82,"line":1514},[3989,3993,3997,4001,4005],{"type":14,"tag":80,"props":3990,"children":3991},{"class":87},[3992],{"type":26,"value":398},{"type":14,"tag":80,"props":3994,"children":3995},{"class":93},[3996],{"type":26,"value":114},{"type":14,"tag":80,"props":3998,"children":3999},{"class":87},[4000],{"type":26,"value":2526},{"type":14,"tag":80,"props":4002,"children":4003},{"class":93},[4004],{"type":26,"value":114},{"type":14,"tag":80,"props":4006,"children":4007},{"class":87},[4008],{"type":26,"value":100},{"type":14,"tag":80,"props":4010,"children":4011},{"class":82,"line":1538},[4012,4016,4020,4024,4028],{"type":14,"tag":80,"props":4013,"children":4014},{"class":87},[4015],{"type":26,"value":398},{"type":14,"tag":80,"props":4017,"children":4018},{"class":93},[4019],{"type":26,"value":114},{"type":14,"tag":80,"props":4021,"children":4022},{"class":87},[4023],{"type":26,"value":2526},{"type":14,"tag":80,"props":4025,"children":4026},{"class":93},[4027],{"type":26,"value":114},{"type":14,"tag":80,"props":4029,"children":4030},{"class":87},[4031],{"type":26,"value":100},{"type":14,"tag":80,"props":4033,"children":4034},{"class":82,"line":1562},[4035,4039,4043,4047,4051],{"type":14,"tag":80,"props":4036,"children":4037},{"class":87},[4038],{"type":26,"value":398},{"type":14,"tag":80,"props":4040,"children":4041},{"class":93},[4042],{"type":26,"value":114},{"type":14,"tag":80,"props":4044,"children":4045},{"class":87},[4046],{"type":26,"value":2526},{"type":14,"tag":80,"props":4048,"children":4049},{"class":93},[4050],{"type":26,"value":114},{"type":14,"tag":80,"props":4052,"children":4053},{"class":87},[4054],{"type":26,"value":100},{"type":14,"tag":80,"props":4056,"children":4057},{"class":82,"line":1578},[4058,4062,4066,4070,4074],{"type":14,"tag":80,"props":4059,"children":4060},{"class":87},[4061],{"type":26,"value":398},{"type":14,"tag":80,"props":4063,"children":4064},{"class":93},[4065],{"type":26,"value":114},{"type":14,"tag":80,"props":4067,"children":4068},{"class":87},[4069],{"type":26,"value":2526},{"type":14,"tag":80,"props":4071,"children":4072},{"class":93},[4073],{"type":26,"value":114},{"type":14,"tag":80,"props":4075,"children":4076},{"class":87},[4077],{"type":26,"value":100},{"type":14,"tag":80,"props":4079,"children":4081},{"class":82,"line":4080},32,[4082,4086,4090,4094,4098],{"type":14,"tag":80,"props":4083,"children":4084},{"class":87},[4085],{"type":26,"value":398},{"type":14,"tag":80,"props":4087,"children":4088},{"class":93},[4089],{"type":26,"value":114},{"type":14,"tag":80,"props":4091,"children":4092},{"class":87},[4093],{"type":26,"value":2526},{"type":14,"tag":80,"props":4095,"children":4096},{"class":93},[4097],{"type":26,"value":114},{"type":14,"tag":80,"props":4099,"children":4100},{"class":87},[4101],{"type":26,"value":100},{"type":14,"tag":80,"props":4103,"children":4105},{"class":82,"line":4104},33,[4106,4110,4114],{"type":14,"tag":80,"props":4107,"children":4108},{"class":87},[4109],{"type":26,"value":449},{"type":14,"tag":80,"props":4111,"children":4112},{"class":93},[4113],{"type":26,"value":114},{"type":14,"tag":80,"props":4115,"children":4116},{"class":87},[4117],{"type":26,"value":100},{"type":14,"tag":80,"props":4119,"children":4121},{"class":82,"line":4120},34,[4122],{"type":14,"tag":80,"props":4123,"children":4124},{},[4125],{"type":26,"value":466},{"type":14,"tag":80,"props":4127,"children":4129},{"class":82,"line":4128},35,[4130,4134],{"type":14,"tag":80,"props":4131,"children":4132},{"class":87},[4133],{"type":26,"value":109},{"type":14,"tag":80,"props":4135,"children":4136},{"class":93},[4137],{"type":26,"value":4138},"div\n",{"type":14,"tag":80,"props":4140,"children":4142},{"class":82,"line":4141},36,[4143,4148,4152,4156],{"type":14,"tag":80,"props":4144,"children":4145},{"class":87},[4146],{"type":26,"value":4147},"        ",{"type":14,"tag":80,"props":4149,"children":4150},{"class":122},[4151],{"type":26,"value":125},{"type":14,"tag":80,"props":4153,"children":4154},{"class":87},[4155],{"type":26,"value":130},{"type":14,"tag":80,"props":4157,"children":4158},{"class":133},[4159],{"type":26,"value":4160},"\"_display:flex! _flex-wrap:wrap! _align-content:space-between!\"\n",{"type":14,"tag":80,"props":4162,"children":4164},{"class":82,"line":4163},37,[4165,4169,4173,4177],{"type":14,"tag":80,"props":4166,"children":4167},{"class":87},[4168],{"type":26,"value":4147},{"type":14,"tag":80,"props":4170,"children":4171},{"class":122},[4172],{"type":26,"value":3395},{"type":14,"tag":80,"props":4174,"children":4175},{"class":87},[4176],{"type":26,"value":130},{"type":14,"tag":80,"props":4178,"children":4179},{"class":133},[4180],{"type":26,"value":4181},"\"max-width: 600px\"\n",{"type":14,"tag":80,"props":4183,"children":4185},{"class":82,"line":4184},38,[4186],{"type":14,"tag":80,"props":4187,"children":4188},{"class":87},[4189],{"type":26,"value":4190},"    >\n",{"type":14,"tag":80,"props":4192,"children":4194},{"class":82,"line":4193},39,[4195,4199,4203,4207,4211],{"type":14,"tag":80,"props":4196,"children":4197},{"class":87},[4198],{"type":26,"value":398},{"type":14,"tag":80,"props":4200,"children":4201},{"class":93},[4202],{"type":26,"value":114},{"type":14,"tag":80,"props":4204,"children":4205},{"class":87},[4206],{"type":26,"value":2526},{"type":14,"tag":80,"props":4208,"children":4209},{"class":93},[4210],{"type":26,"value":114},{"type":14,"tag":80,"props":4212,"children":4213},{"class":87},[4214],{"type":26,"value":100},{"type":14,"tag":80,"props":4216,"children":4218},{"class":82,"line":4217},40,[4219,4223,4227,4231,4235],{"type":14,"tag":80,"props":4220,"children":4221},{"class":87},[4222],{"type":26,"value":398},{"type":14,"tag":80,"props":4224,"children":4225},{"class":93},[4226],{"type":26,"value":114},{"type":14,"tag":80,"props":4228,"children":4229},{"class":87},[4230],{"type":26,"value":2526},{"type":14,"tag":80,"props":4232,"children":4233},{"class":93},[4234],{"type":26,"value":114},{"type":14,"tag":80,"props":4236,"children":4237},{"class":87},[4238],{"type":26,"value":100},{"type":14,"tag":80,"props":4240,"children":4242},{"class":82,"line":4241},41,[4243,4247,4251,4255,4259],{"type":14,"tag":80,"props":4244,"children":4245},{"class":87},[4246],{"type":26,"value":398},{"type":14,"tag":80,"props":4248,"children":4249},{"class":93},[4250],{"type":26,"value":114},{"type":14,"tag":80,"props":4252,"children":4253},{"class":87},[4254],{"type":26,"value":2526},{"type":14,"tag":80,"props":4256,"children":4257},{"class":93},[4258],{"type":26,"value":114},{"type":14,"tag":80,"props":4260,"children":4261},{"class":87},[4262],{"type":26,"value":100},{"type":14,"tag":80,"props":4264,"children":4266},{"class":82,"line":4265},42,[4267,4271,4275,4279,4283],{"type":14,"tag":80,"props":4268,"children":4269},{"class":87},[4270],{"type":26,"value":398},{"type":14,"tag":80,"props":4272,"children":4273},{"class":93},[4274],{"type":26,"value":114},{"type":14,"tag":80,"props":4276,"children":4277},{"class":87},[4278],{"type":26,"value":2526},{"type":14,"tag":80,"props":4280,"children":4281},{"class":93},[4282],{"type":26,"value":114},{"type":14,"tag":80,"props":4284,"children":4285},{"class":87},[4286],{"type":26,"value":100},{"type":14,"tag":80,"props":4288,"children":4290},{"class":82,"line":4289},43,[4291,4295,4299,4303,4307],{"type":14,"tag":80,"props":4292,"children":4293},{"class":87},[4294],{"type":26,"value":398},{"type":14,"tag":80,"props":4296,"children":4297},{"class":93},[4298],{"type":26,"value":114},{"type":14,"tag":80,"props":4300,"children":4301},{"class":87},[4302],{"type":26,"value":2526},{"type":14,"tag":80,"props":4304,"children":4305},{"class":93},[4306],{"type":26,"value":114},{"type":14,"tag":80,"props":4308,"children":4309},{"class":87},[4310],{"type":26,"value":100},{"type":14,"tag":80,"props":4312,"children":4314},{"class":82,"line":4313},44,[4315,4319,4323,4327,4331],{"type":14,"tag":80,"props":4316,"children":4317},{"class":87},[4318],{"type":26,"value":398},{"type":14,"tag":80,"props":4320,"children":4321},{"class":93},[4322],{"type":26,"value":114},{"type":14,"tag":80,"props":4324,"children":4325},{"class":87},[4326],{"type":26,"value":2526},{"type":14,"tag":80,"props":4328,"children":4329},{"class":93},[4330],{"type":26,"value":114},{"type":14,"tag":80,"props":4332,"children":4333},{"class":87},[4334],{"type":26,"value":100},{"type":14,"tag":80,"props":4336,"children":4338},{"class":82,"line":4337},45,[4339,4343,4347,4351,4355],{"type":14,"tag":80,"props":4340,"children":4341},{"class":87},[4342],{"type":26,"value":398},{"type":14,"tag":80,"props":4344,"children":4345},{"class":93},[4346],{"type":26,"value":114},{"type":14,"tag":80,"props":4348,"children":4349},{"class":87},[4350],{"type":26,"value":2526},{"type":14,"tag":80,"props":4352,"children":4353},{"class":93},[4354],{"type":26,"value":114},{"type":14,"tag":80,"props":4356,"children":4357},{"class":87},[4358],{"type":26,"value":100},{"type":14,"tag":80,"props":4360,"children":4362},{"class":82,"line":4361},46,[4363,4367,4371,4375,4379],{"type":14,"tag":80,"props":4364,"children":4365},{"class":87},[4366],{"type":26,"value":398},{"type":14,"tag":80,"props":4368,"children":4369},{"class":93},[4370],{"type":26,"value":114},{"type":14,"tag":80,"props":4372,"children":4373},{"class":87},[4374],{"type":26,"value":2526},{"type":14,"tag":80,"props":4376,"children":4377},{"class":93},[4378],{"type":26,"value":114},{"type":14,"tag":80,"props":4380,"children":4381},{"class":87},[4382],{"type":26,"value":100},{"type":14,"tag":80,"props":4384,"children":4386},{"class":82,"line":4385},47,[4387,4391,4395],{"type":14,"tag":80,"props":4388,"children":4389},{"class":87},[4390],{"type":26,"value":449},{"type":14,"tag":80,"props":4392,"children":4393},{"class":93},[4394],{"type":26,"value":114},{"type":14,"tag":80,"props":4396,"children":4397},{"class":87},[4398],{"type":26,"value":100},{"type":14,"tag":80,"props":4400,"children":4402},{"class":82,"line":4401},48,[4403],{"type":14,"tag":80,"props":4404,"children":4405},{},[4406],{"type":26,"value":466},{"type":14,"tag":80,"props":4408,"children":4410},{"class":82,"line":4409},49,[4411,4415],{"type":14,"tag":80,"props":4412,"children":4413},{"class":87},[4414],{"type":26,"value":109},{"type":14,"tag":80,"props":4416,"children":4417},{"class":93},[4418],{"type":26,"value":4138},{"type":14,"tag":80,"props":4420,"children":4422},{"class":82,"line":4421},50,[4423,4427,4431,4435],{"type":14,"tag":80,"props":4424,"children":4425},{"class":87},[4426],{"type":26,"value":4147},{"type":14,"tag":80,"props":4428,"children":4429},{"class":122},[4430],{"type":26,"value":125},{"type":14,"tag":80,"props":4432,"children":4433},{"class":87},[4434],{"type":26,"value":130},{"type":14,"tag":80,"props":4436,"children":4437},{"class":133},[4438],{"type":26,"value":4439},"\"_display:flex! _flex-wrap:wrap! _align-content:space-around!\"\n",{"type":14,"tag":80,"props":4441,"children":4443},{"class":82,"line":4442},51,[4444,4448,4452,4456],{"type":14,"tag":80,"props":4445,"children":4446},{"class":87},[4447],{"type":26,"value":4147},{"type":14,"tag":80,"props":4449,"children":4450},{"class":122},[4451],{"type":26,"value":3395},{"type":14,"tag":80,"props":4453,"children":4454},{"class":87},[4455],{"type":26,"value":130},{"type":14,"tag":80,"props":4457,"children":4458},{"class":133},[4459],{"type":26,"value":4181},{"type":14,"tag":80,"props":4461,"children":4463},{"class":82,"line":4462},52,[4464],{"type":14,"tag":80,"props":4465,"children":4466},{"class":87},[4467],{"type":26,"value":4190},{"type":14,"tag":80,"props":4469,"children":4471},{"class":82,"line":4470},53,[4472,4476,4480,4484,4488],{"type":14,"tag":80,"props":4473,"children":4474},{"class":87},[4475],{"type":26,"value":398},{"type":14,"tag":80,"props":4477,"children":4478},{"class":93},[4479],{"type":26,"value":114},{"type":14,"tag":80,"props":4481,"children":4482},{"class":87},[4483],{"type":26,"value":2526},{"type":14,"tag":80,"props":4485,"children":4486},{"class":93},[4487],{"type":26,"value":114},{"type":14,"tag":80,"props":4489,"children":4490},{"class":87},[4491],{"type":26,"value":100},{"type":14,"tag":80,"props":4493,"children":4495},{"class":82,"line":4494},54,[4496,4500,4504,4508,4512],{"type":14,"tag":80,"props":4497,"children":4498},{"class":87},[4499],{"type":26,"value":398},{"type":14,"tag":80,"props":4501,"children":4502},{"class":93},[4503],{"type":26,"value":114},{"type":14,"tag":80,"props":4505,"children":4506},{"class":87},[4507],{"type":26,"value":2526},{"type":14,"tag":80,"props":4509,"children":4510},{"class":93},[4511],{"type":26,"value":114},{"type":14,"tag":80,"props":4513,"children":4514},{"class":87},[4515],{"type":26,"value":100},{"type":14,"tag":80,"props":4517,"children":4519},{"class":82,"line":4518},55,[4520,4524,4528,4532,4536],{"type":14,"tag":80,"props":4521,"children":4522},{"class":87},[4523],{"type":26,"value":398},{"type":14,"tag":80,"props":4525,"children":4526},{"class":93},[4527],{"type":26,"value":114},{"type":14,"tag":80,"props":4529,"children":4530},{"class":87},[4531],{"type":26,"value":2526},{"type":14,"tag":80,"props":4533,"children":4534},{"class":93},[4535],{"type":26,"value":114},{"type":14,"tag":80,"props":4537,"children":4538},{"class":87},[4539],{"type":26,"value":100},{"type":14,"tag":80,"props":4541,"children":4543},{"class":82,"line":4542},56,[4544,4548,4552,4556,4560],{"type":14,"tag":80,"props":4545,"children":4546},{"class":87},[4547],{"type":26,"value":398},{"type":14,"tag":80,"props":4549,"children":4550},{"class":93},[4551],{"type":26,"value":114},{"type":14,"tag":80,"props":4553,"children":4554},{"class":87},[4555],{"type":26,"value":2526},{"type":14,"tag":80,"props":4557,"children":4558},{"class":93},[4559],{"type":26,"value":114},{"type":14,"tag":80,"props":4561,"children":4562},{"class":87},[4563],{"type":26,"value":100},{"type":14,"tag":80,"props":4565,"children":4567},{"class":82,"line":4566},57,[4568,4572,4576,4580,4584],{"type":14,"tag":80,"props":4569,"children":4570},{"class":87},[4571],{"type":26,"value":398},{"type":14,"tag":80,"props":4573,"children":4574},{"class":93},[4575],{"type":26,"value":114},{"type":14,"tag":80,"props":4577,"children":4578},{"class":87},[4579],{"type":26,"value":2526},{"type":14,"tag":80,"props":4581,"children":4582},{"class":93},[4583],{"type":26,"value":114},{"type":14,"tag":80,"props":4585,"children":4586},{"class":87},[4587],{"type":26,"value":100},{"type":14,"tag":80,"props":4589,"children":4591},{"class":82,"line":4590},58,[4592,4596,4600,4604,4608],{"type":14,"tag":80,"props":4593,"children":4594},{"class":87},[4595],{"type":26,"value":398},{"type":14,"tag":80,"props":4597,"children":4598},{"class":93},[4599],{"type":26,"value":114},{"type":14,"tag":80,"props":4601,"children":4602},{"class":87},[4603],{"type":26,"value":2526},{"type":14,"tag":80,"props":4605,"children":4606},{"class":93},[4607],{"type":26,"value":114},{"type":14,"tag":80,"props":4609,"children":4610},{"class":87},[4611],{"type":26,"value":100},{"type":14,"tag":80,"props":4613,"children":4615},{"class":82,"line":4614},59,[4616,4620,4624,4628,4632],{"type":14,"tag":80,"props":4617,"children":4618},{"class":87},[4619],{"type":26,"value":398},{"type":14,"tag":80,"props":4621,"children":4622},{"class":93},[4623],{"type":26,"value":114},{"type":14,"tag":80,"props":4625,"children":4626},{"class":87},[4627],{"type":26,"value":2526},{"type":14,"tag":80,"props":4629,"children":4630},{"class":93},[4631],{"type":26,"value":114},{"type":14,"tag":80,"props":4633,"children":4634},{"class":87},[4635],{"type":26,"value":100},{"type":14,"tag":80,"props":4637,"children":4639},{"class":82,"line":4638},60,[4640,4644,4648,4652,4656],{"type":14,"tag":80,"props":4641,"children":4642},{"class":87},[4643],{"type":26,"value":398},{"type":14,"tag":80,"props":4645,"children":4646},{"class":93},[4647],{"type":26,"value":114},{"type":14,"tag":80,"props":4649,"children":4650},{"class":87},[4651],{"type":26,"value":2526},{"type":14,"tag":80,"props":4653,"children":4654},{"class":93},[4655],{"type":26,"value":114},{"type":14,"tag":80,"props":4657,"children":4658},{"class":87},[4659],{"type":26,"value":100},{"type":14,"tag":80,"props":4661,"children":4663},{"class":82,"line":4662},61,[4664,4668,4672],{"type":14,"tag":80,"props":4665,"children":4666},{"class":87},[4667],{"type":26,"value":449},{"type":14,"tag":80,"props":4669,"children":4670},{"class":93},[4671],{"type":26,"value":114},{"type":14,"tag":80,"props":4673,"children":4674},{"class":87},[4675],{"type":26,"value":100},{"type":14,"tag":80,"props":4677,"children":4679},{"class":82,"line":4678},62,[4680],{"type":14,"tag":80,"props":4681,"children":4682},{},[4683],{"type":26,"value":466},{"type":14,"tag":80,"props":4685,"children":4687},{"class":82,"line":4686},63,[4688,4692,4696,4700,4704,4708,4713,4717,4721,4725,4729],{"type":14,"tag":80,"props":4689,"children":4690},{"class":87},[4691],{"type":26,"value":109},{"type":14,"tag":80,"props":4693,"children":4694},{"class":93},[4695],{"type":26,"value":114},{"type":14,"tag":80,"props":4697,"children":4698},{"class":87},[4699],{"type":26,"value":119},{"type":14,"tag":80,"props":4701,"children":4702},{"class":122},[4703],{"type":26,"value":125},{"type":14,"tag":80,"props":4705,"children":4706},{"class":87},[4707],{"type":26,"value":130},{"type":14,"tag":80,"props":4709,"children":4710},{"class":133},[4711],{"type":26,"value":4712},"\"_display:flex! _flex-wrap:wrap! _align-content:stretch!\"",{"type":14,"tag":80,"props":4714,"children":4715},{"class":87},[4716],{"type":26,"value":119},{"type":14,"tag":80,"props":4718,"children":4719},{"class":122},[4720],{"type":26,"value":3395},{"type":14,"tag":80,"props":4722,"children":4723},{"class":87},[4724],{"type":26,"value":130},{"type":14,"tag":80,"props":4726,"children":4727},{"class":133},[4728],{"type":26,"value":3404},{"type":14,"tag":80,"props":4730,"children":4731},{"class":87},[4732],{"type":26,"value":100},{"type":14,"tag":80,"props":4734,"children":4736},{"class":82,"line":4735},64,[4737,4741,4745,4749,4753],{"type":14,"tag":80,"props":4738,"children":4739},{"class":87},[4740],{"type":26,"value":398},{"type":14,"tag":80,"props":4742,"children":4743},{"class":93},[4744],{"type":26,"value":114},{"type":14,"tag":80,"props":4746,"children":4747},{"class":87},[4748],{"type":26,"value":2526},{"type":14,"tag":80,"props":4750,"children":4751},{"class":93},[4752],{"type":26,"value":114},{"type":14,"tag":80,"props":4754,"children":4755},{"class":87},[4756],{"type":26,"value":100},{"type":14,"tag":80,"props":4758,"children":4760},{"class":82,"line":4759},65,[4761,4765,4769,4773,4777],{"type":14,"tag":80,"props":4762,"children":4763},{"class":87},[4764],{"type":26,"value":398},{"type":14,"tag":80,"props":4766,"children":4767},{"class":93},[4768],{"type":26,"value":114},{"type":14,"tag":80,"props":4770,"children":4771},{"class":87},[4772],{"type":26,"value":2526},{"type":14,"tag":80,"props":4774,"children":4775},{"class":93},[4776],{"type":26,"value":114},{"type":14,"tag":80,"props":4778,"children":4779},{"class":87},[4780],{"type":26,"value":100},{"type":14,"tag":80,"props":4782,"children":4784},{"class":82,"line":4783},66,[4785,4789,4793,4797,4801],{"type":14,"tag":80,"props":4786,"children":4787},{"class":87},[4788],{"type":26,"value":398},{"type":14,"tag":80,"props":4790,"children":4791},{"class":93},[4792],{"type":26,"value":114},{"type":14,"tag":80,"props":4794,"children":4795},{"class":87},[4796],{"type":26,"value":2526},{"type":14,"tag":80,"props":4798,"children":4799},{"class":93},[4800],{"type":26,"value":114},{"type":14,"tag":80,"props":4802,"children":4803},{"class":87},[4804],{"type":26,"value":100},{"type":14,"tag":80,"props":4806,"children":4808},{"class":82,"line":4807},67,[4809,4813,4817,4821,4825],{"type":14,"tag":80,"props":4810,"children":4811},{"class":87},[4812],{"type":26,"value":398},{"type":14,"tag":80,"props":4814,"children":4815},{"class":93},[4816],{"type":26,"value":114},{"type":14,"tag":80,"props":4818,"children":4819},{"class":87},[4820],{"type":26,"value":2526},{"type":14,"tag":80,"props":4822,"children":4823},{"class":93},[4824],{"type":26,"value":114},{"type":14,"tag":80,"props":4826,"children":4827},{"class":87},[4828],{"type":26,"value":100},{"type":14,"tag":80,"props":4830,"children":4832},{"class":82,"line":4831},68,[4833,4837,4841,4845,4849],{"type":14,"tag":80,"props":4834,"children":4835},{"class":87},[4836],{"type":26,"value":398},{"type":14,"tag":80,"props":4838,"children":4839},{"class":93},[4840],{"type":26,"value":114},{"type":14,"tag":80,"props":4842,"children":4843},{"class":87},[4844],{"type":26,"value":2526},{"type":14,"tag":80,"props":4846,"children":4847},{"class":93},[4848],{"type":26,"value":114},{"type":14,"tag":80,"props":4850,"children":4851},{"class":87},[4852],{"type":26,"value":100},{"type":14,"tag":80,"props":4854,"children":4856},{"class":82,"line":4855},69,[4857,4861,4865,4869,4873],{"type":14,"tag":80,"props":4858,"children":4859},{"class":87},[4860],{"type":26,"value":398},{"type":14,"tag":80,"props":4862,"children":4863},{"class":93},[4864],{"type":26,"value":114},{"type":14,"tag":80,"props":4866,"children":4867},{"class":87},[4868],{"type":26,"value":2526},{"type":14,"tag":80,"props":4870,"children":4871},{"class":93},[4872],{"type":26,"value":114},{"type":14,"tag":80,"props":4874,"children":4875},{"class":87},[4876],{"type":26,"value":100},{"type":14,"tag":80,"props":4878,"children":4880},{"class":82,"line":4879},70,[4881,4885,4889,4893,4897],{"type":14,"tag":80,"props":4882,"children":4883},{"class":87},[4884],{"type":26,"value":398},{"type":14,"tag":80,"props":4886,"children":4887},{"class":93},[4888],{"type":26,"value":114},{"type":14,"tag":80,"props":4890,"children":4891},{"class":87},[4892],{"type":26,"value":2526},{"type":14,"tag":80,"props":4894,"children":4895},{"class":93},[4896],{"type":26,"value":114},{"type":14,"tag":80,"props":4898,"children":4899},{"class":87},[4900],{"type":26,"value":100},{"type":14,"tag":80,"props":4902,"children":4904},{"class":82,"line":4903},71,[4905,4909,4913,4917,4921],{"type":14,"tag":80,"props":4906,"children":4907},{"class":87},[4908],{"type":26,"value":398},{"type":14,"tag":80,"props":4910,"children":4911},{"class":93},[4912],{"type":26,"value":114},{"type":14,"tag":80,"props":4914,"children":4915},{"class":87},[4916],{"type":26,"value":2526},{"type":14,"tag":80,"props":4918,"children":4919},{"class":93},[4920],{"type":26,"value":114},{"type":14,"tag":80,"props":4922,"children":4923},{"class":87},[4924],{"type":26,"value":100},{"type":14,"tag":80,"props":4926,"children":4928},{"class":82,"line":4927},72,[4929,4933,4937],{"type":14,"tag":80,"props":4930,"children":4931},{"class":87},[4932],{"type":26,"value":449},{"type":14,"tag":80,"props":4934,"children":4935},{"class":93},[4936],{"type":26,"value":114},{"type":14,"tag":80,"props":4938,"children":4939},{"class":87},[4940],{"type":26,"value":100},{"type":14,"tag":80,"props":4942,"children":4944},{"class":82,"line":4943},73,[4945,4949,4953],{"type":14,"tag":80,"props":4946,"children":4947},{"class":87},[4948],{"type":26,"value":158},{"type":14,"tag":80,"props":4950,"children":4951},{"class":93},[4952],{"type":26,"value":53},{"type":14,"tag":80,"props":4954,"children":4955},{"class":87},[4956],{"type":26,"value":167},{"type":14,"tag":28,"props":4958,"children":4959},{},[4960],{"type":26,"value":4961},"Flexbox shrink and grow utilities can also be applied responsively. Here are the available helper classes::",{"type":14,"tag":269,"props":4963,"children":4964},{},[4965,4979,4993,5001,5009,5017],{"type":14,"tag":273,"props":4966,"children":4967},{},[4968,4973,4974],{"type":14,"tag":34,"props":4969,"children":4970},{},[4971],{"type":26,"value":4972},"._align-content:start",{"type":26,"value":1609},{"type":14,"tag":34,"props":4975,"children":4976},{},[4977],{"type":26,"value":4978},"._align-content:flex-start",{"type":14,"tag":273,"props":4980,"children":4981},{},[4982,4987,4988],{"type":14,"tag":34,"props":4983,"children":4984},{},[4985],{"type":26,"value":4986},"._align-content:center",{"type":26,"value":1609},{"type":14,"tag":34,"props":4989,"children":4990},{},[4991],{"type":26,"value":4992},"._align-content:flex-center",{"type":14,"tag":273,"props":4994,"children":4995},{},[4996],{"type":14,"tag":34,"props":4997,"children":4998},{},[4999],{"type":26,"value":5000},"._align-content:end",{"type":14,"tag":273,"props":5002,"children":5003},{},[5004],{"type":14,"tag":34,"props":5005,"children":5006},{},[5007],{"type":26,"value":5008},"._align-content:space-between",{"type":14,"tag":273,"props":5010,"children":5011},{},[5012],{"type":14,"tag":34,"props":5013,"children":5014},{},[5015],{"type":26,"value":5016},"._align-content:space-around",{"type":14,"tag":273,"props":5018,"children":5019},{},[5020],{"type":14,"tag":34,"props":5021,"children":5022},{},[5023],{"type":26,"value":5024},"._align-content:space-stretch",{"type":14,"tag":290,"props":5026,"children":5028},{"id":5027},"fill",[5029],{"type":26,"value":5030},"Fill",{"type":14,"tag":28,"props":5032,"children":5033},{},[5034,5035,5040],{"type":26,"value":888},{"type":14,"tag":34,"props":5036,"children":5037},{},[5038],{"type":26,"value":5039},"_flex:fill",{"type":26,"value":5041}," utilities on a series of flexbox items to force them into widths equal to their content.",{"type":14,"tag":49,"props":5043,"children":5044},{},[5045,5052],{"type":14,"tag":53,"props":5046,"children":5047},{"v-slot:preview":7},[5048],{"type":14,"tag":57,"props":5049,"children":5051},{"src":5050},"/stories/utilities/flex/flex-fill",[],{"type":14,"tag":53,"props":5053,"children":5054},{"v-slot:vue":7},[5055],{"type":14,"tag":65,"props":5056,"children":5059},{"className":5057,"code":5058,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv class=\"_flex:fill!\">Flex Item with a lot of content\u003C/div>\n        \u003Cdiv class=\"_flex:fill!\">Flex Item\u003C/div>\n        \u003Cdiv class=\"_flex:fill!\">Flex Item\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[5060],{"type":14,"tag":73,"props":5061,"children":5062},{},[5063],{"type":14,"tag":65,"props":5064,"children":5065},{"__ignoreMap":7},[5066,5081,5112,5153,5192,5231,5246],{"type":14,"tag":80,"props":5067,"children":5068},{"class":82,"line":83},[5069,5073,5077],{"type":14,"tag":80,"props":5070,"children":5071},{"class":87},[5072],{"type":26,"value":90},{"type":14,"tag":80,"props":5074,"children":5075},{"class":93},[5076],{"type":26,"value":53},{"type":14,"tag":80,"props":5078,"children":5079},{"class":87},[5080],{"type":26,"value":100},{"type":14,"tag":80,"props":5082,"children":5083},{"class":82,"line":103},[5084,5088,5092,5096,5100,5104,5108],{"type":14,"tag":80,"props":5085,"children":5086},{"class":87},[5087],{"type":26,"value":109},{"type":14,"tag":80,"props":5089,"children":5090},{"class":93},[5091],{"type":26,"value":114},{"type":14,"tag":80,"props":5093,"children":5094},{"class":87},[5095],{"type":26,"value":119},{"type":14,"tag":80,"props":5097,"children":5098},{"class":122},[5099],{"type":26,"value":125},{"type":14,"tag":80,"props":5101,"children":5102},{"class":87},[5103],{"type":26,"value":130},{"type":14,"tag":80,"props":5105,"children":5106},{"class":133},[5107],{"type":26,"value":136},{"type":14,"tag":80,"props":5109,"children":5110},{"class":87},[5111],{"type":26,"value":100},{"type":14,"tag":80,"props":5113,"children":5114},{"class":82,"line":152},[5115,5119,5123,5127,5131,5135,5140,5145,5149],{"type":14,"tag":80,"props":5116,"children":5117},{"class":87},[5118],{"type":26,"value":398},{"type":14,"tag":80,"props":5120,"children":5121},{"class":93},[5122],{"type":26,"value":114},{"type":14,"tag":80,"props":5124,"children":5125},{"class":87},[5126],{"type":26,"value":119},{"type":14,"tag":80,"props":5128,"children":5129},{"class":122},[5130],{"type":26,"value":125},{"type":14,"tag":80,"props":5132,"children":5133},{"class":87},[5134],{"type":26,"value":130},{"type":14,"tag":80,"props":5136,"children":5137},{"class":133},[5138],{"type":26,"value":5139},"\"_flex:fill!\"",{"type":14,"tag":80,"props":5141,"children":5142},{"class":87},[5143],{"type":26,"value":5144},">Flex Item with a lot of content\u003C/",{"type":14,"tag":80,"props":5146,"children":5147},{"class":93},[5148],{"type":26,"value":114},{"type":14,"tag":80,"props":5150,"children":5151},{"class":87},[5152],{"type":26,"value":100},{"type":14,"tag":80,"props":5154,"children":5155},{"class":82,"line":418},[5156,5160,5164,5168,5172,5176,5180,5184,5188],{"type":14,"tag":80,"props":5157,"children":5158},{"class":87},[5159],{"type":26,"value":398},{"type":14,"tag":80,"props":5161,"children":5162},{"class":93},[5163],{"type":26,"value":114},{"type":14,"tag":80,"props":5165,"children":5166},{"class":87},[5167],{"type":26,"value":119},{"type":14,"tag":80,"props":5169,"children":5170},{"class":122},[5171],{"type":26,"value":125},{"type":14,"tag":80,"props":5173,"children":5174},{"class":87},[5175],{"type":26,"value":130},{"type":14,"tag":80,"props":5177,"children":5178},{"class":133},[5179],{"type":26,"value":5139},{"type":14,"tag":80,"props":5181,"children":5182},{"class":87},[5183],{"type":26,"value":2526},{"type":14,"tag":80,"props":5185,"children":5186},{"class":93},[5187],{"type":26,"value":114},{"type":14,"tag":80,"props":5189,"children":5190},{"class":87},[5191],{"type":26,"value":100},{"type":14,"tag":80,"props":5193,"children":5194},{"class":82,"line":443},[5195,5199,5203,5207,5211,5215,5219,5223,5227],{"type":14,"tag":80,"props":5196,"children":5197},{"class":87},[5198],{"type":26,"value":398},{"type":14,"tag":80,"props":5200,"children":5201},{"class":93},[5202],{"type":26,"value":114},{"type":14,"tag":80,"props":5204,"children":5205},{"class":87},[5206],{"type":26,"value":119},{"type":14,"tag":80,"props":5208,"children":5209},{"class":122},[5210],{"type":26,"value":125},{"type":14,"tag":80,"props":5212,"children":5213},{"class":87},[5214],{"type":26,"value":130},{"type":14,"tag":80,"props":5216,"children":5217},{"class":133},[5218],{"type":26,"value":5139},{"type":14,"tag":80,"props":5220,"children":5221},{"class":87},[5222],{"type":26,"value":2526},{"type":14,"tag":80,"props":5224,"children":5225},{"class":93},[5226],{"type":26,"value":114},{"type":14,"tag":80,"props":5228,"children":5229},{"class":87},[5230],{"type":26,"value":100},{"type":14,"tag":80,"props":5232,"children":5233},{"class":82,"line":460},[5234,5238,5242],{"type":14,"tag":80,"props":5235,"children":5236},{"class":87},[5237],{"type":26,"value":449},{"type":14,"tag":80,"props":5239,"children":5240},{"class":93},[5241],{"type":26,"value":114},{"type":14,"tag":80,"props":5243,"children":5244},{"class":87},[5245],{"type":26,"value":100},{"type":14,"tag":80,"props":5247,"children":5248},{"class":82,"line":469},[5249,5253,5257],{"type":14,"tag":80,"props":5250,"children":5251},{"class":87},[5252],{"type":26,"value":158},{"type":14,"tag":80,"props":5254,"children":5255},{"class":93},[5256],{"type":26,"value":53},{"type":14,"tag":80,"props":5258,"children":5259},{"class":87},[5260],{"type":26,"value":167},{"type":14,"tag":28,"props":5262,"children":5263},{},[5264],{"type":26,"value":5265},"Flexbox fill utilities can also be applied responsively. Here are the available helper classes::",{"type":14,"tag":269,"props":5267,"children":5268},{},[5269],{"type":14,"tag":273,"props":5270,"children":5271},{},[5272],{"type":14,"tag":34,"props":5273,"children":5274},{},[5275],{"type":26,"value":5276},"._flex:fill",{"type":14,"tag":290,"props":5278,"children":5280},{"id":5279},"grow-and-shrink",[5281],{"type":26,"value":5282},"Grow and shrink",{"type":14,"tag":28,"props":5284,"children":5285},{},[5286,5287,5292,5294,5299,5301,5306],{"type":26,"value":888},{"type":14,"tag":34,"props":5288,"children":5289},{},[5290],{"type":26,"value":5291},"_flex-grow:1",{"type":26,"value":5293}," and ",{"type":14,"tag":34,"props":5295,"children":5296},{},[5297],{"type":26,"value":5298},"_flex-grow:0",{"type":26,"value":5300}," utilities to toggle a flex item’s ability to grow to fill available space. In the example below. A value of ",{"type":14,"tag":34,"props":5302,"children":5303},{},[5304],{"type":26,"value":5305},"1",{"type":26,"value":5307}," uses all available space it can, while allowing the remaining two flex items their necessary space.",{"type":14,"tag":49,"props":5309,"children":5310},{},[5311,5318],{"type":14,"tag":53,"props":5312,"children":5313},{"v-slot:preview":7},[5314],{"type":14,"tag":57,"props":5315,"children":5317},{"src":5316},"/stories/utilities/flex/flex-grow",[],{"type":14,"tag":53,"props":5319,"children":5320},{"v-slot:vue":7},[5321],{"type":14,"tag":65,"props":5322,"children":5325},{"className":5323,"code":5324,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv class=\"_flex-grow:1!\">Flex Grow 1 Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[5326],{"type":14,"tag":73,"props":5327,"children":5328},{},[5329],{"type":14,"tag":65,"props":5330,"children":5331},{"__ignoreMap":7},[5332,5347,5378,5419,5442,5465,5480],{"type":14,"tag":80,"props":5333,"children":5334},{"class":82,"line":83},[5335,5339,5343],{"type":14,"tag":80,"props":5336,"children":5337},{"class":87},[5338],{"type":26,"value":90},{"type":14,"tag":80,"props":5340,"children":5341},{"class":93},[5342],{"type":26,"value":53},{"type":14,"tag":80,"props":5344,"children":5345},{"class":87},[5346],{"type":26,"value":100},{"type":14,"tag":80,"props":5348,"children":5349},{"class":82,"line":103},[5350,5354,5358,5362,5366,5370,5374],{"type":14,"tag":80,"props":5351,"children":5352},{"class":87},[5353],{"type":26,"value":109},{"type":14,"tag":80,"props":5355,"children":5356},{"class":93},[5357],{"type":26,"value":114},{"type":14,"tag":80,"props":5359,"children":5360},{"class":87},[5361],{"type":26,"value":119},{"type":14,"tag":80,"props":5363,"children":5364},{"class":122},[5365],{"type":26,"value":125},{"type":14,"tag":80,"props":5367,"children":5368},{"class":87},[5369],{"type":26,"value":130},{"type":14,"tag":80,"props":5371,"children":5372},{"class":133},[5373],{"type":26,"value":136},{"type":14,"tag":80,"props":5375,"children":5376},{"class":87},[5377],{"type":26,"value":100},{"type":14,"tag":80,"props":5379,"children":5380},{"class":82,"line":152},[5381,5385,5389,5393,5397,5401,5406,5411,5415],{"type":14,"tag":80,"props":5382,"children":5383},{"class":87},[5384],{"type":26,"value":398},{"type":14,"tag":80,"props":5386,"children":5387},{"class":93},[5388],{"type":26,"value":114},{"type":14,"tag":80,"props":5390,"children":5391},{"class":87},[5392],{"type":26,"value":119},{"type":14,"tag":80,"props":5394,"children":5395},{"class":122},[5396],{"type":26,"value":125},{"type":14,"tag":80,"props":5398,"children":5399},{"class":87},[5400],{"type":26,"value":130},{"type":14,"tag":80,"props":5402,"children":5403},{"class":133},[5404],{"type":26,"value":5405},"\"_flex-grow:1!\"",{"type":14,"tag":80,"props":5407,"children":5408},{"class":87},[5409],{"type":26,"value":5410},">Flex Grow 1 Item\u003C/",{"type":14,"tag":80,"props":5412,"children":5413},{"class":93},[5414],{"type":26,"value":114},{"type":14,"tag":80,"props":5416,"children":5417},{"class":87},[5418],{"type":26,"value":100},{"type":14,"tag":80,"props":5420,"children":5421},{"class":82,"line":418},[5422,5426,5430,5434,5438],{"type":14,"tag":80,"props":5423,"children":5424},{"class":87},[5425],{"type":26,"value":398},{"type":14,"tag":80,"props":5427,"children":5428},{"class":93},[5429],{"type":26,"value":114},{"type":14,"tag":80,"props":5431,"children":5432},{"class":87},[5433],{"type":26,"value":2526},{"type":14,"tag":80,"props":5435,"children":5436},{"class":93},[5437],{"type":26,"value":114},{"type":14,"tag":80,"props":5439,"children":5440},{"class":87},[5441],{"type":26,"value":100},{"type":14,"tag":80,"props":5443,"children":5444},{"class":82,"line":443},[5445,5449,5453,5457,5461],{"type":14,"tag":80,"props":5446,"children":5447},{"class":87},[5448],{"type":26,"value":398},{"type":14,"tag":80,"props":5450,"children":5451},{"class":93},[5452],{"type":26,"value":114},{"type":14,"tag":80,"props":5454,"children":5455},{"class":87},[5456],{"type":26,"value":2526},{"type":14,"tag":80,"props":5458,"children":5459},{"class":93},[5460],{"type":26,"value":114},{"type":14,"tag":80,"props":5462,"children":5463},{"class":87},[5464],{"type":26,"value":100},{"type":14,"tag":80,"props":5466,"children":5467},{"class":82,"line":460},[5468,5472,5476],{"type":14,"tag":80,"props":5469,"children":5470},{"class":87},[5471],{"type":26,"value":449},{"type":14,"tag":80,"props":5473,"children":5474},{"class":93},[5475],{"type":26,"value":114},{"type":14,"tag":80,"props":5477,"children":5478},{"class":87},[5479],{"type":26,"value":100},{"type":14,"tag":80,"props":5481,"children":5482},{"class":82,"line":469},[5483,5487,5491],{"type":14,"tag":80,"props":5484,"children":5485},{"class":87},[5486],{"type":26,"value":158},{"type":14,"tag":80,"props":5488,"children":5489},{"class":93},[5490],{"type":26,"value":53},{"type":14,"tag":80,"props":5492,"children":5493},{"class":87},[5494],{"type":26,"value":167},{"type":14,"tag":28,"props":5496,"children":5497},{},[5498,5500,5505,5506,5511,5513,5518],{"type":26,"value":5499},"Use the ",{"type":14,"tag":34,"props":5501,"children":5502},{},[5503],{"type":26,"value":5504},"_flex-shrink:1",{"type":26,"value":5293},{"type":14,"tag":34,"props":5507,"children":5508},{},[5509],{"type":26,"value":5510},"_flex-shrink:0",{"type":26,"value":5512}," utilities to toggle a flex item’s ability to shrink if necessary. This can be used together with a ",{"type":14,"tag":34,"props":5514,"children":5515},{},[5516],{"type":26,"value":5517},"width: 100%",{"type":26,"value":5519}," div to make some flex items cover as little space as possible.",{"type":14,"tag":49,"props":5521,"children":5522},{},[5523,5530],{"type":14,"tag":53,"props":5524,"children":5525},{"v-slot:preview":7},[5526],{"type":14,"tag":57,"props":5527,"children":5529},{"src":5528},"/stories/utilities/flex/flex-shrink",[],{"type":14,"tag":53,"props":5531,"children":5532},{"v-slot:vue":7},[5533],{"type":14,"tag":65,"props":5534,"children":5537},{"className":5535,"code":5536,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv class=\"_width:100!\">Flex Item\u003C/div>\n        \u003Cdiv class=\"_flex-shrink:1!\">Flex Shrink\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[5538],{"type":14,"tag":73,"props":5539,"children":5540},{},[5541],{"type":14,"tag":65,"props":5542,"children":5543},{"__ignoreMap":7},[5544,5559,5590,5630,5671,5686],{"type":14,"tag":80,"props":5545,"children":5546},{"class":82,"line":83},[5547,5551,5555],{"type":14,"tag":80,"props":5548,"children":5549},{"class":87},[5550],{"type":26,"value":90},{"type":14,"tag":80,"props":5552,"children":5553},{"class":93},[5554],{"type":26,"value":53},{"type":14,"tag":80,"props":5556,"children":5557},{"class":87},[5558],{"type":26,"value":100},{"type":14,"tag":80,"props":5560,"children":5561},{"class":82,"line":103},[5562,5566,5570,5574,5578,5582,5586],{"type":14,"tag":80,"props":5563,"children":5564},{"class":87},[5565],{"type":26,"value":109},{"type":14,"tag":80,"props":5567,"children":5568},{"class":93},[5569],{"type":26,"value":114},{"type":14,"tag":80,"props":5571,"children":5572},{"class":87},[5573],{"type":26,"value":119},{"type":14,"tag":80,"props":5575,"children":5576},{"class":122},[5577],{"type":26,"value":125},{"type":14,"tag":80,"props":5579,"children":5580},{"class":87},[5581],{"type":26,"value":130},{"type":14,"tag":80,"props":5583,"children":5584},{"class":133},[5585],{"type":26,"value":136},{"type":14,"tag":80,"props":5587,"children":5588},{"class":87},[5589],{"type":26,"value":100},{"type":14,"tag":80,"props":5591,"children":5592},{"class":82,"line":152},[5593,5597,5601,5605,5609,5613,5618,5622,5626],{"type":14,"tag":80,"props":5594,"children":5595},{"class":87},[5596],{"type":26,"value":398},{"type":14,"tag":80,"props":5598,"children":5599},{"class":93},[5600],{"type":26,"value":114},{"type":14,"tag":80,"props":5602,"children":5603},{"class":87},[5604],{"type":26,"value":119},{"type":14,"tag":80,"props":5606,"children":5607},{"class":122},[5608],{"type":26,"value":125},{"type":14,"tag":80,"props":5610,"children":5611},{"class":87},[5612],{"type":26,"value":130},{"type":14,"tag":80,"props":5614,"children":5615},{"class":133},[5616],{"type":26,"value":5617},"\"_width:100!\"",{"type":14,"tag":80,"props":5619,"children":5620},{"class":87},[5621],{"type":26,"value":2526},{"type":14,"tag":80,"props":5623,"children":5624},{"class":93},[5625],{"type":26,"value":114},{"type":14,"tag":80,"props":5627,"children":5628},{"class":87},[5629],{"type":26,"value":100},{"type":14,"tag":80,"props":5631,"children":5632},{"class":82,"line":418},[5633,5637,5641,5645,5649,5653,5658,5663,5667],{"type":14,"tag":80,"props":5634,"children":5635},{"class":87},[5636],{"type":26,"value":398},{"type":14,"tag":80,"props":5638,"children":5639},{"class":93},[5640],{"type":26,"value":114},{"type":14,"tag":80,"props":5642,"children":5643},{"class":87},[5644],{"type":26,"value":119},{"type":14,"tag":80,"props":5646,"children":5647},{"class":122},[5648],{"type":26,"value":125},{"type":14,"tag":80,"props":5650,"children":5651},{"class":87},[5652],{"type":26,"value":130},{"type":14,"tag":80,"props":5654,"children":5655},{"class":133},[5656],{"type":26,"value":5657},"\"_flex-shrink:1!\"",{"type":14,"tag":80,"props":5659,"children":5660},{"class":87},[5661],{"type":26,"value":5662},">Flex Shrink\u003C/",{"type":14,"tag":80,"props":5664,"children":5665},{"class":93},[5666],{"type":26,"value":114},{"type":14,"tag":80,"props":5668,"children":5669},{"class":87},[5670],{"type":26,"value":100},{"type":14,"tag":80,"props":5672,"children":5673},{"class":82,"line":443},[5674,5678,5682],{"type":14,"tag":80,"props":5675,"children":5676},{"class":87},[5677],{"type":26,"value":449},{"type":14,"tag":80,"props":5679,"children":5680},{"class":93},[5681],{"type":26,"value":114},{"type":14,"tag":80,"props":5683,"children":5684},{"class":87},[5685],{"type":26,"value":100},{"type":14,"tag":80,"props":5687,"children":5688},{"class":82,"line":460},[5689,5693,5697],{"type":14,"tag":80,"props":5690,"children":5691},{"class":87},[5692],{"type":26,"value":158},{"type":14,"tag":80,"props":5694,"children":5695},{"class":93},[5696],{"type":26,"value":53},{"type":14,"tag":80,"props":5698,"children":5699},{"class":87},[5700],{"type":26,"value":167},{"type":14,"tag":28,"props":5702,"children":5703},{},[5704],{"type":26,"value":4961},{"type":14,"tag":269,"props":5706,"children":5707},{},[5708,5716,5724,5732],{"type":14,"tag":273,"props":5709,"children":5710},{},[5711],{"type":14,"tag":34,"props":5712,"children":5713},{},[5714],{"type":26,"value":5715},"._flex-grow:0",{"type":14,"tag":273,"props":5717,"children":5718},{},[5719],{"type":14,"tag":34,"props":5720,"children":5721},{},[5722],{"type":26,"value":5723},"._flex-grow:1",{"type":14,"tag":273,"props":5725,"children":5726},{},[5727],{"type":14,"tag":34,"props":5728,"children":5729},{},[5730],{"type":26,"value":5731},"._flex-shrink:0",{"type":14,"tag":273,"props":5733,"children":5734},{},[5735],{"type":14,"tag":34,"props":5736,"children":5737},{},[5738],{"type":26,"value":5739},"._flex-shrink:1",{"type":14,"tag":290,"props":5741,"children":5743},{"id":5742},"auto-margins",[5744],{"type":26,"value":5745},"Auto Margins",{"type":14,"tag":28,"props":5747,"children":5748},{},[5749],{"type":26,"value":5750},"When you mix flex alignments with auto margins you can obtain some pretty unique and useful layouts.",{"type":14,"tag":49,"props":5752,"children":5753},{},[5754,5761],{"type":14,"tag":53,"props":5755,"children":5756},{"v-slot:preview":7},[5757],{"type":14,"tag":57,"props":5758,"children":5760},{"src":5759},"/stories/utilities/flex/margin-auto",[],{"type":14,"tag":53,"props":5762,"children":5763},{"v-slot:vue":7},[5764],{"type":14,"tag":65,"props":5765,"children":5768},{"className":5766,"code":5767,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv class=\"_margin-right:auto!\">Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv class=\"_margin-left:auto!\">Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _flex-direction:column!\" style=\"height: 200px\">\n        \u003Cdiv class=\"_margin-bottom:auto!\">Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _flex-direction:column!\" style=\"height: 200px\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv class=\"_margin-top:auto!\">Flex Item\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[5769],{"type":14,"tag":73,"props":5770,"children":5771},{},[5772],{"type":14,"tag":65,"props":5773,"children":5774},{"__ignoreMap":7},[5775,5790,5821,5861,5884,5907,5922,5929,5960,5983,6006,6046,6061,6068,6116,6156,6179,6202,6217,6224,6271,6294,6317,6357,6372],{"type":14,"tag":80,"props":5776,"children":5777},{"class":82,"line":83},[5778,5782,5786],{"type":14,"tag":80,"props":5779,"children":5780},{"class":87},[5781],{"type":26,"value":90},{"type":14,"tag":80,"props":5783,"children":5784},{"class":93},[5785],{"type":26,"value":53},{"type":14,"tag":80,"props":5787,"children":5788},{"class":87},[5789],{"type":26,"value":100},{"type":14,"tag":80,"props":5791,"children":5792},{"class":82,"line":103},[5793,5797,5801,5805,5809,5813,5817],{"type":14,"tag":80,"props":5794,"children":5795},{"class":87},[5796],{"type":26,"value":109},{"type":14,"tag":80,"props":5798,"children":5799},{"class":93},[5800],{"type":26,"value":114},{"type":14,"tag":80,"props":5802,"children":5803},{"class":87},[5804],{"type":26,"value":119},{"type":14,"tag":80,"props":5806,"children":5807},{"class":122},[5808],{"type":26,"value":125},{"type":14,"tag":80,"props":5810,"children":5811},{"class":87},[5812],{"type":26,"value":130},{"type":14,"tag":80,"props":5814,"children":5815},{"class":133},[5816],{"type":26,"value":136},{"type":14,"tag":80,"props":5818,"children":5819},{"class":87},[5820],{"type":26,"value":100},{"type":14,"tag":80,"props":5822,"children":5823},{"class":82,"line":152},[5824,5828,5832,5836,5840,5844,5849,5853,5857],{"type":14,"tag":80,"props":5825,"children":5826},{"class":87},[5827],{"type":26,"value":398},{"type":14,"tag":80,"props":5829,"children":5830},{"class":93},[5831],{"type":26,"value":114},{"type":14,"tag":80,"props":5833,"children":5834},{"class":87},[5835],{"type":26,"value":119},{"type":14,"tag":80,"props":5837,"children":5838},{"class":122},[5839],{"type":26,"value":125},{"type":14,"tag":80,"props":5841,"children":5842},{"class":87},[5843],{"type":26,"value":130},{"type":14,"tag":80,"props":5845,"children":5846},{"class":133},[5847],{"type":26,"value":5848},"\"_margin-right:auto!\"",{"type":14,"tag":80,"props":5850,"children":5851},{"class":87},[5852],{"type":26,"value":2526},{"type":14,"tag":80,"props":5854,"children":5855},{"class":93},[5856],{"type":26,"value":114},{"type":14,"tag":80,"props":5858,"children":5859},{"class":87},[5860],{"type":26,"value":100},{"type":14,"tag":80,"props":5862,"children":5863},{"class":82,"line":418},[5864,5868,5872,5876,5880],{"type":14,"tag":80,"props":5865,"children":5866},{"class":87},[5867],{"type":26,"value":398},{"type":14,"tag":80,"props":5869,"children":5870},{"class":93},[5871],{"type":26,"value":114},{"type":14,"tag":80,"props":5873,"children":5874},{"class":87},[5875],{"type":26,"value":2526},{"type":14,"tag":80,"props":5877,"children":5878},{"class":93},[5879],{"type":26,"value":114},{"type":14,"tag":80,"props":5881,"children":5882},{"class":87},[5883],{"type":26,"value":100},{"type":14,"tag":80,"props":5885,"children":5886},{"class":82,"line":443},[5887,5891,5895,5899,5903],{"type":14,"tag":80,"props":5888,"children":5889},{"class":87},[5890],{"type":26,"value":398},{"type":14,"tag":80,"props":5892,"children":5893},{"class":93},[5894],{"type":26,"value":114},{"type":14,"tag":80,"props":5896,"children":5897},{"class":87},[5898],{"type":26,"value":2526},{"type":14,"tag":80,"props":5900,"children":5901},{"class":93},[5902],{"type":26,"value":114},{"type":14,"tag":80,"props":5904,"children":5905},{"class":87},[5906],{"type":26,"value":100},{"type":14,"tag":80,"props":5908,"children":5909},{"class":82,"line":460},[5910,5914,5918],{"type":14,"tag":80,"props":5911,"children":5912},{"class":87},[5913],{"type":26,"value":449},{"type":14,"tag":80,"props":5915,"children":5916},{"class":93},[5917],{"type":26,"value":114},{"type":14,"tag":80,"props":5919,"children":5920},{"class":87},[5921],{"type":26,"value":100},{"type":14,"tag":80,"props":5923,"children":5924},{"class":82,"line":469},[5925],{"type":14,"tag":80,"props":5926,"children":5927},{},[5928],{"type":26,"value":466},{"type":14,"tag":80,"props":5930,"children":5931},{"class":82,"line":502},[5932,5936,5940,5944,5948,5952,5956],{"type":14,"tag":80,"props":5933,"children":5934},{"class":87},[5935],{"type":26,"value":109},{"type":14,"tag":80,"props":5937,"children":5938},{"class":93},[5939],{"type":26,"value":114},{"type":14,"tag":80,"props":5941,"children":5942},{"class":87},[5943],{"type":26,"value":119},{"type":14,"tag":80,"props":5945,"children":5946},{"class":122},[5947],{"type":26,"value":125},{"type":14,"tag":80,"props":5949,"children":5950},{"class":87},[5951],{"type":26,"value":130},{"type":14,"tag":80,"props":5953,"children":5954},{"class":133},[5955],{"type":26,"value":136},{"type":14,"tag":80,"props":5957,"children":5958},{"class":87},[5959],{"type":26,"value":100},{"type":14,"tag":80,"props":5961,"children":5962},{"class":82,"line":526},[5963,5967,5971,5975,5979],{"type":14,"tag":80,"props":5964,"children":5965},{"class":87},[5966],{"type":26,"value":398},{"type":14,"tag":80,"props":5968,"children":5969},{"class":93},[5970],{"type":26,"value":114},{"type":14,"tag":80,"props":5972,"children":5973},{"class":87},[5974],{"type":26,"value":2526},{"type":14,"tag":80,"props":5976,"children":5977},{"class":93},[5978],{"type":26,"value":114},{"type":14,"tag":80,"props":5980,"children":5981},{"class":87},[5982],{"type":26,"value":100},{"type":14,"tag":80,"props":5984,"children":5985},{"class":82,"line":550},[5986,5990,5994,5998,6002],{"type":14,"tag":80,"props":5987,"children":5988},{"class":87},[5989],{"type":26,"value":398},{"type":14,"tag":80,"props":5991,"children":5992},{"class":93},[5993],{"type":26,"value":114},{"type":14,"tag":80,"props":5995,"children":5996},{"class":87},[5997],{"type":26,"value":2526},{"type":14,"tag":80,"props":5999,"children":6000},{"class":93},[6001],{"type":26,"value":114},{"type":14,"tag":80,"props":6003,"children":6004},{"class":87},[6005],{"type":26,"value":100},{"type":14,"tag":80,"props":6007,"children":6008},{"class":82,"line":566},[6009,6013,6017,6021,6025,6029,6034,6038,6042],{"type":14,"tag":80,"props":6010,"children":6011},{"class":87},[6012],{"type":26,"value":398},{"type":14,"tag":80,"props":6014,"children":6015},{"class":93},[6016],{"type":26,"value":114},{"type":14,"tag":80,"props":6018,"children":6019},{"class":87},[6020],{"type":26,"value":119},{"type":14,"tag":80,"props":6022,"children":6023},{"class":122},[6024],{"type":26,"value":125},{"type":14,"tag":80,"props":6026,"children":6027},{"class":87},[6028],{"type":26,"value":130},{"type":14,"tag":80,"props":6030,"children":6031},{"class":133},[6032],{"type":26,"value":6033},"\"_margin-left:auto!\"",{"type":14,"tag":80,"props":6035,"children":6036},{"class":87},[6037],{"type":26,"value":2526},{"type":14,"tag":80,"props":6039,"children":6040},{"class":93},[6041],{"type":26,"value":114},{"type":14,"tag":80,"props":6043,"children":6044},{"class":87},[6045],{"type":26,"value":100},{"type":14,"tag":80,"props":6047,"children":6048},{"class":82,"line":1175},[6049,6053,6057],{"type":14,"tag":80,"props":6050,"children":6051},{"class":87},[6052],{"type":26,"value":449},{"type":14,"tag":80,"props":6054,"children":6055},{"class":93},[6056],{"type":26,"value":114},{"type":14,"tag":80,"props":6058,"children":6059},{"class":87},[6060],{"type":26,"value":100},{"type":14,"tag":80,"props":6062,"children":6063},{"class":82,"line":1191},[6064],{"type":14,"tag":80,"props":6065,"children":6066},{},[6067],{"type":26,"value":466},{"type":14,"tag":80,"props":6069,"children":6070},{"class":82,"line":1199},[6071,6075,6079,6083,6087,6091,6095,6099,6103,6107,6112],{"type":14,"tag":80,"props":6072,"children":6073},{"class":87},[6074],{"type":26,"value":109},{"type":14,"tag":80,"props":6076,"children":6077},{"class":93},[6078],{"type":26,"value":114},{"type":14,"tag":80,"props":6080,"children":6081},{"class":87},[6082],{"type":26,"value":119},{"type":14,"tag":80,"props":6084,"children":6085},{"class":122},[6086],{"type":26,"value":125},{"type":14,"tag":80,"props":6088,"children":6089},{"class":87},[6090],{"type":26,"value":130},{"type":14,"tag":80,"props":6092,"children":6093},{"class":133},[6094],{"type":26,"value":657},{"type":14,"tag":80,"props":6096,"children":6097},{"class":87},[6098],{"type":26,"value":119},{"type":14,"tag":80,"props":6100,"children":6101},{"class":122},[6102],{"type":26,"value":3395},{"type":14,"tag":80,"props":6104,"children":6105},{"class":87},[6106],{"type":26,"value":130},{"type":14,"tag":80,"props":6108,"children":6109},{"class":133},[6110],{"type":26,"value":6111},"\"height: 200px\"",{"type":14,"tag":80,"props":6113,"children":6114},{"class":87},[6115],{"type":26,"value":100},{"type":14,"tag":80,"props":6117,"children":6118},{"class":82,"line":1232},[6119,6123,6127,6131,6135,6139,6144,6148,6152],{"type":14,"tag":80,"props":6120,"children":6121},{"class":87},[6122],{"type":26,"value":398},{"type":14,"tag":80,"props":6124,"children":6125},{"class":93},[6126],{"type":26,"value":114},{"type":14,"tag":80,"props":6128,"children":6129},{"class":87},[6130],{"type":26,"value":119},{"type":14,"tag":80,"props":6132,"children":6133},{"class":122},[6134],{"type":26,"value":125},{"type":14,"tag":80,"props":6136,"children":6137},{"class":87},[6138],{"type":26,"value":130},{"type":14,"tag":80,"props":6140,"children":6141},{"class":133},[6142],{"type":26,"value":6143},"\"_margin-bottom:auto!\"",{"type":14,"tag":80,"props":6145,"children":6146},{"class":87},[6147],{"type":26,"value":2526},{"type":14,"tag":80,"props":6149,"children":6150},{"class":93},[6151],{"type":26,"value":114},{"type":14,"tag":80,"props":6153,"children":6154},{"class":87},[6155],{"type":26,"value":100},{"type":14,"tag":80,"props":6157,"children":6158},{"class":82,"line":1256},[6159,6163,6167,6171,6175],{"type":14,"tag":80,"props":6160,"children":6161},{"class":87},[6162],{"type":26,"value":398},{"type":14,"tag":80,"props":6164,"children":6165},{"class":93},[6166],{"type":26,"value":114},{"type":14,"tag":80,"props":6168,"children":6169},{"class":87},[6170],{"type":26,"value":2526},{"type":14,"tag":80,"props":6172,"children":6173},{"class":93},[6174],{"type":26,"value":114},{"type":14,"tag":80,"props":6176,"children":6177},{"class":87},[6178],{"type":26,"value":100},{"type":14,"tag":80,"props":6180,"children":6181},{"class":82,"line":1280},[6182,6186,6190,6194,6198],{"type":14,"tag":80,"props":6183,"children":6184},{"class":87},[6185],{"type":26,"value":398},{"type":14,"tag":80,"props":6187,"children":6188},{"class":93},[6189],{"type":26,"value":114},{"type":14,"tag":80,"props":6191,"children":6192},{"class":87},[6193],{"type":26,"value":2526},{"type":14,"tag":80,"props":6195,"children":6196},{"class":93},[6197],{"type":26,"value":114},{"type":14,"tag":80,"props":6199,"children":6200},{"class":87},[6201],{"type":26,"value":100},{"type":14,"tag":80,"props":6203,"children":6204},{"class":82,"line":1304},[6205,6209,6213],{"type":14,"tag":80,"props":6206,"children":6207},{"class":87},[6208],{"type":26,"value":449},{"type":14,"tag":80,"props":6210,"children":6211},{"class":93},[6212],{"type":26,"value":114},{"type":14,"tag":80,"props":6214,"children":6215},{"class":87},[6216],{"type":26,"value":100},{"type":14,"tag":80,"props":6218,"children":6219},{"class":82,"line":1320},[6220],{"type":14,"tag":80,"props":6221,"children":6222},{},[6223],{"type":26,"value":466},{"type":14,"tag":80,"props":6225,"children":6226},{"class":82,"line":1328},[6227,6231,6235,6239,6243,6247,6251,6255,6259,6263,6267],{"type":14,"tag":80,"props":6228,"children":6229},{"class":87},[6230],{"type":26,"value":109},{"type":14,"tag":80,"props":6232,"children":6233},{"class":93},[6234],{"type":26,"value":114},{"type":14,"tag":80,"props":6236,"children":6237},{"class":87},[6238],{"type":26,"value":119},{"type":14,"tag":80,"props":6240,"children":6241},{"class":122},[6242],{"type":26,"value":125},{"type":14,"tag":80,"props":6244,"children":6245},{"class":87},[6246],{"type":26,"value":130},{"type":14,"tag":80,"props":6248,"children":6249},{"class":133},[6250],{"type":26,"value":657},{"type":14,"tag":80,"props":6252,"children":6253},{"class":87},[6254],{"type":26,"value":119},{"type":14,"tag":80,"props":6256,"children":6257},{"class":122},[6258],{"type":26,"value":3395},{"type":14,"tag":80,"props":6260,"children":6261},{"class":87},[6262],{"type":26,"value":130},{"type":14,"tag":80,"props":6264,"children":6265},{"class":133},[6266],{"type":26,"value":6111},{"type":14,"tag":80,"props":6268,"children":6269},{"class":87},[6270],{"type":26,"value":100},{"type":14,"tag":80,"props":6272,"children":6273},{"class":82,"line":1361},[6274,6278,6282,6286,6290],{"type":14,"tag":80,"props":6275,"children":6276},{"class":87},[6277],{"type":26,"value":398},{"type":14,"tag":80,"props":6279,"children":6280},{"class":93},[6281],{"type":26,"value":114},{"type":14,"tag":80,"props":6283,"children":6284},{"class":87},[6285],{"type":26,"value":2526},{"type":14,"tag":80,"props":6287,"children":6288},{"class":93},[6289],{"type":26,"value":114},{"type":14,"tag":80,"props":6291,"children":6292},{"class":87},[6293],{"type":26,"value":100},{"type":14,"tag":80,"props":6295,"children":6296},{"class":82,"line":1385},[6297,6301,6305,6309,6313],{"type":14,"tag":80,"props":6298,"children":6299},{"class":87},[6300],{"type":26,"value":398},{"type":14,"tag":80,"props":6302,"children":6303},{"class":93},[6304],{"type":26,"value":114},{"type":14,"tag":80,"props":6306,"children":6307},{"class":87},[6308],{"type":26,"value":2526},{"type":14,"tag":80,"props":6310,"children":6311},{"class":93},[6312],{"type":26,"value":114},{"type":14,"tag":80,"props":6314,"children":6315},{"class":87},[6316],{"type":26,"value":100},{"type":14,"tag":80,"props":6318,"children":6319},{"class":82,"line":1409},[6320,6324,6328,6332,6336,6340,6345,6349,6353],{"type":14,"tag":80,"props":6321,"children":6322},{"class":87},[6323],{"type":26,"value":398},{"type":14,"tag":80,"props":6325,"children":6326},{"class":93},[6327],{"type":26,"value":114},{"type":14,"tag":80,"props":6329,"children":6330},{"class":87},[6331],{"type":26,"value":119},{"type":14,"tag":80,"props":6333,"children":6334},{"class":122},[6335],{"type":26,"value":125},{"type":14,"tag":80,"props":6337,"children":6338},{"class":87},[6339],{"type":26,"value":130},{"type":14,"tag":80,"props":6341,"children":6342},{"class":133},[6343],{"type":26,"value":6344},"\"_margin-top:auto!\"",{"type":14,"tag":80,"props":6346,"children":6347},{"class":87},[6348],{"type":26,"value":2526},{"type":14,"tag":80,"props":6350,"children":6351},{"class":93},[6352],{"type":26,"value":114},{"type":14,"tag":80,"props":6354,"children":6355},{"class":87},[6356],{"type":26,"value":100},{"type":14,"tag":80,"props":6358,"children":6359},{"class":82,"line":1433},[6360,6364,6368],{"type":14,"tag":80,"props":6361,"children":6362},{"class":87},[6363],{"type":26,"value":449},{"type":14,"tag":80,"props":6365,"children":6366},{"class":93},[6367],{"type":26,"value":114},{"type":14,"tag":80,"props":6369,"children":6370},{"class":87},[6371],{"type":26,"value":100},{"type":14,"tag":80,"props":6373,"children":6374},{"class":82,"line":1449},[6375,6379,6383],{"type":14,"tag":80,"props":6376,"children":6377},{"class":87},[6378],{"type":26,"value":158},{"type":14,"tag":80,"props":6380,"children":6381},{"class":93},[6382],{"type":26,"value":53},{"type":14,"tag":80,"props":6384,"children":6385},{"class":87},[6386],{"type":26,"value":167},{"type":14,"tag":290,"props":6388,"children":6390},{"id":6389},"wrapping",[6391],{"type":26,"value":6392},"Wrapping",{"type":14,"tag":28,"props":6394,"children":6395},{},[6396,6398,6403,6405,6410,6412,6417],{"type":26,"value":6397},"Change how flex items wrap in a flex container. To have wrapping disabled (browser default) use ",{"type":14,"tag":34,"props":6399,"children":6400},{},[6401],{"type":26,"value":6402},"_flex-wrap:nowrap",{"type":26,"value":6404},". To enable wrapping, use ",{"type":14,"tag":34,"props":6406,"children":6407},{},[6408],{"type":26,"value":6409},"_flex-wrap:wrap",{"type":26,"value":6411},", or reverse wrapping with ",{"type":14,"tag":34,"props":6413,"children":6414},{},[6415],{"type":26,"value":6416},"_flex-wrap:wrap-reverse",{"type":26,"value":3300},{"type":14,"tag":49,"props":6419,"children":6420},{},[6421,6428],{"type":14,"tag":53,"props":6422,"children":6423},{"v-slot:preview":7},[6424],{"type":14,"tag":57,"props":6425,"children":6427},{"src":6426},"/stories/utilities/flex/flex-wrap",[],{"type":14,"tag":53,"props":6429,"children":6430},{"v-slot:vue":7},[6431],{"type":14,"tag":65,"props":6432,"children":6435},{"className":6433,"code":6434,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex! _flex-wrap:nowrap!\" style=\"max-width: 180px\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _flex-wrap:wrap!\" style=\"max-width: 400px\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex! _flex-wrap:wrap-reverse!\" style=\"max-width: 400px\">\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n        \u003Cdiv>Flex Item\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[6436],{"type":14,"tag":73,"props":6437,"children":6438},{},[6439],{"type":14,"tag":65,"props":6440,"children":6441},{"__ignoreMap":7},[6442,6457,6506,6529,6552,6575,6598,6621,6644,6659,6666,6715,6738,6761,6784,6807,6830,6853,6868,6875,6923,6946,6969,6992,7015,7038,7061,7076],{"type":14,"tag":80,"props":6443,"children":6444},{"class":82,"line":83},[6445,6449,6453],{"type":14,"tag":80,"props":6446,"children":6447},{"class":87},[6448],{"type":26,"value":90},{"type":14,"tag":80,"props":6450,"children":6451},{"class":93},[6452],{"type":26,"value":53},{"type":14,"tag":80,"props":6454,"children":6455},{"class":87},[6456],{"type":26,"value":100},{"type":14,"tag":80,"props":6458,"children":6459},{"class":82,"line":103},[6460,6464,6468,6472,6476,6480,6485,6489,6493,6497,6502],{"type":14,"tag":80,"props":6461,"children":6462},{"class":87},[6463],{"type":26,"value":109},{"type":14,"tag":80,"props":6465,"children":6466},{"class":93},[6467],{"type":26,"value":114},{"type":14,"tag":80,"props":6469,"children":6470},{"class":87},[6471],{"type":26,"value":119},{"type":14,"tag":80,"props":6473,"children":6474},{"class":122},[6475],{"type":26,"value":125},{"type":14,"tag":80,"props":6477,"children":6478},{"class":87},[6479],{"type":26,"value":130},{"type":14,"tag":80,"props":6481,"children":6482},{"class":133},[6483],{"type":26,"value":6484},"\"_display:flex! _flex-wrap:nowrap!\"",{"type":14,"tag":80,"props":6486,"children":6487},{"class":87},[6488],{"type":26,"value":119},{"type":14,"tag":80,"props":6490,"children":6491},{"class":122},[6492],{"type":26,"value":3395},{"type":14,"tag":80,"props":6494,"children":6495},{"class":87},[6496],{"type":26,"value":130},{"type":14,"tag":80,"props":6498,"children":6499},{"class":133},[6500],{"type":26,"value":6501},"\"max-width: 180px\"",{"type":14,"tag":80,"props":6503,"children":6504},{"class":87},[6505],{"type":26,"value":100},{"type":14,"tag":80,"props":6507,"children":6508},{"class":82,"line":152},[6509,6513,6517,6521,6525],{"type":14,"tag":80,"props":6510,"children":6511},{"class":87},[6512],{"type":26,"value":398},{"type":14,"tag":80,"props":6514,"children":6515},{"class":93},[6516],{"type":26,"value":114},{"type":14,"tag":80,"props":6518,"children":6519},{"class":87},[6520],{"type":26,"value":2526},{"type":14,"tag":80,"props":6522,"children":6523},{"class":93},[6524],{"type":26,"value":114},{"type":14,"tag":80,"props":6526,"children":6527},{"class":87},[6528],{"type":26,"value":100},{"type":14,"tag":80,"props":6530,"children":6531},{"class":82,"line":418},[6532,6536,6540,6544,6548],{"type":14,"tag":80,"props":6533,"children":6534},{"class":87},[6535],{"type":26,"value":398},{"type":14,"tag":80,"props":6537,"children":6538},{"class":93},[6539],{"type":26,"value":114},{"type":14,"tag":80,"props":6541,"children":6542},{"class":87},[6543],{"type":26,"value":2526},{"type":14,"tag":80,"props":6545,"children":6546},{"class":93},[6547],{"type":26,"value":114},{"type":14,"tag":80,"props":6549,"children":6550},{"class":87},[6551],{"type":26,"value":100},{"type":14,"tag":80,"props":6553,"children":6554},{"class":82,"line":443},[6555,6559,6563,6567,6571],{"type":14,"tag":80,"props":6556,"children":6557},{"class":87},[6558],{"type":26,"value":398},{"type":14,"tag":80,"props":6560,"children":6561},{"class":93},[6562],{"type":26,"value":114},{"type":14,"tag":80,"props":6564,"children":6565},{"class":87},[6566],{"type":26,"value":2526},{"type":14,"tag":80,"props":6568,"children":6569},{"class":93},[6570],{"type":26,"value":114},{"type":14,"tag":80,"props":6572,"children":6573},{"class":87},[6574],{"type":26,"value":100},{"type":14,"tag":80,"props":6576,"children":6577},{"class":82,"line":460},[6578,6582,6586,6590,6594],{"type":14,"tag":80,"props":6579,"children":6580},{"class":87},[6581],{"type":26,"value":398},{"type":14,"tag":80,"props":6583,"children":6584},{"class":93},[6585],{"type":26,"value":114},{"type":14,"tag":80,"props":6587,"children":6588},{"class":87},[6589],{"type":26,"value":2526},{"type":14,"tag":80,"props":6591,"children":6592},{"class":93},[6593],{"type":26,"value":114},{"type":14,"tag":80,"props":6595,"children":6596},{"class":87},[6597],{"type":26,"value":100},{"type":14,"tag":80,"props":6599,"children":6600},{"class":82,"line":469},[6601,6605,6609,6613,6617],{"type":14,"tag":80,"props":6602,"children":6603},{"class":87},[6604],{"type":26,"value":398},{"type":14,"tag":80,"props":6606,"children":6607},{"class":93},[6608],{"type":26,"value":114},{"type":14,"tag":80,"props":6610,"children":6611},{"class":87},[6612],{"type":26,"value":2526},{"type":14,"tag":80,"props":6614,"children":6615},{"class":93},[6616],{"type":26,"value":114},{"type":14,"tag":80,"props":6618,"children":6619},{"class":87},[6620],{"type":26,"value":100},{"type":14,"tag":80,"props":6622,"children":6623},{"class":82,"line":502},[6624,6628,6632,6636,6640],{"type":14,"tag":80,"props":6625,"children":6626},{"class":87},[6627],{"type":26,"value":398},{"type":14,"tag":80,"props":6629,"children":6630},{"class":93},[6631],{"type":26,"value":114},{"type":14,"tag":80,"props":6633,"children":6634},{"class":87},[6635],{"type":26,"value":2526},{"type":14,"tag":80,"props":6637,"children":6638},{"class":93},[6639],{"type":26,"value":114},{"type":14,"tag":80,"props":6641,"children":6642},{"class":87},[6643],{"type":26,"value":100},{"type":14,"tag":80,"props":6645,"children":6646},{"class":82,"line":526},[6647,6651,6655],{"type":14,"tag":80,"props":6648,"children":6649},{"class":87},[6650],{"type":26,"value":449},{"type":14,"tag":80,"props":6652,"children":6653},{"class":93},[6654],{"type":26,"value":114},{"type":14,"tag":80,"props":6656,"children":6657},{"class":87},[6658],{"type":26,"value":100},{"type":14,"tag":80,"props":6660,"children":6661},{"class":82,"line":550},[6662],{"type":14,"tag":80,"props":6663,"children":6664},{},[6665],{"type":26,"value":466},{"type":14,"tag":80,"props":6667,"children":6668},{"class":82,"line":566},[6669,6673,6677,6681,6685,6689,6694,6698,6702,6706,6711],{"type":14,"tag":80,"props":6670,"children":6671},{"class":87},[6672],{"type":26,"value":109},{"type":14,"tag":80,"props":6674,"children":6675},{"class":93},[6676],{"type":26,"value":114},{"type":14,"tag":80,"props":6678,"children":6679},{"class":87},[6680],{"type":26,"value":119},{"type":14,"tag":80,"props":6682,"children":6683},{"class":122},[6684],{"type":26,"value":125},{"type":14,"tag":80,"props":6686,"children":6687},{"class":87},[6688],{"type":26,"value":130},{"type":14,"tag":80,"props":6690,"children":6691},{"class":133},[6692],{"type":26,"value":6693},"\"_display:flex! _flex-wrap:wrap!\"",{"type":14,"tag":80,"props":6695,"children":6696},{"class":87},[6697],{"type":26,"value":119},{"type":14,"tag":80,"props":6699,"children":6700},{"class":122},[6701],{"type":26,"value":3395},{"type":14,"tag":80,"props":6703,"children":6704},{"class":87},[6705],{"type":26,"value":130},{"type":14,"tag":80,"props":6707,"children":6708},{"class":133},[6709],{"type":26,"value":6710},"\"max-width: 400px\"",{"type":14,"tag":80,"props":6712,"children":6713},{"class":87},[6714],{"type":26,"value":100},{"type":14,"tag":80,"props":6716,"children":6717},{"class":82,"line":1175},[6718,6722,6726,6730,6734],{"type":14,"tag":80,"props":6719,"children":6720},{"class":87},[6721],{"type":26,"value":398},{"type":14,"tag":80,"props":6723,"children":6724},{"class":93},[6725],{"type":26,"value":114},{"type":14,"tag":80,"props":6727,"children":6728},{"class":87},[6729],{"type":26,"value":2526},{"type":14,"tag":80,"props":6731,"children":6732},{"class":93},[6733],{"type":26,"value":114},{"type":14,"tag":80,"props":6735,"children":6736},{"class":87},[6737],{"type":26,"value":100},{"type":14,"tag":80,"props":6739,"children":6740},{"class":82,"line":1191},[6741,6745,6749,6753,6757],{"type":14,"tag":80,"props":6742,"children":6743},{"class":87},[6744],{"type":26,"value":398},{"type":14,"tag":80,"props":6746,"children":6747},{"class":93},[6748],{"type":26,"value":114},{"type":14,"tag":80,"props":6750,"children":6751},{"class":87},[6752],{"type":26,"value":2526},{"type":14,"tag":80,"props":6754,"children":6755},{"class":93},[6756],{"type":26,"value":114},{"type":14,"tag":80,"props":6758,"children":6759},{"class":87},[6760],{"type":26,"value":100},{"type":14,"tag":80,"props":6762,"children":6763},{"class":82,"line":1199},[6764,6768,6772,6776,6780],{"type":14,"tag":80,"props":6765,"children":6766},{"class":87},[6767],{"type":26,"value":398},{"type":14,"tag":80,"props":6769,"children":6770},{"class":93},[6771],{"type":26,"value":114},{"type":14,"tag":80,"props":6773,"children":6774},{"class":87},[6775],{"type":26,"value":2526},{"type":14,"tag":80,"props":6777,"children":6778},{"class":93},[6779],{"type":26,"value":114},{"type":14,"tag":80,"props":6781,"children":6782},{"class":87},[6783],{"type":26,"value":100},{"type":14,"tag":80,"props":6785,"children":6786},{"class":82,"line":1232},[6787,6791,6795,6799,6803],{"type":14,"tag":80,"props":6788,"children":6789},{"class":87},[6790],{"type":26,"value":398},{"type":14,"tag":80,"props":6792,"children":6793},{"class":93},[6794],{"type":26,"value":114},{"type":14,"tag":80,"props":6796,"children":6797},{"class":87},[6798],{"type":26,"value":2526},{"type":14,"tag":80,"props":6800,"children":6801},{"class":93},[6802],{"type":26,"value":114},{"type":14,"tag":80,"props":6804,"children":6805},{"class":87},[6806],{"type":26,"value":100},{"type":14,"tag":80,"props":6808,"children":6809},{"class":82,"line":1256},[6810,6814,6818,6822,6826],{"type":14,"tag":80,"props":6811,"children":6812},{"class":87},[6813],{"type":26,"value":398},{"type":14,"tag":80,"props":6815,"children":6816},{"class":93},[6817],{"type":26,"value":114},{"type":14,"tag":80,"props":6819,"children":6820},{"class":87},[6821],{"type":26,"value":2526},{"type":14,"tag":80,"props":6823,"children":6824},{"class":93},[6825],{"type":26,"value":114},{"type":14,"tag":80,"props":6827,"children":6828},{"class":87},[6829],{"type":26,"value":100},{"type":14,"tag":80,"props":6831,"children":6832},{"class":82,"line":1280},[6833,6837,6841,6845,6849],{"type":14,"tag":80,"props":6834,"children":6835},{"class":87},[6836],{"type":26,"value":398},{"type":14,"tag":80,"props":6838,"children":6839},{"class":93},[6840],{"type":26,"value":114},{"type":14,"tag":80,"props":6842,"children":6843},{"class":87},[6844],{"type":26,"value":2526},{"type":14,"tag":80,"props":6846,"children":6847},{"class":93},[6848],{"type":26,"value":114},{"type":14,"tag":80,"props":6850,"children":6851},{"class":87},[6852],{"type":26,"value":100},{"type":14,"tag":80,"props":6854,"children":6855},{"class":82,"line":1304},[6856,6860,6864],{"type":14,"tag":80,"props":6857,"children":6858},{"class":87},[6859],{"type":26,"value":449},{"type":14,"tag":80,"props":6861,"children":6862},{"class":93},[6863],{"type":26,"value":114},{"type":14,"tag":80,"props":6865,"children":6866},{"class":87},[6867],{"type":26,"value":100},{"type":14,"tag":80,"props":6869,"children":6870},{"class":82,"line":1320},[6871],{"type":14,"tag":80,"props":6872,"children":6873},{},[6874],{"type":26,"value":466},{"type":14,"tag":80,"props":6876,"children":6877},{"class":82,"line":1328},[6878,6882,6886,6890,6894,6898,6903,6907,6911,6915,6919],{"type":14,"tag":80,"props":6879,"children":6880},{"class":87},[6881],{"type":26,"value":109},{"type":14,"tag":80,"props":6883,"children":6884},{"class":93},[6885],{"type":26,"value":114},{"type":14,"tag":80,"props":6887,"children":6888},{"class":87},[6889],{"type":26,"value":119},{"type":14,"tag":80,"props":6891,"children":6892},{"class":122},[6893],{"type":26,"value":125},{"type":14,"tag":80,"props":6895,"children":6896},{"class":87},[6897],{"type":26,"value":130},{"type":14,"tag":80,"props":6899,"children":6900},{"class":133},[6901],{"type":26,"value":6902},"\"_display:flex! _flex-wrap:wrap-reverse!\"",{"type":14,"tag":80,"props":6904,"children":6905},{"class":87},[6906],{"type":26,"value":119},{"type":14,"tag":80,"props":6908,"children":6909},{"class":122},[6910],{"type":26,"value":3395},{"type":14,"tag":80,"props":6912,"children":6913},{"class":87},[6914],{"type":26,"value":130},{"type":14,"tag":80,"props":6916,"children":6917},{"class":133},[6918],{"type":26,"value":6710},{"type":14,"tag":80,"props":6920,"children":6921},{"class":87},[6922],{"type":26,"value":100},{"type":14,"tag":80,"props":6924,"children":6925},{"class":82,"line":1361},[6926,6930,6934,6938,6942],{"type":14,"tag":80,"props":6927,"children":6928},{"class":87},[6929],{"type":26,"value":398},{"type":14,"tag":80,"props":6931,"children":6932},{"class":93},[6933],{"type":26,"value":114},{"type":14,"tag":80,"props":6935,"children":6936},{"class":87},[6937],{"type":26,"value":2526},{"type":14,"tag":80,"props":6939,"children":6940},{"class":93},[6941],{"type":26,"value":114},{"type":14,"tag":80,"props":6943,"children":6944},{"class":87},[6945],{"type":26,"value":100},{"type":14,"tag":80,"props":6947,"children":6948},{"class":82,"line":1385},[6949,6953,6957,6961,6965],{"type":14,"tag":80,"props":6950,"children":6951},{"class":87},[6952],{"type":26,"value":398},{"type":14,"tag":80,"props":6954,"children":6955},{"class":93},[6956],{"type":26,"value":114},{"type":14,"tag":80,"props":6958,"children":6959},{"class":87},[6960],{"type":26,"value":2526},{"type":14,"tag":80,"props":6962,"children":6963},{"class":93},[6964],{"type":26,"value":114},{"type":14,"tag":80,"props":6966,"children":6967},{"class":87},[6968],{"type":26,"value":100},{"type":14,"tag":80,"props":6970,"children":6971},{"class":82,"line":1409},[6972,6976,6980,6984,6988],{"type":14,"tag":80,"props":6973,"children":6974},{"class":87},[6975],{"type":26,"value":398},{"type":14,"tag":80,"props":6977,"children":6978},{"class":93},[6979],{"type":26,"value":114},{"type":14,"tag":80,"props":6981,"children":6982},{"class":87},[6983],{"type":26,"value":2526},{"type":14,"tag":80,"props":6985,"children":6986},{"class":93},[6987],{"type":26,"value":114},{"type":14,"tag":80,"props":6989,"children":6990},{"class":87},[6991],{"type":26,"value":100},{"type":14,"tag":80,"props":6993,"children":6994},{"class":82,"line":1433},[6995,6999,7003,7007,7011],{"type":14,"tag":80,"props":6996,"children":6997},{"class":87},[6998],{"type":26,"value":398},{"type":14,"tag":80,"props":7000,"children":7001},{"class":93},[7002],{"type":26,"value":114},{"type":14,"tag":80,"props":7004,"children":7005},{"class":87},[7006],{"type":26,"value":2526},{"type":14,"tag":80,"props":7008,"children":7009},{"class":93},[7010],{"type":26,"value":114},{"type":14,"tag":80,"props":7012,"children":7013},{"class":87},[7014],{"type":26,"value":100},{"type":14,"tag":80,"props":7016,"children":7017},{"class":82,"line":1449},[7018,7022,7026,7030,7034],{"type":14,"tag":80,"props":7019,"children":7020},{"class":87},[7021],{"type":26,"value":398},{"type":14,"tag":80,"props":7023,"children":7024},{"class":93},[7025],{"type":26,"value":114},{"type":14,"tag":80,"props":7027,"children":7028},{"class":87},[7029],{"type":26,"value":2526},{"type":14,"tag":80,"props":7031,"children":7032},{"class":93},[7033],{"type":26,"value":114},{"type":14,"tag":80,"props":7035,"children":7036},{"class":87},[7037],{"type":26,"value":100},{"type":14,"tag":80,"props":7039,"children":7040},{"class":82,"line":1457},[7041,7045,7049,7053,7057],{"type":14,"tag":80,"props":7042,"children":7043},{"class":87},[7044],{"type":26,"value":398},{"type":14,"tag":80,"props":7046,"children":7047},{"class":93},[7048],{"type":26,"value":114},{"type":14,"tag":80,"props":7050,"children":7051},{"class":87},[7052],{"type":26,"value":2526},{"type":14,"tag":80,"props":7054,"children":7055},{"class":93},[7056],{"type":26,"value":114},{"type":14,"tag":80,"props":7058,"children":7059},{"class":87},[7060],{"type":26,"value":100},{"type":14,"tag":80,"props":7062,"children":7063},{"class":82,"line":1490},[7064,7068,7072],{"type":14,"tag":80,"props":7065,"children":7066},{"class":87},[7067],{"type":26,"value":449},{"type":14,"tag":80,"props":7069,"children":7070},{"class":93},[7071],{"type":26,"value":114},{"type":14,"tag":80,"props":7073,"children":7074},{"class":87},[7075],{"type":26,"value":100},{"type":14,"tag":80,"props":7077,"children":7078},{"class":82,"line":1514},[7079,7083,7087],{"type":14,"tag":80,"props":7080,"children":7081},{"class":87},[7082],{"type":26,"value":158},{"type":14,"tag":80,"props":7084,"children":7085},{"class":93},[7086],{"type":26,"value":53},{"type":14,"tag":80,"props":7088,"children":7089},{"class":87},[7090],{"type":26,"value":167},{"type":14,"tag":28,"props":7092,"children":7093},{},[7094],{"type":26,"value":4961},{"type":14,"tag":269,"props":7096,"children":7097},{},[7098,7111,7125],{"type":14,"tag":273,"props":7099,"children":7100},{},[7101,7105,7106],{"type":14,"tag":34,"props":7102,"children":7103},{},[7104],{"type":26,"value":3310},{"type":26,"value":1609},{"type":14,"tag":34,"props":7107,"children":7108},{},[7109],{"type":26,"value":7110},"_flex:wrap",{"type":14,"tag":273,"props":7112,"children":7113},{},[7114,7119,7120],{"type":14,"tag":34,"props":7115,"children":7116},{},[7117],{"type":26,"value":7118},"._flex-wrap:wrap-reverse",{"type":26,"value":1609},{"type":14,"tag":34,"props":7121,"children":7122},{},[7123],{"type":26,"value":7124},"_flex:wrap-reverse",{"type":14,"tag":273,"props":7126,"children":7127},{},[7128,7133,7134],{"type":14,"tag":34,"props":7129,"children":7130},{},[7131],{"type":26,"value":7132},"._flex-wrap:nowrap",{"type":26,"value":1609},{"type":14,"tag":34,"props":7135,"children":7136},{},[7137],{"type":26,"value":7138},"_flex:nowrap",{"type":14,"tag":290,"props":7140,"children":7142},{"id":7141},"order",[7143],{"type":26,"value":7144},"Order",{"type":14,"tag":28,"props":7146,"children":7147},{},[7148,7150,7155,7157,7162,7164,7169,7171,7176,7178,7183],{"type":26,"value":7149},"You can change the order of flex items with a handful of order utilities. You can use ",{"type":14,"tag":34,"props":7151,"children":7152},{},[7153],{"type":26,"value":7154},"_order:first",{"type":26,"value":7156}," to make an item first or ",{"type":14,"tag":34,"props":7158,"children":7159},{},[7160],{"type":26,"value":7161},"_order:last",{"type":26,"value":7163}," to make an item last. You can use ",{"type":14,"tag":34,"props":7165,"children":7166},{},[7167],{"type":26,"value":7168},"_order:{value}",{"type":26,"value":7170}," (where value can be a number from ",{"type":14,"tag":34,"props":7172,"children":7173},{},[7174],{"type":26,"value":7175},"0",{"type":26,"value":7177}," to ",{"type":14,"tag":34,"props":7179,"children":7180},{},[7181],{"type":26,"value":7182},"12",{"type":26,"value":7184},") to change the order of elements to a specific position.",{"type":14,"tag":49,"props":7186,"children":7187},{},[7188,7195],{"type":14,"tag":53,"props":7189,"children":7190},{"v-slot:preview":7},[7191],{"type":14,"tag":57,"props":7192,"children":7194},{"src":7193},"/stories/utilities/flex/order",[],{"type":14,"tag":53,"props":7196,"children":7197},{"v-slot:vue":7},[7198],{"type":14,"tag":65,"props":7199,"children":7202},{"className":7200,"code":7201,"language":70,"meta":7},[68],"\u003Ctemplate>\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv>Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n        \u003Cdiv class=\"_order:first!\">Flex Item 4\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv class=\"_order:last!\">Flex Item 1\u003C/div>\n        \u003Cdiv>Flex Item 2\u003C/div>\n        \u003Cdiv>Flex Item 3\u003C/div>\n        \u003Cdiv>Flex Item 4\u003C/div>\n    \u003C/div>\n\n    \u003Cdiv class=\"_display:flex!\">\n        \u003Cdiv class=\"_order:4!\">Flex Item 1\u003C/div>\n        \u003Cdiv class=\"_order:3!\">Flex Item 2\u003C/div>\n        \u003Cdiv class=\"_order:2!\">Flex Item 3\u003C/div>\n        \u003Cdiv class=\"_order:1!\">Flex Item 4\u003C/div>\n    \u003C/div>\n\u003C/template>\n\n",[7203],{"type":14,"tag":73,"props":7204,"children":7205},{},[7206],{"type":14,"tag":65,"props":7207,"children":7208},{"__ignoreMap":7},[7209,7224,7255,7278,7301,7324,7365,7380,7387,7418,7458,7481,7504,7527,7542,7549,7580,7620,7660,7700,7740,7755],{"type":14,"tag":80,"props":7210,"children":7211},{"class":82,"line":83},[7212,7216,7220],{"type":14,"tag":80,"props":7213,"children":7214},{"class":87},[7215],{"type":26,"value":90},{"type":14,"tag":80,"props":7217,"children":7218},{"class":93},[7219],{"type":26,"value":53},{"type":14,"tag":80,"props":7221,"children":7222},{"class":87},[7223],{"type":26,"value":100},{"type":14,"tag":80,"props":7225,"children":7226},{"class":82,"line":103},[7227,7231,7235,7239,7243,7247,7251],{"type":14,"tag":80,"props":7228,"children":7229},{"class":87},[7230],{"type":26,"value":109},{"type":14,"tag":80,"props":7232,"children":7233},{"class":93},[7234],{"type":26,"value":114},{"type":14,"tag":80,"props":7236,"children":7237},{"class":87},[7238],{"type":26,"value":119},{"type":14,"tag":80,"props":7240,"children":7241},{"class":122},[7242],{"type":26,"value":125},{"type":14,"tag":80,"props":7244,"children":7245},{"class":87},[7246],{"type":26,"value":130},{"type":14,"tag":80,"props":7248,"children":7249},{"class":133},[7250],{"type":26,"value":136},{"type":14,"tag":80,"props":7252,"children":7253},{"class":87},[7254],{"type":26,"value":100},{"type":14,"tag":80,"props":7256,"children":7257},{"class":82,"line":152},[7258,7262,7266,7270,7274],{"type":14,"tag":80,"props":7259,"children":7260},{"class":87},[7261],{"type":26,"value":398},{"type":14,"tag":80,"props":7263,"children":7264},{"class":93},[7265],{"type":26,"value":114},{"type":14,"tag":80,"props":7267,"children":7268},{"class":87},[7269],{"type":26,"value":407},{"type":14,"tag":80,"props":7271,"children":7272},{"class":93},[7273],{"type":26,"value":114},{"type":14,"tag":80,"props":7275,"children":7276},{"class":87},[7277],{"type":26,"value":100},{"type":14,"tag":80,"props":7279,"children":7280},{"class":82,"line":418},[7281,7285,7289,7293,7297],{"type":14,"tag":80,"props":7282,"children":7283},{"class":87},[7284],{"type":26,"value":398},{"type":14,"tag":80,"props":7286,"children":7287},{"class":93},[7288],{"type":26,"value":114},{"type":14,"tag":80,"props":7290,"children":7291},{"class":87},[7292],{"type":26,"value":432},{"type":14,"tag":80,"props":7294,"children":7295},{"class":93},[7296],{"type":26,"value":114},{"type":14,"tag":80,"props":7298,"children":7299},{"class":87},[7300],{"type":26,"value":100},{"type":14,"tag":80,"props":7302,"children":7303},{"class":82,"line":443},[7304,7308,7312,7316,7320],{"type":14,"tag":80,"props":7305,"children":7306},{"class":87},[7307],{"type":26,"value":398},{"type":14,"tag":80,"props":7309,"children":7310},{"class":93},[7311],{"type":26,"value":114},{"type":14,"tag":80,"props":7313,"children":7314},{"class":87},[7315],{"type":26,"value":1041},{"type":14,"tag":80,"props":7317,"children":7318},{"class":93},[7319],{"type":26,"value":114},{"type":14,"tag":80,"props":7321,"children":7322},{"class":87},[7323],{"type":26,"value":100},{"type":14,"tag":80,"props":7325,"children":7326},{"class":82,"line":460},[7327,7331,7335,7339,7343,7347,7352,7357,7361],{"type":14,"tag":80,"props":7328,"children":7329},{"class":87},[7330],{"type":26,"value":398},{"type":14,"tag":80,"props":7332,"children":7333},{"class":93},[7334],{"type":26,"value":114},{"type":14,"tag":80,"props":7336,"children":7337},{"class":87},[7338],{"type":26,"value":119},{"type":14,"tag":80,"props":7340,"children":7341},{"class":122},[7342],{"type":26,"value":125},{"type":14,"tag":80,"props":7344,"children":7345},{"class":87},[7346],{"type":26,"value":130},{"type":14,"tag":80,"props":7348,"children":7349},{"class":133},[7350],{"type":26,"value":7351},"\"_order:first!\"",{"type":14,"tag":80,"props":7353,"children":7354},{"class":87},[7355],{"type":26,"value":7356},">Flex Item 4\u003C/",{"type":14,"tag":80,"props":7358,"children":7359},{"class":93},[7360],{"type":26,"value":114},{"type":14,"tag":80,"props":7362,"children":7363},{"class":87},[7364],{"type":26,"value":100},{"type":14,"tag":80,"props":7366,"children":7367},{"class":82,"line":469},[7368,7372,7376],{"type":14,"tag":80,"props":7369,"children":7370},{"class":87},[7371],{"type":26,"value":449},{"type":14,"tag":80,"props":7373,"children":7374},{"class":93},[7375],{"type":26,"value":114},{"type":14,"tag":80,"props":7377,"children":7378},{"class":87},[7379],{"type":26,"value":100},{"type":14,"tag":80,"props":7381,"children":7382},{"class":82,"line":502},[7383],{"type":14,"tag":80,"props":7384,"children":7385},{},[7386],{"type":26,"value":466},{"type":14,"tag":80,"props":7388,"children":7389},{"class":82,"line":526},[7390,7394,7398,7402,7406,7410,7414],{"type":14,"tag":80,"props":7391,"children":7392},{"class":87},[7393],{"type":26,"value":109},{"type":14,"tag":80,"props":7395,"children":7396},{"class":93},[7397],{"type":26,"value":114},{"type":14,"tag":80,"props":7399,"children":7400},{"class":87},[7401],{"type":26,"value":119},{"type":14,"tag":80,"props":7403,"children":7404},{"class":122},[7405],{"type":26,"value":125},{"type":14,"tag":80,"props":7407,"children":7408},{"class":87},[7409],{"type":26,"value":130},{"type":14,"tag":80,"props":7411,"children":7412},{"class":133},[7413],{"type":26,"value":136},{"type":14,"tag":80,"props":7415,"children":7416},{"class":87},[7417],{"type":26,"value":100},{"type":14,"tag":80,"props":7419,"children":7420},{"class":82,"line":550},[7421,7425,7429,7433,7437,7441,7446,7450,7454],{"type":14,"tag":80,"props":7422,"children":7423},{"class":87},[7424],{"type":26,"value":398},{"type":14,"tag":80,"props":7426,"children":7427},{"class":93},[7428],{"type":26,"value":114},{"type":14,"tag":80,"props":7430,"children":7431},{"class":87},[7432],{"type":26,"value":119},{"type":14,"tag":80,"props":7434,"children":7435},{"class":122},[7436],{"type":26,"value":125},{"type":14,"tag":80,"props":7438,"children":7439},{"class":87},[7440],{"type":26,"value":130},{"type":14,"tag":80,"props":7442,"children":7443},{"class":133},[7444],{"type":26,"value":7445},"\"_order:last!\"",{"type":14,"tag":80,"props":7447,"children":7448},{"class":87},[7449],{"type":26,"value":407},{"type":14,"tag":80,"props":7451,"children":7452},{"class":93},[7453],{"type":26,"value":114},{"type":14,"tag":80,"props":7455,"children":7456},{"class":87},[7457],{"type":26,"value":100},{"type":14,"tag":80,"props":7459,"children":7460},{"class":82,"line":566},[7461,7465,7469,7473,7477],{"type":14,"tag":80,"props":7462,"children":7463},{"class":87},[7464],{"type":26,"value":398},{"type":14,"tag":80,"props":7466,"children":7467},{"class":93},[7468],{"type":26,"value":114},{"type":14,"tag":80,"props":7470,"children":7471},{"class":87},[7472],{"type":26,"value":432},{"type":14,"tag":80,"props":7474,"children":7475},{"class":93},[7476],{"type":26,"value":114},{"type":14,"tag":80,"props":7478,"children":7479},{"class":87},[7480],{"type":26,"value":100},{"type":14,"tag":80,"props":7482,"children":7483},{"class":82,"line":1175},[7484,7488,7492,7496,7500],{"type":14,"tag":80,"props":7485,"children":7486},{"class":87},[7487],{"type":26,"value":398},{"type":14,"tag":80,"props":7489,"children":7490},{"class":93},[7491],{"type":26,"value":114},{"type":14,"tag":80,"props":7493,"children":7494},{"class":87},[7495],{"type":26,"value":1041},{"type":14,"tag":80,"props":7497,"children":7498},{"class":93},[7499],{"type":26,"value":114},{"type":14,"tag":80,"props":7501,"children":7502},{"class":87},[7503],{"type":26,"value":100},{"type":14,"tag":80,"props":7505,"children":7506},{"class":82,"line":1191},[7507,7511,7515,7519,7523],{"type":14,"tag":80,"props":7508,"children":7509},{"class":87},[7510],{"type":26,"value":398},{"type":14,"tag":80,"props":7512,"children":7513},{"class":93},[7514],{"type":26,"value":114},{"type":14,"tag":80,"props":7516,"children":7517},{"class":87},[7518],{"type":26,"value":7356},{"type":14,"tag":80,"props":7520,"children":7521},{"class":93},[7522],{"type":26,"value":114},{"type":14,"tag":80,"props":7524,"children":7525},{"class":87},[7526],{"type":26,"value":100},{"type":14,"tag":80,"props":7528,"children":7529},{"class":82,"line":1199},[7530,7534,7538],{"type":14,"tag":80,"props":7531,"children":7532},{"class":87},[7533],{"type":26,"value":449},{"type":14,"tag":80,"props":7535,"children":7536},{"class":93},[7537],{"type":26,"value":114},{"type":14,"tag":80,"props":7539,"children":7540},{"class":87},[7541],{"type":26,"value":100},{"type":14,"tag":80,"props":7543,"children":7544},{"class":82,"line":1232},[7545],{"type":14,"tag":80,"props":7546,"children":7547},{},[7548],{"type":26,"value":466},{"type":14,"tag":80,"props":7550,"children":7551},{"class":82,"line":1256},[7552,7556,7560,7564,7568,7572,7576],{"type":14,"tag":80,"props":7553,"children":7554},{"class":87},[7555],{"type":26,"value":109},{"type":14,"tag":80,"props":7557,"children":7558},{"class":93},[7559],{"type":26,"value":114},{"type":14,"tag":80,"props":7561,"children":7562},{"class":87},[7563],{"type":26,"value":119},{"type":14,"tag":80,"props":7565,"children":7566},{"class":122},[7567],{"type":26,"value":125},{"type":14,"tag":80,"props":7569,"children":7570},{"class":87},[7571],{"type":26,"value":130},{"type":14,"tag":80,"props":7573,"children":7574},{"class":133},[7575],{"type":26,"value":136},{"type":14,"tag":80,"props":7577,"children":7578},{"class":87},[7579],{"type":26,"value":100},{"type":14,"tag":80,"props":7581,"children":7582},{"class":82,"line":1280},[7583,7587,7591,7595,7599,7603,7608,7612,7616],{"type":14,"tag":80,"props":7584,"children":7585},{"class":87},[7586],{"type":26,"value":398},{"type":14,"tag":80,"props":7588,"children":7589},{"class":93},[7590],{"type":26,"value":114},{"type":14,"tag":80,"props":7592,"children":7593},{"class":87},[7594],{"type":26,"value":119},{"type":14,"tag":80,"props":7596,"children":7597},{"class":122},[7598],{"type":26,"value":125},{"type":14,"tag":80,"props":7600,"children":7601},{"class":87},[7602],{"type":26,"value":130},{"type":14,"tag":80,"props":7604,"children":7605},{"class":133},[7606],{"type":26,"value":7607},"\"_order:4!\"",{"type":14,"tag":80,"props":7609,"children":7610},{"class":87},[7611],{"type":26,"value":407},{"type":14,"tag":80,"props":7613,"children":7614},{"class":93},[7615],{"type":26,"value":114},{"type":14,"tag":80,"props":7617,"children":7618},{"class":87},[7619],{"type":26,"value":100},{"type":14,"tag":80,"props":7621,"children":7622},{"class":82,"line":1304},[7623,7627,7631,7635,7639,7643,7648,7652,7656],{"type":14,"tag":80,"props":7624,"children":7625},{"class":87},[7626],{"type":26,"value":398},{"type":14,"tag":80,"props":7628,"children":7629},{"class":93},[7630],{"type":26,"value":114},{"type":14,"tag":80,"props":7632,"children":7633},{"class":87},[7634],{"type":26,"value":119},{"type":14,"tag":80,"props":7636,"children":7637},{"class":122},[7638],{"type":26,"value":125},{"type":14,"tag":80,"props":7640,"children":7641},{"class":87},[7642],{"type":26,"value":130},{"type":14,"tag":80,"props":7644,"children":7645},{"class":133},[7646],{"type":26,"value":7647},"\"_order:3!\"",{"type":14,"tag":80,"props":7649,"children":7650},{"class":87},[7651],{"type":26,"value":432},{"type":14,"tag":80,"props":7653,"children":7654},{"class":93},[7655],{"type":26,"value":114},{"type":14,"tag":80,"props":7657,"children":7658},{"class":87},[7659],{"type":26,"value":100},{"type":14,"tag":80,"props":7661,"children":7662},{"class":82,"line":1320},[7663,7667,7671,7675,7679,7683,7688,7692,7696],{"type":14,"tag":80,"props":7664,"children":7665},{"class":87},[7666],{"type":26,"value":398},{"type":14,"tag":80,"props":7668,"children":7669},{"class":93},[7670],{"type":26,"value":114},{"type":14,"tag":80,"props":7672,"children":7673},{"class":87},[7674],{"type":26,"value":119},{"type":14,"tag":80,"props":7676,"children":7677},{"class":122},[7678],{"type":26,"value":125},{"type":14,"tag":80,"props":7680,"children":7681},{"class":87},[7682],{"type":26,"value":130},{"type":14,"tag":80,"props":7684,"children":7685},{"class":133},[7686],{"type":26,"value":7687},"\"_order:2!\"",{"type":14,"tag":80,"props":7689,"children":7690},{"class":87},[7691],{"type":26,"value":1041},{"type":14,"tag":80,"props":7693,"children":7694},{"class":93},[7695],{"type":26,"value":114},{"type":14,"tag":80,"props":7697,"children":7698},{"class":87},[7699],{"type":26,"value":100},{"type":14,"tag":80,"props":7701,"children":7702},{"class":82,"line":1328},[7703,7707,7711,7715,7719,7723,7728,7732,7736],{"type":14,"tag":80,"props":7704,"children":7705},{"class":87},[7706],{"type":26,"value":398},{"type":14,"tag":80,"props":7708,"children":7709},{"class":93},[7710],{"type":26,"value":114},{"type":14,"tag":80,"props":7712,"children":7713},{"class":87},[7714],{"type":26,"value":119},{"type":14,"tag":80,"props":7716,"children":7717},{"class":122},[7718],{"type":26,"value":125},{"type":14,"tag":80,"props":7720,"children":7721},{"class":87},[7722],{"type":26,"value":130},{"type":14,"tag":80,"props":7724,"children":7725},{"class":133},[7726],{"type":26,"value":7727},"\"_order:1!\"",{"type":14,"tag":80,"props":7729,"children":7730},{"class":87},[7731],{"type":26,"value":7356},{"type":14,"tag":80,"props":7733,"children":7734},{"class":93},[7735],{"type":26,"value":114},{"type":14,"tag":80,"props":7737,"children":7738},{"class":87},[7739],{"type":26,"value":100},{"type":14,"tag":80,"props":7741,"children":7742},{"class":82,"line":1361},[7743,7747,7751],{"type":14,"tag":80,"props":7744,"children":7745},{"class":87},[7746],{"type":26,"value":449},{"type":14,"tag":80,"props":7748,"children":7749},{"class":93},[7750],{"type":26,"value":114},{"type":14,"tag":80,"props":7752,"children":7753},{"class":87},[7754],{"type":26,"value":100},{"type":14,"tag":80,"props":7756,"children":7757},{"class":82,"line":1385},[7758,7762,7766],{"type":14,"tag":80,"props":7759,"children":7760},{"class":87},[7761],{"type":26,"value":158},{"type":14,"tag":80,"props":7763,"children":7764},{"class":93},[7765],{"type":26,"value":53},{"type":14,"tag":80,"props":7767,"children":7768},{"class":87},[7769],{"type":26,"value":167},{"type":14,"tag":28,"props":7771,"children":7772},{},[7773],{"type":26,"value":4961},{"type":14,"tag":269,"props":7775,"children":7776},{},[7777,7785,7793],{"type":14,"tag":273,"props":7778,"children":7779},{},[7780],{"type":14,"tag":34,"props":7781,"children":7782},{},[7783],{"type":26,"value":7784},"._order:first",{"type":14,"tag":273,"props":7786,"children":7787},{},[7788],{"type":14,"tag":34,"props":7789,"children":7790},{},[7791],{"type":26,"value":7792},"._order:last",{"type":14,"tag":273,"props":7794,"children":7795},{},[7796],{"type":14,"tag":34,"props":7797,"children":7798},{},[7799],{"type":26,"value":7800},"._order:{0-12}",{"type":14,"tag":3395,"children":7802},[7803],{"type":26,"value":7804},".ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-914029{color:#22863A;}\n.dark-theme .ct-914029{color:#85E89D;}\n.ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}",{"title":7,"searchDepth":103,"depth":103,"links":7806},[7807],{"id":23,"depth":103,"text":9,"children":7808},[7809,7810,7811,7812,7813,7814,7815,7816,7817,7818],{"id":292,"depth":152,"text":295},{"id":880,"depth":152,"text":883},{"id":1655,"depth":152,"text":1658},{"id":2416,"depth":152,"text":2419},{"id":3247,"depth":152,"text":3250},{"id":5027,"depth":152,"text":5030},{"id":5279,"depth":152,"text":5282},{"id":5742,"depth":152,"text":5745},{"id":6389,"depth":152,"text":6392},{"id":7141,"depth":152,"text":7144},"markdown","content:docs:utilities:css:flex.md","content","docs/utilities/css/flex.md","md",1794582261497]