<!-- BEGIN app snippet: product-customizer --><div class="product-customizer-options" data-product-id="6034926698646" data-product-price="2000" 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-multiline " data-option-id="489217" data-product-option-id="10066964" data-option-name="special-instructions" ><label for="6034926698646_option_1">additional Names ONLY</label>
<div><div class="product-customizer-option-description">additional Names ONLY</div><textarea id="6034926698646_option_1" name="properties[Special Instructions]" maxlength="150" placeholder="NAMES" ></textarea></div>
</div><div class="product-customizer-option option-type-swatch " data-option-id="485992" data-product-option-id="10067096" data-option-name="swatch-picker" ><label for="6034926698646_option_2">Choose your shirt color</label>
<div><span class="product-customizer-select-wrap">
<select id="6034926698646_option_2" name="properties[Swatch picker]" style="opacity: 0; position: absolute;">
<option value=""></option><option value="First Choice" data-index="0">First Choice</option><option value="Fourth choice" data-index="1">Fourth choice</option><option value="Second Choice" data-index="2">Second Choice</option><option value="Third Choice" data-index="3">Third Choice</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="6034926698646_option_2" data-value="First Choice" data-index="0"><span style="background: #000; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">First Choice</span></span></span><span class="product-customizer-swatch" data-id="6034926698646_option_2" data-value="Fourth choice" data-index="1"><span style="background: #ffffff; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Fourth choice</span></span></span><span class="product-customizer-swatch" data-id="6034926698646_option_2" data-value="Second Choice" data-index="2"><span style="background: #FF0000; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Second Choice</span></span></span><span class="product-customizer-swatch" data-id="6034926698646_option_2" data-value="Third Choice" data-index="3"><span style="background: #858585; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Third Choice</span></span></span></div>
</div>
</div>
</span></div>
</div></div>
</div>
<!-- END app snippet -->
First Choice Fourth choice Second Choice Third Choice
