@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,300);@import url(https://fonts.googleapis.com/css?family=Squada+One);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.DialogWindow{margin-left:24px;margin-top:30px}.DialogWindow,.UserDialogWindow{background-color:#e2b27e;border:solid;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABVCAYAAAA49ahaAAAAAXNSR0IArs4c6QAAAYVJREFUeJzt3TFqAkEcRnGVQBpvELyAZ0glWElOYpEieApJkSInCWmtcoZcIFdIk0oPsP/iw53n7ob3KweF2cfgMLC7zrfrh/NMTS2GnsB/ZFSAUQFGBdxVg8+71a3nMVlvnz+dMVcqwKgAowKMCig3qsrH119n7OnxvjN2+v7tN6MBbNbLzlh6vRVXKsCoAKMCjAqIN6r0R7ry+n68+rutvewP0ef6XK8rFWBUgFEBRgXEG9UUT0qp9Nqqk1fFlQowKsCoAKMC4o2qMqaTUiqdc3ryqrhSAUYFGBVgVIBRAUYFGBVgVIBRAUYFGBVgVIBRAUYFGBVgVIBRAUYFGBVgVIBRAUYFGBVgVIBRAUYFGBVgVIBRAUYFGBVgVIBRAUYF9Lo9Pb2Fe0y3sfe57TzlSgUYFWBUgFEB8UaVPuw6xQeD02tLuVIBRgUYFWBUQPN3/VVucYppzXf9jYxRAUYFGBXQ/F1/rU8nQ/FdfyNjVIBRAUYFzP0/qvZcqQCjAowKMCrgAp4hLthFWr4YAAAAAElFTkSuQmCC) 28/10px 10px 10px 10px stretch;height:80px;padding:15px;width:620px}.UserDialogWindow{margin-left:auto;margin-right:24px;position:relative}.DialogTitle{font-size:1.1rem;font-weight:700;margin-bottom:15px}.DialogFooter{cursor:pointer;font-size:.9rem;margin-top:15px;text-align:end}.CharacterPortrait{margin-left:24px}.RecorderContainer{background:#fff;border-radius:24px;box-shadow:-1px 1px 8px 1px rgba(0,0,0,.35);-webkit-box-shadow:-1px 1px 8px 1px rgba(0,0,0,.35);-moz-box-shadow:-1px 1px 8px 1px rgba(0,0,0,.35);height:104px;margin-left:auto;margin-right:24px;padding:24px;position:relative;width:521px}input{background-color:transparent;border:none;color:#f0f8ff;font-size:1.4vw;height:38%;position:inherit;text-align:center;top:11%;width:93%}a{color:#fff;font-size:1.2vw!important}div{color:#c9c9c9}.noFuriganadiv{margin-top:.25vw}.noFuriganaSpan{position:relative;top:.25vw}.characterSpeechText{position:absolute;top:30%}.characterSpeechTranslationText{position:absolute}.charSpeechPhraseDiv{display:inline-block;margin-left:1vw;width:auto}.charSpeechDiv{height:48%;margin:auto;position:relative;text-align:center;top:11%!important;width:93%}.charSpeechDiv div{height:auto;overflow:visible}.wordByWordTranslationDiv{grid-gap:1vw;grid-row-gap:0;background-color:#a0a5a5;border-radius:1vh;display:grid;grid-auto-columns:auto;grid-template-rows:repeat(2,auto);margin:auto;padding:.5vw;position:relative;top:2vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.itemRow1{align-items:center;display:block;grid-row:1/2;justify-content:center;margin:auto;padding-bottom:.5vw}.itemRow1 a{font-size:1vw!important;font-weight:700;margin-left:.5vw;margin-right:.5vw;white-space:nowrap}.itemRow2{align-items:center;display:block;grid-row:2/2;justify-content:center;margin:.8vw auto .2vw;max-width:12vw;padding-bottom:.5vw;padding-top:.5vw}.itemRow2 a{color:#e6e3e3;font-size:1vw!important;margin-left:.5vw;margin-right:.5vw}.item:first-child{grid-row:1/2}.suggestionsBox{position:relative}div{height:auto}h3{color:#f0f8ff;font-size:2vw;margin-bottom:0;margin-top:1%}.behindEnvironment{background-color:#24221e}button{background-color:#64646491;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1vw;font-weight:600;height:3vw;margin:auto;outline:0;padding:0 10px;text-align:center;vertical-align:middle}button:hover{background-color:#00000068}button:disabled{background-color:#4f4f4f73;color:#cacaca82;cursor:not-allowed}.backgroundEnvironment{position:absolute;right:0;width:100%;z-index:1}.character{position:absolute;right:24vw;top:5.5vw;width:38%;z-index:1}.coverEnvironment{position:absolute;right:0;width:100%;z-index:2}.convoSideBar{z-index:8}.convoSideBarDiv{background-color:rgba(29,30,31,.7);border-radius:1vh;height:20.2vw!important;left:.6%;position:absolute;text-align:center;top:.6vw;width:7.3%!important;z-index:3}.userInputDiv{background-color:hsla(195,2%,42%,.7);height:12vw;top:39vw;z-index:3}.userInputCOVERDiv,.userInputDiv{border-radius:1vh;position:absolute;right:5%;text-align:center;width:34%!important}.userInputCOVERDiv{background-color:hsla(195,2%,42%,0);height:6vw!important;top:42vw;z-index:4}.characterOutputDiv{background-color:hsla(195,2%,42%,.7);border-radius:1vh;height:13.2vw!important;left:9.5%;overflow:visible;position:absolute;top:18vw;width:40%!important;z-index:3}.characterOutputDiv div{overflow:visible}.characterOutputButtons{background-color:#24242453;height:2.3vw;margin:1%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;position:inherit;top:13%;width:20%}.suggestionsDiv{background-color:rgba(29,30,31,.7);border-radius:1vh;height:20vw!important;left:3%;position:absolute;top:32vw;width:29%!important;z-index:2}.suggestionsDiv div{height:auto}.lowerCover{background-color:#2e2f30;height:calc(100vh - 52.85vw);min-height:2vw;position:absolute;top:52.84vw;z-index:3}h1{color:#fff;font-size:3.2vw}li{list-style-type:none}ul{-webkit-padding-start:0;padding-inline-start:0;text-align:center}.NoteItem{border:2.5px solid #6f6f6f;border-radius:4px;margin-bottom:5px;padding-bottom:9px;padding-left:1vw;padding-right:1vw}.NoteItem h3{font-size:2vw}.NoteItem li{margin-top:1vw}.NoteItem div{height:auto}.NoteItem b{color:#e8e7e7;font-size:1.4vw}.NoteItem a{color:#c2c2c2}.TaskItem{margin-bottom:1vh}.TaskItem,.TaskItemComplete{background-color:#666;border:2.5px solid #fff;border-radius:4px;padding:9px;text-align:left}.TaskItemComplete{margin-bottom:5px;text-decoration:line-through}.OptionalTaskItem{background-color:#666;border:2.5px solid #303030;border-radius:4px;margin-bottom:5px;padding:9px;text-align:left}.noteList{margin-top:0}.artifactList{grid-gap:10px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:8vh}.artifactList div{border-radius:2px;height:auto;padding-bottom:1vh}.artifactListHover:hover{background:#e6e6e629;border-radius:2px;cursor:pointer;height:auto}.artifactList img{height:12vw;margin-bottom:-.5vh;margin-top:.8vh;width:12vw}.artifactList li{border-radius:4px;margin:auto;width:76%}.artifactArtifactLabel{border-radius:0}.artifactAssignment{margin-top:1vh;padding-top:1vh}.artifactTitle{color:#fff;font-size:2vh}.artifactItem{border-radius:0;margin-bottom:1vh;padding:9px;text-align:left}.artifactTable{border:solid;-webkit-columns:1;column-count:1;margin-top:"8vh"}.artifactTable ul{border-bottom:solid;-webkit-columns:4;column-count:4;text-align:left}.artifactTable ul li{padding:.5vh;text-align:center}.artifactTable ul li:nth-child(odd){border-left:solid;border-right:solid}.artifactHeader li:nth-child(odd){padding-left:4vh}.artifactTable ul li:first-child{border-left:none}.artifactTable button{height:2vw}.artifactTable .artifactHeader{background:#313131}.artifactHeader b{font-size:1.5vw}.vocabList{-webkit-columns:2;column-count:2;margin-bottom:0}.vocabList h1{color:#d4d4d4;font-size:1.6vw;margin-top:0}.conversationCharacterList{grid-gap:10px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:8vh}.conversationCharacterList div{background:#6b6b6b;border-radius:2px;height:auto}.conversationCharacterList div:hover{background:#e6e6e6;border-radius:2px;height:auto}.conversationCharacterList img{height:12vw;margin-bottom:-.5vh;margin-top:.8vh;width:12vw}.conversationCharacterList li{border:.4vh solid #323232;border-radius:4px;margin:auto;width:76%}.conversationCharacterListCharacterLabel{background:#323232;border-radius:0}.taskListItem{display:inline-block;width:90%}.optionalTaskListText{color:#303030}.rewardText{font-weight:700;padding-top:1vh}.settingsSubtitle,.settingsSubtitleFirst{color:#dfdbdb;margin:2vw 1vw 1vw}.taskSectionTitle{align-self:baseline;margin:0 0 2vh}.FirstTaskSectionTitle{align-self:baseline;margin-top:8vh}.modalBackground{align-items:center;background-color:hsla(0,0%,78%,.5);display:flex;height:100vh;justify-content:center;position:fixed;top:0;width:100vw;z-index:7}.modalContainer{background-color:#4b4a4a;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;height:76vh;overflow-y:scroll;padding:4vh;width:60vw}.modalContainer .title{background:#4b4a4a;display:inline-block;height:11.5vh;left:0;left:20%;position:absolute;text-align:center;top:8vh;width:60%}.leaveModalContainer{background-color:#4b4a4a;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;height:42vh;overflow-y:scroll;padding:4vh;width:47vw}.titleCloseBtn{display:flex;height:2vh;justify-content:flex-end;overflow-y:scroll;z-index:10}.titleCloseBtn button{background-color:transparent;border:none;color:#151515;cursor:pointer;font-size:25px;position:absolute}.modalContainer .body{flex:50% 1;font-size:1.7rem;text-align:center}.modalContainer .body,.modalContainer .footer{align-items:center;display:flex;justify-content:center}.modalContainer .footer{flex:20% 1}.modalContainer .footer button{background-color:#6495ed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:45px;margin:10px;width:150px}.optionsContainer{border:2.5px solid #6f6f6f;height:auto;margin-top:6vw;padding-bottom:2vw}.taskCheckBox{height:5vw;vertical-align:middle;width:5vw}#cancelBtn{background-color:crimson}.phoneImage{margin:auto;width:92vh}.artifactModalBackground{background-color:hsla(0,0%,5%,.94)}.artifactModalContainer{height:87vh;text-align:center;width:62vw}.ExampleConvButton{background-color:#f7f7f753;font-size:1.5vw;margin:2vw;padding:1.5vw 3vw 3vw}.phoneMessageDiv{left:-1vw;top:26.42vh}.phoneAudioMessageDiv,.phoneMessageDiv{height:55.1vh;overflow-y:scroll;position:absolute;z-index:10}.phoneAudioMessageDiv{left:39.4vw;top:37.42vh;width:auto}.phoneAudioMessageDiv div{box-shadow:none;height:auto;width:auto}.phoneAudioMessageDiv svg{width:2vw}.phoneAudioMessageDiv .rhap_progress-bar{height:5px;width:14vw}.phoneAudioMessageDiv .rhap_progress-filled{height:5px}.phoneAudioMessageDiv .rhap_progress-container{margin:1vh}.phoneAudioMessageDiv .rhap_time{font-size:10px;width:3vw}.phoneAudioMessageDiv .rhap_container{border-radius:0!important;padding:0}.phoneAudioMessageDiv .rhap_additional-controls{flex:none}.buttondDiv{height:4vh}.checkbox,.radio-button{color:#ededed;font-size:1.5vw;margin:8px;position:relative}.checkbox{display:block}.checkbox input,.radio-button input{margin:3px;padding:0;position:absolute;visibility:hidden}.checkbox .label-visible,.radio-button .label-visible{margin-bottom:0;margin-left:2em}.fake-checkbox,.fake-radiobutton{background-color:#fff;border:1px solid #708090;display:block;height:1.5vw;left:3px;position:absolute;top:0;width:1.5vw}.fake-checkbox:after,.fake-radiobutton:after{background:navy;content:"";display:none;height:1vw;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:1vw}.fake-radiobutton,.fake-radiobutton:after{border-radius:50%}input[type=checkbox]:checked+span .fake-checkbox:after,input[type=radio]:checked+span .fake-radiobutton:after{display:block}h1{font-family:Arial,Helvetica,sans-serif}.sideBarbutton{margin:1.5vw .5vw .5vw;width:5vw}.settingsSideB{bottom:.6vw;left:.1vw}.settingsSideB,.tasksSideB{margin:1.5vw .5vw .5vw;position:absolute}.tasksSideB{bottom:11.5vw;left:.5vw;width:5vw}.DEMOINFOSideB{bottom:11.5vw;height:3.3vw}.DEMOINFOSideB,.notesSideB{left:.5vw;margin:1.5vw .5vw .5vw;position:absolute;width:5vw}.notesSideB{bottom:8vw}.vocabSideB{bottom:4.4vw;left:.5vw;margin:1.5vw .5vw .5vw;position:absolute;width:5vw}.sidebar{background-color:#f0f0f0;display:flex;flex-direction:column;font-size:16px;overflow-y:scroll;padding:10px;width:17vw}.sidebar ul{flex:1 1;list-style-type:none;margin:0;padding:0}.sidebar button{background-color:#fff;color:#575757;display:block;font-size:1.6vw;height:4vw;margin-bottom:10px;transition:background-color .2s ease-in-out;width:100%}.sidebar button:hover{background-color:#ccc!important}.sidebar img{height:2vw}.section{background:#dcd8d8;border-bottom:5px solid;height:-webkit-min-content;height:min-content;margin-bottom:4px;margin-left:7px;margin-right:7px;padding:1vw;text-align:left;width:96%}.section h2{color:#727272;margin-top:0}.section .button-group{display:flex;flex-wrap:wrap;height:-webkit-min-content;height:min-content;margin-top:10px}.section .button-group button{font-size:1.3vw;margin:5px}.section .button-group button img{height:2vh}.rhap_container{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.2);box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;line-height:1;padding:10px 15px;width:100%}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:baseline;vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex:1 1 auto;flex-direction:column}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{align-items:center;display:flex;flex:3 1 auto}.rhap_progress-container{align-items:center;align-self:center;cursor:pointer;display:flex;flex:1 0 auto;height:20px;margin:0 calc(10px + 1%);-ms-user-select:none;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rhap_progress-bar{background-color:#ddd;border-radius:2px;box-sizing:border-box;height:5px;position:relative;width:100%;z-index:0}.rhap_progress-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_progress-bar-show-download{background-color:hsla(0,0%,87%,.5)}.rhap_download-progress{background-color:#ddd;border-radius:2px;height:100%;position:absolute;z-index:1}.rhap_progress-indicator{background:#868686;border-radius:50px;box-shadow:0 0 5px hsla(0,0%,53%,.5);box-sizing:border-box;height:20px;margin-left:-10px;position:absolute;top:-8px;width:20px;z-index:3}.rhap_controls-section{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between}.rhap_additional-controls{align-items:center;display:flex;flex:1 0 auto}.rhap_repeat-button{color:#868686;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_main-controls{align-items:center;display:flex;flex:0 1 auto;justify-content:center}.rhap_main-controls-button{color:#868686;font-size:35px;height:35px;margin:0 3px;width:35px}.rhap_play-pause-button{font-size:40px;height:40px;width:40px}.rhap_volume-controls{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.rhap_volume-button{color:#868686;flex:0 0 26px;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_volume-container{align-items:center;display:flex;flex:0 1 100px;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{align-items:center;cursor:pointer;display:flex;height:14px;width:100%}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{background:#ddd;border-radius:2px;box-sizing:border-box;height:4px;position:relative;width:100%}.rhap_volume-indicator{background:#868686;border-radius:50px;box-shadow:0 0 3px hsla(0,0%,53%,.5);box-sizing:border-box;cursor:pointer;height:12px;left:0;margin-left:-6px;opacity:.9;position:absolute;top:-4px;width:12px}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_button-clear{background-color:transparent;border:none;cursor:pointer;overflow:hidden;padding:0}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}body,div,html{width:100%}div{align-items:left;height:100vh;overflow:hidden}.audio-react-recorder{height:0}.NavBar{display:flex;margin:0;padding:0}nav{background-color:#333;color:#fff;height:4.5vw}nav,nav ul{align-items:center;display:flex;justify-content:center}nav ul{list-style-type:none;margin:0;padding:0}nav ul li{margin:0 10px}.rightLI{right:5vw;text-align:right}.leftLI,.rightLI{position:absolute}.leftLI{left:1vw;text-align:left}.profileIcon{height:3.1vw;position:absolute;right:1vw;width:3.2vw}.KFIcon{height:3.4vw;left:1.5vw;position:absolute;width:12vw}nav ul li a{color:#fff;font-size:1.5vw!important;text-decoration:none;transition:color .2s ease-in-out}nav ul li a:hover{color:#bf7878}.container{display:flex;flex:1 1;flex-wrap:wrap}.characterList{background-color:#f0f0f0;display:flex;flex-direction:column;font-size:16px;padding:10px;width:43vw}.characterList ul{flex:1 1;list-style-type:none;margin:0;padding:0}.characterList div{background-color:#fff;border-radius:.5vw;height:auto;margin-bottom:.7vw}.characterList .charSelectionDiv:hover{background-color:#ccc!important}.characterList button{background-color:#fff;color:#575757;display:block;font-size:1.6vw;height:8vw;margin-bottom:10px;transition:background-color .2s ease-in-out;width:100%}.characterList img{height:7.5vw;margin-left:-35vw}.characterList a{color:grey;font-size:2.6vw!important;margin-top:1vw;padding-left:1vw;padding-top:1.5vw;position:absolute}.characterList .friendshipLevel{color:#eb94a4;font-size:1.4vw!important;margin-top:1vw;padding-left:19vw;padding-top:3.6vw;position:absolute}.characterList .barEmpty{background:#d9d3d3;margin-left:31.7vw;width:10.2vw}.characterList .barEmpty,.characterList .barFilling{border-radius:.3vw;height:1vw;margin-bottom:2vw;margin-top:-2.7vw;position:absolute}.characterList .barFilling{background:#ff9caf;margin-left:31vw;width:4vw}.characterList button:hover{background-color:#ccc!important}.selectedButton{background-color:#8a8a8a}.content{align-items:flex-start;background:#b3b3b3;display:flex;flex:3 1;flex-direction:column;justify-content:flex-start;padding:6px 10px 10px 0}.characterProfile{background:#dcd8d8;border-bottom:5px solid;height:-webkit-min-content;height:min-content;margin:.8vw 7px 4px;padding:1vw;text-align:left;width:96%}.characterProfile img{height:37vw;margin-left:-1vw}.characterProfile a{color:#505050;font-size:1.4vw!important}.characterProfile b{color:#505050}.characterProfile h1{color:#727272;margin-top:0;padding-left:7vw}.characterProfile div{height:auto}.characterProfile .button-group{display:flex;flex-wrap:wrap;height:-webkit-min-content;height:min-content;margin-top:10px}.characterProfile .button-group button{font-size:1.3vw;margin:5px}.artifactButton{border-radius:2px;height:auto;width:12vw}.artifactButton img{height:7vw;margin-bottom:-.5vh;margin-top:.8vh;width:7vw}.artifactButton li{border:.4vh solid #323232;border-radius:4px;margin:auto;width:76%}.navmap{width:100vw}.navScreenDiv{background:#484848}.itemsNavigation{background:rgba(29,29,29,.568);display:block;height:100vh;position:absolute;top:0;width:20vw}.itemsNavigation button{font-size:1.6vw;height:4vw;margin-left:8%;margin-top:4vw;width:84%}.itemsNavigation button img{height:1.7vw}.characterActionMenu{background:#484848;display:grid;height:-webkit-max-content;height:max-content;position:absolute;width:-webkit-max-content;width:max-content}.characterActionMenu button{border-radius:0;width:100%}.characterIcon{cursor:pointer;height:7.2vw;position:absolute}.characterIcon:hover{-webkit-filter:drop-shadow(2px 2px 2.5px #fff) drop-shadow(-2px 2px 2.5px #fff) drop-shadow(2px -2px 2.5px #fff) drop-shadow(-2px -2px 2.5px #fff);filter:drop-shadow(2px 2px 2.5px white) drop-shadow(-2px 2px 2.5px white) drop-shadow(2px -2px 2.5px white) drop-shadow(-2px -2px 2.5px white)}.backgroundImg{height:100%;min-width:100%;object-fit:cover;position:absolute}.logo{left:27vw;position:absolute;top:20vh;width:46vw}.newGameButton{background-color:#747474c9;font-size:2.1vw;height:4.8vw;left:40vw;position:absolute;top:60vh;width:auto}.newGameButton:hover{background-color:#656565d3}.featureDemo{background-color:#747474c9;font-size:2.1vw;height:4.8vw;left:44vw;position:absolute;top:70vh;width:auto}.featureDemo:hover{background-color:#656565d3}.rangeslider{background:#e6e6e6;margin:20px 0;position:relative;touch-action:none}.rangeslider,.rangeslider .rangeslider__fill{box-shadow:inset 0 1px 3px rgba(0,0,0,.4);display:block}.rangeslider .rangeslider__handle{background:#fff;border:1px solid #ccc;box-shadow:0 1px 3px rgba(0,0,0,.4),0 -1px 3px rgba(0,0,0,.4);cursor:pointer;display:inline-block;position:absolute}.rangeslider .rangeslider__handle .rangeslider__active{opacity:1}.rangeslider .rangeslider__handle-tooltip{background-color:rgba(0,0,0,.8);border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:400;height:40px;left:50%;position:absolute;text-align:center;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);transition:all .1s ease-in;width:40px}.rangeslider .rangeslider__handle-tooltip span{display:inline-block;line-height:100%;margin-top:12px}.rangeslider .rangeslider__handle-tooltip:after{content:" ";height:0;position:absolute;width:0}.rangeslider-horizontal{border-radius:10px;height:12px}.rangeslider-horizontal .rangeslider__fill{background-color:#7cb342;border-radius:10px;height:100%;top:0}.rangeslider-horizontal .rangeslider__handle{border-radius:30px;height:30px;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:30px}.rangeslider-horizontal .rangeslider__handle:after{background-color:#dadada;border-radius:50%;box-shadow:inset 0 1px 3px rgba(0,0,0,.4),inset 0 -1px 3px rgba(0,0,0,.4);content:" ";height:16px;left:6px;position:absolute;top:6px;width:16px}.rangeslider-horizontal .rangeslider__handle-tooltip{top:-55px}.rangeslider-horizontal .rangeslider__handle-tooltip:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,0,0,.8);bottom:-8px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.rangeslider-vertical{background-color:transparent;height:150px;margin:20px auto;max-width:10px}.rangeslider-vertical .rangeslider__fill,.rangeslider-vertical .rangeslider__handle{position:absolute}.rangeslider-vertical .rangeslider__fill{background-color:#7cb342;bottom:0;box-shadow:none;width:100%}.rangeslider-vertical .rangeslider__handle{box-shadow:none;height:10px;left:-10px;width:30px}.rangeslider-vertical .rangeslider__handle-tooltip{left:-100%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.rangeslider-vertical .rangeslider__handle-tooltip:after{border-bottom:8px solid transparent;border-left:8px solid rgba(0,0,0,.8);border-top:8px solid transparent;left:100%;top:12px}.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill{right:0}.rangeslider-reverse.rangeslider-vertical .rangeslider__fill{bottom:inherit;top:0}.rangeslider__labels{position:relative}.rangeslider-vertical .rangeslider__labels{height:100%;left:10px;list-style-type:none;margin:0 0 0 24px;padding:0;position:relative;text-align:left;width:250px}.rangeslider-vertical .rangeslider__labels .rangeslider__label-item{position:absolute;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.rangeslider-vertical .rangeslider__labels .rangeslider__label-item:before{background:#000;content:"";height:2px;left:-14px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:10px;z-index:-1}.rangeslider__labels .rangeslider__label-item{cursor:pointer;display:inline-block;font-size:14px;position:absolute;top:10px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}#config-overlay{display:flex;flex-flow:column;z-index:5}@-webkit-keyframes stripe-slide{0%{background-position:0 0}to{background-position:100% 0}}@keyframes stripe-slide{0%{background-position:0 0}to{background-position:100% 0}}#config-overlay>ul{height:8.82vh;list-style-type:none;margin:0 0 15px;padding:0;text-align:center}.config-btn{background:transparent;background-color:inherit;border:2px solid #444;border-radius:4px;color:#444;cursor:pointer;font:inherit;line-height:normal;margin:0 20px;overflow:visible;padding:16px 36px 22px;text-decoration:none;text-transform:uppercase;transition:all .5s ease;-moz-user-select:text}.config-btn::-moz-focus-inner{border:0;padding:0}.config-btn--stripe{overflow:hidden;position:relative}.config-btn--stripe:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:repeating-linear-gradient(45deg,#666,#666 1px,transparent 2px,transparent 5px);background-size:7px 7px;border-top:1px solid #666;bottom:0;content:"";display:block;height:7px;left:0;position:absolute;width:100%}.active,.config-btn--stripe:hover{background-color:#666;border-color:#000;color:#fff}.active:after,.config-btn--stripe:hover:after{-webkit-animation:stripe-slide 12s linear infinite forwards;animation:stripe-slide 12s linear infinite forwards;background-image:repeating-linear-gradient(45deg,#fff,#fff 1px,transparent 2px,transparent 5px);border-top:1px solid #000}.config-container{background:#fff;border-radius:4px;height:auto;margin:15px 30px;width:40%}.config-container div{overflow:visible}@media only screen and (max-width:768px){.config-container{margin:15px auto;width:70%}}.slider-container{overflow:visible;padding:8px 12px 2px}.font-container{line-height:1.6;padding:6px 12px}.rangeslider,.rangeslider-horizontal .rangeslider__handle{overflow:visible}.rangeslider .rangeslider__handle-tooltip{background-color:#000}.rangeslider-horizontal .rangeslider__handle-tooltip:after{border-top:8px solid #000;bottom:-7px}.rangeslider-horizontal .rangeslider__fill{background-color:#da6d77}.cutsceneContainer{user-drag:none;-webkit-user-drag:none;height:100%;left:50%;margin:auto;overflow-x:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:100%}@media only screen and (max-width:1279px){.cutsceneContainer{width:100%}}@media only screen and (max-width:768px){.cutsceneContainer{overflow-x:hidden}}.header{background-color:#333;height:8vh;list-style-type:none;margin:0;overflow:hidden;padding:0;text-align:center;width:100%}.header li{display:inline-block}.header a{color:#fff;display:block;font-size:3.3vh!important;padding:1.75vh 2.25vh 2.25vh;text-align:center;text-decoration:none}.exit-button{cursor:pointer;position:absolute;right:0}.exit-button a{cursor:pointer;transition:.3s}.exit-button a:hover{background:#cc535f}.bg{object-fit:cover;position:fixed}.bg,.overlay{height:100%;width:100%}.overlay{background-color:#686868;position:absolute}#spinner{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.backlog-overlay{margin:auto;overflow:visible;overflow:initial;overflow-y:scroll;z-index:5}.backlog{background-color:#eee;background-image:linear-gradient(90deg,transparent 79px,#abced4 0,#abced4 81px,transparent 0),linear-gradient(#ddd 2px,transparent 0);background-size:100% 33.33%;box-sizing:border-box;color:#414141;font-size:22px;height:104px;line-height:1.52;margin:auto;padding-left:93px;padding-top:3px;width:90%}.backlog-jump-container{color:#da6d77;cursor:pointer;font-style:italic;height:auto;position:absolute;-webkit-transform:translate(-80px,33px);transform:translate(-80px,33px)}.backlog-jump-text{position:relative;transition:all .2s ease-in-out}.backlog-jump-text:after{background-color:#2d5986;bottom:-5px;content:"";height:2px;left:0;opacity:1;position:absolute;transition:all .2s cubic-bezier(.25,.46,.45,.94);width:0}.backlog-jump-container:hover .backlog-jump-text:after,.backlog-jump-container:hover .backlog-jump-text:before{opacity:1;width:100%}@media only screen and (max-width:768px){.backlog{background-image:linear-gradient(90deg,transparent 50px,#abced4 0,#abced4 52px,transparent 0),linear-gradient(#ddd 2px,transparent 0);background-size:100% 25%;font-size:18px;line-height:1.45;padding-left:59px;padding-top:2px}.backlog-jump-container{-webkit-transform:translate(-55px,26px);transform:translate(-55px,26px)}.backlog-jump-text:after{bottom:-2.5px}}.backlog-speaker{color:#000;font-weight:500;height:auto}.overlay-choices{background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center}.overlay .choice-button{background-color:#1d75a5;border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:26px;height:10%;margin:30px auto;padding:12px 0;position:relative;top:5%;width:80%}@media only screen and (max-width:833px){.overlay .choice-button{font-size:20px;padding:10px 0;width:90%}}.overlay-choices input:hover{background-color:#fff;color:#1d75a5}.shake{-webkit-animation:shake .7s;animation:shake .7s}.bounce{-webkit-animation:bounce .4s;animation:bounce .4s}.shrink{-webkit-animation:shrink 2s;animation:shrink 2s}.shrink,.shrunk{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:bottom;transform-origin:bottom}.grow-back{-webkit-animation:grow-back 2s;animation:grow-back 2s;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:bottom;transform-origin:bottom}.grow{-webkit-animation:grow 2s;animation:grow 2s}.grow,.grown{-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:bottom;transform-origin:bottom}.shrink-back{-webkit-animation:shrink-back 2s;animation:shrink-back 2s;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:bottom;transform-origin:bottom}@-webkit-keyframes shake{20%,80%{-webkit-transform:translateX(4px);transform:translateX(4px)}30%,50%,70%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}40%,60%{-webkit-transform:translateX(8px);transform:translateX(8px)}}@keyframes shake{20%,80%{-webkit-transform:translateX(4px);transform:translateX(4px)}30%,50%,70%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}40%,60%{-webkit-transform:translateX(8px);transform:translateX(8px)}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}}@-webkit-keyframes shrink{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes shrink{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.5);transform:scale(.5)}}@-webkit-keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(2);transform:scale(2)}}@keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(2);transform:scale(2)}}@-webkit-keyframes grow-back{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow-back{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shrink-back{0%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes shrink-back{0%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}.menu-buttons-container{background-color:rgba(29,30,31,.84);border-radius:1vh;height:20vh;left:5vw;overflow:visible;padding-top:1.5vh;text-align:center;top:12vh;width:8vw;z-index:0}.menu-buttons{float:left;height:auto;position:relative;width:100%}.menu-buttons button{background-color:#4f4f4f53;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:calc(1.1vh + .9vw);font-weight:600;height:3vw;margin:auto auto 1vh;outline:0;padding:0 10px;text-align:center;vertical-align:middle}.menu-buttons button:hover{background-color:#00000068}@media only screen and (max-width:1100px){.menu-buttons button{padding:8px}}@media only screen and (max-width:800px){.menu-buttons button{float:none;font-size:16px;margin-top:10px;padding:6px}}.menu-buttons button:last-child{margin-right:0}.overlay-save-load{display:flex;flex-wrap:wrap;justify-content:center;z-index:5}@media only screen and (max-width:1279px){.overlay-save-load{overflow:auto}}.save-load-slot{background:#333;box-shadow:0 2px 3px 2px #222;cursor:pointer;min-height:720px;min-width:1280px;overflow:hidden;-webkit-transform:translateY(-80px) scale(.625);transform:translateY(-80px) scale(.625)}@media only screen and (max-width:880px){.save-load-slot{-webkit-transform:translateY(-80px) scale(.45);transform:translateY(-80px) scale(.45)}}@media only screen and (max-width:600px){.save-load-slot{-webkit-transform:translateY(-80px) scale(.275);transform:translateY(-80px) scale(.275)}}.save-load-slot:hover{box-shadow:0 4px 5px 3px #222}.overlay-choices-slot{height:720px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1280px;z-index:9}.save-load-slot>a{display:flex;justify-content:center;-webkit-transform:translate(0);transform:translate(0)}.slot-date{bottom:110px;color:#fff;font-size:26px;position:absolute;text-align:center;width:100%}.save-load-buttons{bottom:50px;display:flex;flex-flow:row wrap;height:40px;justify-content:center;position:absolute;width:100%}.save-load-btn{background-color:#0096cc;border:none;border-radius:8px;box-shadow:0 4px #007099;color:#fff;cursor:pointer;font-size:18px;outline:none;padding:10px 16px;text-align:center;text-decoration:none}.save-load-btn:hover{background-color:#007099;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.sprite{height:100%;left:0;margin:auto;position:absolute;right:0}.sprite-center-parent{height:100%;position:fixed;width:100%}.left{left:-64%}.right{left:58%}.text-box{background-color:#424242d6;background-size:100% 33.33%;border-radius:10px;bottom:20px;color:#000;height:40vh;left:50%;margin:auto;overflow:visible;padding:0 20px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:80%;z-index:2}@media only screen and (max-width:1100px){.text-box{width:80%}}.text{color:#dedede;font-size:calc(1.9vh + 1.1vw);height:auto;line-height:1.5;margin-top:7vh}@media only screen and (max-width:768px){.text{font-size:20px;line-height:1.72;margin-top:5px}.text-box{background-size:100% 25%;height:140px}.speaker{bottom:139px}}.speaker{background:#1f7e7a00;color:#fff;font-size:29px;height:auto;left:0;padding-top:8px;position:absolute;text-align:center;width:100%;z-index:3}@media only screen and (max-width:768px){.speaker{bottom:139px}}.speaker:before{border-left:11px solid transparent;border-right:11px solid transparent;border-top:13px solid #4c9ea9;content:"";height:0;position:absolute;right:230px;top:45px;width:0}#title-overlay{background:#4b4a4a00;z-index:1}#title-screen-header{left:50%;position:absolute;top:75%;-webkit-transform:translate(-50%,-75%);transform:translate(-50%,-75%);width:100%}#logo{color:#dfdfdf;font-family:Open Sans,sans-serif;font-size:10vh;font-weight:550;letter-spacing:-3px;line-height:1.3;padding-top:35vh;text-decoration:none}#logo,#menu{text-align:center;width:100%}#menu{border-bottom:4px double #aaa;border-top:4px double #aaa;bottom:5vh;height:42px;list-style:none;margin:100px 0 0;padding:32px 0;position:absolute}#menu li{-webkit-backface-visibility:hidden;cursor:pointer;display:inline-block;margin:-8px 10px 0;position:relative;-webkit-transform:skewy(-3deg);-webkit-transition:all .2s;width:303px}#menu li span{background:#fff;background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.05));background-image:-webkit-linear-gradient(left top,transparent 0,transparent 25%,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 50%,transparent 0,transparent 75%,rgba(0,0,0,.15) 0);background-size:4px 4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 0 20px -5px rgba(0,0,0,.4),inset 0 0 0 3px #fff;color:#333;display:block;font-family:Squada One,cursive;font-size:45px;font-weight:800;padding:6px 0;position:relative;text-align:center;text-decoration:none;text-shadow:1px 1px 0 #fff,2px 2px 0 #999,3px 3px 0 #fff;text-transform:uppercase;-webkit-transition:all 1s;z-index:1}#menu li:hover{width:320px}#menu span:hover{color:#d90075}#menu li:after,#menu li:before{x-index:-3;background:#bbb;border-radius:4px;content:"";height:100%;position:absolute;-webkit-transform:skewY(8deg);width:50px}#menu li:after{background-image:-webkit-linear-gradient(left,transparent,rgba(0,0,0,.4));right:0;top:-4px}#menu li:before{background-image:-webkit-linear-gradient(right,transparent,rgba(0,0,0,.4));bottom:-4px;left:0}@media only screen and (max-width:1000px){#logo{font-size:80px}#menu{padding:28px 0 17px}#menu li{width:30%}#menu li:hover{width:32%}#menu li span{font-size:30px;margin-bottom:15px}#menu li:after,#menu li:before{content:none}}@media only screen and (max-width:700px){#logo{font-size:60px}#menu{padding:35px 0 125px}#menu li{width:70%}#menu li:hover{width:75%}#menu li span{display:block;font-size:30px;margin-bottom:15px}}.sprite-enter{opacity:0}.sprite-enter.sprite-enter-active{opacity:1;transition:opacity .25s cubic-bezier(.215,.61,.355,1)}.sprite-leave{opacity:1}.sprite-leave.sprite-leave-active{opacity:0;transition:opacity .25s cubic-bezier(.55,.055,.675,.19)}.move-left-enter{opacity:0;-webkit-transform:translate(350px);transform:translate(350px);transition:opacity .4s ease-out,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out,-webkit-transform 1.2s ease-in-out}.move-left-enter-active,.move-left-leave{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.move-left-leave{transition:opacity .4s ease-in,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-in;transition:transform 1.2s ease-in-out,opacity .4s ease-in,-webkit-transform 1.2s ease-in-out}.move-left-leave-active{opacity:0;-webkit-transform:translate(-350px);transform:translate(-350px)}.move-left-far-enter{opacity:0;-webkit-transform:translate(700px);transform:translate(700px);transition:opacity .4s ease-out,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out,-webkit-transform 1.2s ease-in-out}.move-left-far-enter-active,.move-left-far-leave{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.move-left-far-leave{transition:opacity .4s ease-in,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-in;transition:transform 1.2s ease-in-out,opacity .4s ease-in,-webkit-transform 1.2s ease-in-out}.move-left-far-leave-active{opacity:0;-webkit-transform:translate(-700px);transform:translate(-700px)}.move-right-enter{opacity:0;-webkit-transform:translate(-350px);transform:translate(-350px);transition:opacity .4s ease-out,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out,-webkit-transform 1.2s ease-in-out}.move-right-enter-active,.move-right-leave{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.move-right-leave{transition:opacity .4s ease-in,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-in;transition:transform 1.2s ease-in-out,opacity .4s ease-in,-webkit-transform 1.2s ease-in-out}.move-right-leave-active{opacity:0;-webkit-transform:translate(350px);transform:translate(350px)}.move-right-far-enter{opacity:0;-webkit-transform:translate(-700px);transform:translate(-700px);transition:opacity .4s ease-out,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out,-webkit-transform 1.2s ease-in-out}.move-right-far-enter-active,.move-right-far-leave{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.move-right-far-leave{transition:opacity .4s ease-in,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-in;transition:transform 1.2s ease-in-out,opacity .4s ease-in,-webkit-transform 1.2s ease-in-out}.move-right-far-leave-active{opacity:0;-webkit-transform:translate(700px);transform:translate(700px)}.from-left-leave-right-enter{opacity:0;-webkit-transform:translate(-200px);transform:translate(-200px);transition:opacity .4s ease-out,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out,-webkit-transform 1.2s ease-in-out}.from-left-leave-right-enter-active,.from-left-leave-right-leave{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.from-left-leave-right-leave{transition:opacity .4s ease-in,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-in;transition:transform 1.2s ease-in-out,opacity .4s ease-in,-webkit-transform 1.2s ease-in-out}.from-left-leave-right-leave-active,.from-right-leave-left-enter{opacity:0;-webkit-transform:translate(200px);transform:translate(200px)}.from-right-leave-left-enter{transition:opacity .4s ease-out,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out;transition:transform 1.2s ease-in-out,opacity .4s ease-out,-webkit-transform 1.2s ease-in-out}.from-right-leave-left-enter-active,.from-right-leave-left-leave{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.from-right-leave-left-leave{transition:opacity .4s ease-in,-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out,opacity .4s ease-in;transition:transform 1.2s ease-in-out,opacity .4s ease-in,-webkit-transform 1.2s ease-in-out}.from-right-leave-left-leave-active{opacity:0;-webkit-transform:translate(-200px);transform:translate(-200px)}.scene-change-enter{opacity:0}.scene-change-enter.scene-change-enter-active{opacity:1;transition:opacity 2s ease-out}.scene-change-leave{opacity:1}.scene-change-leave.scene-change-leave-active{opacity:0;transition:opacity 2s ease-in}.menu-enter{opacity:0}.menu-enter.menu-enter-active{opacity:1;transition:opacity .4s ease-out}.menu-leave{opacity:1}.menu-leave.menu-leave-active{opacity:0;transition:opacity .4s ease-in}
/*# sourceMappingURL=main.e2d6402b.css.map*/