<!-- BEGIN app snippet: product-customizer --><div class="product-customizer-options" data-product-id="4597469708378" data-product-price="2600" data-version="2.0.0">
<div class="product-customizer-loading" style="display: none;" >
Loading Your Options<br />
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="30px" height="30px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<circle cx="50" cy="50" r="32" stroke-width="8" stroke="#f5323f" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform>
</circle>
</svg>
</div>
<div class="product-customizer-content" ><div class="product-customizer-option option-type-radio option-required" data-option-id="777660" data-product-option-id="15507724" data-option-name="personalization" ><label for="4597469708378_option_1">Personalization</label>
<div><ul id="4597469708378_option_1"><li>
<input type="radio" id="4597469708378_option_1_0" name="properties[Personalization]" value="Monogram" required="required" />
<label for="4597469708378_option_1_0">Monogram</label>
</li><li>
<input type="radio" id="4597469708378_option_1_1" name="properties[Personalization]" value="Name" required="required" />
<label for="4597469708378_option_1_1">Name</label>
</li></ul></div>
</div><div class="product-customizer-option option-type-upswatch option-required" data-option-id="777445" data-product-option-id="15503941" data-option-name="monogram" ><label for="4597469708378_option_2">Select a Monogram font</label>
<div><div class="product-customizer-upswatch-wrapper">
<!-- Custom Swatch Dropdown -->
<ul id="4597469708378_option_2"><li>
<input type="radio" name="properties[Monogram]" id="4597469708378_option_2__image_0" value="Empress" required="required">
<label for="4597469708378_option_2__image_0">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/b8c0ee17-2085-4901-88c8-ad8bb4c330c3/file_4eiq21y4juiec_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Empress</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Monogram]" id="4597469708378_option_2__image_1" value="Vine" required="required">
<label for="4597469708378_option_2__image_1">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/6117b5fb-95e6-4f0a-81f0-2f59b88a9fde/file_4uv5e6h0d3id7_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Vine</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Monogram]" id="4597469708378_option_2__image_2" value="Fishtail" required="required">
<label for="4597469708378_option_2__image_2">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/65db6e25-8b02-46f2-837c-990dbd064649/file_ghbasj9o1r95q_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Fishtail</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Monogram]" id="4597469708378_option_2__image_3" value="Rounded Hex" required="required">
<label for="4597469708378_option_2__image_3">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/65ab6ee2-b0fb-4a02-a65d-10b08540cfef/file_ze3mqie5rjyvk_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Rounded Hex</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Monogram]" id="4597469708378_option_2__image_4" value="Circle Monogram" required="required">
<label for="4597469708378_option_2__image_4">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/75df05d1-2cc3-429d-8738-d544d1b12f42/file_wumj9e02wziz2_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Circle Monogram</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Monogram]" id="4597469708378_option_2__image_5" value="Clarendon" required="required">
<label for="4597469708378_option_2__image_5">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/40e9d788-41e6-45fa-9f8b-d2062fccae30/file_koym2jlf33yur_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Clarendon</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Monogram]" id="4597469708378_option_2__image_6" value="Brief Block" required="required">
<label for="4597469708378_option_2__image_6">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/42a6fb10-6d43-4673-a663-49980f8b15fe/file_aka12ix7hdp1u_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Brief Block</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Monogram]" id="4597469708378_option_2__image_7" value="Geo Slab" required="required">
<label for="4597469708378_option_2__image_7">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/00ac9af3-bdde-4972-9e01-7dce8bb9fc00/file_rfagfvdr17zxn_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Geo Slab</span>
</div>
</label>
</li></ul>
</div></div>
</div><div class="product-customizer-option option-type-upswatch option-required" data-option-id="777446" data-product-option-id="15503942" data-option-name="name-font" ><label for="4597469708378_option_3">Select a Font</label>
<div><div class="product-customizer-upswatch-wrapper">
<!-- Custom Swatch Dropdown -->
<ul id="4597469708378_option_3"><li>
<input type="radio" name="properties[Name Font]" id="4597469708378_option_3__image_0" value="kate (lowercase)" required="required">
<label for="4597469708378_option_3__image_0">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/42ae5dbc-1b90-4bc3-847f-ee7ce53ae2b9/file_ugccaqejigiom_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">kate (lowercase)</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Name Font]" id="4597469708378_option_3__image_1" value="Grace" required="required">
<label for="4597469708378_option_3__image_1">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/2eee7c43-b7cc-4fc3-95e9-fa9de99b77b0/file_fnq8qsiy7u09q_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Grace</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Name Font]" id="4597469708378_option_3__image_2" value="Brady" required="required">
<label for="4597469708378_option_3__image_2">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/8700334b-615f-4bef-89b8-7f056f552ae8/file_cepp9y7j109n1_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Brady</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Name Font]" id="4597469708378_option_3__image_3" value="Cooper" required="required">
<label for="4597469708378_option_3__image_3">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/017a9585-a45d-4ea4-9601-cf71ba96518c/file_5grfp49h7uppe_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Cooper</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Name Font]" id="4597469708378_option_3__image_4" value="Jackson" required="required">
<label for="4597469708378_option_3__image_4">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/c5e1fc9d-75de-41e7-b80e-da42dc154b1d/file_unu1y9gmjkv4m_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Jackson</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Name Font]" id="4597469708378_option_3__image_5" value=" Caroline" required="required">
<label for="4597469708378_option_3__image_5">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/7581db1b-c575-4010-9542-44ed8ad60b19/file_6271l0cxh0xt6_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value"> Caroline</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Name Font]" id="4597469708378_option_3__image_6" value="Natalie" required="required">
<label for="4597469708378_option_3__image_6">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/7deca761-81c8-410e-8674-423bec1e987c/file_au5zbud47sknn_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Natalie</span>
</div>
</label>
</li><li>
<input type="radio" name="properties[Name Font]" id="4597469708378_option_3__image_7" value="Charlie" required="required">
<label for="4597469708378_option_3__image_7">
<picture><img src="https://swatch-images-bucket-production.s3.us-east-2.amazonaws.com/uploads/aa8e3740-255c-436f-9fb3-ad11273f1854/file_zk65w3a9t8xfe_option.jpg" alt="asd" width="50" height="50">
</picture>
<div class="option-data">
<button type="button" class="preview-option">
<svg class="preview-icon" viewBox="0 0 20 20" title="Preview">
<path fill="none" d="M19.471,8.934L18.883,8.34c-2.096-2.14-4.707-4.804-8.903-4.804c-4.171,0-6.959,2.83-8.996,4.897L0.488,8.934c-0.307,0.307-0.307,0.803,0,1.109l0.401,0.403c2.052,2.072,4.862,4.909,9.091,4.909c4.25,0,6.88-2.666,8.988-4.807l0.503-0.506C19.778,9.737,19.778,9.241,19.471,8.934z M9.98,13.787c-3.493,0-5.804-2.254-7.833-4.3C4.182,7.424,6.493,5.105,9.98,5.105c3.536,0,5.792,2.301,7.784,4.332l0.049,0.051C15.818,11.511,13.551,13.787,9.98,13.787z"></path>
<circle fill="none" cx="9.98" cy="9.446" r="1.629"></circle>
</svg>
Preview
</button>
<br>
<span class="option-value">Charlie</span>
</div>
</label>
</li></ul>
</div></div>
</div><div class="product-customizer-option option-type-text option-required" data-option-id="777493" data-product-option-id="15503944" data-option-name="text" ><label for="4597469708378_option_4">Type Letters Here</label>
<div><div class="product-customizer-option-description">Type your name or chosen monogram.<br/>Please double check spelling and order of monogram, we will assume this is the order you want the letters.</div><input type="text" id="4597469708378_option_4" name="properties[Text]" maxlength="12" placeholder="" required="required"/></div>
</div><div class="product-customizer-option option-type-swatch option-required" data-option-id="777491" data-product-option-id="15503943" data-option-name="color" ><label for="4597469708378_option_5">Color</label>
<div><span class="product-customizer-select-wrap">
<select id="4597469708378_option_5" name="properties[Color]" required="required" style="opacity: 0; position: absolute;">
<option value=""></option><option value="Red" data-index="0">Red</option><option value="Light Blue" data-index="1">Light Blue</option><option value="Navy Blue" data-index="2">Navy Blue</option><option value="Light Pink" data-index="3">Light Pink</option><option value="Dark Pink" data-index="4">Dark Pink</option><option value="Green" data-index="5">Green</option><option value="Orange" data-index="6">Orange</option><option value="Purple" data-index="7">Purple</option><option value="Black" data-index="8">Black</option><option value="White" data-index="9">White</option></select>
<!-- Custom Swatch Dropdown -->
<div class="product-customizer-swatch-wrapper">
<div class="product-customizer-swatch-container">
<div class="product-customizer-swatch__trigger">
<span class="product-customizer-selected-swatch"><span>Select a color...</span></span>
<div class="product-customizer-arrow"></div>
</div>
<div class="product-customizer-swatches"><span class="product-customizer-swatch" data-id="4597469708378_option_5" data-value="Red" data-index="0"><span style="background: #ff0303; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Red</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_5" data-value="Light Blue" data-index="1"><span style="background: #00a6ff; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Light Blue</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_5" data-value="Navy Blue" data-index="2"><span style="background: #000d80; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Navy Blue</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_5" data-value="Light Pink" data-index="3"><span style="background: #ffbfeb; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Light Pink</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_5" data-value="Dark Pink" data-index="4"><span style="background: #f55394; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Dark Pink</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_5" data-value="Green" data-index="5"><span style="background: #3aba69; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Green</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_5" data-value="Orange" data-index="6"><span style="background: #ff9500; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Orange</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_5" data-value="Purple" data-index="7"><span style="background: #a370e6; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Purple</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_5" data-value="Black" data-index="8"><span style="background: #000000; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Black</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_5" data-value="White" data-index="9"><span style="background: #ffffff; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">White</span></span></span></div>
</div>
</div>
</span></div>
</div><div class="product-customizer-option option-type-swatch option-required" data-option-id="777662" data-product-option-id="15507726" data-option-name="color-2" ><label for="4597469708378_option_6">Color 2</label>
<div><span class="product-customizer-select-wrap">
<select id="4597469708378_option_6" name="properties[Color 2]" required="required" style="opacity: 0; position: absolute;">
<option value=""></option><option value="Red" data-index="0">Red</option><option value="Light Blue" data-index="1">Light Blue</option><option value="Navy Blue" data-index="2">Navy Blue</option><option value="Light Pink" data-index="3">Light Pink</option><option value="Dark Pink" data-index="4">Dark Pink</option><option value="Green" data-index="5">Green</option><option value="Orange" data-index="6">Orange</option><option value="Purple" data-index="7">Purple</option><option value="Black" data-index="8">Black</option><option value="White" data-index="9">White</option></select>
<!-- Custom Swatch Dropdown -->
<div class="product-customizer-swatch-wrapper">
<div class="product-customizer-swatch-container">
<div class="product-customizer-swatch__trigger">
<span class="product-customizer-selected-swatch"><span>Select a color...</span></span>
<div class="product-customizer-arrow"></div>
</div>
<div class="product-customizer-swatches"><span class="product-customizer-swatch" data-id="4597469708378_option_6" data-value="Red" data-index="0"><span style="background: #ff0303; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Red</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_6" data-value="Light Blue" data-index="1"><span style="background: #00a6ff; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Light Blue</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_6" data-value="Navy Blue" data-index="2"><span style="background: #000d80; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Navy Blue</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_6" data-value="Light Pink" data-index="3"><span style="background: #ffbfeb; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Light Pink</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_6" data-value="Dark Pink" data-index="4"><span style="background: #f55394; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Dark Pink</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_6" data-value="Green" data-index="5"><span style="background: #3aba69; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Green</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_6" data-value="Orange" data-index="6"><span style="background: #ff9500; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Orange</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_6" data-value="Purple" data-index="7"><span style="background: #a370e6; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Purple</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_6" data-value="Black" data-index="8"><span style="background: #000000; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Black</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_6" data-value="White" data-index="9"><span style="background: #ffffff; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">White</span></span></span></div>
</div>
</div>
</span></div>
</div><div class="product-customizer-option option-type-swatch option-required" data-option-id="777953" data-product-option-id="15510011" data-option-name="color-2-2" ><label for="4597469708378_option_7">Color</label>
<div><span class="product-customizer-select-wrap">
<select id="4597469708378_option_7" name="properties[Color 2-2]" required="required" style="opacity: 0; position: absolute;">
<option value=""></option><option value="Red" data-index="0">Red</option><option value="Light Blue" data-index="1">Light Blue</option><option value="Navy Blue" data-index="2">Navy Blue</option><option value="Light Pink" data-index="3">Light Pink</option><option value="Dark Pink" data-index="4">Dark Pink</option><option value="Green" data-index="5">Green</option><option value="Orange" data-index="6">Orange</option><option value="Purple" data-index="7">Purple</option><option value="Black" data-index="8">Black</option><option value="White" data-index="9">White</option></select>
<!-- Custom Swatch Dropdown -->
<div class="product-customizer-swatch-wrapper">
<div class="product-customizer-swatch-container">
<div class="product-customizer-swatch__trigger">
<span class="product-customizer-selected-swatch"><span>Select a color...</span></span>
<div class="product-customizer-arrow"></div>
</div>
<div class="product-customizer-swatches"><span class="product-customizer-swatch" data-id="4597469708378_option_7" data-value="Red" data-index="0"><span style="background: #ff0303; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Red</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_7" data-value="Light Blue" data-index="1"><span style="background: #00a6ff; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Light Blue</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_7" data-value="Navy Blue" data-index="2"><span style="background: #000d80; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Navy Blue</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_7" data-value="Light Pink" data-index="3"><span style="background: #ffbfeb; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Light Pink</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_7" data-value="Dark Pink" data-index="4"><span style="background: #f55394; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Dark Pink</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_7" data-value="Green" data-index="5"><span style="background: #3aba69; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Green</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_7" data-value="Orange" data-index="6"><span style="background: #ff9500; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Orange</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_7" data-value="Purple" data-index="7"><span style="background: #a370e6; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Purple</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_7" data-value="Black" data-index="8"><span style="background: #000000; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Black</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_7" data-value="White" data-index="9"><span style="background: #ffffff; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">White</span></span></span></div>
</div>
</div>
</span></div>
</div><div class="product-customizer-option option-type-swatch option-required" data-option-id="777954" data-product-option-id="15510012" data-option-name="color-3" ><label for="4597469708378_option_8">Color</label>
<div><span class="product-customizer-select-wrap">
<select id="4597469708378_option_8" name="properties[Color 3]" required="required" style="opacity: 0; position: absolute;">
<option value=""></option><option value="Red" data-index="0">Red</option><option value="Light Blue" data-index="1">Light Blue</option><option value="Navy Blue" data-index="2">Navy Blue</option><option value="Light Pink" data-index="3">Light Pink</option><option value="Dark Pink" data-index="4">Dark Pink</option><option value="Green" data-index="5">Green</option><option value="Orange" data-index="6">Orange</option><option value="Purple" data-index="7">Purple</option><option value="Black" data-index="8">Black</option><option value="White" data-index="9">White</option></select>
<!-- Custom Swatch Dropdown -->
<div class="product-customizer-swatch-wrapper">
<div class="product-customizer-swatch-container">
<div class="product-customizer-swatch__trigger">
<span class="product-customizer-selected-swatch"><span>Select a color...</span></span>
<div class="product-customizer-arrow"></div>
</div>
<div class="product-customizer-swatches"><span class="product-customizer-swatch" data-id="4597469708378_option_8" data-value="Red" data-index="0"><span style="background: #ff0303; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Red</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_8" data-value="Light Blue" data-index="1"><span style="background: #00a6ff; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Light Blue</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_8" data-value="Navy Blue" data-index="2"><span style="background: #000d80; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Navy Blue</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_8" data-value="Light Pink" data-index="3"><span style="background: #ffbfeb; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Light Pink</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_8" data-value="Dark Pink" data-index="4"><span style="background: #f55394; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Dark Pink</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_8" data-value="Green" data-index="5"><span style="background: #3aba69; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Green</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_8" data-value="Orange" data-index="6"><span style="background: #ff9500; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Orange</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_8" data-value="Purple" data-index="7"><span style="background: #a370e6; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Purple</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_8" data-value="Black" data-index="8"><span style="background: #000000; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Black</span></span></span><span class="product-customizer-swatch" data-id="4597469708378_option_8" data-value="White" data-index="9"><span style="background: #ffffff; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">White</span></span></span></div>
</div>
</div>
</span></div>
</div></div>
</div>
<!-- END app snippet -->
Color
Red Light Blue Navy Blue Light Pink Dark Pink Green Orange Purple Black White
Red Light Blue Navy Blue Light Pink Dark Pink Green Orange Purple Black White
Color 2
Red Light Blue Navy Blue Light Pink Dark Pink Green Orange Purple Black White
Red Light Blue Navy Blue Light Pink Dark Pink Green Orange Purple Black White
Color
Red Light Blue Navy Blue Light Pink Dark Pink Green Orange Purple Black White
Red Light Blue Navy Blue Light Pink Dark Pink Green Orange Purple Black White
Color
Red Light Blue Navy Blue Light Pink Dark Pink Green Orange Purple Black White
Red Light Blue Navy Blue Light Pink Dark Pink Green Orange Purple Black White
