.journey-comp{position:fixed;inset:0;height:100vh;width:100vw;display:flex;flex-direction:column;transition:all .3s ease}.journey-comp:before{background:radial-gradient(circle at center,#3a0f0f 0,#150404 100%);opacity:1}.journey-comp:after,.journey-comp:before{content:"";position:absolute;inset:0;z-index:-1;transition:all .5s ease}.journey-comp:after{background:radial-gradient(circle at center,#0c2855 0,#000000 100%);opacity:0}.journey-comp.blue:before{opacity:0}.journey-comp.blue:after{opacity:1}.journey-comp *{color:#fff;font-size:13px}.journey-comp .j-header{display:flex;align-items:center;justify-content:space-between;padding:50px 100px 20px;z-index:10;position:relative}.journey-comp .j-header .j-header-back{position:absolute;left:30px;top:50px;width:30px;height:30px;background-color:rgba(154,153,153,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;cursor:pointer}.journey-comp .j-header .jh-title{display:flex;align-items:center;gap:10px}.journey-comp .j-header .jh-title .jht-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#c20116}.journey-comp .j-header .jh-title .jht-title{font-family:cloudy_june;font-weight:500;font-style:normal;font-size:18px}.journey-comp .j-header .jh-right{display:flex;align-items:center;gap:30px}.journey-comp .j-layover{position:absolute;left:0;top:0;bottom:0;z-index:5;width:150px;background:linear-gradient(90deg,#150404,rgba(0,0,0,0));pointer-events:none}.journey-comp .j-layover.jl-right{width:100px;left:auto;right:0;background:linear-gradient(270deg,#150404,rgba(0,0,0,0))}.journey-comp.blue .j-layover{background:linear-gradient(90deg,#040715,rgba(0,0,0,0))}.journey-comp.blue .j-layover.jl-right{background:linear-gradient(270deg,#040715,rgba(0,0,0,0))}.journey-comp .jh-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;height:80vh;gap:20px}.journey-comp .jh-loading .jh-loading-animation{color:#fff;font-size:10px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.3s linear infinite;transform:translateZ(0)}.journey-comp .jh-loading .jh-loading-text{font-size:20px;font-weight:500;margin-top:50px}.journey-comp .j-body{flex:1;display:flex;align-items:center;gap:50px;overflow-x:auto;padding:70px 100px 20px 200px;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.journey-comp .j-body::-webkit-scrollbar{display:none}.journey-comp .j-footer{position:relative;z-index:10}.journey-comp .j-footer .j-footer-arrow{position:absolute;right:15px;top:12px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;font-size:60px}.journey-comp .j-footer .j-timeline{width:calc(100vw - 85px);display:flex;align-items:center;height:185px;padding:20px 10px 130px 200px;gap:20px;overflow-x:auto;flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.journey-comp .j-footer .j-timeline::-webkit-scrollbar{display:none}.journey-comp .j-footer .j-timeline .journey-timeline-item{transition:all .3s ease;cursor:pointer}.journey-comp .j-footer .j-timeline:hover .journey-timeline-item{transform:rotate(-20deg)}.journey-tabs{position:absolute;left:50%;top:50px;transform:translate(-50%,-50%);display:flex;align-items:center;gap:20px;z-index:12}.journey-tabs .jt-item{display:flex;align-items:center;gap:10px;cursor:pointer;opacity:.5;transition:all .3s ease}.journey-tabs .jt-item .jt-icon{width:15px;height:15px;font-size:18px;color:#fff;display:flex;align-items:center;justify-content:center}.journey-tabs .jt-item .jt-title{font-size:12px}.journey-tabs .jt-item.active{opacity:1}.music-comp{display:flex;align-items:center;gap:8px}.music-comp .mc-right{display:flex;align-items:center;gap:10px;cursor:pointer}.music-comp .mc-right .mcr-dot{width:4px;height:4px;background-color:#fff;border-radius:50%}.wave-icon{width:30px;height:30px;display:inline-block}.wave-icon .bar{fill:#fff}.wave-icon.active .bar{animation:wavePulse 1.2s ease-in-out infinite}.wave-icon.active .bar:first-child{animation-delay:0s}.wave-icon.active .bar:nth-child(2){animation-delay:.1s}.wave-icon.active .bar:nth-child(3){animation-delay:.2s}.wave-icon.active .bar:nth-child(4){animation-delay:.3s}.wave-icon.active .bar:nth-child(5){animation-delay:.4s}.bar:first-child{animation-delay:0s}.bar:nth-child(2){animation-delay:.1s}.bar:nth-child(3){animation-delay:.2s}.bar:nth-child(4){animation-delay:.3s}.bar:nth-child(5){animation-delay:.4s}@keyframes wavePulse{0%,to{height:10px;y:20}50%{height:30px;y:10}}.translation-comp{display:flex;align-items:center;gap:10px}.translation-comp .tc-item{opacity:.5;cursor:pointer;transition:all .3s ease;font-size:13px}.translation-comp .tc-item.active{opacity:1}.journey-item{min-width:500px;aspect-ratio:10/6;position:relative;transition:all .3s ease;border-radius:8px;overflow:hidden;opacity:.4;cursor:pointer}.journey-item.active{opacity:1}.journey-item .j-item-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0;z-index:1}.journey-item .j-item-layover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,0) linear-gradient(227deg,rgba(3,4,7,0),#7e310b) 0 0 no-repeat padding-box}.journey-item .j-item-layover.content-type-2{background:rgba(0,0,0,0) linear-gradient(227deg,rgba(3,4,7,0),#2258be) 0 0 no-repeat padding-box}.journey-item .j-item-content{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:20px;display:flex;flex-direction:column;gap:10px}.journey-item .j-item-content-title{font-size:12px;font-weight:500;line-height:1}.journey-item .j-item-content-description{font-size:25px;font-weight:400;line-height:1.2}.journey-item .j-item-content-description span{font-size:25px;font-weight:700}.journey-item .j-item-content .j-item-content-icons{display:flex;align-items:center;gap:8px}.journey-item .j-item-content .j-item-content-icons i{width:30px;height:30px;font-size:17px;color:#fff;display:flex;align-items:center;justify-content:center;background:rgba(222,160,161,.3);border-radius:50%;opacity:1;backdrop-filter:blur(3px);transition:all .3s ease}.journey-item .j-item-content .j-item-content-icons i:hover{scale:1.1}.journey-item:hover{rotate:-10deg;scale:1.05;opacity:1}.journey-timeline-item{flex-shrink:0;clear:both;display:inline-block;overflow:hidden;white-space:nowrap;opacity:.4;color:#fff;font-size:12px}.journey-timeline-item.active{opacity:1;color:#fff;font-size:20px;font-weight:600}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes mainLayoutFadeIn{0%{opacity:0;transform:translateY(100px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalFadeOut{to{opacity:0;transform:translateY(100px)}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes skeletonAnimation{to{background-position-x:-200%}}@keyframes stageCardAnimation{0%{transform:skew(90deg)}to{transform:skew(0deg)}}@keyframes popupAnimation{0%{transform:scale(.9);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes modalBackdrop{0%{background-color:rgba(0,0,0,.1)}to{background-color:rgba(0,0,0,.4)}}@keyframes documentVersionsFadeIn{0%{transform:translateX(100vw)}to{transform:translateX(0)}}.history-flow{flex:1;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.history-flow::-webkit-scrollbar{display:none}.flow-timeline{position:fixed;right:0;top:0;bottom:0;z-index:11}.flow-timeline .ft-dots{width:50px;display:flex;flex-direction:column;align-items:flex-end;padding-right:20px;gap:15px;overflow:auto;height:100%;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;padding-top:60px;padding-bottom:60px}.flow-timeline .ft-dots::-webkit-scrollbar{display:none}.flow-timeline .ft-dots .ft-dot{width:7px;height:7px;background:#fff;border-radius:50%;opacity:.5;flex-shrink:0;transition:all .3s ease;cursor:pointer;position:relative;z-index:11}.flow-timeline .ft-dots .ft-dot.active,.flow-timeline .ft-dots .ft-dot:hover{scale:1.8;opacity:1}.flow-timeline .ft-dots .ft-dot .ft-dot-content{position:absolute;top:50%;right:calc(100% + 5px);transform:translateY(-50%);padding:2px 5px;border-radius:5px;display:none}.flow-timeline .ft-dots .ft-dot .ft-dot-content .ft-dot-content-year{font-size:10px;font-weight:500;clear:both;display:inline-block;overflow:hidden;white-space:nowrap}.flow-timeline .ft-content{position:absolute;top:0;right:60px;height:100%;z-index:11;display:flex;flex-direction:column;gap:15px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;padding-top:60px;padding-bottom:60px;transform:translateX(120%);opacity:0;transition:all .4s ease}.flow-timeline .ft-content::-webkit-scrollbar{display:none}.flow-timeline .ft-content .ft-content-item{width:250px;aspect-ratio:10/6.5;position:relative;opacity:.3;transition:all .3s ease;display:flex;align-items:center;border-radius:5px;cursor:pointer}.flow-timeline .ft-content .ft-content-item .ft-content-item-layover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border-radius:5px;background:rgba(0,0,0,0) linear-gradient(227deg,rgba(3,4,7,0),#672f13) 0 0 no-repeat padding-box}.flow-timeline .ft-content .ft-content-item .ft-content-item-layover.ftcil-2{background:rgba(0,0,0,0) linear-gradient(227deg,rgba(13,73,186,0),#0d49ba) 0 0 no-repeat padding-box}.flow-timeline .ft-content .ft-content-item .ft-content-item-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0;border-radius:5px;vertical-align:auto;z-index:1}.flow-timeline .ft-content .ft-content-item .ft-content-text{position:relative;z-index:2;padding:10px;transition:all .3s ease}.flow-timeline .ft-content .ft-content-item .ft-content-text .ft-content-text-title{font-size:12px;font-weight:500}.flow-timeline .ft-content .ft-content-item .ft-content-text .ft-content-text-description{font-size:18px;font-weight:400;line-height:1.1;margin-top:5px}.flow-timeline .ft-content .ft-content-item .ft-content-text .ft-content-text-description span{font-weight:600;font-size:18px}.flow-timeline .ft-content .ft-content-item.active,.flow-timeline .ft-content .ft-content-item.active .ft-content-text,.flow-timeline.show{opacity:1}.flow-timeline.show .ft-content{display:flex;transform:translateX(0);opacity:1}.flow-timeline.show~.ft-content-overlay{display:block}.flow-timeline:hover{opacity:1}.flow-timeline:hover .ft-content{display:flex;transform:translateX(0);opacity:1}.flow-timeline:hover~.ft-content-overlay{display:block}.ft-content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0) linear-gradient(90deg,rgba(3,4,7,.5450980392),#030407) 0 0 no-repeat padding-box;display:none;animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.move-camera-button-wrapper{position:absolute;bottom:10px;left:30px;display:flex;flex-direction:column;gap:10px;transform:unset!important}.move-camera-button-wrapper .mcb-button{width:40px;height:40px;border:1px solid #bbb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:30px;color:#bbb;transition:all .3s ease}.move-camera-button-wrapper .mcb-button:active{background-color:rgba(187,187,187,.5)}.hf-content-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;pointer-events:none}.hf-content-box .hfcb-year{font-size:20px;font-weight:600;color:#fff;text-align:center}.hf-content-box .hfcb-header{font-size:35px;font-weight:500;color:#fff;background-color:#831718;padding:10px 15px;border-radius:10px;font-family:cloudy_june;text-align:center;line-height:1}.hf-content-box .hfcb-content{font-size:26px;font-family:cloudy_june;width:500px;text-align:center;line-height:1.2}.hf-content-box .hfcb-content-icons{display:flex;align-items:center;gap:15px;pointer-events:auto}.hf-content-box .hfcb-content-icons i{width:40px;height:40px;font-size:25px;color:#fff;display:flex;align-items:center;justify-content:center;background:rgba(222,160,161,.3);border-radius:50%;opacity:1;backdrop-filter:blur(5px);transition:all .3s ease;cursor:pointer}.hf-content-box .hfcb-content-icons i:hover{scale:1.1}.loading-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:70px;background-color:rgba(0,0,0,.2)}.loading-container .lc-box{color:#fff;font-size:10px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.3s linear infinite;transform:translateZ(0)}@keyframes mulShdSpin{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}.loading-container .loading-text{color:#fff;font-size:25px;font-weight:500}