@font-face{font-family:'DINNextLTPro';src:url("../fonts/DINNextLTPro/DINNextLTPro-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-Bold.otf") format("opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-Bold.woff") format("woff"),url("../fonts/DINNextLTPro/DINNextLTPro-Bold.ttf") format("truetype"),url("../fonts/DINNextLTPro/DINNextLTPro-Bold.svg#DINNextLTPro-Bold") format("svg");font-weight:900;font-style:normal}@font-face{font-family:'DINNextLTPro';src:url("../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.otf") format("opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.woff") format("woff"),url("../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.ttf") format("truetype"),url("../fonts/DINNextLTPro/DINNextLTPro-BoldItalic.svg#DINNextLTPro-BoldItalic") format("svg");font-weight:900;font-style:italic}@font-face{font-family:'DINNextLTPro';src:url("../fonts/DINNextLTPro/DINNextLTPro-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-Regular.otf") format("opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-Regular.woff") format("woff"),url("../fonts/DINNextLTPro/DINNextLTPro-Regular.ttf") format("truetype"),url("../fonts/DINNextLTPro/DINNextLTPro-Regular.svg#DINNextLTPro-Regular") format("svg");font-weight:700;font-style:normal}@font-face{font-family:'DINNextLTPro';src:url("../fonts/DINNextLTPro/DINNextLTPro-Italic.eot?#iefix") format("embedded-opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-Italic.otf") format("opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-Italic.woff") format("woff"),url("../fonts/DINNextLTPro/DINNextLTPro-Italic.ttf") format("truetype"),url("../fonts/DINNextLTPro/DINNextLTPro-Italic.svg#DINNextLTPro-Italic") format("svg");font-weight:700;font-style:italic}@font-face{font-family:'DINNextLTPro';src:url("../fonts/DINNextLTPro/DINNextLTPro-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-Light.otf") format("opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-Light.woff") format("woff"),url("../fonts/DINNextLTPro/DINNextLTPro-Light.ttf") format("truetype"),url("../fonts/DINNextLTPro/DINNextLTPro-Light.svg#DINNextLTPro-Light") format("svg");font-weight:300;font-style:normal}@font-face{font-family:'DINNextLTPro';src:url("../fonts/DINNextLTPro/DINNextLTPro-LightItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-LightItalic.otf") format("opentype"),url("../fonts/DINNextLTPro/DINNextLTPro-LightItalic.woff") format("woff"),url("../fonts/DINNextLTPro/DINNextLTPro-LightItalic.ttf") format("truetype"),url("../fonts/DINNextLTPro/DINNextLTPro-LightItalic.svg#DINNextLTPro-LightItalic") format("svg");font-weight:300;font-style:italic}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{height:100%}body{font:300 22px "DINNextLTPro",Helvetica,Arial,sans-serif;line-height:1.5em;background-color:#f8f8f8;color:#000}@media all and (max-height: 940px){body{font-size:18px}}.container{z-index:3;margin:0 auto}[data-page="instructions"] .container{padding:1.5em 3em;background:#ffffff;-webkit-border-radius:.2em;border-radius:.2em;-webkit-box-shadow:0px 0px 60px -20px;box-shadow:0px 0px 60px -20px;width:100%;height:100%;position:relative}.container #app-logo{max-width:18em;margin-top:1em;max-height:4em}.container .btn-next{position:absolute;bottom:1.5em;right:3em;z-index:3}.container .btn-back{position:absolute;bottom:1.5em;left:3em;z-index:3}.container .progress{height:.1em;width:3.2em;float:left;content:"";margin-right:.2em;background:#e1e6ea;-webkit-transition:all 2s ease;transition:all 2s ease;-webkit-box-shadow:inset 0 0 0 0 #4a5ec8;box-shadow:inset 0 0 0 0 #4a5ec8}.container .progress.true{-webkit-box-shadow:inset 100px 0 0 0 #4a5ec8;box-shadow:inset 100px 0 0 0 #4a5ec8}.container .steps-title{margin-top:.5em}.container .step{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:alpha(opacity=0);-o-opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s;position:absolute;width:100%;height:100%;margin-top:1em;z-index:2}.container .step.show{-webkit-animation-delay:.2s;-webkit-animation-duration:.7s;-webkit-animation-name:slideLeftShow;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.2s;-moz-animation-duration:.7s;-moz-animation-name:slideLeftShow;-moz-animation-fill-mode:forwards;-o-animation-delay:.2s;-o-animation-duration:.7s;-o-animation-name:slideLeftShow;-o-animation-fill-mode:forwards;animation-delay:.2s;animation-duration:.7s;animation-name:slideLeftShow;animation-fill-mode:forwards}.container .step h3{font-weight:300;font-size:1.7em}.container #steps-images{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:alpha(opacity=0);-o-opacity:0}.container #steps-images.fadeIn{-webkit-animation-delay:.5s;-webkit-animation-duration:.5s;-webkit-animation-name:fadeIn;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.5s;-moz-animation-duration:.5s;-moz-animation-name:fadeIn;-moz-animation-fill-mode:forwards;-o-animation-delay:.5s;-o-animation-duration:.5s;-o-animation-name:fadeIn;-o-animation-fill-mode:forwards;animation-delay:.5s;animation-duration:.5s;animation-name:fadeIn;animation-fill-mode:forwards}.container #steps-images.fadeInFast{-webkit-animation-delay:0s;-webkit-animation-duration:.5s;-webkit-animation-name:fadeIn;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.5s;-moz-animation-name:fadeIn;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.5s;-o-animation-name:fadeIn;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.5s;animation-name:fadeIn;animation-fill-mode:forwards}.container #steps-images.fadeOutFast{-webkit-animation-delay:0s;-webkit-animation-duration:.5s;-webkit-animation-name:fadeOut;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.5s;-moz-animation-name:fadeOut;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.5s;-o-animation-name:fadeOut;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.5s;animation-name:fadeOut;animation-fill-mode:forwards}.container .phone-image{position:absolute;height:100%;top:0px;bottom:0px;right:0%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:alpha(opacity=0);-o-opacity:0}.js-portrait .container .phone-image{right:-38%;top:20%;height:70%}.container .phone-image.fadeIn{-webkit-animation-delay:.2s;-webkit-animation-duration:1s;-webkit-animation-name:fadeIn;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.2s;-moz-animation-duration:1s;-moz-animation-name:fadeIn;-moz-animation-fill-mode:forwards;-o-animation-delay:.2s;-o-animation-duration:1s;-o-animation-name:fadeIn;-o-animation-fill-mode:forwards;animation-delay:.2s;animation-duration:1s;animation-name:fadeIn;animation-fill-mode:forwards}.container .phone-image.fadeInFast{-webkit-animation-delay:0s;-webkit-animation-duration:.5s;-webkit-animation-name:fadeIn;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.5s;-moz-animation-name:fadeIn;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.5s;-o-animation-name:fadeIn;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.5s;animation-name:fadeIn;animation-fill-mode:forwards}.container .phone-image.fadeOutFast{-webkit-animation-delay:0s;-webkit-animation-duration:.5s;-webkit-animation-name:fadeOut;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.5s;-moz-animation-name:fadeOut;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.5s;-o-animation-name:fadeOut;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.5s;animation-name:fadeOut;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:alpha(opacity=0);-o-opacity:0}100%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-ms-filter:alpha(opacity=100);-o-opacity:1}}@keyframes fadeIn{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:alpha(opacity=0);-o-opacity:0}100%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-ms-filter:alpha(opacity=100);-o-opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-ms-filter:alpha(opacity=100);-o-opacity:1}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:alpha(opacity=0);-o-opacity:0}}@keyframes fadeOut{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-ms-filter:alpha(opacity=100);-o-opacity:1}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:alpha(opacity=0);-o-opacity:0}}@-webkit-keyframes slideLeftShow{0%{-ms-transform:translateX(2em);-webkit-transform:translateX(2em);transform:translateX(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:alpha(opacity=0);-o-opacity:0}80%{-ms-transform:translateX(-0.2em);-webkit-transform:translateX(-0.2em);transform:translateX(-0.2em);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-ms-filter:alpha(opacity=100);-o-opacity:1}100%{-ms-transform:translateX(0em);-webkit-transform:translateX(0em);transform:translateX(0em);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-ms-filter:alpha(opacity=100);-o-opacity:1}}@keyframes slideLeftShow{0%{-ms-transform:translateX(2em);-webkit-transform:translateX(2em);transform:translateX(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:alpha(opacity=0);-o-opacity:0}80%{-ms-transform:translateX(-0.2em);-webkit-transform:translateX(-0.2em);transform:translateX(-0.2em);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-ms-filter:alpha(opacity=100);-o-opacity:1}100%{-ms-transform:translateX(0em);-webkit-transform:translateX(0em);transform:translateX(0em);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-ms-filter:alpha(opacity=100);-o-opacity:1}}.page{position:fixed;top:0;left:0;bottom:0;right:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-ms-filter:alpha(opacity=0);-o-opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.page.page--visible{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-ms-filter:alpha(opacity=100);-o-opacity:1;z-index:1}.v-wrapper{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}[data-page="welcome"] .v-wrapper{background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:2;position:absolute;top:0px}[data-page="welcome"] .v-wrapper img{width:70%;margin-bottom:3em}[data-page="instructions"] .v-wrapper{padding:2em}.v-wrapper #steps{position:absolute;top:1.5em;right:3em}video{background:#000}.js-landscape video{width:100%;height:100%}.js-portrait video{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;position:relative;left:100%;top:0%}video[data-launch-player]{position:absolute;z-index:1}video[data-art-player]{position:absolute;display:block}video[data-instruction-player]{position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;background-color:#c3c9c8;-webkit-filter:blur(15px);-moz-filter:blur(15px);-ms-filter:blur(15px);-o-filter:blur(15px);filter:blur(15px)}video::-webkit-media-controls{display:none !important}video::-webkit-media-controls-enclosure{display:none !important}@media (-webkit-min-device-pixel-ratio: 1.5){body{font-size:.9em}}#qr-code{position:absolute;top:0px;left:55%}#qr-code #qr-code-text{font-weight:700}#qr-code .qr{max-width:320px;display:inline-block}#qr-code .qr img{width:100%}@media all and (max-height: 940px){#qr-code .qr{max-width:160px}}.js-portrait #qr-code{position:static;text-align:center;margin-top:40%;padding-right:3em}[data-step='discover-art'] img{position:absolute;top:0px;bottom:0px;right:25%;height:68%}.js-portrait [data-step='discover-art'] img{height:50%;right:9%;margin:auto auto}#logContainer{position:fixed;bottom:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.336);color:white;overflow:hidden;font-size:15px;z-index:100;display:none}#logContainer #statusLog{position:absolute;top:0}#downloadLog{position:absolute;top:0;left:50%}#infoContainer{position:absolute;background-color:white;padding:10px;top:10px;right:10px;font-size:16px;color:black;-webkit-border-radius:10px;border-radius:10px}#infoContainer ol{list-style:none}.log{color:white}[data-launch]{z-index:10;height:100%;width:100%;position:fixed;top:0px;bottom:0px;left:0px;right:0px;background:white}[data-launch] img{height:100%;margin:0 auto;display:inherit}h1,h2,h3,h4,h5,h6{font-weight:900;line-height:1.3em;margin-bottom:.7em}h1.h--normalize-weight,h2.h--normalize-weight,h3.h--normalize-weight,h4.h--normalize-weight,h5.h--normalize-weight,h6.h--normalize-weight{font-weight:700}h1.h--no-spacing,h2.h--no-spacing,h3.h--no-spacing,h4.h--no-spacing,h5.h--no-spacing,h6.h--no-spacing{margin-bottom:0}h1.h--spacing-sm,h2.h--spacing-sm,h3.h--spacing-sm,h4.h--spacing-sm,h5.h--spacing-sm,h6.h--spacing-sm{margin-bottom:.3em}h1.h--capitalize,h2.h--capitalize,h3.h--capitalize,h4.h--capitalize,h5.h--capitalize,h6.h--capitalize{text-transform:uppercase}h1{font-size:2.9em}h2{font-size:2.5em}h3{font-size:2em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#000;text-decoration:underline;cursor:pointer}strong,b{font-weight:700}p{margin-bottom:1em}.list{padding-left:20px;margin-bottom:1em}.list li{margin-bottom:.3em}.list li:last-child{margin-bottom:0}.btn{outline:none;border:0px;cursor:pointer;-webkit-border-radius:2px;border-radius:2px;font-size:1.3em;font-weight:700;color:#fff;background-color:#E1E6EA;padding:.7em 1em;text-decoration:none;line-height:1em;display:inline-block;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.btn:hover{background-color:#4a5ec8;-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.btn.btn-active{background-color:#4a5ec8;-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.btn.btn--inverted{color:#000;background-color:#fff}.btn.btn--transparent{background-color:transparent}.download-btn{border:none;text-decoration:none;height:4em;width:10.5em;margin-right:.2em;display:inline-block}.download-btn svg{height:100%}.modal button{font-size:1.1em;margin:.2em;padding:.7em 1.1em;color:black;background-color:#e1e6ea;text-transform:uppercase;font-weight:700;border:solid 1px #e1e6ea;-webkit-border-radius:2px;border-radius:2px;line-height:1em;text-decoration:none;cursor:pointer;display:inline-block;text-align:center;-webkit-transition-property:background-color, border-color;transition-property:background-color, border-color;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.modal button.btn-show{background-color:#4a5ec8 !important;border-color:#4a5ec8 !important;color:white !important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background-color:rgba(0,0,0,0.7);overflow-y:auto;visibility:hidden;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.modal__box{width:400px;margin:0 auto;margin-top:5em;background-color:#fff;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:0s;transition-delay:0s}.modal__header{background-color:#E1E6EA;overflow:hidden}.modal__header__title-group{padding-top:1em;padding-left:3em;overflow:hidden}.modal__header__title-group .h--normalize-weight{margin:0}.modal__body{padding:1em;overflow:hidden}.modal__logo{width:100%;height:4em;float:left;overflow:hidden;text-align:center;line-height:1.5em}.modal__logo img{max-width:12em;margin-top:1em}.modal.modal--visible{visibility:visible;opacity:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.modal.modal--visible .modal__box{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);width:25em;margin:auto}.modal__body button{width:45%;margin:.2em}.modal #exit-msg,.modal #disconnect-msg{display:none}.modal.exit #exit-msg,.modal.disconnect #disconnect-msg{display:block;padding:0 .2em}.modal.disconnect button{display:none}.info-footer{position:fixed;bottom:0;left:0;right:0;display:none;text-align:center;color:#fff;background-color:#000;font-size:.9em;padding:1em 0;z-index:2}.info-footer .btn{margin-left:1em}
