[{"data":1,"prerenderedAt":1413},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Ftransformers\u002Fsafe-selectors":316},[4,9,15,19,24,28,33,37,41,45,49,53,57,60,63,67,70,74,77,81,85,89,93,97,101,105,109,113,117,121,125,129,133,137,141,145,149,153,156,159,162,165,168,171,175,178,181,184,186,189,192,195,198,201,204,207,210,213,216,219,222,225,228,231,234,237,240,244,247,250,253,257,261,264,267,270,273,276,279,282,285,287,290,293,296,299,302,305,308,311,313],{"path":5,"title":6,"section":7,"order":7,"sidebar":8},"\u002Fbrand","Brand",null,false,{"path":10,"title":11,"section":12,"order":13,"sidebar":14},"\u002Fdocs\u002Fapi\u002Fcomposables","Composables","API",2,true,{"path":16,"title":17,"section":12,"order":18,"sidebar":14},"\u002Fdocs\u002Fapi\u002Futilities","Utilities",1,{"path":20,"title":21,"section":22,"order":23,"sidebar":14},"\u002Fdocs\u002Fcli","CLI","Getting Started",9,{"path":25,"title":26,"section":22,"order":27,"sidebar":14},"\u002Fdocs\u002Fcompatibility","Compatibility",4,{"path":29,"title":30,"section":31,"order":32,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fbody","Body","Components",3,{"path":34,"title":35,"section":31,"order":36,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fbutton","Button",13,{"path":38,"title":39,"section":31,"order":40,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcodeblock","CodeBlock",18,{"path":42,"title":43,"section":31,"order":44,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcodeinline","CodeInline",19,{"path":46,"title":47,"section":31,"order":48,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcolumn","Column",8,{"path":50,"title":51,"section":31,"order":52,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcontainer","Container",5,{"path":54,"title":55,"section":31,"order":56,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ffont","Font",11,{"path":58,"title":59,"section":31,"order":13,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhead","Head",{"path":61,"title":62,"section":31,"order":23,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fheading","Heading",{"path":64,"title":65,"section":31,"order":66,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhr","Hr",16,{"path":68,"title":69,"section":31,"order":18,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhtml","Html",{"path":71,"title":72,"section":31,"order":73,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fimg","Img",14,{"path":75,"title":76,"section":31,"order":27,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Flayout","Layout",{"path":78,"title":79,"section":31,"order":80,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Flink","Link",12,{"path":82,"title":83,"section":31,"order":84,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fmarkdown","Markdown",20,{"path":86,"title":87,"section":31,"order":88,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fnotoutlook","NotOutlook",22,{"path":90,"title":91,"section":31,"order":92,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fnowidows","NoWidows",26,{"path":94,"title":95,"section":31,"order":96,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foutlook","Outlook",21,{"path":98,"title":99,"section":31,"order":100,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foutlookbg","OutlookBg",23,{"path":102,"title":103,"section":31,"order":104,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foverview","Overview",0,{"path":106,"title":107,"section":31,"order":108,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fplaintext","Plaintext",31,{"path":110,"title":111,"section":31,"order":112,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fpreheader","Preheader",17,{"path":114,"title":115,"section":31,"order":116,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fqrcode","QrCode",30,{"path":118,"title":119,"section":31,"order":120,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fraw","Raw",28,{"path":122,"title":123,"section":31,"order":124,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Frow","Row",7,{"path":126,"title":127,"section":31,"order":128,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fsection","Section",6,{"path":130,"title":131,"section":31,"order":132,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fspacer","Spacer",15,{"path":134,"title":135,"section":31,"order":136,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ftailwind","Tailwind",29,{"path":138,"title":139,"section":31,"order":140,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ftext","Text",10,{"path":142,"title":143,"section":31,"order":144,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fvml","Vml",24,{"path":146,"title":147,"section":31,"order":148,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fwithurl","WithUrl",27,{"path":150,"title":151,"section":152,"order":128,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Faws-ses","AWS SES","Deploy",{"path":154,"title":155,"section":152,"order":124,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fcloudflare","Cloudflare",{"path":157,"title":158,"section":152,"order":32,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fmailgun","Mailgun",{"path":160,"title":161,"section":152,"order":18,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fnodemailer","Nodemailer",{"path":163,"title":164,"section":152,"order":27,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fpostmark","Postmark",{"path":166,"title":167,"section":152,"order":52,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fresend","Resend",{"path":169,"title":170,"section":152,"order":13,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fsendgrid","SendGrid",{"path":172,"title":173,"section":174,"order":32,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration","Configuration","Development",{"path":176,"title":177,"section":174,"order":52,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fevents","Events",{"path":179,"title":180,"section":174,"order":128,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fi18n","i18n",{"path":182,"title":183,"section":174,"order":13,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Flocal","Dev Server",{"path":185,"title":107,"section":174,"order":27,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fplaintext",{"path":187,"title":188,"section":174,"order":18,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Ftemplates","Templates",{"path":190,"title":191,"section":22,"order":32,"sidebar":14},"\u002Fdocs\u002Feditor-setup","Editor Setup",{"path":193,"title":194,"section":22,"order":48,"sidebar":14},"\u002Fdocs\u002Fglossary","Glossary",{"path":196,"title":197,"section":22,"order":128,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fframeworks","Framework Guides",{"path":199,"title":200,"section":197,"order":52,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fadonisjs","AdonisJS",{"path":202,"title":203,"section":197,"order":32,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fastro","Astro",{"path":205,"title":206,"section":197,"order":18,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Flaravel","Laravel",{"path":208,"title":209,"section":197,"order":48,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fnextjs","Next.js",{"path":211,"title":212,"section":197,"order":13,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fnuxt","Nuxt",{"path":214,"title":215,"section":197,"order":124,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fqwik","Qwik",{"path":217,"title":218,"section":197,"order":128,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fsolid","Solid",{"path":220,"title":221,"section":197,"order":27,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fsveltekit","SvelteKit",{"path":223,"title":224,"section":197,"order":23,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Ftanstack","TanStack Start",{"path":226,"title":227,"section":22,"order":13,"sidebar":14},"\u002Fdocs\u002Finstallation","Installation",{"path":229,"title":230,"section":22,"order":32,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fmanual","Manual Installation",{"path":232,"title":233,"section":22,"order":27,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fmonorepo","Monorepo Installation",{"path":235,"title":236,"section":22,"order":52,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fvite","Vite Plugin",{"path":238,"title":239,"section":22,"order":18,"sidebar":14},"\u002Fdocs\u002Fintroduction","What is Maizzle?",{"path":241,"title":242,"section":243,"order":13,"sidebar":14},"\u002Fdocs\u002Fmigrate\u002Fmjml","MJML","Migrate to Maizzle",{"path":245,"title":246,"section":243,"order":18,"sidebar":14},"\u002Fdocs\u002Fmigrate\u002Freact-email","React Email",{"path":248,"title":249,"section":22,"order":124,"sidebar":14},"\u002Fdocs\u002Fresources","Resources",{"path":251,"title":252,"section":22,"order":128,"sidebar":14},"\u002Fdocs\u002Fskill","Agent Skill",{"path":254,"title":255,"section":256,"order":18,"sidebar":14},"\u002Fdocs\u002Ftailwindcss","Tailwind CSS","Core Concepts",{"path":258,"title":259,"section":260,"order":13,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fadd-attributes","Add Attributes","Transformers",{"path":262,"title":263,"section":260,"order":48,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fattribute-to-style","Attribute to Style",{"path":265,"title":266,"section":260,"order":36,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fbase-url","Base URL",{"path":268,"title":269,"section":260,"order":66,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fentities","Entities",{"path":271,"title":272,"section":260,"order":80,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Ffilters","Filters",{"path":274,"title":275,"section":260,"order":112,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fformat","Format",{"path":277,"title":278,"section":260,"order":32,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Finline-css","Inline CSS",{"path":280,"title":281,"section":260,"order":56,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Finline-link","Inline Link",{"path":283,"title":284,"section":260,"order":40,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fminify","Minify",{"path":286,"title":103,"section":260,"order":18,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Foverview",{"path":288,"title":289,"section":260,"order":27,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fpurge-css","Purge CSS",{"path":291,"title":292,"section":260,"order":140,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fremove-attributes","Remove Attributes",{"path":294,"title":295,"section":260,"order":132,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Freplace-strings","Replace Strings",{"path":297,"title":298,"section":260,"order":52,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fsafe-selectors","Safe Selectors",{"path":300,"title":301,"section":260,"order":128,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fshorthand-css","Shorthand CSS",{"path":303,"title":304,"section":260,"order":124,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fsix-hex","Six-digit HEX",{"path":306,"title":307,"section":260,"order":73,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Furl-parameters","URL Parameters",{"path":309,"title":310,"section":22,"order":52,"sidebar":14},"\u002Fdocs\u002Fupgrade-guide","Upgrade Guide",{"path":312,"title":236,"section":256,"order":13,"sidebar":14},"\u002Fdocs\u002Fvite-plugin",{"path":314,"title":315,"section":7,"order":7,"sidebar":8},"\u002Fprivacy","Privacy Policy",{"id":317,"title":298,"body":318,"description":1407,"extension":1408,"meta":1409,"navigation":14,"order":52,"path":297,"section":260,"seo":1410,"sidebar":14,"stem":1411,"toc":14,"__hash__":1412},"docs\u002Fdocs\u002Ftransformers\u002Fsafe-selectors.md",{"type":319,"value":320,"toc":1400},"minimark",[321,325,342,352,357,360,425,435,438,588,601,809,813,1152,1156,1159,1242,1257,1261,1264,1306,1309,1397],[322,323,298],"h1",{"id":324},"safe-selectors",[326,327,328,329,333,334,337,338,341],"p",{},"Some email clients don't support class names with escaped characters. Gmail in particular will discard the entire ",[330,331,332],"code",{},"\u003Cstyle>"," tag where such a rule is found, so you can't safely use CSS class names like ",[330,335,336],{},"w-1\u002F2"," or ",[330,339,340],{},"sm:block",".",[326,343,344,345,337,348,351],{},"Maizzle normalizes escaped character class names like ",[330,346,347],{},"\\:",[330,349,350],{},"\\\u002F"," by replacing them with email-safe alternatives, so you can keep using those fancy Tailwind CSS class names and not have to worry about it.",[353,354,356],"h2",{"id":355},"usage","Usage",[326,358,359],{},"Safe selectors are enabled by default. You can explicitly set it in your config:",[361,362,368],"pre",{"className":363,"code":364,"filename":365,"language":366,"meta":367,"style":367},"language-ts shiki shiki-themes laserwave","export default defineConfig({\n  css: {\n    safe: true,\n  },\n})\n","maizzle.config.ts","ts","",[330,369,370,389,401,415,420],{"__ignoreMap":367},[371,372,374,378,381,385],"span",{"class":373,"line":18},"line",[371,375,377],{"class":376},"s0ZPN","export",[371,379,380],{"class":376}," default",[371,382,384],{"class":383},"sZNF3"," defineConfig",[371,386,388],{"class":387},"sGGKt","({\n",[371,390,391,395,398],{"class":373,"line":13},[371,392,394],{"class":393},"sLaUg","  css",[371,396,397],{"class":387},":",[371,399,400],{"class":387}," {\n",[371,402,403,406,408,412],{"class":373,"line":32},[371,404,405],{"class":393},"    safe",[371,407,397],{"class":387},[371,409,411],{"class":410},"skd8d"," true",[371,413,414],{"class":387},",\n",[371,416,417],{"class":373,"line":27},[371,418,419],{"class":387},"  },\n",[371,421,422],{"class":373,"line":52},[371,423,424],{"class":387},"})\n",[326,426,427,428,430,431,434],{},"Both CSS selectors in ",[330,429,332],{}," tags and ",[330,432,433],{},"class"," attributes in the rendered HTML are processed, so they stay in sync.",[326,436,437],{},"Given this template:",[361,439,444],{"className":440,"code":441,"filename":442,"language":443,"meta":367,"style":367},"language-vue shiki shiki-themes laserwave","\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CTailwind>\n        \u003CContainer>\n          \u003CText class=\"sm:text-sm hover:bg-blue-500 w-1\u002F2\">\n            Hello\n          \u003C\u002FText>\n        \u003C\u002FContainer>\n      \u003C\u002FTailwind>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","emails\u002Fexample.vue","vue",[330,445,446,458,467,479,487,496,505,529,534,543,552,561,570,579],{"__ignoreMap":367},[371,447,448,451,455],{"class":373,"line":18},[371,449,450],{"class":387},"\u003C",[371,452,454],{"class":453},"sb4Pa","template",[371,456,457],{"class":387},">\n",[371,459,460,463,465],{"class":373,"line":13},[371,461,462],{"class":387},"  \u003C",[371,464,69],{"class":453},[371,466,457],{"class":387},[371,468,469,472,474,477],{"class":373,"line":32},[371,470,471],{"class":387},"    \u003C",[371,473,59],{"class":453},[371,475,476],{"class":393}," \u002F",[371,478,457],{"class":387},[371,480,481,483,485],{"class":373,"line":27},[371,482,471],{"class":387},[371,484,30],{"class":453},[371,486,457],{"class":387},[371,488,489,492,494],{"class":373,"line":52},[371,490,491],{"class":387},"      \u003C",[371,493,135],{"class":453},[371,495,457],{"class":387},[371,497,498,501,503],{"class":373,"line":128},[371,499,500],{"class":387},"        \u003C",[371,502,51],{"class":453},[371,504,457],{"class":387},[371,506,507,510,512,515,518,521,525,527],{"class":373,"line":124},[371,508,509],{"class":387},"          \u003C",[371,511,139],{"class":453},[371,513,514],{"class":383}," class",[371,516,517],{"class":387},"=",[371,519,520],{"class":387},"\"",[371,522,524],{"class":523},"sXiT_","sm:text-sm hover:bg-blue-500 w-1\u002F2",[371,526,520],{"class":387},[371,528,457],{"class":387},[371,530,531],{"class":373,"line":48},[371,532,533],{"class":393},"            Hello\n",[371,535,536,539,541],{"class":373,"line":23},[371,537,538],{"class":387},"          \u003C\u002F",[371,540,139],{"class":453},[371,542,457],{"class":387},[371,544,545,548,550],{"class":373,"line":140},[371,546,547],{"class":387},"        \u003C\u002F",[371,549,51],{"class":453},[371,551,457],{"class":387},[371,553,554,557,559],{"class":373,"line":56},[371,555,556],{"class":387},"      \u003C\u002F",[371,558,135],{"class":453},[371,560,457],{"class":387},[371,562,563,566,568],{"class":373,"line":80},[371,564,565],{"class":387},"    \u003C\u002F",[371,567,30],{"class":453},[371,569,457],{"class":387},[371,571,572,575,577],{"class":373,"line":36},[371,573,574],{"class":387},"  \u003C\u002F",[371,576,69],{"class":453},[371,578,457],{"class":387},[371,580,581,584,586],{"class":373,"line":73},[371,582,583],{"class":387},"\u003C\u002F",[371,585,454],{"class":453},[371,587,457],{"class":387},[326,589,590,591,593,594,597,598,397],{},"The compiled output is rewritten to email-safe selectors — the escaped ",[330,592,397],{}," and ",[330,595,596],{},"\u002F"," in the original utilities get replaced with ",[330,599,600],{},"-",[361,602,606],{"className":603,"code":604,"language":605,"meta":367,"style":367},"language-html shiki shiki-themes laserwave","\u003Cstyle>\n  .hover-bg-blue-500:hover { \n    background-color: #3b82f6; \n  }\n  .w-1-2 { \n    width: 50%; \n  }\n  @media (max-width: 600px) {\n    .sm-text-sm { \n      font-size: 14px; \n      line-height: 20px; \n    }\n  }\n\u003C\u002Fstyle>\n\u003Cp class=\"sm-text-sm hover-bg-blue-500 w-1-2\">Hello\u003C\u002Fp>\n","html",[330,607,608,617,636,654,659,670,688,692,719,731,747,763,768,772,780],{"__ignoreMap":367},[371,609,610,612,615],{"class":373,"line":18},[371,611,450],{"class":387},[371,613,614],{"class":453},"style",[371,616,457],{"class":387},[371,618,619,622,625,627,630,633],{"class":373,"line":13},[371,620,621],{"class":387},"  .",[371,623,624],{"class":383},"hover-bg-blue-500",[371,626,397],{"class":387},[371,628,629],{"class":383},"hover",[371,631,632],{"class":387}," {",[371,634,635],{"class":393}," \n",[371,637,638,641,643,646,649,652],{"class":373,"line":32},[371,639,640],{"class":376},"    background-color",[371,642,397],{"class":387},[371,644,645],{"class":387}," #",[371,647,648],{"class":393},"3b82f6",[371,650,651],{"class":387},";",[371,653,635],{"class":393},[371,655,656],{"class":373,"line":27},[371,657,658],{"class":387},"  }\n",[371,660,661,663,666,668],{"class":373,"line":52},[371,662,621],{"class":387},[371,664,665],{"class":383},"w-1-2",[371,667,632],{"class":387},[371,669,635],{"class":393},[371,671,672,675,677,681,684,686],{"class":373,"line":128},[371,673,674],{"class":376},"    width",[371,676,397],{"class":387},[371,678,680],{"class":679},"s0EtI"," 50",[371,682,683],{"class":376},"%",[371,685,651],{"class":387},[371,687,635],{"class":393},[371,689,690],{"class":373,"line":124},[371,691,658],{"class":387},[371,693,694,697,700,703,706,708,711,714,717],{"class":373,"line":48},[371,695,696],{"class":387},"  @",[371,698,699],{"class":376},"media",[371,701,702],{"class":387}," (",[371,704,705],{"class":393},"max-width",[371,707,397],{"class":387},[371,709,710],{"class":679}," 600",[371,712,713],{"class":376},"px",[371,715,716],{"class":387},")",[371,718,400],{"class":387},[371,720,721,724,727,729],{"class":373,"line":23},[371,722,723],{"class":387},"    .",[371,725,726],{"class":383},"sm-text-sm",[371,728,632],{"class":387},[371,730,635],{"class":393},[371,732,733,736,738,741,743,745],{"class":373,"line":140},[371,734,735],{"class":376},"      font-size",[371,737,397],{"class":387},[371,739,740],{"class":679}," 14",[371,742,713],{"class":376},[371,744,651],{"class":387},[371,746,635],{"class":393},[371,748,749,752,754,757,759,761],{"class":373,"line":56},[371,750,751],{"class":376},"      line-height",[371,753,397],{"class":387},[371,755,756],{"class":679}," 20",[371,758,713],{"class":376},[371,760,651],{"class":387},[371,762,635],{"class":393},[371,764,765],{"class":373,"line":80},[371,766,767],{"class":387},"    }\n",[371,769,770],{"class":373,"line":36},[371,771,658],{"class":387},[371,773,774,776,778],{"class":373,"line":73},[371,775,583],{"class":387},[371,777,614],{"class":453},[371,779,457],{"class":387},[371,781,782,784,786,788,790,792,795,797,800,803,805,807],{"class":373,"line":132},[371,783,450],{"class":387},[371,785,326],{"class":453},[371,787,514],{"class":383},[371,789,517],{"class":387},[371,791,520],{"class":387},[371,793,794],{"class":523},"sm-text-sm hover-bg-blue-500 w-1-2",[371,796,520],{"class":387},[371,798,799],{"class":387},">",[371,801,802],{"class":393},"Hello",[371,804,583],{"class":387},[371,806,326],{"class":453},[371,808,457],{"class":387},[353,810,812],{"id":811},"default-replacements","Default replacements",[814,815,816,829],"table",{},[817,818,819],"thead",{},[820,821,822,826],"tr",{},[823,824,825],"th",{},"Character",[823,827,828],{},"Replacement",[830,831,832,843,853,864,875,886,897,907,916,925,933,942,951,963,975,986,997,1008,1020,1032,1044,1055,1065,1076,1087,1098,1108,1119,1130,1141],"tbody",{},[820,833,834,839],{},[835,836,837],"td",{},[330,838,397],{},[835,840,841],{},[330,842,600],{},[820,844,845,849],{},[835,846,847],{},[330,848,596],{},[835,850,851],{},[330,852,600],{},[820,854,855,859],{},[835,856,857],{},[330,858,683],{},[835,860,861],{},[330,862,863],{},"pc",[820,865,866,870],{},[835,867,868],{},[330,869,341],{},[835,871,872],{},[330,873,874],{},"_",[820,876,877,882],{},[835,878,879],{},[330,880,881],{},",",[835,883,884],{},[330,885,874],{},[820,887,888,893],{},[835,889,890],{},[330,891,892],{},"#",[835,894,895],{},[330,896,874],{},[820,898,899,904],{},[835,900,901],{},[330,902,903],{},"[",[835,905,906],{},"(removed)",[820,908,909,914],{},[835,910,911],{},[330,912,913],{},"]",[835,915,906],{},[820,917,918,923],{},[835,919,920],{},[330,921,922],{},"(",[835,924,906],{},[820,926,927,931],{},[835,928,929],{},[330,930,716],{},[835,932,906],{},[820,934,935,940],{},[835,936,937],{},[330,938,939],{},"{",[835,941,906],{},[820,943,944,949],{},[835,945,946],{},[330,947,948],{},"}",[835,950,906],{},[820,952,953,958],{},[835,954,955],{},[330,956,957],{},"!",[835,959,960],{},[330,961,962],{},"-i",[820,964,965,970],{},[835,966,967],{},[330,968,969],{},"&",[835,971,972],{},[330,973,974],{},"and-",[820,976,977,981],{},[835,978,979],{},[330,980,450],{},[835,982,983],{},[330,984,985],{},"lt-",[820,987,988,992],{},[835,989,990],{},[330,991,517],{},[835,993,994],{},[330,995,996],{},"eq-",[820,998,999,1003],{},[835,1000,1001],{},[330,1002,799],{},[835,1004,1005],{},[330,1006,1007],{},"gt-",[820,1009,1010,1015],{},[835,1011,1012],{},[330,1013,1014],{},"|",[835,1016,1017],{},[330,1018,1019],{},"or-",[820,1021,1022,1027],{},[835,1023,1024],{},[330,1025,1026],{},"@",[835,1028,1029],{},[330,1030,1031],{},"at-",[820,1033,1034,1039],{},[835,1035,1036],{},[330,1037,1038],{},"?",[835,1040,1041],{},[330,1042,1043],{},"q-",[820,1045,1046,1051],{},[835,1047,1048],{},[330,1049,1050],{},"\\",[835,1052,1053],{},[330,1054,600],{},[820,1056,1057,1061],{},[835,1058,1059],{},[330,1060,520],{},[835,1062,1063],{},[330,1064,600],{},[820,1066,1067,1072],{},[835,1068,1069],{},[330,1070,1071],{},"'",[835,1073,1074],{},[330,1075,600],{},[820,1077,1078,1083],{},[835,1079,1080],{},[330,1081,1082],{},"*",[835,1084,1085],{},[330,1086,600],{},[820,1088,1089,1094],{},[835,1090,1091],{},[330,1092,1093],{},"+",[835,1095,1096],{},[330,1097,600],{},[820,1099,1100,1104],{},[835,1101,1102],{},[330,1103,651],{},[835,1105,1106],{},[330,1107,600],{},[820,1109,1110,1115],{},[835,1111,1112],{},[330,1113,1114],{},"^",[835,1116,1117],{},[330,1118,600],{},[820,1120,1121,1126],{},[835,1122,1123],{},[330,1124,1125],{},"`",[835,1127,1128],{},[330,1129,600],{},[820,1131,1132,1137],{},[835,1133,1134],{},[330,1135,1136],{},"~",[835,1138,1139],{},[330,1140,600],{},[820,1142,1143,1148],{},[835,1144,1145],{},[330,1146,1147],{},"$",[835,1149,1150],{},[330,1151,600],{},[353,1153,1155],{"id":1154},"customization","Customization",[326,1157,1158],{},"You may define custom replacements. Your replacements are merged with the defaults:",[361,1160,1162],{"className":363,"code":1161,"filename":365,"language":366,"meta":367,"style":367},"export default defineConfig({\n  css: {\n    safe: {\n      ':': '__',\n      '\u002F': '_',\n    },\n  },\n})\n",[330,1163,1164,1174,1182,1190,1211,1229,1234,1238],{"__ignoreMap":367},[371,1165,1166,1168,1170,1172],{"class":373,"line":18},[371,1167,377],{"class":376},[371,1169,380],{"class":376},[371,1171,384],{"class":383},[371,1173,388],{"class":387},[371,1175,1176,1178,1180],{"class":373,"line":13},[371,1177,394],{"class":393},[371,1179,397],{"class":387},[371,1181,400],{"class":387},[371,1183,1184,1186,1188],{"class":373,"line":32},[371,1185,405],{"class":393},[371,1187,397],{"class":387},[371,1189,400],{"class":387},[371,1191,1192,1195,1197,1199,1201,1204,1207,1209],{"class":373,"line":27},[371,1193,1194],{"class":387},"      '",[371,1196,397],{"class":523},[371,1198,1071],{"class":387},[371,1200,397],{"class":387},[371,1202,1203],{"class":387}," '",[371,1205,1206],{"class":523},"__",[371,1208,1071],{"class":387},[371,1210,414],{"class":387},[371,1212,1213,1215,1217,1219,1221,1223,1225,1227],{"class":373,"line":52},[371,1214,1194],{"class":387},[371,1216,596],{"class":523},[371,1218,1071],{"class":387},[371,1220,397],{"class":387},[371,1222,1203],{"class":387},[371,1224,874],{"class":523},[371,1226,1071],{"class":387},[371,1228,414],{"class":387},[371,1230,1231],{"class":373,"line":128},[371,1232,1233],{"class":387},"    },\n",[371,1235,1236],{"class":373,"line":124},[371,1237,419],{"class":387},[371,1239,1240],{"class":373,"line":48},[371,1241,424],{"class":387},[326,1243,1244,1245,1248,1249,593,1252,1248,1254,341],{},"With this config, ",[330,1246,1247],{},"sm:text-base"," becomes ",[330,1250,1251],{},"sm__text-base",[330,1253,336],{},[330,1255,1256],{},"w-1_2",[353,1258,1260],{"id":1259},"disabling","Disabling",[326,1262,1263],{},"To disable safe class name rewriting:",[361,1265,1267],{"className":363,"code":1266,"filename":365,"language":366,"meta":367,"style":367},"export default defineConfig({\n  css: {\n    safe: false,\n  },\n})\n",[330,1268,1269,1279,1287,1298,1302],{"__ignoreMap":367},[371,1270,1271,1273,1275,1277],{"class":373,"line":18},[371,1272,377],{"class":376},[371,1274,380],{"class":376},[371,1276,384],{"class":383},[371,1278,388],{"class":387},[371,1280,1281,1283,1285],{"class":373,"line":13},[371,1282,394],{"class":393},[371,1284,397],{"class":387},[371,1286,400],{"class":387},[371,1288,1289,1291,1293,1296],{"class":373,"line":32},[371,1290,405],{"class":393},[371,1292,397],{"class":387},[371,1294,1295],{"class":410}," false",[371,1297,414],{"class":387},[371,1299,1300],{"class":373,"line":27},[371,1301,419],{"class":387},[371,1303,1304],{"class":373,"line":52},[371,1305,424],{"class":387},[353,1307,12],{"id":1308},"api",[361,1310,1312],{"className":363,"code":1311,"language":366,"meta":367,"style":367},"import { safeSelectors } from '@maizzle\u002Fframework'\n\nconst out = safeSelectors('\u003Cdiv class=\"sm:text-base\">\u003C\u002Fdiv>', { safe: { ':': '__' } })\n",[330,1313,1314,1339,1344],{"__ignoreMap":367},[371,1315,1316,1319,1321,1325,1328,1331,1333,1336],{"class":373,"line":18},[371,1317,1318],{"class":376},"import",[371,1320,632],{"class":387},[371,1322,1324],{"class":1323},"sU-n2"," safeSelectors",[371,1326,1327],{"class":387}," }",[371,1329,1330],{"class":376}," from",[371,1332,1203],{"class":387},[371,1334,1335],{"class":523},"@maizzle\u002Fframework",[371,1337,1338],{"class":387},"'\n",[371,1340,1341],{"class":373,"line":13},[371,1342,1343],{"emptyLinePlaceholder":14},"\n",[371,1345,1346,1350,1353,1356,1358,1360,1362,1365,1367,1369,1371,1374,1376,1378,1380,1382,1384,1386,1388,1390,1392,1394],{"class":373,"line":32},[371,1347,1349],{"class":1348},"sIihq","const",[371,1351,1352],{"class":1323}," out",[371,1354,1355],{"class":453}," =",[371,1357,1324],{"class":383},[371,1359,922],{"class":387},[371,1361,1071],{"class":387},[371,1363,1364],{"class":523},"\u003Cdiv class=\"sm:text-base\">\u003C\u002Fdiv>",[371,1366,1071],{"class":387},[371,1368,881],{"class":387},[371,1370,632],{"class":387},[371,1372,1373],{"class":393}," safe",[371,1375,397],{"class":387},[371,1377,632],{"class":387},[371,1379,1203],{"class":387},[371,1381,397],{"class":523},[371,1383,1071],{"class":387},[371,1385,397],{"class":387},[371,1387,1203],{"class":387},[371,1389,1206],{"class":523},[371,1391,1071],{"class":387},[371,1393,1327],{"class":387},[371,1395,1396],{"class":387}," })\n",[614,1398,1399],{},"html pre.shiki code .s0ZPN, html code.shiki .s0ZPN{--shiki-default:#40B4C4}html pre.shiki code .sZNF3, html code.shiki .sZNF3{--shiki-default:#EB64B9}html pre.shiki code .sGGKt, html code.shiki .sGGKt{--shiki-default:#7B6995}html pre.shiki code .sLaUg, html code.shiki .sLaUg{--shiki-default:#FFFFFF}html pre.shiki code .skd8d, html code.shiki .skd8d{--shiki-default:#FFE261}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sb4Pa, html code.shiki .sb4Pa{--shiki-default:#74DFC4}html pre.shiki code .sXiT_, html code.shiki .sXiT_{--shiki-default:#B4DCE7}html pre.shiki code .s0EtI, html code.shiki .s0EtI{--shiki-default:#B381C5}html pre.shiki code .sU-n2, html code.shiki .sU-n2{--shiki-default:#FFF}html pre.shiki code .sIihq, html code.shiki .sIihq{--shiki-default:#A96BC0}",{"title":367,"searchDepth":13,"depth":13,"links":1401},[1402,1403,1404,1405,1406],{"id":355,"depth":13,"text":356},{"id":811,"depth":13,"text":812},{"id":1154,"depth":13,"text":1155},{"id":1259,"depth":13,"text":1260},{"id":1308,"depth":13,"text":12},"Rewrite CSS selectors without escaped characters for safe use in email clients.","md",{},{"title":298,"description":1407},"docs\u002Ftransformers\u002Fsafe-selectors","YT3bplsCYpdp9hA86Iqujq8LjNUHKX3fwrIMd7k7eJc",1781015462726]