<!-- BEGIN app snippet: product-customizer --><div class="product-customizer-options" data-product-id="8925362520301" data-product-price="4800" 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="15519806" data-option-name="personalization" ><label for="8925362520301_option_1">Personalization</label>
<div><ul id="8925362520301_option_1"><li>
<input type="radio" id="8925362520301_option_1_0" name="properties[Personalization]" value="Monogram" required="required" />
<label for="8925362520301_option_1_0">Monogram</label>
</li><li>
<input type="radio" id="8925362520301_option_1_1" name="properties[Personalization]" value="Name" required="required" />
<label for="8925362520301_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="15519807" data-option-name="monogram" ><label for="8925362520301_option_2">Select a Monogram font</label>
<div><div class="product-customizer-upswatch-wrapper">
<!-- Custom Swatch Dropdown -->
<ul id="8925362520301_option_2"><li>
<input type="radio" name="properties[Monogram]" id="8925362520301_option_2__image_0" value="Empress" required="required">
<label for="8925362520301_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="8925362520301_option_2__image_1" value="Vine" required="required">
<label for="8925362520301_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="8925362520301_option_2__image_2" value="Fishtail" required="required">
<label for="8925362520301_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="8925362520301_option_2__image_3" value="Rounded Hex" required="required">
<label for="8925362520301_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="8925362520301_option_2__image_4" value="Circle Monogram" required="required">
<label for="8925362520301_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="8925362520301_option_2__image_5" value="Clarendon" required="required">
<label for="8925362520301_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="8925362520301_option_2__image_6" value="Brief Block" required="required">
<label for="8925362520301_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="8925362520301_option_2__image_7" value="Geo Slab" required="required">
<label for="8925362520301_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="15519808" data-option-name="name-font" ><label for="8925362520301_option_3">Select a Font</label>
<div><div class="product-customizer-upswatch-wrapper">
<!-- Custom Swatch Dropdown -->
<ul id="8925362520301_option_3"><li>
<input type="radio" name="properties[Name Font]" id="8925362520301_option_3__image_0" value="kate (lowercase)" required="required">
<label for="8925362520301_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="8925362520301_option_3__image_1" value="Grace" required="required">
<label for="8925362520301_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="8925362520301_option_3__image_2" value="Brady" required="required">
<label for="8925362520301_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="8925362520301_option_3__image_3" value="Cooper" required="required">
<label for="8925362520301_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="8925362520301_option_3__image_4" value="Jackson" required="required">
<label for="8925362520301_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="8925362520301_option_3__image_5" value=" Caroline" required="required">
<label for="8925362520301_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="8925362520301_option_3__image_6" value="Natalie" required="required">
<label for="8925362520301_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="8925362520301_option_3__image_7" value="Charlie" required="required">
<label for="8925362520301_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="15519809" data-option-name="text" ><label for="8925362520301_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="8925362520301_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="15519810" data-option-name="color" ><label for="8925362520301_option_5">Color</label>
<div><span class="product-customizer-select-wrap">
<select id="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="15519811" data-option-name="color-2" ><label for="8925362520301_option_6">Color 2</label>
<div><span class="product-customizer-select-wrap">
<select id="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="777960" data-product-option-id="15519812" data-option-name="color-2" ><label for="8925362520301_option_7">Color-2</label>
<div><span class="product-customizer-select-wrap">
<select id="8925362520301_option_7" 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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="777961" data-product-option-id="15519813" data-option-name="color-3" ><label for="8925362520301_option_8">Color-3</label>
<div><span class="product-customizer-select-wrap">
<select id="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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="8925362520301_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-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-3
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