bundle.css

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@-moz-keyframes sound-animation{0%{height:0%}50%{height:100%}100%{height:0%}}@-webkit-keyframes sound-animation{0%{height:0%}50%{height:100%}100%{height:0%}}@-o-keyframes sound-animation{0%{height:0%}50%{height:100%}100%{height:0%}}@keyframes sound-animation{0%{height:0%}50%{height:100%}100%{height:0%}}.fade-enter-active,.fade-leave-active{transition:all 1s cubic-bezier(.19,1,.22,1)}.fade-enter,.fade-leave-active{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}@font-face{font-family:'Trajan Pro';src:url("./assets/fonts/trajanpro-regular.eot");src:url("./assets/fonts/trajanpro-regular.eot?#iefix") format('embedded-opentype'),url("./assets/fonts/trajanpro-regular.woff2") format('woff2'),url("./assets/fonts/trajanpro-regular.woff") format('woff'),url("./assets/fonts/trajanpro-regular.ttf") format('truetype'),url("./assets/fonts/trajanpro-regular.svg#trajanpro-regular") format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Elsie';src:url("./assets/fonts/elsie-regular.eot");src:url("./assets/fonts/elsie-regular.eot?#iefix") format('embedded-opentype'),url("./assets/fonts/elsie-regular.woff2") format('woff2'),url("./assets/fonts/elsie-regular.woff") format('woff'),url("./assets/fonts/elsie-regular.ttf") format('truetype'),url("./assets/fonts/elsie-regular.svg#elsie-regular") format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Quicksand';src:url("./assets/fonts/quicksand-regular.eot");src:url("./assets/fonts/quicksand-regular.eot?#iefix") format('embedded-opentype'),url("./assets/fonts/quicksand-regular.woff2") format('woff2'),url("./assets/fonts/quicksand-regular.woff") format('woff'),url("./assets/fonts/quicksand-regular.ttf") format('truetype'),url("./assets/fonts/quicksand-regular.svg#quicksand-regular") format('svg');font-weight:400;font-style:normal}.dg{color:#555 !important;text-shadow:none !important;}.dg.main{position:absolute;top:70px;right:15px;z-index:10;}.dg.main.taller-than-window{overflow-x:hidden !important;}.dg.main.taller-than-window .close-button{border-top:1px solid #ddd !important}.dg.main .close-button{background-color:#ccc !important;}.dg.main .close-button:hover{background-color:#ddd !important}.dg.main::-webkit-scrollbar{background:#fafafa !important}.dg.main::-webkit-scrollbar-thumb{background:#bbb !important}.dg li:not(.folder){background:#fafafa !important;border-bottom-color:#ddd !important}.dg li.save-row .button{text-shadow:none !important}.dg li.title{background:#e8e8e8 url("data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==") 6px 10px no-repeat !important}.dg .cr:not(.color) .c input[type=text]{background:#e9e9e9 !important}.dg .cr:not(.color) .c input[type=text]:hover{background:#eee !important}.dg .cr:not(.color) .c input[type=text]:focus{background:#eee !important;color:#555 !important}.dg .cr:not(.color) .c .slider{background:#e9e9e9 !important;}.dg .cr:not(.color) .c .slider:hover{background:#eee !important}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#fff !important}canvas{width:100%;height:100%}a{color:#e5e5e5;text-decoration:none}.clear{clear:both}.cursor-pointer{cursor:pointer}.line{display:inline-block;width:10px;height:1px;background-color:#e5e5e5;margin-bottom:4px}.show{opacity:1 !important;visibility:visible !important}.hide{opacity:0 !important;visibility:hidden !important}.text-split-space{display:inline}.text-split-character{display:inline-block}.headphones{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;}.headphones img{width:16px;height:auto;margin:0 5px}video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto;pointer-events:none}.mobile-device .dg{display:none}.mobile-device .home__loading-bar{width:51px}.mobile-device .home__start__button:hover{-webkit-transform:none;-ms-transform:none;transform:none;letter-spacing:6px}.gl-container{position:absolute;top:0;bottom:0}.home{width:100%;height:100%;position:absolute;top:0;left:0;background:#1a1a1a;z-index:5;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.home__logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;min-width:800px;height:auto;pointer-events:none}.home__header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;text-align:center;width:100%;top:50px}.home__header__event,.home__header_date{display:inline-block}.home__start{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:50px;font-family:'Elsie',serif}.home__start__container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;text-align:center}.home__start-btn,.home__loading-percentage{position:absolute;left:0;bottom:0;width:100%}.home__start-btn{letter-spacing:6px;opacity:0;visibility:hidden;-webkit-transform:translate3d(0,0,0) scale(1,1);transform:translate3d(0,0,0) scale(1,1);transition:all .8s ease-out;}.home__start-btn:hover{-webkit-transform:translate3d(-3px,0,0) scale(1.03,1.03);transform:translate3d(-3px,0,0) scale(1.03,1.03);letter-spacing:8px}.home__loading-percentage{font-size:16px;transition:opacity .8s ease-out;}.home__loading-percentage:after{content:'%';font-size:8px}.home__loading-bar{width:65px;height:1px;margin-top:5px;background-color:rgba(229,229,229,0.6);-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease, -webkit-transform .8s ease}.home__background{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:-1;pointer-events:none}.controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;bottom:25px;right:25px;z-index:10}.controls__sound-button,.controls__fullscreen-button{display:inline-block}.controls__sound-button{position:relative;width:15px;height:12px;cursor:pointer;margin-right:5px;}.controls__sound-button:before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;width:100%;height:100%;padding:5px}.controls__sound-button span{position:absolute;bottom:0;left:0;width:1px;height:1px;background-color:#e5e5e5;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}.controls__sound-button span:nth-child(1){height:5px;left:0}.controls__sound-button span:nth-child(2){height:8px;left:3px}.controls__sound-button span:nth-child(3){height:10px;left:6px}.controls__sound-button span:nth-child(4){height:3px;left:9px}.controls__sound-button span:nth-child(5){height:12px;left:12px}.controls__sound-button:not(.muted) span:nth-child(1){-webkit-animation:sound-animation infinite;animation:sound-animation infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:1.18s;animation-duration:1.18s;-webkit-animation-delay:.65s;animation-delay:.65s}.controls__sound-button:not(.muted) span:nth-child(2){-webkit-animation:sound-animation infinite;animation:sound-animation infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:1.09s;animation-duration:1.09s;-webkit-animation-delay:.4s;animation-delay:.4s}.controls__sound-button:not(.muted) span:nth-child(3){-webkit-animation:sound-animation infinite;animation:sound-animation infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.33s;animation-delay:.33s}.controls__sound-button:not(.muted) span:nth-child(4){-webkit-animation:sound-animation infinite;animation:sound-animation infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:1.78s;animation-duration:1.78s;-webkit-animation-delay:.57s;animation-delay:.57s}.controls__sound-button:not(.muted) span:nth-child(5){-webkit-animation:sound-animation infinite;animation:sound-animation infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:1.33s;animation-duration:1.33s;-webkit-animation-delay:.31s;animation-delay:.31s}.controls__sound-button.muted span:nth-child(1){-webkit-transform:scale(1,.1);-ms-transform:scale(1,.1);transform:scale(1,.1)}.controls__sound-button.muted span:nth-child(2){-webkit-transform:scale(1,.1);-ms-transform:scale(1,.1);transform:scale(1,.1)}.controls__sound-button.muted span:nth-child(3){-webkit-transform:scale(1,.1);-ms-transform:scale(1,.1);transform:scale(1,.1)}.controls__sound-button.muted span:nth-child(4){-webkit-transform:scale(1,.1);-ms-transform:scale(1,.1);transform:scale(1,.1)}.controls__sound-button.muted span:nth-child(5){-webkit-transform:scale(1,.1);-ms-transform:scale(1,.1);transform:scale(1,.1)}.controls__fullscreen-button{position:relative;width:15px;height:12px;cursor:pointer;}.controls__fullscreen-button span{position:absolute;width:4px;height:4px;margin:0 0}.controls__fullscreen-button--top-left{top:0;left:0;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5}.controls__fullscreen-button--top-right{top:0;right:0;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5}.controls__fullscreen-button--bottom-left{bottom:0;left:0;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5}.controls__fullscreen-button--bottom-right{bottom:0;right:0;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}.controls__fullscreen-button span{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease, -webkit-transform .6s ease}.controls__fullscreen-button:hover span{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.controls__fullscreen-button.fullscreen span{-webkit-transform:scale(-1,-1);-ms-transform:scale(-1,-1);transform:scale(-1,-1)}.controls__fullscreen-button.fullscreen:hover span{-webkit-transform:scale(-1.3,-1.3);-ms-transform:scale(-1.3,-1.3);transform:scale(-1.3,-1.3)}.train-scene .controls__sound-button span,.end .controls__sound-button span{background-color:#1a1a1a}.train-scene .controls__fullscreen-button span,.end .controls__fullscreen-button span{border-color:#1a1a1a}.end{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:100%;height:100%;z-index:1;color:#1a1a1a;font-family:'Elsie',serif}.end__whishes{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:25px;text-align:center;font-size:36px;letter-spacing:12px;text-transform:uppercase;width:100%;}.end__whishes .end_wishes__english{max-width:700px;margin:0 auto;}.end__whishes .end_wishes__english .text-split-space:nth-child(20){display:block}.end__whishes .end_wishes__french{font-size:18px;letter-spacing:6px;max-width:450px;margin:10px auto 0 auto;color:#767676}.end__departments{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;font-family:'Quicksand',sans-serif;font-size:22px;line-height:26px;list-style:none;padding:0;margin:0;width:100%;max-width:60%;}.end__departments li{display:inline-block;margin:10px}.end__departments .end__departments--french{font-size:18px;line-height:20px;color:#767676}.end__logo-gobelins{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:60px;width:100px;}.end__logo-gobelins img{width:100%;height:auto}.end__credits{position:absolute;bottom:25px;letter-spacing:2px;line-height:18px;font-size:12px;text-align:center;width:100%;}.end__credits a{color:#1a1a1a;position:relative;}.end__credits a:after{content:'';position:absolute;left:0;bottom:-1px;background-color:#1a1a1a;width:98%;height:1px;transition:-webkit-transform 1s cubic-bezier(.19,1,.22,1);transition:transform 1s cubic-bezier(.19,1,.22,1);transition:transform 1s cubic-bezier(.19,1,.22,1), -webkit-transform 1s cubic-bezier(.19,1,.22,1)}.end__credits a:hover:after{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(.8,1);-ms-transform:scale(.8,1);transform:scale(.8,1)}@media only screen and (max-width:1024px){.end__departments{font-size:20px;max-width:70%;}.end__departments .end__departments--french{font-size:16px}}@media only screen and (max-width:767px){.end__whishes{font-size:26px;}.end__whishes .end_wishes__french{font-size:18px}.end__departments{max-width:80%}.end__logo-gobelins{width:80px;bottom:50px}.end__credits{font-size:10px}}@media only screen and (max-width:568px){.end__whishes{letter-spacing:8px;font-size:22px;}.end__whishes .end_wishes__french{font-size:14px}.end__departments{font-size:18px;max-width:85%;}.end__departments .end__departments--french{font-size:14px}.end__departments li{margin:5px}.end__logo-gobelins{bottom:65px}}.exp-instruction{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:25px;font-family:'Elsie',serif;font-size:14px;text-transform:uppercase;letter-spacing:5px;z-index:1;color:#e5e5e5;background-color:rgba(26,26,26,0.5);padding:15px 15px 7px 15px}.exp-instruction__seconds{display:inline-block;position:relative;font-size:18px;top:-2px}.exp-instruction__space{display:inline-block;color:#e5e5e5;position:relative;width:105px;height:25px;text-align:center;font-weight:bold}.exp-instruction__space__border{position:absolute;width:105px;height:25px;top:-5px;left:-2px;border:2px solid #e5e5e5;border-radius:4px}.exp-instruction__space__progress{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#1a1a1a;border-radius:4px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1)}.fireplace-scene .exp-instruction{background-color:rgba(229,229,229,0.1)}.exp-introduction{position:absolute;z-index:1;color:#1a1a1a;width:100%;height:100%;background-color:rgba(255,255,255,0.5);text-align:center;text-transform:uppercase;pointer-events:none}.exp-introduction__container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.exp-introduction__id{font-family:'Elsie',serif;font-size:12px;letter-spacing:5px;margin-bottom:8px}.exp-introduction__title{font-family:'Trajan Pro',sans-serif;font-size:60px;margin-bottom:5px}.exp-introduction__subtitle{font-family:'Elsie',serif;font-size:18px;letter-spacing:5px;}.exp-introduction__subtitle:before,.exp-introduction__subtitle:after{content:'•';position:relative;font-size:12px}.exp-introduction__subtitle:before{right:10px}.exp-introduction__subtitle:after{left:10px}.main-instruction{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:25px;font-family:'Elsie',serif;font-size:14px;text-transform:uppercase;letter-spacing:5px;z-index:1;color:#e5e5e5;text-shadow:rgba(229,229,229,0.5) 1px 1px 1px,rgba(229,229,229,0.5) -1px -1px 1px;background-color:rgba(26,26,26,0.9);padding:15px 15px 12px 15px}.subtitle-set{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:5;position:absolute;bottom:25px;width:100%;text-align:center}.subtitle{font-family:'Elsie',serif;font-size:16px;font-weight:bold;color:#e5e5e5;text-shadow:rgba(229,229,229,0.5) 1px 1px 1px,rgba(229,229,229,0.5) -1px -1px 1px}.train-scene .subtitle{color:#1a1a1a;text-shadow:rgba(26,26,26,0.5) 1px 1px 1px,rgba(26,26,26,0.5) -1px -1px 1px}*{box-sizing:border-box}::-moz-selection{background:#c9c9c9}::selection{background:#c9c9c9}html,body{width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a;overflow:hidden;font-family:'Quicksand',sans-serif;font-size:14px;color:#e5e5e5}