CINXE.COM

<!DOCTYPE html><html lang="en" class="scroll-pt-[76px] plain-background"><head><meta charSet="utf-8"/><link rel="preconnect" href="https://api.gitbook.com"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight&width=32&dpr=1&quality=100&sign=152c558e&sv=1 32w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight&width=32&dpr=2&quality=100&sign=152c558e&sv=1 64w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight&width=32&dpr=3&quality=100&sign=152c558e&sv=1 96w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight&width=32&dpr=4&quality=100&sign=152c558e&sv=1 128w" imageSizes="32px" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/2d00a2f28ca4dc5d.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/99f50cfb598d2941.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d42d805b938873da.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8adaabd9e3445f84.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c311d6484335995a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5a687dea857dc6f5.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7235fa9d119901d4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/86d6274f3e6d760c.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a91fbeec63857000.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/2d0986519abf0323.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0f891de5863d7182.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz" href="/_next/static/chunks/webpack-21fb00c223e55731.js"/><script src="/_next/static/chunks/1dd3208c-b11c3db6cd7d86b2.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/9978-293e379e3e1468f4.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/main-app-6756d7a08d4ddca2.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/app/global-error-19768e91f18f21d9.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/b5d5b83b-3d9186fb60556c53.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/7609-ae1015bd89577747.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/1281-411df876b32e19c2.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/4012-d5519c7c19347ff0.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/app/(site)/layout-512d7fc9258aa558.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/app/(site)/error-aabf7054fe6497a1.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/9505-a8f112b566ef7f41.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/1538-28b9996ceedaa74d.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/1285-2b0f91300e0c0b9a.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/3902-19c217a299034164.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/6150-57a79db9099e4be8.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/8510-2f41b25832a6d317.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/2286-91dc9ed7c6acaf3a.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/9028-bdf215f649fe02e9.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><script src="/_next/static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js" async="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script><link rel="preload" href="https://cdn.iframe.ly/embed.js" as="script" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"/><meta name="color-scheme" content="light"/><title>Adding custom CSS in Spark Editor | Spark Email Editor Knowldgebase</title><meta name="description" content="In a few simple steps, learn how to add custom CSS to the email templates in the Spark Editor plugin"/><meta name="generator" content="GitBook (eab7931)"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://docs.sparkeditor.com/adding-custom-css-in-spark-editor"/><meta property="og:title" content="Adding custom CSS in Spark Editor | Spark Email Editor Knowldgebase"/><meta property="og:description" content="In a few simple steps, learn how to add custom CSS to the email templates in the Spark Editor plugin"/><meta property="og:image" content="https://docs.sparkeditor.com/~gitbook/ogimage/L7o1LHx6dbsxYRUVeTnc"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Adding custom CSS in Spark Editor | Spark Email Editor Knowldgebase"/><meta name="twitter:description" content="In a few simple steps, learn how to add custom CSS to the email templates in the Spark Editor plugin"/><meta name="twitter:image" content="https://docs.sparkeditor.com/~gitbook/ogimage/L7o1LHx6dbsxYRUVeTnc"/><link rel="icon" href="https://docs.sparkeditor.com/~gitbook/icon?size=small&theme=light" type="image/png" media="(prefers-color-scheme: light)"/><link rel="icon" href="https://docs.sparkeditor.com/~gitbook/icon?size=small&theme=dark" type="image/png" media="(prefers-color-scheme: dark)"/><meta name="next-size-adjust"/><style> :root { --primary-color-50: 235 240 251; --primary-color-100: 214 226 248; --primary-color-200: 174 197 241; --primary-color-300: 133 167 233; --primary-color-400: 93 138 226; --primary-color-500: 52 109 219; --primary-color-600: 42 87 175; --primary-color-700: 31 65 131; --primary-color-800: 21 44 88; --primary-color-900: 10 22 44; --contrast-primary-50: 0 0 0; --contrast-primary-100: 0 0 0; --contrast-primary-200: 0 0 0; --contrast-primary-300: 0 0 0; --contrast-primary-400: 0 0 0; --contrast-primary-500: 255 255 255; --contrast-primary-600: 255 255 255; --contrast-primary-700: 255 255 255; --contrast-primary-800: 255 255 255; --contrast-primary-900: 255 255 255; --primary-base-50: 235 240 251; --primary-base-100: 214 226 248; --primary-base-200: 174 197 241; --primary-base-300: 133 167 233; --primary-base-400: 93 138 226; --primary-base-500: 52 109 219; --primary-base-600: 42 87 175; --primary-base-700: 31 65 131; --primary-base-800: 21 44 88; --primary-base-900: 10 22 44; --header-background-50: 255 255 255; --header-background-100: 255 255 255; --header-background-200: 255 255 255; --header-background-300: 255 255 255; --header-background-400: 255 255 255; --header-background-500: 255 255 255; --header-background-600: 204 204 204; --header-background-700: 153 153 153; --header-background-800: 102 102 102; --header-background-900: 51 51 51; --header-link-50: 235 240 251; --header-link-100: 214 226 248; --header-link-200: 174 197 241; --header-link-300: 133 167 233; --header-link-400: 93 138 226; --header-link-500: 52 109 219; --header-link-600: 42 87 175; --header-link-700: 31 65 131; --header-link-800: 21 44 88; --header-link-900: 10 22 44; --header-button-text-50: 255 255 255; --header-button-text-100: 255 255 255; --header-button-text-200: 255 255 255; --header-button-text-300: 255 255 255; --header-button-text-400: 255 255 255; --header-button-text-500: 255 255 255; --header-button-text-600: 204 204 204; --header-button-text-700: 153 153 153; --header-button-text-800: 102 102 102; --header-button-text-900: 51 51 51; } .dark { --primary-color-50: 235 240 251; --primary-color-100: 214 226 248; --primary-color-200: 174 197 241; --primary-color-300: 133 167 233; --primary-color-400: 93 138 226; --primary-color-500: 52 109 219; --primary-color-600: 42 87 175; --primary-color-700: 31 65 131; --primary-color-800: 21 44 88; --primary-color-900: 10 22 44; --primary-base-50: 235 240 251; --primary-base-100: 214 226 248; --primary-base-200: 174 197 241; --primary-base-300: 133 167 233; --primary-base-400: 93 138 226; --primary-base-500: 52 109 219; --primary-base-600: 42 87 175; --primary-base-700: 31 65 131; --primary-base-800: 21 44 88; --primary-base-900: 10 22 44; --contrast-primary-50: 0 0 0; --contrast-primary-100: 0 0 0; --contrast-primary-200: 0 0 0; --contrast-primary-300: 0 0 0; --contrast-primary-400: 0 0 0; --contrast-primary-500: 255 255 255; --contrast-primary-600: 255 255 255; --contrast-primary-700: 255 255 255; --contrast-primary-800: 255 255 255; --contrast-primary-900: 255 255 255; --header-background-50: 230 230 230; --header-background-100: 204 204 204; --header-background-200: 153 153 153; --header-background-300: 102 102 102; --header-background-400: 51 51 51; --header-background-500: 0 0 0; --header-background-600: 0 0 0; --header-background-700: 0 0 0; --header-background-800: 0 0 0; --header-background-900: 0 0 0; --header-link-50: 235 240 251; --header-link-100: 214 226 248; --header-link-200: 174 197 241; --header-link-300: 133 167 233; --header-link-400: 93 138 226; --header-link-500: 52 109 219; --header-link-600: 42 87 175; --header-link-700: 31 65 131; --header-link-800: 21 44 88; --header-link-900: 10 22 44; --header-button-text-50: 255 255 255; --header-button-text-100: 255 255 255; --header-button-text-200: 255 255 255; --header-button-text-300: 255 255 255; --header-button-text-400: 255 255 255; --header-button-text-500: 255 255 255; --header-button-text-600: 204 204 204; --header-button-text-700: 153 153 153; --header-button-text-800: 102 102 102; --header-button-text-900: 51 51 51; } </style><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule="" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz"></script></head><body class="__variable_274faa __variable_a7f53a __variable_e782a9 __className_7e024b __variable_0e9704 bg-light dark:bg-dark"><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">!function(){var d=document.documentElement,c=d.classList;c.remove('light','dark');d.style.colorScheme = 'light';c.add('light')}()</script><header class="flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:z-10 dark:shadow-light/1 bg-light dark:bg-dark"><div class="scroll-nojump"><div class="gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between w-full px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full"><div class="flex flex-row gap-2"><button class="flex flex-row items-center hover:bg-dark/3 py-1 px-2 dark:hover:bg-light/2 rounded straight-corners:rounded-sm page-no-toc:hidden lg:hidden text-dark dark:text-light" aria-label="Open table of contents"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 text-inherit"></svg></button><a class="group/headerlogo flex-1 flex flex-row items-center shrink-0" href="/"><img alt="" fetchPriority="high" class="block dark:hidden object-contain size-8" src="https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight&width=32&dpr=4&quality=100&sign=152c558e&sv=1" srcSet="https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight&width=32&dpr=1&quality=100&sign=152c558e&sv=1 32w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight&width=32&dpr=2&quality=100&sign=152c558e&sv=1 64w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight&width=32&dpr=3&quality=100&sign=152c558e&sv=1 96w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight&width=32&dpr=4&quality=100&sign=152c558e&sv=1 128w" sizes="32px" width="256" height="256"/><img alt="" loading="lazy" fetchPriority="high" class="hidden dark:block object-contain size-8" src="https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Ddark&width=32&dpr=4&quality=100&sign=fc02ef9e&sv=1" srcSet="https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Ddark&width=32&dpr=1&quality=100&sign=fc02ef9e&sv=1 32w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Ddark&width=32&dpr=2&quality=100&sign=fc02ef9e&sv=1 64w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Ddark&width=32&dpr=3&quality=100&sign=fc02ef9e&sv=1 96w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Ddark&width=32&dpr=4&quality=100&sign=fc02ef9e&sv=1 128w" sizes="32px" width="256" height="256"/><div class="text-pretty line-clamp-3 leading-[1.1] tracking-tight max-w-[18ch] lg:max-w-[24ch] lg:text-lg/tight font-semibold ms-3 text-dark dark:text-light">Spark Email Editor Knowldgebase</div></a></div><div class="z-20"></div><div class="headerLinks_containerHeaderlinks__GUgiv flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20"><div class="headerLinks_linkEllipsis__Z01IN items-center z-20"><div class="group/dropdown relative flex"><button class="px-1 text-dark/8 dark:text-light/8 dark:hover:text-light hover:text-header-link-400"><span class="sr-only">More</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/ellipsis.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon opacity-6 size-3 ms-1"></svg></button><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S1:" class="w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0"><div class="mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2"><div class="flex flex-col gap-1"></div></div></div></div></div></div><div class="flex md:w-56 grow-0 shrink-0 justify-self-end"><button aria-label="Search" class="flex flex-1 flex-row justify-center items-center px-2 gap-3 text-dark/7 min-h-[2.5rem] w-[2.5rem] rounded-lg straight-corners:rounded-none bg-dark/2 transition-opacity ease-out hover:opacity-8 ring-1 ring-inset ring-dark/1 contrast-more:ring-dark contrast-more:bg-light contrast-more:text-dark dark:bg-light/1 dark:ring-light/1 dark:text-light/7 contrast-more:dark:ring-light contrast-more:dark:bg-dark contrast-more:dark:text-light [&>p]:hidden [&>span]:hidden md:justify-start md:[&>p]:flex md:[&>span]:flex md:w-full md:px-3.5 text-base"><div class="text-dark/7 pt-1.5 pb-2 dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/magnifying-glass.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 size-4"></svg></div><span class="flex-1">Search</span><span class="hidden md:inline justify-end text-xs text-dark/5 contrast-more:text-dark dark:text-light/5 contrast-more:dark:text-light [font-feature-settings:"calt",_"case"]">Ctrl +鈥咾</span></button></div></div></div></header><div class="scroll-nojump"><div class="flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]"><aside class="relative group flex flex-col basis-full bg-light grow-0 shrink-0 shadow-thinbottom navigation-open:shadow-dark/2 z-[1] top-0 h-[100vh] lg:basis-72 lg:navigation-open:border-b-0 lg:sticky dark:bg-dark dark:navigation-open:shadow-light/2 page-no-toc:hidden lg:top-16 lg:h-[calc(100vh_-_4rem)]"><div class="pt-4 hidden lg:flex flex-grow flex-col overflow-y-auto lg:gutter-stable lg:pr-2 group-hover:[&::-webkit-scrollbar]:bg-dark/1 group-hover:[&::-webkit-scrollbar-thumb]:bg-dark/3 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent dark:[&::-webkit-scrollbar]:bg-transparent dark:[&::-webkit-scrollbar-thumb]:bg-transparent dark:group-hover:[&::-webkit-scrollbar]:bg-light/1 dark:group-hover:[&::-webkit-scrollbar-thumb]:bg-light/3 navigation-open:flex lg:-ml-5 lg:pb-20"><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/">Installation - Spark Email Editor for WooCommerce & WordPress<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/installation-spark-email-editor-for-woocommerce-and-wordpress/license-key-validation">License Key Validation</a></div></li></ul></div></div></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">TEMPLATE CUSTOMIZATION</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/template-customization/create-and-customize-your-first-email-template">Create and Customize your first Email Template</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/template-customization/enable-disable-templates">Enable/Disable Templates</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/template-customization/add-background-color-to-the-email-templates">Add background color to the Email Templates</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/template-customization/how-to-add-logo-in-email-templates">How to add Logo in Email Templates</a></div></li></ul></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/shortcodes-supported-in-the-spark-editor">Shortcodes supported in the Spark Editor</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/how-get-order-meta-data-in-spark-editor">How get order Meta data in Spark Editor</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/how-to-show-the-product-image-in-the-emails">How to Show the Product Image in the Emails</a></div></li><li class="flex flex-col"><div><a aria-current="page" class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-primary-500 font-semibold text-primary hover:bg-primary/3 dark:before:border-primary-400 dark:text-primary-400 hover:before:border-primary dark:hover:bg-primary-500/3 dark:hover:before:border-primary" href="/adding-custom-css-in-spark-editor">Adding custom CSS in Spark Editor</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/why-html-content-is-showing-in-my-email">Why HTML content is showing in my Email?</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/how-to-override-the-order-summary-block">How to override the Order summary block</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/test-email-templates-created-via-spark-editor">Test Email Templates created via Spark Editor</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/reset-templates-in-spark-editor">Reset Templates in Spark Editor</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/how-to-use-the-copy-template-option-in-spark-editor">How to use the copy Template option in Spark Editor</a></div></li></ul><div class="relative z-[2] lg:absolute bottom-0 right-0 left-0 flex flex-col pointer-events-none lg:-left-5"><div class="text-sm text-dark/8 pr-0 pt-2 pb-2 mt-4 mb-4 bg-[size:250%_125%] bg-[position:50%_35%] bg-[radial-gradient(farthest-side_at_50%_-70%,_var(--tw-gradient-stops))] from-transparent from-60% to-light to-80% lg:pr-2 lg:mt-0 lg:mb-0 lg:mr-2 lg:pt-16 dark:text-light/6 dark:dark:to-dark"><a target="_blank" href="https://www.gitbook.com/?utm_source=content&utm_medium=trademark&utm_campaign=UM7IMLYNpH3NSpDrZcNu" class="font-semibold ring-1 ring-inset ring-dark/2 pointer-events-auto transition-colors flex flex-row items-center hover:bg-dark/1 bg-light dark:bg-dark px-4 py-4 rounded-lg straight-corners:rounded-none hover:backdrop-blur-sm lg:ring-0 tracking-[-0.016em] dark:hover:bg-light/1 dark:ring-light/1 border border-dark/2 dark:border-light/2"><svg style="mask-image:url(/~gitbook/static/icons/svgs/custom-icons/gitbook.svg?v=2);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-5 mr-3"></svg>Powered by GitBook</a></div></div></div></aside><div class="flex-1 flex flex-col"><div class="flex flex-row-reverse justify-end"><aside class="group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 sticky py-8 break-anywhere lg:h-full h-[100vh] page-api-block:xl:max-2xl:z-[1] page-api-block:xl:max-2xl:backdrop-blur-md page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-light-2/9 page-api-block:xl:max-2xl:rounded page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:mt-3 dark:page-api-block:xl:max-2xl:bg-dark-2/8 lg:max-h-[calc(100vh_-_4rem)] top-16 page-api-block:xl:max-2xl:top-16"><div class="hidden page-api-block:xl:max-2xl:flex flex-row items-center gap-3 text-sm font-semibold px-2 py-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3"></svg>On this page</div><div class="overflow-auto flex-1 flex flex-col gap-4 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex"><div class="flex flex-col gap-3 page-api-block:xl:max-2xl:px-3"></div></div><div class="mt-4" data-visual-test="removed"></div></aside><main class="flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto"><header class="max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0"><h1 class="text-4xl font-bold flex items-center gap-4">Adding custom CSS in Spark Editor</h1><p class="text-lg text-dark-4 dark:text-light-4">In a few simple steps, learn how to add custom CSS to the email templates in the Spark Editor plugin</p></header><template id="B:0"></template><div class="flex flex-col gap-4"><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div></div><div class="flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0"><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base" href="/how-to-show-the-product-image-in-the-emails"><span class="flex flex-col flex-1 text-right"><span class="text-xs">Previous</span><span class="text-dark dark:text-light/6 group-hover:text-primary line-clamp-2">How to Show the Product Image in the Emails</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-left.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block"></svg></a><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base" href="/why-html-content-is-showing-in-my-email"><span class="flex flex-col flex-1"><span class="text-xs">Next</span><span class="text-dark dark:text-light/6 group-hover:text-primary line-clamp-2">Why HTML content is showing in my Email?</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block"></svg></a></div><div class="flex flex-row items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0"><p class="flex-1 text-sm text-dark/6 dark:text-light/5">Last updated <time data-visual-test="transparent" dateTime="2024-10-22T12:53:56.088Z" title="10/22/2024, 12:53:56 PM">1 month ago</time></p></div></main></div></div></div></div><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz" data-cfasync="false"> document.addEventListener("DOMContentLoaded", () => { if (Array.from(document.scripts).find(script => script.src.includes('rocket-loader.min.js'))) { const alert = document.createElement('div'); alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 mt-8 mx-8'; alert.innerHTML = ` <strong>Error in site configuration:</strong> It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to <a href="https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare" class="underline">GitBook's documentation</a> for steps to fix the problem. `; document.body.prepend(alert); } });</script><script src="/_next/static/chunks/webpack-21fb00c223e55731.js" nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz" async=""></script><div hidden id="S:0"><div class="[&>*+*]:mt-5 grid whitespace-pre-wrap"><template id="P:1"></template><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Many a times, you might want to stylize the layout of the email or make few modifications. For instance, you may want to change the color of the Title text or the font of the order items table. This can be achieved by adding custom CSS code to the app's settings.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Path to insert custom code: 鈥婲avigate to /WooCommerce/Spark Editor/ Settings/Custom CSS.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">There you will find a text area where you can enter the custom CSS code.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Here is a screenshot that would be of help:</p><template id="B:2"></template><div role="status" aria-busy="true" class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]"><div class="w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]"><div class="aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6"></div></div></div></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><strong class="font-bold">I have more questions ? </strong>鈥婸lease submit a support request <a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="mailto:support@flycart.org">support@flycart.org</a> We are always happy to assist you :)</p></div></div><div hidden id="S:2"><div class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0 flex flex-row gap-3 justify-center"><template id="P:3"></template></div></div><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"1:HC[\"/\",\"\"]\n2:HL[\"/_next/static/css/2d00a2f28ca4dc5d.css\",\"style\"]\n3:HL[\"/_next/static/css/99f50cfb598d2941.css\",\"style\"]\n4:HL[\"/_next/static/css/d42d805b938873da.css\",\"style\"]\n5:HL[\"/_next/static/css/8adaabd9e3445f84.css\",\"style\"]\n6:HL[\"/_next/static/css/c311d6484335995a.css\",\"style\"]\n7:HL[\"/_next/static/css/5a687dea857dc6f5.css\",\"style\"]\n8:HL[\"/_next/static/css/7235fa9d119901d4.css\",\"style\"]\n9:HL[\"/_next/static/css/86d6274f3e6d760c.css\",\"style\"]\na:HL[\"/_next/static/css/a91fbeec63857000.css\",\"style\"]\nb:HL[\"/_next/static/css/2d0986519abf0323.css\",\"style\"]\nc:HL[\"/_next/static/css/0f891de5863d7182.css\",\"style\"]\nd:I[11815,[],\"default\"]\n10:I[55092,[],\"default\"]\n12:I[82023,[],\"default\"]\n17:I[44622,[\"6470\",\"static/chunks/app/global-error-19768e91f18f21d9.js\"],\"default\"]\n11:[\"pathname\",\"adding-custom-css-in-spark-editor\",\"oc\"]\n18:[]\n0:[\"$\",\"$Ld\",null,{\"buildId\":\"VRZ9tGovLP9KrGt4j2xcU\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"adding-custom-css-in-spark-editor\"],\"initialTree\":[\"\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"adding-custom-css-in-spark-editor\",\"oc\"],{\"children\":[\"__PAGE__?{\\\"pathname\\\":[\\\"adding-custom-css-in-spark-editor\\\"]}\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],\"initialSeedData\":[\"\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"adding-custom-css-in-spark-editor\",\"oc\"],{\"children\":[\"__PAGE__\",{},[[\"$Le\",\"$Lf\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7235fa9d119901d4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/86d6274f3e6d760c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a91fbeec63857000.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2d0986519abf0323.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0f891de5863d7182.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\",\"(content)\",\"children\",\"$11\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$L13\",\"notFoundStyles\":[]}]],[[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-1 relative py-8 lg:px-16 xl:mr-56 items-center lg:items-start\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex-1 max-w-3xl mx-auto page-full-width:mx-0\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] mb-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-a"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"rea-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}]]}]}],[],[]]]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5a687dea857dc6f5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L14\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2d00a2f28ca4dc5d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/99f50cfb598d2941.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d42d805b938873da.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8adaabd9e3445f84.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c311d6484335995a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L15\"],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L16\"],\"globalErrorComponent\":\"$17\",\"missingSlots\":\"$W18\"}]\n13:[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-row items-center justify-center py-9\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-80\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold mb-2\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"text-base mb-4\",\"children\":\"The page you are looking for doesn't exist.\"}]]}]}]\n1a:I[5145,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"IconsProvider\"]\n1b:I[75489,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"ClientContexts\"]\n1c:I[51169,[\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"3638\",\"static/chunks/app/(site)/error-aabf7054fe6497a1.js\"],\"default\"]\n19:T1180,\n :root {\n --primary-color-50: 235 240 251;\n--primary-color-100: 214 226 248;\n--primary-color-200: 174 197 241;\n--primary-color-300: 133 167 233;\n--primary-color-400: 93 138 226;\n--primary-color-500: 52 109 219;\n--primary-color-600: 42 87 175;\n--primary-color-700: 31 65 131;\n--primary-color-800: 21 44 88;\n--primary-color-900: 10 22 "])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"44;\n --contrast-primary-50: 0 0 0;\n--contrast-primary-100: 0 0 0;\n--contrast-primary-200: 0 0 0;\n--contrast-primary-300: 0 0 0;\n--contrast-primary-400: 0 0 0;\n--contrast-primary-500: 255 255 255;\n--contrast-primary-600: 255 255 255;\n--contrast-primary-700: 255 255 255;\n--contrast-primary-800: 255 255 255;\n--contrast-primary-900: 255 255 255;\n\n --primary-base-50: 235 240 251;\n--primary-base-100: 214 226 248;\n--primary-base-200: 174 197 241;\n--primary-base-300: 133 167 233;\n--primary-base-400: 93 138 226;\n--primary-base-500: 52 109 219;\n--primary-base-600: 42 87 175;\n--primary-base-700: 31 65 131;\n--primary-base-800: 21 44 88;\n--primary-base-900: 10 22 44;\n --header-background-50: 255 255 255;\n--header-background-100: 255 255 255;\n--header-background-200: 255 255 255;\n--header-background-300: 255 255 255;\n--header-background-400: 255 255 255;\n--header-background-500: 255 255 255;\n--header-background-600: 204 204 204;\n--header-background-700: 153 153 153;\n--header-background-800: 102 102 102;\n--header-background-900: 51 51 51;\n --header-link-50: 235 240 251;\n--header-link-100: 214 226 248;\n--header-link-200: 174 197 241;\n--header-link-300: 133 167 233;\n--header-link-400: 93 138 226;\n--header-link-500: 52 109 219;\n--header-link-600: 42 87 175;\n--header-link-700: 31 65 131;\n--header-link-800: 21 44 88;\n--header-link-900: 10 22 44;\n --header-button-text-50: 255 255 255;\n--header-button-text-100: 255 255 255;\n--header-button-text-200: 255 255 255;\n--header-button-text-300: 255 255 255;\n--header-button-text-400: 255 255 255;\n--header-button-text-500: 255 255 255;\n--header-button-text-600: 204 204 204;\n--header-button-text-700: 153 153 153;\n--header-button-text-800: 102 102 102;\n--header-button-text-900: 51 51 51;\n }\n .dark {\n --primary-color-50: 235 240 251;\n--primary-color-100: 214 226 248;\n--primary-color-200: 174 197 241;\n--primary-color-300: 133 167 233;\n--primary-color-400: 93 138 226;\n--primary-color-500: 52 109 219;\n--primary-color-600: 42 87 175;\n--primary-color-700: 31 65 131;\n--primary-color-800: 21 44 88;\n--primary-color-900: 10 22 44;\n --primary-base-50: 235 240 251;\n--primary-base-100: 214 226 248;\n--primary-base-200: 174 197 241;\n--primary-base-300: 133 167 233;\n--primary-base-400: 93 138 226;\n--primary-base-500: 52 109 219;\n--primary-base-600: 42 87 175;\n--primary-base-700: 31 65 131;\n--primary-base-800: 21 44 88;\n--primary-base-900: 10 22 44;\n --contrast-primary-50: 0 0 0;\n--contrast-primary-100: 0 0 0;\n--contrast-primary-200: 0 0 0;\n--contrast-primary-300: 0 0 0;\n--contrast-primary-400: 0 0 0;\n--contrast-primary-500: 255 255 255;\n--contrast-primary-600: 255 255 255;\n--contrast-primary-700: 255 255 255;\n--contrast-primary-800: 255 255 255;\n--contrast-primary-900: 255 255 255;\n --header-background-50: 230 230 230;\n--header-background-100: 204 204 204;\n--header-background-200: 153 153 153;\n--header-background-300: 102 102 102;\n--header-background-400: 51 51 51;\n--header-background-500: 0 0 0;\n--header-background-600: 0 0 0;\n--header-background-700: 0 0 0;\n--header-background-800: 0 0 0;\n--header-background-900: 0 0 0;\n --header-link-50: 235 240 251;\n--header-link-100: 214 226 248;\n--header-link-200: 174 197 241;\n--header-link-300: 133 167 233;\n--header-link-400: 93 138 226;\n--header-link-500: 52 109 219;\n--header-link-600: 42 87 175;\n--header-link-700: 31 65 131;\n--header-link-800: 21 44 88;\n--header-link-900: 10 22 44;\n --header-button-text-50: 255 255 255;\n--header-button-text-100: 255 255 255;\n--header-button-text-200: 255 255 255;\n--header-button-text-300: 255 255 255;\n--header-button-text-400: 255 255 255;\n--header-button-text-500: 255 255 255;\n--header-button-text-600: 204 204 204;\n--header-button-text-700: 153 153 153;\n--header-button-text-800: 102 102 102;\n--header-button-text-900: 51 51 51;\n }\n "])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1," 1d:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\n1e:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\n1f:{\"display\":\"inline-block\"}\n20:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\n15:[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"scroll-pt-[76px] plain-background\",\"children\":[[\"$\",\"head\",null,{\"children\":[null,[\"$\",\"style\",null,{\"nonce\":\"$undefined\",\"children\":\"$19\"}]]}],[\"$\",\"body\",null,{\"className\":\"__variable_274faa __variable_a7f53a __variable_e782a9 __className_7e024b __variable_0e9704 bg-light dark:bg-dark\",\"children\":[\"$\",\"$L1a\",null,{\"assetsURL\":\"https://ka-p.fontawesome.com/releases/v6.6.0/\",\"assetsURLToken\":\"a463935e93\",\"assetsByStyles\":{\"custom-icons\":{\"assetsURL\":\"/~gitbook/static/icons\"}},\"iconStyle\":\"regular\",\"children\":[\"$\",\"$L1b\",null,{\"language\":{\"locale\":\"en\",\"powered_by_gitbook\":\"Powered by GitBook\",\"sponsored_via_gitbook\":\"Sponsored via GitBook\",\"switch_to_dark_theme\":\"Switch to dark theme\",\"switch_to_light_theme\":\"Switch to light theme\",\"switch_to_system_theme\":\"Switch to system theme\",\"search\":\"Search\",\"search_or_ask\":\"Ask or Search\",\"search_input_placeholder\":\"Search content\",\"search_ask_input_placeholder\":\"Search content or ask a question\",\"search_no_results\":\"No results for \\\"${1}\\\".\",\"search_scope_space\":\"$${1}\",\"search_scope_all\":\"All content\",\"search_ask\":\"Ask \\\"${1}\\\"\",\"search_ask_sources\":\"Sources\",\"search_ask_sources_no_answer\":\"Related pages\",\"search_ask_no_answer\":\"An answer could not be found for your question. You could try rephrasing it, or be more specific.\",\"search_ask_error\":\"Something went wrong. Please try again later.\",\"on_this_page\":\"On this page\",\"next_page\":\"Next\",\"previous_page\":\"Previous\",\"page_last_modified\":\"Last updated ${1}\",\"was_this_helpful\":\"Was this helpful?\",\"was_this_helpful_positive\":\"Yes, it was!\",\"was_this_helpful_neutral\":\"Not sure\",\"was_this_helpful_negative\":\"No\",\"was_this_helpful_thank_you\":\"Thank you!\",\"annotation_button_label\":\"Open annotation\",\"code_copied\":\"Copied!\",\"code_copy\":\"Copy\",\"table_of_contents_button_label\":\"Open table of contents\",\"cookies_title\":\"Cookies\",\"cookies_prompt\":\"This site uses cookies to deliver its service and to analyse traffic. By browsing this site, you accept the ${1}.\",\"cookies_prompt_privacy\":\"privacy policy\",\"cookies_accept\":\"Accept\",\"cookies_reject\":\"Reject\",\"cookies_close\":\"Close\",\"edit_on_git\":\"Edit on ${1}\",\"notfound_title\":\"Page not found\",\"notfound\":\"The page you are looking for doesn't exist.\",\"unexpected_error_title\":\"An error occurred\",\"unexpected_error\":\"Sorry, an unexpected error has occurred. Please try again later.\",\"unexpected_error_retry\":\"Retry\",\"pdf_download\":\"Export as PDF\",\"pdf_goback\":\"Go back to content\",\"pdf_print\":\"Print or Save as PDF\",\"pdf_page_of\":\"$${1} of ${2}\",\"pdf_mode_only_page\":\"Only this page\",\"pdf_mode_all\":\"All pages\",\"pdf_limit_reached\":\"Couldn't generate the PDF for ${1} pages, generation stopped at ${2}.\",\"pdf_limit_reached_continue\":\"Extend with ${1} more pages.\",\"more\":\"More\"},\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\"],\"error\":\"$1c\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$1d\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$1e\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"styl"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"e\":\"$1f\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$20\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]}]]}]\n21:HC\"https://api.gitbook.com\"\n22:I[17760,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"ClientContexts\"]\n23:I[72020,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"HeaderMobileMenu\"]\n24:I[22833,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"Link\"]\n26:\"$Sreact.suspense\"\n27:I[86604,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"SearchButton\"]\n28:I[19656,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"TOCScrollContainer\"]\n29:I[66185,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"ToggleableLinkItem\"]\n2a:I[22563,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"Icon\"]\n2b:I[59814,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"SearchModal\"]\n14:[\"$\",\"$L22\",null,{\"nonce\":\"M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz\",\"forcedTheme\":\"light\",\"children\":[[[\"$\",\"header\",null,{\"className\":\"flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:z-10 dark:shadow-light/1 bg-light dark:bg-dark\",\"children\":[[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between w-full px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-row gap-2\",\"children\":[[\"$\",\"$L23\",null,{\"className\":\"lg:hidden text-dark dark:text-lig"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"ht\"}],[\"$\",\"$L24\",null,{\"href\":\"/\",\"className\":\"group/headerlogo flex-1 flex flex-row items-center shrink-0\",\"children\":[[[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"className\":\"block dark:hidden object-contain size-8\",\"src\":\"https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=152c558e\u0026sv=1\",\"srcSet\":\"https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=152c558e\u0026sv=1 32w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=152c558e\u0026sv=1 64w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=152c558e\u0026sv=1 96w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Dlight\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=152c558e\u0026sv=1 128w\",\"sizes\":\"32px\",\"width\":256,\"height\":256}],[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{},\"loading\":\"lazy\",\"fetchPriority\":\"high\",\"className\":\"hidden dark:block object-contain size-8\",\"src\":\"https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Ddark\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=fc02ef9e\u0026sv=1\",\"srcSet\":\"https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Ddark\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=fc02ef9e\u0026sv=1 32w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Ddark\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=fc02ef9e\u0026sv=1 64w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Ddark\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=fc02ef9e\u0026sv=1 96w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2Fdocs.sparkeditor.com%2F%7Egitbook%2Ficon%3Fsize%3Dmedium%26theme%3Ddark\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=fc02ef9e\u0026sv=1 128w\",\"sizes\":\"32px\",\"width\":256,\"height\":256}]],[\"$\",\"div\",null,{\"className\":\"text-pretty line-clamp-3 leading-[1.1] tracking-tight max-w-[18ch] lg:max-w-[24ch] lg:text-lg/tight font-semibold ms-3 text-dark dark:text-light\",\"children\":\"Spark Email Editor Knowldgebase\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"z-20\",\"children\":null}],\"$L25\",[\"$\",\"div\",null,{\"className\":\"flex md:w-56 grow-0 shrink-0 justify-self-end\",\"children\":[\"$\",\"$26\",null,{\"fallback\":null,\"children\":[\"$\",\"$L27\",null,{\"style\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex-1\",\"children\":\"Search\"}]}]}]}]]}]}],null]}],[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"relative group flex flex-col basis-full bg-light grow-0 shrink-0 shadow-thinbottom navigation-open:shadow-dark/2 z-[1] top-0 h-[100vh] lg:basis-72 lg:navigation-open:border-b-0 lg:sticky dark:bg-dark dark:navigation-open:shadow-light/2 page-no-toc:hidden lg:top-16 lg:h-[calc(100vh_-_4rem)]\",\"children\":[null,[\"$\",\"$L28\",null,{\"className\":\"pt-4 hidden lg:flex flex-grow flex-col overflow-y-auto lg:gutter-stable lg:pr-2 group-hover:[\u0026::-webkit-scrollbar]:bg-dark/1 group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-dark/3 [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent dark:[\u0026::-webkit-scrollbar]:bg-transparent dark:[\u0026::-webkit-scrollbar-thumb]:bg-transparent dark:group-hover:[\u0026::-webkit-scrollbar]:bg-light/1 dark:group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-light/3 navigation-open:flex lg:-ml-5 lg:pb-20\",\"children\":[null,[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",n"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"ull,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/\",\"pathname\":\"\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/installation-spark-email-editor-for-woocommerce-and-wordpress/license-key-validation\",\"pathname\":\"installation-spark-email-editor-for-woocommerce-and-wordpress/license-key-validation\",\"descendants\":null,\"children\":\"License Key Validation\"}]}]]}],\"children\":\"Installation - Spark Email Editor for WooCommerce \u0026 WordPress\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"TEMPLATE CUSTOMIZATION\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/template-customization/create-and-customize-your-first-email-template\",\"pathname\":\"template-customization/create-and-customize-your-first-email-template\",\"descendants\":null,\"children\":\"Create and Customize your first Email Template\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/template-customization/enable-disable-templates\",\"pathname\":\"template-customization/enable-disable-templates\",\"descendants\":null,\"children\":\"Enable/Disable Templates\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/template-customization/add-background-color-to-the-email-templates\",\"pathname\":\"template-customization/add-background-color-to-the-email-templates\",\"descendants\":null,\"children\":\"Add background color to the Email Templates\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/template-customization/how-to-add-logo-in-email-templates\",\"pathname\":\"template-customization/how-to-add-logo-in-email-templates\",\"descendants\":null,\"children\":\"How to add Logo in Email Templates\"}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/shortcodes-supported-in-the-spark-editor\",\"pathname\":\"shortcodes-supported-in-the-spark-editor\",\"descendants\":null,\"children\":\"Shortcodes supported in the Spark Editor\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/how-get-order-meta-data-in-spark-editor\",\"pathname\":\"how-get-order-meta-data-in-spark-editor\",\"descendants\":null,\"children\":\"How get order Meta data in Spark Editor\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/how-to-show-the-product-image-in-the-emails\",\"pathname\":\"how-to-show-the-product-image-in-the-emails\",\"descendants\":null,\"children\":\"How to Show the Product Image in the Emails\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/adding-custom-css-in-spark-editor\",\"pathname\":\"adding-custom-css-in-spark-editor\",\"descendants\":null,\"children\":\"Adding custom CSS in Spark Editor\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/why-html-content-is-showing-in-my-email\",\"pathname\":\"why-html-content-is-showing-in-my-email\",\"descendants\":null,\"children\":\"Why HTML content is showing in my Email?\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/how-to-override-the-order-summary-block\",\"pathname\":\"how-to-override-the-order-summary-block\",\"descendants\":null,\"children\":\"How to override the Order summary block\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/test-email-templates-created-via-spark-editor\",\"pathname\":\"test-email-templates-created-via-spark-editor\",\"descendants\":null,\"children\":\"Test Email Templates created via Spark Editor\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/re"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"set-templates-in-spark-editor\",\"pathname\":\"reset-templates-in-spark-editor\",\"descendants\":null,\"children\":\"Reset Templates in Spark Editor\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L29\",null,{\"href\":\"/how-to-use-the-copy-template-option-in-spark-editor\",\"pathname\":\"how-to-use-the-copy-template-option-in-spark-editor\",\"descendants\":null,\"children\":\"How to use the copy Template option in Spark Editor\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"relative z-[2] lg:absolute bottom-0 right-0 left-0 flex flex-col pointer-events-none lg:-left-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-sm text-dark/8 pr-0 pt-2 pb-2 mt-4 mb-4 bg-[size:250%_125%] bg-[position:50%_35%] bg-[radial-gradient(farthest-side_at_50%_-70%,_var(--tw-gradient-stops))] from-transparent from-60% to-light to-80% lg:pr-2 lg:mt-0 lg:mb-0 lg:mr-2 lg:pt-16 dark:text-light/6 dark:dark:to-dark\",\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=UM7IMLYNpH3NSpDrZcNu\",\"className\":\"font-semibold ring-1 ring-inset ring-dark/2 pointer-events-auto transition-colors flex flex-row items-center hover:bg-dark/1 bg-light dark:bg-dark px-4 py-4 rounded-lg straight-corners:rounded-none hover:backdrop-blur-sm lg:ring-0 tracking-[-0.016em] dark:hover:bg-light/1 dark:ring-light/1 border border-dark/2 dark:border-light/2\",\"children\":[[\"$\",\"$L2a\",null,{\"icon\":\"gitbook\",\"className\":\"size-5 mr-3\"}],\"Powered by GitBook\"]}]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col\",\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\",\"(content)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}]}],null,[\"$\",\"$26\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2b\",null,{\"spaceId\":\"UM7IMLYNpH3NSpDrZcNu\",\"revisionId\":\"lK9Cpso057fD0yKTlMgQ\",\"spaceTitle\":\"Spark Email Editor Knowledgebase\",\"withAsk\":false,\"isMultiVariants\":false,\"pointer\":{\"siteId\":\"site_6QdH4\",\"spaceId\":\"UM7IMLYNpH3NSpDrZcNu\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_sMYW9\",\"siteShareKey\":\"$undefined\",\"organizationId\":\"tcmtLSuO1yPARQLLF5JU\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"}}]}]],null,null,[\"$\",\"script\",null,{\"nonce\":\"M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz\",\"suppressHydrationWarning\":true,\"data-cfasync\":\"false\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n document.addEventListener(\\\"DOMContentLoaded\\\", () =\u003e {\\n if (Array.from(document.scripts).find(script =\u003e script.src.includes('rocket-loader.min.js'))) {\\n const alert = document.createElement('div');\\n alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 mt-8 mx-8';\\n alert.innerHTML = `\\n \u003cstrong\u003eError in site configuration:\u003c/strong\u003e\\n It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to \u003ca href=\\\"https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare\\\" class=\\\"underline\\\"\u003eGitBook's documentation\u003c/a\u003e for steps to fix the problem.\\n `;\\n\\n document.body.prepend(alert);\\n }\\n });\"}}],null]}]\n25:[\"$\",\"div\",null,{\"className\":\"headerLinks_containerHeaderlinks__GUgiv flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20\",\"children\":[[],[\"$\",\"div\",null,{\"className\":\"headerLinks_linkEllipsis__Z01IN items-center z-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex\",\"children\":[[\"$\",\"button\",null,{\"className\":\"px-1 text-dark/8 dark:text-light/8 dark:hover:text-light hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"More\"}],[\"$\",\"$L2a\",null,{\"icon\":\"ell"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"ipsis\",\"className\":\"opacity-6 size-3 ms-1\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S1:\",\"className\":\"w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[]}]}]}]]}]}]]}]\n2d:I[2554,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"Ad\"]\n2e:I[46451,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"PreservePageLayout\"]\n31:\"$Sreact.fragment\"\n34:I[66819,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"DateRelative\"]\n35:I[70155,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"TrackPageView\"]\n36:I[50004,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"PageClientLayout\"]\n2f:HL[\"https://cdn.iframe.ly/embed.js\",\"script\",{\"nonce\":\"M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz\"}]\nf:[null,[\"$\",\"div\",null,{\"className\":\"flex flex-row-reverse justify-end\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 sticky py-8 break-anywhere lg:h-full h-[100vh] page-api-block:xl:max-2xl:z-[1] page-api-block:xl:max-2xl:backdrop-blur-md page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-light-2/9 page-api-block:xl:max-2xl:rounded page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:mt-3 dark:page-api-block:xl:max-2xl:bg-dark-2/8 lg:max-h-[calc(100vh_-_4rem)] top-16 page-api-block:xl:max-2xl:top-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden page-api-block:xl:max-2xl:flex flex-row items"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"-center gap-3 text-sm font-semibold px-2 py-2\",\"children\":[[\"$\",\"$L2a\",null,{\"icon\":\"bars\",\"className\":\"size-3\"}],\"On this page\"]}],[\"$\",\"div\",null,{\"className\":\"overflow-auto flex-1 flex flex-col gap-4 [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex\",\"children\":[[\"$\",\"$26\",null,{\"fallback\":null,\"children\":\"$L2c\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 page-api-block:xl:max-2xl:px-3\",\"children\":[null,null,null]}]]}],[\"$\",\"$L2d\",null,{\"zoneId\":null,\"placement\":\"page.aside\",\"spaceId\":\"UM7IMLYNpH3NSpDrZcNu\",\"siteAdsStatus\":\"$undefined\",\"ignore\":false,\"style\":\"mt-4\"}]]}],[[\"$\",\"main\",null,{\"className\":\"flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto\",\"children\":[[\"$\",\"$L2e\",null,{\"asFullWidth\":false}],null,[\"$\",\"header\",null,{\"className\":\"max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold flex items-center gap-4\",\"children\":[\"$undefined\",\"Adding custom CSS in Spark Editor\"]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-dark-4 dark:text-light-4\",\"children\":\"In a few simple steps, learn how to add custom CSS to the email templates in the Spark Editor plugin\"}]]}],[\"$\",\"$26\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}]]}],\"children\":[\"$\",\"div\",null,{\"className\":\"[\u0026\u003e*+*]:mt-5 grid whitespace-pre-wrap\",\"children\":[\"$L30\",[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$31"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"\",\"0\",{\"children\":\"Many a times, you might want to stylize the layout of the email or make few modifications. For instance, you may want to change the color of the Title text or the font of the order items table. This can be achieved by adding custom CSS code to the app's settings.\"}]]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$31\",\"0\",{\"children\":\"Path to insert custom code:\\n鈥婲avigate to /WooCommerce/Spark Editor/ Settings/Custom CSS.\"}]]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$31\",\"0\",{\"children\":\"There you will find a text area where you can enter the custom CSS code.\"}]]]}],[\"$\",\"$26\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$31\",\"0\",{\"children\":\"Here is a screenshot that would be of help:\"}]]]}]}],[\"$\",\"$26\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-full aspect-video [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_96px_96px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"div\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0 flex flex-row gap-3 justify-center\",\"children\":[\"$L32\"]}]}],[\"$\",\"$26\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,":ml-0\",\"children\":[[[\"$\",\"$31\",\"0\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"I have more questions ?\\n\"}]}],[\"$\",\"$31\",\"1\",{\"children\":\"鈥婸lease submit a support request \"}]],\"$L33\",[[\"$\",\"$31\",\"0\",{\"children\":\"\\nWe are always happy to assist you :)\"}]]]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0\",\"children\":[[\"$\",\"$L24\",null,{\"href\":\"/how-to-show-the-product-image-in-the-emails\",\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1 text-right\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Previous\"}],[\"$\",\"span\",null,{\"className\":\"text-dark dark:text-light/6 group-hover:text-primary line-clamp-2\",\"children\":\"How to Show the Product Image in the Emails\"}]]}],[\"$\",\"$L2a\",null,{\"icon\":\"chevron-left\",\"className\":\"hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block\"}]]}],[\"$\",\"$L24\",null,{\"href\":\"/why-html-content-is-showing-in-my-email\",\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Next\"}],[\"$\",\"span\",null,{\"className\":\"text-dark dark:text-light/6 group-hover:text-primary line-clamp-2\",\"children\":\"Why HTML content is showing in my Email?\"}]]}],[\"$\",\"$L2a\",null,{\"icon\":\"chevron-right\",\"className\":\"hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-row items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-dark/6 dark:text-light/5\",\"children\":[[[\"$\",\"$31\",\"string-0\",{\"children\":\"Last updated \"}],[\"$\",\"$31\",\"arg-0\",{\"children\":[\"$\",\"$L34\",null,{\"value\":\"2024-10-22T12:53:56.088Z\"}]}]],\"\"]}],null]}]]}],[\"$\",\"$L35\",null,{\"sitePointer\":{\"siteId\":\"site_6QdH4\",\"spaceId\":\"UM7IMLYNpH3NSpDrZcNu\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_sMYW9\",\"siteShareKey\":\"$undefined\",\"organizationId\":\"tcmtLSuO1yPARQLLF5JU\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"},\"spaceId\":\"UM7IMLYNpH3NSpDrZcNu\",\"pageId\":\"L7o1LHx6dbsxYRUVeTnc\",\"apiHost\":\"https://api.gitbook.com\"}]]]}],[\"$\",\"$26\",null,{\"fallback\":null,\"children\":[\"$\",\"$L36\",null,{\"withSections\":false}]}]]\n16:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"color-scheme\",\"content\":\"light\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\"Adding custom CSS in Spark Editor | Spark Email Editor Knowldgebase\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"In a few simple steps, learn how to add custom CSS to the email templates in the Spark Editor plugin\"}],[\"$\",\"meta\",\"5\",{\"name\":\"generator\",\"content\":\"GitBook (eab7931)\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://docs.sparkeditor.com/adding-custom-css-in-spark-editor\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Adding custom CSS in Spark Editor | Spark Email Editor Knowldgebase\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"In a few simple steps, learn how to add custom CSS to the email templates in the Spark Editor plugin\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://docs.sparkeditor.com/~gitbook/ogimage/L7o1LHx6dbsxYRUVeTnc\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"Adding custom CSS in Spark Editor | Spark Email Editor Knowldgebase\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"In a f"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"ew simple steps, learn how to add custom CSS to the email templates in the Spark Editor plugin\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image\",\"content\":\"https://docs.sparkeditor.com/~gitbook/ogimage/L7o1LHx6dbsxYRUVeTnc\"}],[\"$\",\"link\",\"15\",{\"rel\":\"icon\",\"href\":\"https://docs.sparkeditor.com/~gitbook/icon?size=small\u0026theme=light\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"https://docs.sparkeditor.com/~gitbook/icon?size=small\u0026theme=dark\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"meta\",\"17\",{\"name\":\"next-size-adjust\"}]]\ne:null\n2c:null\n33:[\"$\",\"$L24\",null,{\"href\":\"mailto:support@flycart.org\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$31\",\"0\",{\"children\":\"support@flycart.org\"}]]]}]\n"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"38:I[45343,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"ZoomImage\"]\n"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"37:HL[\"https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1\",\"image\",{\"fetchPriority\":\"low\",\"imageSrcSet\":\"https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 400w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 800w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 1200w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 1600w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 768w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 1536w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 2304w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 3072w\",\"imageSizes\":\"(max-width: 640px) 400px, 768px\"}]\n39:Tb9b,https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 400w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26tok"])</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"en%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 800w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 1200w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 1600w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 768w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 1536w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 2304w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1 3072w32:[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded straight-corners:rounded-none after:block after:absolute after:-inset-[0] after:border-dark/2 after:border after:rounded straight-corners:after:rounded-none dark:after:border-light/1 dark:after:mix-blend-plus-lighter after:pointer-events-none w-fit\",\"children\":[[\"$\",\"$L38\",null,{\"alt\":\"\",\"style\":{\"maxWidth\":\"100%\",\"width\":\"$undefined\",\"height\":\"auto\"},\"loading\":\"lazy\",\"fetchPriority\":\"low\",\"className\":\"block\",\"src\":\"https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=f1fbc9cc\u0026sv=1\",\"srcSet\":\"$39\",\"sizes\":\"(max-width: 640px) 400px, 768px\",\"width\":764,\"height\":441}],null]}]\n"])</script><link rel="preload" as="image" fetchPriority="low" imageSrcSet="https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=400&dpr=1&quality=100&sign=f1fbc9cc&sv=1 400w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=400&dpr=2&quality=100&sign=f1fbc9cc&sv=1 800w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=400&dpr=3&quality=100&sign=f1fbc9cc&sv=1 1200w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=400&dpr=4&quality=100&sign=f1fbc9cc&sv=1 1600w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=768&dpr=1&quality=100&sign=f1fbc9cc&sv=1 768w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=768&dpr=2&quality=100&sign=f1fbc9cc&sv=1 1536w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=768&dpr=3&quality=100&sign=f1fbc9cc&sv=1 2304w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=768&dpr=4&quality=100&sign=f1fbc9cc&sv=1 3072w" imageSizes="(max-width: 640px) 400px, 768px"/><div hidden id="S:3"><div class="relative overflow-hidden rounded straight-corners:rounded-none after:block after:absolute after:-inset-[0] after:border-dark/2 after:border after:rounded straight-corners:after:rounded-none dark:after:border-light/1 dark:after:mix-blend-plus-lighter after:pointer-events-none w-fit"><img alt="" style="max-width:100%;height:auto" loading="lazy" fetchPriority="low" class="block" src="https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=768&dpr=4&quality=100&sign=f1fbc9cc&sv=1" srcSet="https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=400&dpr=1&quality=100&sign=f1fbc9cc&sv=1 400w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=400&dpr=2&quality=100&sign=f1fbc9cc&sv=1 800w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=400&dpr=3&quality=100&sign=f1fbc9cc&sv=1 1200w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=400&dpr=4&quality=100&sign=f1fbc9cc&sv=1 1600w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=768&dpr=1&quality=100&sign=f1fbc9cc&sv=1 768w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=768&dpr=2&quality=100&sign=f1fbc9cc&sv=1 1536w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=768&dpr=3&quality=100&sign=f1fbc9cc&sv=1 2304w, https://docs.sparkeditor.com/~gitbook/image?url=https%3A%2F%2F2617971948-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FUM7IMLYNpH3NSpDrZcNu%252Fuploads%252FQADlEiB7gOtjKRCycMgl%252Fscreenshot--2024.10.22-18_23_15.png%3Falt%3Dmedia%26token%3Db72dc69d-4738-4078-86f7-6e361c92b068&width=768&dpr=4&quality=100&sign=f1fbc9cc&sv=1 3072w" sizes="(max-width: 640px) 400px, 768px" width="764" height="441"/></div></div><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:3","P:3")</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:2","S:2")</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">self.__next_f.push([1,"3a:I[22147,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"default\"]\n30:[\"$\",\"div\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0 relative overflow-hidden rounded straight-corners:rounded-none after:block after:absolute after:-inset-[0] after:border-dark/2 after:border after:rounded straight-corners:after:rounded-none dark:after:border-light/1 dark:after:mix-blend-plus-lighter after:pointer-events-none\",\"children\":[[\"$\",\"div\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cdiv\u003e\u003cdiv style=\\\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;\\\"\u003e\u003ciframe src=\\\"https://cdn.iframe.ly/zxDOg9y\\\" style=\\\"top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;\\\" allowfullscreen scrolling=\\\"no\\\" allow=\\\"accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;\\\"\u003e\u003c/iframe\u003e\u003c/div\u003e\u003c/div\u003e\"}}],[\"$\",\"$L3a\",null,{\"src\":\"https://cdn.iframe.ly/embed.js\",\"nonce\":\"M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz\"}]]}]\n"])</script><div hidden id="S:1"><div class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0 relative overflow-hidden rounded straight-corners:rounded-none after:block after:absolute after:-inset-[0] after:border-dark/2 after:border after:rounded straight-corners:after:rounded-none dark:after:border-light/1 dark:after:mix-blend-plus-lighter after:pointer-events-none"><div><div><div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe src="https://cdn.iframe.ly/zxDOg9y" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen scrolling="no" allow="accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;"></iframe></div></div></div></div></div><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">$RS("S:1","P:1")</script><script nonce="M2ExYjk3MWQtNTMwNS00YWZiLTgwY2MtNDAzMWQzNGE4ZmQz">$RC("B:0","S:0")</script></body></html>