<!-- BEGIN app snippet: product-customizer --><div class="product-customizer-options" data-product-id="15449538560083" data-product-price="13900" 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="819679" data-product-option-id="17276903" data-option-name="compass-1-front-text" ><label for="15449538560083_option_1">Compass 1: front text</label>
<div><div class="product-customizer-option-description">Up to 140 characters. Leave blank if uploading an image instead.</div><textarea id="15449538560083_option_1" name="properties[Compass 1 Front Text]" maxlength="140" placeholder="e.g. So you can always find your way back to me" ></textarea></div>
</div><div class="product-customizer-option option-type-font " data-option-id="819694" data-product-option-id="17276904" data-option-name="compass-1-front-font" ><label for="15449538560083_option_2">Compass 1: front font</label>
<div><div class="product-customizer-option-description">Pick the font for your front side text.</div><div class="fonts">
<input type="text" style="visibility: hidden;position: absolute;z-index: -1;" id="15449538560083_option_2" class="selected-font-value" name="properties[Compass 1 Front 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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="819681" data-product-option-id="17276905" data-option-name="compass-1-front-image" ><label for="15449538560083_option_3">Compass 1: front image</label>
<div><div class="product-customizer-option-description">Upload a photo, logo, or handwriting sample to engrave on the front. Leave blank if using text above.</div><input type="file" id="15449538560083_option_3" name="properties[Compass 1 Front Image]" /></div>
</div><div class="product-customizer-option option-type-multiline " data-option-id="819682" data-product-option-id="17276906" data-option-name="compass-1-inside-text" ><label for="15449538560083_option_4">Compass 1: inside lid text</label>
<div><div class="product-customizer-option-description">Up to 140 characters. Leave blank if uploading an image instead.</div><textarea id="15449538560083_option_4" name="properties[Compass 1 Inside Text]" maxlength="140" placeholder="e.g. For your adventures" ></textarea></div>
</div><div class="product-customizer-option option-type-font " data-option-id="819699" data-product-option-id="17276907" data-option-name="compass-1-inside-font" ><label for="15449538560083_option_5">Compass 1: inside lid font</label>
<div><div class="product-customizer-option-description">Pick the font for your inside lid text.</div><div class="fonts">
<input type="text" style="visibility: hidden;position: absolute;z-index: -1;" id="15449538560083_option_5" class="selected-font-value" name="properties[Compass 1 Inside 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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="819683" data-product-option-id="17276908" data-option-name="compass-1-inside-image" ><label for="15449538560083_option_6">Compass 1: inside lid image</label>
<div><div class="product-customizer-option-description">Upload a photo, logo, or handwriting sample to engrave inside the lid. Leave blank if using text above.</div><input type="file" id="15449538560083_option_6" name="properties[Compass 1 Inside Image]" /></div>
</div><div class="product-customizer-option option-type-multiline " data-option-id="819701" data-product-option-id="17276909" data-option-name="compass-1-case-text" ><label for="15449538560083_option_7">Compass 1 pouch: text</label>
<div><div class="product-customizer-option-description">Up to 20 characters. Only fill in if you selected the leather case option above.</div><textarea id="15449538560083_option_7" name="properties[Compass 1 Case Text]" maxlength="20" placeholder="e.g. DMA" ></textarea></div>
</div><div class="product-customizer-option option-type-font " data-option-id="819914" data-product-option-id="17276910" data-option-name="compass-1-case-font" ><label for="15449538560083_option_8">Compass 1 pouch: font</label>
<div><div class="product-customizer-option-description">Pick the font for your case personalization.</div><div class="fonts">
<input type="text" style="visibility: hidden;position: absolute;z-index: -1;" id="15449538560083_option_8" class="selected-font-value" name="properties[Compass 1 Case 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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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="15449538560083_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-multiline " data-option-id="823248" data-product-option-id="17276911" data-option-name="compass-2-front-text" ><label for="15449538560083_option_9">Compass 2: front side text</label>
<div><div class="product-customizer-option-description">Second compass. Up to 140 characters. Leave blank if uploading an image instead.</div><textarea id="15449538560083_option_9" name="properties[Compass 2 Front Text]" maxlength="140" placeholder="e.g. I learned it from you" ></textarea></div>
</div><div class="product-customizer-option option-type-font " data-option-id="823249" data-product-option-id="17276912" data-option-name="compass-2-font" ><label for="15449538560083_option_10">Compass 2: font</label>
<div><div class="product-customizer-option-description">Pick one font for all text on the second compass.</div><div class="fonts">
<input type="text" style="visibility: hidden;position: absolute;z-index: -1;" id="15449538560083_option_10" class="selected-font-value" name="properties[Compass 2 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="15449538560083_option_10_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="15449538560083_option_10_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="15449538560083_option_10_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="15449538560083_option_10_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="15449538560083_option_10_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="15449538560083_option_10_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="15449538560083_option_10_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="15449538560083_option_10_7">
<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="15449538560083_option_10_8">
<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="15449538560083_option_10_9">
<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="15449538560083_option_10_10">
<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="15449538560083_option_10_11">
<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="15449538560083_option_10_12">
<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="15449538560083_option_10_13">
<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="15449538560083_option_10_14">
<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="15449538560083_option_10_15">
<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="15449538560083_option_10_16">
<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="15449538560083_option_10_17">
<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="15449538560083_option_10_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-multiline " data-option-id="823250" data-product-option-id="17276913" data-option-name="compass-2-inside-text" ><label for="15449538560083_option_11">Compass 2: inside lid text</label>
<div><div class="product-customizer-option-description">Second compass. Up to 140 characters. Leave blank if uploading an image instead.</div><textarea id="15449538560083_option_11" name="properties[Compass 2 Inside Text]" maxlength="140" placeholder="e.g. Always know the way home" ></textarea></div>
</div><div class="product-customizer-option option-type-file " data-option-id="823251" data-product-option-id="17276914" data-option-name="compass-2-image" ><label for="15449538560083_option_12">Compass 2: engraving image</label>
<div><div class="product-customizer-option-description">Optional. Upload a photo, logo or handwriting for the second compass, and write front or inside in the text field above.</div><input type="file" id="15449538560083_option_12" name="properties[Compass 2 Image]" /></div>
</div><div class="product-customizer-option option-type-multiline " data-option-id="823252" data-product-option-id="17276915" data-option-name="compass-2-case-text" ><label for="15449538560083_option_13">Compass 2: case text</label>
<div><div class="product-customizer-option-description">Up to 20 characters for the second leather case, e.g. initials.</div><textarea id="15449538560083_option_13" name="properties[Compass 2 Case Text]" maxlength="20" placeholder="e.g. JR" ></textarea></div>
</div></div>
</div>
<!-- END app snippet -->
Compass 1: front text
Up to 140 characters. Leave blank if uploading an image instead.
Compass 1: front font
Pick the font for your front side text.
Compass 1: inside lid text
Up to 140 characters. Leave blank if uploading an image instead.
Compass 1: inside lid font
Pick the font for your inside lid text.
Compass 1: inside lid image
Compass 1 pouch: text
Up to 20 characters. Only fill in if you selected the leather case option above.
Compass 1 pouch: font
Pick the font for your case personalization.
Compass 2: front side text
Second compass. Up to 140 characters. Leave blank if uploading an image instead.
Compass 2: font
Pick one font for all text on the second compass.
Compass 2: inside lid text
Second compass. Up to 140 characters. Leave blank if uploading an image instead.
Compass 2: engraving image
Compass 2: case text
Up to 20 characters for the second leather case, e.g. initials.