.uiLoader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2d2136;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;gap:10px}.uiLoader .progress-container{width:80%;max-width:400px;display:flex;flex-direction:column}.uiLoader .progress-container .progress-bar-bg{height:35px;background-color:#505360;position:relative;display:flex;justify-content:center;align-items:center}.uiLoader .progress-container .progress-bar-bg .progress-label{color:#fcfcfc;font-size:15px;text-transform:uppercase;z-index:1}.uiLoader .progress-container .progress-bar-bg .progress-bar-fill{position:absolute;left:0%;height:100%;transition:width .3s ease-out}.uiLoader .progress-container .progress-bar-bg .progress-bar-fill.resources{background-color:#3fa7dd}.uiLoader .progress-container .progress-bar-bg .progress-bar-fill.components{background-color:#3a71ba}.uiLoader .progress-container .progress-bar-bg .progress-bar-fill.sounds{background-color:#42548d}.uiLoader .progress-container .progress-value{color:#fcfcfc;font-size:15px;margin-top:5px;text-align:right}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.uiLoader.fade-out{animation:fadeOut .5s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.uiLogin .forgotPassword,.uiLogin .message,.uiManageAccount .forgotPassword,.uiManageAccount .message{color:#ffeb38!important}.uiLogin .btn:not(.gray),.uiManageAccount .btn:not(.gray){background-color:#7a3ad3!important}.uiLogin .btn:not(.gray):hover,.uiManageAccount .btn:not(.gray):hover{background-color:#533399!important}.uiLogin .bottomButtons .btn,.uiManageAccount .bottomButtons .btn{background-color:#533399!important}.uiLogin .bottomButtons .btn:hover,.uiManageAccount .bottomButtons .btn:hover{background-color:#393268!important}.uiLoginExtra .extra .btn{background-color:#9a5a3c!important}.uiLoginExtra .extra .btn:hover{background-color:#763b3b!important}.uiCharacters .bottom .right .buttons .btn{background-color:#7a3ad3!important}.uiCharacters .bottom .right .buttons .btn:hover{background-color:#533399!important}.uiCharacters .bottom .right .buttons .btn.deleting{background-color:#fc66f7!important;color:#fcfcfc}.uiCreateCharacter .message{color:#ffeb38!important}.uiCreateCharacter .leagueContainer .label,.uiCreateCharacter .mainContainer .label,.uiCreateCharacter .spiritContainer .label{color:#ff6942!important}.uiCreateCharacter .leagueContainer .description,.uiCreateCharacter .leagueContainer .skipTutorial .value,.uiCreateCharacter .mainContainer .description,.uiCreateCharacter .mainContainer .skipTutorial .value,.uiCreateCharacter .spiritContainer .description,.uiCreateCharacter .spiritContainer .skipTutorial .value{color:#faac45!important}.uiCreateCharacter .leagueContainer .btn,.uiCreateCharacter .mainContainer .btn,.uiCreateCharacter .spiritContainer .btn{background-color:#7a3ad3!important}.uiCreateCharacter .leagueContainer .btn:hover,.uiCreateCharacter .mainContainer .btn:hover,.uiCreateCharacter .spiritContainer .btn:hover{background-color:#533399!important}.cpnContainer{display:flex;position:relative;align-content:flex-start;flex-shrink:0}.cpnContainer>*{flex-basis:auto!important}.cpnContainer.horizontal{flex-direction:row}.cpnContainer.vertical{flex-direction:column}.cpnContainer.hasChildren{box-shadow:none;background-color:transparent}.cpnContainer.hasChildren:not(.dashboard){padding:0}.cpnContainer.collapsed{flex:unset;min-height:unset;min-width:unset}.cpnContainer.collapsed>.heading .containerActions .collapseIcon{transform:rotate(180deg)}.cpnContainer.collapsed>.containerToolbar{display:none}.cpnContainer.minSize,.cpnContainer.minWidth{min-width:290px}.cpnContainer.minHeight,.cpnContainer.minSize{min-height:290px}.cpnContainer.singlePage{height:100%;width:100%}.cpnContainer.flex{flex:1}.cpnContainer.canShrink{flex-shrink:1}.cpnContainer.autoChildMargins.horizontal>:not(.hidden):not(.popoverRef)+:not(.noAutoMargin){margin-left:var(--container-auto-child-margins-size)}.cpnContainer.autoChildMargins.horizontal>:not(.hidden):not(.popoverRef)~.hidden+:not(.noAutoMargin){margin-left:var(--container-auto-child-margins-size)}.cpnContainer.autoChildMargins.vertical>:not(.hidden):not(.popoverRef)+:not(.noAutoMargin){margin-top:var(--container-auto-child-margins-size)}.cpnContainer.autoChildMargins.vertical>:not(.hidden):not(.popoverRef)~.hidden+:not(.noAutoMargin){margin-top:var(--container-auto-child-margins-size)}.cpnContainer.faded:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#000000b3;transition-property:opacity;animation-name:fadein;animation-duration:.3s}.cpnContainer.canClick,.cpnContainer.canHover{cursor:pointer}.cpnContainerSimple{position:relative;display:flex;flex-shrink:0;overflow:auto}.cpnContainerSimple>*{flex-basis:auto!important}.cpnContainerSimple.horizontal{flex-direction:row}.cpnContainerSimple.vertical{flex-direction:column}.cpnContainerSimple.collapsed{flex:unset;min-height:unset;min-width:unset}.cpnContainerSimple.collapsed>*{display:none}.cpnContainerSimple.minSize,.cpnContainerSimple.minWidth{min-width:290px}.cpnContainerSimple.minHeight,.cpnContainerSimple.minSize{min-height:290px}.cpnContainerSimple.singlePage{height:100%;width:100%}.cpnContainerSimple.flex{flex:1}.cpnContainerSimple.canShrink{flex-shrink:1}.cpnContainerSimple.autoChildMargins.horizontal>:not(.hidden):not(.popoverRef)+:not(.noAutoMargin){margin-left:var(--containerSimple-auto-child-margins-size)}.cpnContainerSimple.autoChildMargins.horizontal>:not(.hidden):not(.popoverRef)~.hidden+:not(.noAutoMargin){margin-left:var(--containerSimple-auto-child-margins-size)}.cpnContainerSimple.autoChildMargins.vertical>:not(.hidden):not(.popoverRef)+:not(.noAutoMargin){margin-top:var(--containerSimple-auto-child-margins-size)}.cpnContainerSimple.autoChildMargins.vertical>:not(.hidden):not(.popoverRef)~.hidden+:not(.noAutoMargin){margin-top:var(--containerSimple-auto-child-margins-size)}.cpnContainerSimple.faded:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#000000b3;transition-property:opacity;animation-name:fadein;animation-duration:.3s}.cpnContextMenuManager{position:absolute;left:0;top:0;z-index:100002}.cpnContextMenuManager:empty{display:none}.cpnLabel{position:relative;font-size:var(--global-fontSize);word-wrap:normal}.cpnLocalStorageManager.cpnContainer.modal{max-width:90vw;max-height:90vh}.cpnLocalStorageManager .innerContainer{flex:1;display:flex;min-height:0}.cpnLocalStorageManager .innerContainer .localStorageKeys{display:flex;margin-right:var(--global-padding)}.cpnLocalStorageManager .innerContainer .localStorageCode{display:flex;flex:1 1;overflow:auto}.cpnLocalStorageManager .localStorageToolbar .localStorageActions{display:flex}.cpnLocalStorageManager .localStorageToolbar .localStorageActions>div{margin-right:var(--global-smallPadding)}.cpnModal.complex{position:absolute;left:0;top:0;width:100%;height:100%;padding:var(--global-padding);background-color:#00000080;display:flex;box-sizing:border-box;z-index:100002}.cpnModal .cpnViewport{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cpnPopup{position:fixed;display:flex;box-sizing:border-box;flex-direction:column;box-shadow:0 1px 4px #00000024;overflow-y:auto}.cpnSystemModal{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100001;display:flex;justify-content:center;align-items:center}.cpnSystemModal:empty{display:none}.cpnSystemModal:not(:empty):before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#00000080}.cpnSystemModal>*:not(:last-child){display:none}.cpnViewport{position:relative;overflow:auto;height:100%}#root{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}*{font-family:var(--global-fontFamily);font-weight:var(--global-fontWeight);font-size:var(--global-fontSize)}::-webkit-scrollbar{width:var(--global-scrollbarWidth);height:var(--global-scrollbarWidth)}::-webkit-scrollbar-track{background-color:var(--colors-scrollbarTrack);-webkit-border-radius:var(--global-scrollbarBorderRadius);border-radius:var(--global-scrollbarBorderRadius)}::-webkit-scrollbar-thumb{-webkit-border-radius:var(--global-scrollbarBorderRadius);border-radius:var(--global-scrollbarBorderRadius);background:var(--colors-scrollbarThumb)}#root,body{margin:0;height:100vh;width:100vw}#root>:last-child{z-index:1}#root>.cpnContainer{width:100%;height:100%}.disabled{opacity:.5;pointer-events:none;filter:grayscale(100%)}.hidden,[class^=cpn].hidden{display:none!important}.loading:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;background-color:rgba(var(--colors-loaderBackground-rgb),var(--colors-loaderBackgroundOpacity));transition-property:opacity;animation-name:fadein;animation-duration:.3s}.loading:after{z-index:101;color:var(--colors-loaderIcon);content:var(--global-loaderIcon);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--global-loaderIconFontSize);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;display:flex;justify-content:center;align-items:center;animation-name:var(--global-loaderIconAnimationName);animation-duration:var(--global-loaderIconAnimationDuration);animation-timing-function:var(--global-loaderIconAnimationTimingFunction);animation-iteration-count:infinite;transform-origin:50% 62%}.collapsible{width:0;transition-delay:50ms,.15s;transition-duration:.25s;transition-property:width,padding;padding:var(--global-smallPadding) 0}.collapsible>*{opacity:0;transition-duration:.15s;transition-property:opacity}.collapsible.active{width:280px;padding:var(--global-smallPadding);transition-property:width,padding;transition-duration:.4s;transition-delay:0s,.15s}.collapsible.active>*{opacity:1;transition-duration:.35s;transition-delay:.1s}.collapsible.extraWide.active{width:300px}*{box-sizing:border-box}#root.debug [class^=cpn]{border:1px solid red!important}input[type=color]::-webkit-color-swatch{border:1px solid #757575}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes flip{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes growWidthToRight{0%{width:0}to{width:var(--animation-growWidthToRight-var-1)}}.invisibleScrollbars{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.invisibleScrollbars::-webkit-scrollbar{width:0;height:0}.demo{display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,#bdbdbd,#fafafa)}.demo#root>div{width:468px;height:1012px;transition-property:width,height,transform,border-radius,border-width;transition-duration:.5s;transition-timing-function:ease-in-out;flex:none;border-radius:32px;box-shadow:0 1px 4px 4px #00000050;position:relative;overflow:hidden;border:12px solid #212121;border-width:12px}.demo.rotate#root>div{transform:rotate3d(.5,.25,-.45,60deg);transition-property:width,height,transform,border-radius,border-width;transition-duration:.6s;transition-timing-function:ease-in-out}.mobile #STATERECORDER.cpnMenu{position:absolute}.mobile #MENU.cpnBladeManager{position:absolute;height:auto;left:0%;top:0%;width:100%;z-index:100;transform-origin:0 0;transition:transform .25s 0s,width 0s .25s;transform:scaleY(0);flex-direction:column}.mobile #MENU.cpnBladeManager>*{opacity:0;transition-property:opacity,transform;transition-duration:.15s;transition-delay:.1s,0s;transform:scaleY(.75);transform-origin:0 0;width:100%;box-shadow:none;display:flex;flex-direction:row;padding:var(--global-smallPadding) 0px}.mobile #MENU.cpnBladeManager>* .headingText{display:none}.mobile #MENU.cpnBladeManager>* .divider.secondary{width:1px;height:auto;margin-right:12px;background-color:#000}.mobile #MENU.cpnBladeManager>* .cpnTreeview{flex:1}.mobile #MENU.cpnBladeManager>* .children{display:flex;flex-direction:row;flex:1;justify-content:flex-end}.mobile #MENU.cpnBladeManager>* .children .node{margin-bottom:0}.mobile #MENU.cpnBladeManager>* .children .node .val{display:none}.mobile #MENU.cpnBladeManager>* .children .node .cpnIcon{margin-right:0}.mobile #MENU.cpnBladeManager>* .children .node.selected .text{background-color:transparent}.mobile #MENU.cpnBladeManager.active{transition-property:transform;transition-duration:.4s;transition-delay:0s;transform:scaleY(1);width:100%}.mobile #MENU.cpnBladeManager.active>*{opacity:1;transition-property:opacity,transform;transition-duration:.3s;transition-delay:.1s,0s;transform:scaleY(1);height:74px}.mobile .cpnContainer.toolbar.vertical>.content>*+*{margin-top:var(--global-smallPadding);margin-left:0}.mobile #MODAL1{z-index:101}.mobile #NOTIFICATIONS{position:absolute}.mobile #NOTIFICATIONS .notification{width:200px;margin-right:12px}.mobile .cpnLogo{width:80%}.mobile .cpnLogo .letter{font-size:32px;padding:12px;transition-property:font-size,padding;transition-duration:.5s}.mobile #VIEWPORT.cpnViewport{padding:0}.mobile #VIEWPORT.cpnViewport .cpnContainer{border-radius:0}.mobile #VIEWPORT.cpnViewport .cpnContainer.hasChildren{flex-direction:column}.mobile #VIEWPORT.cpnViewport .cpnContainer.hasChildren>.content>*+*{margin-left:0;margin-top:24px}.mobile .tabButton{text-align:center}#root:not(.mobile) .cpnLogo .letter{transition-property:font-size,padding;transition-duration:.5s}