#past{height:1rem}#future{padding:1rem 0}#future .gotoPast{display:block;margin:0 auto;width:1.5rem;height:1.5rem;cursor:pointer;animation-name:pulse;animation-duration:2s;animation-timing-function:ease-out;animation-direction:alternate;animation-iteration-count:infinite;animation-play-state:running;opacity:.7}#future .gotoPast:hover{opacity:1}#future .loaderPast{display:none;margin:0 auto;height:4rem;width:auto}.actions{position:fixed;top:0;right:0;width:max-content;height:5rem;padding:1rem;display:grid;grid-template-columns:1fr max-content max-content;grid-template-rows:1fr;gap:0 1rem;grid-auto-flow:row;align-items:start;justify-items:end;grid-template-areas:"timelineOrder toogleDescriptions toogleMusic toogleBackgroundVideo"}.actions .action{display:block;overflow:hidden;opacity:.7;transition:opacity .3s,transform .3s}.actions .action:hover{opacity:1}.actions .action:hover:not(#timelineOrder){transform:scale(1.2)}.actions .icon{display:block;width:3rem;height:3rem;cursor:pointer;border:none;border-radius:1rem;background-color:var(--side-background-color);background-size:70%;background-repeat:no-repeat;background-position:center}.actions #timelineOrder{grid-area:timelineOrder;width:12.5rem;height:3rem;padding:.5rem;border-radius:1rem;background-color:var(--side-background-color);transition:height .4s}.actions #timelineOrder:active,.actions #timelineOrder:hover{box-shadow:0 0 15px var(--box-shadow-color);height:6rem}.actions #timelineOrder ul{border:1px solid var(--border-color);border-radius:.5rem;height:100%}.actions #timelineOrder li{height:2rem}.actions #timelineOrder li:first-of-type{background-size:1rem;background-position:10rem center;background-repeat:no-repeat;background-image:url(/assets/img/menuDown.png)}.actions #timelineOrder a{display:flex;align-items:center;justify-content:left;width:max-content;height:2rem;padding-left:2rem;color:var(--text-color);font-size:1rem;background-size:1rem;background-position:.5rem center;background-repeat:no-repeat}.actions #viewingOrder a{background-image:url(/assets/img/viewingOrder.png)}.actions #releaseDate a{background-image:url(/assets/img/releaseDate.png)}.actions #timelineOrder li:first-of-type a{cursor:default;user-select:none}.actions #timelineOrder li:last-of-type{padding-top:.5rem}.actions #timelineOrder li:last-of-type a{transition:margin .3s,transform .3s}.actions #timelineOrder li:last-of-type a:hover{font-weight:600;transform:scale(1.1);margin-left:.6rem}.actions #toogleMusic{grid-area:toogleMusic;background-image:url(/assets/img/musicPlayed.png)}.actions #toogleMusic.paused{background-image:url(/assets/img/musicPaused.png)}.actions #toogleDescriptions{grid-area:toogleDescriptions;background-image:url(/assets/img/descriptionShown.png)}.actions #toogleDescriptions.masked{background-image:url(/assets/img/descriptionHidden.png)}.actions #toogleBackgroundVideo{grid-area:toogleBackgroundVideo;background-image:url(/assets/img/videoPlayed.png)}.actions #toogleBackgroundVideo.paused{background-image:url(/assets/img/videoPaused.png)}.actions #pageScroll{position:fixed;bottom:1rem;right:1rem}.actions #pageScroll.up{background-image:url(/assets/img/up.png)}.actions #pageScroll.down{background-image:url(/assets/img/down.png)}.phases .icon{display:inline-block;width:3rem;height:3rem;cursor:pointer;border:none;border-radius:.5rem;background-color:var(--phase-icon-background-color);background-size:40%;background-repeat:no-repeat;background-position:center;opacity:.7;transition:transform .3s}.phases .icon:hover{transform:scale(1.2);opacity:1}.phase{height:max-content;margin:0 2rem;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr var(--phase-line-thickness) 1fr;grid-template-rows:1fr;gap:0 0;justify-items:center;align-items:start}.phase.left{grid-template-areas:"fill-block vertical-line empty-block"}.phase.right{grid-template-areas:"empty-block vertical-line fill-block"}.phase .fill-block{grid-area:fill-block}.phase .vertical-line{grid-area:vertical-line;background-color:var(--phase-line-color)}.phase .empty-block{grid-area:empty-block}.phase .content-block{height:max-content;display:grid;grid-auto-columns:1fr;grid-template-rows:1fr;gap:0 .5rem;justify-items:center;align-items:center}.phase.left .content-block{grid-template-columns:1fr var(--phase-line-width);grid-template-areas:"movie-block line-block"}.phase.right .content-block{grid-template-columns:var(--phase-line-width) 1fr;grid-template-areas:"line-block movie-block";grid-template-rows:1fr}.phase .content-block .movie-block{grid-area:movie-block;display:grid;grid-template-columns:1fr max-content 1fr;grid-template-areas:"movie-counter movie-calendar movie-logo";gap:0 1rem;justify-items:center;align-items:center;height:9rem;margin:1rem 1rem 0 1rem;padding:0 .5rem;opacity:.7;background-color:var(--phase-movie-background-color);border-radius:1rem;transition:transform .2s ease-in;position:relative}.phase.left .content-block .movie-block{grid-template-areas:"movie-counter movie-calendar movie-logo";transform:scale(.8) translateX(-5rem)}.phase.right .content-block .movie-block{grid-template-areas:"movie-logo movie-calendar movie-counter";transform:scale(.8) translateX(5rem)}.phase.in-viewport .content-block .movie-block{transform:scale(1) translateX(0)}.phase .content-block .movie-block .movie-post-credit-scene{background-color:var(--phase-icon-low-background-color);border:.15rem solid var(--phase-description-border-color);border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:600;position:absolute;top:-1rem}.phase.left .content-block .movie-block .movie-post-credit-scene{left:1.5rem}.phase.right .content-block .movie-block .movie-post-credit-scene{right:1.5rem}.phase .content-block .movie-block .movie-counter{grid-area:movie-counter;width:100%}.phase .content-block .movie-block .movie-counter .release{display:block;text-align:center}.phase .content-block .movie-block .movie-counter .release .date{display:inline-block;margin-bottom:.5rem;letter-spacing:.15rem;text-transform:capitalize}.phase .content-block .movie-block .movie-counter .release .flag-us{display:inline-block;width:1rem;height:1rem;margin:0 .3rem .3rem 0;background-size:100%;background-repeat:no-repeat;background-position:center;background-image:url(/assets/img/icon/flag_us.svg);vertical-align:middle}.phase .content-block .movie-block .movie-counter .timer{text-align:center}.phase .content-block .movie-block .movie-counter .timer.future{display:grid;grid-template-rows:max-content max-content;grid-template-columns:max-content 1fr 1fr 1fr;gap:.2rem;grid-auto-flow:row;grid-template-areas:"day hour min sec" "day-word hour-word min-word sec-word"}.phase .content-block .movie-block .movie-counter .timer.past{display:flex;align-items:center;justify-content:center;height:max-content}.phase .content-block .movie-block .movie-counter .timer .day,.phase .content-block .movie-block .movie-counter .timer .hour,.phase .content-block .movie-block .movie-counter .timer .min,.phase .content-block .movie-block .movie-counter .timer .sec{letter-spacing:0;font-size:1.9rem;font-weight:400}.phase .content-block .movie-block .movie-counter .timer .day-word,.phase .content-block .movie-block .movie-counter .timer .hour-word,.phase .content-block .movie-block .movie-counter .timer .min-word,.phase .content-block .movie-block .movie-counter .timer .sec-word{letter-spacing:.05rem;font-size:.5rem;font-weight:300}.phase .content-block .movie-block .movie-counter .timer .day{grid-area:day}.phase .content-block .movie-block .movie-counter .timer .hour{grid-area:hour}.phase .content-block .movie-block .movie-counter .timer .min{grid-area:min}.phase .content-block .movie-block .movie-counter .timer .sec{grid-area:sec}.phase .content-block .movie-block .movie-counter .timer .day-word{grid-area:day-word}.phase .content-block .movie-block .movie-counter .timer.past .day-word{padding:0 .5rem;word-spacing:.05rem;font-size:.8rem}.phase .content-block .movie-block .movie-counter .timer .min-word{grid-area:min-word}.phase .content-block .movie-block .movie-counter .timer .sec-word{grid-area:sec-word}.phase .content-block .movie-block .movie-counter .timer .hour-word{grid-area:hour-word}.phase .content-block .movie-block .movie-calendar{grid-area:movie-calendar}.phase .content-block .movie-block .movie-logo{grid-area:movie-logo;padding:0 1.5rem}.phase .content-block .movie-block .movie-logo img{width:auto;height:auto;max-width:100%;max-height:7rem}.movie-block .icon.calendar{background-image:url(/assets/img/icon/calendar.svg);background-color:var(--phase-icon-low-background-color)}.phase .content-block .line-block{grid-area:line-block;height:var(--phase-line-thickness)}.phase .content-block .line-block .horizontal-line{background-color:var(--phase-line-color)}.phase .description{border:.15rem solid var(--phase-description-border-color);border-radius:1rem;padding:1rem 1rem .6rem 1rem;margin-bottom:4rem;font-size:1rem;line-height:1.5rem;text-align:justify}.phase .description h3{margin:0}.phase.left .description{margin-right:2rem}.phase.right .description{margin-left:2rem}.phase .description .tags{width:100%;height:1.8rem;overflow:hidden;margin-bottom:.5rem}.phase .description .tags .tag{display:inline-flex;align-items:center;justify-content:center;margin:0 .2rem .5rem .2rem;padding:.1rem 1rem;background-color:var(--phase-movie-background-color);border-radius:9999px;font-size:1rem;color:#fff}.phase .description .tags .tag:first-of-type{margin-left:0}.phase .description .tags .tag:last-of-type{margin-right:0}.phase .type{display:inline-block;width:1rem;height:1rem;margin:0 .3rem .3rem 0;background-size:100%;background-repeat:no-repeat;background-position:center;vertical-align:middle}.phase .type.film{background-image:url(/assets/img/icon/movie.svg)}.phase .type.serie{background-image:url(/assets/img/icon/serie.svg)}.phase .type.court-metrage{background-image:url(/assets/img/icon/short.svg)}.phase .type.theatre{background-image:url(/assets/img/icon/theater.svg)}.phase .type.comics{background-image:url(/assets/img/icon/comics.svg)}.phase .type.evenement-jouable{background-image:url(/assets/img/icon/eventgame.svg)}.phase .type.jeu-video{background-image:url(/assets/img/icon/videogame.svg)}.phase .buttons{padding:1rem 0;display:grid;gap:0;align-items:center}.phase.left .buttons{justify-items:left;grid-template-columns:max-content max-content max-content 1fr;grid-template-areas:"icon-run icon-note icon-heart icon-hide"}.phase.right .buttons{justify-items:right;grid-template-columns:1fr max-content max-content max-content;grid-template-areas:"icon-hide icon-heart icon-note icon-run"}.phase.left .buttons .icon:not(:first-of-type){margin-left:.5rem}.phase.left .buttons .icon:not(:last-of-type){margin-right:.5rem}.phase.right .buttons .icon:not(:first-of-type){margin-right:.5rem}.phase.right .buttons .icon:not(:last-of-type){margin-left:.5rem}.phase .buttons .icon.run{grid-area:icon-run;background-image:url(/assets/img/icon/run.svg);background-size:auto 40%;background-position:.8rem center;width:max-content;padding-left:2.4rem;padding-right:1rem;text-align:left;text-transform:uppercase;color:var(--phase-icon-font-color);font-size:.8rem}.phase .buttons .icon.run:hover{transform:scale(1.1)}.phase .buttons .icon.note{grid-area:icon-note;background-image:url(/assets/img/icon/note.svg);background-size:auto 50%}.phase .buttons .icon.heart{grid-area:icon-heart;background-image:url(/assets/img/icon/heart.svg)}.phase .buttons .icon.hide{grid-area:icon-hide;background-image:url(/assets/img/icon/hide.svg)}.phase .buttons .icon.heart,.phase .buttons .icon.hide,.phase .buttons .icon.note{display:none}@media all and (max-width:690px){html{font-size:4vw}body{padding-top:6.25rem}.actions .action:hover,.actions a:hover,.phases .icon:hover{transform:none!important;margin-left:0!important}.actions{width:100%;gap:.3rem;padding-right:.3rem}.actions .action:hover{opacity:.7}.actions .icon{display:block}.actions #timelineOrder{width:10.5rem}.actions #timelineOrder a{padding-left:1.6rem;background-position:.3rem center}.actions #pageScroll{right:.5rem;bottom:6rem}.phase{grid-template-columns:1fr;grid-template-rows:max-content 1fr;margin:0 1rem}.phase.left,.phase.right{grid-template-areas:"vertical-line" "fill-block"}.phase .vertical-line{width:var(--phase-line-thickness);height:8rem}.phase.left .content-block,.phase.right .content-block{grid-template-columns:1fr;grid-template-areas:"movie-block"}.phase .content-block .line-block,.phase .empty-block{display:none}.phase.left .content-block .movie-block,.phase.right .content-block .movie-block{grid-template-columns:1fr;grid-template-rows:max-content max-content max-content;grid-template-areas:"movie-logo" "movie-calendar" "movie-counter";gap:1rem 0;height:max-content;padding:1rem .5rem 1rem .5rem}.phase .content-block .movie-block .movie-logo{position:relative;padding:0}.phase .content-block .movie-block .movie-post-credit-scene{position:initial;padding:1rem}.phase.left .content-block .movie-block,.phase.right .content-block .movie-block{transform:scale(.9) translateX(0) translateY(3rem)}.phase.in-viewport .content-block .movie-block{transform:scale(1) translateY(0)}.phase.left .buttons,.phase.right .buttons{justify-items:left;grid-template-columns:max-content 1fr 1fr 1fr;grid-template-areas:"icon-run icon-note icon-heart icon-hide"}.phase .buttons .icon.run{width:auto;padding:0 1rem 0 2.5rem}.phase.right .buttons .icon:not(:last-of-type){margin-left:0}.phase.left .description,.phase.right .description{margin:0 0 1rem 0;text-align:left}.phase .description .tags{height:1.7rem}#future{padding:7rem 0 2rem 0}#future .loaderPast{width:3rem;height:auto}#future .gotoPast{height:2rem;width:2rem}}