<!-- BEGIN app snippet: product-customizer --><div class="product-customizer-options" data-product-id="2212953423921" data-product-price="6095" 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="819927" data-product-option-id="17197777" data-option-name="front-top-text" ><label for="2212953423921_option_1">Front top cover text</label>
<div><div class="product-customizer-option-description">Up to 300 characters. Leave blank if uploading an image instead.</div><textarea id="2212953423921_option_1" name="properties[Front Top Text]" maxlength="300" placeholder="e.g. Adventure awaits" ></textarea></div>
</div><div class="product-customizer-option option-type-font " data-option-id="819929" data-product-option-id="17197779" data-option-name="front-top-font" ><label for="2212953423921_option_2">Front top cover font</label>
<div><div class="product-customizer-option-description">Pick the font for your front top cover text.</div><div class="fonts">
<input type="text" style="visibility: hidden;position: absolute;z-index: -1;" id="2212953423921_option_2" class="selected-font-value" name="properties[Front Top Font]" value="" />
<div class="selected-font">
<div class="selected-font-content"><span>Select a font...</span></div>
<span class="product-customizer-arrow" style="float: right;"></span>
</div>
<div class="fonts-list product-customizer-hidden"><div class="font" id="2212953423921_option_2_0">
<span class="value" value="Alegreya" style="font-family: Alegreya;">
Alegreya
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Alegreya" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_1">
<span class="value" value="Allura" style="font-family: Allura;">
Allura
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Allura" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_2">
<span class="value" value="Bad Script" style="font-family: Bad Script;">
Bad Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Bad+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_3">
<span class="value" value="Caveat" style="font-family: Caveat;">
Caveat
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Caveat" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_4">
<span class="value" value="Cinzel" style="font-family: Cinzel;">
Cinzel
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Cinzel" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_5">
<span class="value" value="Dancing Script" style="font-family: Dancing Script;">
Dancing Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Dancing+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_6">
<span class="value" value="Gelasio" style="font-family: Gelasio;">
Gelasio
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Gelasio" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_7">
<span class="value" value="Great Vibes" style="font-family: Great Vibes;">
Great Vibes
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Great+Vibes" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_8">
<span class="value" value="Arimo" style="font-family: Arimo;">
Arimo
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Arimo" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_9">
<span class="value" value="Indie Flower" style="font-family: Indie Flower;">
Indie Flower
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Indie+Flower" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_10">
<span class="value" value="Italianno" style="font-family: Italianno;">
Italianno
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Italianno" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_11">
<span class="value" value="Kaushan Script" style="font-family: Kaushan Script;">
Kaushan Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Kaushan+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_12">
<span class="value" value="Lobster" style="font-family: Lobster;">
Lobster
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Lobster" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_13">
<span class="value" value="Old Standard TT" style="font-family: Old Standard TT;">
Old Standard TT
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Old+Standard+TT" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_14">
<span class="value" value="Pacifico" style="font-family: Pacifico;">
Pacifico
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pacifico" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_15">
<span class="value" value="Parisienne" style="font-family: Parisienne;">
Parisienne
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Parisienne" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_16">
<span class="value" value="Pinyon Script" style="font-family: Pinyon Script;">
Pinyon Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pinyon+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_17">
<span class="value" value="Playfair Display" style="font-family: Playfair Display;">
Playfair Display
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Playfair+Display" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_2_18">
<span class="value" value="Shadows Into Light" style="font-family: Shadows Into Light;">
Shadows Into Light
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Shadows+Into+Light" target="_blank">Preview</a>
</span>
</div></div>
</div></div>
</div><div class="product-customizer-option option-type-file " data-option-id="819928" data-product-option-id="17197778" data-option-name="front-top-image" ><label for="2212953423921_option_3">Front top cover image</label>
<div><div class="product-customizer-option-description">Upload a photo, logo, or handwriting sample to engrave here. Leave blank if using text above.</div><input type="file" id="2212953423921_option_3" name="properties[Front Top Image]" /></div>
</div><div class="product-customizer-option option-type-multiline " data-option-id="819930" data-product-option-id="17197780" data-option-name="front-bottom-text" ><label for="2212953423921_option_4">Front bottom cover text</label>
<div><div class="product-customizer-option-description">Up to 300 characters. Leave blank if uploading an image instead.</div><textarea id="2212953423921_option_4" name="properties[Front Bottom Text]" maxlength="300" placeholder="e.g. Est. 2024" ></textarea></div>
</div><div class="product-customizer-option option-type-font " data-option-id="819932" data-product-option-id="17197782" data-option-name="front-bottom-font" ><label for="2212953423921_option_5">Front bottom cover font</label>
<div><div class="product-customizer-option-description">Pick the font for your front bottom cover text.</div><div class="fonts">
<input type="text" style="visibility: hidden;position: absolute;z-index: -1;" id="2212953423921_option_5" class="selected-font-value" name="properties[Front Bottom Font]" value="" />
<div class="selected-font">
<div class="selected-font-content"><span>Select a font...</span></div>
<span class="product-customizer-arrow" style="float: right;"></span>
</div>
<div class="fonts-list product-customizer-hidden"><div class="font" id="2212953423921_option_5_0">
<span class="value" value="Alegreya" style="font-family: Alegreya;">
Alegreya
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Alegreya" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_1">
<span class="value" value="Allura" style="font-family: Allura;">
Allura
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Allura" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_2">
<span class="value" value="Bad Script" style="font-family: Bad Script;">
Bad Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Bad+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_3">
<span class="value" value="Caveat" style="font-family: Caveat;">
Caveat
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Caveat" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_4">
<span class="value" value="Cinzel" style="font-family: Cinzel;">
Cinzel
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Cinzel" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_5">
<span class="value" value="Dancing Script" style="font-family: Dancing Script;">
Dancing Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Dancing+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_6">
<span class="value" value="Gelasio" style="font-family: Gelasio;">
Gelasio
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Gelasio" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_7">
<span class="value" value="Great Vibes" style="font-family: Great Vibes;">
Great Vibes
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Great+Vibes" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_8">
<span class="value" value="Arimo" style="font-family: Arimo;">
Arimo
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Arimo" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_9">
<span class="value" value="Indie Flower" style="font-family: Indie Flower;">
Indie Flower
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Indie+Flower" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_10">
<span class="value" value="Italianno" style="font-family: Italianno;">
Italianno
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Italianno" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_11">
<span class="value" value="Kaushan Script" style="font-family: Kaushan Script;">
Kaushan Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Kaushan+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_12">
<span class="value" value="Lobster" style="font-family: Lobster;">
Lobster
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Lobster" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_13">
<span class="value" value="Old Standard TT" style="font-family: Old Standard TT;">
Old Standard TT
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Old+Standard+TT" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_14">
<span class="value" value="Pacifico" style="font-family: Pacifico;">
Pacifico
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pacifico" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_15">
<span class="value" value="Parisienne" style="font-family: Parisienne;">
Parisienne
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Parisienne" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_16">
<span class="value" value="Pinyon Script" style="font-family: Pinyon Script;">
Pinyon Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pinyon+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_17">
<span class="value" value="Playfair Display" style="font-family: Playfair Display;">
Playfair Display
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Playfair+Display" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_5_18">
<span class="value" value="Shadows Into Light" style="font-family: Shadows Into Light;">
Shadows Into Light
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Shadows+Into+Light" target="_blank">Preview</a>
</span>
</div></div>
</div></div>
</div><div class="product-customizer-option option-type-file " data-option-id="819931" data-product-option-id="17197781" data-option-name="front-bottom-image" ><label for="2212953423921_option_6">Front bottom cover image</label>
<div><div class="product-customizer-option-description">Upload a photo, logo, or handwriting sample to engrave here. Leave blank if using text above.</div><input type="file" id="2212953423921_option_6" name="properties[Front Bottom Image]" /></div>
</div><div class="product-customizer-option option-type-multiline " data-option-id="819933" data-product-option-id="17197783" data-option-name="back-top-text" ><label for="2212953423921_option_7">Back top cover text</label>
<div><div class="product-customizer-option-description">Up to 300 characters. Leave blank if uploading an image instead.</div><textarea id="2212953423921_option_7" name="properties[Back Top Text]" maxlength="300" placeholder="e.g. Adventure awaits" ></textarea></div>
</div><div class="product-customizer-option option-type-font " data-option-id="819935" data-product-option-id="17197785" data-option-name="back-top-font" ><label for="2212953423921_option_8">Back top cover font</label>
<div><div class="product-customizer-option-description">Pick the font for your back top cover text.</div><div class="fonts">
<input type="text" style="visibility: hidden;position: absolute;z-index: -1;" id="2212953423921_option_8" class="selected-font-value" name="properties[Back Top Font]" value="" />
<div class="selected-font">
<div class="selected-font-content"><span>Select a font...</span></div>
<span class="product-customizer-arrow" style="float: right;"></span>
</div>
<div class="fonts-list product-customizer-hidden"><div class="font" id="2212953423921_option_8_0">
<span class="value" value="Alegreya" style="font-family: Alegreya;">
Alegreya
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Alegreya" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_1">
<span class="value" value="Allura" style="font-family: Allura;">
Allura
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Allura" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_2">
<span class="value" value="Bad Script" style="font-family: Bad Script;">
Bad Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Bad+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_3">
<span class="value" value="Caveat" style="font-family: Caveat;">
Caveat
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Caveat" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_4">
<span class="value" value="Cinzel" style="font-family: Cinzel;">
Cinzel
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Cinzel" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_5">
<span class="value" value="Dancing Script" style="font-family: Dancing Script;">
Dancing Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Dancing+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_6">
<span class="value" value="Gelasio" style="font-family: Gelasio;">
Gelasio
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Gelasio" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_7">
<span class="value" value="Great Vibes" style="font-family: Great Vibes;">
Great Vibes
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Great+Vibes" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_8">
<span class="value" value="Arimo" style="font-family: Arimo;">
Arimo
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Arimo" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_9">
<span class="value" value="Indie Flower" style="font-family: Indie Flower;">
Indie Flower
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Indie+Flower" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_10">
<span class="value" value="Italianno" style="font-family: Italianno;">
Italianno
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Italianno" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_11">
<span class="value" value="Kaushan Script" style="font-family: Kaushan Script;">
Kaushan Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Kaushan+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_12">
<span class="value" value="Lobster" style="font-family: Lobster;">
Lobster
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Lobster" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_13">
<span class="value" value="Old Standard TT" style="font-family: Old Standard TT;">
Old Standard TT
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Old+Standard+TT" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_14">
<span class="value" value="Pacifico" style="font-family: Pacifico;">
Pacifico
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pacifico" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_15">
<span class="value" value="Parisienne" style="font-family: Parisienne;">
Parisienne
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Parisienne" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_16">
<span class="value" value="Pinyon Script" style="font-family: Pinyon Script;">
Pinyon Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pinyon+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_17">
<span class="value" value="Playfair Display" style="font-family: Playfair Display;">
Playfair Display
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Playfair+Display" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_8_18">
<span class="value" value="Shadows Into Light" style="font-family: Shadows Into Light;">
Shadows Into Light
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Shadows+Into+Light" target="_blank">Preview</a>
</span>
</div></div>
</div></div>
</div><div class="product-customizer-option option-type-file " data-option-id="819934" data-product-option-id="17197784" data-option-name="back-top-image" ><label for="2212953423921_option_9">Back top cover image</label>
<div><div class="product-customizer-option-description">Upload a photo, logo, or handwriting sample to engrave here. Leave blank if using text above.</div><input type="file" id="2212953423921_option_9" name="properties[Back Top Image]" /></div>
</div><div class="product-customizer-option option-type-multiline " data-option-id="819936" data-product-option-id="17197786" data-option-name="back-bottom-text" ><label for="2212953423921_option_10">Back bottom cover text</label>
<div><div class="product-customizer-option-description">Up to 300 characters. Leave blank if uploading an image instead.</div><textarea id="2212953423921_option_10" name="properties[Back Bottom Text]" maxlength="300" placeholder="e.g. Est. 2024" ></textarea></div>
</div><div class="product-customizer-option option-type-font " data-option-id="819938" data-product-option-id="17197788" data-option-name="back-bottom-font" ><label for="2212953423921_option_11">Back bottom cover font</label>
<div><div class="product-customizer-option-description">Pick the font for your back bottom cover text.</div><div class="fonts">
<input type="text" style="visibility: hidden;position: absolute;z-index: -1;" id="2212953423921_option_11" class="selected-font-value" name="properties[Back Bottom Font]" value="" />
<div class="selected-font">
<div class="selected-font-content"><span>Select a font...</span></div>
<span class="product-customizer-arrow" style="float: right;"></span>
</div>
<div class="fonts-list product-customizer-hidden"><div class="font" id="2212953423921_option_11_0">
<span class="value" value="Alegreya" style="font-family: Alegreya;">
Alegreya
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Alegreya" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_1">
<span class="value" value="Allura" style="font-family: Allura;">
Allura
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Allura" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_2">
<span class="value" value="Bad Script" style="font-family: Bad Script;">
Bad Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Bad+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_3">
<span class="value" value="Caveat" style="font-family: Caveat;">
Caveat
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Caveat" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_4">
<span class="value" value="Cinzel" style="font-family: Cinzel;">
Cinzel
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Cinzel" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_5">
<span class="value" value="Dancing Script" style="font-family: Dancing Script;">
Dancing Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Dancing+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_6">
<span class="value" value="Gelasio" style="font-family: Gelasio;">
Gelasio
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Gelasio" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_7">
<span class="value" value="Great Vibes" style="font-family: Great Vibes;">
Great Vibes
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Great+Vibes" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_8">
<span class="value" value="Arimo" style="font-family: Arimo;">
Arimo
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Arimo" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_9">
<span class="value" value="Indie Flower" style="font-family: Indie Flower;">
Indie Flower
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Indie+Flower" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_10">
<span class="value" value="Italianno" style="font-family: Italianno;">
Italianno
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Italianno" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_11">
<span class="value" value="Kaushan Script" style="font-family: Kaushan Script;">
Kaushan Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Kaushan+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_12">
<span class="value" value="Lobster" style="font-family: Lobster;">
Lobster
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Lobster" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_13">
<span class="value" value="Old Standard TT" style="font-family: Old Standard TT;">
Old Standard TT
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Old+Standard+TT" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_14">
<span class="value" value="Pacifico" style="font-family: Pacifico;">
Pacifico
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pacifico" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_15">
<span class="value" value="Parisienne" style="font-family: Parisienne;">
Parisienne
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Parisienne" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_16">
<span class="value" value="Pinyon Script" style="font-family: Pinyon Script;">
Pinyon Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pinyon+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_17">
<span class="value" value="Playfair Display" style="font-family: Playfair Display;">
Playfair Display
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Playfair+Display" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_11_18">
<span class="value" value="Shadows Into Light" style="font-family: Shadows Into Light;">
Shadows Into Light
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Shadows+Into+Light" target="_blank">Preview</a>
</span>
</div></div>
</div></div>
</div><div class="product-customizer-option option-type-file " data-option-id="819937" data-product-option-id="17197787" data-option-name="back-bottom-image" ><label for="2212953423921_option_12">Back bottom cover image</label>
<div><div class="product-customizer-option-description">Upload a photo, logo, or handwriting sample to engrave here. Leave blank if using text above.</div><input type="file" id="2212953423921_option_12" name="properties[Back Bottom Image]" /></div>
</div><div class="product-customizer-option option-type-multiline " data-option-id="819939" data-product-option-id="17197789" data-option-name="front-flap-text" ><label for="2212953423921_option_13">Front inside flap text</label>
<div><div class="product-customizer-option-description">Up to 700 characters. Leave blank if uploading an image instead.</div><textarea id="2212953423921_option_13" name="properties[Front Flap Text]" maxlength="700" placeholder="e.g. To someone who always finds their way" ></textarea></div>
</div><div class="product-customizer-option option-type-font " data-option-id="819941" data-product-option-id="17197791" data-option-name="front-flap-font" ><label for="2212953423921_option_14">Front inside flap font</label>
<div><div class="product-customizer-option-description">Pick the font for your front inside flap text.</div><div class="fonts">
<input type="text" style="visibility: hidden;position: absolute;z-index: -1;" id="2212953423921_option_14" class="selected-font-value" name="properties[Front Flap Font]" value="" />
<div class="selected-font">
<div class="selected-font-content"><span>Select a font...</span></div>
<span class="product-customizer-arrow" style="float: right;"></span>
</div>
<div class="fonts-list product-customizer-hidden"><div class="font" id="2212953423921_option_14_0">
<span class="value" value="Alegreya" style="font-family: Alegreya;">
Alegreya
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Alegreya" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_1">
<span class="value" value="Allura" style="font-family: Allura;">
Allura
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Allura" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_2">
<span class="value" value="Bad Script" style="font-family: Bad Script;">
Bad Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Bad+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_3">
<span class="value" value="Caveat" style="font-family: Caveat;">
Caveat
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Caveat" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_4">
<span class="value" value="Cinzel" style="font-family: Cinzel;">
Cinzel
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Cinzel" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_5">
<span class="value" value="Dancing Script" style="font-family: Dancing Script;">
Dancing Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Dancing+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_6">
<span class="value" value="Gelasio" style="font-family: Gelasio;">
Gelasio
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Gelasio" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_7">
<span class="value" value="Great Vibes" style="font-family: Great Vibes;">
Great Vibes
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Great+Vibes" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_8">
<span class="value" value="Arimo" style="font-family: Arimo;">
Arimo
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Arimo" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_9">
<span class="value" value="Indie Flower" style="font-family: Indie Flower;">
Indie Flower
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Indie+Flower" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_10">
<span class="value" value="Italianno" style="font-family: Italianno;">
Italianno
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Italianno" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_11">
<span class="value" value="Kaushan Script" style="font-family: Kaushan Script;">
Kaushan Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Kaushan+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_12">
<span class="value" value="Lobster" style="font-family: Lobster;">
Lobster
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Lobster" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_13">
<span class="value" value="Old Standard TT" style="font-family: Old Standard TT;">
Old Standard TT
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Old+Standard+TT" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_14">
<span class="value" value="Pacifico" style="font-family: Pacifico;">
Pacifico
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pacifico" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_15">
<span class="value" value="Parisienne" style="font-family: Parisienne;">
Parisienne
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Parisienne" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_16">
<span class="value" value="Pinyon Script" style="font-family: Pinyon Script;">
Pinyon Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pinyon+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_17">
<span class="value" value="Playfair Display" style="font-family: Playfair Display;">
Playfair Display
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Playfair+Display" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_14_18">
<span class="value" value="Shadows Into Light" style="font-family: Shadows Into Light;">
Shadows Into Light
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Shadows+Into+Light" target="_blank">Preview</a>
</span>
</div></div>
</div></div>
</div><div class="product-customizer-option option-type-file " data-option-id="819940" data-product-option-id="17197790" data-option-name="front-flap-image" ><label for="2212953423921_option_15">Front inside flap image</label>
<div><div class="product-customizer-option-description">Upload a photo, logo, or handwriting sample to engrave here. Leave blank if using text above.</div><input type="file" id="2212953423921_option_15" name="properties[Front Flap Image]" /></div>
</div><div class="product-customizer-option option-type-multiline " data-option-id="819942" data-product-option-id="17197792" data-option-name="back-flap-text" ><label for="2212953423921_option_16">Back inside flap text</label>
<div><div class="product-customizer-option-description">Up to 700 characters. Leave blank if uploading an image instead.</div><textarea id="2212953423921_option_16" name="properties[Back Flap Text]" maxlength="700" placeholder="e.g. To someone who always finds their way" ></textarea></div>
</div><div class="product-customizer-option option-type-font " data-option-id="819944" data-product-option-id="17197794" data-option-name="back-flap-font" ><label for="2212953423921_option_17">Back inside flap font</label>
<div><div class="product-customizer-option-description">Pick the font for your back inside flap text.</div><div class="fonts">
<input type="text" style="visibility: hidden;position: absolute;z-index: -1;" id="2212953423921_option_17" class="selected-font-value" name="properties[Back Flap Font]" value="" />
<div class="selected-font">
<div class="selected-font-content"><span>Select a font...</span></div>
<span class="product-customizer-arrow" style="float: right;"></span>
</div>
<div class="fonts-list product-customizer-hidden"><div class="font" id="2212953423921_option_17_0">
<span class="value" value="Alegreya" style="font-family: Alegreya;">
Alegreya
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Alegreya" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_1">
<span class="value" value="Allura" style="font-family: Allura;">
Allura
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Allura" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_2">
<span class="value" value="Bad Script" style="font-family: Bad Script;">
Bad Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Bad+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_3">
<span class="value" value="Caveat" style="font-family: Caveat;">
Caveat
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Caveat" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_4">
<span class="value" value="Cinzel" style="font-family: Cinzel;">
Cinzel
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Cinzel" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_5">
<span class="value" value="Dancing Script" style="font-family: Dancing Script;">
Dancing Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Dancing+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_6">
<span class="value" value="Gelasio" style="font-family: Gelasio;">
Gelasio
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Gelasio" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_7">
<span class="value" value="Great Vibes" style="font-family: Great Vibes;">
Great Vibes
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Great+Vibes" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_8">
<span class="value" value="Arimo" style="font-family: Arimo;">
Arimo
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Arimo" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_9">
<span class="value" value="Indie Flower" style="font-family: Indie Flower;">
Indie Flower
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Indie+Flower" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_10">
<span class="value" value="Italianno" style="font-family: Italianno;">
Italianno
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Italianno" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_11">
<span class="value" value="Kaushan Script" style="font-family: Kaushan Script;">
Kaushan Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Kaushan+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_12">
<span class="value" value="Lobster" style="font-family: Lobster;">
Lobster
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Lobster" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_13">
<span class="value" value="Old Standard TT" style="font-family: Old Standard TT;">
Old Standard TT
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Old+Standard+TT" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_14">
<span class="value" value="Pacifico" style="font-family: Pacifico;">
Pacifico
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pacifico" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_15">
<span class="value" value="Parisienne" style="font-family: Parisienne;">
Parisienne
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Parisienne" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_16">
<span class="value" value="Pinyon Script" style="font-family: Pinyon Script;">
Pinyon Script
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Pinyon+Script" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_17">
<span class="value" value="Playfair Display" style="font-family: Playfair Display;">
Playfair Display
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Playfair+Display" target="_blank">Preview</a>
</span>
</div><div class="font" id="2212953423921_option_17_18">
<span class="value" value="Shadows Into Light" style="font-family: Shadows Into Light;">
Shadows Into Light
</span>
<span class="preview">
<a href="https://fonts.google.com/specimen/Shadows+Into+Light" target="_blank">Preview</a>
</span>
</div></div>
</div></div>
</div><div class="product-customizer-option option-type-file " data-option-id="819943" data-product-option-id="17197793" data-option-name="back-flap-image" ><label for="2212953423921_option_18">Back inside flap image</label>
<div><div class="product-customizer-option-description">Upload a photo, logo, or handwriting sample to engrave here. Leave blank if using text above.</div><input type="file" id="2212953423921_option_18" name="properties[Back Flap Image]" /></div>
</div></div>
</div>
<!-- END app snippet -->
Front top cover text
Up to 300 characters. Leave blank if uploading an image instead.
Front top cover font
Pick the font for your front top cover text.
Front bottom cover text
Up to 300 characters. Leave blank if uploading an image instead.
Front bottom cover font
Pick the font for your front bottom cover text.
Back top cover text
Up to 300 characters. Leave blank if uploading an image instead.
Back top cover font
Pick the font for your back top cover text.
Back bottom cover text
Up to 300 characters. Leave blank if uploading an image instead.
Back bottom cover font
Pick the font for your back bottom cover text.
Front inside flap text
Up to 700 characters. Leave blank if uploading an image instead.
Front inside flap font
Pick the font for your front inside flap text.
Back inside flap text
Up to 700 characters. Leave blank if uploading an image instead.
Back inside flap font
Pick the font for your back inside flap text.