<!-- BEGIN app snippet: product-customizer --><div class="product-customizer-options" data-product-id="9588301037808" data-product-price="5500" 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-swatch option-required" data-option-id="791711" data-product-option-id="16122916" data-option-name="cake-colour" ><label for="9588301037808_option_1">Cake Colour</label>
<div><div class="product-customizer-option-description">This is the base colour of the cake. </div><span class="product-customizer-select-wrap">
<select id="9588301037808_option_1" name="properties[Cake Colour]" required="required" style="opacity: 0; position: absolute;">
<option value=""></option><option value="White" data-index="0">White</option><option value="Baby Pink" data-index="1">Baby Pink</option><option value="Baby Blue " data-index="2">Baby Blue </option><option value="Sage Green" data-index="3">Sage Green</option><option value="Yellow" data-index="4">Yellow</option><option value="Lilac " data-index="5">Lilac </option><option value="Peach" data-index="6">Peach</option><option value="Blush" data-index="7">Blush</option><option value="Tiffany" data-index="8">Tiffany</option><option value="Nude" data-index="9">Nude</option><option value="Brown" data-index="10">Brown</option><option value="Burgundy" data-index="11">Burgundy</option><option value="Red " data-index="12">Red </option><option value="Black" data-index="13">Black</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="9588301037808_option_1" data-value="White" data-index="0"><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><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Baby Pink" data-index="1"><span style="background: #ffc6f4; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Baby Pink</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Baby Blue " data-index="2"><span style="background: #a7e0fa; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Baby Blue </span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Sage Green" data-index="3"><span style="background: #9fd4b0; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Sage Green</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Yellow" data-index="4"><span style="background: #f7f434; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Yellow</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Lilac " data-index="5"><span style="background: #d5a8f2; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Lilac </span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Peach" data-index="6"><span style="background: #ffc08c; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Peach</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Blush" data-index="7"><span style="background: #ffe2f0; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Blush</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Tiffany" data-index="8"><span style="background: #b2e2e2; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Tiffany</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Nude" data-index="9"><span style="background: #f2deaa; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Nude</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Brown" data-index="10"><span style="background: #845411; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Brown</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Burgundy" data-index="11"><span style="background: #740101; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Burgundy</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_1" data-value="Red " data-index="12"><span style="background: #f71616; 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="9588301037808_option_1" data-value="Black" data-index="13"><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></div>
</div>
</div>
</span></div>
</div><div class="product-customizer-option option-type-swatch " data-option-id="791730" data-product-option-id="16122917" data-option-name="detail-colour" ><label for="9588301037808_option_2">Detail Colour</label>
<div><div class="product-customizer-option-description">If you want to add some depth/contrast on your cake, pick your contrast colour. </div><span class="product-customizer-select-wrap">
<select id="9588301037808_option_2" name="properties[Detail Colour]" style="opacity: 0; position: absolute;">
<option value=""></option><option value="White" data-index="0">White</option><option value="Black" data-index="1">Black</option><option value="Lavender" data-index="2">Lavender</option><option value="Sage" data-index="3">Sage</option><option value="Baby Blue" data-index="4">Baby Blue</option><option value="Yellow" data-index="5">Yellow</option><option value="Tiffany" data-index="6">Tiffany</option><option value="Baby Pink" data-index="7">Baby Pink</option><option value="Hot Pink" data-index="8">Hot Pink</option><option value="Sky Blue" data-index="9">Sky Blue</option><option value="Nude" data-index="10">Nude</option><option value="Blush" data-index="11">Blush</option><option value="Brown" data-index="12">Brown</option><option value="Grey" data-index="13">Grey</option><option value="Red " data-index="14">Red </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="9588301037808_option_2" data-value="White" data-index="0"><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><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Black" data-index="1"><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="9588301037808_option_2" data-value="Lavender" data-index="2"><span style="background: #cec2f4; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Lavender</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Sage" data-index="3"><span style="background: #92a373; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Sage</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Baby Blue" data-index="4"><span style="background: #a4deff; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Baby Blue</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Yellow" data-index="5"><span style="background: #f8ff0d; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Yellow</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Tiffany" data-index="6"><span style="background: #95eccd; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Tiffany</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Baby Pink" data-index="7"><span style="background: #f0c0f4; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Baby Pink</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Hot Pink" data-index="8"><span style="background: #f94ef6; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Hot Pink</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Sky Blue" data-index="9"><span style="background: #5eb6f2; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Sky Blue</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Nude" data-index="10"><span style="background: #edcebc; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Nude</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Blush" data-index="11"><span style="background: #f7e0ee; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Blush</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Brown" data-index="12"><span style="background: #8b5e4e; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Brown</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Grey" data-index="13"><span style="background: #acacac; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Grey</span></span></span><span class="product-customizer-swatch" data-id="9588301037808_option_2" data-value="Red " data-index="14"><span style="background: #f41212; padding: 0 12px; margin-right: 7px; border-radius:5px;"></span> <span style="width: 150px"><span class="option-value">Red </span></span></span></div>
</div>
</div>
</span></div>
</div><div class="product-customizer-option option-type-checkbox_group " data-option-id="796214" data-product-option-id="16122918" data-option-name="pearl-sprinkles" ><label for="9588301037808_option_3">Pearl Sprinkes?</label>
<div><ul><li>
<input type="checkbox" id="9588301037808_option_3_0" value="No" />
<label for="9588301037808_option_3_0">No</label>
</li><li>
<input type="checkbox" id="9588301037808_option_3_1" value="Yes - White" />
<label for="9588301037808_option_3_1">Yes - White</label>
</li><li>
<input type="checkbox" id="9588301037808_option_3_2" value="Yes - Gold" />
<label for="9588301037808_option_3_2">Yes - Gold</label>
</li><li>
<input type="checkbox" id="9588301037808_option_3_3" value="Yes - Silver" />
<label for="9588301037808_option_3_3">Yes - Silver</label>
</li></ul>
<input type="hidden" id="9588301037808_option_3" name="properties[Pearl Sprinkles]" value="" /></div>
</div></div>
</div>
<!-- END app snippet -->
Cake Colour
This is the base colour of the cake.
White Baby Pink Baby Blue Sage Green Yellow Lilac Peach Blush Tiffany Nude Brown Burgundy Red Black
White Baby Pink Baby Blue Sage Green Yellow Lilac Peach Blush Tiffany Nude Brown Burgundy Red Black
Detail Colour
If you want to add some depth/contrast on your cake, pick your contrast colour.
White Black Lavender Sage Baby Blue Yellow Tiffany Baby Pink Hot Pink Sky Blue Nude Blush Brown Grey Red
White Black Lavender Sage Baby Blue Yellow Tiffany Baby Pink Hot Pink Sky Blue Nude Blush Brown Grey Red