<!-- BEGIN app snippet: product-customizer --><div class="product-customizer-options" data-product-id="10075370422569" 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-text option-required" data-option-id="779902" data-product-option-id="17049651" data-option-name="name-school-mascot-color" ><label for="10075370422569_option_1">Name, School Mascot Color</label>
<div><input type="text" id="10075370422569_option_1" name="properties[Name, School Mascot Color]" maxlength="50" placeholder="Knights, Black and Gold" required="required"/></div>
</div></div>
</div>
<!-- END app snippet -->
