[{"data":1,"prerenderedAt":1308},["Reactive",2],{"content-query-AhDfwWoZE5":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":1303,"_id":1304,"_source":1305,"_file":1306,"_extension":1307},"/docs/utilities/css/visibility","css",false,"","CSS Utility Classes - Visibility - Inkline","Control the visibility, with or without modifying the display of elements.",{"type":11,"children":12,"toc":1298},"root",[13,20,27,33,71,182,187,278,285,290,1293],{"type":14,"tag":15,"props":16,"children":19},"element","content-heading",{"subtitle":17,"title":18},"CSS Utility Classes","Visibility",[],{"type":14,"tag":21,"props":22,"children":24},"h2",{"id":23},"control-the-visibility-with-or-without-modifying-the-display-of-elements",[25],{"type":26,"value":9},"text",{"type":14,"tag":28,"props":29,"children":30},"p",{},[31],{"type":26,"value":32},"Set element visibility using visibility utilities. Content will be hidden both visually and for assistive technology/screen reader users.",{"type":14,"tag":34,"props":35,"children":36},"ul",{},[37,47,55,63],{"type":14,"tag":38,"props":39,"children":40},"li",{},[41],{"type":14,"tag":42,"props":43,"children":44},"code-inline",{},[45],{"type":26,"value":46},"._hidden",{"type":14,"tag":38,"props":48,"children":49},{},[50],{"type":14,"tag":42,"props":51,"children":52},{},[53],{"type":26,"value":54},"._visible",{"type":14,"tag":38,"props":56,"children":57},{},[58],{"type":14,"tag":42,"props":59,"children":60},{},[61],{"type":26,"value":62},"._{xs|sm|md|lg|xl|2xl}:hidden",{"type":14,"tag":38,"props":64,"children":65},{},[66],{"type":14,"tag":42,"props":67,"children":68},{},[69],{"type":26,"value":70},"._{xs|sm|md|lg|xl|2xl}:visible",{"type":14,"tag":72,"props":73,"children":78},"code",{"className":74,"code":76,"language":77,"meta":7},[75],"language-html","\u003Cdiv class=\"_hidden\">...\u003C/div>\n\u003Cdiv class=\"_visible\">...\u003C/div>\n","html",[79],{"type":14,"tag":80,"props":81,"children":82},"pre",{},[83],{"type":14,"tag":72,"props":84,"children":85},{"__ignoreMap":7},[86,140],{"type":14,"tag":87,"props":88,"children":91},"span",{"class":89,"line":90},"line",1,[92,98,104,109,115,120,126,131,135],{"type":14,"tag":87,"props":93,"children":95},{"class":94},"ct-553616",[96],{"type":26,"value":97},"\u003C",{"type":14,"tag":87,"props":99,"children":101},{"class":100},"ct-914029",[102],{"type":26,"value":103},"div",{"type":14,"tag":87,"props":105,"children":106},{"class":94},[107],{"type":26,"value":108}," ",{"type":14,"tag":87,"props":110,"children":112},{"class":111},"ct-762058",[113],{"type":26,"value":114},"class",{"type":14,"tag":87,"props":116,"children":117},{"class":94},[118],{"type":26,"value":119},"=",{"type":14,"tag":87,"props":121,"children":123},{"class":122},"ct-952708",[124],{"type":26,"value":125},"\"_hidden\"",{"type":14,"tag":87,"props":127,"children":128},{"class":94},[129],{"type":26,"value":130},">...\u003C/",{"type":14,"tag":87,"props":132,"children":133},{"class":100},[134],{"type":26,"value":103},{"type":14,"tag":87,"props":136,"children":137},{"class":94},[138],{"type":26,"value":139},">\n",{"type":14,"tag":87,"props":141,"children":143},{"class":89,"line":142},2,[144,148,152,156,160,164,169,173,177],{"type":14,"tag":87,"props":145,"children":146},{"class":94},[147],{"type":26,"value":97},{"type":14,"tag":87,"props":149,"children":150},{"class":100},[151],{"type":26,"value":103},{"type":14,"tag":87,"props":153,"children":154},{"class":94},[155],{"type":26,"value":108},{"type":14,"tag":87,"props":157,"children":158},{"class":111},[159],{"type":26,"value":114},{"type":14,"tag":87,"props":161,"children":162},{"class":94},[163],{"type":26,"value":119},{"type":14,"tag":87,"props":165,"children":166},{"class":122},[167],{"type":26,"value":168},"\"_visible\"",{"type":14,"tag":87,"props":170,"children":171},{"class":94},[172],{"type":26,"value":130},{"type":14,"tag":87,"props":174,"children":175},{"class":100},[176],{"type":26,"value":103},{"type":14,"tag":87,"props":178,"children":179},{"class":94},[180],{"type":26,"value":181},">",{"type":14,"tag":28,"props":183,"children":184},{},[185],{"type":26,"value":186},"Without modifying the element's display:",{"type":14,"tag":72,"props":188,"children":191},{"className":189,"code":190,"language":77,"meta":7},[75],"\u003Cdiv class=\"_visibility:hidden\">...\u003C/div>\n\u003Cdiv class=\"_visibility:visible\">...\u003C/div>\n",[192],{"type":14,"tag":80,"props":193,"children":194},{},[195],{"type":14,"tag":72,"props":196,"children":197},{"__ignoreMap":7},[198,238],{"type":14,"tag":87,"props":199,"children":200},{"class":89,"line":90},[201,205,209,213,217,221,226,230,234],{"type":14,"tag":87,"props":202,"children":203},{"class":94},[204],{"type":26,"value":97},{"type":14,"tag":87,"props":206,"children":207},{"class":100},[208],{"type":26,"value":103},{"type":14,"tag":87,"props":210,"children":211},{"class":94},[212],{"type":26,"value":108},{"type":14,"tag":87,"props":214,"children":215},{"class":111},[216],{"type":26,"value":114},{"type":14,"tag":87,"props":218,"children":219},{"class":94},[220],{"type":26,"value":119},{"type":14,"tag":87,"props":222,"children":223},{"class":122},[224],{"type":26,"value":225},"\"_visibility:hidden\"",{"type":14,"tag":87,"props":227,"children":228},{"class":94},[229],{"type":26,"value":130},{"type":14,"tag":87,"props":231,"children":232},{"class":100},[233],{"type":26,"value":103},{"type":14,"tag":87,"props":235,"children":236},{"class":94},[237],{"type":26,"value":139},{"type":14,"tag":87,"props":239,"children":240},{"class":89,"line":142},[241,245,249,253,257,261,266,270,274],{"type":14,"tag":87,"props":242,"children":243},{"class":94},[244],{"type":26,"value":97},{"type":14,"tag":87,"props":246,"children":247},{"class":100},[248],{"type":26,"value":103},{"type":14,"tag":87,"props":250,"children":251},{"class":94},[252],{"type":26,"value":108},{"type":14,"tag":87,"props":254,"children":255},{"class":111},[256],{"type":26,"value":114},{"type":14,"tag":87,"props":258,"children":259},{"class":94},[260],{"type":26,"value":119},{"type":14,"tag":87,"props":262,"children":263},{"class":122},[264],{"type":26,"value":265},"\"_visibility:visible\"",{"type":14,"tag":87,"props":267,"children":268},{"class":94},[269],{"type":26,"value":130},{"type":14,"tag":87,"props":271,"children":272},{"class":100},[273],{"type":26,"value":103},{"type":14,"tag":87,"props":275,"children":276},{"class":94},[277],{"type":26,"value":181},{"type":14,"tag":279,"props":280,"children":282},"h3",{"id":281},"responsive-visibility",[283],{"type":26,"value":284},"Responsive Visibility",{"type":14,"tag":28,"props":286,"children":287},{},[288],{"type":26,"value":289},"Visibility utilities can be applied responsively using the following helper classes:",{"type":14,"tag":291,"props":292,"children":293},"content-tabs",{},[294,303],{"type":14,"tag":295,"props":296,"children":297},"template",{"v-slot:preview":7},[298],{"type":14,"tag":299,"props":300,"children":302},"content-preview",{"src":301},"/stories/utilities/visibility/basic",[],{"type":14,"tag":295,"props":304,"children":305},{"v-slot:vue":7},[306],{"type":14,"tag":72,"props":307,"children":312},{"className":308,"code":310,"language":311,"meta":7},[309],"language-vue","\u003Ctemplate>\n    \u003Cp class=\"_xs:hidden!\">This text is hidden starting from xs viewport size.\u003C/p>\n\n    \u003Cp class=\"_sm:hidden!\">This text is hidden starting from sm viewport size.\u003C/p>\n\n    \u003Cp class=\"_md:hidden!\">This text is hidden starting from md viewport size.\u003C/p>\n\n    \u003Cp class=\"_lg:hidden!\">This text is hidden starting from lg viewport size.\u003C/p>\n\n    \u003Cp class=\"_xl:hidden!\">This text is hidden starting from xl viewport size.\u003C/p>\n\n    \u003Cp class=\"_2xl:hidden!\">This text is hidden starting from 2xl viewport size.\u003C/p>\n\n    \u003Cbr />\n\n    \u003Cp class=\"_xs:visible!\">This text is visible starting from xs viewport size.\u003C/p>\n\n    \u003Cp class=\"_sm:visible!\">This text is visible starting from sm viewport size.\u003C/p>\n\n    \u003Cp class=\"_md:visible!\">This text is visible starting from md viewport size.\u003C/p>\n\n    \u003Cp class=\"_lg:visible!\">This text is visible starting from lg viewport size.\u003C/p>\n\n    \u003Cp class=\"_xl:visible!\">This text is visible starting from xl viewport size.\u003C/p>\n\n    \u003Cp class=\"_2xl:visible!\">This text is visible starting from 2xl viewport size.\u003C/p>\n\n    \u003Cbr />\n\n    \u003Cp class=\"_xs:visible! _sm:hidden!\">This text is visible only on xs viewport size.\u003C/p>\n\n    \u003Cp class=\"_sm:visible! _md:hidden!\">This text is visible only on sm viewport size.\u003C/p>\n\n    \u003Cp class=\"_md:visible! _lg:hidden!\">This text is visible only on md viewport size.\u003C/p>\n\n    \u003Cp class=\"_lg:visible! _xl:hidden!\">This text is visible only on lg viewport size.\u003C/p>\n\n    \u003Cp class=\"_xl:visible! _2xl:hidden!\">This text is visible only on xl viewport size.\u003C/p>\n\n    \u003Cp class=\"_2xl:visible!\">This text is visible only on 2xl viewport size.\u003C/p>\n\u003C/template>\n\n","vue",[313],{"type":14,"tag":80,"props":314,"children":315},{},[316],{"type":14,"tag":72,"props":317,"children":318},{"__ignoreMap":7},[319,334,376,385,427,435,477,485,527,535,577,585,627,635,653,661,703,711,753,761,803,811,853,861,903,911,953,961,977,985,1027,1035,1077,1085,1127,1135,1177,1185,1227,1235,1276],{"type":14,"tag":87,"props":320,"children":321},{"class":89,"line":90},[322,326,330],{"type":14,"tag":87,"props":323,"children":324},{"class":94},[325],{"type":26,"value":97},{"type":14,"tag":87,"props":327,"children":328},{"class":100},[329],{"type":26,"value":295},{"type":14,"tag":87,"props":331,"children":332},{"class":94},[333],{"type":26,"value":139},{"type":14,"tag":87,"props":335,"children":336},{"class":89,"line":142},[337,342,346,350,354,358,363,368,372],{"type":14,"tag":87,"props":338,"children":339},{"class":94},[340],{"type":26,"value":341},"    \u003C",{"type":14,"tag":87,"props":343,"children":344},{"class":100},[345],{"type":26,"value":28},{"type":14,"tag":87,"props":347,"children":348},{"class":94},[349],{"type":26,"value":108},{"type":14,"tag":87,"props":351,"children":352},{"class":111},[353],{"type":26,"value":114},{"type":14,"tag":87,"props":355,"children":356},{"class":94},[357],{"type":26,"value":119},{"type":14,"tag":87,"props":359,"children":360},{"class":122},[361],{"type":26,"value":362},"\"_xs:hidden!\"",{"type":14,"tag":87,"props":364,"children":365},{"class":94},[366],{"type":26,"value":367},">This text is hidden starting from xs viewport size.\u003C/",{"type":14,"tag":87,"props":369,"children":370},{"class":100},[371],{"type":26,"value":28},{"type":14,"tag":87,"props":373,"children":374},{"class":94},[375],{"type":26,"value":139},{"type":14,"tag":87,"props":377,"children":379},{"class":89,"line":378},3,[380],{"type":14,"tag":87,"props":381,"children":382},{},[383],{"type":26,"value":384},"\n",{"type":14,"tag":87,"props":386,"children":388},{"class":89,"line":387},4,[389,393,397,401,405,409,414,419,423],{"type":14,"tag":87,"props":390,"children":391},{"class":94},[392],{"type":26,"value":341},{"type":14,"tag":87,"props":394,"children":395},{"class":100},[396],{"type":26,"value":28},{"type":14,"tag":87,"props":398,"children":399},{"class":94},[400],{"type":26,"value":108},{"type":14,"tag":87,"props":402,"children":403},{"class":111},[404],{"type":26,"value":114},{"type":14,"tag":87,"props":406,"children":407},{"class":94},[408],{"type":26,"value":119},{"type":14,"tag":87,"props":410,"children":411},{"class":122},[412],{"type":26,"value":413},"\"_sm:hidden!\"",{"type":14,"tag":87,"props":415,"children":416},{"class":94},[417],{"type":26,"value":418},">This text is hidden starting from sm viewport size.\u003C/",{"type":14,"tag":87,"props":420,"children":421},{"class":100},[422],{"type":26,"value":28},{"type":14,"tag":87,"props":424,"children":425},{"class":94},[426],{"type":26,"value":139},{"type":14,"tag":87,"props":428,"children":430},{"class":89,"line":429},5,[431],{"type":14,"tag":87,"props":432,"children":433},{},[434],{"type":26,"value":384},{"type":14,"tag":87,"props":436,"children":438},{"class":89,"line":437},6,[439,443,447,451,455,459,464,469,473],{"type":14,"tag":87,"props":440,"children":441},{"class":94},[442],{"type":26,"value":341},{"type":14,"tag":87,"props":444,"children":445},{"class":100},[446],{"type":26,"value":28},{"type":14,"tag":87,"props":448,"children":449},{"class":94},[450],{"type":26,"value":108},{"type":14,"tag":87,"props":452,"children":453},{"class":111},[454],{"type":26,"value":114},{"type":14,"tag":87,"props":456,"children":457},{"class":94},[458],{"type":26,"value":119},{"type":14,"tag":87,"props":460,"children":461},{"class":122},[462],{"type":26,"value":463},"\"_md:hidden!\"",{"type":14,"tag":87,"props":465,"children":466},{"class":94},[467],{"type":26,"value":468},">This text is hidden starting from md viewport size.\u003C/",{"type":14,"tag":87,"props":470,"children":471},{"class":100},[472],{"type":26,"value":28},{"type":14,"tag":87,"props":474,"children":475},{"class":94},[476],{"type":26,"value":139},{"type":14,"tag":87,"props":478,"children":480},{"class":89,"line":479},7,[481],{"type":14,"tag":87,"props":482,"children":483},{},[484],{"type":26,"value":384},{"type":14,"tag":87,"props":486,"children":488},{"class":89,"line":487},8,[489,493,497,501,505,509,514,519,523],{"type":14,"tag":87,"props":490,"children":491},{"class":94},[492],{"type":26,"value":341},{"type":14,"tag":87,"props":494,"children":495},{"class":100},[496],{"type":26,"value":28},{"type":14,"tag":87,"props":498,"children":499},{"class":94},[500],{"type":26,"value":108},{"type":14,"tag":87,"props":502,"children":503},{"class":111},[504],{"type":26,"value":114},{"type":14,"tag":87,"props":506,"children":507},{"class":94},[508],{"type":26,"value":119},{"type":14,"tag":87,"props":510,"children":511},{"class":122},[512],{"type":26,"value":513},"\"_lg:hidden!\"",{"type":14,"tag":87,"props":515,"children":516},{"class":94},[517],{"type":26,"value":518},">This text is hidden starting from lg viewport size.\u003C/",{"type":14,"tag":87,"props":520,"children":521},{"class":100},[522],{"type":26,"value":28},{"type":14,"tag":87,"props":524,"children":525},{"class":94},[526],{"type":26,"value":139},{"type":14,"tag":87,"props":528,"children":530},{"class":89,"line":529},9,[531],{"type":14,"tag":87,"props":532,"children":533},{},[534],{"type":26,"value":384},{"type":14,"tag":87,"props":536,"children":538},{"class":89,"line":537},10,[539,543,547,551,555,559,564,569,573],{"type":14,"tag":87,"props":540,"children":541},{"class":94},[542],{"type":26,"value":341},{"type":14,"tag":87,"props":544,"children":545},{"class":100},[546],{"type":26,"value":28},{"type":14,"tag":87,"props":548,"children":549},{"class":94},[550],{"type":26,"value":108},{"type":14,"tag":87,"props":552,"children":553},{"class":111},[554],{"type":26,"value":114},{"type":14,"tag":87,"props":556,"children":557},{"class":94},[558],{"type":26,"value":119},{"type":14,"tag":87,"props":560,"children":561},{"class":122},[562],{"type":26,"value":563},"\"_xl:hidden!\"",{"type":14,"tag":87,"props":565,"children":566},{"class":94},[567],{"type":26,"value":568},">This text is hidden starting from xl viewport size.\u003C/",{"type":14,"tag":87,"props":570,"children":571},{"class":100},[572],{"type":26,"value":28},{"type":14,"tag":87,"props":574,"children":575},{"class":94},[576],{"type":26,"value":139},{"type":14,"tag":87,"props":578,"children":580},{"class":89,"line":579},11,[581],{"type":14,"tag":87,"props":582,"children":583},{},[584],{"type":26,"value":384},{"type":14,"tag":87,"props":586,"children":588},{"class":89,"line":587},12,[589,593,597,601,605,609,614,619,623],{"type":14,"tag":87,"props":590,"children":591},{"class":94},[592],{"type":26,"value":341},{"type":14,"tag":87,"props":594,"children":595},{"class":100},[596],{"type":26,"value":28},{"type":14,"tag":87,"props":598,"children":599},{"class":94},[600],{"type":26,"value":108},{"type":14,"tag":87,"props":602,"children":603},{"class":111},[604],{"type":26,"value":114},{"type":14,"tag":87,"props":606,"children":607},{"class":94},[608],{"type":26,"value":119},{"type":14,"tag":87,"props":610,"children":611},{"class":122},[612],{"type":26,"value":613},"\"_2xl:hidden!\"",{"type":14,"tag":87,"props":615,"children":616},{"class":94},[617],{"type":26,"value":618},">This text is hidden starting from 2xl viewport size.\u003C/",{"type":14,"tag":87,"props":620,"children":621},{"class":100},[622],{"type":26,"value":28},{"type":14,"tag":87,"props":624,"children":625},{"class":94},[626],{"type":26,"value":139},{"type":14,"tag":87,"props":628,"children":630},{"class":89,"line":629},13,[631],{"type":14,"tag":87,"props":632,"children":633},{},[634],{"type":26,"value":384},{"type":14,"tag":87,"props":636,"children":638},{"class":89,"line":637},14,[639,643,648],{"type":14,"tag":87,"props":640,"children":641},{"class":94},[642],{"type":26,"value":341},{"type":14,"tag":87,"props":644,"children":645},{"class":100},[646],{"type":26,"value":647},"br",{"type":14,"tag":87,"props":649,"children":650},{"class":94},[651],{"type":26,"value":652}," />\n",{"type":14,"tag":87,"props":654,"children":656},{"class":89,"line":655},15,[657],{"type":14,"tag":87,"props":658,"children":659},{},[660],{"type":26,"value":384},{"type":14,"tag":87,"props":662,"children":664},{"class":89,"line":663},16,[665,669,673,677,681,685,690,695,699],{"type":14,"tag":87,"props":666,"children":667},{"class":94},[668],{"type":26,"value":341},{"type":14,"tag":87,"props":670,"children":671},{"class":100},[672],{"type":26,"value":28},{"type":14,"tag":87,"props":674,"children":675},{"class":94},[676],{"type":26,"value":108},{"type":14,"tag":87,"props":678,"children":679},{"class":111},[680],{"type":26,"value":114},{"type":14,"tag":87,"props":682,"children":683},{"class":94},[684],{"type":26,"value":119},{"type":14,"tag":87,"props":686,"children":687},{"class":122},[688],{"type":26,"value":689},"\"_xs:visible!\"",{"type":14,"tag":87,"props":691,"children":692},{"class":94},[693],{"type":26,"value":694},">This text is visible starting from xs viewport size.\u003C/",{"type":14,"tag":87,"props":696,"children":697},{"class":100},[698],{"type":26,"value":28},{"type":14,"tag":87,"props":700,"children":701},{"class":94},[702],{"type":26,"value":139},{"type":14,"tag":87,"props":704,"children":706},{"class":89,"line":705},17,[707],{"type":14,"tag":87,"props":708,"children":709},{},[710],{"type":26,"value":384},{"type":14,"tag":87,"props":712,"children":714},{"class":89,"line":713},18,[715,719,723,727,731,735,740,745,749],{"type":14,"tag":87,"props":716,"children":717},{"class":94},[718],{"type":26,"value":341},{"type":14,"tag":87,"props":720,"children":721},{"class":100},[722],{"type":26,"value":28},{"type":14,"tag":87,"props":724,"children":725},{"class":94},[726],{"type":26,"value":108},{"type":14,"tag":87,"props":728,"children":729},{"class":111},[730],{"type":26,"value":114},{"type":14,"tag":87,"props":732,"children":733},{"class":94},[734],{"type":26,"value":119},{"type":14,"tag":87,"props":736,"children":737},{"class":122},[738],{"type":26,"value":739},"\"_sm:visible!\"",{"type":14,"tag":87,"props":741,"children":742},{"class":94},[743],{"type":26,"value":744},">This text is visible starting from sm viewport size.\u003C/",{"type":14,"tag":87,"props":746,"children":747},{"class":100},[748],{"type":26,"value":28},{"type":14,"tag":87,"props":750,"children":751},{"class":94},[752],{"type":26,"value":139},{"type":14,"tag":87,"props":754,"children":756},{"class":89,"line":755},19,[757],{"type":14,"tag":87,"props":758,"children":759},{},[760],{"type":26,"value":384},{"type":14,"tag":87,"props":762,"children":764},{"class":89,"line":763},20,[765,769,773,777,781,785,790,795,799],{"type":14,"tag":87,"props":766,"children":767},{"class":94},[768],{"type":26,"value":341},{"type":14,"tag":87,"props":770,"children":771},{"class":100},[772],{"type":26,"value":28},{"type":14,"tag":87,"props":774,"children":775},{"class":94},[776],{"type":26,"value":108},{"type":14,"tag":87,"props":778,"children":779},{"class":111},[780],{"type":26,"value":114},{"type":14,"tag":87,"props":782,"children":783},{"class":94},[784],{"type":26,"value":119},{"type":14,"tag":87,"props":786,"children":787},{"class":122},[788],{"type":26,"value":789},"\"_md:visible!\"",{"type":14,"tag":87,"props":791,"children":792},{"class":94},[793],{"type":26,"value":794},">This text is visible starting from md viewport size.\u003C/",{"type":14,"tag":87,"props":796,"children":797},{"class":100},[798],{"type":26,"value":28},{"type":14,"tag":87,"props":800,"children":801},{"class":94},[802],{"type":26,"value":139},{"type":14,"tag":87,"props":804,"children":806},{"class":89,"line":805},21,[807],{"type":14,"tag":87,"props":808,"children":809},{},[810],{"type":26,"value":384},{"type":14,"tag":87,"props":812,"children":814},{"class":89,"line":813},22,[815,819,823,827,831,835,840,845,849],{"type":14,"tag":87,"props":816,"children":817},{"class":94},[818],{"type":26,"value":341},{"type":14,"tag":87,"props":820,"children":821},{"class":100},[822],{"type":26,"value":28},{"type":14,"tag":87,"props":824,"children":825},{"class":94},[826],{"type":26,"value":108},{"type":14,"tag":87,"props":828,"children":829},{"class":111},[830],{"type":26,"value":114},{"type":14,"tag":87,"props":832,"children":833},{"class":94},[834],{"type":26,"value":119},{"type":14,"tag":87,"props":836,"children":837},{"class":122},[838],{"type":26,"value":839},"\"_lg:visible!\"",{"type":14,"tag":87,"props":841,"children":842},{"class":94},[843],{"type":26,"value":844},">This text is visible starting from lg viewport size.\u003C/",{"type":14,"tag":87,"props":846,"children":847},{"class":100},[848],{"type":26,"value":28},{"type":14,"tag":87,"props":850,"children":851},{"class":94},[852],{"type":26,"value":139},{"type":14,"tag":87,"props":854,"children":856},{"class":89,"line":855},23,[857],{"type":14,"tag":87,"props":858,"children":859},{},[860],{"type":26,"value":384},{"type":14,"tag":87,"props":862,"children":864},{"class":89,"line":863},24,[865,869,873,877,881,885,890,895,899],{"type":14,"tag":87,"props":866,"children":867},{"class":94},[868],{"type":26,"value":341},{"type":14,"tag":87,"props":870,"children":871},{"class":100},[872],{"type":26,"value":28},{"type":14,"tag":87,"props":874,"children":875},{"class":94},[876],{"type":26,"value":108},{"type":14,"tag":87,"props":878,"children":879},{"class":111},[880],{"type":26,"value":114},{"type":14,"tag":87,"props":882,"children":883},{"class":94},[884],{"type":26,"value":119},{"type":14,"tag":87,"props":886,"children":887},{"class":122},[888],{"type":26,"value":889},"\"_xl:visible!\"",{"type":14,"tag":87,"props":891,"children":892},{"class":94},[893],{"type":26,"value":894},">This text is visible starting from xl viewport size.\u003C/",{"type":14,"tag":87,"props":896,"children":897},{"class":100},[898],{"type":26,"value":28},{"type":14,"tag":87,"props":900,"children":901},{"class":94},[902],{"type":26,"value":139},{"type":14,"tag":87,"props":904,"children":906},{"class":89,"line":905},25,[907],{"type":14,"tag":87,"props":908,"children":909},{},[910],{"type":26,"value":384},{"type":14,"tag":87,"props":912,"children":914},{"class":89,"line":913},26,[915,919,923,927,931,935,940,945,949],{"type":14,"tag":87,"props":916,"children":917},{"class":94},[918],{"type":26,"value":341},{"type":14,"tag":87,"props":920,"children":921},{"class":100},[922],{"type":26,"value":28},{"type":14,"tag":87,"props":924,"children":925},{"class":94},[926],{"type":26,"value":108},{"type":14,"tag":87,"props":928,"children":929},{"class":111},[930],{"type":26,"value":114},{"type":14,"tag":87,"props":932,"children":933},{"class":94},[934],{"type":26,"value":119},{"type":14,"tag":87,"props":936,"children":937},{"class":122},[938],{"type":26,"value":939},"\"_2xl:visible!\"",{"type":14,"tag":87,"props":941,"children":942},{"class":94},[943],{"type":26,"value":944},">This text is visible starting from 2xl viewport size.\u003C/",{"type":14,"tag":87,"props":946,"children":947},{"class":100},[948],{"type":26,"value":28},{"type":14,"tag":87,"props":950,"children":951},{"class":94},[952],{"type":26,"value":139},{"type":14,"tag":87,"props":954,"children":956},{"class":89,"line":955},27,[957],{"type":14,"tag":87,"props":958,"children":959},{},[960],{"type":26,"value":384},{"type":14,"tag":87,"props":962,"children":964},{"class":89,"line":963},28,[965,969,973],{"type":14,"tag":87,"props":966,"children":967},{"class":94},[968],{"type":26,"value":341},{"type":14,"tag":87,"props":970,"children":971},{"class":100},[972],{"type":26,"value":647},{"type":14,"tag":87,"props":974,"children":975},{"class":94},[976],{"type":26,"value":652},{"type":14,"tag":87,"props":978,"children":980},{"class":89,"line":979},29,[981],{"type":14,"tag":87,"props":982,"children":983},{},[984],{"type":26,"value":384},{"type":14,"tag":87,"props":986,"children":988},{"class":89,"line":987},30,[989,993,997,1001,1005,1009,1014,1019,1023],{"type":14,"tag":87,"props":990,"children":991},{"class":94},[992],{"type":26,"value":341},{"type":14,"tag":87,"props":994,"children":995},{"class":100},[996],{"type":26,"value":28},{"type":14,"tag":87,"props":998,"children":999},{"class":94},[1000],{"type":26,"value":108},{"type":14,"tag":87,"props":1002,"children":1003},{"class":111},[1004],{"type":26,"value":114},{"type":14,"tag":87,"props":1006,"children":1007},{"class":94},[1008],{"type":26,"value":119},{"type":14,"tag":87,"props":1010,"children":1011},{"class":122},[1012],{"type":26,"value":1013},"\"_xs:visible! _sm:hidden!\"",{"type":14,"tag":87,"props":1015,"children":1016},{"class":94},[1017],{"type":26,"value":1018},">This text is visible only on xs viewport size.\u003C/",{"type":14,"tag":87,"props":1020,"children":1021},{"class":100},[1022],{"type":26,"value":28},{"type":14,"tag":87,"props":1024,"children":1025},{"class":94},[1026],{"type":26,"value":139},{"type":14,"tag":87,"props":1028,"children":1030},{"class":89,"line":1029},31,[1031],{"type":14,"tag":87,"props":1032,"children":1033},{},[1034],{"type":26,"value":384},{"type":14,"tag":87,"props":1036,"children":1038},{"class":89,"line":1037},32,[1039,1043,1047,1051,1055,1059,1064,1069,1073],{"type":14,"tag":87,"props":1040,"children":1041},{"class":94},[1042],{"type":26,"value":341},{"type":14,"tag":87,"props":1044,"children":1045},{"class":100},[1046],{"type":26,"value":28},{"type":14,"tag":87,"props":1048,"children":1049},{"class":94},[1050],{"type":26,"value":108},{"type":14,"tag":87,"props":1052,"children":1053},{"class":111},[1054],{"type":26,"value":114},{"type":14,"tag":87,"props":1056,"children":1057},{"class":94},[1058],{"type":26,"value":119},{"type":14,"tag":87,"props":1060,"children":1061},{"class":122},[1062],{"type":26,"value":1063},"\"_sm:visible! _md:hidden!\"",{"type":14,"tag":87,"props":1065,"children":1066},{"class":94},[1067],{"type":26,"value":1068},">This text is visible only on sm viewport size.\u003C/",{"type":14,"tag":87,"props":1070,"children":1071},{"class":100},[1072],{"type":26,"value":28},{"type":14,"tag":87,"props":1074,"children":1075},{"class":94},[1076],{"type":26,"value":139},{"type":14,"tag":87,"props":1078,"children":1080},{"class":89,"line":1079},33,[1081],{"type":14,"tag":87,"props":1082,"children":1083},{},[1084],{"type":26,"value":384},{"type":14,"tag":87,"props":1086,"children":1088},{"class":89,"line":1087},34,[1089,1093,1097,1101,1105,1109,1114,1119,1123],{"type":14,"tag":87,"props":1090,"children":1091},{"class":94},[1092],{"type":26,"value":341},{"type":14,"tag":87,"props":1094,"children":1095},{"class":100},[1096],{"type":26,"value":28},{"type":14,"tag":87,"props":1098,"children":1099},{"class":94},[1100],{"type":26,"value":108},{"type":14,"tag":87,"props":1102,"children":1103},{"class":111},[1104],{"type":26,"value":114},{"type":14,"tag":87,"props":1106,"children":1107},{"class":94},[1108],{"type":26,"value":119},{"type":14,"tag":87,"props":1110,"children":1111},{"class":122},[1112],{"type":26,"value":1113},"\"_md:visible! _lg:hidden!\"",{"type":14,"tag":87,"props":1115,"children":1116},{"class":94},[1117],{"type":26,"value":1118},">This text is visible only on md viewport size.\u003C/",{"type":14,"tag":87,"props":1120,"children":1121},{"class":100},[1122],{"type":26,"value":28},{"type":14,"tag":87,"props":1124,"children":1125},{"class":94},[1126],{"type":26,"value":139},{"type":14,"tag":87,"props":1128,"children":1130},{"class":89,"line":1129},35,[1131],{"type":14,"tag":87,"props":1132,"children":1133},{},[1134],{"type":26,"value":384},{"type":14,"tag":87,"props":1136,"children":1138},{"class":89,"line":1137},36,[1139,1143,1147,1151,1155,1159,1164,1169,1173],{"type":14,"tag":87,"props":1140,"children":1141},{"class":94},[1142],{"type":26,"value":341},{"type":14,"tag":87,"props":1144,"children":1145},{"class":100},[1146],{"type":26,"value":28},{"type":14,"tag":87,"props":1148,"children":1149},{"class":94},[1150],{"type":26,"value":108},{"type":14,"tag":87,"props":1152,"children":1153},{"class":111},[1154],{"type":26,"value":114},{"type":14,"tag":87,"props":1156,"children":1157},{"class":94},[1158],{"type":26,"value":119},{"type":14,"tag":87,"props":1160,"children":1161},{"class":122},[1162],{"type":26,"value":1163},"\"_lg:visible! _xl:hidden!\"",{"type":14,"tag":87,"props":1165,"children":1166},{"class":94},[1167],{"type":26,"value":1168},">This text is visible only on lg viewport size.\u003C/",{"type":14,"tag":87,"props":1170,"children":1171},{"class":100},[1172],{"type":26,"value":28},{"type":14,"tag":87,"props":1174,"children":1175},{"class":94},[1176],{"type":26,"value":139},{"type":14,"tag":87,"props":1178,"children":1180},{"class":89,"line":1179},37,[1181],{"type":14,"tag":87,"props":1182,"children":1183},{},[1184],{"type":26,"value":384},{"type":14,"tag":87,"props":1186,"children":1188},{"class":89,"line":1187},38,[1189,1193,1197,1201,1205,1209,1214,1219,1223],{"type":14,"tag":87,"props":1190,"children":1191},{"class":94},[1192],{"type":26,"value":341},{"type":14,"tag":87,"props":1194,"children":1195},{"class":100},[1196],{"type":26,"value":28},{"type":14,"tag":87,"props":1198,"children":1199},{"class":94},[1200],{"type":26,"value":108},{"type":14,"tag":87,"props":1202,"children":1203},{"class":111},[1204],{"type":26,"value":114},{"type":14,"tag":87,"props":1206,"children":1207},{"class":94},[1208],{"type":26,"value":119},{"type":14,"tag":87,"props":1210,"children":1211},{"class":122},[1212],{"type":26,"value":1213},"\"_xl:visible! _2xl:hidden!\"",{"type":14,"tag":87,"props":1215,"children":1216},{"class":94},[1217],{"type":26,"value":1218},">This text is visible only on xl viewport size.\u003C/",{"type":14,"tag":87,"props":1220,"children":1221},{"class":100},[1222],{"type":26,"value":28},{"type":14,"tag":87,"props":1224,"children":1225},{"class":94},[1226],{"type":26,"value":139},{"type":14,"tag":87,"props":1228,"children":1230},{"class":89,"line":1229},39,[1231],{"type":14,"tag":87,"props":1232,"children":1233},{},[1234],{"type":26,"value":384},{"type":14,"tag":87,"props":1236,"children":1238},{"class":89,"line":1237},40,[1239,1243,1247,1251,1255,1259,1263,1268,1272],{"type":14,"tag":87,"props":1240,"children":1241},{"class":94},[1242],{"type":26,"value":341},{"type":14,"tag":87,"props":1244,"children":1245},{"class":100},[1246],{"type":26,"value":28},{"type":14,"tag":87,"props":1248,"children":1249},{"class":94},[1250],{"type":26,"value":108},{"type":14,"tag":87,"props":1252,"children":1253},{"class":111},[1254],{"type":26,"value":114},{"type":14,"tag":87,"props":1256,"children":1257},{"class":94},[1258],{"type":26,"value":119},{"type":14,"tag":87,"props":1260,"children":1261},{"class":122},[1262],{"type":26,"value":939},{"type":14,"tag":87,"props":1264,"children":1265},{"class":94},[1266],{"type":26,"value":1267},">This text is visible only on 2xl viewport size.\u003C/",{"type":14,"tag":87,"props":1269,"children":1270},{"class":100},[1271],{"type":26,"value":28},{"type":14,"tag":87,"props":1273,"children":1274},{"class":94},[1275],{"type":26,"value":139},{"type":14,"tag":87,"props":1277,"children":1279},{"class":89,"line":1278},41,[1280,1285,1289],{"type":14,"tag":87,"props":1281,"children":1282},{"class":94},[1283],{"type":26,"value":1284},"\u003C/",{"type":14,"tag":87,"props":1286,"children":1287},{"class":100},[1288],{"type":26,"value":295},{"type":14,"tag":87,"props":1290,"children":1291},{"class":94},[1292],{"type":26,"value":181},{"type":14,"tag":1294,"children":1295},"style",[1296],{"type":26,"value":1297},".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":142,"depth":142,"links":1299},[1300],{"id":23,"depth":142,"text":9,"children":1301},[1302],{"id":281,"depth":378,"text":284},"markdown","content:docs:utilities:css:visibility.md","content","docs/utilities/css/visibility.md","md",1794582261922]