@font-face{font-family:INGMe;src:url(/static/fonts/INGMeWeb-Regular.eot);src:url(/static/fonts/INGMeWeb-Regular.eot?#iefix) format("embedded-opentype"),url(/static/fonts/INGMeWeb-Regular.woff) format("woff"),url(/static/fonts/INGMeWeb-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:INGMe;src:url(/static/fonts/INGMeWeb-Bold.eot);src:url(/static/fonts/INGMeWeb-Bold.eot?#iefix) format("embedded-opentype"),url(/static/fonts/INGMeWeb-Bold.woff) format("woff"),url(/static/fonts/INGMeWeb-Bold.ttf) format("truetype");font-weight:700;font-style:normal}body,html{font-family:INGMe;font-size:24px}p{font-size:1rem;line-height:1.4}.button,button{font-family:INGMe;background-color:#fe6300;color:#fff;border-radius:10px;font-size:1rem;padding:.75rem 1rem;min-width:190px;border:none;cursor:pointer;outline:none}.button:active,button:active{background-color:#fff;border:2px solid #fe6300;color:#fe6300}.button:disabled,button:disabled{opacity:.25}.button.clean,button.clean{background-color:transparent;color:#000}.button.clean:active,button.clean:active{background-color:transparent;border:none;color:#fe6300}button::-moz-focus-inner{border:0}.keyboard .key{min-width:1px;width:46px;height:60px;font-size:1rem;margin:.2rem .1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:none;border:2px solid #000;border-radius:8px;text-align:center;color:#000;padding:0;text-transform:capitalize}.main-layout{position:relative;height:var(--vh100);overflow:hidden;padding-top:.1px;text-align:center;padding-top:135px}.main-layout .back-button{position:absolute;bottom:2.5rem;left:0}.main-layout .back-button span{display:inline-block;width:35px;height:35px;border:1px solid #000;border-radius:1000px;margin-right:.25rem;line-height:30px}.main-layout .content{max-width:1120px;margin:0 auto}.main-layout .record{position:absolute;bottom:-250px;left:50%;transform:translateX(-50%)}.main-layout h1.hereicome{font-size:84px;margin-bottom:5rem}.main-layout.result-route h1.hereicome{margin-bottom:2.5rem}.main-layout.thanks-route h1.hereicome{margin-bottom:4.25rem}.main-layout .row>div{text-align:left}.main-layout .record{margin:0 auto;width:500px;height:500px;pointer-events:none}.main-layout .guide{position:absolute;top:0;left:0;bottom:0;right:0;background:red url(/static/img/guide.jpg) no-repeat 50%;background-size:cover;opacity:.2;pointer-events:none}.main-layout .guide.choose{background:red url(/static/img/guide2.jpg) no-repeat 50%;background-size:cover}.main-layout .guide.result{background:red url(/static/img/guide3.jpg) no-repeat 50%;background-size:cover}.main-layout .guide.thanks{background:red url(/static/img/guide4.jpg) no-repeat 50%;background-size:cover}.row:after,.row:before{content:"";display:table}.row:after{clear:both}.col-1{min-height:100%;width:calc(7.13571% - 2.78571rem)}.col-1:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-1:last-child{margin-right:0}.col-1:nth-child(14n){margin-right:0;float:right}.col-1:nth-child(14n+1){clear:both}.col-2{min-height:100%;width:calc(14.27143% - 2.57143rem)}.col-2:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-2:last-child{margin-right:0}.col-2:nth-child(14n){margin-right:0;float:right}.col-2:nth-child(14n+1){clear:both}.col-3{min-height:100%;width:calc(21.40714% - 2.35714rem)}.col-3:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-3:last-child{margin-right:0}.col-3:nth-child(14n){margin-right:0;float:right}.col-3:nth-child(14n+1){clear:both}.col-4{min-height:100%;width:calc(28.54286% - 2.14286rem)}.col-4:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-4:last-child{margin-right:0}.col-4:nth-child(14n){margin-right:0;float:right}.col-4:nth-child(14n+1){clear:both}.col-5{min-height:100%;width:calc(35.67857% - 1.92857rem)}.col-5:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-5:last-child{margin-right:0}.col-5:nth-child(14n){margin-right:0;float:right}.col-5:nth-child(14n+1){clear:both}.col-6{min-height:100%;width:calc(42.81429% - 1.71429rem)}.col-6:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-6:last-child{margin-right:0}.col-6:nth-child(14n){margin-right:0;float:right}.col-6:nth-child(14n+1){clear:both}.col-7{min-height:100%;width:calc(49.95% - 1.5rem)}.col-7:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-7:last-child{margin-right:0}.col-7:nth-child(14n){margin-right:0;float:right}.col-7:nth-child(14n+1){clear:both}.col-8{min-height:100%;width:calc(57.08571% - 1.28571rem)}.col-8:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-8:last-child{margin-right:0}.col-8:nth-child(14n){margin-right:0;float:right}.col-8:nth-child(14n+1){clear:both}.col-9{min-height:100%;width:calc(64.22143% - 1.07143rem)}.col-9:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-9:last-child{margin-right:0}.col-9:nth-child(14n){margin-right:0;float:right}.col-9:nth-child(14n+1){clear:both}.col-10{min-height:100%;width:calc(71.35714% - .85714rem)}.col-10:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-10:last-child{margin-right:0}.col-10:nth-child(14n){margin-right:0;float:right}.col-10:nth-child(14n+1){clear:both}.col-11{min-height:100%;width:calc(78.49286% - .64286rem)}.col-11:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-11:last-child{margin-right:0}.col-11:nth-child(14n){margin-right:0;float:right}.col-11:nth-child(14n+1){clear:both}.col-12{min-height:100%;width:calc(85.62857% - .42857rem)}.col-12:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-12:last-child{margin-right:0}.col-12:nth-child(14n){margin-right:0;float:right}.col-12:nth-child(14n+1){clear:both}.col-13{min-height:100%;width:calc(92.76429% - .21429rem)}.col-13:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-13:last-child{margin-right:0}.col-13:nth-child(14n){margin-right:0;float:right}.col-13:nth-child(14n+1){clear:both}.col-14{min-height:100%;width:99.9%}.col-14:nth-child(1n){float:left;margin-right:3rem;clear:none}.col-14:last-child{margin-right:0}.col-14:nth-child(14n){margin-right:0;float:right}.col-14:nth-child(14n+1){clear:both}.landing-view .content-wrapper>div>img{width:60px;height:60px}.landing-view .row>div{text-align:left}.landing-view .content-wrapper p{margin-top:.25rem}.landing-view button.start{margin-top:65px;box-shadow:0 2px 24px rgba(0,0,0,.2)}.choose-view .row .col-4{margin:0}.choose-view .content-wrapper{margin-bottom:2.3rem}.choose-view .content-wrapper p{margin-top:.25rem}.choose-view .content-wrapper .flex{display:flex}.choose-view .content-wrapper .flex>div:first-of-type{position:relative;flex-grow:2;margin-top:3rem;margin-right:1rem}.choose-view .content-wrapper .flex>div:first-of-type .input{height:3rem}.choose-view .content-wrapper .flex .next-button{margin-top:3rem}.choose-view .content-wrapper .flex .input{position:relative;width:100%;height:2rem;border:1px solid #000;padding:.5rem;border-radius:10px;font-size:1rem;z-index:2}.choose-view .content-wrapper .flex .search-suggestions{position:absolute;bottom:100%;left:0;width:100%;padding:.5rem;background-color:#fff;border-radius:10px;box-shadow:1px 3px 7px rgba(0,0,0,.3)}.choose-view .content-wrapper .flex .search-suggestions button{font-size:.7rem;padding:.5rem;border-radius:0}.choose-view .content-wrapper .flex .search-suggestions button:not(:last-of-type){border-bottom:1px solid #d3d3d3}.result-view .content-wrapper>div:nth-of-type(2){padding-top:3.5rem}.result-view .content-wrapper>div:nth-of-type(3){padding-top:2.5rem}.result-view .content-wrapper p{margin-top:.25rem}.result-view button.continue{position:absolute;top:765px;left:50%;transform:translateX(-50%)}.result-view ul{list-style-type:none;margin:0}.result-view ul li{margin-bottom:1rem;border-left:none;border-color:#fe6300;padding-left:0;transition:border-left .1s ease-out,padding-left .3s ease-out}.result-view ul li img{width:212px}.result-view ul li.selected{border-left:2px solid #fe6300;padding-left:1rem}.result-view .block{margin:.5rem;width:300px;height:300px;position:relative;border-radius:.5rem;overflow:hidden;background:transparent no-repeat 50%;background-size:120% 120%}.result-view .block .qr-wrapper{position:relative;z-index:3;height:100%;display:flex;align-items:center;justify-content:center}.result-view .block .qr-wrapper:empty{display:none}.result-view .block .gradient{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;background-color:transparent;background-image:linear-gradient(transparent,#fe6300)}.result-view .block .preview{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}.result-view .block .preview p{position:absolute;bottom:1rem;left:1.5rem;margin:0;z-index:2;color:#fff;font-size:1.5rem;line-height:1.2}.result-view .spotify-accessibility h3{text-align:center;margin-bottom:.5rem}.result-view .spotify-accessibility img{max-width:300px;margin:0 .5rem}.thanks-view .content-wrapper{position:relative;z-index:1}.thanks-view .travel-icon{width:84px}.thanks-view p{font-size:1.8rem;margin-bottom:3rem;margin-top:1rem}.thanks-view .leeuw{position:absolute;bottom:0;right:0;z-index:0}body{margin:0;background-color:#fff;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-checkbox,.custom-input,.custom-radio,.custom-select{margin-bottom:1rem}.custom-checkbox.has-errors input,.custom-checkbox.has-errors select,.custom-input.has-errors input,.custom-input.has-errors select,.custom-radio.has-errors input,.custom-radio.has-errors select,.custom-select.has-errors input,.custom-select.has-errors select{background-color:rgba(255,0,0,.5)}.custom-checkbox.has-errors label,.custom-input.has-errors label,.custom-radio.has-errors label,.custom-select.has-errors label{color:red}.marker{display:inline-block;background:#fe6300;width:60px;height:60px;border-radius:1000px;position:relative}.marker svg{position:absolute;top:15px;left:15px;width:30px;height:30px}