<!DOCTYPE html>
<!-- IMPORTANT: If you modify this file, you may also need to modify app/views/posts/post_email.html.erb --><html style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; height: 100%; width: 100%; overflow-wrap: anywhere; color-scheme: light; margin: 0; padding: 0; border-style: solid; border-width: 0;">
<head>
<title></title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta name="viewport" content="initial-scale = 1.0, width=device-width">
<style>@keyframes loading {
}
@font-face {
font-family: "ABC Favorit"; src: url(https://assets.gumroad.com/packs/static/e4bac9369f6c1cf16e10.woff2);
}
@font-face {
font-family: "ABC Favorit"; src: url(https://assets.gumroad.com/packs/static/05b334edeed36071e337.woff2); font-style: italic;
}
@font-face {
font-family: "ABC Favorit"; src: url(https://assets.gumroad.com/packs/static/cb28e975c9733636c320.woff2); font-weight: 700;
}
@font-face {
font-family: "ABC Favorit"; src: url(https://assets.gumroad.com/packs/static/d3d4f876c712a2e142da.woff2); font-weight: 700; font-style: italic;
}
@layer base {
:root,: host @media (prefers-color-scheme: dark);
}
body {
height: 100%; width: 100%; overflow-wrap: anywhere;
}
body {
font-size: 16px; line-height: 1.4; font-family: var(--font-family); font-feature-settings: "ss11", "ss04"; background-color: var(--body-bg); -webkit-font-smoothing: antialiased; color: rgb(var(--color));
}
body:not(.mac) *::-webkit-scrollbar {
width: 12px; background-color: rgb(var(--color)/0.1);
}
body:not(.mac) *::-webkit-scrollbar-thumb {
background-color: rgb(var(--color)/0.5); border-radius: 8px;
}
ul.inline > li:not(:last-child)::after {
content: " \b7 ";
}
details > summary::before {
margin-right: 4px;
}
details.toggle > summary::before {
content: none;
}
[role=menu] [role^=menuitem]:hover {
background-color: var(--active-bg);
}
a.stretched-link::before {
content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%;
}
.stretched-link.link::before {
content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%;
}
dl dt::after {
content: ":";
}
input[type=checkbox]:not([role=switch]):checked::after {
content: "\a0"; display: inline-block; background: currentColor; min-height: max(1lh, 1em); width: 1em; mask-position: 50% 50%; mask-size: 120%; mask-repeat: no-repeat; flex-shrink: 0;
}
details > summary::before {
content: "\a0"; display: inline-block; background: currentColor; min-height: max(1lh, 1em); width: 1em; mask-position: 50% 50%; mask-size: 120%; mask-repeat: no-repeat; flex-shrink: 0;
}
input[type=checkbox]:not([role=switch]):checked::after {
content: "\a0";
}
.brand-icon::after {
content: "\a0";
}
.logo-full::after {
content: "\a0";
}
.icon::after {
content: "\a0";
}
input[type=checkbox]:not([role=switch]):checked::after {
mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTUgMTMuMDA3IDQgNCAxMC0xMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
}
details[open] > summary::before {
mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE5IDkuMDA3LTcgNy03LTciIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
}
details > summary::before {
mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTkgNS4wMDcgNyA3LTcgNyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
}
input:not([type]):focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=email]:focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=time]:focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=date]:focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=datetime-local]:focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=number]:focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=password]:focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=search]:focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=tel]:focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=text]:focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=url]:focus-within {
outline: 2px solid rgb(var(--accent));
}
textarea:focus-within {
outline: 2px solid rgb(var(--accent));
}
select:focus-within {
outline: 2px solid rgb(var(--accent));
}
.input:focus-within {
outline: 2px solid rgb(var(--accent));
}
.textarea:focus-within {
outline: 2px solid rgb(var(--accent));
}
input[type=radio]:checked::after {
content: ""; background-color: rgb(var(--color)); border-radius: 100%; height: 100%; display: block;
}
input[type=checkbox]:not([role=switch]):checked::after {
display: block; margin-inline: auto;
}
input[role=switch]::after {
background: currentColor; border-radius: 160px; content: ""; height: calc(1.25em - 6px); width: calc(1.25em - 6px); position: absolute; top: 2px; left: 3px; transition-timing-function: ease-out; transition-duration: var(--transition-duration); transition-property: all;
}
input[role=switch]:checked::after {
left: calc(100% - 1.25em + 3px); background-color: rgb(var(--contrast-accent));
}
.rich-text pre:hover .copy-wrapper {
display: initial;
}
.rich-text :has(> .actions-menu)::before {
content: ""; position: absolute; inset: 0 100% 0 -48px;
}
.rich-text :has(> .actions-menu):hover:not(:has(.react-renderer:hover)) > .actions-menu {
display: unset; grid-column: unset;
}
.rich-text .embed .content > .thumbnail:hover .placeholder {
border-color: rgb(var(--accent)); color: rgb(var(--accent));
}
.rich-text .embed .content > .thumbnail:not(:hover) img + .placeholder {
opacity: 0;
}
.rich-text-editor-toolbar[role=toolbar] .toolbar-item:hover {
background-color: rgb(var(--color)/0.1);
}
.rich-text-editor-toolbar[role=toolbar] [role=separator]::before {
content: none;
}
.ProseMirror[contenteditable=true]:focus-within {
outline: none;
}
.ProseMirror[contenteditable=true] figure br::selection {
background: none;
}
.ProseMirror[contenteditable=true] figure img::selection {
background: rgb(var(--color)/0.5);
}
.rich-text-editor .textarea:focus-within {
outline: 2px solid rgb(var(--accent));
}
.ProseMirror p.is-editor-empty:first-child::before {
content: attr(data-placeholder); pointer-events: none; float: left; height: 0; color: rgb(var(--color)/0.5);
}
.ProseMirror .node-image.is-empty .figcaption::before {
content: attr(data-placeholder); pointer-events: none; float: left; height: 0; color: rgb(var(--color)/0.5);
}
.stack > details summary::before {
grid-column: 2;
}
.email > .main [role=alert]::before {
content: unset !important;
}
.email > .main [role=status]::before {
content: unset !important;
}
.email > .footer [role=alert]::before {
content: unset !important;
}
.email > .footer [role=status]::before {
content: unset !important;
}
body {
height: auto; min-height: 100%;
}
@media (min-width: 1024px) {
form > section:not(.squished form > section) {
gap: 0 64px; padding-bottom: 16px; grid-template-columns: 25% 1fr;
}
form > section:not(.squished form > section) > * {
margin-bottom: 32px; grid-column: 2;
}
form > section:not(.squished form > section) > header {
grid-column: 1/2; grid-row: 1/10;
}
.rich-text .actions-menu {
display: none; bottom: unset; top: 24px; left: -8px; translate: -100% 0;
}
.stack:not(.squished .stack).two-columns {
grid-template-columns: 1fr 1fr;
}
.stack:not(.squished .stack).two-columns > :nth-child(odd) {
border-right: solid 1px rgb(var(--parent-color)/var(--border-alpha));
}
.stack:not(.squished .stack).two-columns > :nth-child(2) {
border-top: none;
}
.product-card .header h4 {
font-size: 18.4px; line-height: 1.4;
}
}
@media (min-width: 640px) {
.rich-text-editor-toolbar[role=toolbar] [role=separator] {
display: flex;
}
.email > .main table.two-product-card-table > tbody > tr > td {
display: revert !important; width: 50% !important;
}
.email > .footer table.two-product-card-table > tbody > tr > td {
display: revert !important; width: 50% !important;
}
.email > .main table.two-product-card-table > tbody > tr > td:first-child {
padding-right: 8px !important; padding-bottom: 0 !important;
}
.email > .footer table.two-product-card-table > tbody > tr > td:first-child {
padding-right: 8px !important; padding-bottom: 0 !important;
}
.email > .main table.two-product-card-table > tbody > tr > td:last-child {
padding-left: 8px !important;
}
.email > .footer table.two-product-card-table > tbody > tr > td:last-child {
padding-left: 8px !important;
}
.email > .main > * {
padding: 24px !important;
}
.announcement .main > .header {
padding: 0 !important;
}
.announcement .main > *:not(.header) {
padding: 32px !important;
}
.post .main > * {
padding: 0 !important;
}
}
</style>
</head>
<body style='--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; height: auto; width: 100%; overflow-wrap: anywhere; font-size: 16px; line-height: 1.4; font-family: var(--font-family); font-feature-settings: "ss11", "ss04"; background-color: var(--body-bg); -webkit-font-smoothing: antialiased; color: rgb(var(--color)); min-height: 100%; margin: 0; padding: 0; border-style: solid; border-width: 0;' bgcolor="var(--body-bg)">
<div class="email " style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; font-size: 16px; line-height: 1.4; margin: 0; padding: 12px; border-style: solid; border-width: 0;">
<div class="main" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 448px; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 16px auto; padding: 0; border-style: solid; border-width: 1px;">
<div class="receipt" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0; padding: 12px; border-style: solid; border-width: 0 0 1px;">
<div class="info-row" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; overflow: hidden; margin: 0 0 8px; padding: 0; border-style: solid; border-width: 0;">
<span class="info-label" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; font-weight: bold; float: left; margin: 0; padding: 0; border-style: solid; border-width: 0;">Order ID:</span>
<span class="info-value" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; float: right; margin: 0; padding: 0; border-style: solid; border-width: 0;">ezp76hv9G2cvTVzBJ7iztQ==</span>
</div>
<div class="info-row with-top-margin" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; overflow: hidden; margin: 4px 0 8px; padding: 0; border-style: solid; border-width: 0;">
<span class="info-label" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; font-weight: bold; float: left; margin: 0; padding: 0; border-style: solid; border-width: 0;">Order date:</span>
<span class="info-value" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; float: right; margin: 0; padding: 0; border-style: solid; border-width: 0;">Feb 15, 2026</span>
</div>
<div class="info-row with-top-margin" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; overflow: hidden; margin: 4px 0 8px; padding: 0; border-style: solid; border-width: 0;">
<span class="info-label" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; font-weight: bold; float: left; margin: 0; padding: 0; border-style: solid; border-width: 0;">Total:</span>
<span class="info-value" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; float: right; margin: 0; padding: 0; border-style: solid; border-width: 0;">$4.75</span>
</div>
</div>
<div style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0; padding: 12px; border-style: solid; border-width: 0 0 1px;">
<div class="item" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; border-radius: 4px; overflow: hidden; margin: 0; padding: 0; border-style: solid; border-width: 1px;">
<div class="product-checkout-cell" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: table; table-layout: fixed; width: 100%; height: 128px; margin: 0; padding: 0; border-style: solid; border-width: 0 0 1px;">
<div class="figure" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: table-cell; width: 128px; background: url(https://assets.gumroad.com/packs/static/b47cbdb8030bef7eda53.png) 0% 0% / cover; margin: 0; padding: 0; border-style: solid; border-width: 0 1px 0 0;">
<a target="_blank" href="https://track.gumroad.com/CL0/https:%2F%2Fdibrushes.gumroad.com%2Fl%2Fylbtk/1/0100019c63b07880-586b818a-5438-4f09-ad4a-2db0cdb59277-000000/CgDArskB5Jhtt5sfAIclYOsK_EnPuhb5HBJu6dV_NZ4=444" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; color: var(--color); text-decoration: underline; cursor: pointer; margin: 0; padding: 0; border-style: solid; border-width: 0;"><img alt="40+ Copic inspired Marker Brush Set | Airbrush, Multiliner, Blender, Paper texture, Markers for Procreate" src="https://public-files.gumroad.com/rlvfl9lj3b8y5bgm55l5p3mm5kl6" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: block; margin: 0; padding: 0; border-style: solid; border-width: 0;"></a>
</div>
<div class="section" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: table-cell; margin: 0; padding: 16px; border-style: solid; border-width: 0;">
<div class="content" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; padding: 0; border-style: solid; border-width: 0;">
<div class="section" title="40+ Copic inspired Marker Brush Set | Airbrush, Multiliner, Blender, Paper texture, Markers for Procreate" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: table-row; height: 100%; margin: 0; padding: 0; border-style: solid; border-width: 0;">
<h4 style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; font-size: 16px; line-height: 1.4; font-weight: bold; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-height: 22.4px; margin: 0; padding: 0; border-style: solid; border-width: 0;">
<a target="_blank" href="https://track.gumroad.com/CL0/https:%2F%2Fdibrushes.gumroad.com%2Fl%2Fylbtk/2/0100019c63b07880-586b818a-5438-4f09-ad4a-2db0cdb59277-000000/pYv8i4OWIJbwv2pcwtjDjN207gltQISi67Yv4TVVFgI=444" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; color: var(--color); text-decoration: underline; cursor: pointer; margin: 0; padding: 0; border-style: solid; border-width: 0;">40+ Copic inspired Marker Brush Set | Airbrush, Multiliner, Blender, Paper texture, Markers for Procreate</a>
</h4>
</div>
<div class="section" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: table-row; margin: 0; padding: 0; border-style: solid; border-width: 0;">
<div class="section" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-height: 22.4px; margin: 0; padding: 0; border-style: solid; border-width: 0;">
<div class="footer" title="Di" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; font-size: 14px; line-height: 1.3; margin: 0; padding: 0; border-style: solid; border-width: 0;">
<a target="_blank" href="https://track.gumroad.com/CL0/https:%2F%2Fdibrushes.gumroad.com/1/0100019c63b07880-586b818a-5438-4f09-ad4a-2db0cdb59277-000000/UiqJORVC9ni-z_A0lcWZXdOPWt5t_ux4ejZJLLgkQ2o=444" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; color: var(--color); text-decoration: underline; cursor: pointer; margin: 0; padding: 0; border-style: solid; border-width: 0;"><img alt="Avatar of Di" class="user-avatar" src="https://public-files.gumroad.com/rnxe416x1ss174oo6tgsnr8n5qoe" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; border-radius: 160px; width: 1.25em; aspect-ratio: 1; flex-shrink: 0; display: inline; margin: 0 8px 0 0; padding: 0; border-style: solid; border-width: 1px;"></a>
<span style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0; padding: 0; border-style: solid; border-width: 0;">
<a target="_blank" href="https://track.gumroad.com/CL0/https:%2F%2Fdibrushes.gumroad.com/2/0100019c63b07880-586b818a-5438-4f09-ad4a-2db0cdb59277-000000/2HMNyznL2ei8TeKY4vCTP_jg5eW6pNQSs_UFdyLOPYk=444" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; color: var(--color); text-decoration: underline; cursor: pointer; margin: 0; padding: 0; border-style: solid; border-width: 0;">Di</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="details" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0; padding: 16px; border-style: solid; border-width: 0;">
<a class="button primary" href="https://track.gumroad.com/CL0/https:%2F%2Fgumroad.com%2Fd%2F205069bc9bcda4cf7eec012ac2a6baa7/1/0100019c63b07880-586b818a-5438-4f09-ad4a-2db0cdb59277-000000/NR0_uFulWVH0LZq5eqjukQTC1OwJj6t4FVBqi4M2CLw=444" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; color: #fff; text-decoration: none; cursor: pointer; border-radius: 4px; font-size: 16px; line-height: 1.4; font-family: inherit; display: block; text-align: center; width: unset; background-color: #000; margin: 0; padding: 12px 16px; border: 1px solid #000;">View content</a>
<table class="table-stack" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; width: 100%; margin: 16px 0 0; padding: 0; border-style: solid; border-width: 0;">
<tbody style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; margin: 0; padding: 0; border-style: none; border-width: 0;">
<tr style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; border-radius: 4px; width: 100%; margin: 0; padding: 0; border-style: none; border-width: 1px;">
<td style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin: 0; padding: 16px; border-style: solid; border-width: 1px;" valign="bottom">
<span class="attribute-label" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; font-weight: bold; margin: 0; padding: 0; border-style: solid; border-width: 0;">Product price</span>
<br style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0; padding: 0; border-style: solid; border-width: 0;">
$4.75
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 16px 0 0; padding: 0; border-style: solid; border-width: 0;">
Questions about your product? Contact Di by replying to this email.
</div>
</div>
<div style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0; padding: 12px; border-style: solid solid none; border-width: 0 0 1px;">
<h3 style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; font-size: 18.4px; line-height: 1.4; font-weight: normal; margin: 0; padding: 0; border-style: solid; border-width: 0;">Payment info</h3>
<div style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 16px 0 0; padding: 0; border-style: solid; border-width: 0;">
All charges are processed in United States Dollars. Your bank or financial institution may apply their own fees for currency conversion.
</div>
<div style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 16px 0 0; padding: 0; border-style: solid; border-width: 0;">
The charge will be listed as GUMRD.COM* on your credit card statement.
</div>
<table class="table-stack" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; width: 100%; margin: 16px 0 0; padding: 0; border-style: solid; border-width: 0;">
<tbody style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; margin: 0; padding: 0; border-style: none; border-width: 0;">
<tr style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; border-radius: 4px; width: 100%; margin: 0 0 16px; padding: 0; border-style: none; border-width: 1px;">
<td style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; margin: 0; padding: 16px; border-style: solid solid none; border-width: 1px 1px 0;" valign="bottom">
<span class="attribute-label" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; font-weight: bold; margin: 0; padding: 0; border-style: solid; border-width: 0;">40+ Copic inspired Marker Brush Set | Airbrush, Multiliner, Blender, Paper texture, Markers for Procreate</span>
<br style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0; padding: 0; border-style: solid; border-width: 0;">
$4.75
</td>
</tr>
<tr style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; border-radius: 4px; width: 100%; margin: 0; padding: 0; border-style: none; border-width: 1px;">
<td style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin: 0; padding: 16px; border-style: solid; border-width: 1px;" valign="bottom">
<a href="https://track.gumroad.com/CL0/https:%2F%2Fgumroad.com%2Fpurchases%2Fezp76hv9G2cvTVzBJ7iztQ==%2Finvoice%2Fnew%3Femail=drazigreen2011%2540gmail.com/1/0100019c63b07880-586b818a-5438-4f09-ad4a-2db0cdb59277-000000/nRq5gmIfw0t8f6qWbIGri0G6YbnAe7RiywsjQ7heH6M=444" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; color: var(--color); text-decoration: underline; cursor: pointer; margin: 0; padding: 0; border-style: solid; border-width: 0;">Generate invoice</a>
</td>
</tr>
</tbody>
</table>
<table class="table-stack" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; width: 100%; margin: 16px 0 0; padding: 0; border-style: solid; border-width: 0;">
<tbody style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; margin: 0; padding: 0; border-style: none; border-width: 0;">
<tr style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; border-radius: 4px; width: 100%; margin: 0; padding: 0; border-style: none; border-width: 1px;">
<td style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: revert; width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin: 0; padding: 16px; border-style: solid; border-width: 1px;" valign="bottom">
<span class="attribute-label" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; font-weight: bold; margin: 0; padding: 0; border-style: solid; border-width: 0;">Payment method</span>
<br style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0; padding: 0; border-style: solid; border-width: 0;">
VISA *6768
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="footer" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 448px; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; text-align: center; margin: 32px auto 16px; padding: 0; border-style: solid; border-width: 0;" align="center">
<div class="paragraphs" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; display: block; margin: 0; padding: 0; border-style: solid; border-width: 0;">
<p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0 0 12px; padding: 0; border-style: solid; border-width: 0;">
<a href="https://track.gumroad.com/CL0/https:%2F%2Fgumroad.com%2Fpurchases%2FeyJ2IjoiMSIsImQiOiJOcGJLdnhwNThYZjNUWjk2UHRpVVBnVlpKSkNtUTQvOEo0ZFBRcDgrb2tYaWxYU0JuSEY1a2wvazU4NUpkY0ZIb1FRdDNFNFg4bVVyenRoRncwa0RpcVNkS0lMNFU0Z1R0RUt2b1FpdVlKdz0tLTV2d0VaQnI5UTFJaFVNKzYtLUQvckoyYjVMYnlOT0Q0Q0F5ODJCdWc9PSJ9%2Funsubscribe/1/0100019c63b07880-586b818a-5438-4f09-ad4a-2db0cdb59277-000000/3QfQHAmpbyDSmEGfx5n9d8NrVKuFV6J-8bC9w6uEfHc=444" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; color: var(--color); text-decoration: underline; cursor: pointer; margin: 0; padding: 0; border-style: solid; border-width: 0;">Unsubscribe</a>
</p>
<p style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0; padding: 0; border-style: solid; border-width: 0;">548 Market St, San Francisco, CA 94104-5401, USA</p>
</div>
<a class="wordmark" href="https://track.gumroad.com/CL0/https:%2F%2Fgumroad.com%2F/1/0100019c63b07880-586b818a-5438-4f09-ad4a-2db0cdb59277-000000/ZnC6vH-iOuThAcx9PrV3YDzgJJyNmt7RraE9hvXaIak=444" style="--parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; color: var(--color); text-decoration: none; cursor: pointer; display: inline-block; margin: 32px 0 0; padding: 0; border-style: solid; border-width: 0;">
Powered by
<img src="https://assets.gumroad.com/assets/email/wordmark_logo-98d469a5bb4ace8306c56bf2709a0588070d63d31e84de614ca9021c1957c30d.png" alt="Gumroad" style="width: 138px; height: 18px; --parent-color: var(--color); box-sizing: border-box; min-width: 0; max-width: 100%; vertical-align: text-bottom; background-origin: padding-box; --border: solid 1px rgb(var(--parent-color)/var(--border-alpha)); --outline: 2px solid rgb(var(--accent)); --gray-1: 0.1; --gray-2: 0.2; --gray-3: 0.5; margin: 0 0 0 4px; padding: 0; border-style: solid; border-width: 0;" width="138" height="18">
</a>
</div>
</div>
<img alt="" src="http://track.gumroad.com/CI0/0100019c63b07880-586b818a-5438-4f09-ad4a-2db0cdb59277-000000/swdi3Y-F7sBUl-3nZAyYooPTRWmct3A5_d7AjdF6-tQ=444" style="display: none; width: 1px; height: 1px;">
</body>
</html>