hr,img,legend{border:0}
legend,td,th{padding:0}
body,figure,html,ol,ul{margin:0}
form,form ul{margin:0 0 1.75rem}
#app,article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
.button,a:active,a:hover{outline:0}
.input-dropdown .title,.input-number .title,.input-text .title{text-overflow:ellipsis;white-space:nowrap}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:0 0;color:#444}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{max-width:100%;vertical-align:middle;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:0;margin:1.75rem 0;border-top:1px solid #000}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
.bold,.button--help{font-weight:600}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
table{border-collapse:collapse;border-spacing:0}
.embed-container{position:relative;height:0;padding-bottom:56.25%;overflow:hidden}
.embed-container embed,.embed-container iframe,.embed-container img,.embed-container object,.embed-container video{position:absolute;top:0;left:0;width:100%;height:100%}
@font-face{font-family:bellota;src:url(/static/fonts/fonts/bellota/bellota-regular.otf)}
@font-face{font-family:caviarDreams;src:url(/static/fonts/fonts/caviar-dreams/caviarDreams.ttf) format("truetype")}
@font-face{font-family:chunkFive;src:url(/static/fonts/chunk-five/chunk-five.otf) format("opentype")}
@font-face{font-family:grandHotel;src:url(/static/fonts/grand-hotel/grand-hotel-regular.otf) format("opentype")}
@font-face{font-family:lobster;src:url(/static/fonts/lobster/lobster.otf) format("opentype")}
@font-face{font-family:ospDin;src:url(/static/fonts/osp-din/osp-din.ttf) format("truetype")}
@font-face{font-family:ostrich;src:url(/static/fonts/ostrich/ostrich-regular.ttf) format("truetype")}
@font-face{font-family:pacifico;src:url(/static/fonts/pacifico/pacifico.ttf) format("truetype")}
@font-face{font-family:quicksand;src:url(/static/fonts/quicksand/quicksand-regular.otf) format("opentype")}
@font-face{font-family:roboto;src:url(/static/fonts/roboto/roboto-thin.ttf) format("truetype")}
a:hover{color:#111;text-decoration:underline}
p{margin:0 0 .875rem;font-size:12px;font-size:1.2rem}
em{font-style:italic}
cite{font-style:normal}
h1,h2,h3,h4,h5,h6{margin:.875rem 0;font-weight:600;font-family:inherit;line-height:1;color:inherit;text-rendering:optimizelegibility}
.app,body,html{font-family:quicksand,Courier,monospace}
h1{font-size:29px;font-size:2.9rem}
h2{font-size:23px;font-size:2.3rem}
h3{font-size:21px;font-size:2.1rem}
h4{font-size:19px;font-size:1.9rem}
h5{font-size:17px;font-size:1.7rem}
h6{font-size:15px;font-size:1.5rem}
@media (min-width:480px){body::after{content:'{"small":{"value": "480px", "active": true}, "medium":{"value": "768px", "active": false}, "large":{"value": "1224px", "active": false}, "xlarge":{"value": "1824px", "active": false}}';display:block;height:0;overflow:hidden;width:0}
}
@media (min-width:768px){body::after{content:'{"small":{"value": "480px", "active": true}, "medium":{"value": "768px", "active": true}, "large":{"value": "1224px", "active": false}, "xlarge":{"value": "1824px", "active": false}}';display:block;height:0;overflow:hidden;width:0}
}
@media (min-width:1224px){body::after{content:'{"small":{"value": "480px", "active": true}, "medium":{"value": "768px", "active": true}, "large":{"value": "1224px", "active": true}, "xlarge":{"value": "1824px", "active": false}}';display:block;height:0;overflow:hidden;width:0}
}
@media (min-width:1824px){body::after{content:'{"small":{"value": "480px", "active": true}, "medium":{"value": "768px", "active": true}, "large":{"value": "1224px", "active": true}, "xlarge":{"value": "1824px", "active": true}}';display:block;height:0;overflow:hidden;width:0}
}
@-ms-viewport{width:device-width}
@viewport{width:device-width}
*,:after,:before{box-sizing:inherit}
body,html{padding:0;font-size:12px;line-height:1.75rem;color:#000;background-color:#fff}
ol,ul{padding:0;list-style:none}
form fieldset{margin-bottom:1.75rem;padding:0;border-width:0}
form p{margin-bottom:.875rem}
form ul{list-style-type:none;padding:0}
#app{width:100vw;height:100vh}
#app .application-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}
#app .application-container>main{-ms-flex-positive:1;flex-grow:1}
.navigation{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:260px;padding:90px 50px}
.navigation .hlg-logo{display:block;min-width:200px;margin:0 0 40px;text-decoration:none;font-family:lobster;font-size:2em;line-height:1.1em;color:#000}
.button-bordered-text,.button-bordered-text a{color:#D8D8D8;text-decoration:none}
.fade-enter{opacity:.01}
.fade-enter.fade-enter-active{opacity:1;transition:opacity .5s ease-in}
.fade-exit{opacity:1}
.fade-exit.fade-exit-active{opacity:.01;transition:opacity .3s ease-in}
.button{background-color:transparent;border:none;padding:0}
.button-bordered-text{display:block;width:100px;margin:0 0 -5px;padding:15px 0 13px;border-color:#D8D8D8;border-top:5px solid;border-bottom:5px solid;text-align:left;cursor:default;font-size:1em;transition:color .3s,border-color .3s}
.button-bordered-text.focus,.button-bordered-text:not(.no-hover):hover{position:relative;border-color:#000;text-decoration:none;color:#000}
.button-bordered-text.focus:not(.no-hover),.button-bordered-text:not(.no-hover):hover:not(.no-hover){cursor:pointer}
.button-bordered-text.focus a,.button-bordered-text:not(.no-hover):hover a{color:#000}
.button-bordered-text.full-width{width:100%}
.button-block{display:block;position:relative;overflow:hidden;width:75px;height:75px;margin-bottom:5px;color:#fff;text-align:center;cursor:pointer;background-color:#D8D8D8;background-size:75px 75px;background-repeat:no-repeat;transition:background-color .3s}
.button-block.focus,.button-block:hover{background-color:#000;color:#fff}
.button-block.border{box-shadow:inset 0 0 0 3px #D8D8D8;transition:box-shadow .3s}
.button-block.border.focus,.button-block.border:hover{box-shadow:inset 0 0 0 3px #000}
.input-number .input:focus,.input-text .input:focus{box-shadow:5px 5px 5px #D8D8D8}
.button--help{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;color:#fff;border-radius:50%;background-color:#D8D8D8;transition:background-color .3s}
.button--help.focus,.button--help:hover{background-color:#000}
.button--close{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:1.3rem;color:#fff;background-color:#D8D8D8;cursor:pointer;transition:.3s background}
.input-dropdown .input,.input-number .input,.input-text .input{border:3px solid #000;transition:box-shadow .2s;outline:0}
.button--close:hover{background-color:#000}
.input-text{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px}
.input-dropdown,.input-number{display:-ms-flexbox;-ms-flex-flow:row nowrap}
.input-text .title{width:50%;margin:0;font-size:1em}
.input-text .input{width:40%;padding:3px 3px 1px}
.input-number{display:flex;flex-flow:row nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px}
.input-number .title{width:50%;margin:0;font-size:1em}
.input-number .input{width:40%;padding:3px}
.input-dropdown{display:flex;flex-flow:row nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px}
.input-dropdown .title{width:50%;margin:0;font-size:1em}
.input-dropdown .input{width:40%;padding:3px 3px 1px;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;box-shadow:none;cursor:pointer}
.input-dropdown .input:focus{box-shadow:5px 5px 5px #D8D8D8}
.input-color{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px}
.input-color .title{width:50%;margin:0;font-size:1em}
.input-color .color-picker{display:block;position:relative;width:40%}
.input-color .color-picker .preview{display:inline-block;width:100%;height:25px;background:#fff;border:3px solid #000;cursor:pointer}
.input-color .color-picker .swatch{width:100%;height:100%;background-color:#fff}
.input-color .color-picker .swatch.transparent{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}
.input-color .color-picker .picker{display:block;position:absolute;top:calc(100% + 2px);right:-10px;z-index:200;padding:10px;background-color:#fff;box-shadow:rgba(0,0,0,.088) 0 0 2px,rgba(0,0,0,.088) 0 3px 2px}
.input-color .color-picker .chrome-picker{width:155px!important;box-shadow:none!important}
.input-color .color-picker .chrome-picker>div:nth-child(2){padding:12px 0!important}
.loader{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:rgba(255,255,255,.85)}
.text-bubble{display:block;max-width:300px;height:auto;padding:20px;color:#fff;background-color:#000;transition:opacity .45s,width 0 .45s,height 0 .45s}
.text-bubble::after{display:block;position:absolute;content:" ";border-style:solid;border-color:#000 transparent}
.text-bubble.text-bubble--orientation-bottom::after{bottom:0;right:0;width:0;border-width:10px 10px 0;transform:translate(-15px,100%)}
.text-bubble.text-bubble--orientation-right::after{top:50%;right:0;width:0;border-width:0 10px 10px;transform:translate(75%,-50%) rotate(90deg)}
.page{padding:90px 50px 90px 0}
.page--about,.page--sources,.page--terms{max-width:750px}
.page .title{margin-top:0}
.page .sub-title{margin-top:30px;font-size:1.7rem}
.generator{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}
.generator section.hidden,.generator section.hide{display:none}
.logo,.steps{display:-ms-flexbox}
.generator .steps{-ms-flex-negative:0;flex-shrink:0}
.logo{display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;position:relative;background-color:#F9F9F9}
.logo svg g{cursor:pointer;transition:opacity .4s}
.logo .button--help{position:absolute;left:0;bottom:90px;transform:translate(25px,0)}
.logo .text-bubble{position:absolute}
.logo .text-bubble--logo{top:50%;left:50%;transform:translate(calc(-100% + 30px),-260px)}
.logo .text-bubble--options{right:0;top:50%;transform:translate(-25px,-50%)}
.logo .text-bubble--next{right:0;bottom:85px;transform:translate(-25px,0)}
.steps{position:relative;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:260px;padding:90px 50px}
.steps .step-title{margin:0 0 40px;line-height:2.5rem}
.steps .button-bordered-text{margin-top:auto}
.options,.sub-options{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between}
.customize{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;position:absolute;top:90px;right:0;width:175px;padding:10px;background-color:#fff}
.customize .button-bordered-text{margin:5px 0 0}
.hipstometer .title{overflow-wrap:break-word}
.hipstometer .rating{margin-bottom:40px;font-size:1.5rem}
.checkout .terms-accept{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:2rem}
.checkout .terms-accept .checkbox{margin-right:.8rem}
.checkout .terms-accept .checkbox:focus{outline:0}
.confirmation{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(249,249,249,.85)}
.confirmation .button--close{position:absolute;top:95px;right:3rem}
.confirmation .copy{width:60%;max-width:50rem}
.confirmation--active{display:-ms-flexbox;display:flex}
.element3{z-index:2000}
.element2{z-index:1000}
.element1{z-index:-1000}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.pull-right{float:right}
.pull-left{float:left}
.hidden,.hide{display:none}
.show{display:block}
.invisible{visibility:hidden}
.visible{visibility:visible}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.hide-text{height:1em;line-height:1.5;overflow:hidden}
.hide-text::before{content:"";display:block;width:0;height:100%}
.no-pointer-events{pointer-events:none}